/* FIX TO LOGO */

@media screen and ( min--moz-device-pixel-ratio: 2), {
	#logo a{
		background-image: url('/assets/images/interface/logo_small@2x.png');
		background-size: 145px 155px;
	}
}

@media screen and (min-width: 768px) {

	@media screen and (-webkit-min-device-pixel-ratio: 2){
		#logo a{
			background-image: url('/assets/images/interface/logo_large@2x.png');
			background-size: 180px 185px;
		}
	}
	@media screen and ( min--moz-device-pixel-ratio: 2), {
		#logo a{
			background-image: url('/assets/images/interface/logo_large@2x.png');
			background-size: 180px 185px;
		}
	}

}

/* Homepage intro */

.homepage_intro{
	margin: 0 4.5% 1.5625%;
}
.homepage_intro h1{
	text-align: center;
}
@media screen and (min-width: 768px) {
	.homepage_intro{
		margin: 0 1.5625% 1.5625%;
	}
	.homepage_intro_content{
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 20px;
	    -moz-column-gap: 20px;
	    column-gap: 20px;
	}
}
@media screen and (min-width: 1024px) {
	.homepage_intro_content{
	    -webkit-column-gap: 30px;
	    -moz-column-gap: 30px;
	    column-gap: 30px;
	}
}

/* Homepage boxes */

.FrontBox {
	margin: 0 4.5% 13.5%;
}
#FrontSecond {
	margin-bottom: 9%;
}
#FrontThird {
	margin-bottom: 22.5%;
}
@media screen and (min-width: 768px) {
	.FrontBox, #FrontSecond, #FrontThird {
		margin: 0 0 7.8125% 3.125%;
	}
}
@media screen and (min-width: 1024px) {
	.FrontBox, #FrontSecond, #FrontThird {
		margin: 0 0 9.375% 3.125%;
	}
}

.FrontBox h2{
	text-align:center;
	padding-top:0;
}

.FrontBoxHalf{
	margin: 0 4.5% 9%;
}
@media screen and (min-width: 768px) {
	.FrontBoxHalf{
		width:46.875%; /* 290/960 */
		margin:0 0 4.6875% 3.125%; /* (70) 30/960 */
	}
	.FrontBoxHalf:first-of-type{
		margin:0 0 4.6875% 1.5625%; /* (45) 15/960 */
	}
}

h3.toggleListLink {
    background: #343434;
    border-bottom: 2px solid #262626;
    border-radius: 0 2px 0 0;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.33333;
    margin: 6px 0 0;
    padding: 13px 0 7px;
    text-shadow: 0 1px 0 #323232;
    display:block;
    float:left;
    width:50%;
    cursor:pointer;
    text-align:center;
}
h3.toggleListLink:first-of-type {
    border-radius: 2px 0 0 0;
}
h3.toggleListLink.selected {
	background: #464646;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid #9eb327;
    margin-top:0;
    padding:15px 0 11px;
}
h3.toggleListLink span{
	padding:0 0 0 18px;
}

.toggleListLinks{
	*zoom:1;
}
.toggleListLinks:before,
.toggleListLinks:after {
	content:"";
	display:table;
}
.toggleListLinks:after {
	clear:both;
}

ul.toggleList{
	display:none;
}
ul.toggleList.show{
	display:block;
}

.leadershipContainer{
	position:relative;
	display:block;
    padding:6px 0 0;
}
.leadershipInner{
	position:relative;
	display:block;
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
    border-radius: 2px 2px 2px 2px;
    padding-bottom:50%;
}
.leadershipInner:first-of-type{
    margin:0 0 10px;
}
@media screen and (min-width: 768px) {
	.leadershipInner{
    	padding-bottom:0;
	    height:212px;
	}
}
@media screen and (min-width: 1024px) {
	.leadershipInner{
	    height:170px;
	}
}
.leadershipInner h3{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 0px;
	border-bottom: 0;
	color: #c7de44;
    text-align:center;
    padding: 0.75em 0;
}
.leadershipInner:hover h3{
	background: rgba(173, 196, 43, 0.85);
	color: #000000;
    padding: 1em 0;
}

/* Vacancy list */

.vacancyList {
	overflow: hidden;
}
.vacancyList li {
	background: none !important;
	border: none !important;
}
.vacancyList a {
	display: block;
	position: relative;
	font-size: 0.875em !important;
	/* 14px / 16px */

	line-height: 1.142857143;
	padding: 12px 12px 12px 36px !important;
	/* 10px/14px */

	background: #464646;
	border-top: 1px solid #565656;
	border-bottom: 1px solid #363636;
	color: #ffffff !important;
	/*
		background:@color_sand4;
		border-top:1px solid @color_sand5;
		border-bottom:1px solid @color_sand3;
		color:@color_greydark;
*/

	*zoom:1;

}
.toggleList a{
	padding: 12px 18px 12px 48px !important;	
}
.vacancyList a:before,
.vacancyList a:after {
			content:"";
			display:table;
	}
.vacancyList a:after {
			clear:both;
	}


.vacancyList a span{
	display: inline-block;
	position: relative;
	font-size: .857142857em !important;
	width:100%;
}
.vacancyList a span:first-of-type{
	padding-top:5px;
}
@media screen and (min-width: 1024px) {
	.toggleList a span{
		float:left;
		width:auto;
		padding:5px 0 0 0;
	}
		.toggleList a span::before { 
	    content: "\00a0\00a0\2022\00a0\00a0";
	}
	.toggleList a span:first-of-type::before{
	    content: "";
	}
}

.vacancyList li.first a {
	border-top: none;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.vacancyList li.last a {
	border-bottom: none;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.vacancyList img {
	/*display: block;
	position: absolute;
	left: 2%;
	top: 26%;*/
	display: inline-block;
	vertical-align:middle;
	margin: -2px 8px 0 -25px;
}
.toggleList img {
	/*display: block;
	position: absolute;
	left: 2%;
	top: 26%;*/
	display: inline-block;
	vertical-align:middle;
	margin: -3px 14px 0 -30px;
}
.vacancyList a:hover {
	background: #cacabe;
	border-top: 1px solid #d7d6cd;
	border-bottom: 1px solid #bebdb0;
	color: #000000 !important;
	/*color:@color_greydark;
		background:@color_sand3;
		border-top:1px solid lighten(@color_sand3,2%);
		border-bottom:1px solid darken(@color_sand3,2%);
		*/

}

/* Footer */

@media screen and (min-width: 768px) {
	#connect ul li{
		margin:0 3px 0 0;
		width:28px;
		height:28px;
		.border-radius(14px, 14px, 14px, 14px);
	}
	#connect ul li.last{
		margin:0;
	}
}
@media screen and (min-width: 1024px) {
	#connect ul li{
		margin:0 6px 0 0;
		width:36px;
		height:36px;
		.border-radius(18px, 18px, 18px, 18px);
	}
	#connect ul li.last{
		margin:0;
	}
}