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

/* COMMON
--------------------------------------------------------------------------------------------- */

html, body {
	margin:0;
	padding:0;
	font-family:Verdana, sans-serif;
	color:#FFFFFF;
}
div, img {
	margin:0;
	padding:0;
	position:absolute;
	display:block;
	cursor:pointer;
}
p {
	margin:0;
	padding:0;
}
/*--------------------------------------------------------*/
#wrapper{
	position:relative;
	width:728px;
	height:90px;
	display:block; 
}
#banner{
	width:728px;
	height:90px;
	display:block;
	overflow:hidden;
}
#brand{left:10px; top:62px; opacity:1; width:79px; height:18px; opacity:0;}
#cta{width:0px; height:24px; right:49px; top:33px; background:#d51e29; overflow:hidden; transition: background 0.3s ease; }
#cta #text{left:11px; top:7px;}
#cta:hover{ background:#f3111f; }
#legal{ opacity:0; bottom:5px; right:9px; display:none; }
#t1{left:119px; top:24px; }
#t2{left:119px;top:15px;}
#t3{left:118px;top:30px;}
#t4{left:147px; top:63px;}

#t1, #t2, #t3, #t4, #t4sh{
	opacity:0;
	-webkit-filter:blur(5px);
	filter:blur(5px);
}

#options{ left:182px; top:234px; opacity:0;}

#videoFrame{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
#genBt{
	width:728px;
	height:90px;
}
#replay{
	width:14px;
	height:14px;
	right:3px;
	top:3px;
	display:none;
	opacity:0;
}
#arrowRep{ opacity:.7;}
#legal_panel{
	width:588px;
	height:30px;
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	line-height:11px;
	padding:30px 70px;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	color:#ffffff;
	opacity:0;
	pointer-events:none;
}
/****animation classes****/
.alphaIn{
	-webkit-animation:alphaIn 300ms ease 0s 1 normal forwards;
	        animation:alphaIn 300ms ease 0s 1 normal forwards;
}
.alphaInB{
	-webkit-animation:alphaInB 300ms ease 0s 1 normal forwards;
	        animation:alphaInB 300ms ease 0s 1 normal forwards;
}
.alphaOut{
	-webkit-animation:alphaOut 500ms ease 0s 1 normal forwards;
	        animation:alphaOut 500ms ease 0s 1 normal forwards;
}
.ctaIn{
	-webkit-animation:ctaIn 300ms ease-in 0s 1 normal forwards;
	        animation:ctaIn 300ms ease-in 0s 1 normal forwards;
}
.brandIn{
	-webkit-animation:brandIn 300ms ease 0s 1 normal forwards;
	        animation:brandIn 300ms ease 0s 1 normal forwards;
}
.vayamosIn{
	-webkit-animation:vayamosIn 200ms linear 0s 1 normal forwards;
	        animation:vayamosIn 200ms linear 0s 1 normal forwards;
}
.tIn{
	-webkit-animation:tIn 500ms ease-in 0s 1 normal forwards;
	        animation:tIn 500ms ease-in 0s 1 normal forwards;
}
.tOut{
	-webkit-animation:tOut 500ms ease-out 0s 1 normal forwards;
	        animation:tOut 500ms ease-out 0s 1 normal forwards;
}
.arrowRep{
	-webkit-animation:arrowRep 300ms ease 0s 1 normal forwards;
	        animation:arrowRep 300ms ease 0s 1 normal forwards;
}
/*****animations**********/
@-webkit-keyframes alphaIn{
	0%{ opacity:0; }
	100%{ opacity:1; }
}
@-moz-keyframes alphaIn{
	0%{ opacity:0; }
	100%{ opacity:1; }
}
@keyframes alphaIn{
	0%{ opacity:0; }
	100%{ opacity:1; }
}
@-webkit-keyframes alphaInB{
	0%{ opacity:0; }
	100%{ opacity:.5; }
}
@-moz-keyframes alphaInB{
	0%{ opacity:0; }
	100%{ opacity:.5; }
}
@keyframes alphaInB{
	0%{ opacity:0; }
	100%{ opacity:.5; }
}
@-webkit-keyframes alphaOut {
	0%{ opacity:1; }
	100%{ opacity:0; }
}
@-moz-keyframes alphaOut {
	0%{ opacity:1; }
	100%{ opacity:0; }
}
@keyframes alphaOut {
	0%{ opacity:1; }
	100%{ opacity:0; }
}

@-webkit-keyframes ctaIn{
	0% { width:0px;}
	100% { width:83px;}
}
@keyframes ctaIn{
	0% { width:0px;}
	100% { width:83px;}
}
@-moz-keyframes ctaIn{
	0% { width:0px;}
	100% { width:83px;}
}
@-webkit-keyframes tIn{
	100% { opacity:1; -webkit-filter:blur(0px);}
}
@keyframes tIn{
	100% { opacity:1; filter:blur(0px);}
}
@-moz-keyframes tIn{
	100% { opacity:1; filter:blur(0px);}
}
@-webkit-keyframes tOut{
	0% { opacity:1; -webkit-filter:blur(0px);}
	100% { opacity:0; -webkit-filter:blur(10px);}
}
@keyframes tOut{
	0% { opacity:1; filter:blur(0px);}
	100% { opacity:0; filter:blur(10px);}
}
@-moz-keyframes tOut{
	0% { opacity:1; filter:blur(0px);}
	100% { opacity:0; filter:blur(10px);}
}
@-webkit-keyframes arrowRep{
	0% { -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg)}
}
@keyframes arrowRep{
	0% { transform:rotate(0deg)}
	100% { transform:rotate(360deg)}
}
@-moz-keyframes arrowRep{
	0% { -moz-transform:rotate(0deg)}
	100% { -moz-transform:rotate(360deg)}
}