/*** 

====================================================================
	Modern Section
====================================================================

***/

.modern-section{
	position: relative;
	padding: 110px 0px 70px;
}

.modern-section:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    background-color: #f9f8fc;
}

.modern-section .image-column{
	position: relative;
	margin-bottom: 40px;
}

.modern-section .image-column .inner-column{
	position: relative;
}

.modern-section .image-column .inner-column .image{
	position: relative;
	overflow: hidden;
}

.modern-section .image-column .inner-column .image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255,.2);
  border-radius: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.modern-section .image-column .inner-column .image:hover::after {
  -webkit-animation: circle .95s;
  animation: circle .95s;
}

.modern-section .image-column .inner-column .image:before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(68,57,134,0.15);
}

.modern-section .image-column .inner-column .image img{
	position: relative;
	width:100%;
	display: block;
	transition: all 500ms ease;
}

.modern-section .image-column .inner-column .image:hover img{
	transform: scale(1.05);
}

.modern-section .content-column{
	position: relative;
}

.modern-section .content-column .inner-column{
	position: relative;
	padding-left: 30px;
}

.modern-section .content-column .inner-column h2{
	position: relative;
	color:#443986;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 12px;
}

.modern-section .content-column .inner-column .title{
	position: relative;
	color:#555555;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

.modern-section .content-column .inner-column .text{
	position: relative;
	color:#555555;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 35px;
}