@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     */
/*-------------*/

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

/* Background */
#bg1,#bgCover1,#bgCover2 { background: url(bg1.jpg) no-repeat; background-size: 100%;}
#bg2 { background: url(bg2.jpg) no-repeat; background-size: 100%;}
.photoSize {position:absolute;top: 0px;left: 0px;width:1080px;height:250px;}

/* Headlines */
#text1a { background: url(text1a.png) no-repeat; background-size: 100%; }
#text1b { background: url(text1b.png) no-repeat; background-size: 100%; }
#text1c { background: url(text1c.png) no-repeat; background-size: 100%; }
#text1d { background: url(text1d.png) no-repeat; background-size: 100%; }
#text1e { background: url(text1e.png) no-repeat; background-size: 100%; }
#text2a { background: url(text2a.png) no-repeat; background-size: 100%; }
#text2b { background: url(text2b.png) no-repeat; background-size: 100%; }
#txt1bMask, #txt1cMask, #txtCover1, #txtCover2  { position:absolute; width: 300px; height: 250px; overflow: hidden; }

/* End Frame */
#frame { background: url(frame.png) no-repeat; background-size: 100%; }
#lion { background: url(lion.png) no-repeat; background-size: 100%; }
#smalltext { background: url(smalltext.png) no-repeat; background-size: 100%; }
#p { background: url(p.png) no-repeat; background-size: 100%; }
#r { background: url(r.png) no-repeat; background-size: 100%; }
#o { background: url(o.png) no-repeat; background-size: 100%; }
#r2 { background: url(r2.png) no-repeat; background-size: 100%; }
#a { background: url(a.png) no-repeat; background-size: 100%; }
#s { background: url(s.png) no-repeat; background-size: 100%; }
#o2 { background: url(o2.png) no-repeat; background-size: 100%; }
#ribbon_top { background: url(ribbon_top.png) no-repeat; background-size: 100%; }
#line1 { background: url(ribbon_left.png) no-repeat; background-size: 100%; }
#line2 { background: url(ribbon_right.png) no-repeat; background-size: 100%; }
#edge { background: url(edge.png) no-repeat; background-size: 100%; }
#ctaMask, #ribbonMask1, #lineMask2 { position:absolute; top:0px; width:300px; height:250px; overflow: hidden;}
#ctaCover { position:absolute; bottom:0px; width:300px; height:50px; background-color: #eae8db;}
.mask {
  width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative;
  display: block;
}

.mask1{
  right: 0;
  position: relative;
  float: right;
}
.mask1 .line1{
  float: right;
  right: 0;
  width: 300px;
}

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

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

#prorasoDiv {
    will-change: transform;
}