/*@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: local('OpenSans.eot'), 
    url('../fonts/OpenSans.woff') format('woff'), 
    url('../fonts/OpenSans.ttf') format('truetype'); 
    url('../fonts/OpenSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} dfxtra*/

// <weight>: Use a value from 200 to 800
// <uniquifier>: Use a unique and descriptive class name

.national-park-<uniquifier> {
  font-family: "National Park", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

a,a:link,a:focus,a:active{text-decoration: none;}
.body-wrapper{width: 100%;max-width: 100%;overflow: hidden;font-family: 'National Park', sans-serif;background: #fff;font-size: 15px;}
.clear{clear: both;}
.clear:before,.clear:after{content:'';display: table;}
.mgb15{margin-bottom:15px;}.mgb20{margin-bottom:20px;}.mgb30{margin-bottom:30px;}.mgb40{margin-bottom:40px;}
.mgt15{margin-top:15px;}.mgt20{margin-top:20px;}.mgt30{margin-top:30px;}.mgt40{margin-top:40px;}
#page{display: none}
.bg-while{background:#fff;}
.none{display: none;}
/*Reset css*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/*input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}*/

.neo-head.check{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;background: #000}
.logo{text-align: center;width: 215px;float: left;}
.logo h1, .logo h6{display:block;text-align: center;padding: 4px 0;overflow: hidden;margin:0px;}
.logo h1 a,.logo h6 a{display: inline-block;overflow: hidden;line-height: 0px;}
.logo h1 a img,.logo h6 a img{width:auto;max-height:72px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
/*End logo*/
.header{position:relative;background:#000;}
.header .header-top{position: relative;display: table;width:100%;clear: both;z-index: 909;}
.header .top-right{float: right;display: inline-block;width: calc(100% - 215px);padding-top:18px;}
.header .header-top:after{content:'';display: inline-block;width:182px;height:84px;background: #000; /*url(../images/bg-header.png) center center no-repeat;*/position: absolute;bottom:0px;right:0px;z-index: -1;}
.header .shoping-cart{display: inline-block;float: right;color: #fff;text-transform: uppercase;font-size: 13px;line-height: 20px;background: url(../images/car.png) 0px center no-repeat;padding: 5px 10px 5px 50px;font-weight: 600;margin-left:20px;margin-bottom:15px;margin-top: 5px;background-size: contain;}
.header .shoping-cart a{color:#fff;}
.header .shoping-cart.fixed{position: fixed;top:0px;right:0px;z-index: 99;}
.header .shoping-cart.fixed a span.none480{display: none;}
.header .top-phone{float: right;padding: 0 10px;margin-left:20px;margin-bottom:15px}
.header .top-phone:before{content:'';display: inline-block;width: 30px;height: 30px;vertical-align: middle;background: url(../images/tel.png) center center no-repeat;float: left;margin-right:10px;margin-top: 5px;background-size: cover;}

.slick-dots li button:before{font-size: 23px;color: #fff;opacity: 1;}
.slick-dots li.slick-active button:before{color: #f5b51f;opacity: 1}
.slick-dots{bottom: 20px;}

.top-phone a{color:#fff;text-transform: uppercase;font-size: 13px;font-weight: 600;display: -webkit-box;display:ruby-text-container}
.top-search{float: left;
    width: calc(100% - 60px);
    margin: 1px 0;position: relative;}
.top-search form{
	width: 100%;
    height: 41px;
	line-height: 41px;
	background: #666;
	overflow: hidden;
}

.ul_box{display: flex;flex-wrap: wrap;}

.top-search button,.top-search input{outline: none;} 
.top-search input{
	border: none;
	padding: 0 10px;
	float: left;
	width: calc(100% - 114px);
	background: rgba(0,0,0,0.03);
	color: #fff;
}
.top-search button{width:114px;border:none;float: right;background: #f7941c url(../images/search.png) center center no-repeat;text-align: center;color: #fff;text-transform: uppercase;font-weight:600;}
.top-search button:hover{background: #000;}
.top-search input::-webkit-input-placeholder {font-size: 13px;color:#c9c9c9;font-style: italic;}
.top-search input::-moz-placeholder {font-size: 13px;color:#c9c9c9;font-style: italic;} /* firefox 19+ */
.top-search input:-ms-input-placeholder {font-size: 13px;color:#c9c9c9;font-style: italic;} /* ie */
.top-search input:-moz-placeholder {font-size: 13px;color:#c9c9c9;font-style: italic;}
.header-navigation{}
/*End header*/
.find{display: none;}
.hien{display: inline-block;}
#showresurt{list-style: none;position: absolute;top: 100%;left: 0;background: #fff;width: 100%;z-index: 9999;max-height: 58vh;overflow-x: hidden;border-radius: 5px;border: none;display: none;}
#showresurt ul{list-style: none;padding: 10px 0;animation: quayyy 0.8s;-webkit-animation: quayyy 0.8s;margin-bottom:0px}
#showresurt li{border-bottom: 1px dotted #DEDEDE;padding: 3px 10px;}
#showresurt li a{color: #555;font-size: 11px;font-weight: 600;}
@-webkit-keyframes quayyy {
    0% {opacity: 0;height: 0;}
    100%
    {opacity: 1;height:100%;}
}
@keyframes quayyy {
    0% {opacity: 0;height: 0;}
    100%
    {opacity: 1;height: 100%;}
}
/*End search*/
.header-navigation{
	/*background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.2);*/
	background: #fff;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
	margin-bottom: 15px;
}
.header-menu{display: inline-block;float: right;}
.header-menu ul{padding:0px;margin:0px;display: table;clear: both;}
.header-menu ul li{list-style: none;}
.header-menu>ul>li{float: left;position: relative;}
.header-menu>ul>li>a{display: block;color:#fff;font-size:14px;font-weight:600;line-height: 20px;text-transform: uppercase;padding:12px 12px;}
.header-menu>ul>li>a:hover,.header-menu>ul>li>a.active{color:#f5b51f}
.header-menu>ul>li>ul{position: absolute;top:130%;left:0px;width:200px;z-index: 99;transition: all 0.1s linear;visibility: hidden;border-radius: 5px;
    overflow: hidden;
    background: #fff;}
.header-menu>ul>li:hover>ul{top: 100%;visibility: visible;}
.header-menu>ul>li>ul>li{margin-bottom: 1px;}
.header-menu>ul>li>ul>li>a{display: block;    padding: 7px 15px;
    background: #f3f3f3;color:#555;}
.header-menu>ul>li>ul>li>a:hover{color:#f5b51f;background: #000;}
.header-menu>ul>li>ul>li{position:relative;}
.header-menu>ul>li>ul>li>ul{position: absolute;left: 200px;width: 200px;display:none;top:0px;}
.header-menu>ul>li>ul>li:hover>ul{display:block;}
.header-menu>ul>li>ul>li>ul>li>a{display:block;padding:6px 10px;background:#fff;color:#555}
.header-menu>ul>li>ul>li>ul>li>a:hover{color:#f5b51f;background: #f0f0f0;}
/*End header*/
.nav-left h2{margin:0px;background: #064795;}
.nav-left h2 a{font-size: 14px;text-transform: uppercase;color:#fff;font-weight: 600;background: #064795 url(../images/sanwitch-nav.png) 15px center no-repeat;display: block;padding: 10px 12px 12px 62px;line-height: 18px;}
.nav-left>ul{border: 1px solid #fff;padding:0px;}
.nav-left>ul>li{border-bottom:1px solid #eeeeee;position: relative;list-style: none;}.nav-left>ul>li:after{content:'';display: block;width: 100%;height:1px;background:#fff;position: absolute;bottom:-1px;}
.nav-left>ul>li>a{color:#5a5a5a;line-height: 18px;padding: 15px;display: block;}
.nav-left>ul>li>a:hover{background: #fff;}
.nav-left-home{margin-bottom:20px;margin-top:-44px;}
.nav-left-home h2{margin:0px;background: #fff;}
.nav-left-home h2 a{font-size: 14px;text-transform: uppercase;color:#fff;font-weight: 600;background: #064795 url(../images/sanwitch-nav.png) 15px center no-repeat;display: block;padding: 13px 12px 12px 62px;line-height: 18px;}
.nav-left-home ul{border: 1px solid #064795;padding:0px;background: #fff;}
.nav-left-home ul li{border-bottom:1px solid #eeeeee;position: relative;list-style: none;}.nav-left>ul>li:after{content:'';display: block;width: 100%;height:1px;background:#fff;bottom:-1px;}
.nav-left-home ul li a{color:#5a5a5a;line-height: 19px;padding: 11px 15px;display: block;background: #2f70be;color: #fff;text-transform: uppercase;font-size: 12.5px;}
.nav-left-home ul li:hover a,.nav-left-home ul li a.active{background: #c7e0ff;color:#000;}
.nav-left-home ul li:hover ul li a{background: #fff;}
.nav-left-home ul li img{margin-right: 10px;width: 35px;height: 35px;}
.nav-left-home ul li.danhmuckhac{background: #c7e0ff;text-align: center;}
.nav-left-home ul li.danhmuckhac a{font-weight:600;color:#000;text-transform: uppercase;padding:14px 0;display: block;}
.nav-left-home ul li ul{display:none;border-right:none;border-left: none;}
.nav-left-home ul li ul li a{padding: 6px 15px;background: #fff;color: #000;text-transform: none;font-size: 13px;}
.nav-left-home ul li ul li a:hover{color:#fff;background: #e00b00;}
.nav-left-home ul li a.show_hide{position: absolute;right: 10px;top: 0px;padding: 20px;}
.nav-left-home ul li a.show_hide:after{width: 100%;content: '\f107';display: inline-block;position: absolute;right: 0;top:10px;font-family: 'FontAwesome';color: #fff;text-align: center;font-size: 16px;transition: all 0.8s linear}
.nav-left-home ul li a.show_hide.active:after{content: '\f106';color: #e00b00}
.nav-left-home ul li a.show_hide:hover:after,.nav-left-home ul li a.show_hide.active:hover:after{color: #e00b00;}

.nav-left-home ul li a.show_hide:hover{background: none;}
.nav-left-page>ul{z-index: 99;}

.header-navigation.fixed .nav-left-page>ul{display: none}
.header-navigation.fixed .nav-left-page:hover>ul{display: block;}
.nav-left-page>ul{/*border: 1px solid #333;*/padding:0px;background: #fff;position: absolute;top:100%;width:100%}
.nav-left-page>ul li{border-bottom:1px solid #444;position: relative;list-style: none;}.nav-left>ul>li:after{content:'';display: block;width: 100%;height:1px;background:#fff;position: absolute;bottom:-1px;}
.nav-left-page>ul li a{color:#fff;line-height: 19px;padding: 11px 15px;display: block;background: #040707;color: #fff;text-transform: uppercase;font-size: 15.5px;}
.nav-left-page>ul li a:hover,.nav-left-page ul li a.active{background: #5f6565;color:#000;}
.nav-left-page>ul li img{margin-right: 10px;}
.nav-left-page>ul li.submenu a{position: relative;}
.nav-left-page>ul li.submenu a:after{content: '\f105';display: inline-block;position: absolute;right: 25px;font-family: 'FontAwesome';color: #fff;text-align: center;font-size: 16px;transition: all 0.8s linear}
.subpage{display: none;}
.header-navigation .nav-left-page:hover .subpage{display: block;}
.nav-left-page .box{position: relative;}
.nav-left-page .box .show_submenu{
	display: none;position: absolute;
    top: 0;
    height: 100%;
    background: #f3f3f3;
    width: calc(1170px - 268px);
    left: 262px;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-top: 1px solid #bababa;
}
.nav-left-page .box .show_submenu ul{padding-left: 0; display: flex;height: 100%;
    flex-grow: 1;
    flex-flow: column wrap;}
.nav-left-page .box .show_submenu ul li{    width: 20%;border: none;
}
.nav-left-page .box .show_submenu ul li a{background: none;color: #555;font-weight: bold;padding-top: 10px;padding-bottom: 5px;text-transform: none;}
.nav-left-page .box .show_submenu ul li ul{-webkit-column-count: inherit;
    -webkit-column-gap: inherit;
    -moz-column-count: inherit;
    -moz-column-gap: inherit;
    column-count: inherit;
    column-gap: inherit;}
.nav-left-page .box .show_submenu ul li a:hover{color: #f5b51f}
.nav-left-page .box .show_submenu ul li ul li{width: 100%;padding: 0}
.nav-left-page .box .show_submenu ul li ul li a{padding-bottom: 0;padding-top: 5px;font-weight: normal;text-transform: none;font-size: 12.5px;}


.scrollbarhehe{max-height:770px;}
.scrollbarhehe > .scroll-element,
.scrollbarhehe > .scroll-element div{border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbarhehe > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbarhehe > .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.scrollbarhehe > .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 6px;}
.scrollbarhehe > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbarhehe > .scroll-element .scroll-element_track,
.scrollbarhehe > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.1;}
.scrollbarhehe > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbarhehe > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbarhehe > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbarhehe > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
.scrollbarhehe > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbarhehe > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbarhehe > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbarhehe > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
.nav-left-home:hover .scrollbarhehe > .scroll-element .scroll-element_track,.nav-left-home:hover .scrollbarhehe > .scroll-element .scroll-bar{opacity: 0.4;}
/*nav-left*/
.slider-home{margin-bottom:20px;}
.product-highlight{position: relative;background: #fff;margin-bottom:20px;}
.product-highlight .owl-nav .next-hili{width:15px!important;height:29px!important;display:inline-block!important;background: url(../images/next1.png)center center no-repeat!important;position: absolute!important;top:50%!important;margin-top:-14.5px!important;z-index: 99;left:0px;}
.product-highlight .owl-nav .prev-hili{width:15px!important;height:29px!important;display:inline-block!important;background: url(../images/prev1.png)center center no-repeat!important;position: absolute!important;top:50%!important;margin-top:-14.5px!important;z-index: 99;right:0px;}
/*product-highlight*/
.product-box{
	background: #fff;
	padding: 10px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
	z-index: 98;
	position: relative;
}
.product-box:hover{box-shadow: 1px 0 0 0 #f5b51f, 0 1px 0 0 #f5b51f, 1px 1px 0 0 #f5b51f, 1px 0 0 0 #f5b51f inset, 0 1px 0 0 #f5b51f inset;z-index: 99;}
.product-box-home:hover{border-bottom:1px solid #f5b51f}
.product-box .product-img{display: block;margin-bottom:10px;overflow: hidden;}
.product-info{padding:0px;}
.product-name{margin:0px;padding:0px;margin-bottom:4px;}
.product-name a{
	font-size: 14px;
	font-weight: 600;
	/*text-transform: uppercase;*/
	display: block;
	text-align: left;
	/*height: 50px;*/
	line-height: 18px;
	color: #000;
}
.product-name a:hover {
	color: orange;
}
.product-code{
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	margin: 10px 0 5px;
	color: #666;
}
.product-price{margin-bottom:0px;}
.product-price span{color:#303030;font-size: 13px;font-weight:600;float: left;margin-top:5px;}
.product-price a{width:39px;height:40px;background: url(../images/car-product.png) center center no-repeat;float: right;vertical-align: middle;}
/*product-box*/
.product-title{border-bottom:1px solid #f5b51f;line-height: 100%;font-size:100%;margin:0px;margin:10px 0 20px}
.product-title span{display: inline-block;font-size:15px;line-height:24px;text-transform: uppercase;border-bottom:4px solid transparent;margin-bottom: -1px;font-weight:700;padding-bottom:8px;}
.product-title span.maudo{color:#f59d05;border-color:#f59d05}
.product-title span.maudo a{color:#f59d05;border-color:#f59d05}
.product-title span.maudo a:hover{color:#000;border-color:#f5b51f}
.product-title span.mauxanh{color:#f5b51f;border-color:#f5b51f}
.product-title span.mauxanh a{color:#f5b51f;border-color:#f5b51f}
.product-title span.mauxanh a:hover{color:#000;border-color:#f5b51f}
/*product-title*/
.sanpham-khuyenmai{margin-bottom:15px;}
.product-promo-box{position: relative;}
.product-box-2{
	box-shadow: 0 10px 10px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
	margin-top: 0px;
	box-sizing: border-box;
	padding: 1px;
	position: relative;
	z-index: 98;
}
.product-box-2:hover{box-shadow: 0 0 4px rgba(87,87,87,.4);z-index: 99;}
.product-box-2 .product-img{display: block;margin-bottom:10px;overflow: hidden;}
.product-box-2>div{overflow: hidden;position: relative;background: #fff;padding:15px;}
.views-list{text-align: right;}
.views-list a{display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;}
.views-list a i{vertical-align:text-top;margin-left:10px;font-size: 14px;}
.views-list a.maudo{color:#e00b00}.views-list a.mauxanh{color:#f5b51f}
.product-promo-box .nut-next{display: inline-block;width:15px;height:29px;position:absolute;right:25px;top:-54px}
.product-promo-box .nut-next.nut-maudo{background: url(../images/next2.png) center center no-repeat;}
.product-promo-box .nut-next.nut-mauxanh{background: url(../images/next1.png) center center no-repeat;}
.product-promo-box .nut-prev{display: inline-block;width:15px;height:29px;position:absolute;right:0px;top:-54px}
.product-promo-box .nut-prev.nut-maudo{background: url(../images/prev2.png) center center no-repeat;}
.product-promo-box .nut-prev.nut-mauxanh{background: url(../images/prev1.png) center center no-repeat;}
/*sanpham-khuyenmai*/

.product-promo-box .owl-stage{display: flex;}
.product-promo-box .owl-stage .owl-item{display: flex;padding: 0 9.8px 19.6px;}

.quang-cao-box{
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 15px;
}
.quangcao-hinh{
	display: block;
	position: relative;
	box-shadow: 0 7px 12px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
}
.quangcao-hinh:before{content:'';display: inline-block;width:100%;height:100%;position: absolute;top:0px;left:0px;background:rgba(0,0,0,0.1);transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.quangcao-hinh:hover::before{background: rgba(0,0,0,0.6);transition-timing-function: ease;}
.quangcao-hinh:hover::after{background: rgba(245, 181, 31,.8);border-radius: 0px;bottom: 40%;color: #fff;content: attr(title);left: 50%;margin-left:-160px;padding: 7px;position: absolute;z-index: 98;width: 320px;text-align: center;}
/*quang-cao-box*/
.doitac-box{background: #000;}
.doitac-hinh{display:block;text-align: center;}
.doitac-hinh img{margin:0 auto;}
/*doitac-box*/
.footer-top{
	background: #000;
	padding: 35px 0 10px;
	color: #fff;
	border-top: 1px solid #121212;
}
.footer-top h5{color:#fff;font-size: 15px;line-height: 22px;text-transform: uppercase;margin:0px;margin-bottom:15px;font-weight: 600;margin-top:10px;}.footer-top h5 a{color:#fff}
.logo-footer{display: block;text-align: center;margin-bottom:10px;}
.logo-footer img{margin:0 auto}
.footer-top p{font-size: 13px;}
.footer-top p span{font-weight: 600}
.footer-top p a{color:#fff;}
.footer-top ul{padding:0px;}
.footer-top ul li{list-style: none;margin-bottom:6px;}
.footer-top ul li a{color:#fff;font-size: 12px;font-weight:400;}
.footer-top ul li ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;margin-top:10px;padding-left:10px;}
.footer-top ul li ul li a{font-size: 12px;font-weight:400;}
.footer-top form{margin:10px 0 15px;background: #2f70be;color:#fff;width: 100%;}
.footer-top form input,.footer-top form button{border: none;outline: none;height:37px;line-height: 37px;}
.footer-top form input{float: left;width: calc(100% - 88px);background: #333;padding-left:10px;}
.footer-top form button{width: 88px;text-align: center;background: #ffbb19 url(../images/envelopes.png) center top no-repeat;float: right}
.footer-top form button:hover{background: #555 url(../images/envelopes.png) center top no-repeat;}
.footer-top form input::-webkit-input-placeholder {font-size: 13px;color:#fff;font-style: italic;}
.footer-top form input::-moz-placeholder {font-size: 13px;color:#fff;font-style: italic;} /* firefox 19+ */
.footer-top form input:-ms-input-placeholder {font-size: 13px;color:#fff;font-style: italic;} /* ie */
.footer-top form input:-moz-placeholder {font-size: 13px;color:#fff;font-style: italic;}
.footer-sosial{padding: 10px 0}
.footer-sosial a{color:#fff;display: inline-block;margin-right:30px;}.footer-sosial a i{vertical-align:text-bottom;margin-right: 10px;width:20px;line-height: 20px;width:20px;text-align: center;/*background: #fff;*/color:#f5b51f;}
.footer-top a:hover{text-decoration: underline;}
.footer-bottom{background: #f5b51f;text-align: center;color:#fff;text-transform: uppercase;font-size:10px;}
.footer-bottom p{margin:0px;padding: 10px 0}.footer-bottom a{color:#fff;font-size:10px;text-transform: uppercase;}
/*End footer*/
.title-home{margin:0px;margin-bottom:15px;position: relative;}
.title-home a:first-child{display: block;color:#fff;font-weight:bold;line-height:20px;font-size: 13px;text-transform: uppercase;background: #f5b51f;padding:8px 10px;}
.title-home a:first-child::before{content:'';display: inline-block;vertical-align:text-bottom;width:28px;height:20px;margin-right:10px;}
.title-home a.star:before{background: url(../images/shape-star.png) left center no-repeat;width:22px;}
.title-home a.leaf:before{background: url(../images/shape-leaf.png) left center no-repeat;}
.title-home a:last-child{position: absolute;top:14px;right:10px;font-size: 12px;color:#fff!important;}
/*title-home*/
.advertise_news{display: block;margin-bottom:10px;}
.advertise_news:hover img{opacity: 0.8;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
.advertise_news img {display: none;}
/*End advertise_news*/
.breadcrumb{text-align: left;margin:0px;padding:0px;margin-bottom: 20px;background: #fff;border-bottom: 1px solid #e7e7e7;border-radius: 0px!important;}
.breadcrumb ul{padding:0px;margin:0px;display: table;content:'';}.breadcrumb ul:before{content:'';display: table;}
.breadcrumb li{list-style:none;float: left;display: inline-block;margin-left: 5px;font-size: 13px;}
.breadcrumb li:first-child a,.breadcrumb li a:hover{color:#f5b51f}
.breadcrumb li:first-child::before{content: '';display: none;}
.breadcrumb li:before{content: '-';font-size: 13px;color: #555;margin-right: 5px;}
.breadcrumb li a{display: inline-block;text-decoration: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;font-size: 13px;color: #555;padding: 10px;}
/*End breadcrumb*/
.block_page{background: #fff;padding: 6px;margin-bottom:10px;}
.box_right{margin-bottom:20px;}
.title_right_minor{font-size: 13px;font-weight: 600;margin:0px;margin-bottom: 6px;text-transform: uppercase;color:#333;padding: 4px 10px}
.list_right{border: 1px solid #064795;padding: 10px;}.list_right li{list-style: none;}
.list_right a{font-size: 13px;color:#555;line-height: 20px;margin-bottom:4px;display: block;}
.list_right a:hover{color: #f5b51f;}
.title_left{margin:0px;font-weight: normal;font-size: 13px;font-weight: 600;margin-bottom: 10px;line-height: 26px;color:#555;}
.form_register{margin:0px;padding:0px;width: 80%;}
.form_register li{list-style: none;}
.form_register li label{display: inline-block;text-transform: uppercase;font-size: 10px;margin: 15px 6px 6px;color:#555;}
.form_register li input{border: 1px solid transparent;height: 40px;line-height: 40px;padding: 0 10px;width: 100%;box-shadow: 0 1px 4px -2px #000;outline: none;border-radius:0px!important}.form_register li input:focus{box-shadow: 0 1px 4px -2px #000;border: 1px solid #98dad6}
.form_register .register_submit{text-align: left;padding: 20px 0 10px}
.form_register .register_submit button{background: #f5b51f;text-transform: uppercase;color:#fff;padding:8px 30px;border: none;box-shadow: 0 1px 4px -2px #000;}.form_register .register_submit button:hover{background: #0e8078;}/*End form register*/
.tab_register{content:'';display: table;padding:0px;margin-bottom:10px;border-bottom:1px solid #e7e7e7;width: 100%}
.tab_register li{float: left;list-style: none;}
.tab_register li a{display:inline-block;padding:8px 20px;background:#f5b51f;color:#fff;margin-right:6px;margin-bottom:6px;text-transform: uppercase;}
.tab_register li a.active,.tab_register li a:hover{background:#0e8078;}
/*Tab_register*/
.nav_left_page>ul>li>a:hover{background: #fafafa;}
.product-img span.number{position: absolute;bottom:0px;left:0px;width: 30px;height: 30px;line-height: 30px;background: rgba(19,168,158,0);color:#fff;text-align: center;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.product-img:hover span.number{background: rgba(19,168,158,0.6);}
.product-img span.hot{position: absolute;top:0px;left:0px;max-width:61px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.product-img span.new{position: absolute;top:0px;right:0px;max-width:61px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.detail_title_product{color:#f5b51f;font-size: 23px;font-weight: 600;margin:0px;margin-bottom:15px;}
.hinh-sanpham{border:1px solid #f1f1f1;display: block;}
.detail_note_product{line-height: 24px;}
.price_detail_product{font-size: 15px;color:#e40000;font-weight: 600;margin-bottom: 4px;}
.price_detail_truoc{color:#2b2b2b;font-size: 15px;margin-bottom:2px;}.price_detail_truoc span{font-size: 15px;}
.order_pro_detail .botton{color:#fff;font-size: 13px;text-transform: uppercase;padding: 12px 0px;display: inline-block;background: #f5b51f;line-height: 24px;width: 200px;text-align: center;float: left}
.order_pro_detail .botton:hover{background: #f5b51f;color:#fff;}
.number_detail_product{height: 39px;width: 100px;border: 1px solid #e7e7e7;position: relative;overflow: hidden;float: left}
.number_detail_product button{position: absolute;right:0px;border: none;outline: none;text-align: center;line-height: 20px;}
.number_detail_product button.nutcong{top:0px;width: 25px;height:24px;border-bottom: 2px solid #fff;}
.number_detail_product button.nuttru{bottom:0px;width: 25px;height:24px;}
.number_detail_product .so_luong{width: 90%;border: none;outline: none;height:50px;padding:0 10px}
.order_pro_detail .botton,.order_pro_detail .botton2{
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	padding: 12px 0px;
	display: inline-block;
	background: #f5b51f;
	line-height: 15px;
	width: 160px;
	text-align: center;
	float: left;
}
.order_pro_detail .botton:hover,.order_pro_detail .botton2:hover{background: #f5b51f;color:#fff;}
.tab_chitiet>li>a{border-bottom: 1px solid #ddd;font-size: 13px;padding: 10px!important;color:#f5b51f;font-weight:600;text-transform: uppercase;color:#f5b51f;}
/*Other product*/
.slider-for{border:1px solid #e7e7e7;padding: 4px;margin-bottom:10px;}
.slider-nav .slick-item{border:1px solid #e7e7e7;padding: 4px;margin:0 4px;}
h1.blog-title {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	margin: 10px 0;
	font-weight: 600;
}
.post{margin-bottom: 45px;position: relative;}
.post .entry-media {position: relative;}
.post .entry-media img {box-shadow: 0 3px 3px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);}
.post .entry-media .posted-on{position: absolute;bottom: -23px;left: 0;border: 2px solid #232323;text-align: center;color: #000;font-size: 14px;text-transform: uppercase;line-height: 1;width: 70px;height: 70px;padding: 10px;-webkit-transform: translate(0,100%);-moz-transform: translate(0,100%);-ms-transform: translate(0,100%);-o-transform: translate(0,100%);}
.post .entry-media:before {content: '';left: 0;top: 50%;right: 0;bottom: 0;opacity: 0;position: absolute;pointer-events: none;z-index: 10;background-color: rgba(19,168,158,0);background: -webkit-gradient(linear,left top,left bottom,from(rgba(19,168,158,0)),to(rgba(19,168,158,0.7)));background: -webkit-linear-gradient(top,rgba(19,168,158,0),rgba(19,168,158,0.7));background: -moz-linear-gradient(top,rgba(19,168,158,0),rgba(19,168,158,0.7));background: -ms-linear-gradient(top,rgba(19,168,158,0),rgba(19,168,158,0.7));background: -o-linear-gradient(top,rgba(19,168,158,0),rgba(19,168,158,0.7));-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.post:hover .entry-media:before {opacity: 1;top: 0;}
.post .entry-media .posted-on strong {display: block;font-size: 18px;}
.post .entry-header{margin-top: 15px;/*padding-left: 100px;*/}
.post .entry-header h2{font-weight: bold;margin: 0;font-size: 16px;height: 35px;}.post .entry-header h2 a{color:#000}
.post .entry-header h2 a:hover{color: #f5b51f;}
.post .entry-content{color: #333;/*font-size: 13px;*/margin-top: 10px;/*padding-left: 100px;*/;height: 80px;}
.post .entry-content p{line-height: 1.5em;margin-bottom: 0;color:#555}
.huongdan>li>a{border-bottom: 1px solid #ddd;font-size: 13px;padding: 10px!important;color:#f5b51f}

.map_contact{margin-top:0px;}
.title_contact{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #000 !important;
}
.box_contac2{padding: 10px 0 10px;}
.box_form_lienhe form{background: #fff;box-shadow: rgb(0, 0, 0) 0px 1px 4px -2px;padding:20px;width:90%;}
.box_form_lienhe label{display: block;text-transform: uppercase;font-weight: 500;font-size: 12px;margin:10px 6px 6px;}
.box_form_lienhe input{border: 1px solid transparent;height:40px;line-height: 40px;padding: 0 10px;width: 100%;box-shadow: rgb(0, 0, 0) 0px 1px 4px -2px;}
.box_form_lienhe textarea{border: 1px solid transparent;padding: 10px;width: 100%;box-shadow: rgb(0, 0, 0) 0px 1px 4px -2px;}
.box_form_lienhe input,.box_form_lienhe textarea{outline: none;}
.box_form_lienhe input:focus,.box_form_lienhe textarea:focus{border: 1px solid #f5b51f;}
.box_button{text-align: right;padding:20px 0 10px}
.box_button button{width: 132px;height:50px;background: #f5b51f;display: inline-block;border: none;color:#fff;}
.box_button button:hover{background: #194a86;}
input::-webkit-input-placeholder {font-size: 13px;}
input::-moz-placeholder {font-size: 13px;} /* firefox 19+ */
input:-ms-input-placeholder {font-size: 13px;} /* ie */
input:-moz-placeholder {font-size: 13px;}
textarea::-webkit-input-placeholder {font-size: 13px;}
textarea::-moz-placeholder {font-size: 13px;} /* firefox 19+ */
textarea:-ms-input-placeholder {font-size: 13px;} /* ie */
textarea:-moz-placeholder {font-size: 13px;}
.nut_contact{padding: 40px 0 20px}
.nut_contact a{display: inline-block;margin-right: 20px;}
.contact2_1{padding-top:50px;}.input_captcha{width: 100px;}


.title_left_minor{font-size: 14px;font-weight: bold;margin:0px;margin-bottom: 6px;text-transform: uppercase;color:#555;padding: 4px 0}

.nut_ajaxcart .cartbt{color:#fff200;font-size: 14px;text-transform: uppercase;padding: 13px 0px;display: inline-block;background: #f5b51f;line-height: 24px;width: 200px;text-align: center;float: left}
.nut_ajaxcart .cartbt:hover{background: #f5b51f;color:#fff;}
/*Ajax giỏ hàng*/


#cart thead tr{background: #f7f7f7;}#cart thead tr td{vertical-align: middle;}
#cart thead tr th{font-weight: normal;text-transform: uppercase;font-size: 13px;padding: 12px 10px;}
#cart tbody tr{border-left:1px solid #ddd;border-right:1px solid #ddd;}
#cart thead tr{border-left:1px solid #ddd;border-right:1px solid #ddd;}
#cart tfoot tr{border-left:1px solid #ddd;border-right:1px solid #ddd;}
#cart tfoot tr,#cart thead tr{border-left-color:transparent!important;border-right-color:transparent!important}
.title-cart{font-size: 13px;font-weight: 400;margin: 10px 0 20px;}
.title-cart i.fa-shopping-cart{margin-right: 15px;font-size: 17px;color:#f5b51f}
.title-cart i.fa-caret-right{margin-left:20px}
#cart tr td input[type="number"]{border: 1px solid #cccccc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; display: inline-block;max-width: 80px;outline: none;height:35px;}
.car-product{padding: 10px;max-width: 430px;min-width: 300px;}
.car-product span{width: 80px;vertical-align: middle;margin-right: 10px;max-height:100px;overflow: hidden;border: 1px solid #f7f7f7;display: inline-block;}
.car-product span img{max-height: 80px;width: auto;margin: 0 auto;display: block;}
.car-product h4{margin:0 0 10px;display: inline;}
.car-product h4 a{font-weight: 600;color:#555;font-size: 13px;}
.car-product p{color:#aaaaaa;font-size: 12px;}
#cart tr:hover td{background: #f9f9f9;}
#cart tr:hover td .car-product span{border-color:#fff}
.cart-continue i{margin-right:10px}
.cart-continue{font-weight: 300}
.tottal_text input[id="tongfix"]{border: none;background: none;text-align: right;font-weight: 500;font-size: 15px;color:#4b4b4b;letter-spacing: -0.04em;}
.cart_price input{border: none;background: none;text-align: right;}

.title_order{font: 16px/22px 'National Park',arial;margin:0;margin-bottom:15px;font-weight:600}
.cart_price{color:#888888;font-weight: 500;font-size: 14px;}
.padding-left20{padding-left:20px;}
.admin-block-loading{width: 100%;height:  100vh;background: rgba(0,0,0,0.6);position: fixed;top:0px;left:0px;z-index: 9999;}
.admin-loading1{display: table;width: 100%;height: 100%;text-align: center}
.admin-loading2{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;}
.admin-loading{text-align: center;padding: 10px;color:#fff}
#cart tr td,#cart tr th{vertical-align: middle;}
.table-order tfoot{color:#555}
.table-order table tr td{padding: 12px 0}
.table-order table tr td{vertical-align: middle;border:0px;}
.payment-due-currency{font-size: 0.85714em;vertical-align: 0.2em;margin-right: 0.5em;color: #969696;}
.payment-due{font-size: 1.71429em;font-weight: 500;letter-spacing: -0.04em;color: #4b4b4b;line-height: 1em;}
.payment-due-label-total{font-size: 1.14286em;color: #4b4b4b;}
/*End table-order*/
.name_order{}
.name_order a img{width:4.6em}
.name_order span{color:#000;font-size: 12px;}
.name_order .name{font-weight:500;font-size: 13px;line-height: 20px;margin: 8px 0 0;display: inline-block;}
.name_order .note{font-size: 12px;color:#969696}
.img_order{font-size: 13px;margin-right:15px;box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;display: inline-block;padding:1px;position: relative;float: left}
.img_order span{font-size: 0.85714em;font-weight: 500;white-space: nowrap;padding: 0.15em 0.65em;border-radius: 2em;background-color: rgba(153,153,153,0.9);color: #fff;position: absolute;right: -0.75em;top: -0.75em;z-index: 2;}
.price_order{width: 120px;margin-left: 20px;text-align: right;}
/*End name_order,img_order,price_order*/
.form_magiamgia{}
.form_magiamgia form{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 20px 0;display: table;content:'';width: 100%;margin: 20px 0}
.form_magiamgia form input{float: left;height:40px;width: 76%;transition: all 0.2s ease-out;background-color: white;color: #333333;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: block;box-sizing: border-box;padding: 0.94em 0.8em;word-break: normal;border:1px solid #d9d9d9;text-align: left;}
.form_magiamgia form input:focus{border: 1px solid #66afe9;}
.form_magiamgia form button{float: right;height:40px;width: 20%;background: #c8c8c8;border:none;outline: none;color:#fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.form_magiamgia form button:hover{background: #008250;}
/*End form_magiamgia*/
.nutcheckout{text-align: center;}
.active_bank{margin: 10px 0;min-height: 30px;overflow: hidden;}
input[name="magiamgia"]{border: 1px dotted #f96767;outline: none;text-align: center;color:#555}
.divmane{color: #f96767;}
.mane{font-size: 14px;}
.thongtin_giohangrong{text-align: center;color:#f96767;}
.thongtin_giohangrong span{color:#555}
#loaded-order{width: 100%;height: 100vh;position: fixed;z-index: 9999;background: rgba(0,0,0,0.4);top: 0px;left:0px;}
#loaded-order img{margin: 0 auto;}
/*End nutcheckout*/
.fixed-cart{position: fixed;top:0px;left:0px;width: 100%;z-index: 9999;background: #fff;min-height:100vh;height:100%;padding:0;overflow-x: hidden;}
.fixed-cart-right,.fixed-cart-left{padding: 30px 0;}
.fixed-cart-right{padding-left: 40px;position: relative;}
.fixed-cart-left{padding-right: 10px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;position: relative;}
.fixed-cart-left:after{content:'';display: inline-block;position: absolute;top:0px;left:104%;width: 1000px;height:100%;background: #fafafa;border-left:1px solid #ddd;}
.logo_text{margin:0px;font-size: 2em;margin-bottom:10px;}
/*fixed-cart*/
.payment-form{}
.payment-form input{border: 1px solid #d9d9d9;height:40px;line-height: 40px;padding:0px 10px;box-shadow: none;}
.payment-form textarea{border: 1px solid #d9d9d9;padding:10px;box-shadow: none;}
.payment-form input:focus,.payment-form textarea:focus{box-shadow: none;}
.payment_order{display: inline-block;border-radius: 4px;font-weight: 500;padding: 10px 30px;box-sizing: border-box;text-align: center;cursor: pointer;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;position: relative;background: #338dbc;color: white;border:none;float: right}
.payment_return{float: left}.payment_return i{margin-right:6px;font-size: 16px;vertical-align:bottom}
.custom-checkbox label span{background: #c8c8c8;border-radius: 20px;padding:6px 30px;color:#fff;font-weight: 300;}
.comments{font-size: 12px;}

.custom-checkbox > [type="checkbox"],
.custom-checkbox > label{margin-bottom:0px !important;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-checkbox > [type="checkbox"]:not(:checked),
.custom-checkbox > [type="checkbox"]:checked {position: absolute;left: -9999px;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label,
.custom-checkbox > [type="checkbox"]:checked + label {position: relative;padding-left: 22px;cursor: pointer;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 50%;margin-top:-9px;width: 17px; height: 17px;border: 1px solid #ddd;background: #ffffff;border-radius: 2px;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {font: normal normal normal 12px/1 'Glyphicons Halflings';content: '\e013';position: absolute;top: 50%;margin-top:-7px;left: 2px;color: #94C947;transition: all .2s;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.custom-checkbox > [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {content: '\2212';left: 2px;opacity: 1;transform: scale(1);}
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {box-shadow: none;background-color: #eeeeee;border-color: #eeeeee;cursor: not-allowed;opacity: 1;color: #dadada;}
.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {color: #dadada; cursor: not-allowed;}
.custom-checkbox > [type="checkbox"]:disabled + label {color: #aaa; cursor: not-allowed;}
.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.custom-checkbox > label:hover:before {border: 1px solid #88D2FF !important;}
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{border: 1px solid #E4E4E4 !important;}
/*End checkbox*/
.custom-checkbox > [type="radio"],
.custom-checkbox > label{margin-bottom:0px !important;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-checkbox > [type="radio"]:not(:checked),
.custom-checkbox > [type="radio"]:checked {position: absolute;left: -9999px;}
.custom-checkbox > [type="radio"]:not(:checked) + label,
.custom-checkbox > [type="radio"]:checked + label {position: relative;padding-left: 22px;cursor: pointer;}
.custom-checkbox > [type="radio"]:not(:checked) + label:before,
.custom-checkbox > [type="radio"]:checked + label:before {content: '';position: absolute;left:0; top: 50%;margin-top:-9px;width: 17px; height: 17px;border: 1px solid #ddd;background: #ffffff;border-radius: 2px;}
.custom-checkbox > [type="radio"]:not(:checked) + label:after,
.custom-checkbox > [type="radio"]:checked + label:after {font: normal normal normal 12px/1 'Glyphicons Halflings';content: '\e013';position: absolute;top: 50%;margin-top:-7px;left: 2px;color: #94C947;transition: all .2s;}
.custom-checkbox > [type="radio"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.custom-checkbox > [type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
.custom-checkbox > [type="radio"][data-indeterminate] + label:after,
.custom-checkbox > [type="radio"][data-indeterminate] + label:after {content: '\2212';left: 2px;opacity: 1;transform: scale(1);}
.custom-checkbox > [type="radio"]:disabled:not(:checked) + label:before,
.custom-checkbox > [type="radio"]:disabled:checked + label:before {box-shadow: none;background-color: #eeeeee;border-color: #eeeeee;cursor: not-allowed;opacity: 1;color: #dadada;}
.custom-checkbox > [type="radio"]:disabled:checked + label:after {color: #dadada; cursor: not-allowed;}
.custom-checkbox > [type="radio"]:disabled + label {color: #aaa; cursor: not-allowed;}
.custom-checkbox > [type="radio"]:checked:focus + label:before,
.custom-checkbox > [type="radio"]:not(:checked):focus + label:before {border: 1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.custom-checkbox > label:hover:before {border: 1px solid #88D2FF !important;}
.custom-checkbox > [type="radio"]:disabled:not(:checked) + label:hover:before,
.custom-checkbox > [type="radio"]:disabled:checked + label:hover:before{border: 1px solid #E4E4E4 !important;}
/*End radio*/
.soluong{font-size: 12px;margin:6px 0 2px;display: inline-block;}
.soluong span{font-size: 13px;color:#8cba19;}
/*Shoping cart*/
.col50{
	width:20%;
	float: left;
	padding: 0 9.8px 19.6px;
}
.coccoc-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 145px;
    height: 145px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -40px;
    bottom: 10px;
}
.coccoc-alo-phone.coccoc-alo-show {
    visibility: visible;
}
.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {
    opacity: 1;
}
.coccoc-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5;
}
.coccoc-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #00aff2 9;
    opacity: .75 !important;
}

.coccoc-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
	background: rgba(30, 30, 30, 0.1) url(../images/icon-phone.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
    background-color: #75eb50;
}
@-moz-keyframes coccoc-alo-circle-anim {
	0% {-moz-transform: rotate(0) scale(.5) skew(1deg);	opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
	30% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
	100% {-moz-transform: rotate(0) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}
}
@-webkit-keyframes coccoc-alo-circle-anim {
	0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
	30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}
@-o-keyframes coccoc-alo-circle-anim {
	0% {-o-transform: rotate(0) kscale(.5) skew(1deg);-o-opacity: .1;}
	30% {-o-transform: rotate(0) scale(.7) skew(1deg);-o-opacity: .5;}
	100% {-o-transform: rotate(0) scale(1) skew(1deg);-o-opacity: .1;}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
	0% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg);opacity: .2;}
	100% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
	0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
	0% {-o-transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
	50% {-o-transform: rotate(0) scale(1) skew(1deg);opacity: .2}
	100% {-o-transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
	0% {transform: rotate(0) scale(1) skew(1deg)}
	10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-moz-transform: rotate(0) scale(1) skew(1deg)}
	100% {-moz-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
	0% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes coccoc-alo-circle-img-anim {
	0% {-o-transform: rotate(0) scale(1) skew(1deg)}
	10% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-o-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-o-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-o-transform: rotate(0) scale(1) skew(1deg)}
	100% {-o-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes burst {
	0% {
		opacity: .6;
	}

	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}
@keyframes burst {
	0% {
		opacity: .6;
	}

	50% {
		-webkit-transform: scale(1.8);
		-ms-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

.nav-left-page{margin:0px;position: relative;}
.nav-left-page h2{margin:0px;background: #fff;}
.nav-left-page h2 a{font-size: 15px;text-transform: uppercase;color:#fff;font-weight: 600;background: #fe6603 url(../images/sanwitch-nav.png) 15px center no-repeat;display: block;padding: 13px 12px 12px 62px;line-height: 18px;}


.hethongphanphoi{position: relative;}
.menu-phanphoi{position: absolute;display: inline-block;bottom:0%;left:0px;min-height:50%;background:#fff;box-shadow: 1px -1px 4px #e4e4e4;width:200px;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.close-maps{display:inline-block;width:20px;height:52px;background: #fff;z-index: 9;position: absolute;top:0px;right:-21px;}
.close-maps i{height:52px;width:20px;line-height: 52px;text-align: center;}
.menu-phanphoi>ul{padding:0px;z-index: 9;}
.menu-phanphoi>ul>li{padding:0px;list-style:none}
.menu-phanphoi>ul>li>a{display:block;color:#555;padding:15px 30px;}
.menu-phanphoi>ul>li>a:hover,.menu-phanphoi>ul>li>a.active{background:#f5b51f;color:#fff;}
.menu-phanphoi>ul>li>a:hover i,.menu-phanphoi>ul>li>a.active i{color:#fff;}
.menu-phanphoi>ul>li>a>i{color:#f5b51f;font-weight:600;margin-right:10px;font-size: 20px;vertical-align: middle;}

.header-navigation.fixed{position: fixed;display: block!important;z-index: 9999;width:100%;text-align:left;left:0px;top:0px;}
.openshow-map{left:-200px;transition-timing-function:ease-in-out;}

.sort_box{margin-bottom:10px;}
.sort_box span{display: inline-block;font-size: 12px;}
.sort_box span:nth-child(1){float: left;color:#ccc}
.sort_box span:nth-child(2){float: right;}
.sort_box span:nth-child(2) form select{border: 1px solid #ccc;outline: none;padding:4px 20px;font-size:14px;background:#f5b51f;color:#fff;}
.sort_box span:nth-child(2) form select option{padding:4px 20px;}
.quayquay{
    -webkit-animation: animation1 2s; /* Safari 4+ */
    -moz-animation:    animation1 2s; /* Fx 5+ */
    -o-animation:      animation1 2s; /* Opera 12+ */
    animation:         animation1 2s; /* IE 10+, Fx 29+ */    
}
@-webkit-keyframes animation1{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes animation1{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes animation1{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animation1{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/*End block_page*/
.transition04{transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}
.img-effec img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.img-effec:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);transition-timing-function: ease-in-out;}
#back-to-top{position: fixed;bottom: 45px;right: 30px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0.6;}
#back-to-top:hover{background: #e9ebec;}
#back-to-top.show{opacity: 1;}
#loader{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 99999;background-color: #f1f1f1;}
#loader .loader{width: 0;height: 0;border: 2px solid #344a71;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 1;animation: preloader 3s ease infinite;-ms-animation: preloader 3s ease infinite;-moz-animation: preloader 3s ease infinite;-webkit-animation: preloader 3s ease infinite;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
@-webkit-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-moz-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-ms-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-o-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
/*End back to top*/
.blockcontent{overflow: hidden!important;max-width: 100%!important;}
.blockcontent br{line-height: 28px;}
.blockcontent img{max-width: 100%!important;height: auto!important}
.blockcontent iframe{max-width: 100%!important;min-height:400px!important;}
.blockcontent table{max-width: 100%!important;}
.blockcontent table tr td{padding: 8px 10px;}
.blockcontent table tr th{padding:8px 10px;}
/*End content common*/

.quang_cao{height: 310.5px;background-size: cover;width: 20%;float: left;}
.box-sp{width: 80%;float: right;}
.theme-default .nivo-controlNav{z-index: 11}
.nivo-caption{left: 0%;overflow: visible;top: 0;display: flex!important;height: 100%;    align-items: center;}
.box-captionnv{    width: 435px;
    z-index: 9999;background: rgba(0, 0, 0, 0.3)}
.slider-wrapper .a-caption{border: none!important;font-size: 14px;color: #fff!important}
.slider-wrapper .p1-caption{text-align: center;margin: 0;}
.slider-wrapper .p1-caption span{color: #fff;font-weight: bold;}
.slider-wrapper .p1-caption .lhn{color: #fff;background: #f5b51f;padding: 5px 15px;margin-top: 20px;font-size: 14px;text-transform: uppercase;display: inline-block;}
.menu-responsive{    bottom: -39.5px!important;}
.lang a{margin: 0 2px;}
.lang{    width: 60px;
    float: right;
    text-align: right;
    padding-top: 10px;}

.fb-comments.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe {
  width: 100% !important;
}

.comment_share{
}
.comment_share a{
  color:#fff;
  display: inline-block;
  padding:5px 40px;
  margin:0 5px;
  float: left;
}

    
/*Media*/
@media (max-width: 1200px){
    .nav-left-home{margin-top:0px;}
    .header .top-right{padding-top:20px;}
    .nav-left-page{display: none;}
    .quang_cao{display: none;}
}
@media (max-width: 1024px){
}
@media (max-width: 991px){
    #page{display: block}
    .nav-left-home,.header-menu{display: none;}
    .top-search {float: left;width: calc(100% - 60px);}
    .nonekhuyenmai{display: none!important;}
    .box_form_lienhe form{width:100%;}
    .col50{width:25%;float: left;}
    .top-search {
    float: left;
    width: calc(100% - 120px);
}
.lang{float: left;}
}
@media (max-width: 767px){
    .col50{width:33.33%;float: left;}
    .theme-default .nivo-controlNav{display: none;}
    .quang-cao-box img{width: 100%;height: auto;}
    .box-sp{width: 100%;}
    .quangcao-hinh::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
    .quangcao-hinh{margin: 1px 0 0;}
    .tab_chitiet>li>a{    font-size: 10px;padding: 10px 5px!important;}
    .slider-wrapper .p1-caption .lhn {padding: 0px 5px;margin-top: 5px;font-size: 11px;}
    .slider-wrapper .a-caption {font-size: 13px;}
    .nivo-caption p{padding: 0;}
    .slider-wrapper .p1-caption { line-height: 25px;}
    .header-navigation .container {padding-left: 0;padding-right: 0;}
    .menu-responsive{right: -15px!important;}
    .top-search form {
    height: 36px;
    line-height: 36px;}
    .menu-responsive {
        bottom: -36px!important;
    }
    .top-search {margin: 0}
    .lang img{width: 20px;}
    .breadcrumb li a {padding: 6px 0;}
    .breadcrumb{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .marrtao{margin-top: 0}
    .body-wrapper{background: #fff;}
    .block_page{padding: 0;}
.post .entry-media .posted-on {
    position: absolute;
    bottom: 55px;
    left: 5px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    background: orange;
    opacity: 0.9;
	}
	.post .entry-content {
    font-size: 13px;
    padding-left: 0;
    height: 60px;
	}
	.post .entry-header {
    margin-top: 14px;
    padding-left: 0;
	}
	.tab_chitiet > li > a {
    font-size: 13px;
    padding: 7px 5px !important;
    background: #f0f0f0;
	}
	.post .entry-header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    height: 40px;
	}
	.quang-cao-box{
	font-size: 17px;
	}
	.quangcao-hinh:hover::after{
		background: rgba(245, 186, 59,.7);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
}
@media (max-width: 600px){
    .col600{width:100%;}
    .top-search button{width:60px;}.top-search input{width:calc(100% - 60px)}
    .col50{width:33.33%;float: left;}
    .header .top-right {
    padding-top: 5px;
}
.header .shoping-cart,.header .top-phone{margin-bottom: 5px;}
.logo{padding-top: 7px;}
.header .top-phone:before {
    width: 33px;
    height: 33px;
        background-size: contain;
}
.header .shoping-cart {
    padding: 7px 10px 7px 42px;
    background-size: contain;
    font-size: 13px
}
.post .entry-media .posted-on {
    position: absolute;
    bottom: 55px;
    left: 5px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    background: orange;
    opacity: 0.9;
	}
	.post .entry-content {
    font-size: 13px;
    padding-left: 0;
    height: 60px;
	}
	.post .entry-header {
    margin-top: 14px;
    padding-left: 0;
	}
	.tab_chitiet > li > a {
    font-size: 13px;
    padding: 7px 5px !important;
    background: #f0f0f0;
	}
	.post .entry-header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    height: 40px;
	}
	.quang-cao-box{
	font-size: 17px;
	}
	.quangcao-hinh::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
	.quangcao-hinh:hover::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
}
@media (max-width: 480px){
    .col480{width: 100%}.none480{display:none}
    .top-phone{display: none;}
    .header .shoping-cart{    margin-top: 20px;}
.post .entry-media .posted-on {
    position: absolute;
    bottom: 55px;
    left: 5px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    background: orange;
    opacity: 0.9;
	}
	.post .entry-content {
    font-size: 13px;
    padding-left: 0;
    height: 60px;
	}
	.post .entry-header {
    margin-top: 14px;
    padding-left: 0;
	}
	.tab_chitiet > li > a {
    font-size: 12px;
    padding: 7px 5px !important;
    background: #f0f0f0;
	}
	.post .entry-header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    height: 40px;
	}
	.quang-cao-box{
	font-size: 17px;
	}
	.quangcao-hinh::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
	.quangcao-hinh:hover::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
}
@media (max-width: 375px){
	.post .entry-media .posted-on {
    position: absolute;
    bottom: 55px;
    left: 5px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    background: orange;
    opacity: 0.9;
	}
	.post .entry-content {
    font-size: 13px;
    padding-left: 0;
    height: 60px;
	}
	.post .entry-header {
    margin-top: 14px;
    padding-left: 0;
	}
	.tab_chitiet > li > a {
    font-size: 12px;
    padding: 7px 5px !important;
    background: #f0f0f0;
	}
	.post .entry-header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    height: 40px;
	}
	.quang-cao-box{
	font-size: 13px;
	}
	.quangcao-hinh:hover::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
}
@media (max-width: 320px){
	.post .entry-media .posted-on {
    position: absolute;
    bottom: 55px;
    left: 5px;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    width: 50px;
    height: 50px;
    padding: 10px;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    background: orange;
    opacity: 0.9;
	}
	.post .entry-content {
    font-size: 13px;
    padding-left: 0;
    height: 60px;
	}
	.post .entry-header {
    margin-top: 14px;
    padding-left: 0;
	}
	.tab_chitiet > li > a {
    font-size: 12px;
    padding: 7px 5px !important;
    background: #f0f0f0;
	}
	.post .entry-header h2 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    height: 40px;
	}
	.quang-cao-box{
	font-size: 13px;
	}
	.quangcao-hinh:hover::after{
		background: rgba(245, 181, 31,.8);
		border-radius: 0px;
		bottom: 10%;
		color: #fff;
		content: attr(title);
		left: 50%;
		margin-left: -160px;
		padding: 7px 15px;
		position: absolute;
		z-index: 98;
		width: 320px;
		text-align: center;
	}
}