/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:30px;
}

.sec-title .title{
	position:relative;
	color:#243559;
	font-size:20px;
	font-weight:500;
	padding-bottom:18px;
	text-transform:uppercase;
}

.sec-title .title:before{
	position:absolute;
	content:'';
	left:0%;
	bottom:0px;
	height:2px;
	width:40px;
	background-color:#80c32f;
}

.sec-title h2{
	position: relative;
    color:#243559;
    font-weight: 700;
    line-height: 1.3em;
	margin-top:15px;
}

.sec-title h2 span{
	position: relative;
	color:#80c32f;
}

.sec-title .text{
	position: relative;
    color:#777777;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:18px;
	font-size:18px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered .title:before{
	left:50%;
	margin-left:-20px;
}

.sec-title.centered{
	text-align: center !important;
}

/*** 

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two{
	position:relative;
	margin-bottom:30px;
}

.sec-title-two .title{
	position:relative;
	color:#ff4a17;
	font-size:16px;
	line-height:1.4em;
	font-weight:500;
	padding:0px 40px;
	display:inline-block;
	text-transform:uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Roboto', sans-serif;
}

.sec-title-two .title:before{
	position:absolute;
	content:'';
	left:0px;
	top:8px;
	height:2px;
	width:30px;
	background-color:#fe8340;
}

.sec-title-two .title:after{
	position:absolute;
	content:'';
	right:0px;
	top:8px;
	height:2px;
	width:30px;
	background-color:#fe8340;
}

.sec-title-two h2{
	position: relative;
    color:#000000;
    font-weight: 700;
    line-height: 1.2em;
	margin-top:15px;
}

.sec-title-two .text{
	position: relative;
    color:#84869c;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:18px;
	font-size:16px;
}

.sec-title-two.light .text,
.sec-title-two.light .title,
.sec-title-two.light h2{
	color:#ffffff;
}

.sec-title-two.centered{
	text-align: center !important;
}



/*** 

====================================================================
	Cases Section
====================================================================

***/

.cases-section{
	position:relative;
      padding: 100px 0px 0px;
	/* background-color:#f5f8ff; */
}

.case-block{
	position:relative;
	margin-bottom:40px;
}

.case-block .inner-box{
	position:relative;
}

.case-block .inner-box .image{
	position:relative;
	overflow:hidden;
	border-radius:15px;
}

.case-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.case-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-color:rgba(36,53,89,0.80);
}

.case-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.case-block .inner-box .image .overlay-box .search-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	color:#ffffff;
	z-index:1;
	font-weight:400;
	font-size:20px;
	text-align:center;
	line-height:48px;
	margin-left:-25px;
	margin-top:-40px;
	border-radius:5px;
	display:inline-block;
	border:1px solid #ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .image .overlay-box .search-icon:hover{
	background-color:#80c32f;
	color:#ffffff;
	border-color:#80c32f;
}

.case-block .inner-box .lower-content{
	position:relative;
	padding:20px 22px 0px;
	margin-left:15px;
	margin-right:15px;
	margin-top:-40px;
}

.case-block .inner-box .lower-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:20px;
	border-radius:20px;
	background-color:#ffffff;
}

.case-block .inner-box .lower-content .category{
	position:relative;
	color:#80c32f;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
}

.case-block .inner-box .lower-content h4{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:22px;
	margin-top:5px;
}

.case-block .inner-box .lower-content h4 a{
	position:relative;
	color:#243559;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-block .inner-box .lower-content h4 a:hover{
	color:#80c32f;
}

.case-block .inner-box .lower-content .arrow{
	position:relative;
	/* height:35px; */
	color:#243559;
	font-size:28px;
	bottom:0px;
	padding-right:20px;
	/* line-height:31px; */
	border-radius:5px;
	margin-bottom:-2px;
	display:inline-block;
	padding:7px 20px 1px 1px;
	border:2px solid #243559;
	background-color:#ffffff;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.case-block .inner-box .arrow:after{
	position:absolute;
	content:'';
	right:0px;
	top:50%;
	height:2px;
	width:50px;
	opacity:0;
	margin-top:-1px;
	background-color:#243559;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.case-block .inner-box:hover .arrow:after{
	right:-50px;
	opacity:1;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.case-block .inner-box .arrow .txt{
	position:relative;
	font-size:17px;
	top:-5px;
	opacity:0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.case-block .inner-box:hover .arrow{
	border-radius:50px;
}

.case-block .inner-box:hover .arrow .txt{
	opacity:1;
}

.case-block .inner-box .arrow .arrow-icon{
	position:relative;
	margin-left:-18px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.case-block .inner-box:hover .arrow .arrow-icon{
	margin-left:8px;
}

.case-block .inner-box:hover .arrow{
	color:#ffffff;
	padding-left:15px;
	background-color:#243559;
}





/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:0 0px 100px;
	/* background-color:#e2e9f3; */
}

.team-section.style-two{
	padding:0px 0px 70px;
	background-color:#f5f8ff;
}

.team-section .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.team-block{
	position:relative;
	margin-bottom:30px;
	/* background-color: white; */
}

.team-block .inner-box{
	position:relative;
	background-color: white;
}

.team-block .inner-box .image{
	position:relative;
	overflow:hidden;
	border-radius:15px 15px 0px 0px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.team-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.team-block .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.80;
      background-color: #3333333b;
}

.team-block .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.team-block .inner-box .image .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.team-block .inner-box .image .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.team-block .inner-box .social-box{
	position:relative;
}

.team-block .inner-box .social-box li{
	position:relative;
	margin:0px 3px;
	display:inline-block;
}

.team-block .inner-box .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	font-size:18px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	display:inline-block;
	background-color:#1b4195;
}

.team-block .inner-box .social-box li.twitter a{
	background-color:#31ade1;
}

.team-block .inner-box .social-box li.linkedin a{
	background-color:#0f72aa;
}

.team-block .inner-box .social-box li.instagram a{
	background-color:#db2f4f;
}

.team-block .inner-box .lower-content{
	position:relative;
	margin-top:-25px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	padding:20px 20px 25px;
	background-color:#ffffff;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	border-radius:0px 0px 15px 15px;
	border-bottom:4px solid transparent;
	box-shadow:0px 5px 15px rgba(0,0,0,0.10);
}

.team-block .inner-box .lower-content h4{
	position:relative;
	color:#243559;
	font-size:24px;
	font-weight:700;
	line-height:1.2em;
}

.team-block .inner-box .lower-content h4 a{
	position:relative;
	color:#243559;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.team-block .inner-box .lower-content h4 a:hover{
	color:#80c32f;
}

.team-block .inner-box .lower-content .designation{
	position:relative;
	color:#92a0bb;
	font-size:14px;
	margin-top:5px;
	display:block;
}

.team-block .inner-box:hover .lower-content{
	border-color:#80c32f;
}