.vegas-timer{z-index:500!important;}
.vegas-timer-progress{background:#F24535;}
.vegas-overlay{opacity:.5; background-image: url("images/overlay.png");}
*,*:before,*:after{box-sizing:border-box;}

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;}
	
body {
	position:relative;
	background: none repeat scroll 0 0 rgba(0, 51, 0, 0.4);
	color:#FFF;
	font:12px FontAwesome, PP,'PT Sans Narrow', sans-serif;
/*	text-transform:uppercase; */
	text-shadow:0 2px 0px #000;
	min-width:960px;
	top:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
	margin:0;
}
.ie body {
	filter: dropshadow(color=#000000, offx=0, offy=1);	
}	
	
	
a {text-decoration:none;color:inherit;}

.banner {
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:#000;
	color:#eee;
	text-align:center;
	text-transform:uppercase;
	padding:10px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	font:700 14px "PT Sans Narrow";
	z-index:9;
	}
	
.banner a {color:#F24535;}
.banner span {display:inline-block;text-align:right;margin-right:3px;}

.topbar{z-index:10;}

.counter {
	position:absolute;
	top:0;
	right:0;
}
.container {
	position:relative;
	width:100%;
	height:100%;
	min-width:1280px;
	}
	
.logo {
	width:500px;
	position:absolute;
	left:1.0%;
	bottom:2%;
	transition:4s all;
	z-index:-1 !important;
	}
	
.logo.collapsed {
	opacity:0;
	transform:rotateX(90deg);
	transform-style:preserve3d;
	}
	
.picture {
	position:absolute;
	bottom:8%;
	right:5%;
	width:580px;
	height:500px;
	transition:5.5s;
	z-index:8 !important;
	}
	
.animated .picture {transform:rotate(5deg);}
.picture-list {
	position:absolute;
	top:10px;
	bottom:-10px;
	left:0;
	width:280px;
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
	font:700 26px ProximaBold,"PT Sans Narrow";
	color:#f8b007;
	text-align:right;
	line-height:1.7;
	z-index:11 !important;
	}
	
.picture-list li { opacity:0;transition:0.5s;transform:translateX(20px);margin:0;}
.picture-list li a{padding:5px 20px;}
.animated .picture-list li{opacity:1;transform:translateX(0);}
.animated .picture-list li:nth-child(1){transition-delay:0.4s;}
.animated .picture-list li:nth-child(2){transition-delay:0.8s;}
.animated .picture-list li:nth-child(3){transition-delay:1.2s;}
.animated .picture-list li:nth-child(4){transition-delay:1.6s;}
.animated .picture-list li:nth-child(5){transition-delay:2.0s;}
.animated .picture-list li:nth-child(6){transition-delay:2.4s;}
.animated .picture-list li:nth-child(7){transition-delay:2.8s;}
.animated .picture-list li:nth-child(8){transition-delay:3.2s;}
.animated .picture-list li:nth-child(9){transition-delay:3.6s;}
.animated .picture-list li:nth-child(10){transition-delay:4.0s;}
.picture-list .active a{color:#99ffff;}

.picture-poster {
	position:absolute!important;
	bottom:0;
	right:0;
	top:8%;
	border:1px solid #f8b007;
	border-radius:5px;
	box-shadow:0 5px 30px #000;
	width:280px;
	height:444px;
	background:#000;
	cursor:pointer;
	z-index:7 !important;
	}
	
.picture-label {
	position:absolute;
	right:-20px;
	bottom:5px;
	width:125px;
	text-align:center;
	background:#666;
	color:#f8b007;
	text-transform:uppercase;
	border:2px solid #f8b007;
	border-radius:5px;
	padding:5px;
	font:bold 18px ProximaBold,"Marker Felt","Comic Sans MS",Arial,sans-serif;
	display:inline-block;
	z-index:11 !important;
	box-shadow:0 5px 30px #000;
	transition:.2s;
	opacity:0;
	transform:rotateX(90deg) rotateZ(-15deg);
	}
	
.picture-label.animated {opacity:1;transform:rotateX(0deg) rotateZ(-15deg);}

.orientation {
	background:rgba(0,0,0,.8);
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:600;
	pointer-events:none;
	opacity:0;
	animation-fill-mode:forwards;
	}
	
.orientation img {
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:300px;
	margin-left:-200px;
	margin-top:-200px;
	height:auto;
	transform:rotate(45deg);
	animation-fill-mode:both;
	animation-iteration-count:3;
	}
	
@media only screen and (orientation: portrait) and (max-device-width: 768px) {

.orientation{animation:disapear 6s;}
.orientation img{animation:rotation ease-in-out 2s infinite;}
	}
	
@keyframes rotation {0%{opacity:0;transform:rotate(45deg)}
	95%{opacity:1;transform:rotate(-45deg);}
	100%{opacity:0;transform:rotate(45deg)}
	}
	
@keyframes disapear {0%{opacity:0;}
	5%{opacity:1;}
	95%{opacity:1;}
	100%{opacity:0;}
	}
	
#adpacks,#adblocked {
	position:fixed;
	top:15px;
	left:15px;
	padding:8px 10px;
	width:150px;
	color:#fff;
	background:#000;
	font-size:11px;
	line-height:1.4;
	text-align:center;
	border:1px solid #444;
	box-shadow:0 0 20px #000;
	z-index:200;
	}
	
.adpacks-img img {
	border:1px solid #444;
	margin-bottom:8px;
	}
.adpacks-poweredby {
	color:#aaa;
	display:block;
	font-size:10px;
	text-transform:capitalize;
	margin-top:5px;
	}

.mainsite {
	direction:ltr;
	z-index:2 !important;
	border:1px solid #f8b007;
	border-radius:5px;
	width:auto;
	max-width:45%;
	height:auto;
	background:rgba(0, 0, 0, 0.8) url(img/01.png) repeat scroll;
	position:absolute;
	left:23%;
	top:7%;
	padding: 8px 10px;
	transition:1s all;
	display:inline-block;
	overflow:hidden;
    text-overflow:ellipsis;
	box-shadow:0 5px 30px #000;
	}
.audioplayer {
	font-size: 10px;
	font-weight: lighter;
	font-style: normal;
	color: #009900;
	text-align: left;
	background-color: #c5ffa8;
	vertical-align: top;
	margin: 8px;
	padding: 8px;
	line-height: 14px;
	border: thin dashed #009900;
	z-index:1 !important;
}
#radiobox {
	top:8%;
	width:auto;
	max-width:50%;
	height:auto;
	margin:auto;
	transition:1s all;
	display:inline-block;
	z-index:3 !important;
 	overflow:hidden; 
}	
	
#infobox {
	-moz-box-shadow:0 5px 5px #000; -webkit-box-shadow:0 5px 5px #000; box-shadow:0 5px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    zoom: 1; 
	background:rgba(0, 0, 0, 0.5) url(img/01.png);
	border:1px solid #f8b007;
	color:#FFF;
	font-size:16px;
	left:2%;
	top:8%;
	padding:7px 17px;
	position:absolute;
	height:auto;
	text-align:left;
	width:20.7%;
	z-index:3 !important;
	border-radius:7px;
	transition:1s all;
	display:inline-block;
	overflow:hidden;
}


#kontaktbox {
	-moz-box-shadow:0 5px 5px #000; -webkit-box-shadow:0 5px 5px #000; box-shadow:0 5px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    zoom: 1; 
	background:rgba(0, 0, 0, 0.5) url(img/01.png);
	border:1px solid #f8b007;
	color:#FFF;
	font-size:14px;
	right:2%;
	top:8%;
	padding:7px 17px;
	position:absolute;
	height:auto;
	text-align:right;
	width:24%;
	z-index:8 !important;
	border-radius:7px;
	transition:1s all;
	display:inline-block;
	overflow:hidden;

}
.collapsed {
	opacity:0;
	transform:rotateX(90deg);
	transform-style:preserve3d;
	}

#impressbox {
	-moz-box-shadow:0 5px 5px #000; -webkit-box-shadow:0 5px 5px #000; box-shadow:0 5px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    zoom: 1; 
	background:rgba(0, 0, 0, 0.5) url(img/01.png);
	border:1px solid #f8b007;
	color:#FFF;
	font-size:14px;
	right:2%;
	top:8%;
	padding:5px 7px;
	position:absolute;
	height:auto;
	text-align:right top;
	width:24%;
	z-index:8 !important;
	border-radius:7px;
	transition:1s all;
	display:inline-block;
	overflow:hidden;

}


@-webkit-keyframes fadeIn {
 0%{opacity:0;}
10%{opacity:0;}
20%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeIn {
 0%{opacity:0;}
10%{opacity:0;}
20%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeIn {
0%{opacity:0;}
10%{opacity:0;}
20%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}	 
 
	.fade-in {
		opacity:0;  
		-webkit-animation:fadeIn ease-in 1;
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;
 
		-webkit-animation-fill-mode:forwards;  
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
 
		-webkit-animation-duration:30s;
		-moz-animation-duration:30s;
		animation-duration:30s;
		}
	
	.fade-in1 {
		-webkit-animation-delay: 1.0s;
		-moz-animation-delay: 1.0s;
		animation-delay: 1.0s;
	}





.close {
	font:bold 20px ProximaBold,"Marker Felt","Comic Sans MS",Arial,sans-serif;
	}

div#menue {
	text-align: left;
	left:2%;
	top:4%;
	padding:17px 17px;
	position:absolute;	
	}
div#menue p small {text-align: left;}


#menuean {
	-moz-box-shadow:0 5px 5px #000; -webkit-box-shadow:0 5px 5px #000; box-shadow:0 5px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=5); 
    zoom: 1; 
	background:rgba(0, 0, 0, 0.6) url(img/01.png);
	border:1px solid #f8b007;
	color:#FFF;
	font-size:16px;
	left:2%;
	top:8%;
	padding:7px 10px;
	position:absolute;
	height:auto;
	text-align:left;
	width:80px;
	border-radius:5px;
	z-index:10 !important;
}



@font-face {	font-family: 'Montserrat';
				font-style: normal;
				font-weight: 400;
				src: local('Montserrat-Regular'), url(fonts/msreg.woff2) format('woff2'), 
				url(fonts/msreg.woff) format('woff');
}
@font-face {	font-family: 'Montserrat';
				font-style: normal;
				font-weight: 700;
				src: local('Montserrat-Bold'), url(fonts/msbold.woff2) format('woff2'), 
				url(fonts/msbold.woff) format('woff');
}
@font-face  {	font-family:'ProximaBlack';
				src:url('fonts/ProximaNova-Black.otf');
				font-weight:normal;
				font-style:normal
			 }	
@font-face  {	font-family:'ProximaSemi';
				src:url('fonts/ProximaNovaCond-Semibold.otf');
				font-weight:normal;
				font-style:normal
			 }				 
@font-face  {	font-family:'ProximaBold';
				src:url('fonts/ProximaNova-Bold.otf');
				font-weight:normal;
				font-style:normal
			 }	
@font-face  {	font-family:'ProximaLight';
				src:url('fonts/ProximaNovaCond-Light.otf');
				font-weight:normal;
				font-style:normal
			 }	
@font-face  {	font-family:'ProximaReg';
				src:url('fonts/ProximaNovaCond-Regular.otf');
				font-weight:normal;
				font-style:normal
			 }	
@font-face {
    font-family: "Share";
    font-style: normal;
    font-weight: 400;
    src: local("Share"), local("Share-Regular"), url("fonts/share-regular.woff") format("woff");
}
@font-face {
    font-family: "Share";
    font-style: normal;
    font-weight: 700;
    src: local("Share Bold"), local("Share-Bold"), url("fonts/share-bold.woff") format("woff");
}			 

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(fonts/raleway.woff2) format('woff2');
}
@font-face {
  font-family: 'RalewayHeavy';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Heavy'), local('Raleway-Heavy'), url(fonts/raleway-heavy.woff2) format('woff2');
}



 @font-face {
 
 font-family:'FontAwesome';
	src:url('fonts/fontawesome-webfont.eot?v=4.0.3');
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
	    url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
		
	font-weight:normal;
	font-style:normal
	}

.fa-external-link-square:before{font:105% 'FontAwesome'; content:"\f14c";}
.fa-times-circle:before{font:105% 'FontAwesome'; content:"\f057"}
.fa-external-link-square1:before {
	font:80% 'FontAwesome';
	transform:rotate(90deg);
	animation-fill-mode:both;
	animation-iteration-count:3;
	content:"\f14c";}
.fa-home:before{font:105% 'FontAwesome'; content:"\f015"}
.fa-envelope-o:before{font:105% 'FontAwesome'; content:"\f003"}	
.fa-legal:before{font:105% 'FontAwesome'; content:"\f0e3"}	
.fa-fax:before{font:105% 'FontAwesome'; content:"\f1ac"}
.fa-phone:before{font:105% 'FontAwesome'; content:"\f095"}

.boxfont{
    font:15px Share;
	color:#FFF;
	font-weight: normal;
    font-style: normal;
	letter-spacing:-1px;
}

.boxfonth{
	font:18px Share;
	color:#FFF;
	font-weight: bold;
    font-style: normal;
	letter-spacing:-1px;
}

h1 {
	font:900% ProximaBlack, Montserrat, sans-serif;
	letter-spacing:-3px;	
	line-height:80px;
	margin:25px 0;
	text-shadow:0 3px 3px #000;
	font-weight: normal;
    font-style: normal;
}
.ie h1 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
	padding-bottom:12px;	
}
h2 {
	font:450% RalewayHeavy, ProximaBlack, Montserrat, sans-serif;
	letter-spacing:-3px;	
	line-height:80px;
	margin:5px 0;
	color: #f8b007;
	text-shadow:0 3px 3px #000;
	font-weight: bold;
    font-style: normal;
}
.ie h2 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h3 {
	font:350% ProximaBlack, Montserrat, sans-serif;
	padding:8px 2px 8px 2px;
	letter-spacing:0px;	
	line-height:5px;
	margin:5px 0 20px 0;
	color: #f8b007;
	text-shadow:0 3px 3px #000;
	font-weight: normal;
    font-style: normal;
}
.ie h3 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h4 {
	font:150% ProximaBlack, Montserrat, sans-serif;
	letter-spacing:1px;	
	line-height:80px;
	margin:25px 0;
	text-shadow:0 3px 3px #000;
	font-weight: normal;
    font-style: normal;
}	
text {
	font:120% Montserrat, ProximaSemi, sans-serif;
	margin:25px 0;
	text-shadow:0 3px 3px #000;
	font-weight: normal;
    font-style: normal;
}