@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:250px;	overflow:hidden; top:0px; left:0; position:absolute; background-color:#152728; display:none; }

/* Global */
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.bgSize { position:absolute; top:0px; width:300px; height:250px; }
.tickerboard {position:absolute; top:0px; width:2569px; height:250px; }
.ticker {position:absolute; top:0px; width:367px; height:250px; }
.rotateImage{transform: rotate(4deg);}
.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; }
/* Border */
#border { box-sizing: border-box; border: 1px solid #303840; opacity: 0.5;}
.ctaSize {position:absolute;bottom: 7px;right: 17px;width: 83px;height: 23px;background-color:#fff;}


/*-- BG --*/
#bg { background-color: #152728; } 
#racer1 {background: url(racer1.png) no-repeat; background-size: 100%; width: 380px;}
#racer2 {background: url(racer2.png) no-repeat; background-size: 100%; width: 350px;}
#racer3 {background: url(racer3.png) no-repeat; background-size: 100%; width: 425px;}
#racer4a {background: url(racer4a.png) no-repeat; background-size: 100%; width: 365px;}
#racer4b {background: url(racer4b.png) no-repeat; background-size: 100%;}

#hex1,#hex2,#hex3 {background: url(hex.png) no-repeat; background-size: 100%; }

#p1 {background: url(p1.png) no-repeat; background-size: 100%; }
#p2 {background: url(p2.png) no-repeat; background-size: 100%; }
#p3 {background: url(p3.png) no-repeat; background-size: 100%; }
#p4 {background: url(p4.png) no-repeat; background-size: 100%; }

#hex1a {background: url(hex1a.png) no-repeat; background-size: 100%; }
#hex1b {background: url(hex1b.png) no-repeat; background-size: 100%; }
#hex1c {background: url(hex1c.png) no-repeat; background-size: 100%; }
#hex2a {background: url(hex2a.png) no-repeat; background-size: 100%; }
#hex2b {background: url(hex2b.png) no-repeat; background-size: 100%; }
#hex2c {background: url(hex2c.png) no-repeat; background-size: 100%; }
#hex3a {background: url(hex3a.png) no-repeat; background-size: 100%; }
#hex3b {background: url(hex3b.png) no-repeat; background-size: 100%; }
#hex3c {background: url(hex3c.png) no-repeat; background-size: 100%; }
#hex4a {background: url(hex4a.png) no-repeat; background-size: 100%; }
#hex4b {background: url(hex4b.png) no-repeat; background-size: 100%; }
#hex4c {background: url(hex4c.png) no-repeat; background-size: 100%; }

#phone_div {position:absolute;top: 20px;left: 116px;width:65px;height: 121px;}
#phone {background: url(phone.png) no-repeat; background-size: 100%; width: 65px; height: 121;}
#phone_screens {position:absolute;top: 5px;left: 6px;width: 49px;height:105px;overflow: hidden;border-radius: 6px;}
#s1 {background: url(s1.png) no-repeat; background-size: 100%; width: 49px; height: 105px;}
#s2 {background: url(s2.png) no-repeat; background-size: 100%; width: 49px; height: 105px;}
#s3 {background: url(s3.png) no-repeat; background-size: 100%; width: 49px; height: 105px;}
#s4 {background: url(s4.png) no-repeat; background-size: 100%; width: 49px; height: 105px;}
#s5 {background: url(s5.png) no-repeat; background-size: 100%; width: 49px; height: 105px;}

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


#ticker1 {background: url(ticker.png) no-repeat; background-size: 100%; }
#ticker2 {background: url(ticker.png) no-repeat; background-size: 100%; left: 367px;}
#ticker3 {background: url(ticker.png) no-repeat; background-size: 100%; left: 734px;}
#ticker4 {background: url(ticker.png) no-repeat; background-size: 100%; left: 1101px;}
#ticker5 {background: url(ticker.png) no-repeat; background-size: 100%; left: 1468px;}
#ticker6 {background: url(ticker.png) no-repeat; background-size: 100%; left: 1835px;}
#ticker7 {background: url(ticker.png) no-repeat; background-size: 100%; left: 2202px;}
#ticker8 {background: url(ticker.png) no-repeat; background-size: 100%; left: 2569px;}


#mask1a {position:absolute;top: 0px;width: 300px;height: 134px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask1b {position:absolute;top:0px;width:300px;height: 174px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#text1a { background: url(text1a.png) no-repeat; background-size: 100%; }
#text1b { background: url(text1b.png) no-repeat; background-size: 100%; }

#mask2a {position:absolute;top:0px;width: 300px;height: 118px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask2b {position:absolute;top:0px;width:300px;height: 156px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask2c {position:absolute;top:0px;width:300px;height: 196px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#text2a { background: url(text2a.png) no-repeat; background-size: 100%; }
#text2b { background: url(text2b.png) no-repeat; background-size: 100%; }
#text2c { background: url(text2c.png) no-repeat; background-size: 100%; }

#mask3a {position:absolute;top:0px;width: 300px;height: 118px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask3b {position:absolute;top:0px;width:300px;height: 156px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask3c {position:absolute;top:0px;width:300px;height: 196px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#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%; }


#mask4a {position:absolute;top:0px;width: 300px;height: 62px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask4b {position:absolute;top:0px;width:300px;height: 88px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#mask4c {position:absolute;top:0px;width:300px;height: 116px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#text4a { background: url(text4a.png) no-repeat; background-size: 100%; }
#text4b { background: url(text4b.png) no-repeat; background-size: 100%; }
#text4c { background: url(text4c.png) no-repeat; background-size: 100%; }
#text4d { background: url(text4d.png) no-repeat; background-size: 100%; }


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

#logo2mask {position:absolute;top:0px;width:300px;height: 246px;overflow:hidden;/* background-color:red; *//* opacity: 0.5; */}
#logo2 {background: url(logo2.png) no-repeat; background-size: 100%; }

/* CTA */
#btn_cta {position: absolute;top: 148px;left: 135px;width: 133px;height: 32px;border: 1px solid #cfff0b;border-radius: 30px;transform-origin: 50% 50%;overflow: hidden;}
#label_wrap {position: absolute;top: 12px;left: 29px;width: 75px;height: 10px;overflow: hidden;}
#btn_cta_label, #btn_cta_label_hover {position: absolute;top: 0px;left: 0px;width: 75px;height: 9px;}
#btn_cta_label_hover { opacity: 0; }
#btn_cta_blackFill {position: relative;bottom: -34px;right: 0;width: 137px;height: 50px;background: #cfff0b;}
#cta_over_glow { background: url(cta_over_glow.png) no-repeat; background-size: 100%; opacity:0; }