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

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

#container { width:300px; height:250px;	overflow:hidden; top:0px; position:absolute; background-color:#c0d6e6; display:none; }


/*-------------------*/
/*   C L A S S E S   */
/*-------------------*/
.posAbs{position: absolute;}
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.photoWrapper {position:absolute;top:0px;left:0px;width:300px;height: 518px;overflow: hidden;}
.photo2Wrapper {position:absolute; top:7.5px; left:-210.5px; width:774px; height:558px;}
.photo3Wrapper {position:absolute; top:7.5px; left:-271px; width:718px; height:558px;}
.mask {overflow: hidden;}

.defPos { position:absolute; top:0px; left:0px; }
.buttonConfig { background-color:#fff; cursor: pointer; opacity:0; }
a { cursor: pointer; }
/* Border */
#border { box-sizing: border-box; border: 1px solid #c0d6e6; opacity: 0.5; mix-blend-mode: multiply;}

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

/* photos */
#bg_bottom {background-color: #c0d6e6;}
#photo1 {background: url(photo1.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%; }
#photo2 {background: url(photo2.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%;}
#photo3 {background: url(photo3.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%;}

/* headline */
#t1a { background: url(t1a.png) no-repeat; background-size: 100%; }
#t1b { background: url(t1b.png) no-repeat; background-size: 100%; }
#t1a_bg { background: url(t1a_bg.png) no-repeat; background-size: 100%; }
#t1b_bg { background: url(t1b_bg.png) no-repeat; background-size: 100%; }
#t2a { background: url(t2a.png) no-repeat; background-size: 100%; }
#t2b { background: url(t2b.png) no-repeat; background-size: 100%; }
#t2a_bg { background: url(t2a_bg.png) no-repeat; background-size: 100%; }
#t2b_bg { background: url(t2b_bg.png) no-repeat; background-size: 100%; }
#t3a { background: url(t3a.png) no-repeat; background-size: 100%; }
#t3b { background: url(t3b.png) no-repeat; background-size: 100%; }
#t3a_bg { background: url(t3a_bg.png) no-repeat; background-size: 100%; }
#t3b_bg { background: url(t3b_bg.png) no-repeat; background-size: 100%; }
#t4a { background: url(t4a.png) no-repeat; background-size: 100%; }
#t4b { background: url(t4b.png) no-repeat; background-size: 100%; }
#t4c { background: url(t4c.png) no-repeat; background-size: 100%; }

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


/* 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;}