/*
Theme Name: Flatsome Child
Description: Web5 developed for Flatsome Theme
Author: UX Themes
Template: flatsome
*/


/*************** ADD CUSTOM CSS HERE.   ***************/


mark {
    background-color: #ffed10;
    color: black;
    display: inline-block;
    line-height: 0.2em;
    padding-bottom: 12px;
}
* {
    letter-spacing: normal !important;
    margin: 0;
    padding: 0;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item {
    display: inline-block;
    white-space: nowrap;
    background: #fff;
}
main#main {/* margin-top: 46px; *//* border-top: 1px solid #ccc; */}
}

.media .row {
    padding: 12px;
}
.media .col-inner {
    padding: 0;
}
.media .tai-sao .col-inner {
    background: #fff;
    border: 2px solid #000;
}
.du-an h5.post-title, .du-an p.from_the_blog_excerpt {
    color: #000;
    text-shadow: none;
}
input#woocommerce-product-search-field-0 {
    height: 55px;
    border-radius: 0;
    background: 0;
    padding: 0 20px;
    width: 210px;
}
.dang-nhap a.nav-top-link, .dang-ky a.nav-top-link {
    text-transform: unset;
    font-weight: 400;
    font-size: 14px;
}
.header-main .nav>li.active>a,.header-main .nav>li:hover>a {color: #ff6347;}
.tab-quytrinh li.tab.has-icon {margin-right: 30px;}
.tab-quytrinh .nav {border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.tab-quytrinh li.tab.has-icon.active a {background: #f0f8ff29;border: 2px solid #6a6a6a;}
.tab-quytrinh li.tab.has-icon.active a:after {content:"";width:1px;height:30px;background: #6a6a6a;position:absolute;bottom: -32px;left: 50%;}
.tab-quytrinh li.tab.has-icon a {position: relative;height: 160px;width: 160px;border-radius: 50%;line-height: 1.3;display: table-cell;vertical-align: middle;padding: 20px;background: rgba(67,161,0,0.7);font-size: 22px;}
.tab-quytrinh li.tab.has-icon a:hover {background: #f0f8ff29;border: 2px solid #6a6a6a;}
.kinh-nghiem .box-blog-post {
    border: 2px solid #6A6A6A;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 7px;
}

.kinh-nghiem .box-blog-post .box-text.text-left {padding: 7px 10px;}
#header-contact li a{text-transform:none; font-size:14px}
.icon-phone:before, .icon-envelop:before{color:#da0007;}
.top-bar-nav li a{font-size:14px}
.header-bottom .nav li{margin:0}
.header-bottom .nav li a{line-height:37px; padding:5px 15px}
.header-bottom .nav li a:hover, .header-bottom .nav li.active a{background:#2c2b3b; }
.has-dropdown .icon-angle-down {
    display: none;
}
.du-an .box-blog-post:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.xem-them:hover span {color: #000;text-decoration: underline;}
.message-box {padding-left: 0;}
.testimonial-text {
    padding: 30px 25px;
    background: #f6f6f6;
}
.tai-sao:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
.tai-sao .box-badge .box-text {
    bottom: 0;
    background: rgba(255,255,255, 0.9);
}

.tai-sao .box-badge {
    -webkit-box-shadow: 0 8px 6px -6px #ededed;
    -moz-box-shadow: 0 8px 6px -6px #ededed;
    box-shadow: 0 8px 6px -6px #ededed;
}
.cot-phanhoi {padding: 0;}
.flickity-prev-next-button svg{background:#000000c7;height: 70px;}
.flickity-page-dots .dot.is-selected{background-color: #dd202a !important;
	border: none;
}
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
	background-color: #000000c9;
	border: none;
}
.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
.post-item .box-image:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.post-item .box-image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.section-title-normal {
	border-bottom: 2px solid #2c2b3b;
	background: #dd202a;
}.section-title-normal span {
	margin-right: 15px;
	padding-bottom: 3.5px;
	border-bottom: 0;
	margin-bottom: 0;
	padding: 4px 15px;
	font-size: 19px;
	color: white;
	padding-top: 7px;
}
.section-title a {
	font-size: 15px;
	background: #2c2b3b;
	padding: 8px 15px;
	color: white;
	font-weight: normal;
}
.section-title-container {
	margin-bottom: 5px;
}
.blog-single .thong-tin-them .left, .blog-single .thong-tin-them .right{width:100% !important; display:block !important; text-align:left !important; float:left !important; padding-left:0 !important}
.list-post .box-text{padding-bottom: 0;
	padding: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: white;}
.category-section{    background: #f3f3f3}
.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{height:21px; overflow:hidden; color:#2c2b3b; margin-bottom:5px}
.row-lien-he .large-12 .col-inner{border-radius:10px; border: 2px solid #dd202a; padding:20px;     display: inline-block;}
.row-lien-he .large-12 p{font-size:15px}
.form-lien-he{display:block; clear:both; width:100%}
.form-lien-he .left{width:50%; padding-right:10px; display:inline-block; float:left}
.form-lien-he .right{width:50%; padding-left:10px; display:inline-block; float:right}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select{height: 38px;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: none;}
.row-lien-he{margin-top:30 !important; margin-bottom:0}
textarea{min-height:142px}
.form-lien-he input[type='submit']{margin: 0;
	display: block;
	width: 100%;
	border-radius: 5px;
	background: #fd9a00;
	text-transform: none;
	font-weight: normal;}
.footer-secondary {
	padding: 0;
}
.top-footer .icon-box {
	box-shadow: 0 -8px 17px #dedede;
	height: 155px;
	padding: 10px 0; background:white }
.top-footer .flickity-prev-next-button .arrow{fill: white;}
.top-footer .flickity-prev-next-button{    top: 37%;
	bottom: 49%;}
.top-footer .col{padding-bottom:0}
.post-item .box-image .image-cover{border-top-left-radius: 5px;
	border-top-right-radius: 5px;}
.duong-dan{padding-left:15px !important; padding-right:15px !important}
.entry-header-text {padding: 0;}
.entry-content {padding-top: 0;padding-bottom: 0;}
.blog-single h2, .blog-single h3, .blog-single h4, .blog-single h5, .blog-single h6{color:#dd202a}
.blog-single .blog-share{/* text-align:left */}
.danh-muc, .the-tim-kiem{font-size:15px; color:black}
.the-tim-kiem a{background: #f2f2f2;padding: 4px 10px;margin-bottom: 5px;}
.the-tim-kiem a:hover{background:#dd202a; color:white}
footer.entry-meta {border-bottom: 1px solid #ececec;}
.entry-content ul{font-size:15px; color:black}
body{font-weight:normal}
.blog-single p{
	color: #383838;
	font-size: 15px;
	margin-bottom:10px;
	}
.blog-single .entry-category, .is-divider{display:none}
.page-template h1.entry-title{text-align: left;
	margin-top: 10px;
	font-size: 22px;
	color: #2c2b3b;}
.nav-dropdown{padding:0; border:none}
header.archive-page-header .large-12.text-center.col {
    padding-bottom: 0;
}
#breadcrumbs{
	margin-top: 10px;
	color: #ff9b00;
	background: #f7f7f7;
	margin-bottom: 35px;
	padding: 6px 15px;
	display: block;
	width: 100%;
	font-size: 15px;
	font-family: "roboto condensed", sans-serif;
	border: 1px solid #e8e8e8;
	}
#comments input[type='submit']{text-transform: none;
	font-weight: normal;
	border-radius: 5px;}
.blog-single .large-12{padding-bottom:0}
.blog-single .entry-title{color: #2c2b3b;
	font-size: 22px;}
.meta-related{    background: #f7f7f7;
	padding: 20px;
	margin-bottom: 20px;}
.meta-related ul{margin-bottom:0;}
.meta-related ul li{color:#dd202a}
.meta-related ul li a{color:#dd202a !important}
.bai-viet-lien-quan{display: block;margin-top: 20px;}
.bai-viet-lien-quan h3 {text-transform:uppercase;position: relative;color: #000;}
.bai-viet-lien-quan h3:after {content:"";width: 100px;height: 3px;background: black;position: absolute;bottom: -7px;left: 0;}
.bai-viet-lien-quan ul{
	display: inline-block;
	margin-bottom:0;
	width: 100%;
	padding-top: 10px;
	border-radius: 5px;
	/* background: #f9f9f9; */
	}.post {
		margin: 0 0 10px;
}
.blog-archive .post-item .post-title:hover{color:#dd202a}
.blog-archive .post-item .post-title{height: 21px;
	overflow: hidden;
	margin-bottom: 5px;color:#2c2b3b}
.page-wrapper {
	padding-bottom: 0;
	/* padding-top: 0; */
}
.nav-pagination a{background: #2c2b3b;
	color: white !important;
	border: none !important;}
.blog-archive .nav-pagination{text-align:left}
.blog-archive .badge{display:none}
.nav-pagination>li>.current {background:#dd202a !important; border: none !important}
a.back-to-top{background:#000 !important; color:white; border: none !important}
.bai-viet-lien-quan ul li{padding-left: 15px;padding-right: 15px;list-style:none;width: 33.33%;float:left;margin-bottom: 30px;}
.bai-viet-lien-quan .box-text {padding: 3px 0 10px;}
.bai-viet-lien-quan .post-item .post-title{
	font-size: 14px;
	color: #2c2b3b;
	height: 40px;
	overflow: hidden;
	display: table-cell;
	text-transform: unset;
	vertical-align: middle;
	}
.bai-viet-lien-quan .from_the_blog_excerpt {
    height: 50px;
    overflow: hidden;
}

.bai-viet-lien-quan .from_the_blog_excerpt p {
    font-size: 14px;
    height: 45px;
    overflow: hidden;
}
li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {
    z-index: 999;
}
.bai-viet-lien-quan .post-item .box-image{border-radius:5px}
.bai-viet-lien-quan .post-item .box-image img {height: 200px;object-fit: cover;}
.bai-viet-lien-quan .post-item .post-title:hover{color:#dd202a}
.thong-tin-them{
	display: inline-block;
	width: 100%;
	clear: both;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 15px 5px 15px;
	margin-top: 5px;
	}
.thong-tin-them .left{width: 50%;
	padding-right: 5px;
	float: left;}
.thong-tin-them .left .label{
	font-weight: bold;
	color: #444;
	font-size: 18px;
	}
.thong-tin-them .left .giao-nha{color: #3aa2ff;font-size: 18px;}
.thong-tin-them .right{    float: right;
	width: 50%;
	padding-left: 5px;
	text-align: right;}
.thong-tin-them .right .label{
	font-weight: bold;
	color: #444;
	font-size: 18px;
	}
.thong-tin-them .right .gia-ban{color: red;font-size: 18px;}
.archive .blog-wrapper>img {
	margin-bottom: 40px;
}
.submission-wrap{
	display: block;
	border-radius: 4px;
	background-color: #000;
	margin-top: 40px;
}
.submission-wrap a {color:#fff;}
.submission-banner{
	display:flex;
	position: relative;
	align-items: center;
	justify-content: center;
  max-width: none;
  height: 90px;
  margin: 30px 0 20px 0;
}
.submission-banner-image{
	position: static;
  width: 30%;
  margin-top: -50px;
  margin-right: 20px;
	margin-left:-30px;
}
.submission-banner-text{
	display: inline-block;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
}

.submission-banner-btn{
  display: inline-block;
  width: 190px;
  margin-left: 30px;
  padding: 11px 0;
  background-color: #ff6347;
  border-radius: 4px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;

}
.submission-banner-btn:hover {background-color: #fff;cursor:pointer;transition: color .5s,background-color .5s;color: #000;}
.submission-banner-btn:hover a {color:#F44336;  transition: color .5s,background-color .5s;}

/* Css Menu */
.header-nav,.header-nav>.menu-item{
    position: unset;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown{
    max-height: inherit;
    width: 100%;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    z-index: -1;
    left: 0 !important;
    transform: translatex(0) !important;
	max-width: 100% !important;
}
.header-nav>.menu-item.active>.sub-menu.nav-dropdown{
    opacity: 1;
    z-index: 2;
}
.header-nav>.menu-item:hover>.sub-menu.nav-dropdown {
	opacity: 1;
    z-index: 3 !important;}
body:not(.home) .header-nav>.menu-item:nth-child(1)>.sub-menu.nav-dropdown{
    opacity: 1;
    z-index: 1;
	display: block;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown>li>a{
    padding: 15px !important;
    text-transform: capitalize;
    border-bottom: 2px solid transparent !important;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown>li:hover>a{
    color: #ff6347;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown>li.active>a{
    border-bottom: 2px solid #ff6347 !important;
	color: #ff6347;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown>li>.sub-menu{
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    display: none;
}
.header-nav>.menu-item>.sub-menu.nav-dropdown>li:hover>.sub-menu{
    display: flex;
    flex-wrap: wrap;
}
.header-nav>.menu-item>.sub-menu>li.menu-item-has-children>a{
    font-size: 100%;
    font-weight: normal;
    color: rgba(102,102,102,0.85);
}
.header-nav>.menu-item>.sub-menu>li>.sub-menu>li{
    flex-basis: 20%;
    text-align: center;
}
.header-nav>.menu-item>.sub-menu>li>.sub-menu>li>a{
    font-size: 16px;
    line-height: 24px;
    color: #222;
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize !important;
}
.header-nav>.menu-item>ul>li>ul>li>ul.sub-menu>li{
    display: block !important;
}
.header-nav>.menu-item>ul>li>ul>li>ul.sub-menu>li>a{
    border: 0;
    font-size: 14px;
}
.header-nav>.menu-item>ul>li>ul>li>ul.sub-menu>li:hover>a{
    color: #ff6347;
}
.header-main {
    padding-bottom: 55px;
}
.package-table  {
  border-collapse: collapse;
  width: 100%;
	margin: 30px auto 0 auto;
	align-content: center!IMPORTANT;
}

.package-table 
td, th {
  text-align: justify;
	font-size:18px;
  padding: 10px 20px!important;
  border: 1px solid #dddddd;
}


tr:nth-child(odd) {
  background: #f6f6f6;
}
tr:nth-child(1) {
  background:none;
}
.package-table th:nth-child(1){
  border:none; 
}

table tr td:first-child{
	padding-left:8px;
	color:white;
	text-align:center;
}
.content-center{
	text-align:center;
	width: 100%; 
	margin:0;
}
.saving{
	background:#777;
}
.saving h3{
	color:white;
}
.standard h3{ 
	color:white;
}
.standard{
	background:#000;
}
.standard h3{ 
	color:white;
}
.tab-header{
	font-weight:bold;
	margin:0;
	font-size:16px;
}
.package-header{
	font-size:20px;
	font-weight:bold;
}
@media only screen and (max-width:767px){
.package-table td, th {
	font-size:13px;
	padding:8px!important;
}
.tab-header{
	font-size:14px;
	}
.package-header{
	font-size:17px;
	}
	.submission-banner{
		height:110px;
	}
	.submission-wrap{
		text-align:center;
	}
	.submission-banner{
    margin:20px 0;
	}
	.submission-banner-image {
	  display:none;
	}
	.submission-banner-content {display:block !important}
	.submission-banner-text{
		font-size:18px;
		margin:0 0 5px 0;
	}
	.submission-banner-btn{
		margin-left: 0px;
	}
	.section-padding{
		padding:5px 0;
	}
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.header-wrapper.stuck:after {display:none}
	main#main {padding-top:0}
	.bai-viet-lien-quan ul li {width:100%;float:none;}
	.testimonial-meta.pt-half {padding: 10px 5px;}
	.off-canvas .sidebar-menu {padding: 0;}
	.img-quytrinh .box-image img {height: 70px;}
	.xoay-nguoc .img-inner.dark img {
    -webkit-transform: rotate( 90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 40px;
    margin-bottom: 20px;
}
	main#main {
    margin-top: 0;
}
.header-button {
    position: absolute;
    width: 125px;
    top: -45px;
    right: -20px;
}

ul.mobile-nav.nav.nav-right {
    position: relative;
    margin-top: 15px;
}

a.button.alert.is-xsmall {
    background: #000;
}
.tab-quytrinh li.tab.has-icon {margin-right:5px}
.tab-quytrinh li.tab.has-icon a {width:75px;height:75px;font-size: 11px;padding: 5px;}
	.off-canvas-left.mfp-ready .mfp-content{background:#2c2b3b}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
		color: white !important;
		font-size: 16px;
		font-weight: normal;
		text-transform: none;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 1px solid #13121f;
		border-bottom: 2px solid #3f3e52;
	}
	.nav-sidebar .active>.children li{padding-left:0}
	.nav-sidebar .active>.children{background: #1a1927;margin-bottom: 0;padding-bottom: 0;}
	.nav-sidebar .active>.children li a{font-size:15px; border-bottom: 1px solid #393750;}
	.list-post .post-item, .blog-archive .post-item{flex-basis:50%; max-width:50%}
	.list-post .post-item:nth-child(2n+1), .blog-archive .post-item:nth-child(2n+1){padding-right:5px;}
	.list-post .post-item:nth-child(2n+2), .blog-archive .post-item:nth-child(2n+2){padding-left:5px}
	.blog-archive .post-item .post-title{height:36px}
	.blog-archive .post-item .from_the_blog_excerpt {height: 56px;overflow: hidden;font-size: 12px;}
	.blog-archive .post-item{padding-bottom:0}
	.form-lien-he .left, .form-lien-he .right{width:100%; padding-left:0; padding-right:0}
	.float-contact{display:none}
	.nav-sidebar>li>.sub-menu>li>.sub-menu>li>a {
		font-weight: bold;
		font-size: 18px;
	}
	.header-inner .flex-col.hide-for-medium.flex-left {
		/* display: flex !important; */
		/* position: absolute; */
		/* bottom: 40px; */
		/* left: 0; */
		/* right: 0; */
		/* padding: 0 8px; */
	}
	.header-inner .flex-col.hide-for-medium.flex-left li.header-search-form {display: none;}
	.header-main{padding-bottom: 0;}
	.header-nav-main .menu-item a{
		line-height: normal !important;
		font-size: 14px;
		color: #000;
	}
	.header-nav>.menu-item>.sub-menu.nav-dropdown{
		white-space: nowrap;
		overflow-x: scroll;
	}
	.header-nav>.menu-item>.sub-menu.nav-dropdown>li>a{
		padding: 10px !important;
		margin: 0;
		font-size: 14px;
	}
	ul.sub-menu.nav-dropdown.nav-dropdown-default li.menu-item{
		min-width: auto;
		width: auto;
	}
	.header-inner.flex-row.container.logo-left {
		/* align-items: flex-start; */
		/* padding-top: 10px; */
	}
	.stuck.header-wrapper .header-main{/* height: 140px!important; */}
}