@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:#fdcd00; 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; }
.rateConfig { position:absolute; top: -92px; left: 0px; width:300px; height:300px; }


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

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

/* Seatbelt */
#seatbelt1 { top: -250px; left: 0px; width:600px; height:500px; }
#seatbelt_lock1 { background: url(seatbelt_lock1.png) no-repeat; width:600px; height:500px; }
#seatbelt_lock2 { background: url(seatbelt_lock2.png) no-repeat; width:600px; height:500px; }
#seatbelt_top { background: url(seatbelt_top.png) no-repeat; width:600px; height:500px; }
#seatbelt2 { background: url(seatbelt_bottom.png) no-repeat; left:-55px; width:328px; height:250px; }
#seatbelt_shadow { background: url(seatbelt_shadow.png) no-repeat; }


/* Text Frame */
#txt1a { background: url(txt1a.png) no-repeat; }
#txt1b { background: url(txt1b.png) no-repeat; }

#txt2a { background: url(txt2a.png) no-repeat; }
#txt2b { background: url(txt2b.png) no-repeat; }
#txt2Mask { position:absolute; width: 300px; height: 250px; overflow: hidden; }

#txt3a { background: url(txt3a.png) no-repeat; }
#txt3b { background: url(txt3b.png) no-repeat; }
#txt3Mask { position:absolute; width: 300px; height: 250px; overflow: hidden; }

#txt4 { background: url(txt4.png) no-repeat; }
#txt5 { background: url(txt5.png) no-repeat; }
#txt6 { background: url(txt6.png) no-repeat; }
#destination1 { background: url(destination1.png) no-repeat; }
#destination2 { background: url(destination2.png) no-repeat; }
#destination3 { background: url(destination3.png) no-repeat; }
#destination4 { background: url(destination4.png) no-repeat; }


/* Rates */
#rate_sub { background: url(rate_sub.png) no-repeat; }
#rate_cur { background: url(rate_cur.png) no-repeat; }
#rateWrapper { overflow: hidden; top: 92px; width: 300px; height: 64px; }
#rate1 { background: url(rate1.png) no-repeat; }
#rate2 { background: url(rate2.png) no-repeat; }
#rate3 { background: url(rate3.png) no-repeat; }
#rate4 { background: url(rate4.png) no-repeat; }


/* Background */
#bg { left:-300px; }
#bg1 { background: url(bg1.jpg) no-repeat; width:600px; height:250px; }
#bg2 { background: url(bg2.jpg) no-repeat; top:-250px; left:600px; width:600px; height:500px; }


/* Logo */
#logo1 { background: url(logo1.png) no-repeat; }
#logo1b { background: url(logo1b.png) no-repeat; }
#logo2 { background: url(logo2.png) no-repeat; }

/* CTA */
#cta_out { background: url(cta_out.png) no-repeat; }
#cta_over { background: url(cta_over.png) no-repeat; opacity: 0;}