/*
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.   ***************/
.nav > li > a:hover, .nav > li > a:focus {
    color: #f8ac00 !important;
}
.header-contact {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	margin-top: 15px;
}
.html.custom {
	display: flex;
	color: #333;
	float: left;
	position: relative;
}
.html.custom .ic-contact {
	padding-top: 7px;
	width: 42px;
}
.html.custom a {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-left: solid 1px #ddd;
	padding-left: 15px;
	margin-left: 15px;
	width: 100%;
	text-transform: none;
	padding-top: 0;
	padding-bottom: 0;
}
.html.custom a span {
	color: #333333;
	display: block;
	font-weight: normal;
}
.html_top_right_text.html.custom a{border-width: 0}
.header-bottom .nav-spacing-xlarge>li {
	margin: 0 32px;
}
.header-bottom .flex-left{
	margin: 0 auto;
}
.header-bottom .flex-right {
	display: none
}
.sl-dk h2, .sl-dk p {
	color: #fff;
	text-align: left;
}
.section-advantage h2{color:#fff}
.sl-dk-right {
	display: block;
	border-left: solid 2px #005a9d;
	border-top: solid 3px #005a9d;
	background: #fff;
	box-shadow: -6px -5px 15px 10px rgba(0,0,0,.3);
}
.sl-dk-right input[type='submit']:hover{background:#005a9d }
.sl-dk-right .wpcf7-form-control-wrap:first-child {
	margin-right: 6px;
}
.sl-dk-right form{margin-bottom: 0;}
.sl-dk-right .form-control {
	height: 50px;
	padding-left: 50px;
	margin-bottom: 0px;
	border-radius: 0;
	font-size: 13px;
	padding-right: 0;
}
.form-group .wpcf7-form-control-wrap::before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Font Awesome 5 Free";
	color: #9e9e9e;
	background: #e4e2e2; 
	padding: 10px;
	width: 35px;
	height: 100%;
	text-align: center;
}
.form-group .wpcf7-form-control-wrap.your-name::before {
	content: "\f007";
}
.form-group .wpcf7-form-control-wrap.your-phone::before {
	content: "\f3cd";
	font-weight: 900;
	font-size: 18px;
}
.form-group .wpcf7-form-control-wrap.your-card::before {
	content: "\f2bb";
}
.form-group .wpcf7-form-control-wrap.your-email::before {
	content: "\f0e0";
}
.form-group .wpcf7-form-control-wrap.your-address::before {
	content: "\f3c5";
	font-weight: 900;
}
.form-group .wpcf7-form-control-wrap.your-message::before {
	content: "\f303";
	font-weight: 900;
}
.form-group.row-small>.col.submit{padding-bottom: 0;padding-right: 5px;}
.form-group.row-small>.col {padding: 0 0 7.6px 4.8px ;}
.form-group input[type='submit']{
	width: 100%;
	margin-bottom: 0;
	background: linear-gradient(90deg, rgb(0 70 122) 1%, rgb(15 150 250) 53%, rgb(0 70 122) 100%);
	font-size: 20px;
}
.info-introduce ul li::marker  {
	color: #005a9d;
}
.section-advantage .section-bg.bg-loaded{
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
}
.box-advantage, .box-advantage-end {
	background: #ffffff;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
	max-width: 360px;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	padding-bottom: 0;
	border-radius: 50px; 
	margin-bottom: 30px;
}
.box-advantage .inner-advantage, .box-advantage-end .inner-advantage {
	display: table;
	height: 90px;
	width: 100%;
	padding: 10px;
	padding-left: 40px;
	position: relative;
}
.box-advantage .inner-advantage > .txt-advantage, 
.box-advantage-end .inner-advantage > .txt-advantage {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	color: #606060;
}
.box-advantage:hover, .box-advantage-end:hover {
	background: linear-gradient(45deg, rgb(0 90 157) 0%, rgb(91 136 169) 100%);
}
.box-advantage:hover .inner-advantage > .txt-advantage, 
.box-advantage-end:hover .inner-advantage > .txt-advantage {
	color: #fff;
}
.box-advantage .inner-advantage::before, 
.box-advantage-end .inner-advantage::before {
	content: url(../flatsome/img/ic-chart.png);
	position: absolute;
	left: -36px;
	top: 10px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	z-index: 10;
	text-align: center;
	padding-top: 18px;
	background: linear-gradient(90deg, rgb(0 90 157) 0%, rgb(91 136 169) 100%);
}
.box-advantage .inner-advantage::after {
	content: "";
	position: absolute;
	left: -10px;
	top: 70px;
	width: 2px;
	height: 90px;
	z-index: 1;
	background: #005a9d;
}
.left-training {
	border-right: solid 1px #999;
	max-width: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.right-training {
	max-width: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.item-training .txt-training {
	color: #606060;
	display: block;
	margin-bottom: 0px;
	width: 100%;
	line-height: 25px;
	height: 75px;
}
.item-training .number-training {
	padding: 0;
	color: #005a9d;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	width: 150px;
	padding-right: 50px;
}
.content-training .item-training {
	display: flex;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	position: relative;
}
.item-training .number-training::before {
	position: absolute;
	bottom: 0;
	z-index: 1;
	content: url(../flatsome/img/ic-training-left.png);
	width: 81px;
	height: 28px;
	right: 0;
}
.right-training .item-training .number-training {
	padding-right: 0;
	padding-left: 50px;
}
.right-training .item-training .number-training::before {
	content: url(../flatsome/img/ic-training-right.png);
	left: -16px;
}
.box-videos {border: solid 2px #ffc54c;}
.excerpt-recruitment ul li {
	position: relative;
	padding: 0px;
	padding-left: 30px;
	color: #fff;
	margin: 30px 0px;
	display: block;
}
.excerpt-recruitment ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #FFF;
}
.content-gallery::before {
	position: absolute;
	left: 0px;
	bottom: 3px;
	content: "";
	width: 30%;
	height: 73.8%;
	background: url(../flatsome/img/thumb-left.jpg)left bottom no-repeat;
	z-index: 0;
}
.content-gallery::after {
	position: absolute;
	right: 0px;
	bottom: 3px;
	content: "";
	width: 30%;
	height: 73.8%;
	background: url(../flatsome/img/thumb-right.jpg)right bottom no-repeat;
	z-index: 0;
}
.content-gallery .img .img-inner{padding: 3px}
.slider-nav-circle .flickity-prev-next-button svg{
	background-color:rgba(0, 0, 0, 0.6);
	border-width: 0;
}
.content-gallery .slider-nav-circle .flickity-prev-next-button.previous{
	left: 19%;
}
.content-gallery .slider-nav-circle .flickity-prev-next-button.next{
	right: 19%;
	z-index: 999;
}
.footer-wrapper, .footer-wrapper a{color: #fff; font-family: "Roboto", sans-serif;}
.footer-wrapper .is-divider{background-color:#fff}
.footer-wrapper span.widget-title {
    font-size: 18px;
}
.fa-map-marker-alt{	
    position: absolute;
    left: 16px;
    top: 60px;
}
footer-wrapper .fa{font-size: 13px;}
#custom_html-5 p.address-sl{padding-left: 20px;}
.footer-wrapper p{
	margin-bottom: 15px;
}
.large-columns-2>.col#custom_html-4 .tit-fanpage{ 
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
/* 	margin-top: 70px;
	margin-bottom: 17px; */
}
.logo-footer {
	margin-bottom: 30px;
}
.logo-footer img{width: 50%}
.inner-contactbox {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
.ic-contactbox {
	width: 45px;
	margin-top: 10px;
}
.link-contactbox {
	width: 100%;
	display: block;
	border-left: solid 1px #ddd;
	padding-left: 15px;
	margin-left: 15px;
}
.ic-contactbox > img {
	filter: grayscale(100%) brightness(250%) sepia(100%) hue-rotate(5deg) saturate(500%) contrast(0.7);
}
.link-contactbox > span {
	display: block;
}
#footer .button.icon {
	background: #005a9d;
	border: solid 1px white;
	-webkit-box-shadow: -3px 3px 8px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: -3px 3px 8px 2px rgba(0,0,0,0.5);
	box-shadow: -3px 3px 8px 2px rgba(0,0,0,0.5);
	color: #fff;
}
.absolute-footer.dark {
    color: rgb(255 255 255);
}
.section-title-normal span {
    border-color: #005a9d;
}
.newsletter label {
    width: 72%;
}
.newsletter input{
	margin-bottom:0;
	min-height:36px
	
}
.newsletter input[type='submit']{
	padding:0 9px;
	min-height:38px;
	background:#000 !important;
	line-height:0;
	text-transform:none
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.row-collapse {
		padding: 15px;
	}
	.content-gallery::before, .content-gallery::after{height: 0}
	.logo-footer img {
		width: 100%;
	}
	.large-columns-2>.col#custom_html-3, .large-columns-2>.col#custom_html-4{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.large-columns-2>.col#custom_html-4 .tit-fanpage{margin-top: 0}
	.content-training .item-training {
		display: block;
		margin-top: 68px;
	}
	.content-training .item-training:first-child{margin-top:0;}
	.item-training .number-training {
		padding-right: 25px;
		width: 120px;
		font-size: 16px;
		padding-bottom: 25px;
		width: 100%;
	}
	.item-training .txt-training {
		position: absolute;
		font-size: 14px;
		line-height: 22px;
		height: 66px;
		padding-right: 10px;
		top:50px;
	}
	.right-training .item-training .number-training {
		padding-left: 25px;
	}
	.image-recruitment{margin: 0 auto;}
	.excerpt-recruitment{margin-top: 5%;}
	.excerpt-recruitment h2{text-align: center;}
	.excerpt-recruitment .is-divider{margin: 0 auto;}


}