@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,
#t0, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8,
#t9, #legal, #cta_line, #cta_text_container, #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,
#t0, #t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8,
#t9, #legal, #cta_text, #arrow,
#logo
{
	width: 300px;
	height: 250px;
}

#cta_text_container, #arrow_container
{
	overflow: hidden;
}

#cta_line{
	left: 38px;
	top: 175px;
	width: 115px;
	height: 2px;
	background-color: #FFF;
}

#cta_text_container{
	left: 38px;
	top: 156px;
	width: 115px;
	height: 19px;
}

#cta_text{
	left: -38px;
	top: -156px;
}

#arrow_container{
	width: 6px;
	height: 10px;
	left: 24px;
	top: 160px;
}

#arrow{
	left: -24px;
	top: -160px;
}