/* CSS Document */

.page-intro{
	font-size:16px !important;
	line-height:30px;
	color:#7d8185;
}

.page-intro .meet-photographers{
	background-color:#131416;
	padding:65px 0px 65px 0px;
	width:381px;
	text-align:center;
	float:right;
	margin-left:147px;
}

.page-intro .meet-photographers a{
	color:white;
	text-decoration:none;
	font-size:14px;
	background-color:#217fae;
	padding:10px;
	border-radius:3px;
}

.the-team{
	padding-left:24px;
}

.the-team h2{
	color:white;
	font-weight:normal;
	font-size:18px;
	margin-top:86px;
	margin-bottom:0px;
}

.the-team .team-member{
	margin-right:14px;
	margin-top:14px;
	float:left;
}

.the-team .team-member:hover{
	background-color:#1e2123;
	cursor:pointer;
}

.the-team .team-member:hover .name, .the-team .team-member:hover .lbl{
	margin-left:10px;
}

.the-team .team-member .photo{
	width:184px;
	height:184px;
	background-color:#111314;
	cursor:pointer;
}

@media (max-width: 414px) and (min-width: 1px) {
	.the-team .team-member .photo {
		width: 125px;
		height: 125px;
		background-color: #111314;
		cursor: pointer;
	}
	.cut-text{
		text-overflow: ellipsis;
		overflow: hidden;
		width: 125px;
		height: 1.2em;
		white-space: nowrap;
	}
}

@media (max-width: 414px) and (min-width: 1px){
	.team-bio-popup {
		display: none;
		position: fixed;
		top: 44%;
		left: 0%;
		background-color: #181a1c;
		width: 100%;
		height: 528px;
		margin-top: -265px;
		margin-left: 0px;
		z-index: 9999;
		border-radius: 3px;
	}
	.lrgProfileImage{
		width: 130px;
	}
}

.the-team .team-member .name{
	margin-top:14px;
	color:#449ecb;
	font-size:16px;
}

.the-team .team-member .lbl{
	margin-top:4px;
	margin-bottom:14px;
	color:#747474;
	font-size:13px;
}

.success-message{
	display:none;
}

input, textarea{
	width:300px;
}

address{
	line-height:26px;
	font-style:normal;
}

.join-us{
	color:white;
	font-size:18px;
	margin:auto;
	text-align:center;
	margin-top:86px;
	margin-bottom:86px;
}

.join-us a{
	color:white;
	text-decoration:none;
	font-size:17px;
	background-color:#217fae;
	padding:15px;
	padding-top:17px;
	padding-bottom:17px;
	border-radius:3px;
	margin-left:45px;
}

.modal-bg{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index:1000;
}

@media (max-width: 9999px) and (min-width: 415px) {
	.team-bio-popup {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		background-color: #181a1c;
		width: 881px;
		height: 531px;
		margin-top: -265px;
		margin-left: -440px;
		z-index: 1002;
		border-radius: 3px;
	}
}

.team-bio-popup .team-bio{
	position:relative;
}

.team-bio-popup .team-bio .close{
	position:absolute;
	top:20px;
	right:20px;
	background-image:url(../repository_images/new/about/bio-popup-x.gif);
	width:9px;
	height:11px;
	cursor:pointer;
}

@media (max-width: 9999px) and (min-width: 415px) {
	.team-bio-popup .team-bio .photo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 293px;
		height: 421px;
		background-color: #111314;
	}
	.team-bio-popup .team-bio .team-bio-txt{
		position:absolute;
		left:326px;
		right:5px;
		top:40px;
		color:#c9c9c9;
	}

}

@media (max-width: 414px) and (min-width: 1px) {
	.team-bio-popup .team-bio .photo {

	}
	.team-bio-popup .team-bio .team-bio-txt{
		position: absolute;
		left: 10px;
		/* right: 5px; */
		top: 40px;
		color: #c9c9c9;
	}
	.team-bio-popup .team-bio .team-bio-txt h2{
		margin-top: 0px;
		font-weight: normal;
		color: #31a1d9;
		font-size: 31px;
		margin-bottom: 8px;
		margin-left: 130px!important;
	}
	.team-bio-popup .team-bio .team-bio-txt h4 {
		margin-top: 0px;
		font-weight: normal;
		font-size: 16px;
		margin-bottom: 32px;
		margin-left: 133px!important;
	}
	.team-bio-popup .team-bio .team-bio-txt p {
		margin-top: 100px!important;
		font-size: 10px!important;
		line-height: 20px!important;
		height: 320px!important;
		overflow: auto!important;
		padding-right: 0px!important;
	}
}



.team-bio-popup .team-bio .team-bio-txt h2{
	margin-top:0px;
	font-weight:normal;
	color:#31a1d9;
	font-size:31px;
	margin-bottom:8px;
}

.team-bio-popup .team-bio .team-bio-txt h4{
	margin-top:0px;
	font-weight:normal;
	font-size:16px;
	margin-bottom:32px;
}

.team-bio-popup .team-bio .team-bio-txt p{
	margin-top:0px;
	font-size:16px;
	line-height:30px;
	height:320px;
	overflow:auto;
	padding-right:45px;
}

.team-bio-popup .team-bio .team-bio-txt p::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.team-bio-popup .team-bio .team-bio-txt p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.team-bio-popup .team-bio .team-bio-txt p::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #4D4D4D; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.team-bio-popup .team-bio .team-bio-txt p::-webkit-scrollbar-thumb:window-inactive {
	background: #3C3C3C; 
}

.team-bio-popup .team-bio .icons{
	position:absolute;
	right:52px;
	top:480px;
}

.team-bio-popup .team-bio .icons .icon{
	background:url(../repository_images/new/about/icons/email.gif);
	width:30px;
	height:21px;
	float:right;
	margin-left:22px;
	cursor:pointer;
}

.team-bio-popup .team-bio .icons .icon:hover{
	background:url(../repository_images/new/about/icons/email-hvr.gif);
}

.team-bio-popup .team-bio .icons .icon.video{
	background:url(../repository_images/new/about/icons/video.gif);
	margin-left:32px;
}

.team-bio-popup .team-bio .icons .icon.video:hover{
	background:url(../repository_images/new/about/icons/video-hvr.gif);
}

.team-bio-popup .team-bio .icons .icon.facebook{
	background:url(../repository_images/new/about/icons/facebook.gif);
}

.team-bio-popup .team-bio .icons .icon.facebook:hover{
	background:url(../repository_images/new/about/icons/facebook-hvr.gif);
}

.team-bio-popup .team-bio .icons .icon.linkedin{
	background:url(../repository_images/new/about/icons/linkedin.gif);
}

.team-bio-popup .team-bio .icons .icon.linkedin:hover{
	background:url(../repository_images/new/about/icons/linkedin-hvr.gif);
}

.team-bio-popup .team-bio .icons .icon.bio{
	background:url(../repository_images/new/about/icons/bio.gif);
}

.team-bio-popup .team-bio .icons .icon.bio:hover{
	background:url(../repository_images/new/about/icons/bio-hvr.gif);
}

.contact-form{
	background-color: #181a1c;
	box-shadow: 0 0 10px 10px #181a1c;
}

.team-bio-popup .team-bio .contact-form .email-form{
	display:none;
}

.team-bio-popup .team-bio .email-form{
	display:none;
	padding-right:30px;
}

.team-bio-popup .team-bio .contact-form label{
	display:block;
	margin-top:20px;
	margin-bottom:3px;
}

.team-bio-popup .team-bio .contact-form .hint-text{
	color: #B7B7B7;
	font-style: italic;
}

.team-bio-popup .team-bio .contact-form input, .team-bio-popup .team-bio .contact-form textarea{
	padding:5px;
	border:1px solid #202020;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
}

.team-bio-popup .team-bio .contact-form .submit-btn{
	background-color: #0087cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	padding: 7px;
	padding-left: 30px;
	padding-right: 30px;
	border: 0px;
	cursor: pointer;
	width:150px;
	display:block;
	margin-top:10px;
}