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

/* CSS Document *//* Div layer for the entire banner. */
body, html{
	margin: 0;
	padding: 0;
	font:0;
}
.noselect {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-user-select:; none;
}
.banner-container, 
.banner-container .container,
.banner-container #border,
.banner-container .block{
	width: 300px;
	height: 250px;
}
.banner-container{
	overflow: hidden;
	top:0px;
	left:0px;
	background-color: #ccd5dc;
}
.banner-container #clickThrough{
	width: 100%;
	height: 100%;
	border: 0;
	opacity: 0;
	z-index: 2000;
	cursor: pointer;
}
.banner-container #border{
	position: absolute;
	border: 1px solid #000;
	z-index: 1999;
	box-sizing: border-box;
}
.banner-container,  #clickThrough, .border, .btn,
.txt, .txt-container, .txt-cont, .logo, .img,
.tc, .block, .pos_absolute{
	position: absolute;
}

.animation{
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}

.block{
	position: absolute;
	background-color: #ffd400;
	opacity: 0;
}

/*//////////////////////
	TEXT
//////////////////////*/
.banner-container .txt{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*color: #fff;*/
	white-space: nowrap;
	font-size: 16px;
	line-height: 16px;
	opacity: 0;
}
.banner-container #txt_cont{
	top:30px;
	left:15px;
	width: 300px;
}

.banner-container #txt1{
	top:32px;
	left:0px;
	width:236px;
}
.banner-container #txt2{
	top:32px;
	left:0px;
	width:230px;
}
.banner-container #txt3{
	top:32px;
	left:0px;
	width:258px;
}
.banner-container #txt4{
	top:32px;
	left:0px;
	width:127px;
}

.banner-container .tc{
	font-family: Helvetica, Arial, sans-serif;
	opacity: 0;
	width:280px;
	font-size: 8px;
	bottom: 5px;
	left: 10px;
}

.banner-container #tc3.tc{
	width:300px;
	left: 0px;
	text-align: center;
}


/*//////////////////////
	IMAGES
//////////////////////*/
.banner-container .img{
	opacity: 0;
}
.banner-container #bg{
	top:0px;
	left: 0px;
	height: 250px;
}
.banner-container #logo_AAI,
.banner-container #logo_AAI2{
	top:15px;
	left:15px;
	width: 120px;
}
.banner-container #logo_AAI2{
	/*top:180px;
	left:90px;*/
}

.banner-container .fence{
	top:149px;
	width: 219px;
	opacity: 1;
}
.banner-container #fence2{
	left:219px;
}
.banner-container #fence3{
	left:438px;
}

.banner-container #road{
	top:180px;
	width: 300px;
}

.banner-container #car_cont{
	transform: scale(0.34);
	top: 206px;
	left: -40px;
}
.banner-container #car_end,
.banner-container #car_shad,
.banner-container #car_body,
.banner-container #body{
	top: -200px;
	left: -95px;
	width: 600px;
}

.banner-container .tire{
	width:96px;
}
.banner-container #tire_b{
	top: -45px;
	left: -48px;
}
.banner-container #tire_f{
	top: -49px;
	left: 343px;
}

.banner-container .hub{
	width:70px;
	opacity: 1;
}
.banner-container #hub_b{
	top: -34px;
	left: -35px;
}
.banner-container #hub_f{
	top: -38px;
	left: 356px;
}

.banner-container #head_cont{
	top:0px;
	left:0px;
}
.banner-container #head_nod{
	top: -144px;
	left: 193px;
}
.banner-container #head{
	top: -29px;
	left: -11px;
	width: 35px;
}

.banner-container #bokeh{
	top: 0px;
	left: 0px;
	width: 306px;
}

.banner-container #bokeh02{
	top: -28px;
	left: -45px;
	width: 306px;
}

.banner-container #balloon_cont{
	top: 200px;
	left: 138px;
}
.banner-container #balloon{
	top: -113px;
	left: -17px;
	width: 42px;
}


/*//////////////////////
	BUTTON ANIMATION
//////////////////////*/
.banner-container .btn{
	bottom: 10px;
	right: 15px;
	width: 108px;
    height: 16px;
	padding: 6px 0px;
	color: #ffffff;
	background: #2A7B9B;
	background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(0, 91, 136, 1) 27%, rgba(0, 42, 73, 1) 100%);
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	line-height: 13px;
	opacity: 0;
	text-align: center;

	/*border: 1px solid #193555;*/

	border: 0px solid #193555;
	border-bottom: 2px solid #193555;

	-moz-border-radius:			3px;
	-ms-border-radius:			3px;
	-o-border-radius:			3px;
	-webkit-border-radius:		3px;
	-khtml-border-radius:		3px; /* for old Konqueror browsers */
	border-radius:				3px; /* future proofing */
}

.banner-container .btn #btn_txt{
	opacity: 1;
	width: 85px;
	top:2px;
	position: relative;
}

.banner-container .btn.rollover{
	background: linear-gradient(90deg,rgba(0, 127, 196, 1) 0%, rgba(0, 91, 136, 1) 63%, rgba(0, 42, 73, 1) 98%);

	top:109px
	border-bottom: 0px solid #193555;

	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}