@font-face {
  font-family: 'DrukMedium';
  src:url('../fonts/DrukText-Medium.woff') format('woff'),
	 url(../fonts/Druk-Wide-Medium.otf) format('otf')
}

@font-face {
  font-family: 'DrukSuper';
  src:url('../fonts/Druk-CondSuper.woff') format('woff'),
	  url(../fonts/DrukCond-Super.otf) format('otf')
}

@font-face {
  font-family: 'GT America';
  src:url('../fonts/GT-America.woff') format('woff'),
	  url(../fonts/GT-America.otf) format('otf')
}

/*BASIC*/

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	hyphens:auto;
}

body { 
	background:#EAAFB9;
	margin:0;
}


a {
	text-decoration:none;
	color:black;
}

/*GEOMETRIE*/

.scene {
	width: 900px;
	height: 600px;
	position:absolute;
   	top:50%;
   	left:50%;
   	-webkit-transform:translate(-50%, -50%);
   	transform:translate(-50%, -50%);
	perspective:1800px;
	z-index: 99;
}

.box {
	  width: 900px;
	  height: 600px;
	  position: relative;
	  transform-style: preserve-3d;
	  transform: translateZ(-300px);
	  transition: transform 1s;
}

.box__face {
	position: absolute;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-align: center;
	border:1px solid #0f5440;
}

.box__face--front,
.box__face--back {
  	width: 900px;
  	height: 600px;
  	line-height: 200px;
	background:#eaafb9;
}



.box__face--right,
.box__face--left {
  	width: 600px;
  	height: 600px;
  	line-height: 200px;
	background:#82c1ec;
}

.box__face--top,
.box__face--bottom {
  	width: 900px;
  	height: 600px;
  	line-height: 100px;
	background:#f5acb8;
}

.box__face--top {
		background:transparent;
}

.box.show-front  { transform: translateZ( -300px) rotateY(  20deg); }
.box.show-back   { transform: translateZ( -30px) rotateY(-200deg); }
.box.show-right  { transform: translateZ(-300px) rotateY( -110deg); }
.box.show-left   { transform: translateZ(-300px) rotateY(  110deg); }
.box.show-top    { transform: translateZ(-300px) rotateX( -110deg); }
.box.show-bottom { transform: translateZ(-300px) rotateX(  110deg); }


.box__face--front  { transform: rotateY(  0deg) translateZ( 300px); }
.box__face--back   { transform: rotateY(180deg) translateZ( 300px); }

.box__face--right  { transform: rotateY( 90deg) translateZ(600px); }
.box__face--left   { transform: rotateY(-90deg) translateZ(300px); }

.box__face--top    { transform: rotateX( 90deg) translateZ(300px); }
.box__face--bottom { transform: rotateX(-90deg) translateZ(300px); }


/*NAVIGATION*/

	label {
    margin: 0;
    text-transform: uppercase;
	font-family: DrukMedium;
    font-size: 8vw;
	color: #0f5440;
	display:block;
	line-height:0.8;
	position:relative;
	letter-spacing:-10px;
}

label:hover {
	z-index:100;
 	text-shadow:  1px  1px 1px #EAAFB9,
                  1px -1px 1px #EAAFB9,
                 -1px  1px 1px #EAAFB9,
                 -1px -1px 1px #EAAFB9;
}

:checked+label { text-decoration:underline; }


#front {
	left:2%;
}

#top {
	left:2%;
	bottom:2% !important;
	position:fixed;
	font-size:1em;
	letter-spacing: 0;
}

#social {
	list-style:none;
	position:fixed;
	right:2%;
	top:2%;
	font-size:1em;
	line-height:1;
	font-family:DrukMedium;
	color:#0f5440;
	text-align:right;
}

#social a {
	color:#0f5440;
}


input[type="radio"] {
    opacity: 0;
}

.radio-group {
	position:absolute;
	top:4%;
	margin:0;
}



div#adresse {
    font-family: DrukMedium;
    font-size: 0.8em;
    text-transform: uppercase;
    position: absolute;
    right: 4%;
    text-align: right;
    bottom: 2%;
	color:#0f5440;
}

/*FRONT MOIN*/

#logo {
	display:block;
	margin:20px;
	width:573px;
	position:absolute;
	bottom:0;
}

.box__face--front p {
    font-family: DrukMedium;
    text-transform: uppercase;
    font-size: 56px;
    text-align: left;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #EAAFB9;
    margin: 0;
	padding:20px;
}

.box__face--front {
	background:url(../img/start.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}

/*LEFT PREISE*/

.box__face--left p {
    font-size: 60px;
    text-align: center;
    margin: 0;
    padding: 20px;
    line-height:60px;
    color: #ffffff;
    font-family: DrukMedium;
}

#preisvideo {
	position:absolute;
	left:0;
	bottom:0;
}


/*RIGHT INFO*/


.box__face--right h4 {
    line-height: 1;
    text-align: left;
    margin: 0;
    padding: 20px;
    font-family: DrukMedium;
    text-transform: uppercase;
    font-size: 44px;
    COLOR: #ffffff;
}

.box__face--right .text_left, .box__face--right  .text_right {
    line-height: 1.2;
    font-size: 16px;
    text-align: left;
    padding:0 20px 0 20px;
    font-family: GT AMERICA;
    COLOR: #ffffff;
    top: 0;
    margin: 0;
    width: 260px;
    float: left;
    height: 560px;
}




/*TOP IMPRINT*/

#imprint .text {
    line-height: 1.4;
    font-size: 20px;
    text-align: left;
    position: absolute;
    padding: 20px;
    font-family: DrukMedium;
    COLOR:white;
    bottom:0;
}

/*BACK SLIDER*/

#slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 4px;
}

#slide01 {
	background:url(../img/dovydas_kubas1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#slide02 {
	background:url(../img/dovydas_kubas2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#slide03 {
	background:url(../img/dovydas_kubas3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#slide04 {
	background:url(../img/dovydas_kubas4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#slide05 {
	background:url("../img/dovydas_kubas5.jpg");
	background-repeat:no-repeat;
	background-size:cover;
}

#slider #output {
    width: 300px;
    position: absolute;
    font-size:14px;
    color: #EAAFB9;
    left: 600px;
	height:300px;
	margin:0;
	padding:20px;
	font-family:DrukMedium;
	line-height:1;
	text-align:left;
	text-transform: uppercase;

}


#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 900px;
  height: 600px;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 0%;
	bottom:0;
  z-index: 999;
  display: block;
  padding: 0;
  width: 450px;
  height: 600px;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
  cursor: url(../img/arrow_l.png), auto;
	
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
  cursor: url(../img/arrow_r.png), auto;
	
}

#slider h4 {
    margin: 0;
	padding:20px 0 0 20px;
    font-family: DrukMedium;
    font-size: 32px;
	text-transform:uppercase;
    line-height: 1;
	color:#0F5440;
	text-align:left;
	background:#EAAFB9;
}

#slider .caption {
    font-size: 16px;
    font-family: GT America;
    text-align: left;
    line-height: 20px;
    margin: 0;
	color:#0F5440;
	padding:20px 300px 20px 20px;
	background:#EAAFB9;
	border-bottom:1px solid #0F5440;
}

/*BOTTOM CONTACT*/

.marquee {
  	height: 600px;
 	width: 900px;
  	overflow: hidden;
	position: relative;
	font-size:1em;
	color:black;
	font-family:DrukMedium;
}

.marquee span {
  	display: block;
  	position: relative;
	height:50px;
  	animation: marquee 30s linear infinite;
	white-space:nowrap;
	color:#0F5440;
    top: -25px;
}

.marquee div {
	height:600px;
}

.marquee span:hover {
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

@keyframes marquee {
  0% { left: 0%; }
  100% { left: -100%; }
}


@media only screen and (max-width: 1500px) {

	.scene {
	transform:translate(-50%, -50%) scale(0.8);

	}
}

@media only screen and (max-width: 1000px)  {

	.scene {
	transform:translate(-50%, -50%) scale(1)  !important;
	}
	
	label {
		font-size:60px;
		line-height:1;
		letter-spacing: 0;
	}
}