body {margin:0;font-family: 'Open Sans', sans-serif;}
.layout-out{width:100%; height: auto;float: left;font-family: 'Open Sans';}
.layout{width:70%; height: auto;margin: auto;}
.topbar_out{width:100%; height:56px;float:left;border-top:solid 1px #022F56;border-bottom:solid 1px #dadce0; background-color: #012E58;display: table;}
.topbar_inner{width:67%; height:56px;margin: auto;display: table;}
.topbar_cont{height: 30px;display: table-cell;vertical-align: middle;font-weight: bold;float: left;margin-right:35px;}
.topbar_right{width:46%;height: 56px;display: table;font-weight: 600;font-size: 14px;float: left;margin-left: 70px;}
a:link{outline: none;color: #002c5a;text-decoration: none;}
a:hover{outline: none;color: #faab39;text-decoration: none;}
.dotlogo{margin: 10px 0 10px 0;  }
.topbar_email{margin-right:55px;}
.topbar_quote{margin-right: 20px;}
.page-title{background-color:#24517b;width: 100%;height: 650px;float: left; color: #ffffff;display: table;background-image: url('images/boc3-process-agents.jpg');background-position: center center; background-repeat: no-repeat;background-size: cover;}
.page-tittle-inner{width:70%;margin: auto;height:100px;display: table;}

.contents-inner{width:1260px;margin: auto;min-height:500px;padding: 20px;font-size: 13.5px;line-height: 25px;}
.language_switch{padding:12px 15px 9px 15px; float: right;background-color: #000000;color: #C7C7C7;font-size: 12px;font-weight: normal;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}

.footer-layout{width:100%; height: auto;float: left;background-color: #000000; padding: 10px 0 10px 0; font-size: 12px;color: #ffffff;}
.footer-inner{width:67%; height: auto;margin: auto;}
/*.layout{width:67%; height: auto;margin: auto;}*/

#footer-menu{ width: 50%;float: right;text-align: right;padding-right: 10px;}
#footer-menu a{outline: none;color: #ffffff;text-decoration: none;}
#footer-menu a:hover{color: #faab39;}
.topbar_sep{font-size: 30px;padding: 0 5px 0 5px;color:#F9A949;font-weight: normal;}
.topnav {
  overflow: hidden;width:77%;float: right;margin-top: 25px;
}
.valign{display: table-cell;vertical-align: middle;}
.page-tittle-inner h2{font-weight: normal;}
.leaveamessage{font-weight:700;width:230px;overflow:hidden;height:25px;border:1px solid #F9A949;padding:4px;background-color:#FAAB39;color:#002C5A;font-size:15px;border-radius:4px;display: table;text-align: center;margin-top: 8px;float: left;}
 
.mob-footer{display: none;}
@media only screen and (max-width: 1440px){
  .layout{width:1380px;}
  .topbar_inner{width:1380px;}
  .page-tittle-inner{width:1380px;padding-left: 10px;}
  .topbar_cont{padding-left: 10px;}
  .topnav {width:75%}
  .contents-inner{width:1380px;}
  .footer-inner{width:95%; height: auto;margin: auto;padding-left: 10px;}
}
@media only screen and (max-width: 1280px){
  .layout{width:1250px;}
  .topbar_inner{width:1250px;}
  .page-tittle-inner{width:1240px;padding-left: 10px;}
  .topbar_cont{padding-left: 10px;}
  .topnav {width:75%}
  .topnav a{font-size:12px;}
  .contents-inner{width:1210px;}
  .footer-inner{width:95%; height: auto;margin: auto;padding-left: 10px;}
}
@media only screen and (max-width: 1024px){
  .layout{width:1024px;}
  .topbar_inner{width:1024px;}
  .page-tittle-inner{width:1014px;padding-left: 10px;}
  .topbar_right{width:55%;}
  .topbar_cont{padding-left: 10px;}
  #home{display: none;}
  .topnav {width: 100%;}
  .contents-inner{width:984px;}
  .footer-inner{width:95%; height: auto;margin: auto;padding-left: 10px;}
  .leaveamessage{display: none;}
}
@media only screen and (max-width: 768px){
  .layout{width:768px;}
  .topbar_inner{width:768px;}
  .page-tittle-inner{width:758px;padding-left: 10px;}
  .topbar_right{display: none;}
  .topbar_cont{padding-left: 10px;}
  #home{display: none;}
  .topnav {width: 100%;}
  .contents-inner{width:728px;}
  .leaveamessage{display: none;}
}
@media only screen and (max-width: 500px){
  .layout{width:100%;}
  .topbar_inner{width:100%;}
  .page-tittle-inner{width:100%;}
  .page-title{min-height: 400px;overflow: auto;;max-height: 100%;padding-right: 10px;background-image:none;padding-bottom:20px;}
  .topbar_right{display: none;}
  .topbar_cont{padding-left: 10px;}
  #home{display: none;}
  .topnav {width: 100%;}
  .contents-inner{width:100%;}
  .page-tittle-inner{width:102%;margin-left: -5px;}
  .dotlogo{margin: 10px 0 10px 10px; }
  .topbar_sep{color:#faab39;}
  #footer-menu{ width: 100%;text-align: center; margin-top: 10px; }
  .footer-layout{text-align: center;}
  .footer-inner{width:95%; height: auto;margin: auto;padding-left: 10px;}
  .footer-contact{width:95%;height:auto;text-align:center;margin:10px;float: left;}
  .footer-contact a{color: #ffffff;margin-bottom: 10px;}
  .mob-footer{display:block;float:left;text-align: center; width: 100%;background-color: #002c5a;height: auto;padding: 15px 0 15px 0;}
  .leaveamessage{display: none;}
  .fadeSCROLL{display:none;}
  .top-form-cont {
    width: 100%;}
}



.topnav a {
  float: left;
  display: block;
  color: #002c5a;
  font-weight: 650;
  text-align: center;
  padding: 8px 8px;
  text-decoration: none;
  font-size: 14px;
}
/*
.active {
  background-color: #4CAF50;
  color: #002c5a;
}
*/
#menuOPEN{font-size:35px;position: absolute;top: 80px;right: 20px;}
#menuCLOSE{font-size:55px;position: absolute;top: 80px;right: 30px;display: none;}
.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: #002c5a;
  font-weight: bold;
  padding: 8px 8px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 250px;
  border-top:solid 3px #faab39;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  float: none;
  font-weight: normal;
  color: #002c5a;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  /*background-color: #555;*/
  color: #faab39;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: #002c5a;
   background-color: #f2f2f2;
}

.dropdown:hover .dropdown-content {
  display: block;
   background-color: #f2f2f2;
}

@media screen and (max-width: 800px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.spanish a {font-size: 13px;padding-left: 10px;padding-right: 10px;}
#spanishBTN {font-size: 13px;}

contents-innera:visited {
  color: #012E58;
}
a:hover {
  color: #F9A949;
}
.topbar_out a{color: #F9A949}

h1, h2, h3{color: #012E58;}
.contents-inner a{color:#F9A949;}
.corporate_btn{padding:15px 35px;background-color:#F9A949;color:#fff;font-weight:bold;margin-top:15px;border-radius:5px;}