/*
Theme Name: Visual Composer Starter Child Theme
Theme URI: https://visualcomposer.io/visual-composer-starter-theme/
Description: Visual Composer Starter Child Theme Wordpress
Author: The Visual Composer Team
Author URI: https://visualcomposer.io/
Template: visual-composer-starter
Version: 2.0.4
*/
@import url("../visual-composer-starter/style.css");
body{
	font-size: 14px!important;
}
h2 {
	font-size: 22px !important;
}
h3 {
	font-size: 18px !important;
}
a:hover{
	text-decoration: none;
}
.page-template-custom-page .content-wrapper{
       padding: 0px 15px 1px 15px;
}
.page-template-custom-page .main-content{
       padding-bottom: 0px;
}
.t_menu_after_header .menu li {
	padding-left: 15px;
}
.t_menu_after_header .menu li.pay-dang-nhap a {
	border: 1px solid #FF8300 !important;
    padding: 10px;
    border-radius: 30px;
}
.t_menu_after_header .menu li.pay-dang-ky a {
	background: #FF8300 !important;
    padding: 10px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #FF8300 !important;
}
@media only screen and (min-width: 768px){
	body:not(.menu-sandwich) #main-menu {
    text-align: left!important;
    margin-left: 13%!important;

}
body:not(.menu-sandwich) #main-menu .header-widgetised-area{

	    margin: 0px 0 0px 20px!important;
}
.class-widget{
	margin-left: 100px;
}
.content-wrapper{
	padding: 0px 15px 1px 15px;
}
}
 #main-menu ul li a {
    font-size: 15px!important;
}
.startUs{
	font-size: 14px;
    background: #333333;
    padding: 10px;
    color: #fff;
}
.startUs:hover{
	color: #fff !important;
}
#main-menu .header-widgetised-area .widget {
    margin-bottom: 0px;
}
.footer-top.desktop{
	display: block;
}
.footer-top.mobile{
	display: none;
}
.footer-top{
	margin-top: -1px;
	background: #333333;
	color: #fff;
	padding: 40px 0;
}
.footer-top-box-wrap{
	width: 20%;
	float: left;
}
.footer-top-box ul{
	padding: 0;
}
.footer-top-box ul li{
	list-style: none;
}
.footer-top-box ul li a{
	color: #eeeeee;
	font-size: 14px;
	line-height: 25px;
}
.footer-top-box ul li a:hover{
	font-weight: 600;
}
.footer-top-box h4{
	font-size: 14px;
	color: #eeeeee;
	text-transform: uppercase;
	font-weight: 600;
}
.footer-widget-area .widget-title{
	color: #545454;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}
.lienket{
	padding: 0;

}
.lienket li ,.footer-link ul li, .footer-socical li{
	display: inline-block;
}
.footer-link ul{
	padding: 0;
}
.footer-link ul li{
	font-size: 12px;
	color: #999999!important
}
.footer-link ul li a{
	font-size: 12px; color: #4a90e2!important;
	padding-left: 20px;
}
.footer-link ul li a:hover{
	border: none!important;
}
.footer-socical li{
	padding: 10px 7px 0 0px;
}
.footer-widget-area{
	padding: 25px 0 0px 0;
}
.clist-sale{
	margin-bottom: 15px;
}
.clist-sale img{
	width: 100%;
	/*max-height: 250px;*/
	margin-bottom: 20px!important;
}
.clist-sale a{
	color: #555;
}
.c-sale-title:hover{
	color: #4a90e2!important;
}
.title-post-c h1{
	font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 30px;
    line-height: 30px;
}
.date-cat a{
	border-bottom: none!important;
}
.alignnone {
	margin: 0;
}
/* Css Sale Template Category */

.title-sale{
	font-weight: 300;
	margin: 18px 0;
	font-size: 26px !important;
}
.title-sale a {
	color: #333;	
}
.slidePost-category{
	margin: 0 -80px;

}

.boxslide-cat{
	position: relative;
}
.text-slide-cat {
    position: absolute;
    width: 30%;
    top: 50%;
    left: 80px;
    align-items: left;
    transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
}
.title-post-slide{
	font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #ffd68c;
    text-transform: uppercase;
}
.des-post-slide{
	color: #fff;

}
.title-no-slider{
	color: #333;
}
.des-no-slider{
	color: #666666;
}
.readmore-post-slide{
	margin-top: 30px;
}

.readmore-post-slide a {
    background: #ff8f00;
    color: #fff;
    padding: 10px 50px;
}
.readmore-post-slide a:hover{
	background: #f5a623
}
.main-sale{
	margin: 50px 0;
}
.breadcurm{
	margin: 20px 0 10px;
	padding: 0;
}
.menu-sale>ul{
     padding: 0;
     list-style: none;
}
.menu-sale>ul>li{
	padding: 21px 0;
	border-bottom: 1px solid #e5e5e5
}
.menu-sale>ul>li>a{
	font-size: 16px;
	color: #999999;
}
.menu-sale>ul>li>ul{
	padding-left: 25px;
}
.menu-sale>ul>li>ul>li{
	list-style: none;
	padding: 6px 0;
	cursor: pointer;
	
}
.menu-sale>ul>li>ul>li>a{
	color: #333;
}
.active-li{
  color: #ff9f00!important;
}
.mobile-menu-ajax{
  color: #999999!important;
}
.active-parent-all a{
	color: #333!important;
	cursor: pointer;
}
.title-cat-view{
	font-size: 22px;
	text-transform: uppercase;
    font-weight: 300;
    margin-top: 13px;
}
.slide-line{
	width: 50px;
	height: 1px;
	background:#f48120;
}
.postcat-box-image img{
    width: 100%;
   height: auto;
}
.date-cat{
	margin: 20px 0 0;
}
.category-in-post a{
   text-transform: uppercase;
   color: #FF8300
}
.date-cat-post{
	color: #999999
}
.category-post-box-title{
	line-height: 16px;
	margin: 10px 0;
	min-height: 48px;
}
.category-post-box-title a{
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	display: block;
	line-height: 24px;
}
.category-post-box-readmore{
	margin: 0;
}
.category-post-box-readmore a{
	border: 1px solid #666666;
	padding: 10px 25px;
	color: #666666;
}
.category-post-box-readmore a:hover{
	background: #333333;
	color: #fff;
	text-decoration: none;
}
.li-menu >a{cursor: pointer;}
.post-in-cate{
	margin: 20px 0
}
.hidemenucat{
	display: none
}
.showmenucat{
	display: block
}
.pagination{
	text-align: center;
	margin: 30px 0!important;
}
.pagination .prev{
	float: left;
	border: 1px solid;
}
.pagination .next{
	float: right;
	border: 1px solid;
}
.nav-links.archive-navigation .page-numbers{
	border-radius: 0px;
	 font-style: initial;
	 background: none;
}
.nav-links.archive-navigation a.page-numbers:hover, .nav-links.archive-navigation a.page-numbers:focus, .nav-links.archive-navigation .page-numbers.current {
    text-decoration: none;
    background-color: #ff8f00;
    color: #fff;
}
.box-active-box{
	background: #fff;
    margin: 0 15px;
    margin-top: -40px;
    
    overflow: hidden;
    border: 2px solid #ebebeb;
}
.border-slider{
	border-right: 1px solid #ebebeb;
}
.box-archive-slider{
	padding: 10px 0px;
}
.box-achive-title-sale{
	margin-bottom: 0;
}
.hover-box-slider:hover{
	background: #f3f3f3;
}
.box-active-box .slick-current{
	background: #f3f3f3;
}
.slick-cat .slick-prev{
	left: 70px;
	z-index: 999;
}
.slick-cat .slick-next{
	right: 70px;
	z-index: 999;
}
.slick-slider-cat .slick-next{
	right: 85px;
}
.slick-slider-cat .slick-prev{
	left: 85px;
}
.slick-cat .slick-prev:before, .slick-cat .slick-next:before{
	font-size: 30px
}
.sale-cate .slick-dots{
    bottom: 20px;
}
.sale-cate .slick-dots li button:before{
  font-size: 10px;
  color: #fff;
}
.sale-cate .slick-dots li{
	margin: 0;
}
.box-achive-title-sale a{
	font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 20px;
    
}
.date-archive-box{
	margin-top: 5px;
}
.no-post{
	text-align: center;
    margin-top: 50px;
}
.no-post-title{
	    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
}
.new-box-top{
	margin: 0;
	margin-bottom: 50px;
}
.new-box-top .date-cat{
	margin-top: 5px;
}
.new-box-top .category-post-box-title{
	line-height: 16px;
    margin: 10px 0;
    height: 105px;
    overflow: hidden;
}
.new-box-top .category-post-box-title a {
    font-size: 30px;
    color: #333333;
     font-weight: 300;
    display: block;
    line-height: 35px;
}
.new-box-top .category-post-box-des{
	margin-top: 15px;
}
.new-title-sale{
	/*margin: 20px 10px;*/
}
/* Search CSS */
.title-search h4{
	font-weight: 300;
	margin-top: 30px;
}
.line-title-search{
	width: 50px;
    height: 1px;
    background: #f48120;
}
.key-search{
	margin: 30px 0;
}
.equal-search{
	margin-bottom: 30px;
}
.equal-search .icon-search{
	margin-right: 10px;
}
.equal-search .date-archive-box{
	margin: 10px 0;
}
.search-breadcurm{
	margin-top: 40px;
}
.return-home{
	margin: 30px 0;
}
.return-home a{
	background: #ff8f00;
    color: #fff;
    padding: 10px 70px;
    
}
.search-box{
	margin-bottom: 50px;
}
.v-share-link {
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    /* padding: 30px 0; */
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.dang-ky{
	background: url('./images/bg-subcriber.png') no-repeat;
	background-size: cover;
	margin-top: 30px;
}
.content-register{
	padding: 35px;
	text-align: center;
	
}
.title-subcriber{
	font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.des-subcriber{
	color: #fff;
	margin-bottom: 30px;
}
.es_shortcode_form_email{
	display: none;
}
.content-register input{
	width: 100%;
	height: 40px;
	border: none;
}
.es_submit_button{
	background: #ff8f00;
	color: #fff;
}
.es_submit_button:hover{
	background: #f5a623;
}
#es_txt_email{
	text-align: center;
}
#es_txt_email::placeholder{
	text-align: center;
	color: #999999;
}
/*Custom subcriber form*/
.content-register .input, .content-register .input input.hs-input{
	width: 100%;
	padding: 0;
	height: 40px;
	border-radius: 0;
	border: none;
	text-align: center;
}
.content-register .input input.hs-input::placeholder{
	text-align: center;
	font-size: 14px;
	color: #999999
}
.content-register .hs-form-required{
	display: none;
}
.content-register .hs-error-msgs li label{
	color: #fff!important;
}
.content-register .hs_email{
	margin-bottom: -15px!important;
}
.single-sub{
	background: url('./images/bgsg-sub.png') no-repeat;

    width: 100%;
    overflow: hidden; 
}
.single-sub .content-register{
	text-align: left;
	padding: 20px 40px;
}
.single-sub .content-register .title-subcriber{
	margin-bottom: 0;
}
.single-sub .content-register .actions{
	
	padding: 17px 0px 18px 0px
}
.single-sub .content-register .hs-button{
	width: 100%;
}
/*End*/

.box-icon-menu{
	text-align: center;
	font-size: 13px;
	padding: 0;
}
.box-icon-menu a{
	color: #999999;
}
.box-icon-menu p{
	margin-top: 10px;
}
.sub-menu-icon{
	text-align: center;
	font-size: 13px;
	margin: 20px 0;
	overflow: hidden;
	
}
.sub-menu-icon ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sub-menu-icon ul li {
    width: 31%;
   float: left;
    border: 1px solid #4a90e2;
    padding: 5px 0px;
    margin: 3px;
}
.sub-menu-icon a{
	color: #999999;
}

@media(min-width: 1024px){
         .no-post img{
         	margin-left: -50px;
         }
         .postcat-box-image img{
               min-height: 246px;
           }
         .sale-image img{
         	min-height: 256px;
         }
         .line-sale{
	      border-left: 1px solid #e5e5e5;
	      padding-left: 32px;
        }
        .line-meu{
        	padding-right: 32px;
        }
        .image-slide-cat img{
	       width: 100%;
	       height: 450px;
			object-fit: cover;
       }
       .tn-boxshow-vidaily .alignnone{
       	margin-left: -15px;
       }
       .post-in-cate {
    		margin: 20px 0 50px 0;
        }
		.post-in-cate:nth-child(2n+1) {
			clear: both;
		}
		.category-tin-tuc .post-in-cate:nth-child(2n+1) {
			clear: unset;
	}
}
@media(min-width: 768px) and (max-width: 900px){
	.slick-prev, .slick-next{
		display: none!important;
	}
		#c-hethong{
		padding: 0!important;
		background: none!important;
	}
	.cline{
		margin-top: 55px;
	}
	.tcline {
    margin-top: 30px;
    }
		.c-agent .cbuttom-main{
		display: inline-block;
	}
	.cicon-pay img{
		margin-left: 0!important;
	}
	.cdangky{
		padding: 10px!important
	}
	.text-slide-cat {
    position: absolute;
    width: 80%;
    top: 40px;
    left: 20px;
    }
    .slick-slide img , .image-slide-cat img{
    	max-width: 100%;
    }
    .text-slide-cat{
    	transform: translateX(0%) translateY(0%);
    	transform: translateX(0%) translateY(0%);
    }
    input.hs-button.primary.large{
    	min-width: 100%;
    }
    .new-box-top .category-post-box-title{
    	height: auto;
    }
    .postcat-box-image img{
    	min-height: 160px;
    }
    .tn-daily-from{
    	margin-left: 0;
    }
    .tn-content-image-banner{
    	bottom: -50px;
    }
    .slidePost-category {
    margin: 0px;
     }
    .clist-sale a img{
    	padding-right: 0!important
    }
    .content-register {
    padding: 35px 15px;
  
   }
   .category-post-box-title{
   	height: auto;
   }
}
@media(max-width: 767px){
	 h2 {
		 font-size: 20px !important;
	}
	.content-wrapper img {
		 max-width: 100%;
		 height: auto;
	}
	.slidePost-category, #tn-lien-he {
		 height: auto;
	}
	.image-slide-cat img {
		 width: 100%;
	}
	.startUs{
		display: none !important;
	}
	.footer-top.desktop{
		display: none;
	}
	.footer-top.mobile{
		display: block;
	}
	.footer-top-box{
		/*width: 50%;*/
		min-height: 140px;
	}
	/*#cslide-daily{*/
		/*margin: 0!important;*/
	/*}*/
	#cdaily .vc_custom_1531558726035{
		margin-left: 0!important
	}
	.c-agent .cbuttom-main{
		display: inline-block;
	}
	#c-hethong{
		padding: 0!important;
		background: none!important;
	}
	/*.cline, */
	.startUs{
		display: none!important;
	}
	.form-dangky .col-md-4{
		padding-left: 15px;
	}
	.cicon-pay img{
		margin-left: 0!important;
	}
	.slidePost-category{
		margin: 0;
	}
	.text-slide-cat{
		display: none;
	}
	.mobile-title-sale .title-cat-view{
		text-align: center;
		margin-top: 5px;
	}
	.mobile-title-sale .slide-line{
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.menu-sale-mobile{
		margin-top: 30px;
	}
	.slick-prev, .slick-next{
		display: none!important
	}
	.slidePost-category .text-slide-cat{
		top: 50px;
	}
	.category .title-sale{
		display: none;
	}
	.category .content-wrapper{
		padding-top: 10px;
	}
	.sale-cate .slick-dots li button:before{
		color: #ff9900;
	}
	.sale-cate .slick-dots{
		bottom: -30px;
	}
	.key-search{
	margin: 30px 0 50px 0;
    }
    .title-search{
    	text-align: center;
    }
    .line-title-search{
    	margin: 0 auto
    }
    .equal-search {
    margin-bottom: 40px;
    }
    .search-breadcurm, .breadcurm-sale{
    	padding-left: 0;
    }
    .form-search{
    	padding-top: 30px;
    	
    }
    .search #header{
    	border-bottom: 1px solid #eee;
    }
    .form-search .search-form{
    	max-width: 100%;
    }
    .form-search .search-form label .search-field{
    	max-width: 100%;
    	padding-left: 35px;
    }
    .search-breadcurm {
    margin-top: 31px;
    }
  
    .no-post-title{
    	margin-top: 30px;
    }
    .return-home a{
    	padding: 0;
    }
    .return-home {
    
    background: #ff8f00;
    /* color: #fff; */
    padding: 8px 70px;
    }
    .search-box {
    margin-bottom: 20px;
    }
    .post-in-cate {
    margin: 15px 0;
    }
    .content-register{
    	padding: 35px 16px;
    }
    .title-subcriber{
    	margin-bottom: -4px;
    }
    .des-subcriber {
   
    margin-top: 10px !important;
     }
     .form-search .search-form input[type="submit"], .form-search .search-form button[type="submit"]{
     	left: 0;
     	right: unset;
     }
      .form-search .search-form:after{
      	right: unset;
      	left: 0;
      }
      .tn-boxshow-vidaily img{
      	margin-left: -15px;
      }
  
      .sub-menu-icon .active-all{
      	color: #fff!important;
      	background: #4a90e2;
      }

}
@media(max-width: 320px){
	  .no-post img{
    	width: 100%;
    }
}

/* Popup Csss*/
.show-popup{
	position: fixed;
    z-index: 9999;
    background: rgba(51, 51, 51, 0.5);
    width: 100%;
    height: 100%;
}
.content-popup{
	 position: absolute;
    background: #fffff8;
    width: 569px;
    height: 400px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-align: center;
    padding-top: 3%;
}
.thanks-popup{
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin: 20px 0;
}
.ok-popup{
	display: inline-block;
    background: #ff9f00;
    color: #fff;
    cursor: pointer;
    padding: 8px 0;
	width: calc(100% - 30px);
    font-size: 15px;
    margin: 0;
	margin-top: 10px;
}
.hidden-popup{
	float: right;
    /* padding-top: 30%; */
    margin-top: -80px;
    margin-right: -20px;
    cursor: pointer;
}
.error-404{
	margin: 100px 0;
	text-align: center;
}
.error-404 h1{
	font-size: 30px;
}
.error-404 .search-form{
	margin: 0 auto;
}

/* Table Responsive */
.bg-white {
	background: #fff;
}

.bold {
	font-weight: bold;
}
.numeric {
	text-align: right;
}

#more-tables table {
	margin: 50px auto;
	border-spacing: 0;
}

#more-tables table tr.title td {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #333333;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fdfdfd;
	border-top: 1px solid #ddd;
}
#more-tables table th, #more-tables table td {
	border: 1px solid #ddd;
}
#more-tables td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px;
}
#more-tables td:last-child {
	border-right: 1px solid #ddd;
}
#more-tables th {
	padding: 8px;
	text-transform: uppercase;
	border-left: 1px solid #ddd;
}
#more-tables th:first-child {
	border-left: unset;
}

#more-tables table tr:nth-child(even){background-color: #f5f5f5;}

#more-tables table tr:hover {background-color: #f5f5f5;}

#more-tables table th {
	padding: 10px;
	text-align: left;
	background-color: #808cd5;
	color: white;
}

@media only screen and (max-width: 800px) {

	.mobile-none {
		display: none !important;
	}

	/* Force table to not be like tables anymore */
	#more-tables table, 
	#more-tables thead, 
	#more-tables tbody, 
	#more-tables th, 
	#more-tables td, 
	#more-tables tr { 
		display: block;
		height: auto !important;
    	width: auto !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#more-tables thead tr.title {
		position: relative;
		top: 0;
		left: 0;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	#more-tables thead tr.title td {
		margin-top: 0;
		border: unset;
		padding-left: 8px;
	}
	#more-tables thead tr.title td:before {
		display: none;
	}

	#more-tables tbody tr {
		border-top: none;
	}
	#more-tables tr { border: 1px solid #ccc; }

	#more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}

	#more-tables .no-data td {

	}

	#more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#more-tables td:before { content: attr(data-title); }
}

/* Responsive */
@media (max-width: 640px) {
	#more-tables table, 
	#more-tables thead, 
	#more-tables tbody, 
	#more-tables th, 
	#more-tables td, 
	#more-tables tr { 
		display: block;
		height: auto !important;
    	width: auto !important;
	}
	/*#more-tables tr {
	background: #f5f5f5;
}
	#more-tables td {
	padding-left: 8px;
	margin-top: 40px;
	border-top: 1px solid #ddd;
	background: #fff;
}
	#more-tables td:before {
	text-transform: uppercase;
	top: -30px;
	white-space: inherit;
	width: 95%;
	left: 0;
	padding-left: 8px;
	padding-right: 0;
}
	#more-tables .no-data td {
	margin-top: 0;
	text-align: right;
}*/

	#more-tables tr {
		background: #f5f5f5;
	}
	#more-tables td {
		border-top: 1px solid #ddd;
		background: #fff;
	}
	#more-tables tbody tr {
		border-top: none;
	}
	#more-tables tbody td {
		padding: 10px;
		border-top: none;
	}
	#more-tables td:before {
		position: relative;
		display: inline-block;
		text-transform: uppercase;
		top: -10px;
		white-space: inherit;
		width: calc(100% + 20px);
		left: -10px;
		padding: 10px;
		background: #f5f5f5;
		border-bottom: 1px solid #ddd;
	}
	#more-tables tbody .no-data td, #more-tables tbody .no-data td:before {
		background: #f5f5f5;
	}
}
@media (max-width: 320px) {}
/* End Table Responsive */