@font-face{
    font-family:'HelvBoldIBM';
    src: url(576f2a6ceaadd6710f09c8e54cb039d309e77113.eot) ;
    src: url(28f673011337fe4e5764a72d620cea3280bd98e0.eot)  format("embedded-opentype"), url(ba8012373819da4452987e5237a8c78a4706df88.woff)  format("woff"), url(f0ffeb7f9fa8ad71040dff09eca14a3383996496.ttf)  format("truetype");
    font-weight:700;
    font-style:normal;
}

@font-face{
    font-family:'HelvRegularIBM';
    src: url(b305cc3fe064a9e02806eed79cfff2ba5a315f52.eot) ;
    src: url(b7c4dfac0e896c7306381766c0f846457ec2756e.eot)  format("embedded-opentype"), url(976676dc27141378db5a5d8385ba1e4e170220d1.woff)  format("woff"), url(5937632b7bf39ffb6f0102e4d2e8e55da15c2b90.ttf)  format("truetype");
    font-weight:200;
    font-style:normal;
}

.helveticaBold {
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif; /* 'HelveticaNeue-Bold','Helvetica Neue Bold' */
	font-weight:bold;
}

.helveticaReg {
	font-family:'HelvRegularIBM',Helvetica,Arial,sans-serif; /* 'HelveticaNeue-Bold','Helvetica Neue Bold' */
	font-weight:normal;
}

/* MAIN */

html, body {
  height: 100%;
}

body {
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif;
	font-weight:bold;
	line-height:1; 
	color:#FFF;
	font-size:20px;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility; 
	-moz-osx-font-smoothing:grayscale;
	margin:0px;
}

div { position:absolute; display:block; } 

#billboard {
  position: absolute;
  width: 970px;
  height: 250px;
  min-height: 250px;
  max-height: 600px; /* ? */
  background-color:#FFF;
  visibility:hidden;
}


/* CUSTOM */

.frame { width:100%; height:100%; display:none; }

#cover { width:100%; height:100%; background-color:#FFF; display:none; }

#ibmLogo img { position:absolute; }
 #ibmLogoImage { top:25px; left:918px; }
 #ibmLogoShadow { top:0px; left:880px; }

#endFrame {	display:none; }

/* INTERACTIVE */

.button {
	outline:none;
	background-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	user-select:none;
	cursor:pointer;
}

#clickthrough { height:100%; width:100%; z-index:95; }

#close-button {
	font-family:inherit;
	font-size:9px;
	padding:5px; /* creates larger click area */
	right:13px;
	top:5px;
	color:#FFF; /*#F4F0F0;*/
	z-index:99;
}
#close-button:hover { color:#5deeff; }

#replayButton { display:none; width:20px; height:20px; top:222px; right:16px; z-index:99; }


/* TEXT */
 
.text { width:970px; font-size:40px; text-align:center; top:104px; } /*letter-spacing:-0.25px;*/
.textDiv { width:100%; height:100%; overflow:hidden; }
.cssShadow { text-shadow:0px 0px 40px rgba(0, 0, 0, 0.75); display:inline-block; overflow:visible; } 
.brandBlue { color:#52f9ff; }

#text1a, #text1b, #text1c, #text1d { font-size:34px; }
#text1a { top:84px; }
#text1b, #text1c, #text1d { top:130px; text-align:left; }
#text1b { left:116px; }
#text1c { left:464px; }
#text1d { left:687px; }

/* outthink challenges */
#text3 { text-align:left; left:331px; }
.textFlip { text-align:left; left:494px; }


/* endframe */

/* think cloud */
#text4 { top:100px; left:1px; }

/* learn more */
#ctaText { font-size:22px; top:144px; left:-16px; color:#FFF; }
 #ctaArrow { top:146px; left:531px; } 
 

/* VIDEO */

.video-container {
  position:absolute;
  width:970px;
  height:250px;
  background:#FFF;
  background: url(d22e7fd68905933ea8bec180d1d5fd3058181b4c.jpg) ;
}

video {
  height:100%;
  width:100%;
  background:#FFF;
}