#banner {
	position: relative;
	max-width: 1920px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

#banner #title.animated {
	position: absolute;
	top: 0px;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 4s ease-in-out 0.5s;
	-moz-transition: opacity 4s ease-in-out 0.5s;
	-o-transition: opacity 4s ease-in-out 0.5s;
	transition: opacity 4s ease-in-out 0.5s;
}

#banner #title.fadeIn { opacity: 1 !important; }

#animationContainer { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#logoContainer {
	position: absolute;
	width: 10%;
	height: 40%;
	top: 30%;
	right: 20%;
	transform-style: preserve-3d;
	perspective: 1000px;
}

.dot {
	position: absolute;
	width: 5%;
	height: 5%;
	border-radius: 50%;
	background-color: #fff;
}
 
.lightSweep {
	position: absolute;
  	overflow: hidden;
	-webkit-filter: brightness(5.5);
	-webkit-mask-size: 300% 200%;
	-webkit-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-webkit-transition: -webkit-mask-position;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translate3d(0, 0, 0); 
	-moz-filter: brightness(5.5);
	-moz-mask-size: 300% 200%;
	-moz-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-moz-transition: -webkit-mask-position;
	-moz-animation-timing-function: linear;
	-moz-transform: translate3d(0, 0, 0); 
	-o-filter: brightness(1.5);
	-o-mask-size: 300% 200%;
	-o-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-o-transition: -webkit-mask-position;
	-o-animation-timing-function: linear;
	-o-transform: translate3d(0, 0, 0); 
	filter: brightness(5.5);
	mask-size: 300% 200%;
	mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	transition: -webkit-mask-position;
	animation-timing-function: linear;
	transform: translate3d(0, 0, 0); 
}

.lightSweepStart { -webkit-mask-position: 150% 0px; -moz-mask-position: 150% 0px; -o-mask-position: 150% 0px; mask-position: 150% 0px;  }
.lightSweepEnd { -webkit-mask-position: 0% 0px; -moz-mask-position: 0% 0px; -o-mask-position: 0% 0px; mask-position: 0% 0px; }