@charset "utf-8";
body {background-color: rgb(255, 255, 255);margin-top: 33px;}
* {margin:0;padding:0;font-family:sans-serif;font-weight:100;color: rgb(62, 87, 106);}
.Mondalagram{margin:2vw auto 5vw auto;width:80vw;}
.Mondalagram img{width:80vw;border:0;}
.appstore{width:30vw;margin:0 25vw 0 25vw;}
.appstore img{width:30vw;}
.logo{margin:2vw auto 5vw auto;width:75vw;}
.logo img{width:75vw;border:0;}

.dancers{margin:2vw auto 0 auto;width:95vw;}
.dancer{width:30%;border:0;margin:0 1vw 0 1vw;}
.video{margin:0 auto 0 auto;width:80vw;}
.ich,.ich img{width:50vw;border:0;margin:0 auto 1vw auto;text-shadow:1px 1px 3px #000F1F;}

.language-chooser{width: 140px; margin: auto;}
.for-language-en, .for-language-de, .for-language-es, .for-language-fr, .for-language-ru{display: none}
.language-en .for-language-en{display: block}
.language-de .for-language-de{display: block}
.language-es .for-language-es{display: block}
.language-fr .for-language-fr{display: block}
.language-ru .for-language-ru{display: block}

.language-en .highlight-language-en{color:rgba(228, 127, 30, 1.00)}
.language-de .highlight-language-de{color:rgba(228, 127, 30, 1.00)}
.language-es .highlight-language-es{color:rgba(228, 127, 30, 1.00)}
.language-fr .highlight-language-fr{color:rgba(228, 127, 30, 1.00)}
.language-ru .highlight-language-ru{color:rgba(228, 127, 30, 1.00)}

a, a:visited, a:active, a:link {text-decoration: none; color:rgb(116, 134, 143)}
a.legal{font-size:2.5vw;}
.references{font-size:1vw;margin-top:-20px;}
a:hover {text-decoration: none; color:rgba(228, 127, 30, 1.00)}
.content{font-size:3.6vw;font-weight:200;margin:10px 10vw;text-align:center;line-height:6vw;color:rgb(116, 134, 143)}
.important{color:rgba(228, 127, 30, 1.00);font-weight: 600;}
h1, h2, h3{letter-spacing:4px;text-align:center;margin-bottom:30px;}
h1{margin-top:20px;line-height:1;}
h1,h1 .part1,h1 .part2{font-size:10vw;font-weight:700;color: rgb(62, 87, 106);}
h2{font-size:3.5vw;font-weight:400;margin-bottom:20px;margin-top:25px;color: rgb(62, 87, 106);}
h3{font-size:4vw;font-weight:400;margin-bottom:10px;margin-top:50px;color: rgb(116, 134, 143);}
h4{font-size:4vw;font-weight:400;margin-bottom:10px;margin-top:15px;color: rgb(62, 87, 106);}
.sub-header{color: rgb(116, 134, 143);font-weight: 400;font-size: 55%;}

@media screen and (min-width: 800px) {
	.content{font-size:24px;width:800px;margin:auto;line-height:40px;}
	h1,h1 .part1,h1 .part2{font-size:60px;}
	h2{font-size:34px;}
	h3{font-size:38px;}
	h4{font-size:34px;}
	.video{width:800px;}
	.dancers{width:800px;}
	.dancer{width:230px;}
	.ich,.ich img{width:300px;}
}

.appDescription {
	height:10vh;
}

.appImages {
	margin-bottom: 100px;
}
	
.slides-en, .slides-de, .slides-fr, .slides-es, .slides-ru {
	display: none;
	width: 100%;
}

.images-en, .images-de, .images-fr, .images-es, .images-ru {
	display: none;
}

.animate-left {
	position: relative;
	animation: animateleft 0.8s
}

@keyframes animateleft { 
	from { left :500px; opacity:0 } 
	to { left:0; opacity:1 }
}

.animate-right {
	position: relative;
	animation: animateright 0.8s
}

@keyframes animateright { 
	from { left :-500px; opacity:0 } 
	to { left:0; opacity:1 }
}