body{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.box-search-mobile{float: right;}
.btn-show-search{padding: 15px 9px;display: inline-block;}
.box-search-mobile .box-search {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50px;
    display: none;
    background: #fff;
    border-radius: 0px;
    z-index: 999;
    padding: 20px;
}
.box-search-mobile .box-search .form-inline input.form-control{height: 35px;margin-top: -1px;}
.btn-menu-main{margin-left:-15px;}
.btn-show-search{color: #fff;}
.box-product-style2 .nav_title>li {
    position: relative;
    padding: 0;
}
.box-product-style2 .nav_title>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #83b348;
    z-index: 100;
}
.box-product-style2 .nav_title>li:after {
    content: '';
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    width: auto;
    height: 100%;
    background-color: #fff;
    z-index: 100;
}
.box-product-style2 .nav_title>li>a {
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 10px 15px;
    position: relative;
    z-index: 1000;
    line-height: 20px;
}

.cont-header .nav_desktop { margin-top: 10px;  vertical-align:middle;}
.cont-header .nav_desktop ul{ display: table;margin: auto; }
.cont-header .nav_desktop li a{color: #999999;}
.cont-header .nav_desktop li:hover > a,.cont-header .nav_desktop li.active > a{background: none;color: #fff;}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}
.bg-main,.list-bank li label:before, #header, .fancybox-gallery:hover .image-hover, .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover, .box-step ul li.active .demo-icon, .title_style2 h3::after, .opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver, .nav-tabs-01 .nav-tabs li.active span{background-color: #212a34;}
.btn-icon:hover{color: #83b348;border-color: #83b348}
.color-main, .view-style .btn-view.active, .nav li.active a, .nav_desktop ul li:hover ul li a:hover, .title-product a:hover, .title-desc-detail, .nav-tabs-01 .nav-tabs li span .demo-icon, .nav-tabs-01 .nav-tabs li.active i.icon-dot-circled, .nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover{ color:#83b348;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #83b348;}
.tabs-menu-01.active .arrow-left::after,.tabs-menu-02.active .arrow-left::after {
    border-right-color: #83b348;
}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #212a34;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#212a34}
.btn-primary, a.btn-primary{ background-color:#83b348;border: 1px solid #83b348; color:#fff;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #83b348;
    border-color: #83b348;
}
.btn-search {padding:7px 20px}
.btn-primary, a.btn-primary{ color:#fff;}
.bg-default {background-color:#383838;}
.btn-default {background-color:#383838;border: 1px solid #383838; color:#fff;}
.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #fff;
    border-color: #83b348; color:#83b348;
}
.box-search {
    margin: 8px 0 4px -15px;
}
.box-search .form-inline .form-group{width: calc(100% - 55px);}
.box-search .form-inline input.form-control{width:100%;}
.color-blue, .cart-order .dropdown-toggle span.number{color: #83b348;}
.jslider .jslider-bg i, .jslider .jslider-pointer {background: url(../images/jslider.png) no-repeat 0 0;}
.jslider .jslider-pointer {
    background-position: 0 -60px;
}
.box-product{/*margin-top: 20px;*/}
.title-category{background-color: #212a34;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{color: #83b348}
.bottom-download span{ color:#333; font-size:11px;}
.hotline a{color: #ffe11b;}
.btn-main{background-color: #83b348; color: #fff;border-color: #83b348;}
.btn-main.focus, .btn-main:focus, .btn-main:hover{background: none;border-color: #83b348; color: #83b348;}
.btn-search.btn-main {
    background: none;
    border: none;
}
.box-search .input-group-addon{background-color: #fff;border-radius: 30px 0px 0 30px;wiborder-left: none;border-right:1px solid #ddd;}
.box-search .form-inline input.form-control{border-radius:20px 0 0px 20px;color: #fff;}
.bg-main.menu-main{border-top: 1px solid #2c3845;}
.nav-right .dropdown-toggle,.nav-right .cart-order .dropdown-toggle{border: none;}
.nav-right .dropdown-toggle:hover i{ color: #83b348; }
.nav-right .dropdown-toggle:hover span.number{color: #fff;background-color: #83b348;}
.menu-vetical .dropdown-toggle .demo-icon.icon-menu{ color:#83b348; margin-right: 10px;margin-left: 15px;}
.menu-vetical{border-right: 1px solid #2c3845;}
.nav_desktop li a:after{display: none;}
.botton-detail-download .btn {background-color:#83b348; color:#fff}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #83b348;
}
.owl-theme .owl-controls .owl-buttons div:hover:before{color: #83b348}
#Slider{margin-bottom: 0px;}
/*.title-box-p-home h2{margin: 0; padding: 0;  margin-bottom: 33px;position: relative;}
.title-box-p-home h2:after{content: '';width: 20px;height: 10px;background: #fff;position: absolute;top: 0;bottom: 0;right:-20px;margin: auto;}
.title-box-p-home h2 a{color: #83b348;font-weight: bold; padding: 12px 15px;position: relative;}
.title-box-p-home h2 a:before{content: '';width: 30px;height: 40px;position: absolute;left: 0;top: 0;background: url(../images/icon-theme.png) no-repeat 0 0;}
.title-box-p-home h2 a:after{content: '';width: 30px;height: 40px;position: absolute;right: 0;top: 0;background: url(../images/icon-theme.png) no-repeat -30px 0;}*/
.slider-product.owl-theme .owl-controls .owl-buttons div {
    font-size: 16px;
      width: 40px;
    height: 27px;
    /* background: #f0f0f0; */
    border-radius: 0;
    line-height: 20px;
    border: 1px solid #ddd;
    opacity: 1;
}
.box-left .slider-product.owl-theme .owl-controls .owl-buttons div{top: -75px;}
.be-slider>.title-box-p-home{width: calc(100% - 95px) !important;}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -60%;
    right: 50px;
    top: 56%;
  
}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-prev:before{content: '\e8ce';font-size: 16px;}
.slider-product.owl-theme .owl-controls .owl-buttons div.owl-next:before{content: '\e8cf';font-size: 16px;}
.item-highlight{color: inherit;}
.item-highlight i,.item-highlight .title-highlight{color: #83b348;}
.item-product.style-view-2{text-align: left;}
.box-highlight{margin-bottom: 30px; background-color:#fff}
.nav_title_style_2 li{width:16.66666666666667%; text-align: center;padding: 0;}
.nav_title li a:before, .box-product-style2 h3:before{left:0;}
.nav_title li a{font-size: 12px;}
.nav_title li a i{font-size: 14px;}
.nav_title_style_2{background-color: #dedede;}

.nav_title li a:before{display: none;}
.nav_title_style_2 a:after{content: '';width:1px; height: 25px;background-color: #cccccc;top:0; bottom: 0; right: 0;margin: auto; position: absolute;}
.nav_title_style_2 li:last-child a:after{display: none;}
.nav_title li.active a,.nav_title li a:hover{color: #83b348; background: none;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #212a34}
.owl-theme .owl-controls{margin-top: 0;display: block !important;}
.status-product{background-color:  #01b3f9;width: 40px;height: 40px;border-radius: 40px;font-size: 12px;line-height: 40px;top: 10px;left: 10px;}
.status-product.hot{background-color: #ed5749;}
.title-menu-ft{color:#fefefe;font-size: 14px;}
.address-ft i{color: #83b348; padding: 10px;border:1px solid rgba(255,255,255,.2);width: auto;}
#footer{background:#238e3f;font-size: 13px; color: #999;}
.address-ft p{padding-left: 60px; position: relative;}
.address-ft p, .about-desc,.menu-footer-vertical a{color: #999999;}
.address-ft p i{margin-left: -60px}
.newsletter{margin-bottom: 30px}
.newsletter .form-inline .form-control{background-color: #fff;width: 100%;}
.newsletter .btn-default{background-color: #83b348;color: #fff;font-size: 14px;right: 0; position: absolute;}
.newsletter .btn-default:hover{color:#fff;}
.menu-footer-vertical a:hover{color: #ddd;}
.coppyright{color:#999;}
.icon-social a{width: 38px;border:1px solid rgba(255,255,255,.2); border-radius: 0px; background: none !important;margin-left: 5px;}
.bottom-footer{background: none; border-top: 1px solid rgba(255,255,255,.2)}
.top-footer{border-bottom:none;}
.bottom-footer, .cont-footer{background: #166b2c;}
.menu-active{display: none;}
.tag-key-ft strong,.tag-key-ft a{color:#888888;}
.tag-key-ft a:hover{color:#ddd;}
.ratiing-time {
    top:inherit; left: inherit;
    right: 50px;
  
    width: 240px;
    bottom: 38px;
}
.style-view-small .title-product a{font-size: 12px; color: #383838;margin-top: 5px;margin-bottom: 10px;text-transform: none;font-weight: normal;}
.style-view-small .box-rate{margin-bottom: 5px;}
.box-left .slider-product.owl-theme .owl-controls .owl-buttons div{top:-52px;}
.timer .table-cell{background: #ffe11b;border:1px solid #fff;}
.timer .table-cell .tab-val{font-size: 30px;font-weight: bold; color: #000;line-height: 50px;}
.timer .table-cell .tab-unit{color: #83b348;font-weight: bold;}
.box-search .form-inline .input-group{width:100%}


.logo-brand-bottom{background-color: #fff;}


.title-product a:hover{color: #238e3e;}
.action-product a:hover{color: #238e3e;}
.view-style .btn-view.active,.nav li.active a,.nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover,.me-select label.icon-check:hover{color: #238e3e;}
.me-select input[type="checkbox"]:checked + label.icon-check::after{background-color:#238e3e; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a{background-color:#238e3e; border-color: #238e3e;  }
.opticon-select li:hover .btn-ver, .opticon-select li.active .btn-ver,.btn-view-more:hover{background-color:#238e3e; border-color: #238e3e; }
.btn-pay.btn-default:hover,.btn-black-2:hover,.title_style2 h3::after,.btn-primary,.btn-primary:hover{background-color: #238e3e; color:#fff}
.title-desc-detail,.btn-default.focus, .btn-default:focus, .btn-default:hover,.title_style1 strong, .title_style2 h3 strong,.title-blogs-item a:hover,.item-link-lienquan:hover,.btn-remove-product-ss:hover i,.box-style-1 .demo-icon:before,.menu-vetical .nav_desktop .list-sub-menu a:hover,.nav_desktop ul li:hover ul li a:hover{color: #238e3e;}
.action-product.bg-main{    background-color: #238e3e;}
.price-well{color: #1e1e1e;}
.box-bottom-main{margin-top: 30px;background: #e6e6e6;}
.box-bottom-main .title-box-p-home h2,.box-bottom-main .title-box-p-home h2:after{background: #e6e6e6;}
.box-product-small{margin-top: 57px;}

@media(min-width:1200px){
    .newsletter .form-inline .form-control{}
    .box-search .input-group-addon{border:none;}
}
@media(max-width:1199px){
     .newsletter .form-inline{position: relative;}
    .newsletter .btn-default{position: absolute; top: 0px;right: 0;}
}
    @media(max-width:991px){
       
        #Nav-mobile .nav_desktop ul{float: left;}
        .cont-header .nav_desktop {display: none;}
        #Nav-mobile{position: relative;}
        
    }
    @media (max-width: 992px) and (min-width: 768px){
    .newsletter,.follow-us{display: inline-block;width: 100%;}
}
@media(max-width:767px){
        .hotline{ padding:0; margin-top:-50px; text-align:right;}
        .nav_title_style_2 li{width:33.3333%;}
    .follow-us{clear: both;/* margin-top: 100px; */}
    .newsletter .form-inline .form-control{width: 100%;}
    
    #Nav-mobile .nav_desktop ul{display: none; position: absolute;top:48px; min-width: 200px;background: #212a34;z-index: 99;left: 45px;}
    #Nav-mobile .nav_desktop ul li{float: none;width: 100%;}
    .menu-active{display: block;color: #fff;font-size: 12px;text-transform: uppercase;padding:15px 5px;float: left;}
}
@media(max-width:600px){
    .top-product-mon .col-xs-6{width:100%;}
    .top-product-mon .item-product.style-view-1{text-align: center}
}
@media(max-width:480px){
    .nav-right .dropdown-toggle {min-width:35px}
    .hotline{ margin:0px 0; text-align:left;}
    .list-item{width:100%; float: none;}
    .nav_title li.active, .nav_title li, .nav_title li:first-child{padding-left: 0px;}
    .ratiing-time{bottom: 0;}
    .nav_title_style_2 li{width: 50%;}
    .timer .table-cell .tab-unit{color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.5)}
    #header .col-sm-2{width:100%;}
    .box-search {margin: 0 0 16px 2px;}
}

/****fix lech hang san pham khi height sp k bang nhau trang list sp va search sp***/
@media(min-width:992px){
    .top-product-mon .col-xs-6:nth-child(3n+1){clear: both;}
    /*.list-item:nth-child(3n +1){ clear: both; }*/
    .search-product .list-item:nth-child(3n +1){ clear: none; }
    .search-product .list-item:nth-child(4n +1){ clear: both; }
    #header-row-3 .col-sm-7{width: 50%;}
    #header-row-3 .col-sm-3{width: 33.333333%;} 

}

 @media(max-width:991px){
        .top-product-mon .col-xs-6:nth-child(2n+1){clear: both;}

    }

@media (max-width: 992px) and (min-width: 481px){
/* .list-item:nth-child(2n +1){ clear: both; }*/
}

/**** endfix lech hang san pham khi height sp k bang nhau***/

/**add main*****/
/*.btn-pay-mini{color: #fff;font-size: 14px;padding: 8px 12px;height: 38px;border-radius: 30px;border:1px solid #fff; position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 120px;transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0);}
.btn-pay-mini i{margin-right: 10px;}
.btn-pay-mini:hover{background: #83b348;}
.hover-button-pay{position: relative;}
.hover-button-pay .img:before{content: '';width: 100%;height: 100%;background:rgba(25, 33, 42, 0.58);top: 0;left: 0;position: absolute;opacity: 0;}
.hover-button-pay:hover .img:before{opacity: 1; transition: .4s ease all;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;}
.hover-button-pay:hover .btn-pay-mini{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);     transition: .4s ease all;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;}

.item-banner-category {position:relative;width: 20%;float:left;}
.item-banner-category:before{background: rgba(131, 179, 72, 0.80);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';opacity: 0;}
.absolute{position: absolute;display: table;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.info-item-banner-category{height: 100%;width: 100%;color: #fff;text-align: center;padding: 10px 15px;z-index: 99999; opacity: 0;}
.info-item-banner-category a{color: #fff;}
.title-category-banner{font-size: 24px;text-transform:uppercase;}
.item-banner-category:hover:before,.item-banner-category:hover .info-item-banner-category{opacity: 1; transition: .4s ease all;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;}
@media(max-width: 992px){
    .item-banner-category{width: 33.333%;}
}
@media(max-width: 767px){
    .item-banner-category{width: 50%;}
}
*/
@media(max-width:767px){
    #header .col-sm-2{}
}
@media (max-width: 600px) and (min-width: 481px){
    #header > div[id^="header-row-"]:nth-child(1) .col-sm-2{width:33.333333%;}
    #header > div[id^="header-row-"]:nth-child(1) .col-sm-3{width:66.6666667%;}
    .nav-right{display:inline-block !important;}
    .box-search {margin: 0 0 16px 2px;}
}
@media (max-width: 991px) and (min-width: 601px){
    #header > div[id^="header-row-"]:nth-child(1) .col-sm-2{width:33.333333%;}
    #header > div[id^="header-row-"]:nth-child(1) .col-sm-3{width:66.6666667%;}
    .nav-right{/* display:inline-block !important; */}
    .box-search { padding:0 !important;}
    #header > div[id^="header-row-"]:nth-child(2) .col-xs-3{width:40% !important;float: left !important;}
    #header > div[id^="header-row-"]:nth-child(2) .col-xs-9{width:60% !important;float:right !important;}
    #main > div[id^="content-row-"]:nth-child(12) .tab-small{margin:0;}
}