@font-face {
    font-family: 'altergothic';
    src: url('../fonts/altergothic.otf');
    src: url('../fonts/altergothic.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: #fff;font: 400 13px/20px 'Roboto', sans-serif; border-bottom: 4px solid #eee;}
.list_top ul li{float: left;margin-left: 20px;padding: 8px 0;}
.list_top ul li:first-child{margin: 0;}
.list_top ul li a{color: #888;}
.list_top ul li a:before{content: ''; background: url(../images/front/sprite.png) no-repeat; height: 13px; display: inline-block; vertical-align: middle; width: 14px;margin-right: 5px;}
.list_top ul li.icon_1 a:before{background-position: 0 0;}
.list_top ul li.icon_2 a:before{background-position: -16px 0;}
.list_top ul li.icon_3 a:before{background-position: -34px 0;}
.list_top ul li.icon_4 a:before{background-position: -48px -1px;}

.list_social ul li{float: left; padding: 12px 10px 5px;}
.list_social ul li a{background: url(../images/front/sprite.png) no-repeat; height: 14px; display: block;text-indent: -9999px;}
.list_social ul li a.icon_f{background-position: -66px 0;width: 8px;}
.list_social ul li a.icon_g{background-position: -79px 0; width: 12px;}
.list_social ul li a.icon_t{background-position: -95px -1px; width: 12px;}

.cart{float: right;margin-top: 5px;}
.cart:before{float: left;margin-right: 10px; content: ''; width: 22px;height: 26px; background: url(../images/front/sprite.png) no-repeat -1px -16px; vertical-align: top;margin-top: 4px;}
.cart a{overflow: hidden; display: inline-block;}
.cart a strong{font: 500 13px/17px 'Roboto', sans-serif; color: #78b046; display: block;text-transform: uppercase;}
.cart a span{font: 400 13px/17px 'Roboto', sans-serif; color: #555; display: block;}

.header-content{background: #f5f9ea; border-bottom: 1px solid #f0f4e5; padding: 25px 0;}
.block_search{margin-top: 5px;}
.block_search .input-group{width: 100%;}
.block_search input.form-control{height: 40px;border-radius: 0; background: #fff;border: none;box-shadow: 0 0 0 transparent;width: 55%;float: left;border-right: 1px solid #eee; }
.block_search .input-group-btn{width: 35%;float: left;text-align: left;}
.block_search .input-group-btn button{width: 100%;}
.block_search .input-group-btn button span{margin-left: 5px;margin-top: 10px;}
.block_search button{height: 40px;background: #fff;border: none;border-radius: 0;text-align: left;}
.block_search button#seach{height: 40px;float: left; background: #94c766;text-align: center;width: 40px;}
.block_search button#seach span{display: inline-block; width: 16px;height: 17px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -112px 0;}
.block_search input.form-control,
.block_search button{font: 400 13px/20px 'Roboto', sans-serif; color: #888;}
.block_search .dropdown-menu{border-radius: 0 0 4px 4px; width: 100%; border-top: 0;animation: sheen_ 1s forwards;}
.block_search .dropdown-menu > li > a{font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: capitalize; padding: 3px 10px;}

.header-bot{background: #fff; border-bottom: 1px solid #ded6ce;}
.block-menu{}
.block-menu ul li{float: left; padding: 20px 25px 14px;}
.block-menu ul li a{font: 400 14px/20px 'Roboto', sans-serif; color: #444; text-transform: uppercase;}
.block-menu ul li:hover,
.block-menu ul li.active{background: #94c766;}
.block-menu ul li.active a,
.block-menu ul li:hover a{color: #fff;}

.content-top{background: url(../images/front/bg-slider.png) no-repeat; background-size: cover; width: 100%; padding: 20px 0 30px;}

.slider{overflow: hidden;position: relative; max-height: 435px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; height: 100%; 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: 0 -50px; left: 0;}
a.rslides_nav.next{background-position: -33px -50px; right: 0;}
a.rslides_nav.prev:hover{background-position: 0 -101px;}
a.rslides_nav.next:hover{background-position: -33px -101px;}

.product-menu h4{background: #94c766; font: 700 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 14px 18px 10px; border: 1px solid #94c766;}
.product-menu h4:before{content: '' ; display: inline-block; width: 17px;height: 16px; background: url(../images/front/sprite.png) no-repeat -29px -19px; margin-right: 10px; vertical-align: text-bottom;}
.product-menu .list{border: 1px solid #e8e8e8; border-top: none;background: #fff;}
.product-menu .list li{border-bottom: 1px solid #e8e8e8; padding: 14px 20px 14px 40px;position: relative;}
.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:after{content: '';border: 4px solid transparent; border-left: 4px solid #888; display: inline-block; position: absolute;top: 50%;right: 17px;margin-top: -2px;}
.product-menu .list li:before{content: ''; display: inline-block;position: absolute;top: 50%;margin-top: -5px;left: 20px;width: 11px;height: 11px; background: url(../images/front/sprite.png) no-repeat -55px -19px;}
.product-menu .list li .sub{animation: left_ .5s forwards;display: none;width: 250px; position: absolute; left: 100%; top: 0px; background: #fff; z-index: 22;border-left: 2px solid #80B353;}
.product-menu .list li li{padding: 10px;}

.product-menu .list li li:before,
.product-menu .list li li:after{display: none;}
.product-menu .list li:hover{background: #80B353;}
.product-menu .list li:hover > a{color: #fff;}
.product-menu .list li:hover:after{border-left: 4px solid #fff;}
.product-menu .list li:hover:before{background: url(../images/front/sprite.png) no-repeat -55px -31px;}
.product-menu .list li:hover > ul{display: block;}

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

h3{border-top: 1px solid #e8e8e8;margin-bottom: 15px;}
h3 span{font: 400 24px/20px 'altergothic', sans-serif; color: #77b318; text-transform: uppercase; border-top: 2px solid #77b318; padding-top: 20px; display: inline-block;margin-top: -1px;position: relative;}
h3 span:after{content: ''; width: 10px; height: 2px; background: #fff; display: block; position: absolute; top: -2px;right: -10px;}
h4{overflow: hidden;}
h4 a{font: 500 14px/18px 'Roboto', sans-serif; color: #333;}
#footer ul li a:hover,
#footer .last-bot a:hover,
h4 a:hover{color: #77b318;}

.block-product{overflow: hidden; margin-bottom: 60px;}
.block-product ul .slick-list{margin: 0 -15px;}
.block-product ul li{padding: 0 15px}
.block-product ul li h4{ margin: 10px 0 5px;}
.block-product ul a.img{border: 1px solid #e8e8e8;overflow: hidden;display: block; margin-bottom: 10px;width: 99%;text-align: center;}
.block-product ul a.img img{display: inline-block;}
.block-content .block-product ul a.img{width: 98%;}
.price{font: 400 15px/20px 'Roboto', sans-serif; color: #ff4200;}
.price span{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; text-decoration: line-through;margin-right: 10px;}


.block-news ul button,
.block-product ul button{border: none; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: -57px; display: block;padding: 0;}
.block-news ul button.slick-prev,
.block-product ul button.slick-prev{background-position: 0 -158px; right: 30px;}
.block-news ul button.slick-next,
.block-product ul button.slick-next{background-position: -30px -158px; right: 0px;}
.block-news ul button.slick-prev:hover,
.block-product ul button.slick-prev:hover{background-position: 0 -189px;}
.block-news ul button.slick-next:hover,
.block-product ul button.slick-next:hover{background-position: -30px -189px;}


.block-content{}
.block-news ul button{top: -52px;}
.block-news{margin-top: 50px;}
.block-news h3 span{padding-top: 15px;}
.block-news li .detail{overflow: hidden;margin-bottom: 15px;}
.block-news .img{width: 100px; height: 90px;overflow: hidden; float: left; margin-right: 10px;border: 1px solid #e8e8e8;}
.block-news h4 a{display: block;margin:5px 0 3px;}
.block-news li span{display: block; text-decoration: line-through;font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}


.block-newshot{margin-bottom: 20px;}
.block-newshot p{font: 400 13px/20px 'Roboto', sans-serif; color: #555;margin-bottom: 5px;}
.block-newshot span.date{font: italic 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c;}







#footer{background: #202020;padding-top: 50px;}
#footer .row{margin: 0 -15px 20px;}
#footer .row .col-md-3{padding: 0 15px; min-height: 180px;}
#footer h3{color: #77b318;font: 400 24px/20px 'altergothic', sans-serif; margin: 10px 0 20px; border: none; text-transform: uppercase;}

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

a.smobitrigger{display: none;}
.block-input{margin-top: 15px;}
.block-input input{width: 70%; height: 38px;float: left;border: none;border-radius: 0;background: #393838;}
.block-input button{width: 44px;height: 38px; background: #77b318; border: none;border-radius: 0;text-align: center;}
.block-input button span{width: 14px;height: 14px; background: url(../images/front/sprite.png) no-repeat -75px -18px;text-indent: -9999px; display: inline-block;vertical-align: middle;}
@keyframes sheen_ {    
    0%   {top:0px;}
    25%  {top:10px;}
    50%  {top:20px;}
    75%  {top:30px;}
    100% {top:39px;}
}
@keyframes left_ {    
    0%   {left:0%;}
    25%  {left:25%;}
    50%  {left:50%;}
    75%  {left:75%;}
    100%  {left:100%;}
}
/*==========================================================================*/

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

@media (max-width: 1190px){
    #footer .row{margin: 0 -10px 20px;}
    #footer .row .col-md-3{padding: 0 10px;}
    #footer h3{margin: 10px 0;}
    .price,
    .product-menu h4{font-size: 13px;}
    .product-menu .list li{padding: 9px 20px 9px 40px;}
    .product-menu .list li li {padding: 5px 10px; }
    h3 span{font-size: 20px;}
    .block-product ul .slick-list{margin: 0 -5px;}
    .block-product ul li{padding: 0 5px;}
}
@media (max-width: 990px){
    #footer .row .col-md-3{min-height: inherit;margin-bottom: 20px; border: none;}
    .block_search{margin-top: 20px;}
    .block-menu ul li{padding: 10px 20px; }
    .product-menu{margin-bottom: 20px;position: relative;}
    .product-menu ul.list{display: none; position: absolute; top: 46px;width: 100%; left: 0;z-index: 20;}
    .product-menu .list li .sub{top: 38px;border-bottom: 1px solid #80B353;width: 80%;}
    @keyframes left_ {    
        0%   {left:0%;}
        100%  {left:20px;}
    }
    .block-intro ul li .detail:before{display: none;}
    .product-menu .list li li{padding: 7px 10px;}
}
@media (max-width: 750px){
    .block-content .banner,
    .menu{margin: 0; display: none;}
    .header-bot{position: relative;}
    .block_search{float: right;}
    a.smobitrigger {display: block;width: 32px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: -55px; left: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
    a.mnuclose{padding: 15px 20px; width: 100%; background: #4D7924  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed; 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{left: 0px !important; }
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; left: -280px; background-color: #fff !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 5px 20px;border-top: 1px solid #75A945; margin: 0;}
    .block-menu ul li a{padding: 0; border: none; color: #444 !important;text-transform: capitalize;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #fff !important;}
    .block-product{margin-bottom: 25px;}
    .block-news{margin-top: 0;}
}
@media (max-width: 680px){
    .block-intro{display: none;}
    .content-top{margin-bottom: 25px;}
}
@media (max-width: 630px){
    .list_social{display: none;}
    .block_search input.form-control{width: 50%;}

}
@media (max-width: 500px){
    .list_top ul{text-align: center;}
    .list_top ul li {margin-left: 10px; float: none; display: inline-block; padding: 5px 0; }
    .block_search input.form-control{width: 40%;}
    .block_search .input-group-btn{width: 45%}
}
@media (max-width: 420px){
    .header-content .col-xs-6,
    .block_search,
    #footer .row .col-md-3{width: 100%; float: none !important;}
    .cart{float: none;}
    .cart a{margin-top: 10px;}
    .cart a strong,
    .cart a span{display: inline-block;}
    .block_search .input-group-btn button span{position: absolute;}
    a.smobitrigger{top: 100px;left: auto; right: 15px;}
    .header-bot {position: initial; }
}