@import url("/fonts/lobster/css.css"); 
@import url('/fonts/Alfa_Slab_One/style.css');
@import "webpro-mobile.css";
@import "webpro-pc.css";
@import "product_row.css";
@import "webpro-product-view.css";
@import "webpro-product-view-mobile.css";
@import "webpro-product-view-posttype-1.css";
@import "webpro-product-view-posttype-2.css";
.indexProductBanner{
	    height: 300px;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
}
#footer_doitac{display:contents}

.product_cat_banner {
    max-height: 280px;
    overflow: hidden;
}
#index1_sub h3 {

    font-family: "SFUFuturaBold",sans-serif
}
#index1_sub,.lehaosModuleContent{background:white}
.lehaosModuleContent{padding:1rem!important}
.webpro-article-row-thumb{
	    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;

}

.tour-du-lich-1 .block-tour .bottom .btn{width:auto !important;font-size:12px}
.webpro-article-row .card-title>a{
	color:#555;
	font-size:18px;
}
#cart-popover{
	background-image:url("/images/bg_cart.png");
	background-repeat:no-repeat;
	    width: 55px;
		height: 55px;
		    background-size: contain;
    background-position: top center;
}
#cart-popover > span.glyphicon.glyphicon-shopping-cart:before{content: "";}
.lehaosFlash{
	overflow:hidden;
	display:inline-block;
	width:100%;
}
#lehaosSpGioHang{color:white!important;    margin: 0px 23px;
}
@media only screen and (min-width: 1025px){
	.lehaosBaiVietMoiIndexArticleRow:nth-child(1){overflow:hidden;}
.lehaosBaiVietMoiIndexArticleRow:nth-child(1) img{max-width:unset;margin:auto}
.lehaosBaiVietMoiIndexArticleRow:nth-child(1) > a{height:auto;width:100%;display:inline-flex}
.post-slide .post-description{height:140px;}
.lehaosBaiVietMoiIndexArticleRow p{height:auto;}
.lehaosBaiVietMoiIndexArticleRow:nth-child(1) > div{
	background: #ffffffad;
    z-index: 999;
    position: relative;
    z-index: 9999999999;
    text-align: center;
}
#id-view-tab_content .nav-tabs > li:not(.active) > a{
	BACKGROUND: #dd343b;
    color: white;
}
#header-webpro{margin-bottom:2px}
}

.cart_fancybox-id .fancybox-content .product_img img{
border-radius: 10px;
max-width:450px;
}
#datechSP img{max-height:20px;}
#lehaosProductView .tab-content{padding:10px;}
.thuoctinh-color{height:15px;width:15px; border-radius:3px;display:inline-block}
#id-view-tab_content ul.affix{
	position: fixed;
    z-index: 999999;
    top: -20px;
    background: white;
}
.form-control{
	font-size:14px;
	padding:unset;
	padding-left:5px;
}
.cart_fancybox-id .fancybox-content h4{
    font-size: 26px;
    display: block;
    padding: 11px;
color:red
}
.cart_fancybox-id .fancybox-content .rating{display:none;}
.cart_fancybox-id .fancybox-content input[type=number]{
    max-width: 46px;
    margin: auto;
    padding: 4px;
}
.cart_fancybox-id .fancybox-content .cost{
    display: inline-flex;
    height: auto;
    margin: 20px;
color:#bb7710
}

body{
	font-size:14px;
}
#header-webpro.fixed #bannerTop{
	display:none;
}
.lehaosProductCatRight{
	display:flex;
	flex-wrap: wrap!important;
}
nav .logo img{max-height:40px}
li{
	list-style: none;
}
.lehaosModule{
	clear:both;
}
#header-meta-module,#header-meta-module-import{
	display:none;
}
#thuvien-footer-6 a{color:unset}
ul{
	padding:10px;
}
.input-group-addon
{
width:auto;
}
#cart td, #cart th, #cart tr{
border:none
}
.btn {
	font-size:14px;
}
.container{
max-width:1290px;
}
#creatTemplateContainer{
background:white;

}
#dat-hang-table-product td{border:none}
#creatTemplateContainer>.container,#creatTemplateContainer{
padding-left:0px;
padding-right:0px;
}
div.dataTables_wrapper div.dataTables_filter input{
border: 1px solid #6bf36fde;
}
a:link{
  text-decoration: none!important;
  cursor: pointer;
}
a:hover{

}
#lehaosTopMenu{
	display:block;
	height:35px;
	font-size:13px;
}
#top5_sub{
	clear:both;
}
#top5_sub .header-bg-color, #top5_sub .header-wrapper{
	padding:15px auto;
}
@media only screen and (max-width: 768px) {
	#lehaosBoxTool{display:none;}
	#lehaosProductView .card, #lehaosProductView .details{
		padding:7px;
	}
	#gallery{
	width:100% !important
}
	#lehaosWebContent, #header-webpro, #footer-webpro,#lehaosWebContent*{
		max-width:100%;
	}
	#creatTemplateContainer > div.col-sm-8,#creatTemplateContainer > div.col-sm-4{
		
		width:100%;
		max-width:100%;
	}
	#top5_sub{display:none !important}
	#thuvien-menu-mobile-new nav ul>li>ul{
		top:30px;
		position:relative;
		background: none !important;
		display: none !important;
		padding: 0px !important;
		margin: 0px !important;
	}
	#thuvien-menu-mobile-new nav ul>li:hover>ul{
		
		display: block !important;
		margin: 15px 0px 29px!important;
		
	}
	#thuvien-menu-mobile-new nav ul li{
	
			padding:5px 20px;
		}
}
@media screen and (max-width: 849px){
#top5_sub .hide-for-medium{
	display:flex !important;
	
}
}
.badge-danger{
	background-color: #dc3545 !important;
}

.lehaosModule,.breacum{
	width:100% !important;
	display:block;
}
footer{
clear:both;
}
.c_product_row{
	float:left;
}
#lehaosHeader,#lehaosHeader,#header-meta-module,#header-meta-module-import{

display:none;}
#toolsBox,.toolsBox .toolsBox_title{
background:none ;

}
.toolsBox .toolsBox_title{
	padding:0px
}
.fancybox-container{
	z-index:999999999999999999999999999999999999 !important
}
body{

	line-height:1.5;
}
.input-thuoctinh{
	border:none !important;
	background:none !important;
}
.thuoctinhRow label:before{
	
}
.thuoctinh_cat_1{
	float:left;
}
.webpro-thuoctinh{
	color:#615e5e;
	float:left;

}
.thuvien-product-row-mau3 .thuoctinhRow{
		padding-left:14px;
}
.thuoctinh_cat_1_row>span{
	display: block;
		float: left;
		font-weight: bold;
		margin-right: 6px;
}

.thuoctinhRow>div{
float:left;
display:block;
}
#jssor_1 img{

}
#top5_sub #logo{
display:flex;
width:auto;
    text-align: center;
    line-height: 19px;
}

.loader{

        position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999999999999999999999999;
    background-color:#080808cf;
    background-image: url(/images/loadingpage.gif);
    background-position: center;
    background-repeat: no-repeat;
	transition: height 2s;
    -moz-transition: height 2s;
    -webkit-transition: height 2s;
    -o-transition: height 2s;
	 -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
   animation-name: example;
  animation-duration: 4s;
	  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.noloading{
display:none !important;
}
#view-right-col .blogGrid{
	height:auto;
	text-align:center
}
.ad-gallery .ad-image-wrapper{
	border:0px;
}
#lehaosProductView .preview{
padding-left:20px;
}

.lehaosTitle1{
	text-align: center;
     margin: 0 0 20px;
    
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
	
	
}
.lehaosTitle1 span{

    padding: 10px 20px 8px 20px;
    
    position: relative;
    display: inline-block;
    margin: 0;
	
	font-size:20px;
}
.lehaosTitle1 span:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 40px 20px 0px 0px;
    border-style: solid;
    border-color: transparent;
    
    position: absolute;
    top: 0px;
    left: -20px;
}
.lehaosTitle1 span::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
}
.lehaosTitle2 {
  
    margin-bottom: 40px;
    display: block;
}
.lehaosTitle2 span {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
	padding: 10px 20px 8px 20px;

    position: relative;
    display: inline-block;
    margin: 0;

}
.lehaosTitle2 span:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
}

.lehaosTitle3{
	position: relative;
    font-size: 25px;
    font-weight: 600;
    text-shadow: 1px 0 1px #e8e8e8;
	margin-bottom:30px;
}
.lehaosTitle3 span:before {
    content: "";
    width: 287px;
    border-bottom: 1px solid #d5b196;
    position: absolute;
    left: 0;

    bottom: -14px;
    margin-left: auto;
    margin-right: auto;
}
#landing3 .row{padding:20px;}
.card{border:none}
.lehaosTitle3 span:after {
    content: "";
    width: 60px;
    border-bottom: 2px solid #ed1c24;
    height: 3px;
    position: absolute;
    left: 0;
    right: unset;
    bottom: -14px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s;
}
.lehaosTitle3:hover>span:after{
	width:120px;
}
#menuSanPham{
	
	text-indent:10px;
	font-weight:bold;

	}
	.ad-controls{display:none}
#lehaos-toptitle1-html{font-size:20px;}
#indexMenuSp{
	
	
    background-repeat: no-repeat;
        background-position: bottom;
    background-size: 100% 100%;

    border-top: none;
	margin-top:-1px;
	
}
#lehaosProductView, .card, .details{padding:0px 5px;}
#id-view-product_content *,#id-view-product_content2 *,#id-view-product_content3 *,#id-view-product_content4 *,#id-view-product_content5 *,#id-view-product_content,#id-view-product_content2,#id-view-product_content3,#id-view-product_content4,#id-view-product_content5{max-width:100%}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{}
#thuvien-menu-mobile-new nav ul>li>ul>li{
	padding:10px;

	
}
#menuSanPham ul{background:white}
#cart-popover > span.glyphicon.glyphicon-shopping-cart{font-size:40px;}
.lehaosProductHeader{margin-top:0px;}
#lehaosProductHeader_1, #lehaosProductHeader_3, #lehaosProductHeader_5{background:none;}


.thuvien-title-kieu1 *,.thuvien-title-kieu1 ::after,.thuvien-title-kieu1 {::before}{4}
.thuvien-title-kieu1 h2{margin-top:0;margin-bottom:.5rem;}
.thuvien-title-kieu1 p{margin-top:0;margin-bottom:1rem;}
.thuvien-title-kieu1 h2{margin-bottom:.5rem;;font-weight:500;line-height:1.2;color:inherit;}
.thuvien-title-kieu1 h2{font-size:2rem;}
@media print{
.thuvien-title-kieu1 *,.thuvien-title-kieu1 ::after,.thuvien-title-kieu1 {::before}{4}
.thuvien-title-kieu1 h2,.thuvien-title-kieu1 p{orphans:3;widows:3;}
.thuvien-title-kieu1 h2{page-break-after:avoid;}
}

.thuvien-title-kieu1 .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.thuvien-title-kieu1 h2,.thuvien-title-kieu1 p{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;line-height:inherit;color:inherit;;font-weight:inherit;font-style:inherit;}
.thuvien-title-kieu1 *{padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-top:constant(safe-area-inset-top);}
.thuvien-title-kieu1 .cnv-head{text-align:center;margin-top:96px;margin-bottom:47px;}
.thuvien-title-kieu1 .cnv-head .sub{color:#39b23f;font-style:italic;text-transform:capitalize;font-size:13px;margin-bottom:9px;}
.thuvien-title-kieu1 .cnv-head .sub:before,.thuvien-title-kieu1 .cnv-head .sub:after{content:'';width:20px;height:1px;background:#cbc9cc;display:inline-block;vertical-align:middle;margin-top:-2px;}
.thuvien-title-kieu1 .cnv-head .sub:before{margin-right:25px;}
.thuvien-title-kieu1 .cnv-head .sub:after{margin-left:25px;}
.thuvien-title-kieu1 .cnv-head .title{text-transform:uppercase;font-size:36px;color:#333333;margin-bottom:2px;;;}
.thuvien-title-kieu1 .cnv-head p{color:#666666;font-size:13px;}
@media all and (max-width: 991px){
.thuvien-title-kieu1 .cnv-head{margin-top:50px;margin-bottom:30px;}
.thuvien-title-kieu1 .cnv-head .title{font-size:24px;}
}
@media all and (max-width: 767px){
.thuvien-title-kieu1 .cnv-head{margin-top:40px;margin-bottom:35px;}
}

.thuvien-title-kieu1 h2{font-size:14px;}

.thuvien-title-kieu1 @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}.thuvien-title-kieu1 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
.thuvien-title-kieu1 @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}.thuvien-title-kieu1 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}

/* Underline Slide */
.uslide {
display: inline-block;
}
.uslide:after {
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.uslide:hover:after {
width: 100%;
background: #990000;
}
/*Slide Right To Left*/
.uslide2 {
display: inline-block;
position: relative;
padding-bottom: 3px;
}
.uslide2:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.uslide2:hover:after {
width: 100%;
background: #990000;
}
.btn-dacthanhdat-xemthem{    background: aliceblue;}
.fixlogotop{
	top:0px !important;
}