@font-face{font-family:'rubiklight';src:url(../fonts/rubik-light.woff2) format("woff2"),url(../fonts/rubik-light.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'rubikregular';src:url(../fonts/rubik-regular.woff2) format("woff2"),url(../fonts/rubik-regular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'rubikmedium';src:url(../fonts/rubik-medium.woff2) format("woff2"),url(../fonts/rubik-medium.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'rubikbold';src:url(../fonts/rubik-bold.woff2) format("woff2"),url(../fonts/rubik-bold.woff) format("woff");font-weight:400;font-style:normal}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{overflow:hidden;overflow-y:auto;font-family:'rubikregular';color:#434343}
body.active{overflow:hidden}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,figure,p{padding:0;margin:0;list-style:none;font-family:'rubikregular';font-weight:400;color:#3a3a3a}
body,p{font-family:'rubikregular';font-size:16px;line-height:22px;color:#3a3a3a}
a,.btn,button{text-decoration:none;outline:none}
small{font-size:100%}
strong{font-weight:400}
.fr{float:right!important}
.topBtn{cursor:pointer}
.container{padding:0 15px;margin:0 auto;width:1170px;display:block;position:relative;z-index:1}
.row{margin:0 -15px;display:block;clear:both;width:calc(100% + 30px);overflow:hidden}
.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{padding:0 15px;position:relative;min-height:1px;float:left}
.col-xl-1{width:8.33333333%}
.col-xl-2{width:16.66666667%}
.col-xl-3{width:25%}
.col-xl-4{width:33.33333333%}
.col-xl-5{width:41.66666667%}
.col-xl-6{width:50%}
.col-xl-7{width:58.33333333%}
.col-xl-8{width:66.66666667%}
.col-xl-9{width:75%}
.col-xl-10{width:83.33333333%}
.col-xl-11{width:91.66666667%}
.col-xl-12{width:100%}
@media screen and (max-width:1024px) {
.container{width:100%}
.col-lg-1{width:8.33333333%}
.col-lg-2{width:16.66666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.33333333%}
.col-lg-5{width:41.66666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.33333333%}
.col-lg-8{width:66.66666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.33333333%}
.col-lg-11{width:91.66666667%}
.col-lg-12{width:100%}
}
@media screen and (max-width:768px) {
.container,.col-md,.col-sm,.col-xs{width:100%}
.col-md-1{width:8.33333333%}
.col-md-2{width:16.66666667%}
.col-md-3{width:25%}
.col-md-4{width:33.33333333%}
.col-md-5{width:41.66666667%}
.col-md-6{width:50%}
.col-md-7{width:58.33333333%}
.col-md-8{width:66.66666667%}
.col-md-9{width:75%}
.col-md-10{width:83.33333333%}
.col-md-11{width:91.66666667%}
.col-md-12{width:100%}
}
@media screen and (max-width:480px) {
.col-sm-1{width:8.33333333%}
.col-sm-2{width:16.66666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333333%}
.col-sm-5{width:41.66666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333333%}
.col-sm-8{width:66.66666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333333%}
.col-sm-11{width:91.66666667%}
.col-sm-12{width:100%}
}
.flotRight{float:right}
.img-responsive{max-width:100%;height:auto;max-height:100%}
.formBox{border-radius:8px;position:relative;background:#fff;box-shadow:0 1px 6px 0 #00000029}
.formBox h2{padding:15px 20px;border-bottom:1px solid #ededed;font-size:18px;color:#3a3a3a;text-align:left}
.formBox form{padding:20px;display:block}
.form-group{margin-bottom:15px}
.form-control{padding:6px 15px;display:block;width:100%;height:42px;font-size:14px;color:#333;background:#fff;border-radius:8px;outline:none;border:1px solid #ededed}
textarea.form-control{min-height:80px}
.btn{padding:0 20px;display:inline-block;text-align:center;cursor:pointer;border:0;font-size:18px;border-radius:8px;height:45px;line-height:45px}
.btn-primary{background:#551b17;color:#fff;transition:.5s}
.btn-primary:hover{box-shadow:0 1px 6px 0 #00000029;transition:.5s}
.btn-secondary{background:#fff;color:#3a3a3a;transition:.5s}
.btn-secondary:hover{box-shadow:0 1px 6px 0 #00000029;transition:.5s}
.owlSlider .owl-theme .owl-nav .owl-prev{margin:0;width:50px;height:32px;position:absolute;left:0;top:50%;margin-top:-16px}
.owlSlider .owl-theme .owl-nav .owl-prev:after{content:"\e91b";position:absolute;top:-3px;left:8px;width:32px;height:32px;font-size:28px;color:#17B75D;font-family:'icomoon'}
.owlSlider .owl-theme .owl-nav .owl-next{margin:0;width:50px;height:32px;position:absolute;right:0;top:50%;margin-top:-16px}
.owlSlider .owl-theme .owl-nav .owl-next:after{content:"\e91c";position:absolute;top:-3px;right:8px;width:32px;height:32px;font-size:28px;color:#17B75D;font-family:'icomoon'}
.owlSlider .owl-theme .owl-nav [class*=owl-]:hover{background:none;opacity:.7}
.topHeader{display:block;background:#666;overflow:hidden;height:35px}
.topHeader ul{display:inline-block;float:right}
.topHeader ul li{padding:0 5px;display:inline-block;color:#fff}
.topHeader ul li a{color:#551b17;line-height:35px}
.topHeader ul li a:hover{color:#fff}
header{display:block;background:#fff;height:auto;}
header .logoBox{padding:10px 0;display:block;height:150px;}
header .logoBox a{display:flex;align-items:center;height:100%}
header .loginBox{display:flex;align-items:center;height:96px;justify-content:flex-end}
header .loginBox .btn{width:130px}
nav{display:block;background:#050404;height:55px;position:sticky;top:0;z-index:2;box-shadow:0 3px 6px 0 #0000000f;overflow:hidden}
nav ul{margin-right:-10px;display:block}
nav ul li{display:inline-block}
nav ul li a{padding:0 15px;color:#fff;font-size:16px;line-height:55px;transition:.5s;display:block;position:relative}
nav ul li:hover a{color:#551b17;transition:.5s}
nav ul li.active a{color:#551b17;transition:.5s;cursor:default}
#nav-toggle{padding:16px 10px 2px;cursor:pointer;width:42px;height:38px;display:none;border:#fff solid 1px;border-radius:5px;margin:9px 10px 0 0;position:absolute;top:0px;right:2px;z-index:9;transition:.5s}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{content:'';cursor:pointer;height:2px;width:20px;background:#fff;position:absolute;display:block;border-radius:3px;transition:.5s}
#nav-toggle span:before{top:-7px}
#nav-toggle span:after{bottom:-7px}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition:all 200ms ease-in-out}
#nav-toggle.active span{background-color:transparent!important;transition:.5s}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0;transition:.5s}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}
footer{padding:12px 15px;display:block;color:#fff;background:#333;font-size:14px;text-align:center}
@media screen and (max-width:1024px) {
body,p,.btn{font-size:16px}
}
@media screen and (max-width:768px) {
header{overflow:inherit}
#nav-toggle{display:block}
nav ul{position:fixed;right:-500px;top:186px;background-color:rgba(0,0,0,.95);width:300px;height:calc(100vh - 60px);overflow:hidden;overflow-y:auto;transition:.3s}
nav ul.active{right:-15px;transition:.3s}
nav.fixed ul{ top:55px; }
nav ul li{display:block;border-top:#f1f1f11c solid 1px}
nav ul li a{line-height:40px;text-align:left;color:#fff;font-size:14px}
nav ul li a span{position:inherit;top:inherit;right:inherit;left:10px}
nav ul li.dropdown ul.mobileDropdown{display:block;position:inherit;background:none;top:inherit;left:0;width:100%;border-radius:0;height:auto}
nav ul li.dropdown ul.mobileDropdown li{width:100%}
nav ul li.dropdown ul.mobileDropdown li a{padding-left:35px;font-size:12px;line-height:35px}
nav ul li.dropdown:hover .productNavigation{display:none}
nav ul li.dropdown:hover ul.mobileDropdown{display:block}
}