/*.hero__bg{
	background:url(boosted-boards-bg.jpg) no-repeat 0 0 ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:absolute;
	z-index: -1;
	left:0; top:0;
	display: block;
	width: 100%;
	height: 100%;
}

#logoLoading{
	position: absolute;
	z-index: 1;
	width: 50px; height: 50px;
	top: 50%; left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: spinner 3s linear infinite;
    animation: spinner 3s linear infinite;
}

.hero__video-container{
	opacity: 0;
	transition: opacity 0.5s ease-in;
}

.scroll-icon{
	background: url(scroll-mouse.png) no-repeat center center;
	width: 30px;
	height: 56px;
	position: absolute;
	left: 50%;
	margin-left:-15px;
	bottom: 35px;
	z-index: 99;
}

.scroll-icon span{
    background: url(scroll-icon.png) no-repeat center 23px;
    width: 30px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: movearrows 3s linear infinite;
    -moz-animation: movearrows 3s linear infinite;
    -o-animation: movearrows 3s linear infinite;
}

/* Animations */

@-webkit-keyframes spinner
{
    0% { -webkit-transform:rotate(0deg); }
    25% { -webkit-transform:rotate(360deg);}
    100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinner
{
    0% { -moz-transform:rotate(0deg); }
    25% { -moz-transform:rotate(360deg);}
    100% { -moz-transform:rotate(360deg);}
}
@-ms-keyframes spinner
{
    0% { -ms-transform:rotate(0deg); }
    25% { -ms-transform:rotate(360deg);}
    100% { -ms-transform:rotate(360deg);}
}

@keyframes spinner {
    0% { transform:rotate(0deg); }
    25% { transform:rotate(360deg);}
    100% { transform:rotate(360deg);}
}

@-webkit-keyframes movearrows
{
	0% {
	    background-position: center 23px;
	}
	92% {
	    background-position: center 23px;
	}
	96% {
	    background-position: center 30px;
	}
	100% {
	    background-position: center 23px;
	}
}
@-moz-keyframes movearrows
{
	0% {
	    background-position: center 23px;
	}
	92% {
	    background-position: center 23px;
	}
	96% {
	    background-position: center 30px;
	}
	100% {
	    background-position: center 23px;
	}
}
@-ms-keyframes movearrows
{
	0% {
	    background-position: center 23px;
	}
	92% {
	    background-position: center 23px;
	}
	96% {
	    background-position: center 30px;
	}
	100% {
	    background-position: center 23px;
	}
}

@keyframes movearrows {
	0% {
	    background-position: center 23px;
	}
	92% {
	    background-position: center 23px;
	}
	96% {
	    background-position: center 30px;
	}
	100% {
	    background-position: center 23px;
	}
}*/