/* ---------------------------------------------- Browser CSS reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}

img {
  vertical-align:bottom;
}

:focus {
  outline:0;
}

ol, ul {
  list-style:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:1em;
}

caption, th, td {
  text-align:left;
  font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
  content:"";
}
blockquote, q {
  quotes:"" "";
}

a img {
	border:none;	
}

a {
	color:#fff;
	text-decoration:none;
}


/*-------------------------------------- Styles --*/

 
body { 
	color:#fff;
	font-family:"acumin-pro-extra-condensed",sans-serif;
	overflow: hidden;
	background: url('../img/video_fallback.jpg') screen;
}

.adresse {
	text-transform:uppercase;
	font-weight:medium;
	font-size:30px !important;
}

video#bgvid, video#bgvidloop{
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(polina.jpg) no-repeat;
	background-size: cover;
	opacity: 1;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
}

video#bgvid{
	z-index: -100;
}

video#bgvidloop{
	z-index: -101;
}

@media screen and (max-device-width: 800px) {

body { 
	background: url(../img/video_fallback.jpg) #000 no-repeat center center fixed; 
	color:#fff;
}

#bgvid, #bgvidloop { display: none; }

}


.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
	background:url('../img/lines.png');
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    text-align:center;
	margin-top:-50px;
}

ul li {
	display:inline-block;
}

ul li a {
	display:block;
	width:40px;
	height:40px;
	margin-right:24px;
}

ul li a.vimeo {
	background:url('../img/icon_vimeo.svg') no-repeat;
}

ul li a.instagram {
	background:url('../img/icon_instagram.svg') no-repeat;
}

ul li a.facebook {
	background:url('../img/icon_facebook.svg') no-repeat;
	margin-right:0px;
}

ul li a:hover {
	background-position:0px -39px;
}

.adresse {
	display:block;
	font-size:20px !important;
	letter-spacing:5px;
}

#logo {
	margin:60px 0 20px 0;
}

.button {
	margin-top:60px;
	display:inline-block;
	border:2px solid #fff;
	padding-right:20px;
	font-size:22px;
}

.button span.icon {
	margin-right:20px;	
	border-right:2px solid #fff;
	width:70px;
	height:70px;
	display:inline-block;
	vertical-align:middle;
	background:url('../img/icon_kontakt.svg') no-repeat center center;
}

.button:hover.icon {
	background:url('../img/icon_kontakt_hover.svg') no-repeat center center;
}

.button2 {
	margin-top:55px;
	display:inline-block;
	width:64px;
	height:65px;
	background:url('../img/icon_kontakt2.svg');
}

.button2:hover {
	background-position:0px -64px;
}