@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: 300px;
  height: 250px;
}

.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: 156px;
  left: 14px;
  width: 270px;
  height: 1px;
  background-color: #7cbcc2;
}
#copy1{
  top: 103px;
  left: 36px;
  width: 97px;
  height: 43px;
  background: url("copy1.svg");
}
#logo2{
  top: 33px;
  left: 245px;
  width: 102px;
  height: 42px;
  background: url(logo.png);
}
#logo{
    top: 69px;
    left: 88px;
    width: 134px;
    height: 55px;
    background: url(logo.png);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#logoText{
  top: 128px;
  left: 71px;
  width: 150px;
  height: 46px;
  background: url("logoText.png");
}
#butt{
  top: 0px;
  left: 305px;
  width: 111px;
  height: 157px;
  background: url("butt.png");
}
#copy2{
  top: 102px;
  left: -9px;
  width: 105px;
  height: 47px;
  background: url("copy2.svg");
}
#copy3{
  top: 43px;
  left: 25px;
  width: 164px;
  height: 80px;
  background: url("copy3.svg");
}
#copy4{
  top: 44px;
  left: 16px;
  width: 162px;
  height: 75px;
  background: url("copy4.svg");
}
#copy5a{
  top: 42px;
  left: 68px;
  width: 164px;
  height: 38px;
  background: url("copy5a.svg");
}
#copy5b{
  top: 79px;
  left: 43px;
  width: 211px;
  height: 41px;
  background: url("copy5b.svg");
}

#copy6{
  top: 43px;
  left: 55px;
  width: 184px;
  height: 31px;
  background: url("copy6.svg");
}
#CTA{
  top: 86px;
  left: 120px;
  width: 154px;
  height: 29px;
  background: url("CTA.png");
}


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

.noBR {
  white-space: nowrap
}

#isi {
  top: 207px;
  left: 9px;
  width: 279px;
  height: 92px;
  overflow: hidden;
  z-index: 3;
  color: #fff;
  opacity: 0;
}

#isi-text {
  width: 270px;
  height: inherit;
  overflow-x: hidden;
  padding: 11px 12px 0px 5px;  /* 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(270px - 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: 12px;
  right: 2px;
  width: 10px;
  height: 68px;
}

#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;
  margin-bottom: 1px;
}
a{
  color: #fff !important;
  text-decoration: underline !important;
}