@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans|Tinos);

/*=====================================

Discover Our People

=====================================*/
/*-------------------------------------
 Discover Our People
-------------------------------------*/
.why_peopleList{
	letter-spacing: -0.4em;
	text-align: left;
	background-color: #424242;
}
.why_peopleListBox{
	display: inline-block;
	width: 33.33333333333333%;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
	background: #FFF;
}
.why_peopleListBox a{
	display: block;
}
.why_peopleListBox a:hover {
	text-decoration:none;
	filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}
.why_peopleListBox ul{
	margin: 0 auto;
	padding: 20px 20px 30px 20px;
	color: #FFF;
	text-align: left;
	box-sizing: border-box;
}
.why_peopleListBox img{
	max-width: 100%;
}	
.why_peopleListTit{
	margin: 0 0 8px 0;
	padding: 0 10px;
	font-size: 1rem;
	line-height: 1.4;
	background: url(/content/400026944.png) no-repeat 0 6px;
}
.why_peopleListName{
	margin: 0 0 8px 0;
	padding: 0 10px;
	font-size: 1.12rem;
}
.why_peopleListDep{
	padding: 0 10px;
	font-size: .75rem;
}
.why_people_cap_in01{
	background-color: #5e5a52;
}
.why_people_cap_in02{
	background-color: #594d4f;
}

/*-------------------------------------
 Interviwe
-------------------------------------*/

.why_peopleInt{
	text-align: center;
}
.why_people_visual{
	margin: 0 auto;
	position: relative;
}
.why_people_visual img{
	max-width: 100%;
}
.why_people_visual dl{
	width: 40%;
	position: absolute;
	right: 20px;
	bottom: 45px;
	background: url(/content/400027058.png) ;
	box-sizing: border-box;
	}

/*-------------------------------------
 media screen
-------------------------------------*/

/* breakpoints
==========================================================================*/
@media screen and (max-width: 1250px) {
}

/* 
=======================;===================================================*/
@media screen and (max-width: 980px) {
/*-------- Discover Our People --------*/
.why_peopleList{
	letter-spacing: -0.4em;
	text-align: center;
	background-color: #424242;
}
.why_peopleListBox{
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}

.why_peopleListTit{
	margin: 0 0 8px 0;
	padding: 0 10px;
	font-size: .87rem;
	line-height: 1.4;
	background: url(/content/400026949.png) no-repeat 0 6px;
	background-size: 5px 8px;
}
.why_peopleListName{
	margin: 0 0 8px 0;
	padding: 0 10px;
	font-size: 1rem;
}
.why_peopleListDep{
	padding: 0 10px;
	font-size: .62rem;
}
}

/* 
==========================================================================*/
@media screen and (max-width: 680px) {/*-------- Discover Our People --------*/

.why_peopleList{
	letter-spacing: -0.4em;
	text-align: left;
	background-color: #FFF;
}


.why_peopleListBox a:hover {
	text-decoration:none;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.why_peopleListBox:hover {
	text-decoration:none;
	filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}
.why_people_cap01{
	background-color: #5e5a52;
}
.why_people_cap02{
	background-color: #594d4f;
}
.why_peopleListBox{
	display: block;
	width: 100%;
	max-width: 680px;
	margin: 0;
	padding: 10px;
	vertical-align: top;
	overflow: hidden;
	box-sizing: border-box;
}
.why_peopleListBox ul{
	margin: 0 auto;
	padding: 10px 5px 15px 5px;
	color: #FFF;
	text-align: left;
	box-sizing: border-box;
}
.why_peopleListTit{
	margin: 0 0 8px 0;
	padding: 0 10px;
	font-size: 1rem;
	line-height: 1.2;
	background: url(/content/400026949.png) no-repeat 0 6px;
	background-size: 5px 8px;
}
.why_peopleListName{
	margin: 0 0 8px 0;
	padding: 0 14px;
	font-size: 1rem;
}
.why_peopleListDep{
	padding: 0 10px;
	font-size: .75rem;
}

}

/* 
==========================================================================*/
@media screen and (max-width: 350px) {
}
