@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
/*===================================================================*/

.bg-trans{
	-moz-transition: background, .4s ease;
	-o-transition: background, .4s ease;
	-webkit-transition: background, .4s ease;
	transition: background, .4s ease;
}



.slider{overflow: hidden; position: relative;margin-bottom: 30px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
a.rslides_nav{display: block; width: 45px;height: 89px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -45px;z-index: 10;}
a.rslides_nav.prev{background-position: 0 -18px; left: 0;}
a.rslides_nav.next{background-position: -47px -18px; right: -1px;}
a.rslides_nav.prev:hover{background-position: 0 -107px;}
a.rslides_nav.next:hover{background-position: -47px -107px;}

.header-top{background: #292929; padding: 17px 0; font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}
.header-top p{ margin: 0 -30px;}
.header-top p span{display: inline-block; padding: 0 30px; border-right: 1px solid #4b4b4b;}
.header-top p span:last-child{border: none;}
.header-top p span:before{content: ''; background: url(../images/front/sprite.png) no-repeat; margin-right: 10px; display: inline-block; height: 15px;vertical-align: middle;}
.header-top p span.icon_hotline:before{background-position: 0 0; width: 11px; }
.header-top p span.icon_mail:before{background-position: -13px 0; width: 14px; }

.header-bot{padding: 45px 15px;}
.right-top ul{margin: 0 -30px;}
.right-top ul li{float: left; padding: 0 30px;border-left: 1px solid #4b4b4b;}
.right-top ul li:first-child{border: none;}
.right-top .dropdown-toggle{cursor: pointer;}
.right-top .dropdown-toggle:before{content: ''; width: 11px; height: 15px; display: inline-block; margin-right: 10px; background: url(../images/front/sprite.png) no-repeat -45px 0; vertical-align: middle;}
.right-top .dropdown-toggle .caret{margin: 10px 0 0 5px;}

.right-top .block-input{position: relative;}
.right-top .block-input input{display: none; height: 30px; position: absolute; top: -9px; right: 20px; border: none; padding: 0 10px; border-radius: 3px;}
.right-top .block-input button{display: block; width: 12px;height: 13px; background: url(../images/front/sprite.png) no-repeat -30px 0; border: none; text-indent: -9990px; margin-top: 4px;}
.right-top ul.dropdown-menu{margin: 0;left: auto; right: 0;top: 20px; border-radius: 0 0 4px 4px;}
.right-top ul.dropdown-menu li{padding: 0;border: none;float: none;}
.right-top ul.dropdown-menu li a{padding: 3px 10px; font: 400 13px/20px 'Roboto', sans-serif; color: #444;}

.block-menu{margin-left: 40px;}
.block-menu ul{margin: 0 -15px;}
.block-menu ul li{float: left; padding: 15px;}
.block-menu ul li a{display: block; font: 600 13px/20px 'Open Sans', sans-serif; color: #555; text-transform: uppercase;}
.block-menu ul li:hover a,
.block-menu ul li.active a{color: #ff6600;}

.cart_{text-align: center;}
.cart_ a{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-top: 5px; padding: 8px 12px; border: 1px solid #d6d6d6;}
.cart_ a:before{content: ''; display: inline-block; width: 13px; height: 11px; background: url(../images/front/sprite.png) no-repeat -59px 0; margin-right: 10px;}

.table{display: table;width: 100%;height: 100%;}
.table-cell{display: table-cell; width: 100%; text-align: center; vertical-align: middle;}
.block-intro{}
.block-intro ul li:hover .table-cell{background: url(../images/front/bg_intro.png) repeat;}
.block-intro .detail{position: relative;}
.block-intro .txt{position: absolute;width: 100%; height: 100%; left: 0;top: 0;}
.block-intro .txt a{display: block; font: 700 32px/normal 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.block-intro .txt a:before{content: '';width: 94%; height: 94%; display: block; border-left: 1px solid #B6BCC1; border-right: 1px solid #B6BCC1;position: absolute;left: 3%;top: 3%;}
.block-intro .txt a:after{content: '';width: 94%; height: 94%; display: block; border-top: 1px solid #B6BCC1; border-bottom: 1px solid #B6BCC1;position: absolute; left: 3%;top: 3%;}

h3{font: 400 18px/20px 'Montserrat-SemiBold', sans-serif; color: #292929; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
h3:before{display: inline-block; content: ''; width: 40px; height: 1px; vertical-align: middle; background: #ddd;margin-right: 10px;}
h3:after{display: inline-block; content: ''; width: 40px; height: 1px; vertical-align: middle; background: #ddd;margin-left: 10px;}

.block-product{padding: 35px 0 20px;}
.block-product ul.list{margin: 0 -15px;}
.block-product ul.list li{padding: 0 15px; width: 20%; float: left; box-sizing:border-box; margin-bottom: 25px;}
.block-product ul.list li .detail{position: relative;}
.sale{width: 70px; font: 400 14px/20px 'Montserrat-SemiBold', sans-serif; color: #9c9c9c; background: #ddd; text-align: center; padding: 7px 0; position: absolute; top: 0;left: 0;display: block;z-index: 1;}
.block-product ul.list .img{position: relative;border: 1px solid #ddd;overflow: hidden;text-align: center;height: 212px;}
.block-product ul.list .info{display: none;position: absolute; top: 0;left: 0; background: url(../images/front/bg_img.png) repeat; width: 100%;height: 100%; cursor: pointer;}
.block-product ul.list li:hover .info{display: block;z-index: 2;}
.block-product ul.list li:hover .img{border: 1px solid #eea16e;z-index: 2;}
.block-product ul.list .info a{display: block; width: 36px;height: 36px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; margin: auto;}
.block-product ul.list .info a.cart{background-position: 0 -208px; margin-bottom: 10px;}
.block-product ul.list .info a.like{background-position: 0 -248px;}
.block-product ul.list .info a.cart:hover{background-position: -37px -208px;}
.block-product ul.list .info a.like:hover{background-position: -37px -248px;}

.block-product ul.list h4{overflow: hidden; height: 20px; margin: 10px 0 5px;}
.block-product ul.list h4 a{font: 400 15px/20px 'Roboto', sans-serif; color: #333;}
.score-callback{margin-bottom: 5px;}
.block-product ul.list p{height: 20px;overflow: hidden;}
.block-product ul.list p .price{font: 400 15px/20px 'Roboto', sans-serif; color: #ff3f13;display: inline-block;}
.block-product ul.list p .old{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;display: inline-block; text-decoration: line-through; margin-right: 10px;}

.block-news{font: 400 13px/20px 'Roboto', sans-serif; padding: 0 0 30px;}
.block-news a.img{display: inline-block;}
.block-news h4{margin: 10px 0 5px; overflow: hidden;}
.block-news h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #333;}
.block-news p{color: #555; margin-bottom: 5px;}
.block-news .date{display: inline-block; color: #9c9c9c;}
.block-news ul li{overflow: hidden;margin-bottom: 25px;}
.block-news ul li:last-child{margin-bottom: 0;}
.block-news ul li a.img{width: 200px; height: 115px; float: left; margin-right: 10px;}
.block-news ul li div{overflow: hidden;}


.block-partner{border-top: 1px solid #efefef; background: #f6f6f6; padding: 40px 0;}
.block-partner .slick-list{margin: 0 -15px;}
.block-partner ul li{ height: 110px; overflow: hidden;  padding: 0 15px;}
.block-partner ul li a{display: block;border: 1px solid #ddd;background: #fff;text-align: center;}



#footer{background: url(../images/front/bg_footer.png) no-repeat; background-size: cover; padding: 20px 0 25px;}
#footer .row{margin: 0 -45px; padding-bottom: 20px; border-bottom: 1px solid #484848;}
#footer .col-md-3{padding: 0 45px; border-right: 1px solid #484848; min-height: 175px;}
#footer .col-md-3:last-child{border: none;}
#footer h4{font: 400 16px/20px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; padding: 20px 0 10px;}
#footer ul li a,
#footer p a,
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}
#footer ul li,
#footer p span{display: block; margin-bottom: 5px;}
#footer p.last{padding-top: 25px;}

.block-news h4 a:hover,
#footer ul li a:hover,
#footer p a:hover,
.block-product ul.list h4 a:hover{color: #ff6600;}
.cart_ a:hover,
.block-partner ul li a:hover{border-color: #ff6600;}
a.smobitrigger{display: none;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
    .block-menu{margin-left: 20px;}
    .block-menu ul{margin: 0 -7px;}
    .block-menu ul li{padding: 15px 7px;}
    #footer h4{font-size: 14px;}

}
@media (max-width: 990px){
    .header-bot{padding: 20px 15px;}
    .cart_ a{margin-right: 40px;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: -33px; right: 0; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #ff6600  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed;top:-53px; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important;}
    .block-menu ul{display: none; margin: 0;}
    .block-menu ul.mobimenu {display: block;overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #fff !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 5px 15px;border-top: 1px solid #CE773D; margin: 0;}
    .block-menu ul li a{padding: 0; border: none; color: #444 !important;text-transform: capitalize; font: 500 14px/20px 'Roboto', sans-serif;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #ff6600 !important;}
    .block-intro .txt a{font-size: 20px;}
    .block-product ul.list li{width: 33.33%;}
    .right-top ul,
    #footer .row{margin: 0 -15px;}
    .right-top ul li{padding: 0 15px;}
    #footer .col-md-3{padding: 0 15px; border: none;}
}
@media (max-width: 750px){
    .block-intro{display: none;}
    a.smobitrigger{top: 14px;}
    .block-intro .col-md-4{margin-bottom: 20px;}
    .block-intro .col-md-4:last-child{margin-bottom: 0;}
    .block-product{padding: 0;}
    .banner{margin-bottom: 20px;}
}
@media (max-width: 680px){}
@media (max-width: 630px){
    .cart_ a:before,
    .header-top p{display: none;}
    .block-news .col-md-5,
    .block-news .col-md-7{width: 100%; margin-bottom: 20px;}
    .cart_{position: absolute; top: 5px; left: 0;width: 100%}
    .cart_ a{margin-right: 0; float: left !important; border: transparent; color: #fff;}
    .block-product ul.list li{width: 50%;}
}
@media (max-width: 500px){
    
    #footer .col-md-3{width: 100%;min-height: inherit;}
}
@media (max-width: 420px){
    .cart_{display: none;}
    a.smobitrigger{top: 5px;}
    .block-product ul.list li{width: 100%;}
    .block-news ul li a.img{float: none;width: auto;height: auto; margin: 0 0 5px;}
}