@charset "UTF-8";


/* ********************************** */
/* css/page/advice.css */


.companyBanner {
	position: relative;
}
.companyImgWrapper {
	width: 100%;
	height: 460px;
}
.companyTitle {
	background:rgba(255, 255, 255, 0.85);
	font:18px/23px "eurostile-regular";
	color:#26348B;
	padding:30px 40px;
	position: absolute;
	z-index: 10;
	top:150px;
}
.companyTitle span {
  color: #908dc4;
  display: block;
  font-family: "eurostile-bold";
  font-size: 36px;
  line-height: 50px;
  text-transform: uppercase;
}

#companyDescription {
	font-size: 18px;
	line-height: 25px;
}
#companyDescription a {
	color:#26348B;
	font-family: "eurostile-bold";
}
#company {
	margin:50px 0 60px;
}

#companyDescription > ol,
#companyDescription > ul{
	margin-top: 20px;
	margin-bottom: 10px;
}
#companyDescription ol,
#companyDescription ul{
	list-style: disc inside;
}
#companyDescription > ol > li,
#companyDescription > ul > li{
	margin-bottom: 40px;
}


#associates {
	margin: 50px auto 80px;
}

.associate {
	position: relative;
	float: left;
	width: 48%;
}

.associate.second-child {
	margin-left: 4%;
}

.associateLinks {
	float: left;
	position: relative;
	width: 15%;
	height: 210px;
	box-sizing: border-box;
	padding: 50px 0;
	text-align: center;
	background: #222;
	border-right: 1px solid #2f2f2f;
}

.associateData {
	float: left;
	width: 75%;
	height: 110px;
	background: #222;
	padding: 50px 7% 50px 3%;
}

.associateName {
	display: block;
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 15px;
}

.associateDescription {
	color: #FFF;
	font-size: 18px;
}

.associateLinkEmail,
.associateLinkTwitter,
.associateLinkLinkedin {
	display: block;
	width: 100%;
	height: 20px;
	margin-bottom: 15px;
	background: no-repeat center center transparent;
	background-image: url('img/social-buttons.jpg');
}

.associateLinkEmail {
	background-position: center 0;
}

.associateLinkLinkedin {
	background-position: center -20px;
}

.associateLinkTwitter {
	background-position: center -40px;
}

.associateLinkEmail:hover {
	background-position: center -60px;
}

.associateLinkLinkedin:hover {
	background-position: center -80px;
}

.associateLinkTwitter:hover {
	background-position: center -100px;
}

.subtitle {
	font:36px/36px "eurostile-bold";
	color:#908dc4;
	margin-top:30px;
}

@media only screen and (max-width:767px) {
	.companyImgWrapper {
		width: 100%;
		height: 230px;
	}
	.companyTitle {
		background:none;
		font:30px/38px "eurostile-regular";
		color:#26348B;
		padding:20px 0;
		position: static;
		z-index: 10;
		top:0;
	}
	#headerBackground {
	  height: 440px;
	}
	#company {
	  margin: 20px 0 60px;
	}
	#companyDescription {
	  font-size: 15px;
	  line-height: 23px;
	}


}