/* ==========================================================================
   Nguyen Thuan Tech
   ========================================================================== */
body {font-size: 13px;line-height: 1.5;margin: 0;padding: 0;color: #525261}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'Open Sans', sans-serif;}
img{border: 0;}
a,a:hover{text-decoration: none;border: 0;}
.mp{margin: 0;padding: 0}
*:focus,*:active{outline: none}
.off-none {display: none !important;}
.off-block {visibility: hidden !important}
.clip-xy{position: absolute;clip: rect(48px, 126px, 80px, 5px);}
.clear-b,.clear-a,.clear-ab {*zoom: 1;}
.clear-ab:before,.clear-ab:after {clear: both;content: "";display: block;}
.clear-b:before {clear: both;content: "";display: block;}
.clear-a:after {clear: both;content: "";display: block;}
.bora5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;}
.bora5b{border: 1px solid #80808052;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;;overflow: hidden;}
.bora5t{border: 1px solid #80808052;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;;overflow: hidden;}
.shadowin{-webkit-box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);}
.shadowout{-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);}
/* --- Open cht-dropdown --- */
.cht-dropdown {position: relative;display: inline-block;cursor: pointer;}
.cht-dropdown-btn{padding: 5px 5px;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top: 5px;}
.cht-dropdown-btn:hover{background: transparent;-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);}
.cht-dropdown-content {display: none;position: absolute;background-color: transparent;min-width: 100px;overflow: auto;
-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);padding-top:10px; padding-bottom:10px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;top:32px;border: 1px solid #80808052;z-index: 999999}
.cht-dropdown-content a{padding: 5px 10px;display: block;}
.cht-dropdown-content a img{margin-right:5px;}
.cht-dropdown-content a:hover {color:#2196F3;-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.10);}
/* --- Close cht-dropdown --- */
/* --- Open pagination --- */
.phantrang{width: 100%;padding-top: 10px}
ul.pagination {display: block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li.disabled{display: none;}
.pagination a{margin-right: 5px;color: #0DAA38;float: left;padding: 5px 10px;text-decoration: none;border: 1px solid #0DAA38}
.pagination .active span {float: left;padding: 5px 10px;background-color: #F1592A;color: white;border: 1px solid #F1592A;margin-right: 5px}
.pagination a:hover:not(.active) {background-color: #F1592A;border: 1px solid #F1592A;color: #fff}
/*.pagination a:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination a:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}*/
/* --- Close pagination --- */
/* --- Open check --- */
.check-cht {display: inline-block!important;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 20px;margin-bottom: 8px;font-size: 12px;margin-right: 20px}
.check-cht input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #eee;border-radius: 50%;}
.check-cht:hover input ~ .checkmark {background-color: #ccc;}
.check-cht input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-cht input:checked ~ .checkmark:after {display: block;}
.check-cht .checkmark:after {top: 4px;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/* --- Close check --- */
/* --- Open colum1 --- */
.colum1{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
/* --- Close colum1 --- */
/* ---Open arrow---*/
.arrow-cht::before {border-style: solid;border-width: 0.05em 0.05em 0 0;content: '';display: inline-block;height: 0.45em;position: relative;margin-top: 5px;transform: rotate(-45deg);width: 0.45em;}
.arrow-cht.bottom:before{top: 0;transform: rotate(135deg);}
.arrow-cht.right:before{left: 0;transform: rotate(45deg);}
.arrow-cht.left:before{left: 0.25em;transform: rotate(-135deg);}
/*---Close arrow---*/
.error1{color: #e40606;font-size: 12px;font-style: italic;font-weight: bold;display: block;margin-bottom: 15px}
.print-error {float: left;}
.print-error ul{margin-bottom: 0;float: left;margin-top: 0;padding-left: 20px}
.print-error ul li{color: #e40606;font-size: 12px;font-style: italic;font-weight: bold;}
.change .bar3{-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}
.shake:hover{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
.shake2:hover{animation: shake2 0.5s cubic-bezier(.75,.05,.50,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
@keyframes shake{10%, 90% {transform: translate3d(-1px, 0, 0);} 40%, 60% {transform: translate3d(4px, 0, 0);} }
@-webkit-keyframes waggle{ 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-0.5deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(-1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(0.5deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-0.5deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(0deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0.5deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(0deg); } }
.waggle:hover,.waggle:focus{-webkit-animation-name: waggle;-webkit-animation-duration: 2s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}

#wrapper{width: 100%;position: relative;margin: 0;padding: 0}
.full-cht{width: 100%;position: relative;}
.maxw-cht{width:100%;max-width: 1120px;margin: 0 auto;}
.bg1{background-color: #139E52}
.logo-mb{display: block;text-align: center}
.logo-mb img{width: 140px;}
/* Open Menu Mobile */
.offside {position: fixed;width: 240px;height: 100%;top: 0;z-index: 99999;overflow: auto;-webkit-overflow-scrolling: touch;}
.offside,.offside--left {left: -240px;}
.offside--right {left: auto;right: -240px;}
.offside--left.is-open,
.offside-js--is-left .offside-sliding-element {
    -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
}
.offside--right.is-open,
.offside-js--is-right .offside-sliding-element {
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    -o-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
}
.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
.offside-js--init {overflow-x: hidden;}
.no-csstransforms3d .offside {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.no-csstransforms3d .offside-sliding-element {overflow-x: hidden;position: relative;}
.no-csstransforms3d .offside--left.is-open {left: 0;}
.no-csstransforms3d .offside--right.is-open {right: 0;}
.no-csstransforms3d > .offside-js--is-left .offside-sliding-element {right: -240px;}
.no-csstransforms3d > .offside-js--is-right .offside-sliding-element {left: -240px;}
.site-overlay {z-index: 100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #FFF;visibility: hidden;opacity: 0;cursor: pointer;-webkit-transition: visibility 0s ease, opacity .2s ease;-moz-transition: visibility 0s ease, opacity .2s ease;-o-transition: visibility 0s ease, opacity .2s ease;transition: visibility 0s ease, opacity .2s ease;}
.h--left{float: left;}
.h--right{float: right;}
.offside-js--is-open .site-overlay {visibility: visible;opacity: .8;-webkit-transition-delay: delay 0s;-o-transition-delay: delay 0s;transition-delay: delay 0s;}
.icon {display: block;position: relative;padding: 5px 0;background-color: transparent;background-image: none;border: 1px solid transparent;}
.icon .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #313131;}
.icon:hover .icon-bar {background-color: #989898;}
.icon:focus {outline: 0;}
.icon--cross {padding: 20px 10px;background-color: #0000001a;}
.icon--cross > .icon-bar + .icon-bar {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.icon--cross > .icon-bar{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -2px;}
.icon.icon--cross > .icon-bar{background-color: #fff;}
.but-menumb{display:none;;z-index: 999;position: absolute;vertical-align: middle;background-color: #fff;padding: 3px 5px;top:2px;}
.but-menumb b{display: inline-block;color: #005892;font-family: 'Open Sans', sans-serif;font-size: 12px;font-weight: normal;}
.but-menumb span{display: inline-block;vertical-align: middle;}
.but-menumb .icon-bar{background-color: #005892;}
.but-menumb .icon-bar {display: block;width: 17px;height: 2px;border-radius: 1px;background-color: #005892;}
.but-menumb .icon-bar + .icon-bar {margin-top: 4px;}
.but-menumb:hover,.but-menumb:focus{border: 1px solid #fff}
.but-menumb:hover span{display: inline-block;vertical-align: middle;margin-top: 0}
.but-menumb:hover .icon-bar{background-color: #fff;}
.but-menumb:hover .icon-bar {display: block;width: 17px;height: 2px;border-radius: 1px;background-color: #fff;}
.but-menumb:focus b{display: inline-block;}
.but-menumb:focus span{display: inline-block;vertical-align: middle;}
.but-menumb:focus .icon-bar{background-color: #fff;}
.but-menumb:focus .icon-bar {display: block;width: 17px;height: 2px;border-radius: 1px;background-color: #fff;}

.menumb{list-style: none;}
.menumb > li{display: block;width: 100%;background-color:#0000001a;margin-bottom: 1px}
.menumb > li > a{color: #fff;text-transform: uppercase;padding: 7px 10px;display: block;font-size: 13px}
.menumb > li ul{padding-left: 25px;color: #fff}
.menumb > li ul li a{color: #fff;padding: 3px 0;display: block;font-size: 13px}
.menumb > li a:hover{color: #F15B2C;font-weight: bold;}

.submenu-mb {padding-left: 1em;overflow: hidden;display: none;}
.menumb li{position: relative;display: block;}
a.linkmenu{display: inline-block;float: left;width: calc(100% - 35px)}
a.togglesubmenu-mb {display: block;float: right;width: 35px;text-align: center;}
.submenu-mb{width: 100%;list-style: none;padding-left: 10px!important}
.submenu-mb.submenu-mb1 li a.linkmenu{display: block;padding:7px 5px 7px 15px;background-position: left bottom, 5px center;background-repeat: no-repeat, no-repeat;width: 100%;font-size: 12px;font-weight: bold;}
.submenu-mb.submenu-mb1 li a.linkmenu:hover{font-size: 12px;font-weight: bold;}
/* Close Menu Mobile*/
#back-to-top{
    width: 40px;
    height: 40px;
    
    cursor: pointer;
    background-image: url("/resources/views/client/asset/images/arrow-up.png");
    background-repeat: no-repeat;
    display: none;position: absolute;z-index: 9999999;left: calc(50% - 16px);top: -20px;display: block;
}
.show{display: block!important}
.search-results {display: block;z-index: 99999;padding: 0;background:transparent;position: absolute;top:32px;padding-bottom:20px;width: 100%}
.outdiv{background-color: #ffffffeb;-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);padding: 10px 5px 10px 5px;}
.listsearch{padding-left: 10px;padding-bottom: 10px;max-height: 200px;overflow-y: auto;margin:0;}
.search-result-items{padding-bottom: 10px}
.goiy{font-size: 14px;font-weight: normal;margin:0;}
.listsearch li a{color: #525261;font-size: 12px}
.listsearch li a:hover{color: #DF1F1F}
.listsearch li a:hover b{color: #DF1F1F!important}

.votepro{text-align: right;display: block;position: relative;color: #656D78;font-size: 11px;}
.votepro i.star{display: inline-block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 -87px;vertical-align: middle;}
.votepro i.star i {display: block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 0;}


.plr{padding: 0 5px}
header,footer{width: 100%;position: relative;}
header .inline1{background-color: #139E52;color: #fff;font-size: 12px;padding: 7px 0}
header .inline2 .logo{float: left;width: 100px;}
header .inline2 .logo img{width: 100%}
header .inline2 .box1{float: left;width: calc(100% - 140px);margin-left: 40px}
header .inline2 .box1-1{margin-top: 30px}
header .inline2 .box1-1 .hotline{float: left;color: #757577;font-size: 16px}
header .inline2 .box1-1 .hotline a{color: #F15B2C;font-size: 26px;}
.boxsearch{float: right;width: 270px;border-bottom: 1px solid #999999;position: relative;}
.boxsearch input{width: 100%;border: 0;padding: 8px 30px 8px 7px;color: #333}
.boxsearch button{position: absolute;right: 5px;top:7px;color: #999999;border: 0;background:transparent;cursor: pointer;}
header .inline2 .box1-2{border-bottom: 2px solid #139E52;margin-top: 30px}
header .inline2 .box1-2 nav{float: left;width: calc(100% - 130px);margin-right: 20px}
header .inline2 .box1-2 nav ul{list-style: none;}
header .inline2 .box1-2 nav ul > li{display: block;float: left;position: relative;}
header .inline2 .box1-2 nav ul > li > a{display: block;padding: 5px 15px;color: #139E52;font-size: 14px;font-family: 'Encode Sans', sans-serif;text-transform: uppercase;font-weight: bold}
header .inline2 .box1-2 nav ul > li > a > i{font-size: 14px;margin-left: 3px}
header .inline2 .box1-2 nav ul > li > i{font-size: 12px;margin-left: 3px}
header .inline2 .box1-2 nav ul > li:first-child > a{padding-left: 5px}
header .inline2 .box1-2 nav ul > li > .submenudt{display: none;position: absolute;top:31px;left: 0;background-color: #139E52;width: 190px;z-index: 9999999;left: calc(50% - 95px);text-transform: uppercase;}
header .inline2 .box1-2 nav ul > li > .submenudt ul{list-style: none;width: 100%;display: block;border-top:2px solid #fff;}
header .inline2 .box1-2 nav ul > li > .submenudt ul li{display: block;border-bottom: 1px solid #fff;width: 100%}
header .inline2 .box1-2 nav ul > li > .submenudt ul li a{display: block;padding: 7px 15px;color: #fff;font-size: 13px;background-image: url("/resources/views/client/asset/images/i-title.png");background-repeat: no-repeat;background-position: 5px center;font-weight: normal;}
header .inline2 .box1-2 nav ul > li > .submenudt ul li a:hover{background-color: #F15B2C;}
header .inline2 .box1-2 nav ul > li:hover .submenudt{display: block;}
header .inline2 .box1-2 nav ul > li.active a, header .inline2 .box1-2 nav ul > li a:hover{color: #F15B2C}
.bx-wrapper{box-shadow: none!important;border: 0!important;margin-top: 10px;margin-bottom: 20px!important}
header .inline2 .box1-2 .link-giohang{width: 110px;text-align: right;float: right;display: block;padding: 5px;color:#757577;}
header .inline2 .box1-2 .link-giohang i{display: inline-block;margin-right: 5px;font-size: 16px}
header .inline2 .box1-2 .link-giohang:hover{color:#F15B2C;}

.toptitle{width: 100%;border-bottom: 1px solid #139E52;}
.toptitle h2{display: inline-block;}
.toptitle h2 a{display: block;font-size: 20px;text-transform: uppercase;font-weight: normal;color: #139E52;background-image: url("/resources/views/client/asset/images/bg-h2.png");background-repeat: no-repeat;background-position: 100% 0;padding-right: 60px}

.product-highlight{float: left;width: 100%;margin: 0 ;padding: 5px;border: 1px solid #EEEEEE;margin-top: 10px;overflow: hidden;}
.product-highlight:hover{border: 1px solid #afadad;}
.product-highlight .avarta-product{width: 100%;display: block;overflow: hidden;}
.product-highlight .avarta-product img{width: 100%-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.product-highlight .avarta-product:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.product-highlight .name-product{display: block;width: 100%;}
.product-highlight .name-product a{height: 48px;overflow: hidden;font-size: 14px;color: #757577;font-weight: bold;font-family: 'Encode Sans', sans-serif;padding: 3px 0 7px 0;display: block;}
.product-highlight .name-product a:hover{color: #0DAA38}
.product-highlight .priceold-product{font-size: 11px;color: #a4a4a7;display: block;text-decoration: line-through;}
.product-highlight .price-product{font-size: 16px;color: #0DAA38;display: block;}
.product-highlight .form-buy{width: 100%;padding: 5px 0}

.btn-cht-1{background: transparent;border: 0;color: #fff;background-color: #F1592A;text-transform: uppercase;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;display: block;padding: 5px 12px;cursor: pointer;}
.btn-cht-1:hover{background-color: #0DAA38}
.btn-cht-2{background: transparent;border: 0;color: #fff;background-color: #139E52;text-transform: uppercase;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;display: inline-block;padding: 5px 12px;cursor: pointer;}
.btn-cht-2:hover{background-color: #F1592A}

.special-product{background-color: #F3F3F3;background-image: url("/resources/views/client/asset/images/sau_rieng2.png");background-repeat: no-repeat;background-position: 0 0;min-height: 350px;background-size: 25%;margin: 50px 0 0 0;padding: 5px 0 40px 0;margin-bottom: 30px}
.special-product .top-special{text-align: center;padding: 30px 0 20px}
.special-product .top-special h2{display: inline-block;font-size: 20px;text-transform: uppercase;font-weight: normal;color: #139E52;}
.special-product .top-special h2::after{display: inline-block;content: '';width: 75px;background-image: url("/resources/views/client/asset/images/star-of-favorites-outline.png");height: 18px;background-repeat: repeat-x;background-size: 25px;margin-left: 10px}
.special-product .top-special h2::before{display: inline-block;content: '';width: 75px;background-image: url("/resources/views/client/asset/images/star-of-favorites-outline.png");height: 18px;background-repeat: repeat-x;background-size: 25px;margin-right: 10px}
.special-product .content-special{width: 100%;max-width: 768px;margin: 0 auto;}
.special-product .content-special .box1{text-align: center;float: left;width: 50%;background-color: #fff;border: 1px solid #139E52;padding: 30px 20px}
.special-product .content-special .box1 > a{font-size: 18px;color: #139E52;display: block;text-align: center;}
.special-product .content-special .box1 > p{text-align: center;}
.special-product .content-special .box1 > img{width: 70%;}
.special-product .content-special .box2{float: left;width: 45%;margin-left: 5%}
.special-product .content-special .box2 .product-special{width: 100%;margin-top: 10px}
.special-product .content-special .box2 .product-special .avarta-product{width: 30%;display: block;float: left;margin-right: 10px}
.special-product .content-special .box2 .product-special .avarta-product img{width: 100%}
.special-product .content-special .box2 .product-special .name-product{display: block;width: calc(70% - 10px);float: left;}
.special-product .content-special .box2 .product-special .name-product a:hover{color: #0DAA38}
.special-product .content-special .box2 .product-special .name-product a{font-size: 14px;color: #757577;font-weight: bold;font-family: 'Encode Sans', sans-serif;padding: 3px 0 7px 0;display: block;float: left;height: 48px;overflow: hidden;}
.special-product .content-special .box2 .product-special .price-product{font-size: 16px;color: #0DAA38;display: block;float: left;}
.special-product .content-special .box2 .product-special .form-buy{width:calc(70% - 10px);float: left;padding: 5px 0}
.special-product.in{background-color: #fff}
.special-product.in .content-special{width:100%;max-width: 1120px;margin: 0 auto;}

.toptitle-home{width: 100%;}
.toptitle-home h2{display: inline-block;}
.toptitle-home h2 a{display: block;font-size: 20px;text-transform: uppercase;font-weight: normal;color: #139E52;background-image: url("/resources/views/client/asset/images/bg-h2.png");background-repeat: no-repeat;background-position: 100% 0;padding-right: 60px}

.listsp{margin-bottom: 30px}
.bannertop{display: block;width: 100%;margin-bottom: 30px}
.bannertop img{width: 100%}

.listkqtk ul{margin-left: 30px!important}
.listkqtk ul li a{display: block;}

.toptitle-p{width: 100%;}
.toptitle-p h2{display: inline-block;border-bottom: 1px solid #139E52;border-top: 1px solid #139E52;display:block}
.toptitle-p h2 a{display: block;font-size: 20px;text-transform: u;display:blockppercase;font-weight: normal;color: #139E52;padding: 7px 5px}


.product-home{float: left;width: 19%;margin: 0 0.5%;padding: 5px;border: 1px solid #EEEEEE;margin-top: 10px;overflow: hidden;}
.product-home:hover{border: 1px solid #afadad;}
.product-home .avarta-product{width: 100%;display: block;overflow: hidden;}
.product-home .avarta-product img{width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.product-home .avarta-product:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.product-home .name-product{display: block;width: 100%;}
.product-home .name-product a{height: 48px;overflow: hidden;font-size: 14px;color: #757577;font-weight: bold;font-family: 'Encode Sans', sans-serif;padding: 3px 0 7px 0;display: block;}
.product-home .name-product a:hover{color: #0DAA38}
.product-home .priceold-product{font-size: 11px;color: #a4a4a7;display: block;text-decoration: line-through;}
.product-home .price-product{font-size: 16px;color: #0DAA38;display: block;}
.product-home .form-buy{width: 100%;padding: 5px 0}

.list-newshome{list-style: none;padding: 50px 0 0 0}
.list-newshome li{float: left;overflow: hidden;width: 47.5%;margin-bottom: 20px}
.list-newshome li .avarta-news{width: 50%;float: left;}
.list-newshome li .avarta-news img{width: 100%}
.list-newshome li .box1{width: 50%;float: left;padding: 30px 20px;text-align: center;}
.list-newshome li:nth-child(even){margin-left: 5%}
.list-newshome li:nth-child(even) .box1{float: left;}
.list-newshome li:nth-child(even) .box1 h3 a{color: #525261;display: block;height: 44px;overflow: hidden;}
.list-newshome li:nth-child(even) .box1 p{color: #525261;display: block;height: 76px;overflow: hidden;}
.list-newshome li:nth-child(even) .avarta-news{width: 50%;float: right;}
.list-newshome li:nth-child(odd) .box1{float: right;background-color: #A6CE39;text-align: center;color: #fff}
.list-newshome li:nth-child(odd) .box1 h3 a{color: #fff;display: block;height: 44px;overflow: hidden;}
.list-newshome li:nth-child(odd) .box1 p{color: #fff;display: block;height: 76px;overflow: hidden;}
.list-newshome li:nth-child(odd) .avarta-news{width: 50%;float: left;}

.postvote select{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;width: 100%;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;margin-top: 10px}
.postvote button{margin-top: 10px;padding: 5px 10px}
.qty{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;margin-top: 10px}


.toppost{display: block;margin-top: 15px;margin-bottom: 10px}
.toppost h2{text-align: left;display:block;margin: 0;padding:10px 10px 5px 0;color:#005189;font-weight: normal;font-size: 20px;position: relative;border-bottom: 1px solid #eaeaec}
.detailproduct{width: 100%;margin-top: 10px}
.boximg{width: 50%;float: left;padding: 5px;border:1px solid #f5f5f9}
.boximg .viewimg{width: 100%}
.boximg .viewimg img{width: 100%}
.boxdetail{width: 47%;margin-left: 3%;float: left;}
.boxdetail .desc{font-size: 13px}
.boxdetail a.votepro{text-align: left;display: block;position: relative;color: #656D78;font-size: 11px;margin-top: 5px}
.boxdetail a.votepro i.star{display: inline-block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 -87px;vertical-align: middle;}
.boxdetail a.votepro i.star i {display: block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 0;}
.boxdetail .price{display: block;padding: 10px 0;font-weight: bold;font-size: 22px;color: #DF1F1F;}
.boxdetail .price span{display: block;font-weight: normal;color: #525261;text-decoration: line-through;font-size: 14px;}
.boxdetail .buynow{border: 0;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 13px;padding: 8px 15px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
.boxdetail .buynow:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.boxdetail .info{padding: 20px 15px;}
.boxdetail .info li{padding:5px 0;font-size: 13px}
.contentdetail{width: 100%;float: left;padding: 20px 0}
.contentdetail iframe{width:100%}
.topdetail{width: 100%;float: left;padding: 0 0}

.boxsp{list-style: none;padding: 10px 0;}
.boxsp .sanpham{width: 32%;margin: 0 0.5% 0 0.5%;float: left;border: 1px solid #f5f5f9;padding-bottom: 10px;margin-bottom: 10px}
.boxsp .sanpham > a{display: block;padding: 5px}
.boxsp .sanpham > a img{width: 100%}
.boxsp .sanpham h3{margin: 0;padding: 5px}
.boxsp .sanpham h3 a{color: #525261;font-weight: normal;font-size: 16px;height: 42px;overflow: hidden;display: block;line-height: 1.3}
.boxsp .sanpham h3 a:hover{color: #005189}
.boxsp .sanpham p{margin: 0;font-weight: bold;font-size: 16px;color: #DF1F1F;padding: 0 5px;float: left;width: 55%;height: 42px;overflow: hidden;display: block;}
.boxsp .sanpham p span{font-weight: normal;display: block;color: #525261;text-decoration: line-through;font-size: 11px;margin-top: 5px}
.boxsp .sanpham form{width: 45%;float: left;text-align: right;padding: 0 5px 0 0}
.boxsp .sanpham form button{border: 0;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 11px;padding: 8px 10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
cursor: pointer;}
.boxsp .sanpham form button:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.boxsp .sanpham form a.votepro{text-align: right;display: block;position: relative;color: #656D78;font-size: 11px;margin-top: 5px}
.boxsp .sanpham form a.votepro i.star{display: inline-block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 -87px;vertical-align: middle;}
.boxsp .sanpham form a.votepro i.star i {display: block;width: 75px;height: 14px;background: url(/resources/views/client/asset/image/ico/icon/star_min.png) repeat-x 0 0;}
.boxsp .sanpham:hover{border: 1px solid #c4c4ca;}

.listposts{list-style: none;padding: 15px 0}
.boxpost{width: 100%;float: left;margin-bottom: 10px;padding: 5px;border: 1px solid #fff}
.imgpost{width: 35%;float: left;display: block;}
.imgpost img{width: 100%}
.namepost{width:calc(60% - 5px);margin: 5px 5px 5px 5%;display: block;float: left;padding: 0;}
.namepost a{color: #005189;display: block;text-align: justify;}
.descpost{width:calc(60% - 5px);margin: 5px 5px 5px 5%;display: block;float: left;text-align: justify;}
.linkdetail{border:2px solid #DF1F1F;color: #DF1F1F;font-weight: bold;padding: 7px 12px;display: inline-block;margin: 10px 10px 10px 0;}
.linkdetail:hover {
    background-color: #DF1F1F;
    -webkit-transition: background-color 800ms linear;
    -ms-transition: background-color 800ms linear;
    transition: background-color 800ms linear;color: #fff;border:2px solid #DF1F1F
}
.boxpost:hover{background-color: #fcfcfd;border: 1px solid #f5f5f9}

.infocart{padding: 0;margin: 10px 5px}
.infocart a{display: inline-block;font-weight: bold;color: #DF1F1F}
.infocart a:hover{color: #005189}
.listcart{list-style: none;}
.listcart li{display: block;width: 100%;display: flex}
.boxcart{border: 1px solid #1010102b;float: left;padding: 5px}
.boxcartheader{font-weight: bold;background-color: #139E52;border-right-color: #fff;border-top-color:#139E52;border-bottom-color: #139E52}
.boxcartheader:last-child{border-right-color:#005189}
.boxcart + .boxcart{border-left: 0;}
.stt{width:7%}
.tensp{width: 40%;}
.tensp a{color: #525261}
.hinhsp{width: 12%}
.hinhsp a{display: block;width: 100%}
.hinhsp a img{width: 100%}
.sl{width: 18%}
.sl > i{font-weight: bold;}
.sl select{display: block;width: 100%;border:1px solid #80808030;}

#boxttck{width: 97%;margin-left: 3%;padding: 10px;border: 1px dotted gray;display:none}
.tt{width: 23%;color: #DF1F1F;font-weight: bold;}
.boxcartheader{color: #fff}
.delcart{width: 100%}
.delcart button{border:0;background:transparent;padding: 7px 0;cursor: pointer;}
.delcart button:hover{text-decoration: underline;}
.tong{display: block;width: 100%}
.tong a{display: block;padding: 5px 0}
.tong a span{display: inline-block;font-weight: bold;color: #DF1F1F;font-size: 16px}
.thanhtoan{border: 0;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 12px;padding: 8px 15px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
cursor: pointer;margin-right: 20px;display:inline-block;margin-bottom:10px}
.thanhtoan:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.muahangtiep{border: 0;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 12px;padding: 8px 15px;background-color: #139E52;
cursor: pointer;margin-right: 20px;display:inline-block}
.muahangtiep:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.formcheckout h4{margin-top: 0;color: #c8040e;font-size: 14px;margin-bottom: 0}
.formcheckout form{margin: 10px 0;width: 100%}
.formcheckout form label{display: block;width: 100%;margin-bottom: 10px;float: left;}
.formcheckout form label a{display: block;}
.formcheckout form label.email{ display: block;width: 47%;margin-bottom: 10px;}
.formcheckout form label.sdt{ display: block;width: 47%;margin-bottom: 10px;margin-left: 6%}
.formcheckout form label input[type='text']{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: left;width: 100%;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;}
.formcheckout form label.email input[type='text'],.formcheckout form label.sdt input[type='text']{width: 100%}
.formcheckout form label textarea{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 100%;padding: 5px 10px;border: 1px solid #adadafab;color: #585555;}
.formcheckout form p{text-align: left;width: 100%;padding: 0 0;margin: 0;float: left;}
.formcheckout form p .thanhtoan{margin:15px 0;}
.formcheckout form label i.namett{vertical-align: middle;line-height: 13px;display: inline-block;padding: 3px;margin-top: -7px;}
.formcheckout form label input[type='radio']{margin-left: 3%;}
.formcheckout form label.capcha{ display: block;width: 100%;margin-bottom: 10px;}
.formcheckout .capcha i{display: inline-block;font-size: 22px}
.formcheckout form label.capcha input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 100%;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;}

.contact h4{color: #F15B2C;font-size: 14px;margin-bottom: 0;margin-top: 15px}
.contact form{margin: 10px 0;width: 100%}
.contact form label{display: block;width: 100%;margin-bottom: 10px;float: left;}
.contact form label a{display: block;}
.contact form label.email{ display: block;width: 47%;margin-bottom: 10px;}
.contact form label.sdt{ display: block;width: 47%;margin-bottom: 10px;margin-left: 6%}
.contact form label input[type='text']{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: left;width: 100%;padding: 10px 15px;border: 1px solid #adadafab;color: #585555;}
.contact form label.email input[type='text'],.formcheckout form label.sdt input[type='text']{width: 100%}
.contact form label textarea{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 100%;padding: 10px 15px;border: 1px solid #adadafab;color: #585555;}
.contact form p{text-align: left;width: 100%;padding: 0 0;margin: 0;float: left;}
.contact form p .thanhtoan{margin:15px 0;}
.contact form label i.namett{vertical-align: middle;line-height: 13px;display: inline-block;padding: 3px;margin-top: -7px;}
.contact form label input[type='radio']{margin-left: 3%;}
.contact form label.capcha{ display: block;width: 100%;margin-bottom: 10px;}
.contact .capcha i{display: inline-block;font-size: 22px}
.contact form label.capcha input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 100%;padding: 10px 15px;border: 1px solid #adadafab;color: #585555;}
.maps > iframe{width: 100%;height: 300px}

footer > img{width: 100%;margin-bottom: -10px!important}
footer > div{background-color: #ECEAEB}
footer > div .footer-mid{padding: 50px 0 30px 0}
footer > div .footer-mid .box2{float: left;width: 28%;}
footer > div .footer-mid .box2 a{display: block;width: 28%;float: left;}
footer > div .footer-mid .box2 a img{width: 100%}
footer > div .footer-mid .box2 h2{color: #139e52;text-transform: uppercase;font-size: 15px;margin: 0 0 10px 0;font-family: 'Encode Sans', sans-serif;}
footer > div .footer-mid .box2 p{color: #757577;font-size: 12px;}
footer > div .footer-mid .box3{float: left;width: 23%;margin-left: 3%}
footer > div .footer-mid .box3 > h2{padding: 0;margin: 0;color: #139e52;font-size: 16px;text-transform: uppercase;font-family: 'Encode Sans', sans-serif;}
footer > div .footer-mid .box3 > ul{list-style: none;padding: 0;margin-top: 10px}
footer > div .footer-mid .box3 > ul li{display: block;}
footer > div .footer-mid .box3 > ul li a{display: block;color: #757577}
footer > div .footer-mid .box3 > ul li a i{display: inline-block;margin-right: 5px;color: #757577;width: 12px}
footer > div .footer-mid .box4{float: left;width: 20%;margin-left: 2%;overflow: hidden;}
footer > div .footer-mid .box4 > h2{padding: 0;margin: 0;color: #139e52;font-size: 16px;text-transform: uppercase;font-family: 'Encode Sans', sans-serif;}
footer > div .footer-mid .box4 .fb-page.fb_iframe_widget{width: 100%;margin-top: 20px}
footer > div .footer-mid .box5{float: left;width: 22%;margin-left: 2%}
footer > div .footer-mid .box5 > h2{padding: 0;margin: 0;color: #139e52;font-size: 16px;text-transform: uppercase;font-family: 'Encode Sans', sans-serif;}
footer > div .footer-mid .box5 p{color: #757577;margin-top: 10px}
footer > div .footer-mid .box5 .dangkyemail{width: 100%;overflow: hidden;}
footer > div .footer-mid .box5 .dangkyemail input{width: 80%;float: left;padding: 10px 5px;color: #757577}
footer > div .footer-mid .box5 .dangkyemail button{width: 20%;float: left;height: 39px;background: transparent;background-color: #F1592A;border: none;color: white}

footer > div .footer-bot{padding: 20px 0;background-color: #139E52;color: #fff;position: relative;}
footer > div .footer-bot > a{display: inline-block;margin: 0 auto;}
footer > div .footer-bot > div > a{color: #fff;}

@media screen and (max-width: 920px) {
  header .inline2 .logo{width: 80px}
  header .inline2 .box1{margin-left: 20px;width: calc(100% - 100px);}
  header .inline2 .box1-1{margin-top: 10px}
  header .inline2 .box1-1 .hotline a{font-size: 22px}
  .boxsearch input{padding: 5px 30px 5px 7px;}
  .boxsearch button{top:3px;}
  header .inline2 .box1-2{margin-top: 20px}
  header .inline2 .box1-2 nav ul > li > a{font-size: 13px;padding: 5px 12px}

  

}
@media screen and (max-width: 768px) {
    header .inline2 .box1-2 nav {float: left;width: calc(100% - 60px);margin-right: 0;}
    header .inline2 .box1-2 .link-giohang{width: 60px;overflow: hidden;}
    header .inline2 .box1-2 .link-giohang span{display: none;}
    .product-home{float: left;width: 31%;margin: 0 1.16%;padding: 5px;border: 1px solid #EEEEEE;margin-top: 15px;overflow: hidden;}
}
@media screen and (max-width: 740px) {
	.special-product .top-special h2{font-size:16px}
	.pa5{padding-left:5px!important;padding-right:5px!important}
    .p5{padding-left: 5px!important;padding-right: 5px!important}
    .but-menumb{display: block;right:5px;margin-top:0;background: transparent;padding: 2px 5px}
    .but-menumb b{color: #fff;font-size: 16px;margin-bottom: -5px;display: inline-block;}
    .but-menumb .icon-bar{background-color: #fff;margin-top: -3px}
    header .inline2 .box1-1 .hotline{float: right}
    header .inline2 .box1-1 .hotline a{font-weight: bold}
    .boxsearch{width: 80%;margin-top: 10px}
    header .inline2 .box1-2{display: none}
    .list-newshome li{width: 100%}
    footer > div .footer-mid .box2{width: 48%}
    footer > div .footer-mid .box3{width: 48%}
    footer > div .footer-mid .box4{width: 48%;margin-left: 0}
    footer > div .footer-mid .box5{width: 48%}

}
@media screen and (max-width: 468px) {
	
     header .inline2 .logo{width: 60px}
     header .inline2 .box1{margin-left: 20px;width: calc(100% - 80px);}
    header .inline2 .box1-1 .hotline a{font-size: 16px}
    .product-home{float: left;width: 48%;margin: 0 1%;padding: 5px;border: 1px solid #EEEEEE;margin-top: 15px;overflow: hidden;}
    footer > div .footer-mid .box2{width: 100%}
    footer > div .footer-mid .box3{width: 100%;margin-left: 0}
    footer > div .footer-mid .box4{width: 100%;margin-left: 0}
    footer > div .footer-mid .box5{width: 100%;margin-left: 0}
    .boximg{width: 100%}
    .boxdetail{width: 100%;margin-left: 0}
}