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

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
	overflow:hidden;
}
p{
	margin-bottom:10px;
}
.icon-menu{
	width:40px;
	height:40px;
	position:relative;
}
.icon-menu:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-image:url('/wp-content/uploads/2019/12/menu.png');
	background-size:100% 100%;
}
.section-title-normal,.section-title-normal span{
	border-bottom-width:0px;	
}
.row-list-home .col-inner.dark{
	border-radius:20px;
}
.absolute-footer{
	display:none;
}
.flickity-page-dots{
	bottom:15%;
}
.flickity-page-dots .dot.is-selected{
	background-color: #20a2dc;
	border-color: #20a2dc;
}
.flickity-page-dots .dot{
	opacity:1;
	border-color:#fcb632;
	background-color:#fcb632;
}
.col-bg-project{
	background-image:url('/wp-content/uploads/2019/12/bg-content-project.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position-y: -100px;
}
.header-main .container{
	max-width:950px;
}
#logo{
	width:35%!important;
}
.logo-left .logo{
	margin-left:15%;
}
.row-technology .col-inner{
	display:flex;
}
.row-technology p{
	text-transform:uppercase;
	font-size:18px;
	align-items:center;
	justify-content:center;
	display:flex;
	width:100%;
	margin-bottom:0px;
}
.col-bg-project tbody td:first-child,.col-who-are-you tbody td:first-child{
	text-transform:uppercase;
}
.col-who-are-you tbody td{
	width:50%;
}
.mapplic-element{
	overflow:initial!important;
}
.mapplic-tooltip-content{
	max-height:initial!important;
}
a.mapplic-pin.pin-classic{
	background-color:initial!important;
	color:#000!important;
	width:auto!important;
	height:auto!important;
	line-height: 1.5vw !important;
}
.mapplic-pin.pin-classic span{
	font-size:1.5vw;
	text-transform:uppercase;
}
.mapplic-pin.pin-classic:before{
	content:none!important;
}
.mapplic-tooltip-title{
	text-transform:uppercase;
}
.mfp-close{
	color:inherit;
}
.mfp-container{
	z-index:99;
}
.off-canvas-right .mfp-content{
	width:260px!important;
}
.mapplic-tooltip-wrap{
	background:none!important;
	box-shadow:none!important;
}
.mapplic-tooltip-close{
	background-size: 20px 20px!important;
	width: 20px!important;
    height: 20px!important;
}
.mapplic-hovertip .mapplic-tooltip-wrap{
	background:#fff!important;
}
.mapplic-map .mapplic-image, .mapplic-map .mapplic-tooltip{
	max-width:7%!important;
}
.mapplic-tooltip:after{
	content:none!important;
}
.mapplic-hovertip .mapplic-tooltip:after{
	content:""!important;
}
.section-hidden{
	height:0px;
	opacity:0;
	z-index:-1;
}
h2 span{
	cursor:pointer;
}
.text-box-benefits{
	height: 85%;
    display: flex;
	align-items: center;
    background-color: rgba(252, 182, 50, 0.3);
    justify-content: center;
	left:5%!important;
}
@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h2 span{
		font-size:100%!important;
	}
	.section-hidden .row-collapse>.col{
		padding:0px 15px!important;
	}
	.flickity-page-dots {
		bottom: 15%;
	}
	.transparent .header-main {
		height: 90px!important;
	}
	#footer section{
		padding-left:15px;
		padding-right:15px;
	}
}