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

body { margin:0 auto; padding:0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

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

/*-------------------*/
/*     C L A S S     */
/*-------------------*/
.adSize { position:absolute; top: 0px; left: 0px; width:300px; height:250px; }
.bgSize { position:absolute; top: 0px; left: 0px; width:300px; height: 250px; }
.maskSize { position:absolute; top: 0px; left: 0px; width:686px; height: 600px; }
.mask { overflow: hidden; }
.hideElm { display: none; }
.btn { cursor: pointer; }
.defPos { position: absolute; top: 0px; left: 0px; }
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }
.ctaConfig {position: absolute;width: 88px;height: 27px;top: 175px;left: 106px;cursor: pointer;opacity: 0;}
.blendingMode { mix-blend-mode:overlay; }

/*-------------*/
/*     I D     */
/*-------------*/
/* Border */
#border { box-sizing: border-box; border: 1px solid #9A9A9A; opacity: 0.5}

/* bg */
#bg1 {background: url(bg1.jpg) no-repeat;background-size: 100%;top: 0px;left: 0px;}
#bg2 {background: url(bg2.jpg) no-repeat;background-size: 100%;top: 0px;left: 0px;}
#bg3 {background: url(bg3.jpg) no-repeat;background-size: 100%;top: 0px;left: 0px;}

#frame4{background-color: #eae7e4;}

/* logos */
#logo1 { background: url(logo1.png) no-repeat; background-size: 100%; }
#logo2 { background: url(logo2.png) no-repeat; background-size: 100%; }
#logoMask1, #logoMask2, #logoMask3 {background: url(mask.png) no-repeat;background-size: 100%; width: 300px; height: 250px; }

/* Text */
#txt1a { background: url(txt1a.png) no-repeat; background-size: 100%; }
#txt1b { background: url(txt1b.png) no-repeat; background-size: 100%; }
#txt1c { background: url(txt1c.png) no-repeat; background-size: 100%; }
#txt2a { background: url(txt2a.png) no-repeat; background-size: 100%; }
#txt2b { background: url(txt2b.png) no-repeat; background-size: 100%; }
#txt2c { background: url(txt2c.png) no-repeat; background-size: 100%; }
#txt3a { background: url(txt3a.png) no-repeat; background-size: 100%; }
#txt3b { background: url(txt3b.png) no-repeat; background-size: 100%; }
#txt3c { background: url(txt3c.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;}