.banner {
    width:300px;
    height:600px;
    border:1px solid #333;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
}

#loader-container {
    display:none;
}

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

#logo-exit{
    cursor:pointer;
    display:none;
}

.size{
    top:-1px;
    left:-1px;
    width:300px;
    height:600px;
}

#collage{
    top: -590px;
    left: -134px;
    background:url(../img/collage.png);
    background-size:contain;
    width:1000px;
    height:1329px;
    opacity:.5;   
}

#cover{
    background:url(../img/cover.jpg);
    background-size:contain;
}

#gradient{
    background:url(../img/gradient.jpg);
}

#copy-1a{
    left: -1px;
    background: url(../img/copy01.png);
    background-size:contain;
}
#copy-1b{
    left: -1px;
    background: url(../img/copy01_b.png);
    background-size:contain;
	opacity:0;
}
#copy-2{
    background:url(../img/copy02.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#copy-3{
    background:url(../img/copy03.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#copy-4{
    background:url(../img/copy04.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#copy-5{
    background:url(../img/copy05.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#copy-6{
    background:url(../img/copy06.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#copy-7{
    left:300px;
    background:url(../img/copy07.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#cta{
    left:300px;
    background:url(../img/cta.png) no-repeat;
    background-size:contain;
}

#disclaimer{
    background:url(../img/disclaimer.png) no-repeat;
    background-size:contain;
    left:300px;
}

#disclaimer-2{
    background:url(../img/disclaimer2.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#disclaimer-3{
    left:300px;
    background:url(../img/disclaimer3.png) no-repeat;
    background-size:contain;
}

#logo{
    background:url(../img/logo.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#logo-end{
    background:url(../img/logo_end.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#logo-viiv{
    background:url(../img/logo_viiv.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#pink-graphic{
    top: 117px;
    left: -69px;
    background: url(../img/pink_graphic.png);
    background-size:contain;
    width:366px;
    height:359px;
}

#luciano{
    top: 369px;
    left: 42px;
    background:url(../img/luciano.png) no-repeat;
    background-size:contain;
    opacity:0;
    width:62px;
    height:14px;
}

#luciano-talking{
    top: 223px;
    left: 16px;
    background:url(../img/lucianotalking.png) no-repeat;
    background-size:contain;
    opacity:0;
    width:89px;
    height:28px;
}

#line-red{
    top: 386px;
    left: 40px;
    width:0;
    height:3px;
    background:#a91f5c;
}

#line-red-2{
    top: 238px;
    left: 16px;
    width:0;
    height:2px;
    background:#a91f5c;
}

#ambassador{
    background:url(../img/ambassador.png) no-repeat;
    background-size:contain;
    opacity:0;
}

#isi-container{
    top:600px;
    width: 300px;
    height: 199px;
    overflow:hidden;
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

#isi{
    width:89%;
    height: 199px;
    overflow-x: hidden;
    padding:0 60px 0 10px;
    font-size:10px;
    color:#666;
}

#isi p{
    margin:-1px 0 5px 0;
}

#rail{
    right:2px;
    width:5px;
    height:100%;
    background: #ebebeb;
    border: #dfdfdf 1px solid;
}

#plus{
    top:2px;
    right:10px;
    width:14px;
    height:14px;
    z-index:1;
    cursor:pointer;
}

.plus{
    background:url(../img/plus.png) no-repeat;
    background-size:contain;
}

.less{
    background:url(../img/less.png) no-repeat;
    background-size:contain;
}

.scroller-container{
    right: -3px;
    width: 8px;
    height: 192px;
    top: 1px;
}

.knob-arrange{
    right: 5px;
    width: 5px;
    height: 198px;
}

.knob{
    right: 6px;
    width: 5px;
    height: 25px;
    background: #959595;
    border-radius: 2px;
    cursor: pointer;
}

#isi h1{
    color:#641478;
    font-size:9.5px;
    line-height: 12px;
    font-weight:bold;
    /*text-decoration:underline;
    text-underline-position:under;*/
    margin-bottom: -2px;
    margin-top: 6px;
	letter-spacing:-.3px;
}

#isi h2{
    color:#ea1b75;
    font-size:12px;
    line-height: 13px;
    font-weight:bold;
    margin-bottom: 6px;
    margin-top: 10px;
}
#isi h3{
    color:#ea1b75;
    font-size:10px;
    line-height: 12px;
    font-weight:bold;
	margin-top: -2px;
    margin-bottom: 1px;
}
#isi .spacing{
	letter-spacing:-.3px;
    margin-bottom: 3px;
}
#isi .footer{
    font-size:9px;
    line-height: .8em;
}

#isi .noMarginBottom{
    margin-bottom: 3px;
}
#isi .noMarginTop{
    margin-top: -5px;
}

#isi .noMargins{
    margin:-1px 0 4px 0;
}

#isi .marginTop{
    margin-top:9px;
}

#isi .bold{
    font-weight:bold;
}

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

#isi .underlined{
    text-decoration: underline;
    /*text-underline-position:under;*/
}

#isi .noUnderlined{
    text-decoration: none;
    /*text-underline-position:under;*/
}

#isi .sup{
    vertical-align:text-top;
    font-size:6.5px;
    letter-spacing:.10px;
    margin-left: 1px;
}

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

#isi .p_indent2{
    margin-left: 18px;
}

#isi span.bullet{
    position: absolute;
    font-size: 14px;
    margin-top: -3px;
    color: #333;
}

#isi span.bullet2{
    margin-left: 10px;
    position: absolute;
    font-size: 9px;
    margin-top: -1px;
    color: #333;
}

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

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

.pc-all{
    width:94% !important;
}

.ie-11{

}

.ie-edge{
    
}

.ff-mac{

}

.chrome-mac{

}

.safari-mac{

}

.ff-pc{

}

.chrome-pc{

}

.safari-pc{
    
}

.iphoneIpad{

}

.android{

}