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

/* Don't change any of the code below unless you're familiar with css*/

#clicktag,
#preload, #preload_svg,
#backup,
#container, .border,
#image1, #image2,
#main_content, #t0, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8,
#endframe, #t9, #legal, #cta_background, #cta_text, #arrow_container, #arrow,
#logo
{
	position: absolute;
	left: 0;
	top: 0;
}


#clicktag{
	width: 300px;
	height: 250px;
	cursor: pointer;
}

#preload{
	width: 300px;
	height: 250px;
	overflow: hidden;
	background-color: #FFFFFF;
	visibility: hidden;
}

#preload_svg{
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
}

#backup{
	width: 300px;
	height: 250px;
	display: none;
}

#container{
	width: 300px;
	height: 250px;
	overflow: hidden;
	visibility: hidden;
}

.border{
	width: 298px;
	height: 248px;	
	border: #000000 solid 1px;
}

#image1, #image2,
#main_content, #t0, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8,
#endframe, #t9, #legal, #cta_text, #arrow,
#logo
{
	width: 300px;
	height: 250px;
}

#main_content, #endframe, #arrow_container
{
	overflow: hidden;
}

#cta_background{
	left: 14px;
	top: 145px;
	width: 160px;
	height: 28px;
	background-color: #FFF;
	border-radius: 4px;
}

#arrow_container{
	width: 10px;
	height: 12px;
	left: 26px;
	top: 153px;
}

#arrow{
	left: -26px;
	top: -153px;
}