.banner {
    width:300px;
    height:600px;
    border:1px solid #333;
    background:#fff;
    overflow:hidden;
    display:block !important;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}

#loader-container {
    display:none;
}

#btn-exit{
    width:100%;
    height:100%;   
    cursor:pointer;
    opacity:0;
}

#bg1 {
    background: url(../img/bg1.jpg);
    width: 300px;
    height: 371px;
    top: 0;
    left: 0;
}

#bg2 {
    background: url(../img/bg2.jpg);
    width: 300px;
    height: 371px;
    top: 0;
    left: 0;
    opacity: 0;
}

#bg3 {
    background: url(../img/bg3.jpg);
    width: 300px;
    height: 371px;
    top: 0;
    left: 0;
    opacity: 0;
}

#bg4 {
    background: url(../img/bg4.jpg);
    width: 300px;
    height: 371px;
    top: 0;
    left: 0;
    opacity: 0;
}

#cta {
    background: url(../img/cta.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 133px;
    height: 28px;
    top: 134px;
    left: 28px;
    opacity: 0;
}

#CtaActiveArea{
	top: 134px;
	left: 27px;
	width: 134px;
	height: 28px;
	opacity: 0;
	display: none;
	cursor: pointer;
}

#gradient {
    background: url(../img/gradient.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 371px;
    top: 0;
    left: 0;
}

#logo {
    background: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 44px;
    top: 24px;
    left: 17px;
}

#text1 {
    background: url(../img/text1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 252px;
    height: 101px;
    top: 82px;
    left: 19px;
}

#text2 {
    background: url(../img/text2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 253px;
    height: 128px;
    top: 82px;
    left: 19px;
    transform: translateX(-300px)
}

#text3 {
    background: url(../img/text3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 252px;
    height: 101px;
    top: 82px;
    left: 19px;
    transform: translateX(-300px)
}

#text4 {
    background: url(../img/text4.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 252px;
    height: 75px;
    top: 82px;
    left: 19px;
    transform: translateX(-300px)
}

.orange{
    color: #F48475 !important;
}

.black{
    color:#000;
}
#text_top{
    margin: 7px 10px 2px 10px;
    font-size:9px;
    line-height: 11px;
    color: #000000;
    position: absolute;
    top: 371px;
    left: 2px;
}

.link{
    text-decoration: underline;
    text-decoration-style:solid;
    cursor:pointer;
}

/* /// isi styles // */

p {
    color: #333333;
    margin-bottom: 0px;
    margin-top: 5px;
}

#isi-container{
    top: 405px;
    left: 2px;
    width: 293px;
    height: 193px;
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
}

#isi{
    width: 86%;
    height:193px;
    overflow-x: hidden;
    padding-right: 60px;
    padding-left:10px;
    text-align:left;
}

#isi h2{
    font-size: 12px;
    line-height: 13px;
    color: #F48475;
    margin: 2px 0 0 0;
}
#marg_force{
    margin: 10px 0px -3px 0 !important;
}
#isi h3{
    font-size: 10px;
    line-height: 13px;
    color: #F48475;
    margin: 6px 0 0 0;
}
#isi .bold{
    font-weight:bold;
}

#isi .link{
    text-decoration: underline;
    text-decoration-style:solid;
    font-weight:bold;
    cursor:pointer;
}

#isi .sup{
    vertical-align: 1px;
    font-size: 7px;
    letter-spacing: .10px;
    /*margin-left: 1px;*/
}

#isi .p_indent{
    margin-left:9px;
}

#isi span.bullet{
    position: absolute;
    font-size: 14px;
    margin-top: -1px;
/*    line-height: 10px;
*/    color: #333333;
}

#isi .nobr{
    white-space:nowrap;
}

.boxed_warning{
    position:relative;
    padding:10px;
    border:1px solid;
}

/*.scroller{
    top: 0px;
    right: 7px;
    width: 5px;
    height: 25px;
    background: #707070;
    border-radius: 5px;
    cursor: pointer;
}*/

.scroller{
    background: url(../img//knob.png) no-repeat;
    top: 0px;
    right: 2px;
    width: 15px;
    height: 27px;
    cursor: pointer;
}

.scroller-container {
    top: 0;
    right: 0;
}

.rail {
    top: 0px;
    right: 7px;
    width: 5px;
    height: 186px;
    background: #000000;
    border-radius: 5px;
    opacity: .15;
}

.content {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

::selection,::-moz-selection{
      background: #fff;
}

#isi .logoISI {
    position: static;
    margin: 10px 0px 15px 0;
    width: 118px;
	background:url(../img/logoISI.png);
    background-size:contain;
	
}

#isi .marginTop20px {
    margin-top: 20px;
}

#isi .lineheight16 {
    line-height: 16px;
}
/* /// // */