body,h1,h2,h3,h4,h5,h6 {font-family: 'Muli', sans-serif;}
h1,h2,h3,h4,h5,h6 {color: #3F2803}
h1:before,h2:before,h3:before{position: absolute;top: 100%;content: '';width: 45px;height: 2px;background-color: #008d00;}
a{text-decoration: none !important}
#pre-header{font-size:14px; color: #646464; text-align: left;border-bottom: 1px solid #646464; padding: 10px 0}
#pre-header #hello {}
#pre-header #cart {padding: 0 3em;}
#pre-header #cart a {color: #646464;display: block;font-weight: 400; text-decoration: none;}
#pre-header #cart a i {margin-right: 15px;}
#pre-header #cart a:hover {color: #008d00}
#pre-header #language {}
#pre-header #language a {color: #646464;display: block;font-weight: 400; text-decoration: none;}
#pre-header #logo {text-align: center; background:white;border-bottom:1px solid #e1e1e1}
#pre-header #logo img {margin: 0px auto; padding: 5px 0px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background:white;padding: 0;}
.navbar-default{border: 0; margin-bottom: 0}
.navbar-default .navbar-nav > li.dropdown {margin: 0 5px}
.navbar-default .navbar-nav > li.dropdown > a {font-weight: bold; text-transform: uppercase; color: #646464 }
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {color: #008d00; border-bottom: 3px solid #008d00}
li.dropdown:hover > .dropdown-menu {display: block;background-color: rgba(51, 51, 51, 0.9);text-transform: uppercase; margin-top: 15px;}
.dropdown-menu > li {margin: 10px auto}
.dropdown-menu > li > a {font-weight: bold; font-size: 12px; color: white}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: none; color: #008d00 }
.theme-default .nivoSlider{margin-bottom: 0 !important}
.theme-default .nivo-controlNav{display: none;} 
#search-index{padding: 0; display: block;float: left;}
#search-index input{width: 80%;float: left;border-radius: 0;height: 20px;border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-color: #058c52; border-right:none; font-size: 12px;}
#search-index button {width: 20%; float: left;border-radius: 0;background: white; border:1px solid #058c52; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold;height: 20px;border-left:none; line-height: 0px; padding: 0px; color :#058c52; border-top-right-radius: 5px; border-bottom-right-radius: 5px}
#title {padding: 0;}
#section-about #title h1,#section-product #title h2,#section-news #title h3,#section-customer #title h3,#section-partner #title h3,#title h3,#detail h1 {font-size: 1.314em; font-weight: 700;line-height: 1.250em; text-transform: uppercase;margin-top: 0}
#section-about #title p {font-size: 13px;}
#section-product {padding-bottom: 30px; margin-top: 30px}
#section-product #tab-list{text-align: center; margin: 10px}
#section-product #tab-list ul li {display: inline-block; border: 1px solid #cfcfcf; padding: 10px 15px; color: black; margin: 0px 10px}
#section-product #tab-list ul li a {text-transform: uppercase; text-decoration: none;color: #008d00}
#section-product #tab-list ul li.active {background-color: #008d00;}
#section-product #tab-list ul li.active a {color: white; font-weight: bold; text-decoration: none;}
#item-product #img-product {position: relative;}
#item-product #img-product:hover #view {height: 100%; opacity: 1}
#item-product #img-product #view {position: absolute; display: block;opacity: 0 ;top: 0; width: 100%; background: rgba(128,181,0,0.25); height: 0; padding: 95px 60px; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
#item-product #img-product #view a {display: block; width: 100%; text-align:left; background: #008d00; color: white; font-weight: bold;font-size: 13px;padding: 10px 20px; margin: 10px auto; text-decoration: none;}
#item-product #img-product #view a i{margin-right: 10px;}
#item-product {max-height :379px;}
#item-product #info a { font-weight: bold; text-decoration: none;color: #3F2803; font-size: 13px; display: block; margin: 15px auto 5px auto }
#item-product #info p {color: #008d00; font-size: 13px;}
#parallax{background: url(../img/camketchatluong.jpg) 50% 30% fixed no-repeat;color: white;height: 270px;margin: 0 auto;overflow: hidden;padding: 0;}
#img-promo a,#mon-ngon {position: relative;}
#img-promo span {position: absolute;display: block;width: 100%; height:170px;background: black; opacity: 0.2; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
#img-promo a:hover span {opacity: 0}

#item-news a {font-size: 16px;line-height: 22px;color: #3f2803;font-weight:bold; display: block;text-align: left;clear: both;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;background-color: rgba(255,255,255,1.00);position: relative;z-index: 2 !important;text-decoration: none;}
#item-news span {font-size: 12px;line-height: 15px;color: #8a8a8a;font-weight: 400;display: inline-block; text-align:left !important; display: block; width: 100%}
#item-news p {font-size: 13px;line-height: 22px;color: #555555;font-weight: 400;display: block;text-align: left;clear: none;margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px;background-color: rgba(255,255,255,1.00);position: relative;}
#info,#section-about,#section-product,#section-news {}
#info ul li  {list-style: none;padding: 5px 0}
#info ul li a {text-decoration: none; color: #3F2803}
#info ul li a:hover {color: #008d00;}
#info h4 {text-align: center; font-weight: bold; text-transform: uppercase; font-size: 14px;}
#info p {font-size: 13px;}
#img-partner img {margin-right:20px !important}
#section-customer,#section-partner{margin-top: 30px}
.customer-child{}
.content-customer{position: relative;border:1px #e7e7e7 solid;border-radius: 3px 3px 3px 3px;padding: 10px;color: #555;background: #f5f5f5;text-align: left;font-style: italic;}
.content-customer:after{content: "";position: absolute;border-width: 20px 15px 0px 15px;border-style: solid;border-color:#f5f5f5 transparent transparent transparent;left: 8%;bottom: -19px;z-index: 2;}
.content-customer:before{content: "";position: absolute;border-width: 20px 15px 0px 15px;border-style: solid;border-color:#e7e7e7 transparent transparent transparent;left: 8%;bottom: -21px;z-index: 1;}
.content-customer p{position: relative;padding: 20px 30px;text-align: justify;}
.content-customer p:before{position: absolute;content: "";width: 30px;height: 30px;background: url(../img/ngoackepmo.png)no-repeat center center;left: 0;top: 0;}
.content-customer p:after{position: absolute;content: "";width: 30px;height: 30px;background: url(../img/ngoackepdong.png)no-repeat center center;right: 0;bottom: 0;}
.images-people{position: relative;float: left;z-index: 0;}
.images-people img{max-width: 200px; max-height: 200px; margin-top: 30px; border-radius: 100%}
.images-people a{display:block;}
.images-people span{display:block; text-align: center;padding-top: 15px; font-weight: bold; color: #372803}
#footer {margin-top: 30px; background:#058c52; padding: 40px 0 20px 0; }
#footer #social { text-align: right}
#footer #social a {margin-right: 10px; color: white; text-decoration: none;}
#footer h5,#footer p {color: white}
#footer h5 {font-weight: bold; text-transform: uppercase;line-height: 30px}
#footer p {font-size: 12px; text-transform: initial;}
#footer .btn {background: #34a864; color: white;}
#breadcrumb {background: #f0f0f0; padding: 15px 0px; margin-bottom: 20px}
#breadcrumb .breadcrumb{background: none; margin-bottom:0; padding: 0 }
#breadcrumb .breadcrumb a,#breadcrumb .breadcrumb li.active {color: #3F2803; text-decoration: none;font-size: 12px}
#breadcrumb .breadcrumb a:hover{color: #008d00;}
#left-content {border-right: 1px solid #f0f0f0; margin-bottom: 30px;}
#category {margin-bottom: 20px;}
#category li {display: block; list-style: none; padding:15px; border-bottom: 1px solid #f0f0f0}
#category li a {display: block; color: #3F2803; font-size: 13px; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
#category li a:hover {color: #008d00; padding-left: 25px;}
#search{padding: 0; display: block;margin-bottom: 20px;float: left;}
#search input{width: 80%;float: left;border-radius: 0;height: 34px}
#search button {width: 20%; float: left;border-radius: 0; background: #008d00; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold;height: 34px;}
#detail-info p{color: #008d00; font-size: 14px;}
#detail-info p span {color: red;}
.quantity{margin-bottom: 40px; }
.quantity button.minus,.quantity button.plus{border: 1px #e1e1e1 solid;background: #efeadd;width: 44px;height: 44px;outline: none;}
.quantity input.input-text{border: 1px #e1e1e1 solid;width: 90px;height: 44px;text-align: center;outline: none;}
.quantity .button{display: inline-block;margin-top: 0;margin-left: 30px;}
.quantity .button a.btn-addcart{display: inline-block;padding: 12px 20px;font-weight: 300;color: #ffffff;background:#008d00;border-radius: 3px;}
.quantity .button a.btn-addcart:hover{background: #353535;text-decoration: none;}
#hot-news {margin-top: 30px;}
#mon-ngon span {position: absolute;display: block;width: 100%; height:261.5px;background: black; opacity: 0; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s; text-align: center; color: white; font-weight: bold;font-style: 16px;}
#mon-ngon a:hover span {opacity: 0.7; padding-top: 40%}
#item-news h4 {margin-top: 0; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
#item-news a:hover h4 {color: #008d00;padding-left: 50px}
ul.list-group li {display: inline-block;}
.material-switch > input[type="checkbox"],.material-switch > input[type="radio"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 33px;  
}

.material-switch > label::before {
    background: transparent;
    border: 2px #c2c2c7 solid;
    content: '';  
    height: 20px;
    margin-top: -10px;
    position:absolute;
   
    width: 20px;
}
.material-switch > label::after {
    background: transparent;
    content: '';
    height: 20px;
    left: 0px;
    margin-top: -8px;
    position: absolute;
    top: -2px;
    
    width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before,.material-switch > input[type="radio"]:checked + label::before  {
    background: inherit;
    opacity: 0.5;
    border: 2px #5cb85c solid;
}
.material-switch > input[type="checkbox"]:checked + label::after,.material-switch > input[type="radio"]:checked + label::after {
    background: url(../img/checkbox/set_checkbox.gif) center center no-repeat;
}