@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
	background: #ddd;
	color: #5a5350;
	font-weight: 300;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}



/* ▬▬▬▬▬ PLACEHOLDER  ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
.placeholder_content {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 0 0 0;
	padding: 80px 80px 80px 180px;
}
.placeholder_content img {
	display: block;
	position: relative;
	width: 170px;
	height: auto;
	margin: 0 0 40px -80px;
	padding: 0 0 0 0;
}
.placeholder_content p {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 18px;
    line-height: 32px;
	font-weight: 300;
	letter-spacing: 0.05em;
	color: rgba(255,255,255,0.8);
}
.placeholder_content a {
	margin: 0 5px 0 5px;
    font-size: 17px;
	font-weight: 400;
	border-bottom: solid 1px rgba(255,255,255,1.0);
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.8);
	text-decoration: none;

	-webkit-transition: .3s ease-in-out;
	   -moz-transition: .3s ease-in-out;
	     -o-transition: .3s ease-in-out;
	    -ms-transition: .3s ease-in-out;
	        transition: .3s ease-in-out;
}
.placeholder_content a:hover {
	color: rgba(0,170,250,0.8);
}
.placeholder_content a.zabel:hover {
	color: rgba(0,170,250,0.8);
}
.placeholder_content a.wizard:hover {
color: rgba(240,140,0,0.8);
}
.placeholder_content a.more {
	border-bottom: solid 0px rgba(255,255,255,1.0);

	font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 12px;
    line-height: 26px;
	letter-spacing: 2px;
	color: rgba(255,255,255,0.3);
}
.placeholder_content a.more:hover {
	border-bottom: solid 1px rgba(255,255,255,1.0);
	color: rgba(255,255,255,0.8);
}

.background {
	display: block;
	position: absolute;
	width: 100%;
	height: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: rgba(100,100,100,1.0);
	border: solid 40px rgba(255,255,255,1.0);

	z-index: -999;
	overflow: hidden;
}
.background img {
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#showMenu {
	cursor: pointer;
}

@media (max-width: 1023px) {}
@media (max-width: 767px) {
	.placeholder_content {
		padding: 50px;
	}
	.placeholder_content img {
		display: block;
		position: relative;
		width: 80px;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 20px 0;
	}
	.placeholder_content p {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;

		font-family: 'Lato', Calibri, Arial, sans-serif;
	    font-size: 14px;
	    line-height: 24px;
		font-weight: 300;
		letter-spacing: 0.05em;
		color: rgba(255,255,255,0.8);
	}
	.placeholder_content a {
		margin: 0 5px 0 5px;
	    font-size: 14px;
		font-weight: 400;
		border-bottom: solid 1px rgba(255,255,255,1.0);
		text-transform: uppercase;
		letter-spacing: 1px;
		color: rgba(255,255,255,0.8);
		text-decoration: none;

		-webkit-transition: .3s ease-in-out;
		   -moz-transition: .3s ease-in-out;
		     -o-transition: .3s ease-in-out;
		    -ms-transition: .3s ease-in-out;
		        transition: .3s ease-in-out;
	}

	.background {
		border: solid 20px rgba(255,255,255,1.0);
	}
}

/* ▬▬▬▬▬ NAVIGATION  ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
#perspective {
	background-color: rgba(190,190,190,1.0);
}
.outer-nav a {

}

@media (max-width: 1023px) {}
@media (max-width: 767px) {}