@charset "utf-8";
html {
	font-size: 20px;
	line-height:1.4em;
	min-width: 49.5em;
}
body {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	min-width: 49.5em;
	overflow:hidden;
	background-color:rgb(252,247,247);
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #575656;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
}

p, div, ul, li, figure, figcaption, nav, main, footer {
	padding:0;
	margin:0;
}


/* Page */
#page_bg {
	position:fixed;
	-webkit-transform: translateZ(-1000px) scale(2);
	transform: translateZ(-1000px) scale(2);
	-webkit-animation: page_bg_fade 0.25s 1 ease forwards;
	animation: page_bg_fade 0.25s 1 ease forwards;
	opacity:0;
	z-index:0;
}
@keyframes page_bg_fade {
	0% {opacity:0;}
	100% {opacity:1;}
}

#page {
	width: 100%;
}

#page_bg_img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:49em;
	background-position: left 16em, right 25em;
	background-image: url(../Images/hand_1.png), url(../Images/hand_2.png);
	background-repeat: no-repeat;
}


/* Header */
header {
	position:absolute;
	left: 50%;
	top:0;
	width:49.5em;
	height: initial;
	margin: 0 0 0 -24.75em;
	z-index: 1000;
}

#logo {
	position:absolute;
	left:-2.5rem;
	top:-3.25rem;
	opacity:0;
	font-size:.7rem;
	line-height: 1.8em;
    font-weight: bold;
	-webkit-animation: start_logo .5s 1 ease forwards;
	animation: start_logo .5s 1 ease forwards;
	-webkit-animation-delay:0.9s;
	animation-delay:0.9s;
}
@keyframes start_logo {
	0% { opacity:0; }
	100% { opacity:1; }
}
#logo a {
    position: absolute;
    width: 12.5em;
    height: 3em;
	color:rgb(255,255,255);
}


/* Hand */
#header_hand {
	position:relative;
	left:3em;
	top:0em;
	width: 32em;
	height: 15.75em;
	border-left:1px solid rgb(191,18,33);
	overflow: hidden;
}

@media all and (min-width:640px) {
	#hand {
		position: absolute;
		left:-1.1em;
		top:2.3em;
		width: 453px;
		height: 230px;
		background-image: url(../Images/header_hand.png);
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: rotateZ(-3deg);
		transform: rotateZ(-3deg);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-animation: start_hand .5s 1 ease-out forwards;
		animation: start_hand .5s 1 ease-out forwards;
	}
}
@keyframes start_hand {
	0% {
		left:-1.1em;
		-webkit-transform: rotateZ(-3deg);
		transform: rotateZ(-3deg);
	}
	50% {
		left:-3em;
		-webkit-transform: rotateZ(-3.7deg);
		transform: rotateZ(-3.7deg);
	}
	70% {
		left:-1.8em;
		-webkit-transform: rotateZ(-1.5deg);
		transform: rotateZ(-1.5deg);
	}
	80% {
		left:-0.8em;
		-webkit-transform: rotateZ(-3.2deg);
		transform: rotateZ(-3.2deg);
	}
	100% {
		left:-1.1em;
		-webkit-transform: rotateZ(-3deg);
		transform: rotateZ(-3deg);
	}
}


/* Menu 1 */
#menu_1 {
	position:absolute;
	z-index:1000;
	-webkit-animation: start_menu .5s 1 ease-out forwards;
	animation: start_menu .5s 1 ease-out forwards;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
	top: 4.6em;
	right: 23.95em;
	-webkit-transform: rotateZ(-120deg);
	transform: rotateZ(-120deg);
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
@keyframes start_menu {
	0% {
		top: 4.7em;
		right: 23.95em;
		-webkit-transform: rotateZ(-120deg);
		transform: rotateZ(-120deg);
	}
	100% {
		top:7.5em;
		right:9.75em;
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}

#menu_1_bg {
	position: absolute;
	top: -1.5em;
	left: -1.5em;
	overflow:hidden;
	background-image:url(../Images/bg_menu_1_gn.png);
	background-repeat: no-repeat;
	background-size:100%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: start_menu_bg .5s 1 ease-out forwards;
	animation: start_menu_bg .5s 1 ease-out forwards;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
	width: 3em;
	height: 3em;
	border-radius: 100%;
	background-position: -1.5em -2em;
	background-color: rgba(163,212,201,1);
	opacity:1;
}
@keyframes start_menu_bg {
	0% {
		top: -1.5em;
		left: -1.5em;
		width: 3em;
		height: 3em;
		border-radius: 100%;
		background-position: 0em 1em;
		background-color: rgba(163,212,201,1);
	}
	25% {
		background-color: rgba(163,212,201,0);
	}
	100% {
		top: -7.5em;
		left: -11.75em;
		width:23.5em;
		height:15em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
	}
}

.fade_out_menu_1_bg {
	-webkit-animation: fade_menu_bg 1s 1 ease-in forwards !important;
	animation: fade_menu_bg 1s 1 ease-in forwards !important;
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important;
}
@keyframes fade_menu_bg {
	0% {
		top: -7.5em;
		left: -11.75em;
		width:23.5em;
		height:15em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
		opacity:1;
	}
	100% {
		top: -7.5em;
		left: -11.75em;
		width:23.5em;
		height:15em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
		opacity:0;
	}
}

#menu_1 ul { list-style: none; position: absolute; top:-1em; left:0.5em; line-height:1.2em; }
#menu_1 ul li { position:absolute; top:0; left:0; width:7.3em; height:1.1em; border: 0.05em solid #fff; border-radius:0.45em; box-shadow: 1px 1px 4px #666; transition: all .2s ease; -webkit-transform:scale(1); transform:scale(1); }
#menu_1 ul li a { position:absolute; width:100%; height:100%; padding-top: 0.05em; color:#FFF; text-align:center; text-decoration:none; }
#menu_1 ul li a p { font-size:0.7em; }

#menu_1 ul li { top:-0.5em; left:-4em; opacity:0; background-color:rgb(191,18,33); }
#menu_1 ul li:nth-of-type(1) { -webkit-animation: menu_1_1 .5s 1 ease forwards; animation: menu_1_1 .5s 1 ease forwards; -webkit-animation-delay:1.2s; animation-delay:1.2s;}
#menu_1 ul li:nth-of-type(2) { -webkit-animation: menu_1_2 .5s 1 ease forwards; animation: menu_1_2 .5s 1 ease forwards; -webkit-animation-delay:1.3s; animation-delay:1.3s;}
#menu_1 ul li:nth-of-type(3) { -webkit-animation: menu_1_3 .5s 1 ease forwards; animation: menu_1_3 .5s 1 ease forwards; -webkit-animation-delay:1.4s; animation-delay:1.4s;}
#menu_1 ul li:nth-of-type(4) { -webkit-animation: menu_1_4 .5s 1 ease forwards; animation: menu_1_4 .5s 1 ease forwards; -webkit-animation-delay:1.5s; animation-delay:1.5s;}
@keyframes menu_1_1 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-5.0em; left:-6.65em; opacity:1; }
}
@keyframes menu_1_2 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-2.35em; left:-13.3em; opacity:1; }
}
@keyframes menu_1_3 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:1.4em; left:-13.55em; opacity:1; }
}
@keyframes menu_1_4 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:4.7em; left:-7.75em; opacity:1; }
}

#menu_1 ul li:nth-of-type(1):hover, #menu_1 ul li:nth-of-type(1).act { -webkit-transform:scale(1.75); transform:scale(1.75); background-color:rgb(240,186,66); box-shadow: 6px 13px 8px rgba(88,88,88,.5); }
#menu_1 ul li:nth-of-type(2):hover, #menu_1 ul li:nth-of-type(2).act { -webkit-transform:scale(1.75); transform:scale(1.75); background-color:rgb(154,25,21); box-shadow: 6px 13px 8px rgba(88,88,88,.5); }
#menu_1 ul li:nth-of-type(3):hover, #menu_1 ul li:nth-of-type(3).act { -webkit-transform:scale(1.75); transform:scale(1.75); background-color:rgb(20,65,123); box-shadow: 6px 13px 8px rgba(88,88,88,.5); }
#menu_1 ul li:nth-of-type(4):hover, #menu_1 ul li:nth-of-type(4).act { -webkit-transform:scale(1.75); transform:scale(1.75); background-color:rgb(106,179,130); box-shadow: 6px 13px 8px rgba(88,88,88,.5); }
#menu_1 ul li.act p { padding-top: 0.1em; font-size: 0.7em; text-align: center; color: #fff; }

.move_menu_1 a { -webkit-animation: anim_a_close .3s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_a_close .3s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_a_close {
	0% { opacity:1; }
	100% { opacity:0; }
}

#menu_1 ul.fade_out_menu_1 li:nth-of-type(1) { -webkit-animation: anim_1_1_fade_out .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_fade_out .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_1_fade_out {
	0% { top:-5em; left:-6.65em; opacity:1;	}
	100% { top:-5em; left:-6.65em; opacity:0; }
}
#menu_1 ul.fade_out_menu_1 li:nth-of-type(2) { -webkit-animation: anim_1_2_fade_out .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_fade_out .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_2_fade_out {
	0% { top:-2.35em; left:-13.3em; opacity:1;	}
	100% { top:-2.35em; left:-13.3em; opacity:0; }
}
#menu_1 ul.fade_out_menu_1 li:nth-of-type(3) { -webkit-animation: anim_1_3_fade_out .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_fade_out .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_3_fade_out {
	0% { top:1.4em; left:-13.55em; opacity:1;	}
	100% { top:1.4em; left:-13.55em; opacity:0; }
}
#menu_1 ul.fade_out_menu_1 li:nth-of-type(4) { -webkit-animation: anim_1_4_fade_out .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_fade_out .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_4_fade_out {
	0% { top:4.7em; left:-7.75em; opacity:1;	}
	100% { top:4.7em; left:-7.75em; opacity:0; }
}

#menu_1 ul li:nth-of-type(1).move_menu_1 { -webkit-animation: anim_1_1_close .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_close .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_1_close {
	from {
		top:-5em;
		left:-6.65em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.75);
		transform:scale(1.75);
		background-color:rgb(240,186,66);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -3.4em;
		left: -16.2em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(246,214,142);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
#menu_1 ul li:nth-of-type(2).move_menu_1 { -webkit-animation: anim_1_2_close .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_close .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_2_close {
	from {
		top:-2.35em;
		left:-13.3em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.75);
		transform:scale(1.75);
		background-color:rgb(154,25,21);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -3.4em;
		left: -16.2em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(217,113,122);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
#menu_1 ul li:nth-of-type(3).move_menu_1 { -webkit-animation: anim_1_3_close .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_close .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_3_close {
	from {
		top:1.4em;
		left:-13.55em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.75);
		transform:scale(1.75);
		background-color:rgb(20,65,123);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -3.4em;
		left: -16.2em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(113,139,192);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
#menu_1 ul li:nth-of-type(4).move_menu_1 { -webkit-animation: anim_1_4_close .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_close .5s 1 ease forwards !important; animation-delay:0s !important; }
@keyframes anim_1_4_close {
	from {
		top:4.7em;
		left:-7.75em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.75);
		transform:scale(1.75);
		background-color:rgb(106,179,130);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -3.4em;
		left: -16.2em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(163,212,201);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}


/* Subparts */
#slogan {
	position: absolute;
	left: 13em;
	top: 11.8em;
	width:18.25em;
	height:initial;
	opacity:0;
	-webkit-animation: anim_fade_in 1s 1 ease forwards;
	animation: anim_fade_in 1s 1 ease forwards;
	-webkit-animation-delay:2.0s;
	animation-delay:2.0s;
}
@keyframes start_slogan {
	0% { opacity:0; }
	100% { opacity:1; }
}
#slogan p {
	font-size: 1.6em;
	line-height: 1.2em;
	text-align: center;
	color: rgb(191,18,33);
	text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,.3);
}

#jameda {
	position: absolute;
	left: -1.8em;
	top: 14.15em;
}

#onlinetermin {
	position:absolute;
	right:2.5em;
	top:15.6em;
	width: 9.4em;
	height:1.1em;
	border:1px solid rgb(191,16,33);
	border-radius:0.45em;
	background-color:rgb(255,255,255);
	box-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,.3);
	-webkit-animation: anim_fade_in 1s 1 ease forwards;
	animation: anim_fade_in 1s 1 ease forwards;
	-webkit-animation-delay:1.75s;
	animation-delay:1.75s;
	opacity:0;
	z-index:1001;
	transition:all .2s ease;
}
#onlinetermin:hover {
	transform:scale(1.75);
	border-color: white;
	background-color: rgb(191,16,33);
	box-shadow: 6px 13px 8px rgba(88,88,88,.5);
	color: white;
}
#onlinetermin:hover a {
	color:white;
}
#onlinetermin a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align: center;
	text-decoration:none;
    font-size: 0.7em;
	line-height: 1.6em;
	color:rgb(191,16,33);
}

main {
	position:relative;
	left: 50%;
	top: 22em;
	width: 49.5em;
	min-height:80em;
	margin: 0 0 0 -24.25em;
	z-index:100;
	display:block;
}

#content {
	position:relative;
	left:0;
	top:0;
	width:100%;
	display:block;
	padding-bottom:0.05em;
/*
	perspective:3000px;
	perspective-origin: 50% 20%;
*/
}
#content a { text-decoration:underline; }
#content li { margin-left:1em; }
#content a[href$="#top"] {
    font-size: 12px;
    display: inline-block;
    width: 95%;
    text-align: right;
	text-decoration:none;
	opacity:0;
	-webkit-animation: anim_fade_in .5s 1 ease forwards;
	-webkit-animation-delay:2.0s;
	animation: anim_fade_in .5s 1 ease forwards;
	animation-delay:2.0s;
}
#content a[href$="#top"]:before {
	content: "▲ ";
}
#content a[href$="#top"]:hover {
	text-decoration:underline;
}
.content_top {
	display:block;
	 -webkit-animation: start_content_r 1.5s 1 ease forwards;
	 animation: start_content_r 1.5s 1 ease forwards;
	-webkit-animation-delay:1.8s;
	 animation-delay:1.8s;
	 margin: 0 0 4em 14.75em;
	 -webkit-transform-origin:right top;
	 opacity:0;
	 -webkit-transform: rotateY(-82deg);
	 transform-origin:right top;
	 opacity:0;
	 transform: rotateY(-82deg);
 }
.content_r {
	float:right;
	 display:block;
	 -webkit-animation: start_content_r 1.5s 1 ease forwards;
	 animation: start_content_r 1.5s 1 ease forwards;
	 margin-bottom: 2em;
	 -webkit-transform-origin:right top;
	 opacity:0;
	 -webkit-transform: rotateY(-82deg);
	 transform-origin:right top;
	 opacity:0;
	 transform: rotateY(-82deg);
 }
.content_l {
	float:left;
	 display:block;
	 -webkit-animation: start_content_l 1.5s 1 ease forwards;
	 animation: start_content_l 1.5s 1 ease forwards;
	 margin-bottom: 2em;
	 -webkit-transform-origin:left top;
	 opacity:0;
	 -webkit-transform: rotateY(82deg);
	 transform-origin:left top;
	 opacity:0;
	 transform: rotateY(82deg);
 }

.content_r:nth-of-type(1), .content_l:nth-of-type(1) { -webkit-animation-delay:2s; animation-delay:2s; }
.content_r:nth-of-type(2), .content_l:nth-of-type(2) { -webkit-animation-delay:2.2s; animation-delay:2.2s; }
.content_r:nth-of-type(3), .content_l:nth-of-type(3) { -webkit-animation-delay:2.4s; animation-delay:2.4s; }
.content_r:nth-of-type(4), .content_l:nth-of-type(4) { -webkit-animation-delay:2.6s; animation-delay:2.6s; }

@keyframes start_content_r {
	0% { opacity:0; -webkit-transform: rotateY(-82deg); transform: rotateY(-82deg); }
	100% { opacity:1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@keyframes start_content_l {
	0% { opacity:0; -webkit-transform: rotateY(82deg); transform: rotateY(82deg); }
	100% { opacity:1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}

footer {
	position:relative !important;
	bottom:0.5em;
	left:0;
	top:20.5em;
	height:initial;
	width:100%;
	padding:1.5em 0;
	color:rgb(255,255,255);
	background-color:rgb(163,212,201);
	text-align:center;
	-webkit-animation: anim_fade_in .5s 1 ease forwards;
	animation: anim_fade_in .5s 1 ease forwards;
	-webkit-animation-delay:2.0s;
	animation-delay:2.0s;
	opacity:0;
	z-index:100;
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
}
footer div {
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
footer div:nth-of-type(2){
	width:9rem;
}
footer div:nth-of-type(3){
	width:10rem;
	top:.5rem;
}
footer div:nth-of-type(4){
	width:10.25em;
	top:.5rem;
}
footer div:nth-of-type(5){
	width:8em;
	top:.5rem;
}
footer div:nth-of-type(6){
	width:7em;
	top:.5rem;
}
footer p { font-size: 0.65em; line-height:1.2em; }
footer a { color:rgb(255,255,255); text-decoration:none; }
footer a:hover { text-decoration:underline; }
#totop {
    position: absolute;
    right: 15%;
    top: 0;
    width: initial !important;
}
footer a[href$="#top"] {
    font-size: 12px;
    display: block;
    width: 9.0em;
    text-align: right;
    line-height: 1.6em;
    background-image: url(../Images/bg_totop.png);
    height: 1.75em;
    text-align: center;
    background-repeat: no-repeat;
}


/* Parallax */
.parallax {
  -webkit-perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  height: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


/* Location change */
.fade_in { -webkit-animation: anim_fade_in 1s 1 ease-out forwards !important; -webkit-animation-delay:0s !important; animation: anim_fade_in 1s 1 ease-out forwards !important; animation-delay:0s !important; }
@keyframes anim_fade_in {
	0% { opacity:0; }
	100% { opacity:1; }
}
.fade_out { -webkit-animation: anim_fade_out 1s 1 ease-in forwards !important; -webkit-animation-delay:0s !important; animation: anim_fade_out 1s 1 ease-in forwards !important; animation-delay:0s !important; }
@keyframes anim_fade_out {
	0% { opacity:1; }
	100% { opacity:0; }
}


/* Old Browser Message */
#oldbrowser {
	position: fixed;
	z-index: 10000;
	left: 50%;
	bottom: -1px;
	width: 90%;
	height: initial;
	margin-left: -45%;
	padding: 10px 5px 20px 5px;
	border-radius: 70px 70px 0 0;
	box-shadow: 0px 6px 15px rgba(0,0,0,.3);
	background-color: rgb(252, 247, 247);
	color: rgb(128,128,128);
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-animation: oldbrowser_hide 0.001ms steps(1, start) forwards;
	animation: oldbrowser_hide 0.001ms steps(1, start) forwards;
}
#oldbrowser p {
	margin-bottom: 0.25em;
}
#oldbrowser a {
	color: #BF1221;
	text-decoration: underline;
}
#oldbrowser a:hover {
	color: #333;
}
@keyframes oldbrowser_hide {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(350px); transform: translateY(350px); }
}


/* Responsive */
@media all and (min-width:1600px) {
	main {
		width: 64em;
		margin: 0 0 0 -32em;
		min-height:30em;
	}
	#jameda {
		left: -11.65em;
		top: 3.15em;
	}
	.content_top { margin-left: 22em; }
}

@media all and (max-width:1023px) {
	/* Globals */
	html {
		min-width: 32em;
	}
	body {
		min-width: 32em;
	}

	/* Page */
	#page_bg_img {
		height:55em;
		background-position: left 14em, right 31em;
	}

	/* Header */
	header {
		position:absolute;
		width:32em;
		height: initial;
		margin: 0 0 0 -16em;
	}

	#logo {
		left:-2.75rem;
		top:-3.0rem;
		opacity:0;
		font-size:.7rem;
		line-height: 1.6em;
		-webkit-animation: start_logo_640 .5s 1 ease forwards;
		animation: start_logo_640 .5s 1 ease forwards;
		-webkit-animation-delay:0.9s;
		animation-delay:0.9s;
	}

	/* Hand */
	#header_hand {
		width: 20em;
		height: 10em;
	}

	#hand {
		width: 11.3em;
	}

	/* Menu 1 */
	#menu_1 {
		top: 3.5em;
		right: 17.6em;
		-webkit-transform: rotateZ(-120deg);
		transform: rotateZ(-120deg);
		-webkit-animation: start_menu_640 .5s 1 ease-out forwards;
		animation: start_menu_640 .5s 1 ease-out forwards;
		-webkit-animation-delay:0.4s;
		animation-delay:0.4s;
	}

	#menu_1_bg {
		-webkit-animation: start_menu_bg_640 .5s 1 ease-out forwards;
		animation: start_menu_bg_640 .5s 1 ease-out forwards;
		-webkit-animation-delay:0.4s;
		animation-delay:0.4s;
	}

	.fade_out_menu_1_bg {
		-webkit-animation: fade_menu_bg_640 1s 1 ease-in forwards !important;
		animation: fade_menu_bg_640 1s 1 ease-in forwards !important;
		-webkit-animation-delay: 0s !important;
		animation-delay: 0s !important;
	}

	#menu_1 ul li { top:-0.5em; left:-4em; opacity:0; background-color:rgb(191,18,33); }
	#menu_1 ul li:nth-of-type(1) {-webkit-animation: menu_1_1_640 .5s 1 ease forwards; animation: menu_1_1_640 .5s 1 ease forwards; -webkit-animation-delay:1.2s;animation-delay:1.2s;}
	#menu_1 ul li:nth-of-type(2) {-webkit-animation: menu_1_2_640 .5s 1 ease forwards; animation: menu_1_2_640 .5s 1 ease forwards; -webkit-animation-delay:1.3s;animation-delay:1.3s;}
	#menu_1 ul li:nth-of-type(3) {-webkit-animation: menu_1_3_640 .5s 1 ease forwards; animation: menu_1_3_640 .5s 1 ease forwards; -webkit-animation-delay:1.4s;animation-delay:1.4s;}
	#menu_1 ul li:nth-of-type(4) {-webkit-animation: menu_1_4_640 .5s 1 ease forwards; animation: menu_1_4_640 .5s 1 ease forwards; -webkit-animation-delay:1.5s;animation-delay:1.5s;}

	#menu_1 ul li:nth-of-type(1):hover, #menu_1 ul li:nth-of-type(1).act { -webkit-transform:scale(1.375); transform:scale(1.375); }
	#menu_1 ul li:nth-of-type(2):hover, #menu_1 ul li:nth-of-type(2).act { -webkit-transform:scale(1.375); transform:scale(1.375); }
	#menu_1 ul li:nth-of-type(3):hover, #menu_1 ul li:nth-of-type(3).act { -webkit-transform:scale(1.375); transform:scale(1.375); }
	#menu_1 ul li:nth-of-type(4):hover, #menu_1 ul li:nth-of-type(4).act { -webkit-transform:scale(1.375); transform:scale(1.375); }

	#menu_1 ul.fade_out_menu_1 li:nth-of-type(1) { -webkit-animation: anim_1_1_fade_out_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_fade_out_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(2) { -webkit-animation: anim_1_2_fade_out_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_fade_out_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(3) { -webkit-animation: anim_1_3_fade_out_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_fade_out_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(4) { -webkit-animation: anim_1_4_fade_out_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_fade_out_640 .5s 1 ease forwards !important; animation-delay:0s !important; }

	#menu_1 ul li:nth-of-type(1).move_menu_1 { -webkit-animation: anim_1_1_close_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_close_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(2).move_menu_1 { -webkit-animation: anim_1_2_close_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_close_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(3).move_menu_1 { -webkit-animation: anim_1_3_close_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_close_640 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(4).move_menu_1 { -webkit-animation: anim_1_4_close_640 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_close_640 .5s 1 ease forwards !important; animation-delay:0s !important; }

	/* Subparts */
	#slogan {
		left: 14em;
		top: 11em;
		width:17em;
	}

	#jameda {
		left: 0em;
		top: 8.5em;
	}

	#onlinetermin {
		top:7.5em;
	}
	#onlinetermin:hover {
	  transform:scale(1.375);
	}
	main {
		width: 32em;
		margin: 0 0 0 -16em;
		top:0;
		padding-top: 21em;
	}

	#content img { max-width:100%; height:initial; }
	.content_top { margin: 0 0 4em 0; }
	.content_r, .content_l { margin: 0 1em 2em 1em; }

	footer { top:0; }
	footer div { width:15em !important; margin-left: 2em !important; }
	footer div:nth-of-type(1), footer div:nth-of-type(2) { margin-bottom:1em; }

}

@media all and (max-width:960px) {
	footer div { width:13.8em !important; }
}

@keyframes start_logo_640 {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes start_menu_640 {
	0% {
		top: 3.5em;
		right: 17.6em;
		-webkit-transform: rotateZ(-120deg);
		transform: rotateZ(-120deg);
	}
	100% {
		top:4.69em;
		right:6.1em;
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}
@keyframes start_menu_bg_640 {
	0% {
		top: -1.5em;
		left: -1.5em;
		width: 3em;
		height: 3em;
		border-radius: 100%;
		background-position: 0em 1em;
		background-color: rgba(163,212,201,1);
	}
	25% {
		background-color: rgba(163,212,201,0);
	}
	100% {
		top: -4.69em;
		left: -7.34em;
		width:14.69em;
		height:9.375em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
	}
}
@keyframes fade_menu_bg_640 {
	0% {
		top: -4.69em;
		left: -7.34em;
		width:14.69em;
		height:9.375em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
		opacity:1;
	}
	100% {
		top: -4.69em;
		left: -7.34em;
		width:14.69em;
		height:9.375em;
		border-radius: 0%;
		background-position: 0em 0em;
		background-color: rgba(163,212,201,0);
		opacity:0;
	}
}

@keyframes menu_1_1_640 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-3.4em; left:-10.5em; opacity:1; }
}
@keyframes menu_1_2_640 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-1.65em; left:-12.5em; opacity:1; }
}
@keyframes menu_1_3_640 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:0.1em; left:-13.3em; opacity:1; }
}
@keyframes menu_1_4_640 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:1.85em; left:-11.5em; opacity:1; }
}

@keyframes anim_1_1_fade_out_640 {
	0% { top:-3.4em; left:-10.5em; opacity:1;	}
	100% { top:-3.4em; left:-10.5em; opacity:0; }
}
@keyframes anim_1_2_fade_out_640 {
	0% { top:-1.65em; left:-12.5em; opacity:1;	}
	100% { top:-1.65em; left:-12.5em; opacity:0; }
}
@keyframes anim_1_3_fade_out_640 {
	0% { top:0.1em; left:-13.3em; opacity:1;	}
	100% { top:0.1em; left:-13.3em; opacity:0; }
}
@keyframes anim_1_4_fade_out_640 {
	0% { top:1.85em; left:-11.5em; opacity:1;	}
	100% { top:1.85em; left:-11.5em; opacity:0; }
}

@keyframes anim_1_1_close_640 {
	from {
		top:-3.4em;
		left:-10.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(240,186,66);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -13.5em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(246,214,142);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_2_close_640 {
	from {
		top:-1.65em;
		left:-12.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(154,25,21);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -13.5em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(217,113,122);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_3_close_640 {
	from {
		top:0.1em;
		left:-13.3em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(20,65,123);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -13.5em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(113,139,192);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_4_close_640 {
	from {
		top:1.85em;
		left:-11.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(106,179,130);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -13.5em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(163,212,201);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}

@media all and (max-width:879px) {
	/* Page */
	#page_bg_img {
		height:64em;
		background-image: url(../Images/hand_1.png), url(../Images/hand_2.png);
		background-position: left 14em, right 39em;
	}
}

@media all and (max-width:639px) {
	html {
		min-width: 16em;
	}
	body {
		min-width: 16em;
	}

	/* Header */
	header {
		left: 0;
	/*	top:25%; */
		width:100%;
		margin: 0;
	}

	#header_hand {
		display:none;
	}

	/* Menu 1 */
	#menu_1 {
		top: 3.5em;
		right: 120%;
		-webkit-transform: rotateZ(-120deg);
		transform: rotateZ(-120deg);
		-webkit-animation: start_menu_320 .5s 1 ease-out forwards;
		animation: start_menu_320 .5s 1 ease-out forwards;
		-webkit-animation-delay:0.4s;
		animation-delay:0.4s;
	}

	#menu_1 ul li:nth-of-type(1).move_menu_1 { -webkit-animation: anim_1_1_close_380 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_close_380 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(2).move_menu_1 { -webkit-animation: anim_1_2_close_380 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_close_380 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(3).move_menu_1 { -webkit-animation: anim_1_3_close_380 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_close_380 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(4).move_menu_1 { -webkit-animation: anim_1_4_close_380 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_close_380 .5s 1 ease forwards !important; animation-delay:0s !important; }

	/* Subparts */
	#slogan {
		position: absolute;
		left: 0;
		top: 10em;
		width:100%;
	}

	#jameda {
		display:none;
	}

	main {
		left: 0;
		width: 100%;
		margin: 0;
		padding-top: 17em;
	}
	.content_top, .content_r, .content_l {
		float:none;
		margin: 0 .5em 2em .5em;
		width: calc(100% - 1em);
	}

	footer div {
		width: 100% !important;
		margin: 0 0 1em 2em !important;
	}
	footer p {
		font-size: 0.8em;
		line-height: 1.2em;
	}

}
@keyframes start_menu_320 {
	0% {
		top: 3.5em;
		right: 120%;
		-webkit-transform: rotateZ(-120deg);
		transform: rotateZ(-120deg);
	}
	100% {
		top:4.69em;
		right:6.1em;
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}

@keyframes anim_1_1_close_380 {
	from {
		top:-3.4em;
		left:-10.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(240,186,66);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -35em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(246,214,142);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_2_close_380 {
	from {
		top:-1.65em;
		left:-12.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(154,25,21);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -35em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(217,113,122);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_3_close_380 {
	from {
		top:0.1em;
		left:-13.3em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(20,65,123);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -35em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(113,139,192);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_4_close_380 {
	from {
		top:1.85em;
		left:-11.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(106,179,130);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -35em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(163,212,201);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}

@media all and (max-width:379px) {
	#logo {
		width: 5em;
		left: 0em;
		top: -3.3em;
	}
	#logo a {
		width: 10em;
		height: 4em;
		left:-.25rem;
		top:-1rem;
		font-size:.6rem;
		line-height: 1.5em;
	}

	#menu_1 ul li { top:-0.5em; left:-4em; opacity:0; background-color:rgb(191,18,33); }
	#menu_1 ul li:nth-of-type(1) {-webkit-animation: menu_1_1_320 .5s 1 ease forwards; animation: menu_1_1_320 .5s 1 ease forwards; -webkit-animation-delay:1.2s;animation-delay:1.2s;}
	#menu_1 ul li:nth-of-type(2) {-webkit-animation: menu_1_2_320 .5s 1 ease forwards; animation: menu_1_2_320 .5s 1 ease forwards; -webkit-animation-delay:1.3s;animation-delay:1.3s;}
	#menu_1 ul li:nth-of-type(3) {-webkit-animation: menu_1_3_320 .5s 1 ease forwards; animation: menu_1_3_320 .5s 1 ease forwards; -webkit-animation-delay:1.4s;animation-delay:1.4s;}
	#menu_1 ul li:nth-of-type(4) {-webkit-animation: menu_1_4_320 .5s 1 ease forwards; animation: menu_1_4_320 .5s 1 ease forwards; -webkit-animation-delay:1.5s;animation-delay:1.5s;}

	#menu_1 ul li:nth-of-type(1):hover, #menu_1 ul li:nth-of-type(1).act { -webkit-transform:scale(1.2); transform:scale(1.2); }
	#menu_1 ul li:nth-of-type(2):hover, #menu_1 ul li:nth-of-type(2).act { -webkit-transform:scale(1.2); transform:scale(1.2); }
	#menu_1 ul li:nth-of-type(3):hover, #menu_1 ul li:nth-of-type(3).act { -webkit-transform:scale(1.2); transform:scale(1.2); }
	#menu_1 ul li:nth-of-type(4):hover, #menu_1 ul li:nth-of-type(4).act { -webkit-transform:scale(1.2); transform:scale(1.2); }

	#menu_1 ul.fade_out_menu_1 li:nth-of-type(1) { -webkit-animation: anim_1_1_fade_out_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_fade_out_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(2) { -webkit-animation: anim_1_2_fade_out_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_fade_out_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(3) { -webkit-animation: anim_1_3_fade_out_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_fade_out_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul.fade_out_menu_1 li:nth-of-type(4) { -webkit-animation: anim_1_4_fade_out_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_fade_out_320 .5s 1 ease forwards !important; animation-delay:0s !important; }

	#menu_1 ul li:nth-of-type(1).move_menu_1 { -webkit-animation: anim_1_1_close_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_1_close_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(2).move_menu_1 { -webkit-animation: anim_1_2_close_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_2_close_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(3).move_menu_1 { -webkit-animation: anim_1_3_close_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_3_close_320 .5s 1 ease forwards !important; animation-delay:0s !important; }
	#menu_1 ul li:nth-of-type(4).move_menu_1 { -webkit-animation: anim_1_4_close_320 .5s 1 ease forwards !important; -webkit-animation-delay:0s !important; animation: anim_1_4_close_320 .5s 1 ease forwards !important; animation-delay:0s !important; }

	#onlinetermin:hover {
	  transform:scale(1.2);
	}
}
@keyframes menu_1_1_320 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-3.4em; left:-9em; opacity:1; }
}
@keyframes menu_1_2_320 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:-1.65em; left:-9em; opacity:1; }
}
@keyframes menu_1_3_320 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:0.1em; left:-9em; opacity:1; }
}
@keyframes menu_1_4_320 {
	0%{ top:-0.5em; left:-4em; opacity:0; }
	100%{ top:1.85em; left:-9em; opacity:1; }
}

@keyframes anim_1_1_fade_out_320 {
	0% { top:-3.4em; left:-9em; opacity:1;	}
	100% { top:-3.4em; left:-9em; opacity:0; }
}
@keyframes anim_1_2_fade_out_320 {
	0% { top:-1.65em; left:-9em; opacity:1;	}
	100% { top:-1.65em; left:-9em; opacity:0; }
}
@keyframes anim_1_3_fade_out_320 {
	0% { top:0.1em; left:-9em; opacity:1;	}
	100% { top:0.1em; left:-9em; opacity:0; }
}
@keyframes anim_1_4_fade_out_320 {
	0% { top:1.85em; left:-9em; opacity:1;	}
	100% { top:1.85em; left:-9em; opacity:0; }
}

@keyframes anim_1_1_close_320 {
	from {
		top:-3.4em;
		left:-10.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(240,186,66);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -21em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(246,214,142);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_2_close_320 {
	from {
		top:-1.65em;
		left:-12.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(154,25,21);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -21em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(217,113,122);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_3_close_320 {
	from {
		top:0.1em;
		left:-13.3em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(20,65,123);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -21em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(113,139,192);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}
@keyframes anim_1_4_close_320 {
	from {
		top:1.85em;
		left:-11.5em;
		width:8em;
		height:1.25em;
		border: 0.05em solid #fff;
		-webkit-transform:scale(1.375);
		transform:scale(1.375);
		background-color:rgb(106,179,130);
		box-shadow: 6px 13px 8px rgba(88,88,88,.5);
		border-radius:0.35em;
		opacity:1;
	}
	to {
		top: -1.7em;
		left: -21em;
		width: 3em;
		height: 3em;
		border: 0.0em solid #fff;
		-webkit-transform: scale(1);
		transform: scale(1);
		background-color: rgb(163,212,201);
		box-shadow: 0px 0px 0px rgba(102,102,102,.7);
		border-radius: 1.5em;
		opacity:1;
	}
}