@font-face {
	font-family: 'Aliquam';
	src: url('/inc/font/Aliquam.ttf');
	src: url('/inc/font/Aliquam.ttf') format('truetype');
}
/*@font-face {
	font-family: 'CR21MODERN';
	src: url('/inc/font/CR21MODERN.ttf');
	src: url('/inc/font/CR21MODERN.ttf') format('truetype');
}*/
/*.aliquam {
	font-family: 'Aliquam', arial, sans-serif, verdana;
	letter-spacing: 3px;
}*/
#loadfonts {
	position: absolute;
	top: -999px;
	left: -999px;
	color: rgb(255,255,255);
	color: rgba(255,255,255,0);
}

body {
	font-family: 'Aliquam', 'Avenir Next', arial, sans-serif, verdana;
	font-size: 64px;
	font-size: calc(2vw + 2vh);
	letter-spacing: 2px;
	background: #fff;
}
a {
	text-decoration: none;
	cursor: pointer;
}
body, a {
	color: rgb(51,51,51);
	color: rgba(0,0,0,0.8);
}
path {
	-webkit-transition: fill 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: fill 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: fill 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: fill 1000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}



#main_wrapper {
	/*padding-bottom: 60px;*/
	min-width: 700px;
	min-height: 100%;
	overflow: hidden;
}

#download_wrapper,
#download_wrapper_2 {
	text-align: center;
}

#download_wrapper,
#download_wrapper_2,
#download_wrapper_2 > span + div {
	min-height: 400px;
}

#download_wrapper > span,
#download_wrapper_2 > span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#download_wrapper > #download,
#download_wrapper_2 > span + div {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 66.6%;
	min-height: 230px;
	vertical-align: middle;
	text-align: center;
	background: transparent;
}

#download_wrapper > #download:hover {
/*	background: rgb(51,51,51);
	background: rgba(0,0,0,0.2);*/
	cursor: pointer;
}

#download_wrapper > #download > img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

#download_wrapper > #download > span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	font-size: 120px;
	font-size: 10vw;
	color: rgb(204,204,204);
	color: rgba(255,255,255,0.8);
	text-transform: lowercase;
}

#download_wrapper > #download > span > span {
	display: inline-block;
	vertical-align: middle;
	/*margin-top: -1vw;*/
	letter-spacing: 24px;
}
#download_wrapper > #download > span > span:first-child {
	height: 100%;
}



#download_wrapper_2 > div > div {
	display: inline-block;
	width: 40%;
	min-width: 600px;
	height: 100%;
	min-height: 300px;
	overflow: hidden;
}
#download_wrapper_2 > div > div > a {
	position: relative;
	display: block;
	text-align: center;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	
	-webkit-border-radius: 5%;
	-khtml-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;
}
/*#download_wrapper_2 > div > div > a:hover {
	background: rgb(51,51,51);
	background: rgba(0,0,0,0.2);
}*/
/*#download_wrapper_2 > div > div > a:hover span {
	color: rgb(204,204,204);
	color: rgba(255,255,255,0.8);
}*/
#download_wrapper_2 > div > div > a > svg {
	display: block;
	height: 60%;
}
#download_wrapper_2 > div > div > a > svg > path {
	fill: rgba(0,0,0,0.8);
}
#download_wrapper_2 > div > div > a:hover > svg > path {
	fill: rgba(255,255,255,0.8);
}
#download_wrapper_2 > div > div > a > * {
/*	vertical-align: middle;
	display: block;
	margin: 0 auto;*/
	width: 100%;
}
#download_wrapper_2 > div > div > a > span {
/*	display: block;
	height: 20%;*/
	text-transform: lowercase;
}
#download_wrapper_2 > div > div > a > .info_audio_format {
	display: none;
	position: absolute;
	left: 0px;
	bottom: 5%;
	width: 100%;
	font-size: 14px;
	color: rgb(204,204,204);
	color: rgba(255,255,255,0.8);
}



.text_wrapper {
	margin: 3% 0;
}
/*#download_wrapper + .text_wrapper {
	height: 800px;
	margin-top: 100vh;
}*/
.text_wrapper > div {
	padding: 3%;
	background: rgb(127,127,127);
	background: rgba(0,0,0,0.5);
}
.text_wrapper > div.light {
	position: relative;
	padding-right: 10%;
	background: rgb(64,64,64);
	background: rgba(0,0,0,0.25);
}
.text_wrapper > div.light > img {
	position: absolute;
	right: 0;
    top: 0;
    height: 100%;
    width: auto;
    
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.text_wrapper > div,
.text_wrapper > div a {
	color: rgb(204,204,204);
	color: rgba(255,255,255,0.8);
	font-size: 32px;
}
/*.text_wrapper > div a:hover {
	color: rgb(255,255,255);
	color: rgba(255,255,255,1);
}*/
.text_wrapper > div div.big {
	font-size: 120px;
	font-size: 3vw;
}
#main_wrapper .text_wrapper > div div.little,
#main_wrapper .text_wrapper > div div.little a {
	font-size: 60px;
	font-size: 1.5vw;
}
#main_wrapper .text_wrapper > div div.little a:hover {
	color: rgb(255,255,255);
	color: rgba(255,255,255,1);
}

.text_wrapper:last-child {
	margin-bottom: 0;
}



#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgb(230,230,230);
	background: rgba(0,0,0,0.1);
	font-size: 15px;
	/*text-transform: lowercase;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
#footer,
#footer a {
	/*color: rgb(25,25,25);*/
	/*color: rgba(0,0,0,0.9);*/
	font-family: arial;
	color: rgb(127,127,127);
	color: rgba(0,0,0,0.5);
	letter-spacing: 1px;
}