/*********************************************************************
Default Banner Style
**********************************************************************/

@charset "UTF-8";
/* CSS Document */

body, body * {-webkit-font-smoothing: antialiased!important; text-rendering: optimizeLegibility!important; vertical-align: baseline; border: 0 none; outline: 0; padding: 0; font-family: 'Roboto', Arial, Helvetica, sans-serif;}
body{-webkit-text-size-adjust: none; margin: 0;}

#container {overflow: hidden; position: absolute; width: 300px; height: 250px; border:1px solid #000000;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; margin: auto; background: #ffffff; visibility:hidden;}
    #container.banner_300x250{width: 300px; height: 250px;}
    #container.banner_300x50{width: 300px; height: 50px;}
    #container.banner_320x50{width: 320px; height: 50px;}
    #container.banner_160x600{width: 160px; height: 600px;}
    #container.banner_300x600{width: 300px; height: 600px;}
    #container.banner_728x90{width: 728px; height: 90px;}
	#container.banner_970x250{width: 970px; height: 250px;}
		#content {position: absolute; width: 100%; height: 100%; left:-1px; top:-1px; }
		#clickable-container {position: absolute; width: 100%; height: 100%; left:-1px; top:-1px; }
		#content div, #content button, #clickable-container div{position:absolute; background-repeat: no-repeat;  }

.retina{background-size: contain; -moz-background-size: contain; -webkit-background-size: contain}
.hidden{visibility:hidden;}
.clickable{border: none; cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; /* Chrome, Opera, Safari */ -moz-user-select: none; /* Firefox 2+ */  -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */}
.preloader {position: absolute; left: -9999px;}
.fullSize{width: 300px; height: 250px; left:0px; top:0px;} /* NOTE : ADD full-size class for items in html */

a, a:hover, a:active, a:visited{color:#ffffff;}
button{border: none;}
sup {font-size: 8px; line-height:0; position: relative; top: 2px; vertical-align: super;}
::-moz-selection, ::selection {background: transparent;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}


#bg_exit {position: absolute; width: 100%; height: 100%; cursor: pointer; opacity: 0; }

#bg_exit:hover #cta-hover {
	opacity: 1 !important;
	visibility: visible !important;
	transition: opacity 1s;
}

#background{background-color: #ffffff; width:300px; height:250px; left:0px; top:0px;}
#bg{background-image: url("img_bg.png");  width:300px; height:250px; left:-1px; top:-1px;}
#frame1{background-image: url("img_frame1.png"); width:300px; height:250px; left:0px; top:0px;}


#cta-group {
	width: 300px;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 166px;
}

#cta{background-image: url("img_cta.png"); width:300px; height:250px; left:0px; top:0px;}
#cta-hover{background-image: url("img_cta_hover.png"); width:300px; height:250px; left:0px; top:0px; opacity: 0; transition: opacity 1s; visibility: visible !important;}

#piHotSpot{
	width: 122px;
    height: 20px;
    left: 0px;
    top: 0px;
	display: none;
}

#frame1-text-mask {
	width: 300px;
	height: 250px;
	top: 0;
	right: -2px;
	opacity: 0;
	overflow: hidden;
}

#frame1-text {
	background-image: url("img_frame1_text.png");
	width: 300px;
	height: 250px;
	top: 0;
	right: 0;
}

#frame3-text-mask {
	width: 0px;
	height: 250px;
	top: 0;
	left: 0;
	overflow: hidden;
}

#frame3-text, #frame8-text {
	background-image: url("img_frame3_text.png");
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
}

#frame-4-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 250px;
}

#frame4-mask-container polygon {
	transform: translateX(-400px);
}

#frame8-text-mask {
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
	overflow: hidden;
	transform: translateY(20px);
}

#frame8-text {
	background-image: url("img_frame8_text.png");
	width: 300px;
	height: 250px;
	top: 0;
	left: 0;
}

.full {
	width: 100%;
}

.darkblue {
	color: #003da7;
}

.lightblue {
	color: #005cab;
}

.red {
	color: #c20430;
}

.bold {
	font-weight: bold;
}

.references {
	font-size: 8px;
}

sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub {
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
}

a:link,
a:visited {
	color: #09193e
}

.nowrap {
	word-spacing: nowrap;
}

.bi-logo {
	border: 0px;
	margin: 5px 0;
}

#isi-logo-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	transform: translateY(100%);
}

#isi-logo-container #bg {
	position:absolute; background-repeat: no-repeat;
}

/*ISI*/


.isi-bar {
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
	background: #768692;
	padding: 0px 0 4px 7px;
	box-sizing: border-box;
	z-index: 15;
}

.isi-bar a {
	display: block;
	color: #fff;
	font: 900 11px/12px 'Roboto', Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.isi-bar #exit-pi:after {
	content: '|';
	position: absolute;
	right: -10px;
	color: #fff;
	display: inline-block;
}

.isi-bar #exit-mg {
	margin-left: 15px;
}


#isi-container {
	width: 300px;
	top: 183px;
	height: 65px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #09193e;
	/* font-size: 8px; */
	font-size: 9px;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	background-color: #ffffff;
}

@-moz-document url-prefix() {
	#isi-container {
		line-height: 14px;
	}
}

#isi {
	letter-spacing: -0px;
}

#isi h2 {
	color: #09193e;
	font-size: 9.5px;
	margin: 0;
	margin-bottom: 7px;
}

	#isi h2.isi-title {
	margin:8px 0 5px;
}

#isi p.sub-title {
	font-size: 9px;
	margin-bottom: 0;
}

#isi small {
	text-align: right;
  display: block;
  font-size: 9px;
	margin: 7px 0;
}

#isi a {
	color: #09193e;
	text-decoration: underline;
}

#isi .nounderline {
	text-decoration: none;
}

#isi p {
	margin: 7px 0;
	margin-top: 0;
}

#isi p:first-child {
	margin-top: 0;
}

#isi ul,
#isi li {
	margin-left: 0;
	padding-left: 0;
}

#isi ul {
	margin: -5px 0px 7px;
}

#isi li {
	margin-left: 12px;
	color: #09193e;
	padding-top: 8px;
}

#isi ul>li>span {
	position: relative;
	left: -2px;
	color: #09193e;
}

@-moz-document url-prefix() {
	#isi li {
		margin-left: 8px;
	}
	#isi ul>li>span {
		position: relative;
		left: -2px;
	}
}
/* Tiny Scrollbar */

#isi-container .viewport {
	width: 282px;
	height: 65px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	
}

#isi-container .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	margin-top: 2px;
	padding: 0 8px 0px 10px;
	/* width: 251px; */
}

#isi-container .overview::selection {
	background: transparent;
}

#isi-container .scrollbar {
    background: #ffffff;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 7px;
    margin-top: 6px;
    border-radius: 5px;
    right: 3px;
}

#isi-container .track {
	background: transparent;
	max-height: 18px;
	width: 7px;
	position: relative;
	padding: 0;
	margin: 0 auto;
}

#isi-container .thumb {
	background: #a1a1a1;
	height: 20px;
	width: 3px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	border-radius: 5px;
	top: 0;
	left: 0px;
	border: 1px solid #dedede;
	
}

#isi-container .disable {
	display: none;
}

.trade {
	font-size: 1.75em;
	line-height: 0;
	position: relative;
	top: 6px;
}