@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 { width:300px; height:150px;	overflow:hidden; top:0px; position:absolute; background-color:#fff; display:none; }

/* Global */
.adSize { position:absolute; top:0px; width:300px; height:150px; }
.bgSize { position:absolute; top:0px; width:360px; height:210px; }
.bird { position:absolute; top:0px; width:30px; height:30px; }
.defPos { position:absolute; top:0px; left:0px; }
.btn { cursor: pointer; }
.hideElm { display:none; }
.buttonConfig {background-color:#fff;cursor: pointer;opacity: 0;}
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }
/* .blendingMode { mix-blend-mode:hard-light; } */

.ctaConfig {
    top: 127.5px;
    left: 18.8px;
    width: 113.4px;
    height: 28px;
}

/* Border */
#border { box-sizing: border-box; border: 1px solid #000; opacity: 0.25;}

/*-- BG --*/
#bg { background-color: #002e45; }
#bg_top { background: url(bg_top.png) no-repeat; background-size: 100%;}
#text1a { background: url(text1a.png) no-repeat; background-size: 100%; }
#text1b { background: url(text1b.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%; }
#text3a { background: url(text3a.png) no-repeat; background-size: 100%; }
#text3b { background: url(text3b.png) no-repeat; background-size: 100%; }
#text3c { background: url(text3c.png) no-repeat; background-size: 100%; }
#text3d { background: url(text3d.png) no-repeat; background-size: 100%; }

#biker { background: url(biker.png) no-repeat; background-size: 100%; }
#sweat1 { background: url(sweat1.png) no-repeat; background-size: 100%; }
#sweat2 { background: url(sweat2.png) no-repeat; background-size: 100%; }
#cloud1 { background: url(cloud1.png) no-repeat; background-size: 100%; }
#cloud2 { background: url(cloud2.png) no-repeat; background-size: 100%; }
#cloud3 { background: url(cloud3.png) no-repeat; background-size: 100%; width: 305px;}

#cloud4 { background: url(cloud1.png) no-repeat; background-size: 100%; left: 200px;}
#cloud5 { background: url(cloud2.png) no-repeat; background-size: 100%; left: 200px;}
#cloud6 { background: url(cloud3.png) no-repeat; background-size: 100%; width: 305px;left: 205px;}

#cloud7 { background: url(cloud1.png) no-repeat; background-size: 100%; left: 400px;}
#cloud8 { background: url(cloud2.png) no-repeat; background-size: 100%; left: 400px;}
#cloud9 { background: url(cloud3.png) no-repeat; background-size: 100%; width: 305px;left: 455px;}

#mask1 { background: url(mask1.png) no-repeat; background-size: 100%; }
#mask2 { background: url(mask2.png) no-repeat; background-size: 100%; }

#line1, #line3, #line5, #line7, #line9, #line11 {background: url(line1.png) no-repeat;background-size: 100%;}
#line2, #line4, #line6, #line8, #line10, #line12 { background: url(line2.png) no-repeat; background-size: 100%; }
#star1 { background: url(star1.png) no-repeat; background-size: 100%; }
#star2 { background: url(star2.png) no-repeat; background-size: 100%; }


#bird_body { background: url(bird_body.png) no-repeat; background-size: 100%; }
#bird_wing_a { background: url(bird_wing_a.png) no-repeat; background-size: 100%; }
#bird_wing_b { background: url(bird_wing_b.png) no-repeat; background-size: 100%; }

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

#cta_out { background: url(cta_out.png) no-repeat; background-size: 100%; }
#cta_over { background: url(cta_over.png) no-repeat; background-size: 100%; opacity: 0; }


#line1-div{position: absolute;width: 300px;height: 150px;right: 0px;overflow: hidden;}
#line2-div {position: absolute; width: 300px; height: 150px; right: 0px;overflow: hidden;}

#cloudsDiv {position: absolute; left: 0px; width: 455px; height: 150px; overflow: hidden;}