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

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


@font-face {
	font-family: helvetica-neue-regular;
	src: url(/wp-content/themes/bds/font/helvetica-neue-regular.ttf) format('truetype'),url(/wp-content/themes/mobiplus/font/helvetica-neue-regular.eot) format('truetype'), url(/wp-content/themes/bds/fonts/SFUFuturaBook.woff) format('truetype') 
}.nav-spacing-xlarge>li a, body, h1,h2,h3,h4,h5,h6{font-family:"helvetica-neue-regular"}
.nav-box>li.active>a, .nav-pills>li.active>a{padding:7px 14px;
	border-radius: 4px;color: white !important;}.nav-spacing-xlarge>li {
		margin: 0 5px !important;
}
.process_steps--style2 {
	overflow: hidden;
	padding: 20px 0;
}
.process_steps {
	overflow: hidden;
	border-radius: 2px;
	margin-bottom: 35px;
	width: 100%;
	min-height: 0;
}.section2 .col{padding-bottom:0}.section2 .cot8{border-radius: 5px;
	position: relative;
	min-height: 230px;background: white;}
.section2 .cot8:before{content: '';
	width: 102%;
	height: 108%;
	position: absolute;
	left: -30px;
	-webkit-transform: skewX(-10deg) translate3d(0,0,0);
	-ms-transform: skewX(-10deg) translate3d(0,0,0);
	transform: skewX(-10deg) translate3d(0,0,0);
	border: solid 1px #E0E0E0;
	top: -4%;
	padding-right: calc(((100vw - 1170px) / 2) + 60px);
	box-sizing: content-box;
	border-radius: 5px;background:white
}
.section2 .cot8 .cot-nho:after{    content: '';
	width: 20px;
	height: 70%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/wp-content/uploads/2018/09/line.jpg);
	left: 100%;
	top: 10%;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg);
	position: absolute;}
.section2 .cot8 .cot-nho{padding-bottom:0}
.section2 .cot8 .last:after{    width: 0;}.section2{    margin-top: -240px;}.thuong-cang .col{padding-bottom:0}.section3{background-image: linear-gradient(to right, #567ea0, #1e4668);}
.section3 .cot1 p{margin-bottom:5px}.section3 .row3 .cot2 p{margin-bottom:10px !important}.icon-box .icon-box-text h3{margin-bottom:0px;color:#154d7e} .section5{background-image:linear-gradient(to bottom, #b6cfe5, #f6f6f7);}.section5 .row2 .cot2 .col-inner{background:white; padding:20px; border-radius:10px; box-shadow:5px 5px 10px gray}
.section6 .icon-box .icon-box-img img{border-radius:10px}.lien-he-section .col{padding-bottom:0}.lightbox-content{border-radius:10px;font-size:14px}.lightbox-content input[type='submit']:not(.is-form){background:#5cb85c; color: white; border-radius:3px;}.lightbox-content{padding-bottom:0 !important}.back-to-top{    background: #156fbf;
	border: 0;
	border-radius: 3px !important;
	color: white;}.hotline1 {
		color: white;
		background: orange;z-index:999;
		position: fixed;
		bottom: 10px;
		right: 7%;
		padding: 5px 25px;
		border-radius: 3px; border-bottom:3px solid #ff8100; height:55px; line-height:20px; font-size:15px; text-align:center
}

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

	.section2 .cot8:before, .section2 .cot8 .cot-nho:after{width:0; border:0
	}.banner-layers .text{display:none}
	.menu-mobile{display:block; width:100%;    height: 50px;line-height:50px;
		background: #156fbf;}.menu-mobile .col{ max-width:20%; float:left}.menu-mobile .col p{font-size:11px; margin-bottom:0}.menu-mobile .col{padding-bottom:0}.sticky {
			position: fixed;
			top: 0;
			width: 100%
	}.sticky + #content{padding-top:120px}.scroll-to-bullets, .hide-for-medium{display:block !important;}.scroll-to-bullets a{margin:20px 20px}.header-nav{display:none}.button.icon.circle{    margin-bottom: 40px;
		background: #03a9f4;
		color: white;}
	.hotline2{right:28%}
}