/*------------------------------------------------------------------------
# mod_ol_team6 Extension
# ------------------------------------------------------------------------
# author    olwebdesign
# copyright Copyright (C) 2019 olwebdesign.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.olwebdesign.com
-------------------------------------------------------------------------*/

/*** 

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

***/

.team-section{
	position:relative;
	padding:110px 0px 80px;
}

.team-section .sec-title .seperater:after{
	border-color:#000000;
}

.team-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
	padding-right:30px;
}

.team-block .inner-box:before{
	position:absolute;
	content:'';
	left:30px;
	top:30px;
	right:0px;
	bottom:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px solid rgba(255,255,255,0.20);
}

.team-block .inner-box:hover::before{
	border-color:#fda700;
}

.team-block .inner-box .image{
	position:relative;
	overflow:hidden;
}

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

.team-block .inner-box .image .social-nav{
	position:absolute;
	left:-400px;
	bottom:30px;
	padding:12px 0px;
	padding-left:0px;
	display:inline-block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box .image .social-nav:before{
	position:absolute;
	content:'';
	left:-40px;
	top:0px;
	right:-25px;
	bottom:0px;
	transform:skewX(30deg);
	background-color:rgba(253,167,0,0.80);
}

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

.team-block .inner-box .image .social-nav li a{
	position:relative;
	font-size:16px;
	color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .image .social-nav li a:hover{
	color:#222222;
}

.team-block .inner-box:hover .image .social-nav{
	left:0px;
}

.team-block .inner-box .lower-content{
	position:relative;
	text-align:right;
	padding:25px 0px 20px;
}

.team-block .inner-box .lower-content h3{
	position:relative;
	font-size:24px;
	color:#fda700;
	text-transform:uppercase;
}

.team-block .inner-box .lower-content .designation{
	position:relative;
	font-size:14px;
	margin-top:4px;
}

.team-block .inner-box .lower-content .team-text{
	position:relative;
	margin-left: 30px;
	margin-top:10px;
}

.team-block.style-two .inner-box:before{
	border-color:#222222;
	background-color:#eeeeee;
}

.team-block.style-two .inner-box .lower-content .designation{
	color:#222222;
}

/***

====================================================================
	Team Section Two
====================================================================

***/

.team-section-two{
	position:relative;
	background-color:#f5f5f5;
}

.team-section-two .title-column{
	position:relative;
}

.team-section-two .title-column .inner-column{
	position:relative;
}

.team-section-two .title-column .sec-title{
	margin-bottom:55px;
}

.team-section-two .title-column .text{
	position:relative;
	color:#0e0e0e;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:35px;
}

.team-section-two .blocks-column{
	position:relative;
}

.team-section-two .blocks-column .inner-column{
	position:relative;
	margin-left:-400px;
}

.team-section-two .big-title{
	position: absolute;
	left:30%;
	top:0px;
	width:170px;
	height:100%;
	background-color:#f9b000;
}

.team-section-two .big-title .txt{
	position:absolute;
	left:50px;
	top:50%;
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	letter-spacing:2px;
	display:block;
	width:300px;
	text-transform:uppercase;
	transform: rotate(-90deg);
    transform-origin: 0% 0%;
}

.team-section-two .blocks-column .inner-column .team-block-two:first-child{
	margin-top:345px;
}

.team-block-two{
	position:relative;
	margin-bottom:30px;
}

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

.team-block-two .inner-box .image{
	position:relative;
	overflow:hidden;
}

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

.team-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:-100%;
	bottom:0px;
	right:0px;
	width:100%;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
}

.team-block-two .inner-box:hover .image .overlay-box{
	left:0%;
}

.team-block-two .inner-box .image .overlay-box .upper-box{
	position:relative;
	padding:18px 30px 22px;
	background-color:rgba(255,255,255,0.90);
}

.team-block-two .inner-box .image .overlay-box .upper-box .upper-inner{
	position:relative;
	padding-left:60px;
	padding-top:4px;
}

.team-block-two .inner-box .image .overlay-box .upper-box .icon{
	position: absolute;
	left:0px;
	top:0px;
	color:#f9b000;
	font-size:40px;
	line-height:1em;
}

.team-block-two .inner-box .image .overlay-box .upper-box h3{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:400;
	line-height:1.3em;
}

.team-block-two .inner-box .image .overlay-box .upper-box h3 a{
	position:relative;
	color:#222222;
	display:block;
}

.team-block-two .inner-box .image .overlay-box .upper-box h3 .designation{
	position:absolute;
	right:0px;
	color:#0e0e0e;
	font-size:14px;
	text-align:right;
}

.team-block-two .inner-box .image .overlay-box .lower-box{
	position:relative;
	text-align:center;
	padding:14px 30px 12px;
	background-color:rgba(0,0,0,0.90);
}

.team-block-two .inner-box .image .overlay-box .lower-box .lower-inner{
	position:relative;
}

.team-block-two .inner-box .image .overlay-box .lower-box .social-nav{
	position:relative;
}

.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li{
	position:relative;
	margin:0px 10px;
	display:inline-block;
}

.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.team-block-two .inner-box .image .overlay-box .lower-box .social-nav li a:hover{
	color:#f9b000;
}

/***

====================================================================
	Team Section Three
====================================================================

***/

.team-block-three{
	position:relative;
	margin-bottom:30px;
}

.team-block-three .inner-box{
	position:relative;
	padding-right:50px;
}

.team-block-three .inner-box:before{
	position:absolute;
	content:'';
	left:30px;
	top:30px;
	right:0px;
	bottom:50px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px dashed #1a232f;
}

.team-block-three .inner-box:hover::before{
	border-color:#cea158;
}

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

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

.team-block-three .inner-box .image .social-nav{
	position:absolute;
	right:-51px;
	top:0px;
	display:inline-block;
	background-color:#ffffff;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block-three .inner-box .image .social-nav li{
	position:relative;
	margin:0px 0px 1px;
	 list-style-type: none;
}

.team-block-three .inner-box .image .social-nav li a{
	position:relative;
	width:50px;
	height:50px;
	font-size:16px;
	color:#ffffff;
	line-height:50px;
	text-align:center;
	display:inline-block;
	background-color:#1a232f;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block-three .inner-box .image .social-nav li a:hover{
	background-color:#cea158;
}

.team-block-three .inner-box .lower-content{
	position:relative;
	padding:20px 30px 20px;
	margin-top:3px;
	background-color:#1a232f;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block-three .inner-box .lower-content h3{
	position:relative;
	font-size:24px;
	color:#ffffff;
	text-transform:capitalize;
}

.team-block-three .inner-box .lower-content .designation{
	position:relative;
	font-size:13px;
	color:#ffffff;
	margin-top:4px;	
	text-transform:uppercase;
}

.team-block-three .inner-box:hover .lower-content{
	background-color:#cea158;
}
.team-block-three .team-text{
	color:#f1f1f1;
	margin-top: 10px;
}
/***

====================================================================
	Team Section Four
====================================================================

***/

.team-section-four{
	position:relative;
	padding:100px 0px 70px;
	background-color:#eeeeee;
}

.team-block-four{
	position:relative;
	margin-bottom:30px;
}

.team-block-four .inner-box{
	position:relative;
	padding-right:50px;
}

.team-block-four .inner-box .image{
	position:relative;
	z-index:1;
}

.team-block-four .inner-box .image .social-nav{
	position:absolute;
	right:0px;
	top:20px;
	opacity:0;
	display:inline-block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block-four .inner-box .image .social-nav li{
	position:relative;
	margin:0px 0px 1px;
	 list-style-type: none;
}

.team-block-four .inner-box .image .social-nav li a{
	position:relative;
	width:50px;
	height:50px;
	font-size:16px;
	color:#222222;
	line-height:50px;
	text-align:center;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block-four .inner-box .image .social-nav li a:hover{
	background-color:#222222;
	color:#fff;
}

.team-block-four .inner-box:hover .image .social-nav{
	opacity:1;
	right:-56px;
}

.team-block-four .inner-box .image img{
	position:relative;
	width:100%;
	border:5px solid #ffffff;
}

.team-block-four .inner-box .image:before{
	position:absolute;
	content:'';
	left:20px;
	top:20px;
	bottom:-20px;
	right:-20px;
	z-index:-2;
	background-color:#dddddd;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block-four .inner-box:hover .image:before{
	right:-56px;
}

.team-block-four .inner-box .author{
	position:absolute;
	left:0px;
	bottom:45px;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	padding:16px 35px;
	display:inline-block;
	background-color:#fda700;
}

.team-block-four .inner-box .lower-content{
	position:relative;
	margin-top:50px;
	text-align:center;
}

.team-block-four .inner-box .lower-content h3{
	position:relative;
	color:#222222;
	font-size:25px;
	font-weight:500;
}

.team-block-four .inner-box .lower-content h3 a{
	position:relative;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block-four .inner-box .lower-content h3 a:hover{
	color:#fda700;
}

/***

====================================================================
	Team Section Five
====================================================================

***/

.team-section-five{
	position:relative;
	padding:100px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
}

.team-section-five:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.90);
}

.team-section-five .sec-title-two h2{
	color:#fda700;
}

.team-section-five .owl-carousel .owl-stage-outer{
	padding-bottom:30px;
}