
/*** 

====================================================================
	Fluid Section Two
====================================================================

***/

.fluid-section-one{
	position:relative;
}

.fluid-section-one .outer-container{
	position:relative;
	min-height:250px;
	background-color:#f9f8fc;
}

.fluid-section-one .image-column{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
}

.fluid-section-one .image-column .image-box{
	position:relative;
	display:none;	
}

.fluid-section-one .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.fluid-section-one .content-column{
	position:relative;
	float:right;
	width:50%;
}

.fluid-section-one .content-column .inner-column{
	position:relative;
	width:100%;
	padding:100px 0px 80px 45px;
}

.fluid-section-one .content-column .inner-column .title-box{
	position: relative;
	width:50%;
	float: left;
}

.fluid-section-one .content-column .inner-column .title-box .box-inner{
	position: relative;
	padding-right: 50px;
}

/*.fluid-section-one .content-column .inner-column .title-box{
	position: relative;
	width:50%;
	float: left;
}*/

.fluid-section-one .content-column .inner-column .title-box h2{
	position: relative;
    color: #443986;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3em;
	margin-bottom: 20px;
    text-transform: capitalize;
}

.fluid-section-one .content-column .inner-column .title-box .text{
	position: relative;
	padding-left: 50px;
	color:#555555;
	font-size: 16px;
	line-height: 1.7em;
}

.fluid-section-one .content-column .inner-column .title-box .text:before{
	position: absolute;
	content: "\f1ac";
	left: 0px;
	top: 0px;
	color:var(--theme-color);
	line-height: 1em;
	font-size: 40px;
	font-family: "Flaticon";
}

.fluid-section-one .content-column .carousel-box{
	position: relative;
	float: right;
	width:50%;
}

.fluid-section-one .content-column .carousel-box .box-inner{
	position: relative;
	padding: 100px 40px 80px;
	background-color: #222222;
}

.fluid-section-one .content-column .carousel-box .quote-icon{
	position: absolute;
	right: 60px;
	top: -28px;
	color:var(--theme-color);
	line-height: 1em;
	font-size: 60px;
}

.fluid-section-one .content-column .carousel-box .owl-nav,
.fluid-section-one .content-column .carousel-box .owl-dots{
	display:none;
}


/*** 

====================================================================
	Fluid Section Two
====================================================================

***/

.fluid-section-two{
	position:relative;
}

.fluid-section-two .outer-container{
	position:relative;
	min-height:250px;
	background-color:#443986;
}

.fluid-section-two .image-column{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
}

.fluid-section-two .image-column .image-box{
	position:relative;
	display:none;	
}

.fluid-section-two .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.fluid-section-two .content-column{
	position:relative;
	float:right;
	width:50%;
}

.fluid-section-two .content-column .inner-column{
	position:relative;
	max-width:650px;
	width:100%;
	padding:100px 15px 100px 100px;
}


/*** 

====================================================================
	Fluid Section Three
====================================================================

***/

.fluid-section-three{
	position:relative;
	background-color:#f9f8fc;
}

.fluid-section-three .left-column{
    position: relative;
    left: 0px;
	top:0px;
    width: 50%;
    height: 100%;
	float: left;
}

.fluid-section-three .left-column .inner-column{
	position: relative;
	max-width: 650px;
	width: 100%;
	float: right;
	padding: 130px 80px 130px 15px;
}

.fluid-section-three .left-column .inner-column .btn-box{
	margin-top: 50px;
}

.fluid-section-three .right-column{
    position: relative;
    right: 0px;
	top:0px;
    width: 50%;
    height: 100%;
	float:right;
	background-size: cover;
	background-repeat: no-repeat;
}

.fluid-section-three .right-column .inner-column{
	position: relative;
	max-width: 600px;
	float: left;
	padding: 130px 15px 130px 160px;
}

.fluid-section-three .right-column:before{
	position:absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(68,57,134,0.90);
}

.fluid-section-three .right-column .inner-column .play-btn{
	position: relative;
	width:80px;
	height: 80px;
	color:#222222;
	font-size: 28px;
	padding-left: 6px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 50px;
	display: inline-block;
	background-color: #ffffff;
}

.fluid-section-three .right-column .inner-column .play-btn:before{
	position: absolute;
	content: '';
	left: -5px;
	top: -5px;
	bottom: -5px;
	right: -5px;
	border-radius: 50px;
	border: 5px solid rgba(255,255,255,0.20);
}

.fluid-section-three .right-column .inner-column .play-btn:after{
	position: absolute;
	content: '';
	left: -10px;
	top: -10px;
	bottom: -10px;
	right: -10px;
	border-radius: 50px;
	border: 4px solid rgba(255,255,255,0.10);
}

.fluid-section-three .right-column .inner-column h2{
	position:relative;
	color:#ffffff;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3em;
}

.fluid-section-three .right-column .inner-column .title{
	position:relative;
	color:#ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 8px;
	margin-bottom: 35px;
}

.fluid-section-three .right-column .inner-column .title:before{
	position: absolute;
	left: -50px;
	top: 11px;
	content: '';
	height: 1px;
	width: 35px;
	background-color: rgba(255,255,255,0.40);
}

.fluid-section-three .right-column .inner-column .text{
	position:relative;
	color:#ffffff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6em;
	margin-bottom: 50px;
}


/*** 

====================================================================
	Fluid Section Four
====================================================================

***/

.fluid-section-four{
	position:relative;
	background-color:#f9f8fc;
}

.fluid-section-four .image-column{
    position: absolute;
    left: 0px;
	top:0px;
    width: 50%;
    height: 100%;
	float:right;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fluid-section-four .image-column .image{
    width: 100%;
    display: none;
}

.fluid-section-four .image-column .image img{
    display: block;
    width: 100%;
}

.fluid-section-four .image-column .overlay-link{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(68,57,134,0.70);
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.fluid-section-four .image-column .overlay-link .icon-box{
    position: absolute;
    left: 50%;
	top: 50%;
    width: 80px;
    height: 80px;
    color: #222222;
    font-size: 28px;
    padding-left: 6px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 50px;
    display: inline-block;
	margin-left: -40px;
	margin-top: -40px;
    background-color: #ffffff;
}

.fluid-section-four .image-column .overlay-link .icon-box:before{
	position: absolute;
    content: '';
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    border-radius: 50px;
    border: 5px solid rgba(255,255,255,0.20);
}

.fluid-section-four .image-column .overlay-link .icon-box:after{
	position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    bottom: -10px;
    right: -10px;
    border-radius: 50px;
    border: 4px solid rgba(255,255,255,0.10);
}

.fluid-section-four .image-column:hover .overlay-link{
	background: rgba(68,57,134,0.40);
}

/*Content Column*/

.fluid-section-four .content-column{
	position: relative;
    width: 50%;
	float:right;
	padding:85px 60px 100px 90px;
}

.fluid-section-four .content-column .content-box{
	position:relative;
	max-width:525px;
	float:left;
}