main.overlay:after {

    content: '';

    display: block;

    position: fixed;

    top: 0; bottom: 0; left: 0; right: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background: rgba(0,0,0,0.7);

}



/*#Industries Serve#*/



.industries-serve {

    padding: 0 20px;

}



.industries-serve h3 {

    color:#353a3d;

    font-size: 2.23em;

    font-weight: 700;

    margin-bottom:0.6em;

    margin-top: 30px;

    margin-bottom: 40px;



}

.industries-serve a {

    color:#066351;

    font-size: 1.2em;

    font-weight: 700;

    text-decoration:none;

}

.industries-serve a.view_expand{

    cursor:pointer;

    display: block;

    width: 1032px;

    margin: 0 auto;

  padding-bottom: 0.3em;

 }

.industries-serve a.view_expand:after {

  content: url("/SMBC/media/SMBC/SMBC-More-Plus.jpg");

  padding-left: 0.5em;

}

.industries-serve a.view_expand.active + div.reveal {

    opacity: 1;

    max-height:100%;

 }

.industries-serve a.view_expand.active:after {

    content: url("/SMBC/media/SMBC/SMBC-More-Minus.jpg");

 }

.industries-serve .reveal {

    opacity: 0;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.5s ease-in-out, opacity 1s ease-out;

    -moz-transition: max-height 0.5s ease-in-out, opacity 1s ease-out;

    -o-transition: max-height 0.5s ease-in-out, opacity 1s ease-out;

     transition: max-height 0.5s ease-in-out, opacity 1s ease-out;

  }





.industries-serve a:after {

    color:#066351;

}

.industries-serve a:hover {

    color:#25282a;

}

.industries-serve p {

    color:#25282a;

}

.industries-serve:last-child {

    margin-bottom: 20px;

}

/*#Tombstones#*/

/*.tombstones {

    background-color:#f0f1f1;



}*/

.tombstones h4 {

    color:#c3d600;

    font-size: 2.94em;

    font-weight: 700;

    text-transform:uppercase;

   padding-top: 1.2em;

}

.tombstones .item {

    border-bottom:1px solid #c3c7c9;

    padding: 1.9em 0;

}

.tombstones .item:nth-of-type(1) {

  padding:0 0 1.9em 0;

  }

.tombstones .item:last-child {

    border-bottom:0;

}



.tombstones .item p.date {

    color:#004538;

    font-weight: 700;

}

.tombstones .item p.title {

    color:#25282a;

    font-weight: 700;

    font-size: 30px;

}

.tombstones .item p.project {

    color:#004538;

    font-weight: 700;

}

.tombstones .item p.short-description {

    color:#25282a;

}



/*#Contact Us#*/

.contact-us {



}



.contact-us .col {

  margin-bottom: 70px;

}

.contact-us h2 {

  font-size: 39px;

  font-weight: 600;

  margin-bottom: 25px !important;

}

.contact-us h3 {

  font-size: 1.35em;

  margin-bottom: 7px !important;

}

.contact-us h4 {

  color:#066351;

  font-size: 1.02em;

  margin-bottom: 8px !important;

}

.contact-us p {

  margin: 0px 0 2px !important;

}

.contact-us .col .Office {

  margin-bottom: 1.4em;

}

.contact-us .col {

  margin-top: 4.6em;

}

.contact-us .col:nth-of-type(1){

  width:60%;

  float:left;

}

.contact-us .col:nth-of-type(2){

  width:40%;

  float:left;

}



/*#Leave Site Alert#*/

#leave-page .modal-dialog .modal-content .modal-header {

    padding: 8px 11px 0;

}

#leave-page .modal-dialog .modal-content .modal-body {

  text-align:center;

  padding: 0 3em;

}

#leave-page .modal-dialog .modal-content .modal-footer {

  text-align:center;

  padding: 26px;

  }

#leave-page .modal-dialog .modal-content .modal-footer a {

  text-decoration:none;

  cursor:pointer;

  o-transition: color 0.1s ease-out, 0.1s ease-in;

  -ms-transition: color 0.1s ease-out, 0.1s ease-in;

  -moz-transition: color 0.1s ease-out, 0.1s ease-in;

  -webkit-transition: color 0.1s ease-out, 0.1s ease-in;

  transition: color 0.1s ease-out, 0.1s ease-in;

  }

#leave-page .modal-dialog .modal-content .modal-footer a:nth-of-type(1) {

    background-color: #004831;

    border:1px solid #004831;

    padding:0.6em 1.5em;

    border-radius:5px;

  color: #c4d700;

  margin-right: 1em;

}

#leave-page .modal-dialog .modal-content .modal-footer a:nth-of-type(1):hover {

    background-color: #c4d700;

  color: #004831;

}

#leave-page .modal-dialog .modal-content .modal-footer a:nth-of-type(2) {

    color: #004831;

}

#leave-page .modal-dialog .modal-content .modal-footer a:nth-of-type(2):hover {

    color: #c4d700;

}



/*#Search Page#*/

.SearchDialog {

  margin-bottom:3em;

}

.form-horizontal .form-group {

  margin:0;

}

.SearchDialog .search-dialog .form-horizontal .form-group label {

  margin-bottom:0.3em;

  color:#004831;

}

.SearchDialog .search-dialog .form-horizontal .form-group input, .SearchDialog .search-dialog .form-horizontal .form-group select {

    padding: 1.3em 0.7em;

    border-radius: 0;

    font-size: 20px;

    width:50%;

}

.SearchDialog .search-dialog .form-horizontal .form-group-submit input.btn {

  background-color: #c4d700;

  color:inherit;

  border:0;

  border-radius:0;

  padding: 0.7em 2.3em;

  font-weight: bold;

  font-size: 16px;

  margin-top: 1em;

  width:200px;

  -webkit-appearance: none;

}

.SearchResults span {

  color:inherit !important;

}

.SearchResults a {

  color: #004831;

}

.SearchResults a:hover {

  text-decoration:none;

  color: #a2a6a9;

}

/*#Meet the Team#*/

.meet-team {

         padding: 5.5em 0 2em 0;

    position: relative;

    overflow: auto;

}

.meet-team .col:first-child {

  padding-right: 3em;

  width:80%;

  float:left;

}

.meet-team .col:first-child a.back-btn {

display: block;

    position: absolute;

    top: -50px;

  text-decoration:none;

  color:#25282a;

  font-size:16px;

  }

.meet-team .col:first-child a.back-btn:hover {

  color: #c4d700;

  }



.meet-team .col:first-child a.back-btn:before {

  content:'\f053';

  font-family: FontAwesome;

  padding-right:0.5em;

  font-size:14px;

  }

.meet-team .col:last-child {

  width:20%;

  float:left;

}

.meet-team span {

  display:block;

}

.meet-team img {

  display:block;

}

.meet-team .colLeft {

  width:34%;

  float:left;

}

.meet-team p {

   margin: 0 0 3px;

  }

.meet-team .colLeft p.school {

  margin-top:1.5em;

  }

.meet-team .colLeft div:first-child {

  margin-bottom:2em;

  }

.meet-team .colRight {

   width:65%;

  float:left;

  padding-bottom: 20px;

}

.meet-team .colRight p.quote {

      font-size: 1.89em;

    font-weight: 700;

    line-height: 35px;

   color: #066351;

  }

.meet-team .colRight strong {

      margin-top: 1.5em;

    display: block;

  }

.meet-team a.item {

  float: left;

  margin: 0 1em 3.3em 0;

  display:inline-block;

  color:#25282a;

  text-decoration:none;

}



.meet-team a.item:hover img{

  opacity: .7; -webkit-filter: grayscale(100%);

  o-transition: color 0.2s ease-out, 0.2s ease-in;

  -ms-transition: color 0.2s ease-out, 0.2s ease-in;

  -moz-transition: color 0.2s ease-out, 0.2s ease-in;

  -webkit-transition: color 0.2s ease-out, 0.2s ease-in;

  transition: color 0.2s ease-out, 0.2s ease-in;

 }

.meet-team a.item:hover span{

  color: #888 !important;

 o-transition: color 0.2s ease-out, 0.2s ease-in;

  -ms-transition: color 0.2s ease-out, 0.2s ease-in;

  -moz-transition: color 0.2s ease-out, 0.2s ease-in;

  -webkit-transition: color 0.2s ease-out, 0.2s ease-in;

  transition: color 0.2s ease-out, 0.2s ease-in;

}

.meet-team a.item span:nth-of-type(1), .meet-team .colLeft p.doc-name{

    color: #066351;

    font-size: 20px;

    font-weight: 700;

    margin-top: 0.6em;

}

.meet-team a.item span:last-child{

    font-weight: 700;

}

.meet-team a:hover {



}

/*#Careers#*/

/*#Careers/SMBC & You Panel#*/

.image-grid-layer {

  z-index: -1;

  background: #fff;

    opacity: 0;

    width:100%;

    height:100%;

   -webkit-transition: opacity 0.5s ease-in-out 0s;

-moz-transition: opacity 0.5s ease-in-out 0s;

-o-transition: opacity 0.5s ease-in-out 0s;

-ms-transition: opacity 0.5s ease-in-out 0s;

transition: opacity 0.5s ease-in-out 0s;

}

.image-grid-layer.active {

  z-index: 1;

  opacity:1;

  -webkit-animation: fadeOut 500ms;

    -moz-animation: fadeOut 500ms;

    animation: fadeOut 500ms;

}

.image-grid-layer #diversity {

  display:none;

}

.image-grid-layer #culture {

  display:none;

}

.image-grid-layer #our-values {

  display:none;

}

.image-grid-layer #benefits{

  display:none;

}

.image-grid-layer #giving-back {

  display:none;

}

.image-grid-layer #our-smbc {

  display:none;

}

/*#Media Queries#*/

/*#Media Queries/1350#*/

@media only screen and (min-width:1350px) {

  section.heroimg {

      max-width: 1550px;

      margin: 0 auto;

  }

}

@media only screen and (max-width:1350px) {

  section.heroimg {

      width: 100%;

      min-height: 250px;

  }

}

/*#MediaQueries/1200#*/

@media only screen and (max-width:1200px) {

  .meet-team .col:first-child {

      padding: 0 20px;

  }

}

/*#Media Queries/980#*/

@media only screen and (max-width:980px) {

  header {

    position: relative;

    z-index: 100;

    background-color: #fff;

  }

  main {

    z-index: 99;

    position: relative;

  }

}

/*#Media Queries/900#*/

@media only screen and (max-width:900px) {

  /*header {

    position: relative;

    z-index: 100;

    background-color: #fff;

  }

  main {

    z-index: 99;

    position: relative;

  }*/

  .twoCol-80 .col:nth-of-type(1), .twoCol-80 .col:nth-of-type(2), .overlay-left, .overlay-right {

    float:none;

    width:100%;

    }

 /* .time-right-wrap {

    padding: 0 68px;

    }*/

  .page-wrap .col .overview-right {

    width:100%;
    /*display:none;*/

    float:left;

    padding-left: 20px;

    padding: 20px;

    }

  .page-wrap .col .overview-right a {

    margin: 0 auto;

    }

  /*.time-col-block::before {

    left: 68px;

    }

  .timeline-blue, .timeline-gray {

    padding: 30px 0;

}*/

  .utility-footer .page-wrap .financial-group {

    margin:0;

    padding:0;

    text-align: center;

  }

  .meet-team .colLeft, .meet-team .colRight, .meet-team .col:first-child, .meet-team .col:last-child, .industries-serve a.view_expand {

    width:100% !important;

    float:none;

    padding-bottom: 20px;

    }

  .overview .page-wrap .col .overview-left p:nth-of-type(1) {

    margin-bottom:0;

    }



  .overview {

      padding:0 0;

    }



   .smbc-you{

      padding:20px 0;

    }

    #community .col:nth-of-type(1), #community .col:nth-of-type(2), #exp .split-col {

    width:100%;

    float:none;

    text-align: center;

    display: block;

    }

  #exp .split-col, .interior-list {

    padding:30px 0;

    }

  .btn-careers-light, .btn-careers {

    width:225px;

    padding:15px 0;

    }

  .image-grid-container{

    position:relative;

    }

  .grid-base-wrap {

    padding:0;

    }

  .image-grid-container a {

    display: block;

}

}

/*#Media Queries/768#*/

@media only screen and (max-width:768px) {

  .utility-footer .page-wrap .financial-group {

    text-align: left;

  }

  .contact-us .col {

    margin: 0;

  }



}

.insights-box-new {
	display: block;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	background:#fff;
	border:1px solid #f1f1f1;
	color:#333;
	text-decoration: none !important;
}
.insights-box-new .box-title{
	display: flex;
    padding: 15px;
    background: #004831;
    min-height: 85px;
    align-items: center;
}
.insights-box-new .box-title h5{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color:#c4d700;
	margin:0;
}
.insights-box-new .box-title:hover{
	text-decoration: none !important;
}
.insights-box-new .img-wrapper{
	display: block;
	width: 100%;
}
.insights-box-new .img-wrapper img{
	width: 100%;
}
.insights-box-new .content-wrapper{
	display: block;
	position: relative;
	padding:15px 15px 40px;
	margin:0;
	color:#333;
	min-height: 165px;
}
.insights-box-new .content-wrapper p{
	font-size: 12px;
	line-height: 16px;
}
.insights-box-new .box-link{
	display: inline-block;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color:#004831;
	position: absolute;
	bottom: 15px;
	right:15px;
}
.insights-box-new:hover .box-link{
	text-decoration: none;
	color:#c4d700;
}
.insights-section .view-btn{
	margin:10px 0 0;
}
.insights-section .view-btn:hover{background-color: #fff;}
.insights-section p a{text-decoration: underline; color:#333;}
.insights-section p a:hover{text-decoration: none; color:#c4d700;}

.insights-box-new .row {
    margin-left: 0px;
    margin-right: 0px;
}

.insights-box-new .row [class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}

@media only screen and (max-width: 991px){
	.insights-box-new .content-wrapper{min-height: auto;}
}