@charset "utf-8";
/* CSS Document */
body{ font:14px/0.875em Arial, Helvetica, sans-serif; line-height:1.8em; color:#2b2b2b; background-color: #fff;}
img{ border:none;}
a{ transition:all 0.3s ease; outline:none;}
.logo{ float:left; padding-top:14px;}
#nav{ height:86px;  background-color:#36925d;}
@media (max-width: 767px) {
  #nav{ height:70px;}
  .logo{padding-top:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {.logo{padding-top:22px;}}
.sf-menu{ list-style:none; margin:0px; padding:0; float:right;}
.sf-menu li{ margin:0 14px; display:inline-block; text-transform:uppercase; position:relative; }
.sf-menu li a{ color:#252525; text-decoration:none; display:block; position:relative; padding:30px 0; font-size: 15px; outline: none;}
.sf-menu li a:hover,.sf-menu li.sfHover a,.sf-menu li.active a{ color:#fff;}
.dropdown-menu{background: #fff; border-bottom: 3px solid #36925d;}
.dropdown-menu > li{ margin-left:0; display:block; text-transform: capitalize;}
.sf-menu .dropdown-menu > li > a {
  display: block;
  font-size: 13px !important;
  position: relative;
  text-indent: 5px;
  padding: 2px 0 !important;
  overflow: hidden;
  clear: both; color:#2b2b2b;
}
.sf-menu .dropdown-menu > li > a:hover,
.sf-menu .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #36925d;
  background-color: transparent;
  text-indent: 10px;
}
.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:5px 0;}
.isStuck .logo img{ height:45px;}
.isStuck .dropdown-menu > li > a{ padding:2px 0 !important;}
.isStuck .dropdown-menu{ margin-top:2px;}
@media only screen and (max-width: 767px) {
  .isStuck {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px){.sf-menu li{ margin-right:10px; margin-left:10px; }.sf-menu li a{ font-size:14px;}.dropdown-menu > li{ margin-left:0;}}
@media (min-width: 768px) and (max-width: 991px){.sf-menu li{ margin-right:4px; margin-left:4px; }.sf-menu li a{ font-size:12px;}.dropdown-menu > li{ margin-left:0;}}
@media (max-width: 767px) {nav{ display:none;}.logo{ margin:0 auto; width:209px; 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;}
}
.rd-mobilemenu_submenu li{ text-transform: capitalize; }
.rd-mobilemenu_ul i{ display: none; }
.gotop{ position: fixed;bottom:0;right:0; width:55px; height:95px;transition:width 0.5s ease; z-index: 99999;
_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: #36925d url("cd-top-arrow.svg")/*tpa=https://www.baowugalvanized.com/static/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:#36925d;text-align:center; color:#fff; font-weight:bold; font-size:16px; border:none;}
.gotop .gobody .sbtn:hover{background:#494949; }
.gotop .gobody .form-group{ margin-bottom:10px;}
.gotop .gobody .form-control{ background: #fff  !important; }
.gotop .gobody span{ line-height:16px; font-size:12px; color: #999; display:block;}
a:hover.contact i{
    color: #36925d;
}
.live800{top: 50%; margin-top: -16px; position: fixed; right: 2px;}
@media (max-width:767px){
.live800{display: none;}
}
#mailform{ background: #191919;  padding-top: 4.7222%; border-bottom: 1px solid #4b4b4b; color: #999898;}

#mailform .ustitle{ font-size: 15px; color: #fff;  font-weight: bold; margin-bottom: 6%; text-transform: uppercase;}
#mailform p{ font-size: 12px; line-height: 18px; }

#mailform .more{ background: #36925d; color: #fff; width: 98px; height: 40px; line-height: 40px; text-align: center; border:none; display: block; margin-top: 25px; font-size: 14px; }
#mailform  a:hover.more,#mailform  input.more:hover { background: #fff; text-decoration: none; color: #36925d; }
#mailform .map{ margin-top: 30px; }
#mailform .blogs{ margin-bottom: 18px; }
#mailform .time{ color: #36925d; font-family: Candara; margin-bottom: 5px; }
#mailform .time i{ padding-right: 5px; }
#mailform .blog-tit{ color: #fff; font-size: 14px; display: block; line-height: 16px; margin-bottom: 5px; }
#mailform .tel,#mailform .tel,#mailform .mail,#mailform .building{ font-size: 12px; padding-left: 30px; }
#mailform .Whatsapp::before,#mailform .mail::before,#mailform .building::before{content:"\f095"; font-family: FontAwesome; position: absolute; margin-left: -30px; color: #36925d; font-size: 14px; }
#mailform .building::before{content:"\f0f7"}
#mailform .mail::before{content:"\f003"}
#mailform .mail a{  color: #36925d; }
#mailform .tel a{ color: #999898; }
#mailform .col-sm-4 .form-control{background: #3b3b3b; border-radius:0;font-size: 14px; border:none;}
#mailform .col-sm-4  input.form-control{   height: 42px; }
@media (max-width:623px){#mailform .mailbtn{width: 100%;}}
#mailform  .form-control:focus{box-shadow:none;}
#mailform .copyright{ border-top: 1px solid #3b3b3b; margin-top: 30px; padding: 1.8% 0 2.3%; font-size: 12px; }
#mailform .copyright a{ color: #969696; }
@media (max-width:991px){
  #mailform .time{ margin-top: 10px; }
}
@media (max-width:767px){
#mailform { text-align: center; }
#mailform .more{ margin-left: auto; margin-right: auto; }
#mailform .ustitle{  margin-top:40px; margin-bottom: 20px;}
}