@charset "utf-8";

body { margin: 0; padding: 0;   }
body, table, input, textarea, select { color:#575757; font-size: 13px; font-family: 'Open Sans', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

.last { margin-right: 0px !important; }
.top0 { margin-top: 0px !important; } .top5 { margin-top: 5px !important; } .top10 { margin-top: 10px !important; } .top15 { margin-top: 15px !important; }
.bot0 { margin-bottom: 0px !important; } .bot5 { margin-bottom: 5px !important; }
.clear { clear: both; }
img { border: none; }
.left { float: left; } .right { float: right; } .center { text-align: center; }
p { margin: 15px 0px; }
b,strong{ font-weight:600;}
.small { font-size: 85%; line-height:130%; }
.hidden { display: none; }
.cf:before,.cf:after { content: " "; display: table;}
.cf:after {clear: both;}
.cf { *zoom: 1;}

a{ color:#575757; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important; }
a:hover { color: #e4a814; text-decoration: none; }


#header{ margin:15px auto 0; position:relative;}
#header .col-lg-10, #header .col-md-10, #header .col-lg-2, #header .col-md-2, #header .col-sm-12{ position:static !important;}
#logo{ margin:0;   }
.navbar,.nav > li.product-menu{ position:static;}
#main-menu{ float:right; margi1n:90px 15px 0 0; margin-bottom:0 !important; min-height:inherit !important; border:none !important;}
#main-menu ul{ margin:90px 0 0 0; padding:0; list-style-type:none; float:none;}
#main-menu ul li{ float:left;  }
#main-menu ul li:first-child{ margin-left:0;}
#main-menu ul li.last-list ul{ right:0; left:auto;}
#main-menu ul li a{ text-transform:uppercase; color:#787878; text-decoration:none; display:block; padding:0 14px 25px; font-weight:600; font-size:11px;} 
#main-menu ul li a:hover,#main-menu ul li.active a{ color:#e4a814;}
#main-menu ul li ul{ margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; width:200px; top:65px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow:0 2px 3px 2px rgba(0,0,0,.2); background:#ececec; border-bottom:3px solid #e4a814; }
#main-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:45px;}
#main-menu ul li.product-menu .sub-menu-wrap{ opacity:0; visibility:hidden; position:absolute; top:155px; left:0; right:0; z-index:9; padding:30px 15px; background-color:#ececec;  border-bottom:3px solid #e4a814;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#main-menu ul li.product-menu:hover>.sub-menu-wrap{ opacity:1; visibility:visible; top:135px;box-shadow:0 2px 3px 2px rgba(0,0,0,.2); }
#main-menu ul li.product-menu .sub-menu-wrap ul{ margin-left:55px; visibility:hidden; opacity:0; top:0; background:none; border-bottom:none; box-shadow:none; position:relative; width:auto;}
#main-menu ul li.product-menu:hover .sub-menu-wrap ul{ visibility:visible; opacity:1;}
#main-menu ul li.product-menu .sub-menu-wrap ul li{ float:none; border-bottom:none; margin-bottom:10px; }
#main-menu ul li.product-menu .sub-menu-wrap ul li img{ display:inline-block;}
#main-menu ul li.product-menu .sub-menu-wrap ul li a{ color:#5b5b5a; font-size:100%; padding:0; display:inline-block;}
#main-menu ul li.product-menu .sub-menu-wrap ul li a:hover{color:#e4a814;}
#main-menu ul li.product-menu .sub-menu-wrap ul li:hover{ background:none;}
#main-menu ul li.product-menu .sub-menu-wrap .comp-logo{ float:left;}
#main-menu ul li.product-menu .sub-menu-wrap .common-block{ border-right:2px solid #e4a814;}
#main-menu ul li.product-menu .sub-menu-wrap .last-block{ border-right:none;}
#main-menu ul li.product-menu .sub-menu-wrap .last-block ul{ margin:0;}
#main-menu ul li.product-menu .sub-menu-wrap .second ul{ margin-left:100px; margin-bottom:40px;}


#main-menu ul li ul li{ margin:0; float:none; position:relative;border-bottom:1px solid #c1c0c0;}
#main-menu ul li ul li:hover{ background:#e4a814;}
#main-menu ul li ul li a{ text-transform:none; font-size:100%; padding:10px 15px; color:#5b5b5a; font-weight:normal; }
#main-menu ul li ul li ul{ opacity:0; visibility:hidden; background:#787878; border-bottom:5px solid #4b4b4d; position:absolute; width:200px; top:0; left:220px;}
#main-menu ul li ul li:hover>ul{opacity:1; visibility:visible; top:0; left:200px;}

#main-menu ul li.active ul li a{color:#5b5b5a; }
#main-menu ul li ul li a:hover{ color:#fff;}
#main-menu  .nav > li > a:hover,#main-menu  .nav > li > a:focus{ background:none;}

#mobile-menu{ display:none;}

#footer{ padding:12px 0; font-size:11px; border-top:1px solid #c9c9c9;}
#footer .copyright span{ color:#e4a814;}
#footer .design-by{ text-align:right;}