logo_a@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; }
.hideElm { display: none; }
.btn { cursor: pointer; }
.defPos { position: absolute; top: 0px; left: 0px; }
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }

.photoSize { width:300px; height:160px; }


/*-------------*/
/*     I D     */
/*-------------*/

/* Border */
#border { box-sizing: border-box; border: 1px solid #f0e1d4; }

/* BG */
#bg { background-color:#ac8c7a; }

/* Photos */
#img1 { background: url(img1.jpg) no-repeat; background-size: 100%; }
#img2 { background: url(img2.jpg) no-repeat; background-size: 100%; }
#img3 { background: url(img3.jpg) no-repeat; background-size: 100%; }

/* Elements */
#h1 { background: url(h1.png) no-repeat; background-size: 100%; }
#h2 { background: url(h2.png) no-repeat; background-size: 100%; }
#h3 { background: url(h3.png) no-repeat; background-size: 100%; }
#h4 { background: url(h4.png) no-repeat; background-size: 100%; }
#logo_a { background: url(logo_a.png) no-repeat; background-size: 100%; }
#logo_b { background: url(logo_b.png) no-repeat; background-size: 100%; }
#logo_c { background: url(logo_c.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;}