/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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


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


}
@font-face{
	font-family: fontCustom;
	src: url(/wp-content/themes/flatsome-child/assets/fonts/SVN-Gilroy-Regular.otf);
}
@font-face{
	font-family: fontCustom2;
	src: url(/wp-content/themes/flatsome-child/assets/fonts/SVN-Gilroy-Bold.otf);
}
body{
	font-family: fontCustom;
}
h1, h2, h3,h4,h5{
	font-family: fontCustom2 !important;
}
input, input:focus, textarea, textarea:focus{
	box-shadow: none !important;
}
.section-footer3 .ux-menu > div > a:hover,
.box-read .box-text p a:hover {
	color: #00b3ea !important;
}
#wide-nav {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}
.stuck .header-bottom {
	background: #fff;
}
.header-bottom .flex-center > ul > li > a {
	color: #000;
	font-size: 18px;
	padding: 0;
	height: 80px;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: inherit;
	font-weight: 100;
}
.header-bottom .flex-center > ul > li {
	margin: 0;
}
.header-bottom .flex-center > ul > li.active > a, .header-bottom .flex-center > ul > li > a:hover {
	background: #00558e;
	color: #fff;
}
.header-bottom .flex-right ul li.header-search > a {
	color: #000;
}
.header-bottom .flex-center > ul > li > a > i {
	opacity: 1;
	top: 2px;
	transition: all .2s;
}
.header-bottom .flex-center > ul > li:hover > a > i {
	transform: rotate(180deg);
}
.header-bottom .flex-center > ul > li > ul.sub-menu {
	left: 0;
	transition: none;
	padding: 0;
	background: #00558e;
}
.header-bottom .flex-center > ul > li > ul.sub-menu > li > a {
	color: #fff;
	font-size: 16px;
}
.header-bottom .flex-center > ul > li > ul.sub-menu > li > a:hover {
	background: transparent;
	color: #01b3e9;
}
.header-bottom .flex-right ul li.header-search > ul, .header-bottom .flex-right ul li.header-search > ul li {
	padding: 0;
}
.header-bottom .flex-right ul li.header-search > ul li input {
	border-radius: 0;
	background: #fff;
	height: 50px;
}
.header-bottom .flex-right ul li.header-search > ul li button i {
	color: #000;
	font-size: 14px;
}
.info-top {
	display: inline-block;
}
.icon-mxh img {
	width: 16px;
	top: -1px;
	position: relative;
}
.icon-mxh {
	display: inline-block;
}
#top-bar .flex-left {
	width: 50%;
}
span.line-top {
	margin: 0 10px;
}
.info-top > span {
	font-size: 15px;
}
.icon-mxh i {
	color: #fff;
	font-size: 15px;
}
.icon-mxh a {
	margin: 0 5px;
}
.absolute-footer {
	padding: 10px;
}
.copyright-footer {
	color: #fff;
	font-size: 13px;
}
.des-footer p, .des p {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 16px;
}
.des-footer h3, .section-title-container .section-title-center span {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 30px;
}
.btn {
	background: #00b3ea;
	margin-bottom: 0;
	margin-right: 0;
	outline: 0;
}
.section-footer2 .btn {
	display: block;
	width: 50%;
	margin: 20px auto 0;
}
.btn:hover {
	background: #fff;
	border: solid 1px #00b3ea;
	color: #00b3ea !important;
	box-shadow: none;
}
.section-footer3 .ux-menu > div > a {
	min-height: auto;
	display: block;
	padding-top: 0;
	padding-bottom: 10px;
}
.des-footer3 p {
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
}
.des-footer3 p:before {
	position: absolute;
	font-family: FontAwesome;
	left: 0;
}
.des-footer3 p:first-child:before {
	content: '\f015';
}
.des-footer3 p:nth-child(2):before {
	content: '\f2a0';
}
.des-footer3 p:nth-child(3):before {
	content: '\f0e0';
}
.des-footer3 p:last-child:before {
	content: '\f0ac';
}
.section-title-container .section-title, .section-title-container .section-title span {
	border-bottom: 0;
}
.section-footer3 .icon-mxh img {
	width: 23px;
}
.section-footer3 .icon-mxh i {
	font-size: 20px;
}
.absolute-footer .footer-primary {
	position: relative;
}
.absolute-footer .footer-primary:before {
	content: '';
	background: #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: -14px;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
	opacity: 1;
}
.flickity-button svg {
	background: #fff;
	padding: 12px;
}
.flickity-button svg path {
	fill: #00b3ea !important;
}
.section-title-container .section-title-center b {
	background-color: transparent;
}
.section-title-container .section-title {
	margin-bottom: 5px;
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
	text-shadow: none !important;
}
.box-read .box-text {
	padding: 10px;
}
.box-read .box-text p a {
	text-transform: uppercase;
	font-size: 24px;
	display: block;
	margin: 0;
	transition: all .2s
}
.icon-box-img img {
	padding-top: 0;
}
.box-story .icon-box-img img {
	border-radius: 99px;
	box-shadow: 0px 0px 15px -4px #000000;
}
.box-story .icon-box-text {
	background: #fff;
	padding: 60px 20px 20px;
	box-shadow: 0px 0px 15px -4px #000000;
	margin-top: -60px;
}
.box-story .icon-box-text h4, .box-story .icon-box-text p {
	color: #000;
}
.box-story .icon-box-text p {
	text-align: justify;
}
.btn2:hover {
	background: transparent;
	box-shadow: none;
	border: solid 1px #00558e;
	color: #00558e;
}
.btn2 {
	font-weight: 100;
	width: 140px;
	margin-bottom: 0;
	margin-right: 0;
}
.name {
	font-size: 22px;
	text-transform: uppercase;
	color: #00558e;
	margin-bottom: 10px !important;
}
.aboutme p strong {
	font-size: 16px;
}
.aboutme p {
	margin-bottom: 0;
}
.aboutme ul {
	margin: 5px 0;
}
.aboutme ul li {
	margin-bottom: 0;
	font-size: 14px;
}
p.chia {
	margin-top: 10px;
	font-weight: bold;
}
.aboutme div {
	margin-top: 20px;
	font-size: 16px;
}
.quote p {
	text-align: center;
	margin-bottom: 0;
	font-size: 20px;
}
.back-to-top {
	background: #7c7c7c !important;
	border-color: #7c7c7c !important;
}
.back-to-top i {
	color: #fff;
}
.content-1 > div {
	font-size: 30px;
	margin-bottom: 10px;
}
.content-1 h3 {
	font-size: 38px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.content-1 p {
	font-size: 18px;
}
p.info {
	text-align: justify;
}
.home-1 .btn {
	padding: 5px 30px;
	font-size: 18px;
	display: block;
	margin: 0 auto;
}
.boxQr p {
	text-transform: uppercase;
}
.form-contact .des-contact {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 15px;
	color: #fff;
}
.form-contact {
	background: #00558e;
	padding: 20px;
}
.form-contact input {
	font-size: 14px;
}
.form-contact .col {
	padding-bottom: 0;
}
.form-contact button {
	background: #aa0000;
	color: #fff;
	width: 100%;
	font-size: 14px;
}
.timeline-count p {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.timeline-count {
	border: solid 1px #fff;
	padding: 10px;
}
.nut {
	text-align: center;
	background: #aa0000;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 60%;
	margin: 0 auto;
}
.count-time p {
	text-align: center;
	color: #fff;
	margin-top: 15px;
}
.titleabout h2 {
	text-transform: uppercase;
	margin-bottom: 0;
}
.titleabout h2 span {
	display: block;
	margin-top: 15px;
	font-size: 34px;
}
.section-about2 .aboutme li {
	font-size: 16px;
}
.section-about2 .aboutme p{
	font-size: 18px;
}
form.wpcf7-form {
	margin-bottom: 0;
}
.blog  button.flickity-button {
	opacity: 1;
}
.post-item h5.post-title a {
	text-transform: uppercase;
	color: #00558e;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.box-blog-post .is-divider {
	display: none;
}
.post-item p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: justify;
	font-size: 14px;
	margin-top: 10px;
}
.section-tintuc .post-item h5.post-title a {
	color: #000;
}
.section-tintuc .post-item .box-text {
	background: #fff;
	padding: 15px;
}
.section-tintuc  .post-item .from_the_blog_excerpt {
	color: #000;
}
.post-item {
	padding-bottom: 0;
}
.blog-single h6.entry-category {
	font-size: 15px;
	text-transform: inherit;
	font-style: italic;
	font-weight: 100;
	position: relative;
	margin-bottom: 30px;
}
.blog-single h6.entry-category:before {
	content: '';
	background: #52acdb;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
	bottom: -10px;
}
.blog-single .entry-header .entry-header-text-top {
	padding-bottom: 0;
}
.blog-single .entry-header h1 {
	text-transform: uppercase;
	font-size: 34px;
	line-height: 1.1;
	margin-bottom: 0;
}
.entry-content.single-page {
	text-align: justify;
}
.blog-wrapper {
	border-bottom: solid 1px #f0f0f0;
}
.blog-single article {
	margin-bottom: 0;
}
.blog-wrapper > .row > .col {
	padding-bottom: 0;
}
.blog .button:hover, .section-tintuc .post-item h5.post-title a:hover {
	opacity: 1 !important;
	color: #00b3ea !important;
}
.blog-archive .page-title {
	font-size: 30px;
	margin-bottom: 0;
}
.nav-pagination > li > a, .nav-pagination > li > span {
	border-radius: 0 !important;
	border: solid 1px #e8e8e8;
}
.section-event p {
	margin-bottom: 0;
	font-size: 18px;
}
.blog2 .button {
	background: #0055a7;
	color: #fff;
	border-color: #0055a7;
	padding: 4px 20px;
	font-size: 14px;
	font-weight: 100;
	margin-bottom: 10px !important;
}
.blog2 .button:hover {
	background: transparent !important;
}
.boxhl .box-text h4, .boxhl-right .box-text h4 {
	text-transform: uppercase;
	font-size: 26px;
}
.boxhl .box-text, .boxhl-right .box-text {
	padding: 10px 5px;
}
.colhl > .col-inner  {
	background: white;
	box-shadow: 0px 0px 15px -3px #00000040;
	padding: 20px 20px 20px 0;
}
.colhl-right > .col-inner{
	background: white;
	box-shadow: 0px 0px 15px -3px #00000040;
	padding: 20px 34px 20px 20px;
}
.content-hl p, .content-hl-right p {
	margin-bottom: 10px;
	font-size: 15px;
	text-align: justify;
	line-height: 20px;
}
.content-hl ul, .content-hl-right ul {
	margin-bottom: 0;
}
.content-hl li, .content-hl-right li {
	font-size: 15px;
	margin-bottom: 0;
	text-align: justify;
	line-height: 20px;
}
.btn3 {
	font-size: 14px;
	display: block;
	width: 18%;
	margin: 0 0 0 auto;
	z-index: 1;
}
.content-hl, .content-hl-right {
	padding-bottom: 20px;
}
.content-hl h5, .content-hl-right h5 {
	margin-bottom: 0;
}
.colhl-right .btn3 {
	background: #333333;
}
.colhl-right .btn3:hover {
	background: transparent !important;
}
.section-video {
	padding-top: 0 !important;
}
.section-video {
	padding-top: 0 !important;
}
.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover{
	background: transparent !important;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
	.nav-dropdown .nav-dropdown-col>ul{
		background: #00558e !important;
		margin-top:-40px;
		display:none;
		position: absolute;
		left: 100%;
		z-index: 9;
		background: white;
		min-width: 260px;
	}
	.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0!important;}
	.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color: #fff;}
	.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
	.nav-dropdown .nav-dropdown-col>ul li a:hover{
		color: #01b3e9;
	}
	@media (min-width: 992px){
		.active>ul.sub-menu:not(.nav-dropdown) {
			display: none;
		}
		#masthead {
			display: none;
		}
		.nopad{
			padding-bottom: 0!important;
		}
		.box-story .icon-box-text p {
			height: 180px;
		}
		.home-9 .flickity-page-dots li {
			width: 20px !important;
			height: 20px !important;
		}
		.home-7 .large-5:before {
			background: url(/wp-content/uploads/2024/06/Layer-12.png);
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: left;
			width: 550px;
			height: 1100px;
			content: '';
			position: absolute;
			top: -84px;
			left: -65px;
		}
		.home-1 .large-4:before {
			content: '';
			background: url(/wp-content/uploads/2024/06/Layer-1.png);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			width: 400px;
			height: 609px;
			position: absolute;
			left: 0;
			top: -36px;
		}
		.titleabout {
			padding-left: 150px;
			padding-top: 155px;
		}
		.section-about .large-5:last-child:before {
			content: '';
			background: url(/wp-content/uploads/2024/06/Layer-34.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: absolute;
			width: 298px;
			height: 437px;
			left: 0;
			top: -87px;
		}
		.boxhl:before {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			margin-left: 2px;
			vertical-align: middle;
			border-top: 155px solid transparent;
			border-left: 85px solid;
			border-left-color: #00558e;
			border-right: 0 solid transparent;
			border-bottom: 157px solid transparent;
			position: absolute;
			top: 0;
			right: -85px;
		}
		.colhl > .col-inner:before {
			content: '';
			background: #fff;
			position: absolute;
			width: 100px;
			height: 100%;
			left: -20px;
			top: 0;
			z-index: 0;
		}
		.colhl-right > .col-inner:before{
			content: '';
			background: #fff;
			position: absolute;
			width: 50px;
			height: 100%;
			right: -20px;
			top: 0;
			z-index: 1;
		}
		.content-hl, .content-hl-right {
			position: relative;
		}
		.boxhl-right:before {
			content: " ";
			display: block;
			width: 0;
			height: 0;
			margin-left: 2px;
			vertical-align: middle;
			border-top: 155px solid transparent;
			border-right: 50px solid #333333;
			border-bottom: 157px solid transparent;
			position: absolute;
			top: 0;
			left: -52px;
		}
		.home-9 .slider .col {
			padding-left: 0;
			padding-right: 0;
			z-index: 1;
		}
	}
	@media (max-width: 849px){
		.nopadm{
			padding-bottom: 0 !important;
		}
		.logo a {
			font-size: 18px;
		}
		.mobile-nav > li > a > i {
			color: #000;
			font-size: 30px !important;
		}
		.mfp-ready .mfp-close {
			opacity: 1;
		}
		.mfp-content form.searchform input {
			border-radius: 0;
			background: #fff;
			font-size: 14px;
			height: 45px;
		}
		.mfp-content {
			background: #fff !important;
			transition: transform .5s, opacity .3s !important;
		}
		.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
			background-color: transparent;
		}
		.off-canvas .nav-vertical>li>a {
			font-size: 18px;
			text-transform: inherit;
			color: #000;
			font-weight: 100;
			padding-top: 6px;
			padding-bottom: 6px;
		}
		.off-canvas .nav-vertical>li>button {
			opacity: 1;
		}
		.off-canvas .nav-vertical>li>ul.sub-menu {
			padding-bottom: 0 !important;
		}
		.off-canvas .nav-vertical>li>ul li.nav-slide-header {padding-top: 0;padding-bottom: 0;}
		.off-canvas .nav-vertical>li ul.sub-menu li a {
			color: #000 !important;
			font-size: 15px !important;
			position: relative;
			text-transform: inherit !important;
		}
		.off-canvas .nav-vertical>li>ul li.nav-slide-header button {
			opacity: 1;
		}
		.off-canvas .nav-vertical>li>ul.sub-menu>li>a:before {
			content: '+ ';
			margin-right: 5px;
		}
		.stuck #masthead {
			background: #fff;
		}
		#masthead {
			box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
		}
		.blog-archive .page-title {
			font-size: 24px;
		}
		.content-1 p {
			font-size: 18px;
			text-align: center;
			margin-bottom: 15px;
		}
		.home-1 .section-title-container .section-title span {
			font-size: 20px;
		}
		.content-1 > div {
			font-size: 24px;
			text-align: center;
			margin-bottom: 0;
		}
		.content-1 h3 {
			font-size: 26px;
			text-align: center;
			line-height: 1.2;
		}
		.home-1 .btn {
			font-size: 13px;
		}
		.banner-mobile {
			margin: 0 auto;
		}
		.slick-dots {
			display: none !important;
		}
	}
	@media (max-width: 549px){
		.des-footer h3 {
			font-size: 18px;
			line-height: 1.3;
			margin-bottom: 3px;
		}
		.des-footer p {
			font-size: 14px;
		}
		.section-footer2 .btn {
			width: 100%;
			font-size: 12px;
		}
		.home-9 .flickity-page-dots li {
			width: 8px !important;
			height: 8px !important;
		}
		.titleabout h2 span {
			margin-top: 0;
			font-size: 28px;
		}
		.section-title-container .section-title, .section-title-container .section-title span{
			font-size: 24px;
		}
		#crumbs {
			font-size: 14px;
			line-height: 1.2;
		}
		.full-duongdan {
			margin-bottom: 30px;
		}
		.blog-single .entry-header h1 {
			font-size: 28px;
		}
		#related_posts > span {
			font-size: 24px;
		}
		.colhl > .col-inner {
			padding: 20px;
		}
		.btn3 {
			width: 50%;
			margin: 0 auto;
		}
		.section-event p, .quote p {
			font-size: 15px;
		}
		.section-event2 .section-title-container {
			margin-bottom: 15px !important;
		}
		.section-video .video-button-wrapper{
			font-size: 95% !important;
		}
	}