@font-face {
	font-family:'IBMBold';
	src:url("fonts/IBMPlexSans-Bold-V01.woff") format("woff");
	font-weight:bold;
	font-display:swap;
}
.fontBold {
	font-family:'IBMBold',Helvetica,Arial,sans-serif;
	font-weight:bold;
}
@font-face{
    font-family:'IBMRegular';
    src:url("fonts/IBMPlexSans-Text-V01.woff") format("woff");
    font-weight:normal;
    font-display:swap;
}
.fontRegular {
	font-family:'IBMRegular',Helvetica,Arial,sans-serif;
	font-weight:normal;
}

/* MAIN */

body {
	margin:0px;
	font-family:'IBMRegular',Helvetica,Arial,sans-serif;
	color:#FFF;
	font-size:25px;
	line-height:1.0em; 
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@media screen and (min-width:0) and (min-resolution:+72dpi) { /* IE fix */
	body { text-rendering:optimzeSpeed; }
}

div { position:absolute; display:block; } 

img { position:absolute; }

#ad, #banner {
   width: 970px; 
   height:250px; 
}

#ad {   
   overflow:hidden;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

#banner {
	background-color:#FFF;
	/*visibility:hidden;*/
}

.fout { font-family:"IBMRegular"; color:#FFF; visibility:hidden; z-index:0; pointer-events: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 { width:970px; height:250px; z-index:98; }

#replayButton { display:none; width:20px; height:20px; top:10px; left:9px; z-index:99; }
  #replayShadow { position:absolute; left:-20px; top:-20px; display:none; }

/* CUSTOM */

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

#videoImage img { position:absolute; }
 #endFrame { display:none; }
 #poster   { display:block; }

/* logo */

#ibmLogo { top:13px; left:847px; position:absolute; z-index:80; }
.ibmLogoShadow { top:-14px; left:-178px; z-index:0; position:absolute; }



/* *************** */
/* TEXT */

.textGroup { 
	color:#FFF; 
	width:600px; 
	height:100%; 
	left:420px; 
} 
.textDiv { 
	width:100%; 
	overflow:hidden;
	z-index:24; 
}
.text { 
	width:100%; 
	height:100%; 
}

.text b { font-family:'IBMBold'; }

.cssShadow { /*text-shadow:0px 0px 7px rgba(28, 28, 28, 0.1); display:inline-block; overflow:visible;*/ }
.textShadow { opacity:0; }
 
/* FONT SIZE */
#text1 { font-size:26px; line-height:1.0em; }
#text2 { font-size:28px; line-height:1.0em; }
.textDiv { height:30px; } 

/* tops */

#text1aDiv { top:078px; }
#text1bDiv { top:109px; }
#text1cDiv { top:142px; }

#text2aDiv { top:078px; }
#text2bDiv { top:108px; }

#text3aDiv { top:150px; }
#text3a { 
	font-size:21px; 
	font-family:'IBMBold';
	line-height:1.0em; 
}

#ctaArrow { 
	position:relative; 
	top:0px; 
	padding-left:1px; 
}





/* *************** */
/* VIDEO */

.video-container, video {
  position:absolute;  
  width:970px;
  height:250px;
  top:0px;
  left:0px;  
  background-color:rgba(255,255,255,1);
}
.video-container {
  visibility: hidden;  
  /*background:#FFF;*/
  background: url("images/video_poster.jpg");
}
video {
    height:100%;
    width:100%;
}

.ios-center-video-controls video::-webkit-media-controls {
    min-width: 0;
}

.sdk .sdk-video-player {
    height: 100%;
    width: 100%;
    position: relative;
    background: url("images/video_poster.jpg");
    background-size: cover;
}
.sdk .sdk-video-player-button {
    cursor: pointer;
    position: absolute;
    width: 55px;
    height: 55px;
    background: url("images/play_btn.png") no-repeat scroll 0px 0px;
    background-size: cover;
}

/* MISC */

.centered {
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	/*display:none;*/
}