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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, *:focus {
	margin         : 0;
	padding        : 0;
	border         : 0;
	outline        : 0;
	vertical-align : baseline;
	background     : transparent;
}
	   	
body {
	width: 100%;
	min-height:100%;
	background: #000;
	margin: 0;
	padding: 0;
	font-family:'Helvetica Neue', Helvetica, sans-serif;
}
	
@-webkit-keyframes myfirst {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes myfirst {
	from {opacity: 0;}
	to {opacity: 1;}
}
	
#preloader {
	-webkit-animation: myfirst 5s ease-in-out;
    animation: myfirst 5s ease-in-out;
}

#logo{
	position: absolute;
	top: 47%;
	text-align:center;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	width:100%;
}
	
#logo img{
	    width:80%;
        max-width: 500px;
        margin: 0 auto;
}

/*********************/
/****** FOOTER *******/
/*********************/

footer{
	width:100%;
	height:auto;
	position:fixed;
	bottom:0;
	background:none;
}
	
footer p{
	color:#f5f4ea;
	margin:25px auto;
	font-size:12px;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:98 !important;
}
	
footer p img{
	display:inline;
	width:40px;
	height:auto;
	margin:-15px 0;
}


/*********************/
/******* SO-ME *******/
/*********************/

.so-me {
	display:inline-block;
	list-style: none;
	margin:15px 0;
	padding:0;
	position:relative;
	z-index:100 !important;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
	
.so-me li {
	float: left;
	text-align:center;
	margin:0;
    margin-right: 30px;
	padding: 0;
}

.so-me li:last-of-type {
    margin-right: 0;
}

.so-me img {
	width:30px;
	height:auto;
	display:block;
	-moz-border-radius:2px;
	border-radius:2px
}
	
.so-me img.topp {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	position:absolute;
	opacity:0;
}
	
.so-me img.topp:hover {
	opacity:1;
}


/*********************/
/******* VIDEO *******/
/*********************/

.videocontainer{
	height:100%;
	width:100%;
	position: absolute;
	overflow:hidden;
}

video {
    margin: 0 auto;
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.mute-video {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #b2292f;
    border: none;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    font-family: 'Modules';
    color: #fff;
    font-size: 25px;
    padding: 0;
	-webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
	z-index: 99;
}

.mute-video:hover {
    color: #000;
}

/*********************/
/******* MOBIL *******/
/*********************/

@media handheld, only screen and (max-width: 730px) {
	.desktop, .fbr{
	    display:none
	}
	
	footer{
	    background:rgba(0,0,0,.7);
	}
}

@font-face {
	font-family: "Modules";
	src: url(../font/modules.woff2) format("woff2"), url(../font/modules.woff) format("woff");
	font-weight: normal;
	font-style: normal;
}