/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


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




.header-main {
	box-shadow: 2px 2px 20px #00000014;
}.footer-secondary {
	padding: 0;
}a.back-to-top{background:#d08aaf !important; border:none !important; color:white;} .videogallery .the-title {
	margin-bottom: 0px !important ;
	line-height: 21px !important;
	text-transform: none !important;
	font-size: 14px !important;
	font-weight: normal !important;
}
.videogallery .imgblock {
	width: 120px !important;
	height: 70px !important;
}
.from-menu-desc-parse-items{display:none}
.video-section a.button{margin:0}
.video-section .col{padding-bottom:0}
.nav-dropdown{border: 0;}.header-main .nav > li > a {
	font-size: 15px;
}
.nav-dropdown li a:hover{color:#d273a5}
.nav-dropdown li a{border-bottom:none !important; margin:0 !important;     padding: 6px 20px; font-size:15px; color: #378790;}
#header-contact li a{    text-transform: none;
	letter-spacing: 0;
	font-size: 13px;}
.gioi-thieu-section .cot2 .col-inner p{margin-bottom:13px}
.icon-section {
	background-image: url(../../uploads/2019/09/dive-1.png);
	background-position: center 0;
	min-height: 63px;
	background-repeat: no-repeat;
	top: -26px;
	z-index: 1;
	position: relative;
	margin-bottom: -63px;
}
.videogallery .videogallery--navigation-container .navigationThumb.active, .videogallery .videogallery--navigation-container .navigationThumb:hover{background-color: #378790 !important}
.video-section{padding-bottom:50px !important}.section-title-center span:after {
	content: "";
	display: table;
	clear: both;
	background: url(../../uploads/2019/09/line-1.png);
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
	padding-top: 0px;
}.section-title b{background:#80808000}
.tieu-chi-section .col{padding-bottom:0}
.gioi-thieu-section{padding-bottom:0px !important}
.tieu-chi-section ul li{border:1px solid white !important; padding: 15px;
	box-shadow: 2px 2px 15px #00000012;
	border-radius: 5px;

	margin-bottom: 15px;
	padding-left: 20px;
	border-bottom: 2px solid #f1f1f1;}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before{font-size: 20px;
	color: #FFC107;
	left: -9px;
}
.tieu-chi-section ul li:hover{border: 1px solid #36848d !important;
	background: #eefdff;}.list-post1 .post-item .box-image .image-cover {
		border-radius: 6px;
		border:1px solid #7ee5f1
}.list-post1 .post-item .box-text {
	padding: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}
.list-post1 .slider-nav-light .flickity-prev-next-button{display:none} .list-post1 .post-item .post-title {
	font-weight: normal;
	font-size: 22px;
	color: white;
	height: 55px;
	overflow: hidden;
}.box-blog-post .is-divider {
	display: none;
}.list-post1 .post-item {
	background: #3b8992;
	padding: 15px !important;
	border-radius: 6px;
}.list-post1 .flickity-page-dots {
	bottom: -27px;
}
.list-post2 .post-title:hover{text-decoration:underline; color:#c56095}.section-title-container {
	margin-bottom: 0;
}
.slider-nav-light .flickity-page-dots .dot.is-selected{background-color: #3b8992;}
.list-post2 .post-meta{font-size:14px; color:gray}
.section-title-center span {
	margin: 0 15px;
	text-transform: none;
	font-size: 38px;
	color: #3b8992;
}input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{font-size:14px; border-radius:5px; box-shadow:none}
.form-lien-he 
input[type='submit']{margin:0; border-radius:5px}
.banner-section .col{padding-bottom:0}
.slogan-section .col{padding-bottom:0}
.slogan-section .img-inner{    box-shadow: 2px 2px 20px #0000001f;
	border-radius: 5px;}
.form-lien-he{border-radius:6px; position: absolute;
	width: 100%;
	margin-top: -120px;
	background: #c889a8;
	padding: 30px;
	box-shadow: 12px 12px 0px #88506c;}
.list-post2 .post-title {font-size:17px;
	color: #074c54;
	margin-bottom: 10px;
}.list-post2 .post-item {
	border-bottom: 1px solid #dedede;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0;
	padding-right: 0;
}.list-post2 .box-text {
	padding: 0;
	padding-left: 15px;
}
.footer-section .col{padding-bottom:0}
.page-right-sidebar .large-3{padding-left:0}
.page-right-sidebar .large-9{border-right:none}
.recent-blog-posts a{font-size:15px}.widget .is-divider{display:none}
span.widget-title{    text-transform: none;
	letter-spacing: 0;
	font-size: 25px;
	color: #378790;
	padding-bottom: 10px;
	display: block;}
.blog-archive .badge{display:none}
.blog-archive .post-item .post-title{height: 44px;
	overflow: hidden;}
.blog-archive .post-item .from_the_blog_excerpt {height:40px; overflow:hidden}
.blog-archive .post-item .post-title:hover{color:#c5779e; text-decoration:underline}
.blog-archive .page-title{text-transform: none;
	font-size: 25px;
	color: #378790;
	letter-spacing: 0;}
.blog-single .large-3{padding-left:0}.entry-content {
	padding-top: 0;
	padding-bottom: 0;
}
.blog-single .entry-meta{text-transform:none; color:gray; letter-spacing:0; font-size:14px}
.blog-single .blog-share{text-align:left}
.is-divider{display:none}
.blog-archive .archive-page-header .large-12{padding-bottom:10px; text-align: left;}
.blog-archive .post-item{padding-bottom:10px}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/



	.header-top{background:white}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		font-size: 16px;
		text-transform: none;
		letter-spacing: 0;
	}
	.vplayer.skin_aurora.under-420 .controls {
		width: 100%;
	}.list-post2 .post-item{flex-basis:50%; max-width:50%;padding-left: 5px;
		padding-right: 5px;}.list-post2 .box-text {
			padding: 0;
			padding-left: 0;
			padding-top: 10px;
	}.list-post2 .post-title {
		font-size: 15px;}
	.form-lien-he{position:inherit; margin-top: -31px;}.slogan-section .col.medium-2{flex-basis:50%; max-width:50%; padding-bottom:20px}.page-right-sidebar .large-3, .blog-single .large-3{padding-left:15px}.blog-archive .post-item .post-title{font-size:16px}
	iframe{width:100%}

}