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

ta,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1;}
ol,ul{list-style:none !important;}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none !important;}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none !important;}
a img{border:none !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  

.hide{visibility:hidden}
.gpu{backface-visibility:hidden;transform:translateZ(0);transform:rotate(0.01deg);will-change:transform}

img,div{position:absolute}

* {
    outline: none !important;;
}

a {
    outline: none !important;;
}

input:focus, textarea:focus {
    outline: none !important;;
}

#container {
	position: relative;
	width: 728px;
	height: 90px;
	background-color: #FFF;
	outline: none !important;;
	overflow:hidden;
	visibility: hidden;
}


/* START for dev — comment the below out for internal review */

/*body{
	background-color:#878585; 
}

#container {
	overflow: visible;
}*/

/* END for dev — comment out the above outfor internal review */


/* START for dev — comment out for final delivery*/
/*#container {
	position: absolute;
    margin: -45px 0 0 -364px;
    top: 50%;
    left: 50%;
}
*/
/* END for dev — comment out for final delivery*/


/* ***************** END CSS STANDARD SETTINGS TEMPLATE *****************************/

#center-it {
	top: 0;
    left: 0;
    width: 364px;
    height: 90px;
    opacity: 0.4;
    border-top: 18px purple solid;
    border-right: 25px #88E04C solid;
    border-bottom: 18px purple solid;
    border-left: 25px #88e04c solid;
}

 #click-through {
	top: 0;
	left: 0;
	width: 728px;
	height: 90px;
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
		   -o-box-sizing: border-box;
			  box-sizing: border-box;
	background-color: transparent;
	border: 1px #000 solid;
	padding:0;
	margin:0;
	cursor: pointer;
}

#body-copy-wrap{
	top: 0;
    left: 728px;
    width: 728px;
    height: 125px;
	/*	border:1px solid blue;*/
}

#body-copy1{
	top: 17px;
    left: 0;
    width: 364px;
    height: 60px;
	background: url(728x90_crash_test_sprite.png) 0 -31.8px no-repeat;
	background-size: 728px 194px;
    visibility: hidden;
}

#body-copy2{
	top: 0;
    left: 0;
    width: 364px;
    height: 60px;
	background: url(728x90_crash_test_sprite.png) 2px -106px no-repeat;
	background-size: 728px 194px;
    visibility: hidden;
}

/*#bottom-reveal-line-wrap{
	top:239px;
	left:0px;
	width:298px;
	height:28px;
	opacity: 0;
}
*/
.circle{
	top:-1px;
	left:172px;
	width:15px;
	height:15px;
	background: url("728x90_crash_test_sprite.png") -364px -104px no-repeat;
	background-size: 728px 194px;
	transform-origin: center center;
}

/*. /  CTA   */

#cta-wrap{
	width:364px;
	height:90px;
	top:0px;
	left:364px;
	overflow: hidden;
}

#cta-button{
	top: 16px;
    left: 219px;
    width: 110px;
    height: 24px;
    border: 1px #00A3E0 solid;
    border-radius: 6px;
	visibility: hidden;
}

#cta-copy-out{
    top: 0;
    left: 0;
    width: 140px;
    height: 24px;
    background: url(728x90_crash_test_sprite.png) -593.5px -48px no-repeat;
	background-size: 728px 194px;
    opacity: 1;
}

#cta-copy-over{
    top: 0;
    left: 0;
    width: 140px;
    height: 24px;
    background: url(728x90_crash_test_sprite.png) -593.5px -24.5px no-repeat;
	background-size: 728px 194px;
    opacity: 0;
}

/*  // CTA   */

#copy-image-wrap{
	top:0;
	left:0;
	width:364px;
	height:90px;

}

#headline-wrap{
	top:1px;
	width:364px;
	height:90px;
}

#headline1{
    top: 28px;
	left: 2px;
    width: 364px;
    height: 20px;
	overflow:hidden;
   /*border:1px red solid;*/
}

#headline2{
    top: 52px;
    left: 2px;
    width: 364px;
    height: 19px;
	overflow:hidden;
	/*border:1px red solid;*/
	/*opacity: 0;*/
}

/*#headline3{
 	top: 76px;
    left: 0;
    width: 364px;
    height: 31px;
	overflow:hidden;
	border:1px red solid;
	opacity: 0;
}*/

/*#headline4{
 	top: 76px;
    left: 0;
    width: 364px;
    height: 38px;
	overflow:hidden;
	border:1px red solid;
	opacity: 0;
}
*/

#image-wrap{
    top:0;
	left:363px;
    width:364px;
    height:90px;
	background-color:#000;
	overflow:hidden;
}

#layout{
  opacity:0.3;
}

.left-line{
	top:7px;
	left:163px;
	width:1px;
	height:1px;
	background-color: #4c4c4c;
	transform-origin: center right;
}

#legal{
    top: 57px;
    left: 206px;
    width: 152px;
    height: 24px;
    background: url(728x90_crash_test_sprite.png) -575px -77px no-repeat;
    background-size: 728px 194px;
}

#logo{  
    top: 12.5px;
    left: -5px;
    width: 212px;
    height: 43px;
    background: url(728x90_crash_test_sprite.png) -368px -31px no-repeat;
    background-size: 728px 194px;
}

#replay-btn{
    top: 71px;
    left: 730px;
    width: 21px;
    height: 21px;
    background: url(728x90_crash_test_sprite.png) -390px -103px no-repeat;
    background-size: 728px 194px;
    transform-origin: center center;
    cursor: pointer;
    z-index: 110;
}

.right-line{
    top: 7px;
    left: 196px;
    width: 1px;
    height: 1px;
    background-color: #4c4c4c;
    transform-origin: center left;
}

#stretch-doll{
	width:600px;
}

#tag-line{
	top: 63px;
    left: -5px;
	width: 180px;
    height: 17px;
    background: url(728x90_crash_test_sprite.png) -368px -73px no-repeat;
    background-size: 728px 192px;
}


#top-reveal-line-wrap{
	top:9px;
	left:1.5px;
	width:298px;
	height:28px;
	/*opacity: 0;*/
}