@charset "UTF-8";
/* Hide scrollbar for Chrome, Safari and Opera */
.hideScroll::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.hideScroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.banner {
  border: 1px solid #000;
  background: #faf7f0;
  overflow: hidden;
  display: block !important;
  background: url("bg.jpg");
}

#btnExit {
  cursor: pointer;
  opacity: 0;
}

.bannerSize {
  width: 728px;
  height: 90px;
}

.hide {
  opacity: 0;
}

.aC {
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.retina {
  background-size: contain !important;
}

@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ln{
  top: 8px;
  left: 484px;
  width: 2px;
  height: 72px;
  background-color: #7cbcc2;
}

#logo2{
  top: 23px;
  left: 136px;
  width: 85px;
  height: 40px;
  background: url(logo.png);
}
#logo{
    top: 10px;
    left: 326px;
    width: 85px;
    height: 36px;
    background: url(logo.png);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#logoText{
  top: 48px;
  left: 314px;
  width: 97px;
  height: 30px;
  background: url("logoText.png");
}
#butt{
  top: 0px;
  left: -30px;
  width: 96px;
  height: 90px;
  background: url("butt.png");
}
#copy2{
  top: 27px;
  left: 207px;
  width: 104px;
  height: 43px;
  background: url("copy2.svg");
}
#copy3{
  top: 28px;
  left: 170px;
  width: 240px;
  height: 36px;
  background: url("copy3.svg");
}
#copy4{
  top: 29px;
  left: 175px;
  width: 219px;
  height: 31px;
  background: url("copy4.svg");
}
#copy5{
  top: 30px;
  left: 144px;
  width: 291px;
  height: 29px;
  background: url("copy5.svg");
}


#copy6{
  top: 33px;
  left: -10px;
  width: 141px;
  height: 34px;
  background: url("copy6.svg");
}
#CTA{
  top: 30px;
  left: 249px;
  width: 154px;
  height: 29px;
  background: url("CTA.png");
}


/*::::::::::::::::ISI:::::::::::::*/

.noBR {
  white-space: nowrap
}

#isi {
  top: 49px;
  left: 486px;
  width: 236px;
  height: 90px;
  overflow: hidden;
  z-index: 3;
  color: #fff;
  opacity: 0;
}

#isi-text {
  width: 237px;
  height: inherit;
  overflow-x: hidden;
  padding: 8px 12px 0px 7px;  /* space left || space top based on #header_ISI heigth ||  offset right to hide defaul scrollbar */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#isi-container {
  width: calc(237px - 12px - 5px); /* FORMULA: #isi-text: width - #isi-text: paddingLeft - #isi-text: paddingRight */
  position: relative;
  padding-bottom: 5px
}

#isi-container h3,
#header_ISI,
#isi-container {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}

.matter{
  font-size: 9px;
  line-height: 9px;
}

#isi-container p {
  position: relative
}


#isi-container sup {
  top: 0em;
  font-size: 6.5px;
  letter-spacing: 0.1px;
  line-height: 0;
  margin-left: 1px;
  position: relative
}
.matter > sup{ 
  top: 0.3em !important;
  font-size: 5.5px !important;
  letter-spacing: 0.1px !important;
  margin-left: 0.5px !important;
}


#isi-container h3.h-short-space {
  margin: 4px 0 4px 0
}

#isi-container h3.h-medium-space {
  margin: 8px 0 8px 0
}

#isi-container h3.h-large-space {
  margin: 12px 0 12px 0
}

#isi-container h3.h-short-space-paragraph {
  margin: 20px 0 4px 0
}

#isi-container h3.h-medium-space-paragraph {
  margin: 20px 0 8px 0
}

#isi-container h3.h-large-space-paragraph {
  margin: 20px 0 12px 0
}

#isi-container .p-short-space {
  margin-bottom: 4px
}

#isi-container .p-medium-space {
  margin-bottom: 8px
}

#isi-container .p-large-space {
  margin-bottom: 12px
}

#isi-container .p-Xlarge-space {
  margin-bottom: 30px
}

#isi-container .p-indent {
  margin-left: 7px
}

#isi-container .p-double-indent {
  margin-left: 30px
}
#isi-container .p-large-indent {
  margin-left: 40px
}

#isi-container span.bullet {
  top: 2px;
  left: -7px;
  position: absolute;
  line-height: 10px;
  color: #333;
  font-size: 16px;
}
#isi-container span.bullet-double {
  top: 2px;
  left: -11px;
  position: absolute;
  line-height: 10px;
  color: #333;
  font-size: 12px;
}

#isi-container a {
  text-decoration: none
}

#isi .pointer {
  cursor: pointer
}

#isi-controls {
  top: 9px;
  right: 2px;
  width: 10px;
  height: 74px;
}

#arrowUp,
#arrowDown {
  left: 0px;
  width: 27px;
  height: 29px;
  /*padding: 3px 0px 4px;*/
  background: url("arrow.png") center center;
  cursor: pointer
}

#arrowUp {
  top: 1px
}

#arrowDown {
  bottom: 1px;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1)
}

.scroller {
  top: 0;
  right: 0;
  width: 3px;
  height: 8px;
  background: #fff;
  -webkit-transition: top 0.08s;
  -moz-transition: top 0.08s;
  -ms-transition: top 0.08s;
  -o-transition: top 0.08s;
  transition: top 0.08s;
  cursor: pointer
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.isiLineWithArrows,
.isiLineNoArrows {
  right: 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer
}

.isiLineNoArrows {
  top: 0px;
  width: 3px;
  height: 100%;
  background: #bbe3e4;
}

.ISIColor { /* Special color for links, numbers, title etc */
  color: #f2dba2 !important;
}
a{
  color: #fff !important;
  text-decoration: underline !important;
}