@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 #frame1,
.banner-container #footer{
	width: 300px;
	height: 600px;
}
.banner-container{
	overflow: hidden;
	top:0px;
	left:0px;
	background-color: #ffffff;
}
.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, .svg{
	position: absolute;
}

.block{
	width: 1px;
	height: 1px;
	bottom:0px;
	left: 0px;
	background-color: green;
}


/*//////////////////////
	TEXT
//////////////////////*/
.banner-container .txt{
	/*font-family:'DIN-Bold';*/
	-webkit-font-smoothing: antialiased;
	color: #fff;
	white-space: nowrap;
	font-size: 16px;
	line-height: 16px;
}
.banner-container .tc{
	bottom: 3px;
	right: 8px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 6px;
    line-height: 6px;
	color: #939598;
	text-align: right;
	opacity: 0;
	z-index: 600;
}

.banner-container #txt1{
    top: 105px;
    left: 47px;
    width: 206px;
}
.banner-container #txt2{
    top: 110px;
    left: 32px;
    width: 236px;
}

/*//////////////////////
	IMAGES
//////////////////////*/
.banner-container .img{
	opacity: 0;
}
.banner-container #bg{
	opacity: 1;
	top:0px;
	left: 0px;
}

.banner-container .car{
	left: 0px;
	bottom: 0px;
}
.banner-container #car_0{
	opacity: 1;
}

.banner-container #phone{
	top: 362px;
    left: 8px;
}

.banner-container #fig1{
    top: 367px;
    left: 207px;
    width: 53px;
}

#logo_lotto{
	bottom: 0px;
	right: 0px;
}

/*//////////////////////
	BUTTON ANIMATION
//////////////////////*/
#btn {
	opacity: 0;
	left:55px;
	top:239px;
	width:190px; 
}

#btn #cta-bkg, 
#btn #cta-bar,
#btn #cta-text, 
#btn #cta-triangle { 
	transition: fill 0.3s ease-in, transform 0.5s ease-out;
}
#btn #cta-bkg { fill:#FFFFFF; }
#btn #cta-bar { fill:#d0d0cf; }
#btn #cta-text { fill:#0077be; }
#btn #cta-triangle { fill:#0077be; }
#btn.rollover {transform: scale(1.15);}
#btn.rollover #cta-bkg { fill:#f1f0f0; }
#btn.rollover #cta-bar { fill:#d0d0cf; }
#btn.rollover #cta-text { fill:#0077be; }
#btn.rollover #cta-triangle { fill:#FFFFFF; }
#btn #cta-triangle { 
	transform-origin:129px 18px;
	transform:rotate(0deg);
}
#btn.rollover #cta-triangle { 
	transform:rotate(120deg);
}