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

body {
	margin:0 auto;
	padding:0;
    color:#000;
}

#container { width:300px; height:250px;	overflow:hidden; top:0px; position:absolute; box-sizing: border-box; border: 1px solid #2b2c2b; background-color:#fff; display:none; }


/*-------------------*/
/*   C L A S S E S   */
/*-------------------*/
.posAbs{
    position: absolute;
}
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.adSize2 { position:absolute; top:0px; width:340px; height:250px; }
.defPos { position:absolute; top:0px; left:0px; }
.buttonConfig { background-color:#fff; cursor: pointer; opacity:0; }
a { cursor: pointer; }

/*-------------*/
/*   I N I T   */
/*-------------*/

/* bg */
#bg1 { background: url(bg1.jpg) no-repeat; background-size: 100%; left: -40px;}
#bg2 { background: url(bg2.jpg) no-repeat; background-size: 100%; left: -40px;}
#bg3 { background: url(bg3.jpg) no-repeat; background-size: 100%; left: -40px;}
#bottomBG { background: url(bottomBG.png) no-repeat; background-size: 100%; }
/* headline */
#t1 { background: url(t1.png) no-repeat; background-size: 100%; }
/*#t2 { background: url(t2.png) no-repeat; background-size: 100%; }
*/#t3 { background: url(t3.png) no-repeat; background-size: 100%; }
#t4 { background: url(t4.png) no-repeat; background-size: 100%; }

/* conditions */
#conditions { background: url(conditions.png) no-repeat; background-size: 100%; }

/*------------------*/
/*   L O C K  U P   */
/*------------------*/
#tbg1 {
    position: absolute;
    top: 63px;
    left: -20px;
    width: 181px;
    height: 110px;
    background-color: #00b5e2;
    opacity: 0.7;
}

/*#tbg2 {
    position: absolute;
    top: 13px;
    left: -20px;
    width: 181px;
    height: 110px;
    background-color: #00b5e2;
    opacity: 0.7;
}*/

#tbg3 {
    position: absolute;
    top: 55px;
    left: -20px;
    width: 205px;
    height: 98px;
    background-color: #00b5e2;
    opacity: 0.7;
}

#mask1, #mask2, #mask3{
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

/*-- LOGO --*/
#logo { background: url(logo.png) no-repeat; background-size: 100%; }
#anim {background: url(transition.png) no-repeat;background-size: 100%;position: absolute;width:800px;height:1040px;top: -740px;left: 540px;}
#anim2 {background: url(transition.png) no-repeat;background-size: 100%;position: absolute;width:800px;height:1040px;top: -740px;left: 540px;}


/* CTA */
#cta {top: 0px; left: 0px}
#cta_out {background: url(cta_out.png) no-repeat;background-size: 100%;top: 0px; left: 0px;}
#cta_over {background: url(cta_over.png) no-repeat;background-size: 100%;top: 0px; left: 0px;opacity: 0;}