* {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.banner {
    width: var(--width);
    height: var(--height);
    border: black 1px solid;
    background: #F5F3EA;
    overflow: hidden;
    box-sizing: border-box;
    font-family: var(--family);
    font-size: 10px;
    line-height: 11px;
}

#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 !important;
    background-repeat: no-repeat !important;
}

#bg1 {
    background-color: #F5F3EA;
}


#bg2 {
    background-image: url(../img/bg2.jpg);
}

#top {
    background-image: url("../img/top.png");
}
#bottom {
    background-image: url("../img/bottom.png");
}
#gradient {
    background-image: url("../img/gradient.png");
}
#jornay {
    background-image: url("../img/jornay.png");
}

#disc {
    background-image: url(../img/disc.png);
}
#copy1 {
    background-image: url(../img/copy1_1.png);
}

#copy2 {
    background-image: url(../img/copy2_1.png);
}

#copy4 {
    background-image: url(../img/copy4_1.png);
}

#copy5_1 {
    background-image: url(../img/copy5_1.png);
}

#copy4_2 {
    background-image: url(../img/copy4_2.png);
}

#copy6 {
    background-image: url(../img/copy6_1.png);
}

#icon4 {
    background-image: url(../img/icon4.png);
}

#icon5 {
    background-image: url(../img/icon5.png);
}

#cta {
    background-image: url(../img/cta.png);
    transform-origin: 222px 110px;
}

#fpi {
    background-image: url(../img/fpi.jpg);
    width: var(--width);
    height: 32px;
    bottom: 0px;
}

#fpi_link {
  width: var(--width);
  height: 15px;
  bottom: 16px;
  left: 0px;
  cursor: pointer;
}

#CTAGuide {
  width: var(--width);
  height: 15px;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
}

/*/////////////////////////////ISI/////////////////////////////*/
#isi-container {
    bottom: 32px;
    width: 100%;
    height: 102px;
    overflow: hidden;
    background-color: white;
}

#isi {
    width: 135px;
    height: 100%; /* Always 100% */
    overflow-x: hidden;
    border-top: #D0CECE 1px solid ;
    padding: 3px 60px 0 5px;
    color: var(--primary);
}

::-webkit-scrollbar {
    display: none;
}

.scroller-container {
    top: 6px;
    right: 6px;
    width: 8px;
}

.knob-arrange {
    left: 0px;
    width: 8px;
    height: 96px;
    background: #dbdde0;
}

.knob {
    width: 8px;
    height: 12px;
    background: var(--secondary);
    cursor: pointer;
    border-radius: 5px;
}

h1 {
    font-weight: bold;
    font-size: 11px;
    color: var(--secondary);
    padding: 2px 0 7px 0;
}

h2 {
    font-weight: bold;
    font-size: 10px;
    color: var(--secondary);
    padding: 2px 0 6px 0;
}

h3 {
    font-weight: bold;
    font-size: 10px;
}

p, li {
    margin: 0px 0 10px 0px;
}

.link {
    text-decoration: underline;
    text-decoration-style: solid;
    font-weight: bold;
    cursor: pointer;
    color: var(--light-blue);
}

.link * {
    pointer-events: none;
}
a[href^="tel:"] {
    text-decoration: underline;
    text-decoration-style: solid;
    font-weight: bold;
    cursor: pointer;
    color: var(--light-blue);
}

#isi .sup {
    vertical-align: 4px;
    font-size: 6.5px;
    line-height:6.5px;
    letter-spacing: .10px;
    margin-left: 1px;
}
#isi .sub2 {
    font-size: 8px;
   
}
#isi .p_indent {
    margin-left: 9px;
}

/* LISTS */

ul {
    margin-left: 11px;
    list-style-position: inside;
}

li {
    position: relative; 
}

li::marker {
    content: '•';
    color: transparent;
    letter-spacing: -4px;
}

li::before {
  position: absolute;
  left: -11px;
  font-weight: bold;
  content: '•';
  color: var(--primary);
  font-size: 12px;
  top: 0px;
}

/* ---- */

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

.boxed_warning {
    position: relative;
    font-weight: bold;
    padding: 5px 10px 10px 10px;
    border: var(--primary) 1px solid;
}

footer {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 9px;
}

.split {
    display: flex;
    justify-content: space-around;
    position: relative;
}

.split ul {
    width: 50%;
}

.ref{
    font-size: 9px;
}

ul ul li::before {
    color: blue;
}

.right_col {
    min-width: 70%;
    margin: 9px 0 0 10px;
    font-size: 8.5px;
}

#isi_logo{
    width: 125px;
    height: 36px;
}
.mb2 {
    margin-bottom: 2px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb14 {
    margin-bottom: 14px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}
.safari ul {
    margin-left: 11px;
    list-style-position: inside;
    text-indent: -11px;
}

.safari li {
    position: relative; 
    margin: 6px 0 10px 0px;
}

.safari li::marker {
    content: '•';
    color: transparent;
    letter-spacing: -4px;
}

.safari li::before {
  position: absolute;
  left: -1px;
  font-weight: bold;
  content: '•';
  color: var(--primary);
  font-size: 12px;
  top: 0px;
}
.firefox-mac li::marker{
    content: '';
    color: transparent;
    letter-spacing: -4px;
}

.firefox-pc li::marker{
    content: '';
    color: transparent;
    letter-spacing: -4px;
}
/*
.firefox-mac {
}

.firefox-pc {
}

.pc-all {
}

.mac-all {
}

.edge-mac {}

.edge-pc {}

.chrome-mac {}

.safari {}

.chrome-pc {}

.iphoneIpad {}

.android {}*/