@font-face{
    font-family:'HelvBoldIBM';
    src: url(0c98b8210bf7561548fef4d1106f651da0e3ad45.eot) ;
    src: url(ed1cb294185d7c0af5b6fce41e4c91a77e838c2d.eot)  format("embedded-opentype"), url(f6efdcbc0fc02357e466a3f69682016342900097.woff)  format("woff"), url(8d432a422cecb87d0e2f518c9e176b4e7602f92c.ttf)  format("truetype");
    font-weight:700;
    font-style:normal;
}

@font-face{
    font-family:'HelvRegularIBM';
    src: url(0c90c5116e34db1d15a48602d5063f60f9cd3010.eot) ;
    src: url(e87381f5250a325989ad7d6b75df4f0acdadbf7a.eot)  format("embedded-opentype"), url(df70044c29ca2bd90d9e9dc6551a58a79721917b.woff)  format("woff"), url(594061070c59ddaf3fbeca70778135ce330f9eb6.ttf)  format("truetype");
    font-weight:200;
    font-style:normal;
}

.helveticaBold {
	font-family:'HelvBoldIBM',Helvetica,Arial,sans-serif; 
	font-weight:bold;
}

.helveticaReg {
	font-family:'HelvRegularIBM',Helvetica,Arial,sans-serif;
	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 */

#adMainContent { width:100%; height:100%; top:0px; left:0px; }

.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:720px; }

#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:#dbc0d2; /*#FFF; #F4F0F0;*/
	z-index:99;
}
#close-button:hover { color:#FFF; } /* #5deeff */

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


/* TEXT */
 
.textGroup { width:100%; height:100%; top:0px; left:0px; color:#da70b5; font-size:35px; } 
.text { width:970px; text-align:center; top:104px;  } 
.textDiv { width:100%; height:100%; overflow:hidden; z-index:24; }
.cssShadow { text-shadow:0px 0px 30px rgba(27, 27, 114, 0.6); display:inline-block; overflow:visible; }
.divShadow { height:100%; width:100%; top:0px; left:0px; z-index:5; }

.brandColor { color:#dbc0d2; z-index:25; } 

#text1, #text2 { font-size:35px; }
 #text1a, #text2a { top:87px; }
 #text1b,#text2b { top:126px; }
 #text2Shadow { top:5px; }

/* outthink challenges */
#text3 { font-size:40px; }
 #text3a { text-align:left; left:287px; }
 #text3a span { position:absolute; text-align:left; left:59px; }
 .textFlip { text-align:left; left:447px; }

/* endframe */
#text4 { color:#da70b5; font-size:35px; left:1px; } /* left:27px; */
 #text4a { top:74px; } /* the cognitive dress */
 #text4b { top:115px; font-size:29px; } /* a first with marchese and watson */
#ctaText { font-size:22px; top:152px; left:-17px; } 
 #ctaArrow { top:141px; left:530px; } 
 

/* VIDEO */

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

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