#formContainer {
  flex-direction: column;
}
#splashAreaForm.grad {
  background-color: #fff;
  background-image: url(../../images/splash-bg-sml.png);
  background-position: 50% 100%;
}
#splashAreaForm h1 {
  text-align: center;
  font-family: "Heebo";
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  font-weight: 900;
  color: #2c2d4f;
  margin: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
  padding: 40px 110px 0;
  position: relative;
}
#splashAreaForm {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 50px 0px;
  position: relative;
  background: url(../../images/splash-bg.png) no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-image: url("../../images/splash-bg.png");
  background-size: auto;
  background-position: 50% 50%;
  background-size: 110%;
  min-height: 550px;
}

#splashAreaForm .introTextV1 {
  text-align: center;
  font-family: "Heebo";
  font-size: 38px;
  line-height: 50px;
  font-weight: 900;
  color: #2c2d4f;
  margin: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
  padding: 40px 20px 0;
  position: relative;
}

#splashAreaForm .introTextV1 span {
  color: #39b54a;
}

#splashAreaForm .headingHighlight {
  color: #ff7200;
}

#splashAreaForm .introTextV2 {
  text-align: center;
  font-family: "Heebo";
  text-transform: uppercase;
  font-size: 38px;
  line-height: 50px;
  font-weight: 900;
  color: #01e1ec;
  margin: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
  padding: 20px 20px 0;
  position: relative;
}

#splashFormContainer {
  display: block;
  width: 630px;
  position: relative;
  background: rgb(224, 234, 246);
  background: -moz-linear-gradient(
    top,
    rgba(224, 234, 246, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(224, 234, 246, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(224, 234, 246, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf6', endColorstr='#ffffff',GradientType=0 );

  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.45);
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 0px solid #adadad;
  padding: 30px 20px;
  margin: 20px auto 20px;
}

#splashFormContainer .title {
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #000;
  text-align: center;
  border: 0px;
  padding: 0px;
  margin: 0px auto 10px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

#splashFormContainer .headingHightlight {
  color: #39b54a;
}

#splashFormContainer .flexyContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#splashFormContainer .flexyItem {
  margin: 3px;
  flex: 1;
}

#splashFormContainer.finalPagePaddingTop {
  margin-top: 36px;
}

.optionsButtonsContainer {
  padding-top: 20px;
  margin: 0px auto 10px;
  justify-content: center;
  text-align: center;
}

.optionsButtonsContainerLower {
  margin: 0px auto 10px;
  justify-content: center;
  text-align: center;
}

.appButtonWrapper {
  padding-top: 10px;
}

button.fancyFormButtonV2 {
  width: 100%;
  height: 99px;
  font-family: "Heebo", sans-serif;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  text-align: center;
  color: #000;
  margin: 3px auto 0px;
  border: 0px;
  border-radius: 5px;
  padding: 13px 10px;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  display: block;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(224, 234, 246, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(224, 234, 246, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(224, 234, 246, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eaf6',GradientType=0 );

  transition: all 0.1s linear;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
    0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11),
    0 8px 16px rgba(0, 0, 0, 0.11);
}

button.fancyFormButtonV2 img {
  width: auto;
  height: 70px;
}

button.fancyFormButtonV2.sml {
  font-size: 14px;
  padding: 13px 5px;
}

button.fancyFormButtonV2.smler {
  width: 132px;
  height: 99px;
  font-size: 14px;
  padding: 13px 5px;
}

button.fancyFormButtonV2.smler img {
  width: auto;
  height: 70px;
}

button.fancyFormButtonV2 span {
  display: block;
  font-family: "Heebo", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: 0px auto;
}

button.fancyFormButtonV2.checked {
  color: #fff;
  background: rgb(1, 225, 236);
  background: -moz-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01e1ec', endColorstr='#01d4de',GradientType=0 );

  border: 0px solid #02d885;
  margin-top: 3px;
  transform: scale(0.98);
}

button.fancyFormButtonV2:focus {
  color: #fff;
  background: rgb(1, 225, 236);
  background: -moz-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01e1ec', endColorstr='#01d4de',GradientType=0 );

  border: 0px solid #02d885;
  margin-top: 3px;
  transform: scale(0.98);
}

button.fancyFormButtonV2:hover {
  color: #fff;
  background: rgb(1, 225, 236);
  background: -moz-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(1, 225, 236, 1) 0%,
    rgba(1, 212, 222, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01e1ec', endColorstr='#01d4de',GradientType=0 );

  border: 0px solid #02d885;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
    0 2px 2px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(0, 0, 0, 0.11),
    0 8px 8px rgba(0, 0, 0, 0.11);

  margin-top: 3px;
  transform: scale(0.98);
}

.formButton {
  display: inline-block;
  position: relative;
  z-index: 99;
  text-align: center;
  font-family: "Heebo", sans-serif;
  font-size: 32px;
  line-height: 28px;
  font-weight: 600;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
  color: #fff;
  margin: 0px 0px 0px 0px;
  border: 0px solid #fff;
  text-decoration: none;
  padding: 30px 40px;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out;
  background: #2d85c8;

  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  text-decoration: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.formButton:hover {
  color: #fff;
  background: #0a1d48;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.sliderTextContainer {
  margin: 0 auto 30px;
}

.sliderOutput {
  border: 0;
  padding-left: 0;
  font-size: 4rem;
  color: #347bc5;
  font-weight: bold;
  text-align: center;
}

.formSliderAreaContainer {
  height: 90px;
  display: inline-block;
}

.formSliderArea .irs-line {
  margin: 0 auto;
  height: 15px;
  width: 400px;
  background: #555;
  margin-bottom: 15px;
  border-radius: 99px;
  border: 6px solid #e6e7e8;
}
.formSliderArea .irs-bar {
  top: 36px;
  height: 18px;
}

.formSliderArea .irs-bar-edge {
  height: 17px;
  left: 5px;
  top: 36px;
}

.formSliderArea .ui-slider-handle {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: #fff;
  border: 2px solid #357bc3;
  position: absolute;
  margin-left: -12px;
  margin-top: -14px;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

.sliderOuter {
  margin-top: 40px;
}

.sliderOutput {
  background: unset;
  width: 100%;
  display: block;
  font-size: 43px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #01d2eb;
  font-weight: 800;
  text-align: center;
  margin: 10px auto -30px;
  border: 0px;
  padding: 9px 0px 0px 0px;
}

.sliderControlButton {
  min-width: 50px;
  height: 50px;
  align-items: center;
  font-size: 2rem;
  background: #01d2eb;
  border-radius: 50%;
  margin: 20px 10px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  user-select: none;
  color: #fff;
  vertical-align: bottom;
}

.sliderControlButton:hover {
  background: #01d2eb;
}

#splashAreaForm .splashSmlTxt {
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
  border: 0px;
  padding: 0px;
  margin: 0px auto 10px;
  text-shadow: 5px 0px 7px rgba(255, 255, 255, 1);
}

#splashAreaForm .splashSmlTxtTwo {
  display: block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  border: 0px;
  padding: 0px 160px;
  margin: 0px auto 10px;
}

#splashAreaForm .splashSmlTxtThree {
  display: block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
  border: 0px;
  padding: 0px 0px;
  margin: 20px auto 0px;
}

#splashAreaForm .formSmlTxt {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  border: 0px;
  padding: 10px 10px;
  margin: 20px auto 0px;
  background: #a648ee;
  border-radius: 5px;
}

.infoIco {
  position: absolute;
  top: -15px;
  right: -15px;
}

.infoIco img {
  width: 30px;
}

/* loader */

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

.processing {
  display: block;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 310px;
  height: 310px;
  z-index: 11;
  font-size: 33px;
  color: #000;
}

.processing img {
  display: block;
  position: absolute;
  top: 97%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 240px;
}

.loaded .processing {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.letsTxt {
  display: block;
  position: absolute;
  text-align: center;
  top: 9%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11;
  font-family: "Heebo";
  text-transform: uppercase;
  font-size: 34px;
  line-height: 46px;
  font-weight: 900;
  color: #000;
}

.letsTxt.dark {
  color: #000;
}

.loaded .letsTxt {
  opacity: 0;
  transition: all 0.3s ease-out;
}

#loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 18%;
  width: 310px;
  height: 310px;

  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #18febc;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}

#loader.processPage {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 41%;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #18febc;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ffb71d;
  -webkit-animation: spin-reverse 0.6s linear infinite;
  animation: spin-reverse 0.6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #de2eb6;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #d3fcff;

  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url(../../images/debt-bg-left.jpg);
  background-position: 100% 100%;
  background-size: 100%;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-image: url(../../images/debt-bg-right.jpg);
  background-position: 0% 100%;
  background-size: 100%;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

/*****************
// -----------------
// LOGO ROW AREA 
// _________________
// *****************/

#logoRow {
  display: block;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #437bfd;
  border-bottom: 0px solid #437bfd;

  padding: 60px 0px;
  position: relative;
  background: #2d85c8;
}

#logoRow h1 {
  display: block;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 40px 0px;
}

#logoRow .icons {
  display: block;
  height: 55px;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

#logoRow .slider div {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #fff;
  font-weight: 500;
}

#logoRow .slider {
  width: 100%;
  padding: 0;
  margin: 0;
}

#logoRow .flexyContainerZZZ {
  margin: 0px auto;
  justify-content: center;
  align-items: center;
}

/*****************
// -----------------
// FOOTER AREA 
// _________________
// *****************/

#footer {
  display: block;
  text-align: left;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 30px 0px;
  position: relative;
  background: #424596;
  color: #fff;
  font-size: 13px;
  background: #263238;
}

#footer .footerLogo {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

#footer .footerLogo img {
  width: 180px;
  margin: 0px auto;
  padding: 0px;
}

#footer a {
  color: #fff;
  margin: 0px;
  padding: 4px;
}

#footer .portBox {
  color: #000;
  position: fixed;
  top: 25vh !important;
  height: unset;
}
#footer .close-portBox {
  padding:10px
}

/* meter */

.meterTxt {
  display: block;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 60px 0px 10px 0px;
}

.flexyContainer.applyMeter {
  display: flex;
  width: 290px;
  margin: 0px auto;
  justify-content: space-between;
  margin-bottom: 10px;
}
.flexyContainer.applyMeter .flexyItem {
  flex-grow: 1;
}

.meterBut {
  width: 45px;
  height: 45px;
  border-radius: 99px;
  background: #2d85c8;
  color: #fff;
  border: 2px solid #2d85c8;
  position: relative;
  margin: 0px auto;
  margin-top: -8px;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  font-size: 22px;
}

.meterBut span {
  font-size: 22px;
  color: #fff;
  padding: 0px;
  margin: 0px;
  border: 0px;
  padding-top: 10px;
  display: block;
  text-align: center;
}

.meterBut span a {
  color: #fff;
}

.meterBut.off {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: #fff;
  color: #fff;
  border: 2px solid #e6e1f1;
  position: relative;
  margin: 0px auto;
  margin-top: -8px;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.meterBut.off span {
  font-size: 22px;
  color: #fff;
  padding-top: 10px;
  display: block;
  text-align: center;
}

.meter {
  height: 16px;
  position: relative;
  background: #fff;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  border: 2px solid #d7d7d7;
  padding: 4px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin: 0px auto 10px;
  width: 87%;
}

.meter progress {
  display: block;
  height: 100%;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  background-color: #cdcdcd;
  position: relative;
  overflow: hidden;
}

.meter > progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  display: block;
  height: 100%;
  color: #07dd8a;
}

.meter > progress::-webkit-progress-bar {
  background-color: transparent;
}

.meter > progress::-webkit-progress-value {
  background: #07dd8a;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
}

.meter > progress[value]::-moz-progress-bar {
  background: #07dd8a;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
}

.meter > progress > span {
  display: block;
  height: 100%;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
  background-color: #07dd8a;
  position: relative;
  overflow: hidden;
}

.irs-single {
  display: none;
}

/* Input Form Elements */
.extraText {
  text-align: right;
  font-size: 14px;
  font-style: italic;
  padding-top: 5px;
  color: #9374db;
  cursor: pointer;
}

.inputContainer {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 400px;
  height: 55px;
  vertical-align: top;
  background: #fff;
  padding: 0px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

.inputContainer.small {
  width: 300px;
}

.inputContainer.verySmall {
  width: 150px;
}

.inputField {
  position: relative;
  display: block;
  height: 55px;
  width: 400px;
  padding: 0px 0px 0px 18px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #9374db;
  background: #fff;
  font-family: "Heebo", sans-serif;
  font-size: 16px;
  color: #646464;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}

.inputField:focus {
  outline: none;
}

.inputLabel {
  display: inline-block;
  color: #646464;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inputLabelContent {
  position: relative;
  display: block;
  padding: 18px 0px 0px 18px;
  height: 40px;
  text-align: left;
}

.inputContainerAkira {
  margin-top: 1em;
}

.inputFieldForSelectize input {
  position: relative;
  display: block;
  height: 39px;
  padding: 0px 0px 0px 18px;
  background-color: transparent;
  font-family: "Heebo", sans-serif;
  font-size: 16px;
  color: #646464;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}

.inputFieldForSelectize {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #9374db;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 55px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputFieldForSelectize .selectize-input,
.selectize-input.input-active {
  border: 0px solid transparent !important;
  background-color: transparent !important;
  height: 100% !important;
}

.inputFieldForSelectize .selectize-dropdown {
  border: 2px solid #9374db !important;
  border-top: 1px dashed #00000027 !important;
}

.inputFieldForSelectize .item {
  position: relative !important;
  top: calc(50% - 9px) !important;
  padding-left: 18px !important;
  font-size: 16px !important;
}

.inputFieldAkira {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inputLabelAkira {
  padding: 0;
  width: 100%;
  background: transparent;
  font-family: "Heebo", sans-serif;
  color: #646464;
  font-size: 16px;
  cursor: text;
}

.inputLabelAkira::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.inputLabelContentAkira {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.inputFieldAkira:focus + .inputLabelAkira::before,
.inputFilled .inputLabelAkira::before {
  -webkit-transform: scale3d(0.99, 0.95, 1);
  transform: scale3d(0.99, 0.95, 1);
}

input:not(:placeholder-shown).noJs + .inputLabelAkira::before {
  -webkit-transform: scale3d(0.99, 0.95, 1);
  transform: scale3d(0.99, 0.95, 1);
}

.inputFieldAkira:focus + .inputLabelAkira,
.inputFilled .inputLabelAkira {
  cursor: default;
  pointer-events: none;
}

input:not(:placeholder-shown).noJs + .inputLabelAkira {
  cursor: default;
  pointer-events: none;
}

.inputFieldAkira:focus + .inputLabelAkira .inputLabelContentAkira,
.inputFilled .inputLabelContentAkira {
  -webkit-transform: translate3d(0, -2.8em, 0);
  transform: translate3d(0, -2.8em, 0);
}

input:not(:placeholder-shown).noJs + .inputLabelAkira .inputLabelContentAkira {
  -webkit-transform: translate3d(0, -2.8em, 0);
  transform: translate3d(0, -2.8em, 0);
}

.optOutText{
	font-weight: 900;
}

#optOutConfirm
{
	display:none;
	padding:0.5em;
	border:1px solid #3c7c01;
	background:#b4d455;
	border-radius:0.5em;
	margin:1em auto;
	font-weight:bold;
}

#optOutConfirm.active
{
	display:inline-block;
}