body, * { margin: 0; padding: 0; -webkit-transform: translateZ(0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#container, #wrapper, #wrapper > div, #wrapper img, #IRI_mainContainer, #isiBg, #chromeCover, #clickScreen { width: 300px; height: 600px; }
#wrapper, #wrapper > div, #wrapper img { position: absolute; }
#container {
    box-sizing: border-box;
    border:1px solid #374550;
    background-color: #f0efed;
    overflow: hidden;
}
#chromeCover { background-color:#FFFFFF; pointer-events: none; }

div, #clickScreen { position: absolute; }
sup { position: relative; line-height: 0px; font-size: 0.57em; top: 0.08em; }
a { text-decoration: none; } 
i { font-style: italic; } 
b { font-weight: 700; }
u { text-decoration: underline; }

.wrapper {
    position: absolute;
    top: -1px;
    left: -1px;
}

.hidden { opacity: 0; }
.fadeOut { opacity: 0; }
.transition-02 {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.transition-05 {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.transition {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.textLight { font-weight: 300 }
.textRegular { font-weight: 400 }
.textMedium { font-weight: 500 }
.textSemiBold { font-weight: 600 }
.textBold { font-weight: 700 }

.colorOrange { color:#F15E22; }
.colorBlueDark { color: #374550; }
.colorBlueLight { color: #107E9A; }

.half { position:absolute;transform: translate(-219px, -273px) }
.circle { position:absolute;transform: translate(-50px, -360px) } 

/* --------------------------------- FRAMES ---------------------------------------- */


/* --------------------------------- ISI ---------------------------------------- */

.isiHeader {
    line-height: 14.8px;
    padding-top: 5px;
}

.supISI{
    position: relative;
    font-size: 7px;
    top: 1px;
}

.bullet_main {
    padding-left: 10px;
}

.bullet_color {
    color: #F15E22;
    font-size: 2em;
    position: absolute;
    left: 0px;
}
#isiLogo {
    display: block;
    width: 107px;
    padding-bottom: 10px;
}
#scrollBg {
    width: 5px;
    height: 48px;
    background-color: #F3F0EF;

    -webkit-transform: translate(285px, 21px);
    -moz-transform: translate(285px, 21px);
    -ms-transform: translate(285px, 21px);
    -o-transform: translate(285px, 21px);
    transform: translate(285px, 21px);
}

#scrollBar, #isiContainer, #isiContent, #isiHeader {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

#scrollBar {
    width: 5px;
    background-color: #BABABA;
    cursor: pointer;
}

#isiBtnP, #isiBtnM {
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    left: 7px;
    top: 5px;
    cursor: pointer;
}
#isiBtnP img, #isiBtnM img { width: 100%; }

#IRI_mainContainer {
    font-family: 'Fira Sans', 'sans-serif;';
    font-size: 11px;
    letter-spacing: -0.01em;
    line-height: 0.99em;
    background-color: #ffffff;
    transform: translate(0px,156px);
}

#isiContainer {
    overflow:hidden;
    width: 300px;
    height: 191px;
    cursor: default;
    background-color: #ffffff;
}

#isiContent {
    width: 278px;
    padding-left: 5px;
}

#isiContent > * {
    position: static;
}
#isiContent p { 
    padding-bottom: 5px;
}

#isiHeader {
    width: 300px;
    height: 23px;
    background-color: #ffffff;
}

#ihText { left: 27px; top:7px; }

#isiHeaderBottom {
    background-color: #F15E22;
    width: 300px;
    height: 16px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 5px;
    -webkit-transform: translate(0px, 75px);
    -moz-transform: translate(0px, 75px);
    -ms-transform: translate(0px, 75px);
    -o-transform: translate(0px, 75px);
    transform: translate(0px, 75px);
    cursor: pointer;
}
#isiHeaderBottom a { color:#FFFFFF; }
#icon-carat { width:14px;float:right;position:relative;top:-2px; }