@charset "utf-8";
/* CSS Document */
body{ font:14px/0.875em Arial, Helvetica, sans-serif; line-height:1.8em; color:#575757;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease 0s; outline:none;}
#top{ height:47px; background:#072536; color:#999ea3; line-height:47px;}
#top a{ color:#999ea3; padding-right:15px;}
#top i{ font-size:18px;}
@media (min-width: 768px){
#top .ml20{ margin-left:20px;}
#top .collapse{ display:block;}
#top a{border-left:1px solid #0e3449;padding:0px 15px; display:inline-block;}
#top .bor-right{ border-right:1px solid #0e3449;}
#top .myright a{ padding:0 25px;}
}
#top .navbar-toggle{ margin-top:5px; margin-bottom:5px;}
#top .navbar-toggle .icon-bar { border-radius: 50%;display: block;height: 4px;margin-left: auto;transition: all 0.3s ease 0s;width: 4px;background-color: #fff;}
#top .myright{ float:right;}
#top a:hover{ color:#cf4b4b; text-decoration:none;}
.logo{ float:left; padding-top:20px;}
#nav{  background-color:#fff;}
@media (max-width: 767px) {
  #top{ height:50px;}
  .etlink{ background:#012c3c; border-top:1px solid #999; width:230px; padding:10px 20px; right:15px; position:absolute;}
  .etlink .myright{ float:none !important;}
  .etlink .myright a{ display:block; line-height:40px; height:40px;}
  #nav{ height:70px;}
  .logo{padding-top:10px;}
}
.sf-menu{ list-style:none; margin:0px; padding:0; float:right;}
.sf-menu li{ margin:0 16px; display:inline-block; text-transform:uppercase; position:relative;}
.sf-menu li i{ font-size:16px;}
.sf-menu li a{ color:#515050;font-weight:bold; text-decoration:none; display:block; position:relative; padding:36px 0;}
.sf-menu li a:hover,.sf-menu li.sfHover a,sf-menu li.active a{ color:#fe5454;}
.sf-menu > li > a::after {
    background: #fe5454 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.sf-menu > li > a:hover::after,.sf-menu > li.sfHover >a::after ,.sf-menu > li.active >a::after { height: 5px;}
.dropdown-menu{ border-top:3px solid #fb4848; margin-top: 0;}
.dropdown-menu > li{ margin-left:0; display:block;}
.dropdown-menu > li > a {
  display: block;
  font-size: 12px !important;
  font-weight: 700;
  position: relative;
  text-indent: 20px;
  padding: 5px 0 !important;
  overflow: hidden;
  clear: both; color:#515050 !important;
}
.dropdown-menu > li > a:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 20px;
  height: 5px;
  left: -23px;
  top: 8px;
  background: #f15a5a;
  -moz-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  -webkit-transform: skewX(40deg);
  transform: skewX(40deg);
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dropdown-menu a:hover:after {
  left: -10px;
  -moz-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #f15a5a;
  background-color: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .sfHover > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .sfHover > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .sfHover > a:focus {
  color: #f15a5a;
  text-decoration: none;
  outline: 0;
  background-color: transparent;
}
.nav-brand{ display:none;}
.isStuck{ height:54px !important; z-index:999;    box-shadow: 0 1px 2px #999;}
.isStuck .sf-menu li a{ padding:14px 0 !important;}
.isStuck .logo { padding-top:0;}
.isStuck .logo img{ height:50px;}
.isStuck .dropdown-menu > li > a{ padding:2px 0 !important;}
.isStuck .dropdown-menu{ margin-top:0;}
@media only screen and (max-width: 767px) {
  .isStuck {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px){.sf-menu li{ margin-right:11px; margin-left:11px; }.sf-menu li a{ font-size:14px; padding: 30px 0;}.dropdown-menu > li{ margin-left:0;}}
@media (min-width: 768px) and (max-width: 991px){.sf-menu li{ margin-right:4px; margin-left:5px; }.sf-menu li a{ font-size:11px; font-weight: bold;}.dropdown-menu > li{ margin-left:0;}}
@media (max-width: 767px) {nav{ display:none;}.logo{ margin:0 auto; width:149px; float:none !important;}
#top {
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: auto;
    z-index: 2147483647;
}
}
@media (max-width: 767px){
  .min-center{ max-width:420px; margin:0 auto;}.min-center img{ width:100%; height:auto; margin-bottom:10px;}
  .min-top{margin-top: 30px;}
}
#footer{ background:#03273d url(../images/foot-bg.jpg) center top  no-repeat; color:#738c95; padding:3.6% 0; font-size:12px;}
#footer .icon{  width:25px; height:25px; display:inline-block; text-align:center; line-height:25px; margin-right:10px;}
#footer a:hover.icon{ color:#fe5454; background:#fff; border:none;}
#footer .icon-f{ border:1px solid #677fb5; color:#677fb5; margin-left:35px;}
#footer .icon-t{ border:1px solid #70c2e9; color:#70c2e9;}
#footer .icon-g{ border:1px solid #c53942; color:#c53942;}
#footer .icon-i{ border:1px solid #3daccf; color:#3daccf;}
#footer .f-title,#footer .f-title-2{ font-size:18px; font-weight:bold; border-bottom:1px solid #1a4657; text-transform:uppercase; color:#fff; padding-bottom:8px;}
#footer .col-sm-3{font-size:12px; line-height:20px;}
#footer  a{color:#738c95; text-decoration: none;}
#footer  a:hover{color:#12a5e9;}
#footer ul{ margin:0; padding:0; list-style:none;}
#footer ul li{ border-bottom:1px solid #1a4657; padding:7px 0; text-transform:capitalize;}
#footer ul li i{ padding-right:5px;}
#footer li b{color: #fff; font-weight: bold;  font-size: 14px;}
#footer .add{ margin-top: 5px;}
#footer .add,#footer .phone,#footer .fmail{ padding-left: 25px;position: relative;}
#footer .add::before,#footer .phone::before,#footer .fmail::before{content:"\f041"; font-family: FontAwesome; position: absolute; left: 0; top:7px; color: #fff; font-size: 16px;}
#footer .phone::before{content:"\f095"}
#footer .fmail::before{content:"\f0e0"}
@media (min-width: 1200px){
#footer .col-sm-4{padding-right: 4.6%;}
}
@media (min-width: 992px){
#footer .flogo{padding-top: 7.6%;}
}

@media (max-width: 991px){
#footer .flogo{ text-align: center; margin-bottom: 30px;}

}
@media (max-width: 991px){.center-logo{ margin:0 auto; width:200px; margin-bottom:25px;}}
@media (min-width: 601px) and (max-width: 740px){#footer .nav-foot a{ padding:0 15px;}}
@media (max-width:600px){#footer .nav-foot{ text-align:left;}#footer .nav-foot a{ width:32%; display:inline-block; text-align:left; padding-left:0; padding-right:0;}}
@media (max-width:767px){#footer .mtop30{ margin-top:30px;}}

#copy{ padding-top:30px; padding-bottom:30px;line-height:20px; background:#041d26; color:#185164; text-align:center; font-size:12px;}
.bm-panel{
  visibility:hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99998;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
}
.bm-panel.active {
  visibility: visible;
}
.gotop{ position: fixed;top:50%;right:0; width:55px; height:95px;transition:width 0.5s ease; z-index: 99999;margin-top: -55px;
_bottom:auto;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.gotop.active{ width: 335px; height: 271px; }
.cd-top {
  position:absolute;  bottom: 0; left:0;
  height: 40px;
  width: 55px;
  overflow: hidden; color:#fff; padding-top:15px; text-align:center;
  white-space: nowrap;
  background: #429bf7 url(../images/cd-top-arrow.svg) no-repeat center 20%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer;
}
.cd-top:hover {
  background-color: #494949;
  opacity: 1;
}
.gotop a.contact{ line-height:55px; height: 55px; font-size: 32px; background:#41566e; display:block; color:#fff; text-align: center; text-decoration:none; outline:none; width: 55px; position: absolute; bottom: 40px;}
.gotop .gobody{ background:#fff; border:1px solid #41566e; padding:15px 10px 5px; position: absolute; left: 55px; bottom: 0; width: 280px;}
.gotop .gobody .sbtn{ width:100%; height:35px; background:#429bf7;text-align:center; color:#fff; font-weight:bold; font-size:16px; border:none;}
.gotop .gobody .sbtn:hover{background:#41566e; }
.gotop .gobody .form-group{ margin-bottom:10px;}
.gotop .gobody span{ line-height:16px; font-size:12px; color: #999; display:block;}
a:hover.contact i{
    color: #429bf7;
}
.live800{top:50%; margin-top: -46px; position: fixed; right: -40px; transform: rotate(90deg);}
@media (max-width:767px){
.live800{display: none;}
}