/* begin boilerplate */
body,div{margin:0;padding:0;}
body{
	border:black 1px solid;
	height:250px;
	left:0;
	position:absolute;
	top:0;
	width:300px;
}
#ad{
	background:#000;
	border:1px #000 solid;
	box-sizing:border-box;
	color:#FFF;
	display:block;
	font-family:'Open Sans', sans-serif;
	font-size:15px;
	font-weight:600;
	height:250px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:300px;
}
#cta {
	height:35px;
	left:81px;
    margin: 0;
    opacity: 0;
	position: absolute;
	text-align: center;
    top:145px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	z-index:1001;
}
#cta.In{opacity:1}
#bgExitArea { 
	cursor:pointer;
	height:100%; 
	left:0;
	opacity:0;
	position: absolute; 
	top:0; 
	width:100%;  
	z-index:1000;
}
#bgExitArea a,#zipCode {display: none;}
#zipCode:focus, .button:focus {
    outline: 0;
}
.button {
    display: inline-block;
}
.button input, .button a {
    border: none;
    border-radius: 100px;   
	color: #fff;    
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway",Arial,Verdana,sans-serif;
    font-size: 15px !important;
    font-weight: 600;
    padding: 10px 57px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    	-ms-transition: all .3s;
    		transition: all .3s;
    background-position: 0 0;
    background-size: auto 200%;
	white-space:nowrap;
}
.button input:hover, .button a:hover {
	background-position: 0 100% !important;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	transition: all 0s
}
#cta .button {
	height:	35px;
}



/* button options - SET BUTTON COLOR IN #OPTIONS DIV */
#options.blue .button input,#options.blue .button a{
	background:#2aa5fc;
	background: -webkit-linear-gradient(top,#2aa5fc 0%,#0062cf 100%);
	background: -moz-linear-gradient(top,#2aa5fc 0%,#0062cf 100%);
	background: linear-gradient(to bottom,#2aa5fc 0%,#0062cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2aa5fc', endColorstr='#0062cf');
}
#options.orange .button input,#options.orange .button a{
	background: #ff6600;
	background: -webkit-linear-gradient(top,#ff9c00 0%,#ff6600 100%);
	background: -moz-linear-gradient(top,#ff9c00 0%,#ff6600 100%);
	background: -ms-linear-gradient(top,#ff9c00 0%,#ff6600 100%);
	background: linear-gradient(to bottom,#ff9c00 0%,#ff6600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9c00', endColorstr='#ff6600');
}


/* begin custom code */
div{display:block;position:absolute;}
/* the text */
#text{background:rgba(0,0,0,0.00);height:250px;width:300px;z-index:100;transition:all .5s;}
#text.Wipe{background:rgba(0,0,0,1)}
#official{font-size:11px;font-weight:400;left:50px;opacity:0;text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000;top:217px;white-space:nowrap;}
#official.In{opacity:1;}
#official::after,#t2a:after{
	background:url('gblogo.png');
	background-size:cover;
	content:'';
	display:block;
	height:35px;
	left:-42px;
	position:relative;
	top:-25px;
	width:35px;
	-webkit-transform:scale(5,5);
	   -moz-transform:scale(5,5);
	   		transform:scale(5,5);
}
#official.In::after{
	-webkit-filter:drop-shadow(-2px 0 5px black);
	filter:drop-shadow(0 0 5px black);
	-webkit-transform:scale(1,1);
	   -moz-transform:scale(1,1);
	   		transform:scale(1,1);
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
			transition:all .5s;
}
#t1{
	color:#000;
	font-family:'Raleway';
	font-size:35px;
	font-weight:800;
	left:25px;
	opacity:0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	text-shadow:0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30;
	top:75px;
	width:250px;
	z-index:100;
}
#t2{
	background:url(logo_big.png);
	display:block;
	height:82px;
	left:15px;
	opacity:0;
	position:absolute;
	top:55px;
	width:275px;
	z-index:100;
}
#t2a{
	color:#000;
	font-family:'Raleway';
	font-size:18px;
	font-weight:800;
	left:20px;
	line-height:1.2;
	opacity:0;
	text-align:left;
	text-shadow:0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30;
	text-transform:uppercase;
	top:130px;
	width:275px;
	z-index:10;
}
#t2a:after{background:url(gblogo2.png);height:50px;left:213px;top:-36px;width:50px;-webkit-transform:scale(1,1);transform:scale(1,1)}
#t1.In,#t2.In,#t2a.In,#t3.In{opacity:1;}
#t3{
	color:#000;
	font-family:'Raleway';
	font-size:28px;
	font-weight:800;
	height:250px;
	opacity:0;
	padding:20px 20px;
	position:absolute;
	right:0px;
	text-align:right;
	text-transform:uppercase;
	text-shadow:0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30;
	top:50px;
	z-index:100;
}
#t4{
	color:#000;
	display:block;
	font-size:21px;
	font-family:'Raleway';
	font-weight:800;
	top:40px;
	height:250px;
	left:27px;
	line-height:1.6;
	margin:0;
	opacity:0;
	padding:0;
	position:absolute;
	text-align:center;
	text-shadow:0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30,0px 0px 10px #72fd30;
	vertical-align:top;
	width:300px;
	z-index:25;
}
#t4 span:first-child{position:relative;z-index:2;}
#t4 .neon{
	font-family:'Open Sans';
	font-size:85px;
	font-weight:700;
	line-height:55px;
	vertical-align:top;	
}
#t4 .dollar{font-size:63px;font-weight:600;letter-spacing:1px;}
#t4 #switch{font-size:28px;font-weight:600;position:relative;top:-5px}
#t4.In{opacity:1;}

/* the objects */
#f1,#f2,#f3,#f4{height:250px;opacity:0;overflow:hidden;width:300px;transition:all 1s}
#f1.In,#f2.In,#f3.In,#f4.In,#logo.In{opacity:1}
#f1{
	background:url(ecto1.jpg);
	-webkit-animation-name:vid;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:steps(9);
	-webkit-animation-fill-mode:forwards;
	   -moz-animation:vid 1.5s steps(9) forwards;
			animation:vid 1.5s steps(9) forwards;
}
#f2{background:url(bg1.jpg)}
#f3{background:url(bg2.jpg)}
#f3.Out{opacity:0;transition:all 1s}
#f4{background:url(bg3.jpg)}
#f4.In{left:5px;top:-20px;-webkit-transform:scale(1.4,1.4) translateZ(0);transform:scale(1.4,1.4) translateZ(0);transition:all .45s ease-in;}
#ecto1{background:url(ecto1.png);height:250px;left:18px;top:20px;width:300px;}
.In #ecto1{
	left:-7px;
	top:19px;
	-webkit-transition:all 2s steps(10);
	   -moz-transition:all 2s steps(10);
			transition:all 2s steps(10);
	-webkit-transform:scale(.66,.66);
	   -moz-transform:scale(.66,.66);
			transform:scale(.66,.66);
}
#ltBlue,#ltRed{
	border-radius:25px;
	height:150px;
	top:66px;
	width:200px;
	-webkit-animation-name:flash;
	-webkit-animation-duration:.25s;
	-webkit-animation-direction:alternate;
	-webkit-animation-iteration-count:infinite;
	   -moz-animation:flash .25s alternate infinite;
			animation:flash .25s alternate infinite;
}
#ltBlue{
	left:66px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,32a3ff+30&1+30,0+78 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(50,163,255,1) 30%, rgba(50,163,255,0) 78%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(50,163,255,1) 30%,rgba(50,163,255,0) 78%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(50,163,255,1) 30%,rgba(50,163,255,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0032a3ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#ltRed{
	left:-15px;
	-webkit-animation-delay:.25s;
	   -moz-animation-delay:.25s;
			animation-delay:.25s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ff3232+30&1+30,0+78 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,50,50,1) 30%, rgba(255,50,50,0) 78%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,50,50,1) 30%,rgba(255,50,50,0) 78%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,50,50,1) 30%,rgba(255,50,50,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ff3232',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#bobble,#bobble2{
	background:url(bh_body.png);
	background-position:0 40px;
	background-repeat:no-repeat;	
	height:189px;
	left:20px;
	top:30px;
	width:81px;
}
#head,#head2{
	background:url(bh_head.png);
	background-repeat:no-repeat;	
	height:83px;
	left:-5px;
	top:38px;
	width:83px;
}
#bobble.In{opacity:1;}
#bobble2{left:30px;top:5px;-webkit-transform:scale(.4,.4) translateZ(0px);transform:scale(.4,.4) translateZ(0px); image-rendering: -webkit-optimize-contrast;filter:blur(0) /* Chrome (and Safari) */}
.In #head,.In #head2{
	-webkit-animation-name:wiggle;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count:infinite;
	   -moz-animation:wiggle .5s infinite;
			animation:wiggle .5s infinite;
}
.In #head2{-webkit-animation-iteration-count:15;-moz-animation-iteration-count:15;animation-iteration-count:15}
#logo{
	background:url(logo.png) no-repeat;
	background-size:contain;
	height:19px;
	left:9px;
	opacity:0;
	top:6px;
	width:122px;
	z-index:900;
	-webkit-filter:drop-shadow(-2px 0 5px black);
	filter:drop-shadow(-2px 0 5px black);
}
.In #ltYellow{
	border-radius:100px;
	height:338px;
	left:-50px;
	top:-195px;
	width:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+2,febf04+21&1+0,0+64 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 2%, rgba(254,191,4,0.67) 21%, rgba(254,191,4,0) 64%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 2%,rgba(254,191,4,0.67) 21%,rgba(254,191,4,0) 64%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.97) 2%,rgba(254,191,4,0.67) 21%,rgba(254,191,4,0) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00febf04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-animation-name:spin;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:5;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode:forwards;
	   -moz-animation:spin 1.5s 5 linear forwards;
	   		animation:spin 1.5s 5 linear forwards;
}
/* the animation */
@-webkit-keyframes flash{
	0%	{opacity:0}
	100%{opacity:.7}
}
@-moz-keyframes flash{
	0%	{opacity:0}
	100%{opacity:.7}
}
@keyframes flash{
	0%	{opacity:0}
	100%{opacity:.7}
}

@-webkit-keyframes wiggle{
	0%,100%	{-webkit-transform:rotate(0deg)}
	25%		{-webkit-transform:rotate(-15deg)}
	75%		{-webkit-transform:rotate(15deg)}
}
@-moz-keyframes wiggle{
	0%,100%	{transform:rotate(0deg)}
	25%		{transform:rotate(-15deg)}
	75%		{transform:rotate(15deg)}
}
@keyframes wiggle{
	0%,100%	{transform:rotate(0deg)}
	25%		{transform:rotate(-15deg)}
	75%		{transform:rotate(15deg)}
}

@-webkit-keyframes vid{
	0%	{background-position:0 0}
	100%{background-position:-2700px 0}
}
@-moz-keyframes vid{
	0%	{background-position:0 0}
	100%{background-position:-2700px 0}
}
@keyframes vid{
	0%	{background-position:0 0}
	100%{background-position:-2700px 0}
}

@-webkit-keyframes spin{
	0%	{opacity:1;-webkit-transform:translateX(30px) scale(.1,1)}
	25%	{-webkit-transform:translateX(15px) scale(1,1)}
	50%	{opacity:1;-webkit-transform:translateX(0px) scale(.1,1)}
	51%	{opacity:0}
	100%{opacity:0;-webkit-transform:translateX(30px) scale(.1,1)}
}
@-moz-keyframes spin{
	0%	{opacity:1;transform:translateX(30px) scale(.1,1)}
	25%	{transform:translateX(15px) scale(1,1)}
	50%	{opacity:1;transform:translateX(0px) scale(.1,1)}
	51%	{opacity:0}
	100%{opacity:0;transform:translateX(30px) scale(.1,1)}
}
@keyframes spin{
	0%	{opacity:1;transform:translateX(30px) scale(.1,1)}
	25%	{transform:translateX(15px) scale(1,1)}
	50%	{opacity:1;transform:translateX(0px) scale(.1,1)}
	51%	{opacity:0}
	100%{opacity:0;transform:translateX(30px) scale(.1,1)}
}