@charset "UTF-8";
/* CSS Document */

body{
	background-color:#7e8780;
}


video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}


@media (min-aspect-ratio: 16/9) {
  video#bgvid {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
 video#bgvid {
    width: auto;
    height: 100%;
  }
}



.trailer{
	padding-top:8%;
}

.trailer a{
	color:#fdfdfd;
}

.blur{
	background:url(../img/blur.jpg);
	background-size:cover;
	width:100%;
	height:100vh;
}

.start{
	background:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	width:100%;
	min-height:100vh;
	position:relative;
	z-index:0;
	margin-top:-10px;
	padding-top:2rem;
}

.titel{
	margin-top:60px;
	padding:0 3rem;
}

.content{
	background:#7e8780;
	background-size:100%;
	width:100%;
	
}



.titel h3{
	font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 800;
font-size:2rem;
text-transform:uppercase;
letter-spacing:0.2rem;
color:#FED501;
}

h1{font-family: "myriad pro",sans-serif;
font-style: normal;
font-weight: 800;
text-transform:uppercase;
letter-spacing:0rem;
color:#7b3c31;
}

h3{font-family: "myriad pro",sans-serif;
font-style: normal;
font-weight: 800;
text-transform:uppercase;
letter-spacing:0rem;
color:#7b3c31;
padding-top:10%;
}

h4{font-family: "myriad pro",sans-serif;
font-style: normal;
font-weight: 600;
font-size:1.3rem;
text-transform:uppercase;
color:#7b3c31;
padding-top:1%;
}


h5{
	font-family: "proxima-nova",sans-serif;
	font-style:normal;
font-weight:600;
font-size:1.4rem;
text-transform:uppercase;
letter-spacing:0.1rem;
color:#7b3c31;
}

strong{
	color:rgba(0,0,0,1.00);
font-style: normal;
text-transform:uppercase;
font-weight: 800;
}

p{
	font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
	font-size:1.2rem;
	line-height:1.6rem;
	color:#fdfdfd;
}


.cast strong{

	padding:0rem;
	font-weight: 900;
	color:#fdfdfd;
	font-size:1.5rem;
	letter-spacing:0.04rem;
	font-family: "proxima-nova",sans-serif;
}

.cast h4{
	font-size:1rem;
}





hr {
    border-top: 2px solid #ACC5C0;
	border-bottom:none;
	padding-bottom:3rem;

}

.shad{
	-webkit-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
-moz-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
}

.button{
	background:none;
	color:#7b3c31;
	border-radius:50px;
	 padding: 0.7em 1em 0.7em 1em;
	 border: 1px solid rgba(134,77,62,1.00);
font-family: "proxima-nova",sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1rem;
	  transition: all 0.2s ease;
}

.button:hover{
	background:none;
	color:#fdfdfd;
	border: 1px solid #fdfdfd;
}

a{
	color:rgba(255,255,255,1.00);
}

a:hover, a:focus {
	color:#7e8780;
}

a img:hover, a:focus {
	opacity:0.8;
	transition:all ease-in-out 0.5s;
}

a .close-button{
	color:rgba(255,255,255,1.00);
	}
	
.close {
	font-size:3rem;
	font-weight:300;
	top:2rem;
	right:4rem;
	color:#fdfdfd;
	z-index:9999;
	position:fixed;
}

.close a:hover{
	font-size:3rem;
	font-weight:300;
	top:1rem;
	right:2.5rem;
	color:#C6C6C6;
}

.pad{
	padding-top:8%;
}

.pads{
	padding-top:12%;
	
}




video {

    min-width: 100%;
    width: 100%;
 background:none;
  background-size: cover;
  padding:0px;
  -webkit-box-shadow: 0px 4px 21px -4px rgba(24,34,36,1);
-moz-box-shadow: 0px 4px 21px -4px rgba(24,34,36,1);
box-shadow: 0px 4px 21px -4px rgba(24,34,36,1);
}

.dec video {
    position:relative;
    min-width: 100%;
    min-height: 100%;
	top:-50px;
    width: 100%;
    height: auto;
    z-index:0;
  background-size: cover;
  transition: 1s opacity;
  margin-top:100px;
 
}

.dec h1{
	position:absolute;
	font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
text-transform:uppercase;
letter-spacing:0.6rem;
color:#ffffff;
	z-index:999;
	 padding-top:20%;
	 width:100%;
	 opacity:1;
	 font-size:2.5rem;
}

.blu{
	border:8px solid #fdfdfd;
	background:#FED501;
	padding:2.5rem 2.5rem 1.5rem 2.5rem;
	margin-top:-8%;
	z-index:999;
	position:relative;
	border-radius:30px;
	transform: rotate(-5deg);
	-webkit-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
-moz-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
	 
}



.blu p{
	font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 700;
font-size:1rem;
text-transform:uppercase;
letter-spacing:0.5rem;
color:#374e54;
}




.reveal{
	padding-top:5%;
	background:url(../img/rough.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}


.reveal .close-button{
	position:fixed;
	top:5rem;
	right:3rem;
	
}

#closex{
	color:#ffffff;
	}

#closex:hover{
	color:#7e8780;
	}

.orbit-container{
	
	width:100%;
}

.orbit-bullets button {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.1rem;
    background-color: rgba(134,77,62,1.00);
    border-radius: 50%;
}


.orbit-bullets button.is-active {
	background-color:rgba(255,255,255,1.00)
}

.quote{
	font-style:italic;
	color:rgba(134,77,62,1.00);
	padding-top: 8%;
}

.subtitle{
	color:rgba(0,0,0,1.00);
}

.pictext{
	margin-top:1%;
}

.plus{
	color:rgba(134,77,62,1.00);
	margin-top:2%;
}

.space{
	margin-top:10%;
}


.callout{
	background:#fdfdfd;	
	position:fixed;
	bottom:-0rem;
	z-index:9999;
	border:none;
	margin:0rem;
}

.callout h3{
	color:#374e54;
	line-height:0rem;
	margin:0rem;
	padding:0rem;
	font-size:2rem;
}

.callout:hover{
	background:#FED501;	
}

strong{
	color:rgba(134,77,62,1.00);
}

.partner{
	background-color:#FFFFFF;
	margin-top:3rem;
	padding: 2rem;
	}
	
.partner:hover{
	background-color:#939090;
	}

.win{
	background-color:#FFFFFF;
	margin-top:3rem;
	padding: 1rem;
	}

.spacer{
	margin:rem;
	padding:4rem 20rem 5rem 20rem;
	}

@media screen and (max-width: 63.9375em) {
	.start{
	background:url(../img/bg-l.jpg);
		background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	width:100%;
	z-index:0;
	top:3.5rem;
	margin-bottom:2rem;
	}
	
		p{
	padding: 0rem 2rem 0rem 2rem;
	font-size:1rem;
}
	
	
}



@media screen and (max-width: 40em) {

	p{
	padding: 0rem 2rem 0rem 2rem;
	font-size:1rem;
}


.start{
	background:url(../img/bg-m.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	width:100%;
	z-index:0;
	top:3.5rem;
	margin-bottom:2rem;
}

.blu{
	border:8px solid #fdfdfd;
	background:#FED501;
	padding:1.5rem 1.5rem 0.5rem 1.5rem;
	margin-top:-8%;
	z-index:999;
	position:relative;
	border-radius:30px;
	transform: rotate(-5deg);
	-webkit-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
-moz-box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
box-shadow: 0px 9px 21px -4px rgba(24,34,36,1);
	 
}

.blu h1{
	font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 900;
font-size:1.5rem;
text-transform:uppercase;
letter-spacing:0.1rem;
line-height:1.5rem;
color:#374e54;
}

.blu p{
	font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 700;
font-size:0.8rem;
text-transform:uppercase;
letter-spacing:0.5rem;
color:#374e54;
}

.pad{
	padding-top:18%;
}

.pads{
	padding-top:16%;
	
}

}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
	backface-color:#FFFFFF;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:8rem;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
backface-color:#FFFFFF;	
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
margin-top:8rem;
transition-delay:.2s;
}

.button-win{
	background:none;
	color:#7b3c31;
	border-radius:50px;
	 padding: 0.7em 10rem 0.7em 10em;
	 border: 1px solid rgba(134,77,62,1.00);
font-family: "proxima-nova",sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1rem;
	  transition: all 0.2s ease;
}

.button-win:hover{
	background:none;
	color:#fdfdfd;
	border: 1px solid #fdfdfd;
}

.hovereffect a.infowin {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:10rem;
padding:7px 14px;
}

.hovereffect a.infowin:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover h2,.hovereffect:hover a.infowin {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.infowin {
-webkit-transition-delay:.2s;
margin-top:8rem;
transition-delay:.2s;
}