body {
    font-family: Arial, sans-serif;
	margin: 0px;
}
img{
	pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

.abs{
	position:absolute;
}

#guide{
	position:absolute;
	top:0;
	opacity:0;
}

.cta {
    border: none;
    color: #FFF;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 12px;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    position: absolute;
    bottom: 36px;
    left: 54px;
	-webkit-animation: fadein 2s forwards; /* Safari 4+ */
	-moz-animation: fadein 2s forwards; /* Fx 5+ */
	animation: fadein 2s forwards; 
	-webkit-animation-delay: 7s; /* Chrome, Safari, Opera */
	animation-delay: 7s;
	opacity:0;
	transition: all 0.5s ease;
	-webkit-transition:all 0.5 ease;
}

#legal{
	position:absolute;
    bottom: 5px;
    right: 20px;
	opacity:.7;
}

#clickregion{
	position:absolute;
	cursor:pointer;
	top:0;
}

.full{
	width:100%;
	height:100%;
}

#ctaarrow{
	position:absolute;
	top:-1px;
	left:165px;
}

#ad {
    display: block;
    border: rgb(145, 153, 153) 1px solid;
    overflow: hidden;
    width: 298px;
    height: 598px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#banner {
    position: absolute;
    display: block;
    width: 298px;
    height: 598px;
    background-color: #FFF;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#txt1{
	position:absolute;
    top: 27px;
    left: 26px;
}

#toptxt{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:42px;
	opacity:0;
	background: url('../img/300x600_endtxt.png') no-repeat;
	-webkit-animation: fadein 1.5s forwards; /* Safari 4+ */
	-moz-animation: fadein 1.5s forwards; /* Fx 5+ */
	animation: fadein 1.5s forwards;
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
	animation-delay: 3s;
}

#bottomtxt{
	position:absolute;
	top:38px;
	left:0px;
	width:300px;
	height:100px;
	opacity:0;
	background: url('../img/300x600_endtxt.png');
	background-position: 0px -38px;
	background-repeat:no-repeat;
	-webkit-animation: fadein 1.5s forwards; /* Safari 4+ */
	-moz-animation: fadein 1.5s forwards; /* Fx 5+ */
	animation: fadein 1.5s forwards;
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
	animation-delay: 4s;
	
}


#watchglow{
	position:absolute;
    top: -16px;
    left: -14px;
	width:300px;
	height:100px;
	opacity:0;
	background: url('../img/300x600_ctaglow.png');
	background-repeat:no-repeat;
	transition: all 0.5s ease;
	-webkit-transition:all 0.5 ease;
}


#sunflare1{
	position:absolute;
	border-radius: 50%;
	width: 600px;
	height: 600px;
	top:100px;
	left:10px;
	background: #1e5799; /* Old browsers */
	background: -moz-radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center center, 50% 50%, rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(circle closest-side at 50% 50%, rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: radial-gradient(center center, 50% 50%, rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-animation: fadeout 4s forwards; /* Safari 4+ */
	-moz-animation: fadeout 4s forwards; /* Fx 5+ */
	animation: fadeout 4s forwards; 
}

#flareline{
	position:absolute;
	top:310px;
	left:100px;
	opacity:.1;
	-webkit-animation: horizscale 3s forwards; /* Safari 4+ */
	-moz-animation: horizscale 3s forwards; /* Fx 5+ */
	animation: horizscale 3s forwards; 
}

#flarecircle{
	position:absolute;
    top: 400px;
    left: 170px;
	opacity:.1;
	-webkit-animation: fadeandmoveright 3s forwards; /* Safari 4+ */
	-moz-animation: fadeandmoveright 3s forwards; /* Fx 5+ */
	animation: fadeandmoveright 3s forwards; 
}

.txtline{
	position:absolute;
	top:0px;
	left:0px;
}

#toplineleft{
    top: 37px;
    left: 0px;
	height:2px;
	width:101px;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	background: url('../img/300x600_longline.png') no-repeat;
	-webkit-animation: scaleout 3s forwards; /* Safari 4+ */
	-moz-animation: scaleout 3s forwards; /* Fx 5+ */
	animation: scaleout 3s forwards;
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
	animation-delay: 3s;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
}

#toplineright{
    top: 37px;
    left: 148px;
	height:2px;
	width:101px;
	background: url('../img/300x600_longline.png') no-repeat;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-animation: scaleoutleft 3s forwards; /* Safari 4+ */
	-moz-animation: scaleoutleft 3s forwards; /* Fx 5+ */
	animation: scaleoutleft 3s forwards;
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
	animation-delay: 3s;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	
}

#bottomlineleft{
    top: 91px;
    left: 0px;
	height:2px;
	width:87px;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	background: url('../img/300x600_shortline.png') no-repeat;
	-webkit-animation: scaleout 3s forwards; /* Safari 4+ */
	-moz-animation: scaleout 3s forwards; /* Fx 5+ */
	animation: scaleout 3s forwards;
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
	animation-delay: 4s;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
}

#bottomlineright{
	top: 91px;
	left: 161px;
	height:2px;
	width:87px;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	background: url('../img/300x600_shortline.png') no-repeat;
	-webkit-animation: scaleoutleft 3s forwards; /* Safari 4+ */
	-moz-animation: scaleoutleft 3s forwards; /* Fx 5+ */
	animation: scaleoutleft 3s forwards; 
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
	animation-delay: 4s;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
}

#guy{
    top: 170px;
    left: -79px;
	-webkit-animation: scaledown 5s forwards; /* Safari 4+ */
	-moz-animation: scaledown 5s forwards; /* Fx 5+ */
	animation: scaledown 5s forwards; 
}

#bknd{
	top:0px;
	left:0;
	-webkit-animation: scaleup 5s forwards; /* Safari 4+ */
	-moz-animation: scaleup 5s forwards; /* Fx 5+ */
	animation: scaleup 5s forwards; 
}

#sig{
	position:absolute;
    top: 106px;
    left: 79px;
	opacity:0;
	-webkit-animation: fadein 2s forwards; /* Safari 4+ */
	-moz-animation: fadein 2s forwards; /* Fx 5+ */
	animation: fadein 2s forwards; 
	-webkit-animation-delay: 5s; /* Chrome, Safari, Opera */
	animation-delay: 5s;
}


@-webkit-keyframes horizscale {
  0%   { -webkit-transform: translate3d(0,0,0);
		 transform: translate3d(0,0,0);
	 }
	 50%{
		 opacity:.3;
	 }
  100% { -webkit-transform: scaleX(3.1);
		 transform: scaleX(3.1);
		 opacity:0;
	 }
}
@-moz-keyframes horizscale {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0);
	 }
	 50%{
		 opacity:.3;
	 }
    100% { -webkit-transform: scaleX(3.1);
  		 transform: scale(1.1) scaleX(3.1);
		 opacity:0;
	 }
}

@keyframes horizscale {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0); 
	 }
	 50%{
		 opacity:.3;
	 }
    100% { -webkit-transform: scaleX(3.1) opacity:0;
  		 transform: scaleX(3.1);
		 opacity:0;
	 }
}


@-webkit-keyframes fadeandmove {
    from { opacity: .1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
    to   { opacity: 0;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0); }
}

@-moz-keyframes fadeandmove {
    from { opacity: .1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0); }
    to   { opacity: 0;
		-webkit-transform: translate3d(-50px,0,0);
		transform: translate3d(-50px,0,0); }
}

@keyframes fadeandmove {
    from { opacity: .1; 
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);}
    to   { opacity: 0;
		-webkit-transform: translate3d(-50px,0,0);
		transform: translate3d(-50px,0,0); }
}

@-webkit-keyframes fadeandmoveright {
    from { opacity: .1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
    to   { opacity: 0;
	-webkit-transform:  scale(1.1) translate3d(20px,0,0);
	transform:  scale(1.1) translate3d(20px,0,0); }
}

@-moz-keyframes fadeandmoveright {
    from { opacity: .1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0); }
    to   { opacity: 0;
		-webkit-transform:  scale(1.1) translate3d(20px,0,0);
		transform:  scale(1.1) translate3d(20px,0,0); }
}

@keyframes fadeandmoveright {
    from { opacity: .1; 
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);}
    to   { opacity: 0;
		-webkit-transform:  scale(1.1) translate3d(20px,0,0);
		transform:  scale(1.1) translate3d(20px,0,0); }
}

@-webkit-keyframes fadeout {
    from { opacity: .5; }
    to   { opacity: 0; }
}

@-moz-keyframes fadeout {
    from { opacity: .5; }
    to   { opacity: 0; }
}

@keyframes fadeout {
    from { opacity: .5; }
    to   { opacity: 0; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes scaleout {
    from { -webkit-transform: scaleX(0); }
    to   { -webkit-transform: scaleX(1); }
}

@-moz-keyframes scaleout {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

@keyframes scaleout {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

@-webkit-keyframes scaleoutleft {
    from { -webkit-transform: scaleX(0);
	 -webkit-transform-origin: right right; }
    to   { -webkit-transform: scaleX(1);
		 -webkit-transform-origin: right right;}
}

@-moz-keyframes scaleoutleft {
    from { -ms-transform: scaleX(0);
		 -ms-transform-origin: right right;}
    to   { transform: scaleX(1);
		 	-ms-transform-origin: right right;}
}

@keyframes scaleoutleft {
    from { transform: scaleX(0);
		 transform-origin: right right;}
    to   { transform: scaleX(1);
		 transform-origin: right right;}
}


-ms-transform: rotate(45deg); /* IE 9 */
    -ms-transform-origin: 20% 40%; /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transform-origin: 20% 40%;


@-webkit-keyframes scaleup {
  0%   { -webkit-transform: translate3d(0,0,0);
		 transform: translate3d(0,0,0); 
	 }
  100% { -webkit-transform: scale(1.1) translate3d(0,0,0);
		 transform: scale(1.1) translate3d(0,0,0); 
	 }
}
@-moz-keyframes scaleup {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0); 
	 }
    100% { -webkit-transform: scale(1.1) translate3d(0,0,0);
  		 transform: scale(1.1) translate3d(0,0,0); 
	 }
}

@keyframes scaleup {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0); 
	 }
    100% { -webkit-transform: scale(1.1) translate3d(0,0,0);
  		 transform: scale(1.1) translate3d(0,0,0); 
	 }
}

@-webkit-keyframes scaledown {
  0%   { -webkit-transform: translate3d(0,0,0);
		 transform: translate3d(0,0,0); 
	 }
  100% { -webkit-transform: scale(.9) translate3d(0,0,0);
		 transform: scale(.9) translate3d(0,0,0); 
	 }
}
@-moz-keyframes scaledown {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0); 
	 }
    100% { -webkit-transform: scale(.9) translate3d(0,0,0);
  		 transform: scale(.9) translate3d(0,0,0); 
	 }
}

@keyframes scaledown {
    0%   { -webkit-transform: translate3d(0,0,0);
  		 transform: translate3d(0,0,0); 
	 }
    100% { -webkit-transform: scale(.9) translate3d(0,0,0);
  		 transform: scale(.9) translate3d(0,0,0); 
	 }
}



.gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00abfc+0,002a8d+100 */
	background: #00abfc; /* Old browsers */
	background: -moz-radial-gradient(top left, ellipse cover,  #00abfc 0%, #002a8d 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(top left, ellipse cover,  #00abfc 0%,#002a8d 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at top left,  #00abfc 0%,#002a8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}