/**
* CSS for Member, Client, Broker, and Provider Landing ages. 
*/
.signinbox{
	height:440px;
	padding:30px;
	margin-left:0;
	border:1px solid #e5e6ec;
}
.signinbox h3{
	font-size:24px;
	font-family:'Roboto Condensed', sans-serif; 
	text-transform: uppercase;
	color:#b7b7b7;
	font-weight: 300;
	margin:0;
}
.signinwindow{
	margin-top:30px;
}
.signinbox hr{
	float:left; 
	width:50px;
	margin-top:15px;
}
/* Video Feature */
a.video-feature{
	font-family:'Roboto Condensed', sans-serif; 
	text-transform: uppercase;
	background: #c5c8e8;
	display: inline-block;
    padding:12px;
    width: 100%;
    height:105px;
}
a.video-feature:hover{
	color:#fff;
	background:#172984;
	text-decoration: none; 
}
a.video-feature:hover strong {color:#fff;}
a.video-feature strong{margin-top:0;}
a.video-feature:hover i.how-play{
	background-position: 100% 0;
	opacity: 0.5;
}
.video-feature .iconwrapper{
	border-right: 1px solid #8C92D1;
    display: block;
    float: left;
    height: 80px;
    padding: 23px 23px 23px 8px;
    width: 100px;
    margin-right: 20px;
}
.video-feature .video-msg{
	display:block;
	padding:20px 0 0 120px;
	text-align: center;
}
.video-msg strong{
	font: 400 24px/26px 'Roboto Condensed',sans-serif;
	margin-bottom: 0;
}
.es .video-msg strong{
	font: 400 22px/24px 'Roboto Condensed',sans-serif;
}
.video-msg p{font-size:14px;}
a:hover .video-msg strong{
	text-decoration: none;
}
@media screen and (max-width: 960px){
	.video-feature .video-msg strong{
		font-size: 20px;
		line-height:24px;
	}
	.video-feature .video-msg {
    	padding: 18px 0 0 120px;
	}
}
@media screen and (max-width: 767px){
	.signinbox{height:auto;}
}
@media screen and (max-width:640px){
	.signinbox{margin-bottom: 15px;}
}
@media screen and (max-width: 360px){
	.video-feature i{
		margin:25px 19px;
	}
	.video-feature strong{
		font-size:20px;
	}
	.video-feature .iconwrapper{
	    padding: 0 23px 23px 8px;
	}
	a.video-feature {
		padding: 12px 7px;
	}
}