:root {
  --primary: #252525;
  --secondary: #E88320;
  --white: #fff;
  --width:300px;
  --height:250px;
  --family: Arial,Helvetica,sans-serif;
  --base: 12px;
}

.banner {
    width:var(--width);
    height:var(--height);
    border:var(--primary) 1px solid;
    background:var(--white);
    overflow:hidden;
    box-sizing:border-box;
}

#loader-container {
    display:none;
}

#btn-exit{
    width:100%;
    height:100%;   
    cursor:pointer;
    opacity:0;
}

.size{
    top:-1px;
    left:-1px;
    width:var(--width);
    height:var(--height);
}

.retina {
    background-size: contain;
    background-repeat: no-repeat;
}

#logo{
	top: -6px;
	left: -7px;
    height: 82px;
    width: 125px;
    background-image: url(../img/logo.png);
	/*opacity: 0;*/
	cursor: pointer;
	visibility: hidden;
}

#copy1_1{
	top: 135px; left:-1px; height: 31px; width: 300px; opacity: 0;
    background-image: url(../img/copy1_1.png);
}

#copy1_2{
	top: 80px; left:-1px; height: 57px; width: 300px; opacity: 0;
    background-image: url(../img/copy1_2.png);
}

#copy2{
	top: 210px; left:47px; height: 47px; width: 204px; opacity: 0;
    background-image: url(../img/copy2.png);	
}

#copy3{top: 31px; left: 140px; height: 25px; width: 144px; opacity: 0;
    background-image: url(../img/copy3.png); 
}

#copy4_1{
	top: 67px; left: -40px;  height: 25px; width: 300px; opacity: 0;
    background-image: url(../img/copy4_1.png);	
}

#copy4_2{
	top: 87px; left: 32px;  height: 25px; width: 300px; opacity: 0;
    background-image: url(../img/copy4_2.png);	
}

#copy4_3{
	top: 107px; left: -29px;  height: 25px; width: 300px; opacity: 0;
    background-image: url(../img/copy4_3.png);	
}

#copy5_1{
	top: 250px; left: 10px; height: 26px; width: 103px;
    background-image: url(../img/copy5_1.png);	
}

#copy5_2{
	top: 102px; left: 10px; height: 33px; width: 145px; opacity: 0;
    background-image: url(../img/copy5_2.png);	
}

#image{
	top: 250px; left: -2px; height: 146px; width: 302px;
    background-image: url(../img/image.jpg);	
}

#check{
	top: 31px;
	left: 300px;
    height: 25px;
    width: 25px;
    background-image: url(../img/check.png);
}

#fpi {
    top: 250px;
    height: 16px;
    width: 300px;
    background-image: url(../img/fpi.png);
    cursor: pointer;
}

#cta {
    top: 109px;
	left: 161px;
    height: 26px;
    width: 130px;
    background-image: url(../img/cta.png);
    cursor: pointer;
	visibility: hidden;
}

#bgd {
    top: 0px;
	width: 300px;
    height: 250px;    
    background:#003A5D;
}

#isi-container{
    top: 265px;
    width: var(--width);
    height: 89px;
    overflow:hidden;
    font-size:11px;
	background:#fff;
}

#isi{
    width: calc(var(--width) - 7%);
    height:89px;
    overflow-x: hidden;
    padding:0 60px 0 3px;
    font-family:var(--family);
}

.scroller-container{
	top: 5px;
    right:1px;
    width:8px;
    height:65px;
}

.knob-arrange{
    right:5px;
    width:8px;
    height:80px;
    /*background:var(--secondary);*/
}

.knob{
    right:5px;
    width:3px;
    height:18px;
    background:var(--secondary);
    cursor:pointer;
	border-radius: 5px;
}

#isi h1{
    font-size: 12px;
	color: #003A5D;
	font-weight: bold;
	margin: 4px 0 -5px 5px;
}

#isi h2{
    font-size: 12px;
	color: #003A5D;
	font-weight: bold;
	margin: 6px 0 0 5px;
	text-decoration: underline;
		
}

#isi h3{
    font-size: 12px;
	color: #003A5D;
	font-weight: bold;
	margin: 1px 0 -2px 5px;
}

#isi p{
    margin: 5px 0 0 5px;
}

#isi .bold{
    font-weight:bold;
}

#isi .link{
    text-decoration: underline;
    text-decoration-style:solid;
    font-weight:bold;
    cursor:pointer;
}

#isi_link1 {
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    color: #E88320;
    letter-spacing: -0.3px;
    white-space: nowrap;
}

#isi_link_pi {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    color: #E88320;
    letter-spacing: -0.3px;
    white-space: nowrap;
}

#isi .sup{
    vertical-align:text-top;
    font-size:6.5px;
    letter-spacing:.10px;
    margin-left: 1px;
}

#isi .underL{
    text-decoration: underline;
}

#isi .p_indent{
    margin-left:18px;
}

#isi .p_indent2{
    margin-left:33px;
}

#isi .list::before{
    position: absolute;
    content: '•';
    margin-left: -13px;
	color: #E88320;
}

#isi .list2::before{
    position: absolute;
    content: '–';
    margin-left: -15px;
	color: #E88320;
}

#isi .nobr{
    white-space:nowrap;
}

#isi .blue{
    color: #003A5D;
}

#isi .lettSpa5 {
    letter-spacing: -0.5px;
}

#logoISI_exit {
    width: 103px;
    height: 22px;
    margin-top: 5px;
    background-image: url(../img/amgen.png);
    cursor: pointer;
    left: 10px;
}

#isi .legal {
	font-size: 10px;
	font-weight: normal;
    margin-left: 115px;
	margin-top: 20px;
}

.boxed_warning{
    position:relative;
    padding:10px;
    border:var(--primary) 1px solid;
}

.mt8{
    margin-top:8px !important;
}

.mt10{
    margin-top:10px !important;
}

.mt13{
    margin-top:13px !important;
}

.mt32{
    margin-top:32px !important;
}

.mb2{
    margin-bottom:2px !important;
}

.mb4{
    margin-bottom:4px !important; 
}

.mb6{
    margin-bottom:6px !important; 
}

.mb8{
    margin-bottom:8px !important; 
}

.mb9 {
    margin-bottom:9px !important; 
}

.mb10{
    margin-bottom:10px !important;
}

.mb12{
    margin-bottom:12px !important;
}

.mb14{
    margin-bottom:14px !important;
}

.mb16{
    margin-bottom:16px !important;
}

.mb19{
    margin-bottom:19px !important;
}

.mb48{
    margin-bottom:48px !important;
}

.pc-all{
    width:calc(var(--width) - 5%) !important;
}

.ie-11{

}

.ie-edge{
    
}

.ff-mac{

}

.chrome-mac{

}

.safari{

}

.ff-pc{

}

.chrome-pc{

}

.iphoneIpad{

}

.android{

}