* {
    margin: 0;
    padding: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
/*    -ms-backface-visibility: hidden;*/
    -o-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

body {
    -moz-user-select: none;
}

p {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
}

* {
    font-size: 100%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#container {
    width: 728px;
    height: 90px;
    overflow: hidden;
    visibility: hidden;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
}

#IRI_mainContainer {
    visibility: hidden;
}

div {position: absolute;}

a {text-decoration: none;}

i {font-style: italic;}

b {font-weight: 700;}

u {text-decoration: underline;}

sup {line-height: 0px;}

.reg_sup {
    position: relative;
    font-size: 11px;
    top: 1px;
    left: 0px;
}

.wrapper {
    width: 728px;
    height: 90px;
    top: -1px;
    left: -1px;
}

.wrapper * {
    background-repeat: no-repeat;
}

#collapsed-panel .adSize {
    top: 0px;
    left: 0px;
    width: 728px;
    height: 90px;
    background-size: contain;
}

#expanded-panel .adSize {
    top: 0px;
    left: 0px;
    width: 728px;
    height: 270px;
    background-size: contain;
}

.hidden {
    opacity: 0;
}

.fadeUp {
    opacity: 0;
    transform: translate(0px, 10px);
}

.fadeLeft {
    opacity: 0;
    transform: translate(-10px, 0px);
}

.fadeDown {
    opacity: 0;
    transform: translate(0px, -10px);
}

.transition {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

/* -------------- Fonts -------------- */

/* NOTO */
.notoReg {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
}

.notoMed {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
}

.notoSemi {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
}

.notoBold {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
}

/* OPEN */
.openReg {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.openMed {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}

.openSemi {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.openBold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

/* ---------------------------------- Collapse CSS ------------------------------------- */

#collapsed-panel{
    right: 0px;
    top: 0px;
    width: 726px;
    height: 88px;
    overflow: hidden;
}


#cta {
  width: 134px;
  height: 18px;
  top: 46px;
  left: 344px;
  /* background-color: #006072; */
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 3px;
}

#cta_text {
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    left: 26px;
    top: 3px;
}

.overallclick {
    position: absolute;
    width: 728px;
    height: 90px;
    top: 0px;
    cursor: pointer;
}

/* ---------------------------------- Collapse Copies CSS ------------------------------------- */
.col-topText{
  font-size: 11px;
  color: #ffffff;
  position: absolute;
  line-height: 13px;
  letter-spacing: -0.16px;
  left: 6px;
  top: 1px;
}

.col-limitText{
  font-size: 10px;
  color: #444444;
  position: absolute;
  top: 67px;
  left: 345px;
  line-height: 10px;
  letter-spacing: -0.1px;
}
.col-limitText sup{
    font-size: 7px;
    position: relative;
    top: 1px;
}

.col-Actorcopy{
  font-size: 10px;
  position: absolute;
  top: 75px;
  left: 7px;
  color: #444444;
}

.col-f1-copy{
    font-size: 14px;
    color: #da0812;
    top: 35px;
    left: 146px;
    line-height: 17px;    
}
.col-f1-copy sup{
    font-size: 9px;
    position: relative;
    top: 1px;
}

/* ---------------------------------- Expand CSS ------------------------------------- */

#whiteBlocker{
    position: absolute;
    width: 728px;
    height: 270px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    visibility: hidden;
    background-color: #F4F4F2;


    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

#expanded-panel{
  width: 726px;
  height: 268px;
  /* border: 1px solid #c1c1c1; */
  top: 0px;
  right: 0px;
  visibility: hidden;
  background-color: #F4F4F2;
  overflow: hidden;
  pointer-events: auto;

  -webkit-transition: width .4s ease-out;
  -moz-transition: width .4s ease-out;
  transition: width .4s ease-out;
}

#wrapper-expanded{
  width: 728px;
  height: 270px;
  top: -1px;
  left: -1px;
}

#expandClicktag{
    position: absolute;
    width: 728px;
    height: 270px;
    cursor: pointer;
}


#closeBtn {
    width: 47px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 494px;
    cursor: pointer;
}

#xIcon{
    width: 14px;
    height: 14px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    top: 2px;
}

#xText {
    color: #006774;
    font-size: 9px;
    width: 29px;
    position: absolute;
    text-align: left;
    left: 18px;
    top: 3px;
}
  
  #ctaExp {
    width: 135px;
    height: 31px;
    position: absolute;
    top: 139px;
    left: 21px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  
#ctaExpText {
  color: #ffffff;
  font-size: 12.22px;
  width: 122px;
  position: absolute;
  left: 9px;
  top: 6px;

}
#repBtn {
    width: 150px;
    height: 29px;
    position: absolute;
    top: 200px;
    left: 259px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #006072;
    cursor: pointer;
    visibility: hidden;
}

#repIcon{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 123px;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

#repText {
    color: #006072;
    font-size: 12.22px;
    width: 122px;
    position: absolute;
    left: 52px;
    top: 5px;
}

#ctaExp {
    width: 153px;
    height: 30px;
    position: absolute;
    top: 161px;
    left: 259px;
    background-color: #006072;
    border-radius: 4px;
    cursor: pointer;
    visibility: hidden;
/*  opacity: 0;
  transform: translate(0px, -10px);
  -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;*/
}

#ctaExpIcon{
    width: 15px;
    height: 15px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 129px;
    top: 7px;
}

/* ---------------------------------- EXPANDED-COPIES ------------------------------------- */

/* .expanded-whiteBg{
  position: absolute;
  top: 253px;
  left: 0px;
  height: 18px;
  width: 500px;
  background-color: #ffffff;
  opacity: 0.8;
} */

.exp-topText{
  font-size: 11px;
  color: #ffffff;
  position: absolute;
  line-height: 13px;
  letter-spacing: -0.16px;
  left: 11px;
  top: 5px;
}

.exp-limitText{
  font-size: 10px;
  color: #444444;
  position: absolute;
  top: 257px;
  left: 12px;
  line-height: 10px;
}

.exp-limitText sup{
    font-size: 6px;
    position: relative;
    top: 1px;
}

.exp-f1-copy{
    font-size: 20px;
    color: #da0812;
    top: 82px;
    left: 217px;
    line-height: 24px;    

}
.exp-f1-copy sup{
    font-size: 12px;
    position: relative;
    top: 1px;
    padding-right: 5px;
}

#a_supf1c1{
    font-size: 12px;
      position: relative;
      left: 0px;
      top: 2px;
  }

#a_supf1c2{
    font-size: 6px;
    position: relative;
    left: 0px;
    top: 0px;
  }

  .f1Copy2Exp {
    position: absolute;
    top: 139px;
    left: 217px;
    color: #444444;
    font-size: 10px;
    line-height: 11px;
    /* letter-spacing: -0.15px; */
  }

  .f1Copy2aExp {
    position: absolute;
    top: 66px;
    left: 3px;
    /* letter-spacing: -0.15px; */
    color: #444444;
    font-size: 10px;
    line-height: 11px;
    width: 220px;
  
  }

  .f1-bullet1-exp {
    color: #444444;
    font-size: 10px;
    padding-left: 8px;
    top: 22px;
    left: 2px;
    line-height: 11px;
    width: 220px;
}

.f1-bullet2-exp {
    color: #444444;
    font-size: 10px;
    padding-left: 7px;
    top: 44px;
    left: 2px;
    line-height: 11px;
    width: 230px;
}

.frame1C2a-bullet-exp,
.frame1C2b-bullet-exp {
    position: absolute;
    left: 1px;
    font-weight: 400;
    color: #444444;
}

#cs1SupExp1{
    position: relative;
    font-size: 5px;
    top: 0px;
  }

  #cs2SupExp1 {
    position: relative;
    font-size: 5px;
    top: 0px;
  }

.exp-Actorcopy {
  font-size: 10px;
  color: #ffffff;
  top: 214px;
  left: 12px;
  line-height: 12px;
  /* text-shadow: 4px 1px 4px #000000; */
  text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000
}

.exp-f2-copy1{
    font-size: 20px;
    color: #da0812;

    position: absolute;
    top: 88px;
    left: 252px;
    line-height: 24px;    
    letter-spacing: -0.2px;
}
.exp-f2-copy1 sup{
    font-size: 11px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: -1px;
}
.exp-f2-copy2{
    font-size: 16.85px;
    color: #006072;

    top: 159px;
    left: 252px;
    line-height: 20px;    
}
.exp-f3-copy1{
  font-size: 20px;
  color: #da0812;    
  top: 69px;
  left: 252px;
  line-height: 24px;    
}

.exp-f3-copy1 sup{
    font-size: 12px;
    position: relative;
    top: 0px;
    left: 0px;    
}

.exp-f3-copy2{
    font-size: 12px;
    color: #444444;    
    top: 143px;
    left: 252px;    

}
.exp-f3-copy2 sup{
    font-size: 7px;
    position: relative;
    top: 1px;    
}

.exp-f3-copy3 {
    font-size: 10px;
    color: #444444;   
    top: 166px;
    left: 257px;
    line-height: 12px;
    width: 250px;
}

.exp-f3-copy3 sup{
    position: absolute;
    left: -4px;
    top: 4px;
    font-size: 6px;    
}
.exp-f3-copy4 {
    font-size: 10px;
    color: #444444;    
    top: 189px;
    left: 257px;
    line-height: 11px;    
    width: 250px;
}

.exp-f3-copy4 span{
    padding-right: 3px;
}

.exp-f3-copy4 sup{
    font-size: 5px;  
}

.exp-f4-copy{
    font-size: 20px;
    color: #da0812;       
    top: 78px;
    left: 256px;
    line-height: 24px;
    letter-spacing: -0.1px;
}

.exp-f4-copy sup{
    font-size: 11px;
    position: relative;
    top: 0px;
}

.exp-Actorcopyf4{
    font-size: 10px;
    color: #ffffff;
    top: 213px;
    left: 13px;

    line-height: 12px;
    /* text-shadow: 4px 1px 4px #000000; */
    text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000;
}
/* ---------------------------------- EXPANDED-CIRCLES ------------------------------------- */

.exp-circle1{
  width: 220px;
  height: 210px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 60px;
  left: -36px;
  opacity: 0.85;
}

.exp-circle2{
  width: 264px;
  height: 249.5px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 40px;
  left: -58px;

  transform: scale(0.8);
}

.exp-circle3{
  width: 311px;
  height: 294px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 17px;
  left: -82px;

  transform: scale(0.8);
}

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

#isiHeader {
    width: 240px;
    height: 18px;
    top: 0px;
    background-color: #ffffff;
    font-family: 'Noto Sans', sans-serif;
    -webkit-transform: translate(487px, 0px);
    -moz-transform: translate(487px, 0px);
    -ms-transform: translate(487px, 0px);
    -o-transform: translate(487px, 0px);
    transform: translate(487px, 0px);
}

#ihText {
    top: 1px;
    left: 9px;
    letter-spacing: 0px;
    color: #006072;
    font-size: 12px;
}


#isiHeaderBottom {
    width: 240px;
    height: 15px;
    bottom: 0px;
    cursor: pointer;
    background-color: #eeeeee;

    -webkit-transform: translate(488px, 88px);
    -moz-transform: translate(488px, 88px);
    -ms-transform: translate(488px, 88px);
    -o-transform: translate(488px, 88px);
    transform: translate(488px, 88px);
}

#ihTextBottom {
    font-size: 10px;
    top: 0px;
    left:7px;
    color: #134b8e;
    cursor: pointer;
}

#isiContainer {
      width: 240px;
      height: 90px;
      /* height: 2000px; */
      overflow: hidden;
      cursor: default;
      background-color: #ffffff;
      border-left: 1px solid #c1c1c1;
      font-family: 'Open Sans';
      -webkit-transform: translate(486px, -1px);
      -moz-transform: translate(486px, -1px);
      -ms-transform: translate(486px, -1px);
      -o-transform: translate(486px, -1px);
      transform: translate(486px, -1px);
}

#isiContent {
    position: absolute;
    top: 15px;
    left: 5.5px;
    width: 216px;
    line-height: 7px;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.isiLogo {
    width: 278px;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative !important;
    background-position: 195px;
    bottom: 61px;
}

#scrollBg {
  width: 10px;
  right: 1px;
  top: -1px;
  background-color: #FFFFFF;
  border: 1px solid #c1c1c1;
  box-sizing: border-box;
  
  -webkit-transform: translate(296px, 163px);
    -moz-transform: translate(296px, 163px);
    -ms-transform: translate(296px, 163px);
    -o-transform: translate(296px, 163px);
    transform: translate(296px, 163px);
}

#scrollBar {
  width: 6px;
  background-color: #545454;
  opacity: 0.4;
  cursor: pointer;

  -webkit-transform: translate(1px, 2px);
  -moz-transform: translate(1px, 2px);
  -ms-transform: translate(1px, 2px);
  -o-transform: translate(1px, 2px);
  transform: translate(1px, 2px);
}

.isiHeader {
    font-weight: 700;
    color: #006072;
    font-size: 12px;
    line-height: 14.5px;
    padding-top: 4px;
}

.isiTextBold {
    font-weight: 700;
    color: #444444;
    font-size: 12px;
    line-height: 14.5px;
    padding-top: 1px;
    letter-spacing: 0.02px;
}

.isiText {
    font-weight: 400;
    color: #444444;
    font-size: 12px;
    line-height: 14.5px;
    padding-top: 3px;
}

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

.bullet_main {
    color: #444444;
    font-weight: 400;
    font-size: 12px;
    line-height: 14.5px;
    padding-top: 3px;
    padding-left: 8px;
    letter-spacing: 0px;
}

.bullet_black{
    position: absolute;
    left: 0px;
    top: 5px;
    font-weight: 400;
    line-height: 10px;
}

.bullet_mainDiff {
    top: 1px;
}

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

.novoLogo {
    width: 55px;
    height: 39px;
    margin-top: 6px;
    position: absolute !important;
    /* cursor: pointer; */
    background-repeat: no-repeat;
    background-size: contain;
    left: 1px;
    display: inline-block;
    /* bottom: 0px; */
}

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

.IRI_mainContainer-exp {
    visibility: hidden;

    opacity: 0;
    transform: translate(0px, 0px);
    -webkit-transition: opacity .5s ease-out, transform .5s ease-out;
    -moz-transition: opacity .5s ease-out, transform .5s ease-out;
    transition: opacity .5s ease-out, transform .5s ease-out;
}

#isiHeader-exp {
  width: 240px;
  height: 22px;
  /* top: -11px; */
  background-color: #ffffff;
  -webkit-transform: translate(488px, 19px);
  -moz-transform: translate(488px, 19px);
  -ms-transform: translate(488px, 19px);
  -o-transform: translate(488px, 19px);
  transform: translate(488px, 19px);
}

#ihText-exp {
    top: 4px;
    left: 6px;
    /* letter-spacing: 0.55px; */
    color: #006072;
    font-size: 12px;
}

#isiHeaderBottom-exp  {
  width: 240px;
  height: 16px;
  bottom: 0px;
  cursor: pointer;
  background-color: #eeeeee;

  -webkit-transform: translate(488px, 268px);
  -moz-transform: translate(488px, 268px);
  -ms-transform: translate(488px, 268px);
  -o-transform: translate(488px, 268px);
  transform: translate(488px, 268px);
}

#isiContainer-exp {
    width: 240px;
    height: 249px;
    /* height: 2000px; */
    overflow: hidden;
    cursor: default;
    background-color: #ffffff;
    border-left: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    -webkit-transform: translate(487px, 18px);
    -moz-transform: translate(487px, 18px);
    -ms-transform: translate(487px, 18px);
    -o-transform: translate(487px, 18px);
    transform: translate(487px, 18px);
}

#isiContent-exp {
    position: absolute;
    top: 19px;
    left: 6px;
    width: 214px;
    /* height: 10px; */
    line-height: 7px;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

#ihTextBottom-exp {
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 6px;
    color: #134b8e;
    cursor: pointer;
}


#scrollBg-exp {
  width: 10px;
  height: 220px;
  background-color: #FFFFFF;
  border: 1px solid #c1c1c1;
  box-sizing: border-box;

  -webkit-transform: translate(712px, 27px);
  -moz-transform: translate(712px, 27px);
  -ms-transform: translate(712px, 27px);
  -o-transform: translate(712px, 27px);
  transform: translate(712px, 27px);
}


#scrollBar-exp {
  width: 6px;
  height: 17px;
  background-color: #545454;
  opacity: 0.4;
  cursor: pointer;

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

.isiHeader-exp {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    color: #006072;
    font-size: 12px;
    line-height: 14.5px;
}

#novoLogo-exp {
    width: 55px;
    height: 39px;
    margin-top: 5px;
    position: absolute !important;
    /* cursor: pointer; */
    background-repeat: no-repeat;
    background-size: contain;
    left: 1px;
    display: inline-block;
    /* bottom: 0px; */
}




/* Property Work's For FireFox Only */
@-moz-document url-prefix() {

}

/* Property Work's For Internet Explorer Edge Only */
@supports (-ms-ime-align: auto) {

}

/* Property Work's For Internet Explorer 11, 10 Only */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

}

/* -------------------- DISPLAY -------------------- */