@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; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none;}
#top{ background: #5f5f5f; height: 34px; color: #fff;  text-align: right; line-height: 34px;}
#top a{ color:#fff; padding-left: 30px;}
#top a i{ padding-right: 10px; }
@media (max-width: 767px){
  #top{ height: auto; line-height: 20px; padding: 10px 0; }
  #top a{ text-align: center; display: block; }
}
#top .navbar-toggle{ margin-top:5px; margin-bottom:5px; height: 20px; padding-right: 25px; }
#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;}
@media (max-width: 767px) {
  #top{ padding: 0; }
  .etlink{ background:#5f5f5f; border-top:1px solid #999; width:232px; padding:10px 0; right:15px; position:absolute; line-height: 25px; top: 50px; z-index: 2; }
  #top .etlink a{text-align: left;}
  .navbar-header {
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: auto;
    z-index: 2147483647;
}
}
@media (min-width: 768px){
#top .collapse{ display:block;}
}
#logo{ padding: 18px 0 20px; }
#logo img{ max-width: 100%; height: auto; }
#logo .searchform{ background: #c77c5e; border-radius: 3px; width: 300px; margin-top: 15px; position: relative;}
#logo .text{ border: none; background: none; width: 270px; padding-left: 10px; height:40px;line-height:40px;color: #fff; outline:medium;}
#logo .text::-moz-placeholder{color: #fff;}
#logo .text:-moz-placeholder {color: #fff;}

#logo input:-ms-input-placeholder,
#logo textarea:-ms-input-placeholder {
    color: #fff;
}

#logo input::-webkit-input-placeholder,
#logo textarea::-webkit-input-placeholder {
    color: #fff;
}
#logo .submit{background:url(../images/ser-btn.jpg) no-repeat; border: none; width: 22px; height: 21px;position: absolute;top: 9px;right: 3px; z-index: 2; cursor: pointer;}
@media (min-width: 768px){
  #logo .searchform{ float: right;}
}
@media (min-width: 768px) and (max-width: 991px) {
#logo .searchform{ width: 100%; margin-top: 10px; }
#logo .text{width: 250px; }
}
.nav{ height:48px;  background-color:#1f6dad; border-radius: 3px; box-shadow: 1px 2px 2px #b6babd;}
@media (max-width: 767px) {
  #logo{ text-align: center; }
  #logo .searchform{ margin: 10px auto 0; }
  #logo .text{width: 240px; padding-left: 0;}
}
.sf-menu{ list-style:none; margin:0px; padding:0;}
.sf-menu li:first-child a{ border-radius: 3px 0 0 0; }
.sf-menu li:last-child,.sf-menu li:last-child a{ border-right: 0;}
.sf-menu li:last-child a{ padding: 0 36px;}
.sf-menu li{ float: left; text-transform:uppercase; position:relative; border-right: 1px solid  #075ba2; line-height: 47px; }
.sf-menu li a{ color:#fff; text-decoration:none; display:block; position:relative; font-size: 16px; border-right: 1px solid #2c96d8; padding: 0 37px;border-top: 1px solid #075ba2;}
.sf-menu li a:hover,.sf-menu li.sfHover a{background: #c7a957; background: linear-gradient(to bottom, #e9cb70 0%,#b78f4f 100%); border-color: #a57c3f;}
.dropdown-menu{border-bottom:3px solid #1f6dad; margin: 0;}
.dropdown-menu > li{ margin-left:0; display:block; text-transform: capitalize; border: none; padding-right: 15px; float: none;}
.dropdown-menu > li i{ padding-right: 5px; }
.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:#484848;
  border: none;
  background: none;
}
.sf-menu .dropdown-menu > li > a:hover,
.sf-menu .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #1f6dad;
  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{  z-index:999;    box-shadow: 0 1px 2px #999;}
.isStuck .logo { padding:5px 0;}
.isStuck .logo img{ height:45px;}
.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 a{ font-size:14px;padding: 0 27px;}.sf-menu li:last-child a{ padding: 0 29px; }}
@media (min-width: 768px) and (max-width: 991px){.sf-menu li a{ font-size:12px;padding: 0 16px;}.sf-menu li:last-child a{ padding: 0 18px; }}
@media (max-width: 767px){
  #nav{ display: none; }
  .min-center{ max-width:420px; margin:0 auto;}.min-center img{ width:100%; height:auto;}
}
#footer{ padding-top: 45px; background: #5f5f5f;border-top: 6px solid #3d7aa7; }
#footer .title{ font-size: 14px; font-weight: bold; color: #fff; font-family: Verdana; margin-bottom: 15px; }
#footer ul{  margin: 0; padding: 0; }
#footer ul li{ margin-left: 15px; color: #dbdbdb; line-height: 20px; }
#footer ul li a{color: #dbdbdb;font-size: 12px; }
@media (min-width: 992px){
#footer ul li{width: 45%; float: left; }
}
@media (max-width: 767px){
  #footer .title{ margin-top: 20px; }
    #footer img{ margin: 0 auto; display: block; }
}
@media (min-width: 450px) and (max-width: 768px){
  #footer ul li{width: 45%; float: left; }
}
#footer .adds,#footer .pc,#footer .tel,#footer .fax,#footer .mail{ color: #dbdbdb; padding-left: 25px; margin-bottom: 5px; line-height: 20px; font-size: 12px; }
#footer .adds::before,#footer .pc::before,#footer .tel::before,#footer .fax::before,#footer .mail::before{font-family: FontAwesome; position: absolute; color: #fff; margin-left: -25px; font-size: 14px;}
#footer .tel::before{content:"\f095";}
#footer .mail::before{content:"\f003"}
#footer .adds::before{content:"\f041"}
#footer .pc::before{content:"\f02c"}
#footer .fax::before{content:"\f02f"}
#footer a{ color: #dbdbdb;}
.copyright{ background: #484848; color: #fff; text-align: center; font-size: 12px; padding-top: 10px; padding-bottom: 6px; margin-top: 30px; line-height: 18px;}
.rd-mobilemenu_submenu li{ text-transform: capitalize; }
.rd-mobilemenu_ul i{ display: none; }
#gotop{ position: fixed;bottom:0;right:0; width:50px; z-index: 1;
_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)));
}

.cd-top {
  height: 40px; line-height: 40px;
  width: 50px;
  background:#c77c5e url(../images/cd-top-arrow.svg) no-repeat center center;
  overflow: hidden; color:#fff; text-align:center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer; text-indent: 99999px;
}
.cd-top:hover{background-color: #e18f6e}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; display: block;}

.send a{display: block;height: 50px;width: 100%;padding-top:4px;background: #075ba2;text-align: center;line-height: 50px;}
.send a:hover{background: #2270b2}
.send i{font-size: 24px;color: #fff}
.product-art {margin-left: -7px; margin-right: -7px; margin-top: 30px;}
.product-art .col-xs-6{padding-left: 7px; padding-right: 7px;}
.product-art .title{background: #075BA2; color: #fff;  line-height:18px; display: block; padding: 5px; height: 46px;margin-bottom: 20px;}
.product-art img{border: 1px solid #075BA2; }