@font-face{
	font-family:'IBMBold';
	src:url("fonts/IBMPlexSans-Bold-Latin1.woff") format("woff");
	font-weight:bold;
	font-display:swap;
}

.fontBold {
	font-family:'IBMBold',Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-display:swap;
}

@font-face{
	font-family:'IBMMedium';
	src:url("fonts/IBMPlexSans-Medium-Latin1.woff") format("woff");
	font-weight:normal;
	font-display:swap;
}

.fontMedium {
	font-family:'IBMMedium',Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-display:swap;
}

@font-face{
    font-family:'IBMRegular';
    src:url("fonts/IBMPlexSans-Regular-Latin1.woff") format("woff");
    font-weight:normal;
    font-display:swap;
}

.fontRegular {
	font-family:'IBMRegular',Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-display:swap;
}

/* MAIN */

body {
	margin:0px;
	font-family:'IBMMedium',Helvetica,Arial,sans-serif;
	color:#FFF;
	font-size:20px;
	letter-spacing:0em; 
	line-height:1.0em; 
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
	font-kerning: none;
	-webkit-text-rendering: optimizeSpeed;
	text-rendering: optimizeSpeed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	
}

@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:300px; 
   height:600px; 
}

#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:#000; 
}

svg {
	/*shape-rendering:geometricPrecision;*/
}

#border {
	width: 298px;
	height:598px;
	border:1px solid #AAA;
	pointer-events:none;
	z-index:50;
	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;
}

#clickthru { 
	width:300px; 
	height:600px; 
	z-index:98; 
	cursor:pointer; 
	background-color:rgba(0, 0, 0, 0);
}

#replayButton { 
   position:absolute;
   left:6px;
   top: 6px;
   padding:2px;
   z-index:99; 
   width: 16px;
   height: 16px;
   display:none;
}

#ibmlogo {
	width: 19px;
    height: 52px;
    left: 270px;
    top: 452px;
    position: absolute;
    opacity: 0;
}

.fout { font-family:"IBMMedium"; color:#FFF; visibility:hidden; z-index:0; pointer-events:none; }

.ref { position:absolute; left:0px; top:0px;  width:100%; height:100%; opacity:0; }
.ref img { width:100%; height:auto; }


.separator { width:300px; height:1px; top:444px; background-color:#555;}
#bottle { display:none; top:140px; left:1px; }
.text b { font-family:'IBMBold'; }
#chart { top:0px; }


#text1, #text2 { display:none; text-align:center; font-family:"IBMBold"; line-height:1.193em; font-size:21px;  }
#text1 { left:-2px; top:40px; letter-spacing: -0.005em;}
#text2 { left:131px; top:61px; letter-spacing: 0.0015em;}

#text1 div, .textBox div { position:relative; }
.text { text-align:center; }
#text1 .text { width:300px; }

.reveal { opacity:0; }

.textBox { /*opacity:0.5;  */ width:239px; background-color:#000; border-radius:10px; border: 1px solid #FFF;  text-align:center; font-family:'IBMMedium',Helvetica,Arial,sans-serif; font-size:14px; line-height:1.4em; -webkit-font-smoothing:subpixel-antialiased;}
/*.textBox.small { width:240px; top:90px; left:296px; padding:22px 10px; }*/

#box1, #box2 { display:none; }

#box1 { left:29px; top:30px; height:56px; padding:17px 0px; }
#box2 { left:29px; top:30px; height:56px; padding:23.5px 0px  11px 0px;}


#box2 .line1, #box2 #line2a, #box2 #line2b { top:3px; }
#box2 #line2a, #box2 #line2b { display:inline-block; }


#line1, #cover1 { left:267px; top:72px; opacity:0}
#line2, #cover2 { left:165px; top:72px;  opacity:0}
#line3, #cover3 { left:148px; top:126px; opacity: 0}

.linecover { background-color:#000; /*border:1px solid #555;*/ }
#cover1, #cover2 { width:191px; height:4px; opacity: 0}
#cover3 { width:3px; height:184px; }

#top-box { width:300px; height:159px; top:0px; display:none;}
#watson-logo_t { left:97px; top:118px; }
#text3_t { left:70px; top:244px; font-size:19.25px; font-family:'IBMRegular'; letter-spacing: 0em; line-height:1.1em;}
#cta_t { left:70px; top:289px; font-size:19.25px; color:#4284F0; font-family:'IBMRegular'; letter-spacing: 0em;}
#cta_t img { top:8px; padding-left:4px; width:20px; height:8px;}

#bottom-box { width:300px; height:444px; top:444px; display:none;}
#watson-logo_b { left:30px; top:22px; }
#text3_b { left:130px; top:32px; font-size:16.25px; font-family:'IBMRegular'; letter-spacing: 0em;}
#cta_b { left:130px; top:72px; font-size:16.25px; color:#4284F0; font-family:'IBMRegular'; letter-spacing: 0em;}
#cta_b img { top:7.5px; padding-left:4px; }
#ibmlogo_b { left:130px; top:105px;  }

.endframe { display:none; }
/*
#watson-logo { display:none; left:112px; top:352px; }
#text3 { display:none; left:21px; top:445px; font-size:11.25px; font-family:'IBMMedium'; letter-spacing: -0.015em;}
#cta { display:none; left:196px; top:445px; font-size:11.25px; color:#4284F0; font-family:'IBMMedium'; letter-spacing: -0.015em;}
#cta img { top:7px; padding-left:2px; }
*/
#ibmLPSTW-logo { display:none; left:73px; top:500px;  }

/*
.endframe .text { left:597px; font-size:15px; font-family:'IBMRegular',Helvetica,Arial,sans-serif; width:300px; text-align:center; }
#endframe-text-1 { top:125px; }
#endframe-text-2 { top:146px; }
*/



/* //////////////////////////////////////
////////////////////////////////////////
///////////////////////////////////////
////////////////////////////////// */