@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:#eae8db; display:none; }

/*-------------------*/
/*     C L A S S     */
/*-------------------*/
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.defPos { position:absolute; top:0px; left:0px; }
.hideElm { display: none; }
.btn { cursor: pointer; }
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }


/*-------------*/
/*     I D     */
/*-------------*/
/*SHINE*/
.dot{ position:absolute; left: -20px; top: -20px; width:40px; height:40px; background: url(shine.png) no-repeat; background-size: 100%; }

/* Border */
#border { box-sizing: border-box; border: 1px solid #ABABAB; }
#resolve, #sparkles {position:absolute;top: 0px;left: 0px;width:300px;height:450px;}

/* Background */
#bg { position:absolute; top:0px; left:0px; background-color:#6a3d28; }
#cover {position:absolute;top: 0px;left: 0px;width:300px;height:250px; background-color: #6a3d28;opacity: 0.7;}
#resolve, #logoMask { position:absolute; top:0px; left:0px; overflow: hidden; will-change: tra }
/* Headlines */
#img1a { background: url(img1a.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:0px; width:100px; height:83px; }
#img1b { background: url(img1b.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:100px; width:100px; height:83px;}
#img1c { background: url(img1c.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:200px; width:100px; height:83px;}
#img1d { background: url(img1d.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:0px; width:100px; height:83px;}
#img1e { background: url(img1e.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:100px; width:100px; height:83px;}
#img1f { background: url(img1f.jpg) no-repeat; background-size: 100%; position:absolute; top:0px; left:200px; width:100px; height:83px;}
#img2a { background: url(img2a.jpg) no-repeat; background-size: 100%; position:absolute; top:83px; left:0px; width:100px; height:84px;}
#img { background: url(img.jpg) no-repeat; background-size: 100%; }
#img2c { background: url(img2c.jpg) no-repeat; background-size: 100%; position:absolute; top:83px; left:200px; width:100px; height:84px;}
#img2d { background: url(img2d.jpg) no-repeat; background-size: 100%; position:absolute; top:83px; left:0px; width:100px; height:84px;}
#img2f { background: url(img2f.jpg) no-repeat; background-size: 100%; position:absolute; top:83px; left:200px; width:100px; height:84px;}
#img3a { background: url(img3a.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:0px; width:100px; height:83px;}
#img3b { background: url(img3b.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:100px; width:100px; height:83px;}
#img3c { background: url(img3c.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:200px; width:100px; height:83px;}
#img3d { background: url(img3d.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:0px; width:100px; height:83px;}
#img3e { background: url(img3e.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:100px; width:100px; height:83px;}
#img3f { background: url(img3f.jpg) no-repeat; background-size: 100%; position:absolute; top:167px; left:200px; width:100px; height:83px;}


/* End Frame */
#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%; }
#h5 { background: url(h5.png) no-repeat; background-size: 100%; }
#logo { background: url(logo.png) no-repeat; background-size: 100%; }
#logo_text { background: url(logo_text.png) no-repeat; background-size: 100%; }
#top { background: url(top.png) no-repeat; background-size: 100%; }
#quotes { background: url(quotes.png) no-repeat; background-size: 100%;}

/* CTA */
#cta_out { background: url(cta_out.png) no-repeat; }
#cta_over { background: url(cta_over.png) no-repeat; opacity: 0; }
#cta_line { background: url(cta_line.png) no-repeat; }
#cta_box {position:absolute;top: 203px;left: 79px;width: 142px;height: 36px;background-color:#fff;}