@font-face {
    font-family: 'talling';
    src: url('../fonts/talling.otf');
    src: url('../fonts/talling.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;
}


.header-top{background: #3EA22C; font: 400 13px/20px 'Roboto', sans-serif;}
.header-top p{color: #fff;padding: 10px 0;}
.list_top ul li{float: left;margin-left: 20px;padding: 10px 0;}
.list_top ul li:first-child{margin: 0;}
.list_top ul li a{color: #fff;}
.list_top ul li a:before{content: ''; background: url(../images/front/sprite.png) no-repeat; height: 13px; display: inline-block; vertical-align: middle; width: 13px;margin-right: 5px;}
.list_top ul li.icon_1 a:before{background-position: 0 -105px;}
.list_top ul li.icon_2 a:before{background-position: -14px -105px;}
.list_top ul li.icon_3 a:before{background-position: -32px -105px;}
.list_top ul li.icon_4 a:before{background-position: -47px -105px;}
.list_top ul li.icon_6 a{background: url(../images/front/sprite.png) no-repeat -76px -105px;text-indent: -9999px; width: 12px;height: 13px;display: block;margin-top: 3px;}
.list_top ul li.icon_6{padding: 12px 14px; background: #42AD2F; margin-left: 2px;}
.list_top ul li.icon_5{padding: 12px 14px; background: #42AD2F; cursor: pointer;position: relative;}
.list_top ul li.icon_5 span{background: url(../images/front/sprite.png) no-repeat -60px -105px;text-indent: -9999px; width: 12px;height: 13px;display: block;margin-top: 3px;}
.block-search{animation: sheen .5s forwards;display: none;position: absolute; top: 0px; right: -280px; width: 280px;height: 40px; background: #42AD2F;padding: 0 15px;}
.block-search .input-group{margin: 5px 0;}
.block-search .input-group .form-control{width:180px; height: 30px;}
.block-search .input-group button{width: 70px;height: 30px;}
@keyframes sheen {  
    0%   {right:0px;}
    25%  {right:5px;}
    50%  {right:10px;}
    75%  {right:15px;}
    100% {right:35px;}
}

@keyframes sheen_1 {    
    0%   {top:0px;}
    25%  {top:10px;}
    50%  {top:25px;}
    75%  {top:45px;}
    100% {top:50px;}
}
.header-bot{background: #42AD2F; padding: 24px 0;}
.block-menu ul{margin: 16px -30px;}
.block-menu ul li{float: left;padding: 0 30px; border-left: 1px solid #E4E5E8;}
.block-menu ul li:first-child{border: none;}
.block-menu ul li a{display: block; font: 500 14px/20px 'Roboto', sans-serif; color: #fff;text-transform: uppercase;}
.block-menu ul li.active a,
.block-menu ul li a:hover{color: #ffb400;}


.content-top{margin-top: 30px;}
.content-top ul li .detail{padding: 10px 20px; border: 1px solid #e8e8e8;}
.content-top ul li .detail:before{content: ''; float: left; width: 43px; height: 25px; background: url(../images/front/sprite.png) no-repeat 0 -15px; margin-right: 20px;}
.content-top ul li .txt{overflow: hidden;}
.content-top ul li h5 a{font: 400 13px/20px 'Roboto', sans-serif; color: #444;text-transform: uppercase;}
.content-top ul li p{font: 400 12px/18px 'Roboto', sans-serif; color: #6a6a6a;}


.content{margin-top: 30px;}
.mg_bot{margin-bottom: 30px;}
.product-menu{}
.product-menu h4{background: #42AD2F; font: 700 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 14px 18px 10px; border: 1px solid #42AD2F;}
.product-menu h4:before{content: '' ; display: inline-block; width: 17px;height: 16px; background: url(../images/front/sprite.png) no-repeat -92px 0; margin-right: 10px; vertical-align: text-bottom;}
.product-menu .list{border: 1px solid #e8e8e8; border-top: none;}
.product-menu .list li{border-bottom: 1px solid #e8e8e8; padding: 10px 20px;}
.product-menu .list li:last-child{border: none;}
.product-menu .list li a{font: 400 13px/20px 'Roboto', sans-serif; color: #555; text-transform: uppercase;display: block;}
.product-menu .list li a:before{content: '';border: 4px solid transparent; border-left: 4px solid #888; display: inline-block; margin-right: 14px;vertical-align: text-top; margin-top: 5px;}
.product-menu .list li a:hover:before{border-left: 4px solid #ffb400;}
.product-menu .list li a:hover{color: #ffb400;}

.register{background: url(../images/front/bg-regis.png) no-repeat; padding: 22px 20px 23px; text-align: center; background-size: cover;}
.register p{font: 400 14px/20px 'Roboto', sans-serif; color: #fff;margin-bottom: 10px;}
.register .form-control{font: 300 13px/20px 'Roboto', sans-serif; color: #b9bbc1; background: rgba(68, 72, 84, 0.68); border: 1px solid #60646f; margin-bottom: 15px;}
.register button{font: 400 12px/20px 'Roboto', sans-serif; color: #fff; background: #42AD2F; width: 90px; display: block;border: none; margin: auto; padding: 6px 0 4px; border-radius: 4px; text-transform: uppercase;}

h3{font: 700 16px/20px 'Roboto', sans-serif; color: #393f4f; text-transform: uppercase;padding-bottom: 5px; border-bottom: 1px solid #e8e8e8;}
h4{overflow: hidden;}
h4 a{font: 500 14px/20px 'Roboto', sans-serif; color: #333;display: block;}
#footer .last-bot a:hover, 
#footer ul li a:hover,
.list_top ul li a:hover,
.content-top ul li h5 a:hover,
h4 a:hover{color: #ffb400;}


.list_sale{}
.list_sale ul{padding: 10px; border: 1px solid #e8e8e8; border-top: none;}
.list_sale ul li{overflow: hidden; margin-bottom: 10px;}
.list_sale ul li:last-child{margin-bottom: 0;}
.list_sale h4{max-height: 40px;}
.list_sale a.img{width: 100px; height: 90px; float: left; border: 1px solid #e8e8e8; margin-right: 10px;overflow: hidden; text-align: center;}
.list_sale a.img img{width: auto; height: 100%; display: inline-block;}
.score-callback{margin: 5px 0;}
.score-callback img{display: inline-block;}
.price{font: 400 15px/20px 'Roboto', sans-serif; color: #f71a1a;}

.block-news{}
.block-news h3{margin-bottom: 20px;}
/*.block-news .info{padding: 10px; border: 1px solid #e8e8e8;}*/
.block-news .img{display: block;}
.block-news h4{margin: 10px 0 5px;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 8px;}
span.date{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}

.slider{overflow: hidden;position: relative; max-height: 333px;}
.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: 32px;height: 50px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -25px;z-index: 10;}
a.rslides_nav.prev{background-position: -35px -42px; left: 0;}
a.rslides_nav.next{background-position: 0 -42px; right: 0;}

.banner{overflow: hidden;}
.banner .col-100,
.banner .col-5{margin: 0 -15px}
.banner .col-5 li{width: 50%;float: left; box-sizing:border-box;padding: 0 15px;}
.banner .col-100 li{width: 100%;float: none; box-sizing:border-box;padding: 0 15px;}
.banner .col-5 li a{display: block;}


.block-product{padding-top: 15px; overflow: hidden; margin-top: -15px;}
.block-product .score-callback{margin: 7px 0;}
.block-product ul{margin: 20px 0 0;}
.block-product ul .slick-list{margin: 0 -15px;}
.block-product ul li{padding: 0 15px}
.block-product ul a.img{border: 1px solid #e8e8e8;overflow: hidden;display: block; margin-bottom: 10px;width: 99%; height: 170px;  padding: 5px; text-align: center;}
.block-product ul a.img img{width: auto; height: 100%; display: inline-block;}
.block-product ul h4 a{text-transform: capitalize;}

.block-product ul button{border: none; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: -60px; display: block;padding: 0;}
.block-product ul button.slick-prev{background-position: -70px -42px; right: 35px;}
.block-product ul button.slick-next{background-position: -105px -42px; right: 0px;}
.block-product ul button.slick-prev:hover{background-position: -70px -72px; border-radius: 3px;}
.block-product ul button.slick-next:hover{background-position: -105px -72px; border-radius: 3px;}


.list_sale a.img:hover,
.block-product ul a.img:hover{border-color: #ffb400}












#footer{background: #42AD2F;padding-top: 20px;}
#footer .row{margin: 0 -40px 20px;}
#footer .row .col-md-3{padding: 0 40px; border-left: 1px solid #fff; min-height: 180px;}
#footer .row .col-md-3:first-child{border: none;}
#footer h3{border:none;text-transform: uppercase; color: #f1f1f1;font: 500 18px/20px 'Roboto', sans-serif; margin: 10px 0 10px;}

#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
#footer p span{display: block; margin-bottom: 5px;}
#footer ul li{margin-bottom: 5px;}
#footer .last-bot a,
#footer ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
#footer .last-bot{padding: 25px 0;border-top: 1px solid #fff;}

.icon-menu{display: none;}
/*==========================================================================*/

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

@media (max-width: 1190px){
    .block-menu ul{margin: 15px -15px;}
    .block-menu ul li{padding: 0 15px;}
    .block-menu ul li a{font-size: 12px;}
    #footer .row{margin: 0 -20px 20px;}
    #footer .row .col-md-3{padding: 0 20px;}
    .list_sale a.img{width: 90px;}
    .product-menu h4{font-weight: 500;}
    #footer h3{margin: 10px 0;}
    .mg_bot{margin-bottom: 20px;}
    #footer .row{margin: 0 -15px;}
    #footer .row .col-md-3{padding: 0 15px;}
}
@media (max-width: 990px){
    #footer .row .col-md-3{min-height: inherit;margin-bottom: 20px; border: none;}
    .content-top ul li .detail:before,
    .header-top p.pull-left{display: none;}
    .list_sale a.img {width: 120px; float: none; display: block; margin-bottom: 10px; }
    .list_sale ul li {padding-bottom: 10px; border-bottom: 1px solid #E8E8E8; }
    .list_sale ul li:last-child {padding-bottom: 0; border:none; }
}
@media (max-width: 750px){
    .block-menu{position: relative;}
    .icon-menu{display: inline-block;position: absolute; right: 0; top: 17px; width: 25px; height: 20px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    .block-menu ul.menu{margin: 0;position: absolute; width: 250px;right: 0;top:-9999px;animation: sheen_1 .5s forwards;display: none;z-index: 22; background: #252933; padding: 0 0 30px; border-radius: 0 0 4px 4px;}
    .block-menu ul.menu:before{content: ''; display: inline-block; border: 8px solid transparent; border-bottom: 8px solid #1E1B1B; position: absolute; top: -15px; right: 5px;z-index: 10;}
    .block-menu ul.menu li{position: relative;float: none;padding: 10px 15px; border-top: 1px solid #393F4F;border-bottom: 1px solid #1E1B1B; border-left: none;}
    .block-menu ul.menu li:first-child:before{content: '';width: 100%; height: 1px; display: block;background: #1E1B1B;position: absolute;left: 0;top: 0;}
    .block-menu ul.menu li:last-child:after{content: '';width: 100%; height: 1px; display: block;background: #393F4F;position: absolute;left: 0;bottom: 0;}
    .block-news .info,
    .list_sale ul,
    .product-menu .list{overflow: hidden;}
    .list_sale ul li,
    .product-menu .list li{width: 50%;float: left;border-bottom: none;}
    .list_sale a.img{width: 100px; float: left; margin:0 10px 0 0;}
    /*.block-news .img{width: 200px; float: left; margin-right: 15px;}*/
    .block-product{margin-top: -10px;}
}
@media (max-width: 680px){
    .content-top{display: none;}
}
@media (max-width: 630px){
    #footer .row{margin: 0 -15px;}
    #footer .row .col-md-3{padding: 0 15px;}
    .header-top .pull-right{text-align: center;width: 100%;}
    .list_top ul li{display: inline-block;float: none;}
    .list_top ul li.icon_6,
    .list_top ul li.icon_5{display: none;}

}
@media (max-width: 500px){
    .list_top ul li{padding: 5px 0;}
    .list_sale ul li{width: 100%;border-bottom: 1px solid #E8E8E8;}
}
@media (max-width: 420px){
    .product-menu .list li{width: 100%;border-bottom: 1px solid #e8e8e8;}
    #footer .row .col-md-3{width: 100%;}
    .block-news .img{float: none; margin: 0 auto 10px;}
}