.page_ourteam {
	background-image:url(../images/page_bg_about.jpg);
}
.ourteam-gallery-cont {
	width:1150px;
	padding-top:30px;
}

.team-thumbcont {
	position:relative;
	width:356px;
	height:140px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	margin-bottom:30px;
	cursor: pointer;
}
.team-thumbcont.col1 {
	float:left;
	margin-right:40px;
}
.team-thumbcont.col2 {
	float:left;
}
.team-thumbcont.col3 {
	float:right;
}
.team-thumbcont .photo {
	position:absolute;
	left:-5px;
	top:-5px;
	width:150px;
	height:150px;
	cursor:pointer;
}
.team-thumbcont .infocont {
	width:356px;
	height:140px;
	display:table-cell;
	vertical-align: middle;
	padding-left:170px;
	box-sizing: border-box;
}
.infocont .linename {
	color:#FFFFFF;
	font-family:'harabararegular', Arial, Helvetica, sans-serif;
	font-size:32px;
	text-align:left;
	line-height:1;
	padding-bottom:5px;
	letter-spacing: 2px;
}
.infocont .linetitle {
	color:#FFFFFF;
	font-family:'MundoSansStd', "Arial Black", Arial, Gadget, sans-serif;
	font-size:14px;
	text-align:left;
	line-height:1;
}


.modal_mask {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:120vh;
	box-sizing: border-box;
	background-color: rgba(64, 64, 64, 0.8);
	background: rgba(64, 64, 64, 0.8);
	color: rgba(64, 64, 64, 0.8);
}
.team_member_info_cont {
	display:none;
	position:absolute;
	width:800px;
	top:50%;
	left:50%;
	margin-top:-302px;
	margin-left:-400px;
	background-color: rgba(64, 64, 64, 0.8);
	background: rgba(64, 64, 64, 0.8);
	color: rgba(64, 64, 64, 0.8);
}
.team_member_info_cont .infophoto {
	float:left;
}
.team_member_info_cont .team-info-right {
	float:right;
	width:540px;
	padding-top:20px;
}

.team-info-right h1, .team-info-right h2, .team-info-right p {
	font-family:'harabararegular',Arial,Calibri,Helvetica;
	font-size:27px;
	text-align:left;
	padding:20px 40px;
}
.team-info-right h1 {
	font-size:50px;
	letter-spacing: 2px;
	padding-bottom:5px;
}
.team-info-right h2 {
	font-size:33px;
	letter-spacing: 2px;
	padding-bottom:5px;
	padding-top:0px;
}
.team-info-right p {
	font-family:'MundoSansStd', Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.4;
	padding-top:40px;
}

@media only screen and (max-width: 1150px) {
	.ourteam-gallery-cont {
		width:900px;
	}
	.team-thumbcont {
		width:280px;
		height:120px;
		margin-bottom:20px;
	}
	.team-thumbcont.col1 {
		margin-right:30px;
	}
	.team-thumbcont .photo {
		left:-5px;
		top:-5px;
		width:130px;
		height:130px;
	}
	.team-thumbcont .infocont {
		width:280px;
		height:120px;
		padding-left:140px;
	}
	.infocont .linename {
		font-size:25px;
	}
	.infocont .linetitle {
		font-size:12px;
	}
}

@media only screen and (max-width: 800px) {
	.team_member_info_cont {
		width:100%;
		top:0%;
		left:50%;
		margin-top:0px;
		margin-left:-50%;
	}
	.team_member_info_cont .infophoto {
		float:left;
		width:35%;
	}
	.team_member_info_cont .team-info-right {
		width:65%;
	}
	.team-info-right h1, .team-info-right h2, .team-info-right p {
		font-size:20px;
		padding:10px 20px;
	}
	.team-info-right h1 {
		font-size:35px;
		letter-spacing: 2px;
		padding-bottom:5px;
	}
	.team-info-right h2 {
		font-size:26px;
		letter-spacing: 2px;
		padding-bottom:5px;
		padding-top:0px;
	}
	.team-info-right p {
		font-family:'MundoSansStd', Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:1.4;
		padding-top:20px;
	}
}

@media only screen and (max-width: 640px) {
	.team-thumbcont.col3 {
		float:left;
	}
}