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

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

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

.fontMedium {
	font-family:'IBMMedium',Helvetica,Arial,sans-serif;
	font-weight:normal;
}
/*
@font-face{
	font-family:'IBMBold';
	src:url("../fonts/IBMPlexSans-Bold-Latin1.woff") format("woff");
	font-weight:bold;
}

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

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

.fontLight {
	font-family:'IBMLight',Helvetica,Arial,sans-serif;
	font-weight:normal;
}
*/
/* MAIN */

body {
	margin:0px;
	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:#FFF; 
}

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

#border {
	width: 298px;
	height:598px;
	border:1px solid #000;
	pointer-events:none;
	z-index:50;
	display:block;
	opacity: 1;
}

/* 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;
}

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

/*bg*/
#bg { 
	background-color:#000;
	left:0px; 
	top:0px; 
	width:300px; 
	height:600px; 
	opacity: 1;
}

/* watsonstudioLogo 
#watsonstudioLogo { 
    left: 24px;
    top: 233px;
    z-index: 10;
    opacity: 1;
}
*/
/* watsonLogo */
#watsonLogo { 
    left: 17px;
    top: 528px;
    z-index: 10;
    opacity: 1;
}

/* ibmlogo */
#ibmLogo { 
    left: 192px;
    top: 546px;
    z-index: 10;
    opacity: 1;
}

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

.textGroup { 
	width:300px; 
	height:600px; 
} 

.textDiv { 
	width:100%; 
	height:50px;
	overflow:hidden; 
} 

.textStyle1 { 
	width:100%; 
	font-family:'IBMMedium';
	text-align:left; 
	font-size:28px; 
	line-height:1.2em;
	letter-spacing:0em;
    /* old browsers */
	background: #BB8EFF;
	/* IE10+ */
	background: -ms-linear-gradient(to right, #BB8EFF 0%, #418cff 40%);
	/* Mozilla Firefox */
	background: -moz-linear-gradient(to right, #BB8EFF 0%, #418cff 40%);
	/* Opera */
	background: -o-linear-gradient(to right, #BB8EFF 0%, #418cff 40%);
	/* Webkit (Safari/Chrome 10) */
	background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #BB8EFF), color-stop(40, #418cff));
	/* Webkit (Chrome 11+) */
	background: -webkit-linear-gradient(to right, #BB8EFF 0%, #418cff 40%);
	/* W3C Markup */
	background: linear-gradient(to right, #BB8EFF 0%, #418cff 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BB8EFF', endColorstr='#418cff', GradientType=1);
	/*background: linear-gradient(linear, left bottom, right top, from(brown), to(red));*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.textStyle1 {
		width:100%; 
		font-family:'IBMMedium';
		text-align:left; 
		font-size:28px; 
		line-height:1.2em;
		letter-spacing:0em;
		color:  #BB8EFF;
		background: transparent;
	}
}
/**/
.textStyle2 { 
	width:100%; 
	font-family:'IBMMedium';
	text-align:left; 
	font-size:28px; 
	line-height:1.2em;
	letter-spacing:0em;
	color: #F00;
}

#text1 { 
	left:23px; 
}

#textDiv1a { 
	top:266px;
}

#textDiv1b { 
	top:299px;
}

#textDiv1c { 
	top:333px;
}

#textDiv1d { 
	top:367px;
}

#ctaDiv {
	overflow: hidden;
	/*border:0px;*/
	background-color:#BB8EFF;
	width: 111px;
	height: 35px;
	left: 24px;
	top: 426px;
	opacity: 0;
}

#ctaBox {
	background-color:#0062FF;
	width: 111px;
	height: 35px;
	left: 0px;
	top: 0px;
	opacity: 1;
	/*display: inline-block; */
}

#ctaText {
	color:#FFF;
	font-family:'IBMRegular';
	font-weight:normal;
	font-size: 17.5px;
	letter-spacing:-0.01em; 
	line-height:1.2em; 
	left: 14px;
	top: 7px;
	opacity: 1;
	/*
	border:0px;
	padding: 7px 18px 7px 18px;
	border-style:solid;
    border-color:#F00;
    background-color:#4cc3c6;
    */
}