/**Website left content Style CSS*/
.bg-blue{
	background-color: #1b5588;
}
.bg-lgrey{
	background-color: #f1f1f1;
}
.our-team{
	background: url("../images/teams.jpg") fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height:calc(80vh);
}
.team-bg{
	background-color: rgba(0, 16, 120, 0.8);
	height: calc(80vh);
}
@media (max-width:455px){
	.team-bg{ 
		height:calc(100vh);
	}
}
.heightvhcal{
	height: calc(70vh);
}
.team-img{
	width: 100%;
	height:100%;
	margin: auto;
}
.pname{
	height:60px;
	color:#fff;
	background-color: #393185;
}
.pdesg{
	height:60px;
	color:#fff;
	background-color: #0070C0;
}
.lh60{
	line-height: 60px;
}

.team-img-wrapper{
	position: relative;
	height: 100%;
	width: 90%;
	margin: auto;
}
.tm-details{
	position: absolute;
	height:0;
	top:1px;
	width:100%;
	background-color: #fff;
	z-index:-1;
	transition:all 0.4s;
	perspective: 1000px; 
}
.team-img-wrapper:hover .tm-details{
	display: block;
	height:100%;
	top:0px;
	z-index:2;
	background-color:rgba(255,255,255,.6);
}
.social-icon a{
	color: #000;
}
.fa-linkedin-square:hover{
	color: #006DC0;
}
.fa-facebook-square:hover{
	color: #3B5999;
}
.fa-google-plus-square:hover{
	color: #e83b2a;
}
.fa-twitter-square:hover{
	color: #0087bd;
}
@media(max-width:768px){
	.team-img-wrapper{
		width: 100%;
	}	
}
@media only screen and (min-width:250px) and (max-width: 767px){
	.btn-contact{
		margin-bottom: 40px
	}
}
/* css for modal */
.modal-content{
	background-color: transparent;
	box-shadow :none;
	border: 0px;
}
.modal-background{
	background-color: rgba(16, 16, 16,0.7);
}