/*****************
// -----------------
// || General styles
// _________________
// *****************/
html,
body {
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #383838;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px;
  background: #fff;
  -webkit-font-smoothing: antialiased !important;
}

body.processingPage {
  background: unset;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.hidden {
  display: none !important;
}

html.noJs .visibleWhileLoading {
  display: none;
}

html:not(.noJs) .hiddenWithJs {
  display: none;
}

.notVisible,
.invisibleWhileLoading {
  visibility: hidden !important;
}

.breakWordWordWrap {
  word-wrap: break-word;
}

.aboveBackground {
  z-index: 1;
}

.showOnPopulate {
  display: none;
}

.staticPage p {
	word-break: break-word;
}

.staticPage table {
	word-break: normal;
}

.staticPage figure.table {
	overflow: auto;
}

.staticPage figure.table table {
  width: 100%;
  border: 1px solid #383838;
  border-collapse: collapse;
}

.staticPage figure.table table td {
  border: 1px solid #383838;
  padding: 5px;
  box-sizing: border-box;
}

.staticPage figure.table tbody tr:first-of-type {
  font-weight: bold;
}

.staticPage .flexyItem {
	width: 100%;
}

.staticPage header .flexyItem {
	width: unset;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  max-width: 100%;
}

a img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

/* || Set of Width Classes */
.width0,
.widthPercent0 {
  width: 0 !important;
}

.widthPercent5 {
  width: 5% !important;
}

.widthPercent10 {
  width: 10% !important;
}

.widthPercent15 {
  width: 15% !important;
}

.widthPercent20 {
  width: 20% !important;
}

.widthPercent25 {
  width: 25% !important;
}

.widthPercent30 {
  width: 30% !important;
}

.widthPercent35 {
  width: 35% !important;
}

.widthPercent40 {
  width: 40% !important;
}

.widthPercent45 {
  width: 45% !important;
}

.widthPercent50 {
  width: 50% !important;
}

.widthPercent55 {
  width: 55% !important;
}

.widthPercent60 {
  width: 60% !important;
}

.widthPercent65 {
  width: 65% !important;
}

.widthPercent70 {
  width: 70% !important;
}

.widthPercent75 {
  width: 75% !important;
}

.widthPercent80 {
  width: 80% !important;
}

.widthPercent85 {
  width: 85% !important;
}

.widthPercent90 {
  width: 90% !important;
}

.widthPercent95 {
  width: 95% !important;
}

.widthPercent100 {
  width: 100% !important;
}

/* || Set of Padding Classes */
.padding0 {
  padding: 0px !important;
}
.padding20 {
  padding: 20px !important;
}
.padding40 {
  padding: 40px !important;
}
.padding60 {
  padding: 60px !important;
}
.paddingTop0 {
  padding-top: 0px !important;
}
.paddingTop20 {
  padding-top: 20px !important;
}
.paddingTop40 {
  padding-top: 40px !important;
}
.paddingTop60 {
  padding-top: 60px !important;
}
.paddingBottom0 {
  padding-bottom: 0px !important;
}
.paddingBottom20 {
  padding-bottom: 20px !important;
}
.paddingBottom40 {
  padding-bottom: 40px !important;
}
.paddingBottom60 {
  padding-bottom: 60px !important;
}

.marginTop40{
  margin-top: 40px !important;
}

/* || Layout Styles */
.contentContainer,
.parentOfContentContainer > div.allowInherit,
.parentOfContentContainerDivsOnly > div.allowInherit > div {
  width: 1100px;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

.contentContainer.leveldown,
.parentOfContentContainer.leveldown > div.allowInherit {
  padding: 60px 0px;
}

.flexyContainer,
.flexyContainerWithWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flexyContainer.justifyCentral,
.flexyContainerWithWrap.justifyCentral {
  justify-content: center;
}

.flexyContainer.tickArea {
  justify-content: flex-start;
  padding-bottom: 0px;
}

.contentContainer.transparentWhite,
.parentOfContentContainer.transparentWhite > div {
  background: rgba(255, 255, 255, 0);
}

.contentContainer.leveldown,
.parentOfContentContainer.leveldown > div.allowInherit {
  padding: 20px 20px;
}

.contentContainer.leveldown.bg,
.parentOfContentContainer.leveldown.bg > div {
  background: rgba(255, 255, 255, 0.4);
}

.contentContainer.leveldown.bg2,
.parentOfContentContainer.leveldown.bg2 > div {
  background: rgba(255, 255, 255, 1);
  background-image: none;
}

.flexyContainer,
.flexyContainerWithWrap {
  display: flex;
  justify-content: space-between;
}

.flexyContainer.justifyCentral,
.flexyContainerWithWrap.justifyCentral {
  justify-content: center;
}

.flexyContainerWithWrap,
.flexyContainer.WithWrap {
  flex-wrap: wrap;
}

.flexyItem,
footer .flexyItem {
  align-self: auto;
}

.flexyItem.noGrowMobile,
.flexyItem.noGrow {
  flex-grow: 0;
}

.smallDividers .flexyDivider {
  flex: 0 1 calc(100vw * 0.035);
  width: calc(100vw * 0.035);
}

.flexyItem {
  align-self: auto;
  flex: 1;
}

.flexyItem.noGrowDesktop,
.flexyItem.noGrow {
  flex-grow: 0;
}

.linedDividedElement {
  border-right: 1px solid black;
  margin-right: 10px;
}

.lastOnLine.onLastLine {
  border-right: 0px solid transparent;
}

.flexyDivider {
  flex: 0 0 5px;
  width: 45px;
}

.flexySmallerDivider {
  flex: 0 0 17px;
  width: 17px;
}

.flexyLineBreak {
  flex: 0 0 100%;
  width: 100%;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.centerByMargin {
  margin: auto !important;
}

.centerContentsByMargin > * {
  margin: auto !important;
}

.alignSelfCenter {
  align-self: center !important;
}

.right {
  text-align: right !important;
}

/* Cookie Popup */

.cookiePopUp {
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 9;
  font-size: 0.75rem;
  text-align: center;
  line-height: 28px;
  background-color: rgba(68, 68, 68, 0.85);
  color: #fff;
  font-family: Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: pre-wrap;
  padding: 10px 5px;
  width: 100%;
  z-index: 5001;
}

/* used to overright layout a link margin */
.cookiePopUp > a {
  margin: 0;
  text-decoration: none;
  color: #5fd0ff;
  margin-left: 0;
  display: inline;
}

.cookiePopUpClose {
  display: inline-block;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #5fd0ff;
  color: #000;
  border-radius: 2px;
  cursor: pointer;
  padding: 0px 5px;
  line-height: 25px;
}

.showOnPopulate {
  display: none;
}

/*****************
// -----------------
// || Form styles
// _________________
// *****************/
/* || Form general layout */
.formBackground {
  min-height: 100vh;
}

.formBackground .headerRibbon {
  width: 100% !important;
}

.formArea {
  display: block;
  min-height: 654px;
  box-sizing: border-box;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px;
  position: relative;
  background: #d8feff;
  background-image: linear-gradient(#fff, #d8feff);
  background-image: url("../../../images/splash-bg-sml.png"),
    linear-gradient(#fff, #d8feff);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 110%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.formBackground.prepop .formArea{
  min-height: auto;
}

#formPageForm .formWidthContainer {
  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: 30px auto 20px;
}

#formPageForm .formWidthContainer.summary{
  margin: 0px auto 0px;
  height: 380px;
  position: absolute !important;
  z-index: 0;
  left: calc(50% - 335px);
}

#formPageForm .formWidthContainer.quoteErrorText{
  margin: 270px auto 80px;
  position: relative;
  background: transparent;
  z-index: auto;
  left: 0;
  box-shadow: none;
  padding: 0;
}

#formPageForm .formWidthContainer.quoteErrorText .appButtonWrapper{
  padding-top: 0px;
}

#formPageForm .formWidthContainer.reduceTopPadding {
  margin: -85px auto 65px;
}

#formPageForm .boxedSplit {
  background: rgb(224, 234, 246);
  width: 670px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
#formPageForm .boxedSplitStart {
  background: rgb(224, 234, 246);
  margin: 0px auto 0px;
  padding-top: 30px;
  position: relative;
}

#formPageForm .boxedSplitMiddle {
  margin: -30px auto 0px;
  position: relative;
  background: rgb(224, 234, 246);
}

#formPageForm .boxedSplitBottom {
  margin-top: -30px;
  position: relative;
  background: rgb(224, 234, 246);
}

#formPageForm .backgroundContainer {
  height: 680px;
  position: absolute !important;
  z-index: 0;
  left: calc(50% - 335px);
}

#formPageForm .backgroundContainer.dropDownList{
  height: 340px;
}

#formPageForm .floatingTransparentContainer.first{ 
  margin-top: 250px;
}

#formPageForm .floatingTransparentContainer.last{ 
  margin-bottom: 40px;
}

#formPageForm .floatingTransparentContainer {
  margin: 0px auto 0px;
  position: relative;
  background: transparent;
  z-index: auto;
  left: 0;
  box-shadow: none;
  padding: 0;
}


/* || Form Text */
.formIntro {
  display: block;
  font-size: 38px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 50px 0px 20px 0px;
}

.formIntroFinalPage {
  display: block;
  width: 650px;
  font-size: 38px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  margin: 0px auto;
  border: 0px;
  padding: 0;
}

.formIntroTwo {
  display: block;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  color: rgb(56, 56, 56);
  text-align: center;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 20px 0px;
}

.formIntroBullets ul {
  list-style: none;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
}

.formIntroBullets li {
  display: inline-block;
  font-family: "Font Awesome 5 Free","Poppins", sans-serif;
  font-size: 16px;
  line-height: 39px;
  font-weight: 500;
  text-align: left;
  color: #000;
  margin: 0px 17px;
  border: 0px;
  padding: 0px 0 0px 30px;
  position: relative;
  z-index: 5;
}

.formIntroBullets li::before {
  content: "\f00c";
  font-weight: 900;
  color: #30E1B3;
  margin-right: 5px;
}

.formIntroBullets li:last-child
{
  padding-right:0;
}

.formSubIntro {
  color: #000;
  font-weight: 700;
  font-size: 28px;
  padding: 0px 0px 40px 0px;
  margin-top: 0px;
  text-align: center;
}

.formfieldHeader {
  display: block;
  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);
}

.formfieldHeader.final2 {
  font-family: "Pacifico", cursive;
  font-size: 48px;
  line-height: 58px;
  color: #997cdb;
  font-weight: 400;
  padding-bottom: 30px;
}

.formInnerHeader {
  display: block;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #4dced8;
  font-weight: 700;
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 20px 0px 0px 0px;
}

.fieldInfoTxt {
  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: #8502d8;
  border-radius: 5px;
}

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

.infoIco img {
  width: 30px;
}

/* || Form Error Text */
.fieldValidationError {
  color: red;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 20px 0;
}

.fieldValidationError.hidden {
  display: none !important;
}

.invalidField {
  box-shadow: rgb(255, 0, 0) 0px 0px 1.5px 1px;
}

/* || Form button Styles */
.appButtonWrapper {
  padding: 16px 0px 0px 0px;
  text-align: center;
  margin: 0px auto;
  cursor: pointer;
}

form .appButtonWrapper {
  padding-top: 36px;
}

.formButton {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "Poppins", 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 26px 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: #437bfd;

  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);
}

/* || Button Form Elements */
.buttonContainer {
  width: 50%;
  margin: 0px auto;
  padding-top: 20px;
}

.buttonContainer .flexyDivider {
  display: none;
}

.buttonContainer.overflowContainer {
  overflow-x: hidden;
}

.buttonContainer.overflowContainer > div {
  position: relative;
  -webkit-transition: transform 0.25s linear 0s;
  transition: transform 0.25s linear 0s;
}

button.roundFormButton {
  width: 69px;
  height: 69px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #808285;
  border-radius: 5px;
  padding: 13px 10px;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px solid #437bfd;
}

button.roundFormButton.checked {
  color: #fff;
  background: rgba(227, 44, 126, 0.8);
  border: 2px solid #e32c7e;
}

button.roundFormButton:focus,
button.roundFormButton.checked {
  color: #fff;
  background: rgba(227, 44, 126, 0.8);
  border: 2px solid #e32c7e;
}

button.roundFormButton:hover {
  color: #fff;
  background: rgba(227, 44, 126, 0.8);
  border: 2px solid #e32c7e;
}

button:disabled.roundFormButton {
  width: 69px;
  height: 69px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #d0d2d3;
  border-radius: 5px;
  padding: 13px 10px;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  display: inline-block;
  box-sizing: border-box;
  cursor: arrow;
  background-color: #fff;
  border: 2px solid #d0d2d3;
}

button:disabled.roundFormButton.checked {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

button:disabled.roundFormButton:focus {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

button:disabled.roundFormButton:hover {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

button.squareFormButton {
  width: 100%;
  height: 99px;
  position:relative;
  font-family: "Poppins", 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;
  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.squareFormButton:focus,
button.squareFormButton.checked {
  color: #fff;
  background: rgb(26, 237, 155);
  background: -moz-linear-gradient(
    top,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aed9b', endColorstr='#02d885',GradientType=0 );
  border: 0px solid #02d885;
  margin-top: 3px;
  transform: scale(0.98);
}

button.squareFormButton:hover {
  color: #fff;
  background: rgb(26, 237, 155);
  background: -moz-linear-gradient(
    top,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(26, 237, 155, 1) 0%,
    rgba(2, 216, 133, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aed9b', endColorstr='#02d885',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);
}

button:disabled.squareFormButton {
  border: 2px solid #d0d2d3;
}

button:disabled.squareFormButton.checked {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

button:disabled.squareFormButton:focus {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

button:disabled.squareFormButton:hover {
  color: #d0d2d3;
  background: #fff;
  border: 2px solid #d0d2d3;
}

.theCopyButtonButton {
  display: inline;
  width: 90px;
  z-index: 50000;
  position: absolute;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  box-sizing: border-box;
  color: #fff;
  margin: 0px 0px 0px 0px;
  top: 7px;
  right: 6px;
  border: 0px solid #fff;
  text-decoration: none;
  padding: 5px 5px;
  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: rgb(251, 109, 171);
  background: -moz-linear-gradient(
    left,
    rgba(251, 109, 171, 1) 0%,
    rgba(249, 138, 112, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(251, 109, 171, 1) 0%,
    rgba(249, 138, 112, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(251, 109, 171, 1) 0%,
    rgba(249, 138, 112, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6dab', endColorstr='#f98a70',GradientType=1 );
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-decoration: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
}

.hideInputOptionButton {
  display: inline;
  width: 90px;
  height: 73%;
  z-index: 50;
  position: absolute;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  box-sizing: border-box;
  color: #fff;
  margin: 0px 0px 0px 0px;
  top: 7px;
  right: 6px;
  border: 0px;
  text-decoration: none;
  padding: 5px 5px;
  cursor: pointer;
  -webkit-appearance: none;
  background: url("../../../images/eye.png");
  background-repeat: no-repeat;
  background-position: 50px 50%;
}

.hideInputOptionButton.show {
  display: inline;
  width: 90px;
  height: 73%;
  z-index: 50000;
  position: absolute;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  box-sizing: border-box;
  color: #fff;
  margin: 0px 0px 0px 0px;
  top: 7px;
  right: 6px;
  border: 0px;
  text-decoration: none;
  padding: 5px 5px;
  cursor: pointer;
  -webkit-appearance: none;
  background: url("../../../images/eye-off.png");
  background-repeat: no-repeat;
  background-position: 50px 50%;
}

.maskedInput {
  text-security: disc;
  -moz-text-security: disc;
  -webkit-text-security: disc;
}

/* || Input Form Elements */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.extraText {
  text-align: right;
  font-size: 14px;
  font-style: italic;
  padding-top: 5px;
  color: #437bfd;
}

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

.inputContainer.small, .inputContainerText.small {
  width: 360px;
}

.inputContainer.verySmall {
  width: 150px;
}

.inputField {
  position: relative;
  display: block;
  height: 55px;
  padding: 0px 0px 0px 18px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #437bfd;
  background: #fff;
  font-size: 16px;
  color: #646464;
  -webkit-appearance: none;
}

.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-size: 16px;
  color: #646464;
  -webkit-appearance: none;
}

.inputFieldForSelectize {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 2px solid #437bfd;
  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 #437bfd !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;
}

.longText .inputFieldForSelectize .item {
  position: relative !important;
  top: calc(50% - 16px) !important;
  padding-left: 3px !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;
  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);
}

#esb-email {
  padding-bottom: 40px !important;
  width: 600px;
}

#esb-email .flexyDivider {
  flex-basis: 10px;
  margin-top: 100px;
}

#esb-email .flexyItem {
  max-width: 49%;
}

.moneyBox {
  padding-left: 30px;
}

.moneyBox .inputField {
  background: url("../../../images/pound-bg.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 50px;
}

/* Confirmation Page Widgets */
.tickTxtTitle {
  width: 100px;
  flex-basis: 100px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #484037;
  padding: 6px 0px 0px 0px;
  float: left;
  line-height: 27px;
}

.tickContainer {
  width: 80px;
  flex-basis: 80px;
}

.tickTxt {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #484037;
  padding: 6px 0px 0px 6px;
  float: left;
}

.smallChkboxDiv,
.smallRadioDiv {
  padding: 5px 0px 5px 0px;
  line-height: 29px;
}

.smallChkboxSpan,
.smallRadioSpan {
  display: inline-block;
  position: relative;
  padding: 11px 6px 0px 0px;
  cursor: pointer;
}

.smallChkboxSpan input[type="checkbox"],
.smallRadioSpan input[type="radio"] {
  display: none;
}

.smallChkboxStateIndicator,
.smallRadioStateIndicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: 2px solid #437bfd;
  border-radius: 6px;
  margin-top: -9px;
  margin-left: 7px;
  margin-right: 11px;
}
.smallChkboxStateIndicator:after,
.smallRadioStateIndicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.smallChkboxSpan label.smallChkboxStateIndicator,
.smallRadioSpan label.smallRadioStateIndicator {
  padding: 0px;
  margin: -5px 11px 0px 7px;
  line-height: 29px;
  top: -8px;
}

.smallRadioSpan .smallRadioStateIndicator:after {
  left: 10px;
  top: 5px;
  width: 8px;
  height: 14px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.smallRadioSpan input:disabled ~ .smallChkboxStateIndicator:after {
  border-color: #7b7b7b;
}

.smallChkboxSpan:hover input ~ .smallChkboxStateIndicator,
.smallChkboxSpan input:focus ~ .smallChkboxStateIndicator,
.smallRadioSpan:hover input ~ .smallRadioStateIndicator,
.smallRadioSpan input:focus ~ .smallRadioStateIndicator {
  color: #fff;
  background: rgba(147, 116, 217, 0.75);
  background: -moz-linear-gradient(
    left,
    rgba(147, 116, 217, 0.75) 0%,
    rgba(79, 206, 217, 0.75) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(147, 116, 217, 0.75) 0%,
    rgba(79, 206, 217, 0.75) 100%
  );
  background: linear-gradient(
    to right,
    rgba(147, 116, 217, 0.75) 0%,
    rgba(79, 206, 217, 0.75) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9374d9', endColorstr='#4fced9',GradientType=1 );
  border: 2px solid #437bfd;
}

.smallChkboxSpan input:checked ~ .smallChkboxStateIndicator,
.smallRadioSpan input:checked ~ .smallRadioStateIndicator {
  color: #fff;
  background: rgb(147, 116, 217);
  background: -moz-linear-gradient(
    left,
    rgba(147, 116, 217, 1) 0%,
    rgba(79, 206, 217, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(147, 116, 217, 1) 0%,
    rgba(79, 206, 217, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(147, 116, 217, 1) 0%,
    rgba(79, 206, 217, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9374d9', endColorstr='#4fced9',GradientType=1 );
  border: 2px solid #437bfd;
}
.smallChkboxSpan input:disabled ~ .smallChkboxStateIndicator,
.smallRadioSpan input:disabled ~ .smallRadioStateIndicator {
  border: #ff0000 2px solid;
}
.smallChkboxSpan input:disabled:checked ~ .smallChkboxStateIndicator,
.smallRadioSpan input:disabled:checked ~ .smallRadioStateIndicator {
  border: #ff0000 2px solid;
}
.smallChkboxSpan input:checked ~ .smallChkboxStateIndicator:after,
.smallRadioSpan input:checked ~ .smallRadioStateIndicator:after {
  display: block;
}

.tpobYes {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  padding: 12px 36px 10px 36px;
  margin-top: 10px;
  margin-right: 10px;
  outline: none;
  border: none;
  background: #52c9d9;
  background: -moz-linear-gradient(left, #52c9d9 0%, #05deb2 100%);
  background: -webkit-linear-gradient(left, #52c9d9 0%, #05deb2 100%);
  background: linear-gradient(to right, #52c9d9 0%, #05deb2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52c9d9', endColorstr='#05deb2',GradientType=1 );
}

.tpobNo {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  padding: 12px 36px 10px 36px;
  margin-top: 10px;
  margin-right: 10px;
  outline: none;
  border: none;
}

/* || Slider Form Field */
.sliderContainer {
  width: 450px;
  height: 110px;
  position: relative;
  margin: 0 auto 20px;
}

.anActualSlider {
  position: absolute;
  left: 24px;
  top: 70px;
  margin: 0 auto;
  height: 15px;
  width: 400px;
  background: #555;
  border-radius: 99px;
  border: 6px solid #e6e7e8;
}
.anActualSlider .ui-slider-range-min {
  height: 15px;
  width: 400px;
  position: absolute;
  background: #1ce2b2;
  border: none;
  border-radius: 10px;
  outline: none;
}
.anActualSlider .ui-slider-handle {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: #fff;
  border: 2px solid #437bfd;
  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);
}

.anActualSlider .ui-slider-handle .floatingDisplay {
  position: absolute;
  top: -37px;
  left: -10px;
  color: #fff;
  font-size: 18px;
  line-height: 1.433;
  font-weight: 700;
  text-shadow: none;
  padding: 2px 5px;
  background: #437bfd;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.sliderFigure {
  display: block;
  font-size: 43px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #437bfd;
  font-weight: 700;
  text-align: center;
  margin: 0px;
  border: 0px;
  padding: 9px 0px 0px 0px;
}

.sliderButton {
  position: absolute;
  top: 62px;
}

.sliderButton.decrease {
  left: -30px;
}

.sliderButton.increase {
  right: -50px;
}

.sliderButton img {
  width: 40px;
  height: 40px;
  display: block;
}
.sliderButton img:hover {
  cursor: pointer;
}

.time,
.moneyBubble {
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  display: inline-block;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  background: #9374d9;
  padding: 8px 14px;
}

.money:before {
  content: "\00a3";
}
.moneyBubble:before {
  content: "\00a3";
}

.optInText {
  width: 1100px;
  line-height: 20px;
  font-size: 15px;
  margin: 20px auto 140px;
  padding: 0 20px;
}


.optInText a{
  font-weight: 700;
}

.optInQuoteText {
  line-height: 20px;
  font-size: 15px;
  margin: 20px auto 0px;
}

/* || Prepop */
#prepopSection {
  display: block;
  margin: 0px auto;
  border: 0px;
  padding: 20px 0px 36px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  width: 1100px;
}

#prepopSection span {
  max-width: 800px;
  width: 100%;
  display: block;
  border-radius: 9px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 5.6px 1.4px rgba(0, 0, 0, 0.21);
  padding: 20px;
  margin: 0px auto 40px auto;
}
#prepopSection h2 {
  display: block;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  color: #9374d9;
}

.subpromptTxt {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  padding: 0px 0px 0px 0px;
  margin-top: -20px;
  text-align: center;
}

.prepopOptInText {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  padding: 20px 150px 0px 150px;
  text-align: center;
}

/* Clickout Page */
.clickoutOption {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  box-sizing: border-box;
  color: #fff;
  margin: 0px auto 0;
  border: 2px solid #9374d9;
  padding: 0px;
  background: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-decoration: none;
}

.clickoutOption .header {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  box-sizing: border-box;
  color: #fff;
  margin: 0px;
  border: 0px;
  padding: 10px 18px;
  background: #9374d9;
  outline: none;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  text-decoration: none;
}

.clickoutOption .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  box-sizing: border-box;
  color: #000;
  margin: 0px;
  border: 0px;
  padding: 18px;
  flex-wrap: wrap;
}

.clickoutOption .inner div {
  padding: 8px;
  align-self: auto;
}

.clickoutOption .inner div:last-child {
  flex-basis: 100%;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}

.clickoutOption .logoImg {
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.clickoutOption .logoImg img {
  max-width: 130px;
}

.clickoutOption ul {
  list-style: none;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}

.clickoutOption li {
  display: block;
  text-align: left;
  background-image: url("../../../images/tick2.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 8px;
  border: 0px;
}

.clickoutOption .button {
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  box-sizing: border-box;
  color: #fff;
  margin: 0px;
  border: 0px;
  text-decoration: none;
  padding: 16px 20px 14px 20px;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out;
  background: #6a6adc;
  background: -moz-linear-gradient(left, #6a6adc 0%, #e62b7c 100%);
  background: -webkit-linear-gradient(left, #6a6adc 0%, #e62b7c 100%);
  background: linear-gradient(to right, #6a6adc 0%, #e62b7c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6adc', endColorstr='#e62b7c',GradientType=1 );
  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);
}

.clickoutOption .button:hover {
  color: #fff;
  background: rgb(249, 138, 112);
  background: -moz-linear-gradient(
    left,
    rgba(249, 138, 112, 1) 0%,
    rgba(251, 109, 171, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(249, 138, 112, 1) 0%,
    rgba(251, 109, 171, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(249, 138, 112, 1) 0%,
    rgba(251, 109, 171, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98a70', endColorstr='#fb6dab',GradientType=1 );
  -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);
}

/*****************
// -----------------
// || Widget / Element styles
// _________________
// *****************/
/* The next three rules are also used on the progress page */
.appNumber {
  display: block;
  position: relative;
  font-size: 22px;
  line-height: 23px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  border: 0px;
  padding: 20px 0px 0px 0px;
}

.appNumber .odometer,
.progressCheckText .odometer {
  color: #437bfd;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.appNumber .odometer:before,
.progressCheckText .odometer:before {
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  content: "";
  height: 4px;
  width: 100%;
  background: #437bfd;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.2);
}

/* || Collumned Area Widget */
.bigTwoColumn {
  flex-basis: 680px;
  flex-grow: 0;
}

.smallTwoColumn {
  flex-basis: 415px;
  flex-grow: 0;
}

/* || Modal Popup */
.modalPopup,
.modalishPopup {
  padding: 20px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 4px solid #437bfd;
  -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);
}

.modalPopup > div,
.modalishPopup > div {
  background: #ffffff;
  color: #333333;
  text-decoration: none;
}

.modalPopup .closeButton,
.modalishPopup .closeButton {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #437bfd;
  line-height: 33px;
  font-size: 33px;
  text-align: center;
}

.modalPopup .title,
.modalishPopup .title {
  text-align: center;
  font-size: 150%;
  margin: 0 0 15px;
  color: #000;
  font-weight: 700;
}

.modalPopup .content,
.modalishPopup .content {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

.modalPopup li,
.modalishPopup li {
  list-style-type: none;
  padding-left: 15px;
}

.modalPopup li:before,
.modalishPopup li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin: 0 5px 0 -15px;
}

/* || Slick Carousel Widget */
.slickCarousel {
  display: block;
  margin: 10px 0px 0px 0px;
  border: 0px;
  padding: 100px 0px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}

.slickCarousel h1 {
  display: block;
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 0px;
  color: #9374d9;
  font-weight: 600;
  text-align: center;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 50px 0px;
}

.slickCarousel .icons {
  display: block;
  height: 210px;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 20px 0px;
}

.slickCarousel .slider div {
  display: block;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

/* || Top of page Progress Bar Widget */

.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: 300px;
  margin: 0px auto;
  justify-content: space-between;
  margin-bottom: 30px;
}
.flexyContainer.applyMeter .flexyItem {
  flex-grow: 1;
}

.meterBut {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: #437bfd;
  color: #fff;
  border: 2px solid #437bfd;
  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);
}

.meterBut span {
  font-size: 22px;
  color: #fff;
  padding: 5px 0 0;
  margin: 0px;
  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 #01edc9;
  padding: 4px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin: 0px auto 10px;
}

.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: #07dd8a;
  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;
}

/* || Form Loading Widget */
.formLoaderOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

.loaderImage {
  display: block;
  position: absolute;
  left: calc(50% - 110px);
  top: calc(50% - 170px);
  width: 240px;
  margin: 0 0 0 0;
  z-index: 11;
  font-size: 33px;
}

.loaderImageInline {
  display: inline-block;
  position: relative;
  width: 240px;
  height: 200px;
  margin: 80px 0 0 0;
  font-size: 33px;
}

.processingPage .loaderImageInline {
  display: block;
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 240px;
}

.processingPage #loaderInline {
  top: 15%;
}

.processingPage .processingHeading {
  display: block;
  position: absolute;
  top: 9%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11;
  font-family: Poppins, serif;
  font-size: 33px;
  letter-spacing: -1px;
  font-weight: 700;
}

.done .loaderImage {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.letsTxt {
  display: block;
  position: absolute;
  top: 9%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11;
  font-family: Poppins, serif;
  font-size: 33px;
  letter-spacing: -1px;
  font-weight: 700;
  color: #000;
}

.letsTxt.validatingText {
  font-size: 43px;
}

.done .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: transparent;
  border-top-color: #18febc;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}

#loader:before,
#loaderInline: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,
#loaderInline:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e52c7b;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

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

/* #loaderInline{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #12e0b2;
	-webkit-animation: spin 1.7s linear infinite;
	animation: spin 1.7s linear infinite;
	z-index: 11;
}

#loaderInline:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #9374d9;
	-webkit-animation: spin-reverse .6s linear infinite;
	animation: spin-reverse .6s linear infinite;
}

#loaderInline:after{
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f88676;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
} */

.formLoaderOverlay .loader-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #ddfeff;
  z-index: 10;
}

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

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

.done.formLoaderOverlay .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);
}

.done.formLoaderOverlay .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);
}

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

.done.formLoaderOverlay {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

@-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);
  }
}

/* || Progress Page Widgets */
.presentInfoPage > .allowInherit {
  margin: 60px auto;
  left: 25%;
  width: 50%;
  background-color: transparent;
}

.presentInfoPage > .allowInherit > * {
  z-index: 1;
  position: relative;
}

.lenderBackgroundContainer {
  position: fixed !important;
  z-index: 0 !important;
  top: 0;
  left: 0;
  background: url("../../../images/lender-bg.jpg") repeat-x;
  height: 100vh;
  width: 10076px;
  animation: slide 60s linear infinite;
  overflow-x: hidden;
}

.progressSpin {
  display: block;
  width: 200px;
  height: 200px;
  position: relative;
  text-align: center;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 0px 0px;
  overflow-x: hidden;
  background: url("../../../images/Spin-1.1s-200px.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.progressSpin img {
  display: block;
  height: 80px;
  position: absolute;
  text-align: center;
  top: 60px;
  left: 60px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  overflow-x: hidden;
}

.progressTxt {
  display: block;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #9374d7;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  margin-top: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
  margin-top: 40px;
}

.waitInfoTxt {
  display: block;
  width: 450px;
  height: 80px;
  position: relative;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #000;
  background: #e7fbf7;
  border: 2px solid #12e0b2;
  padding: 7px 20px 7px 7px;
  margin: 8px auto;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

.waitIco {
  position: absolute;
  top: -10px;
  right: -10px;
}

.waitIco img {
  width: 30px;
}

.textRotation {
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #000;
  border: 0px;
  padding: 7px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* || Static Pages */
table.privTable {
  margin: 16px 0px;
}
.privTable th,
.privTable td {
  border: 1px solid black;
  padding: 10px;
}
.privTable th {
  background: #eee;
}

/* || Unsubscribe Page */
.bigInput {
  width: 60%;
  height: 55px;
  font-size: 22px;
  vertical-align: top;
  background: #fff;
  padding: 0px 0px 0px 20px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  box-sizing: border-box;
}

/*****************
// -----------------
// || Site Specific Sections
// _________________
// *****************/
/* || Header Ribbon Widget */
.headerRibbon {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin: 0px;
  border: 0px;
  padding: 5px 0px;
  background: #4ecfd9;
}

.headerRibbon a {
  color: #fff;
}

/* || Site Header Widget */
header {
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 13px 0px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -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);
  position: relative;
  z-index: 2;
}

.logo {
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  align-self: center;
}

.logo img {
  width: 230px;
}

.logo.onlyHeaderContent {
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 50px 0px;
  display: block;
}

.logo.onlyHeaderContent img {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.secure {
  display: inline-block;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  box-sizing: border-box;
  color: #fff;
  margin: 0px;
  border: 0px solid #fff;
  text-decoration: none;
  padding: 15px 20px 13px 20px;
  -webkit-appearance: none;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out;
  background: #437bfd;
  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);
}

.secure i {
  padding: 0px 3px 0px 0px;
}

/* || Home Usp Area Widget */
#splashArea {
  display: block;
  min-height: 654px;
  box-sizing: border-box;
  text-align: center;
  margin: 0px 0px 80px 0px;
  border: 0px;
  padding: 0px 0px;
  position: relative;
  background: url(../../../images/splash-bg.png) no-repeat;
  background-position: 50% 50%;
  background-size: 110%;
  font-family: "Poppins", sans-serif;
}

#splashArea .contentContainer {
  position: relative;
  width: 100%;
}

#splashArea .contentContainer .flexyContainer {
  width: 1100px;
  margin: 0 auto;
}

#splashArea .uspContainer {
  width: 680px;
  margin: 0 auto;
}

#splashArea .splashBullet {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  text-align: left;
  color: #000;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 1em 0px 30px;
  background: url("../../../images/splash-bullet.svg");
  background-position: 0% 42%;
  background-repeat: no-repeat;
  background-size: 24px;
  position: relative;
  z-index: 5;
}

#splashArea h1.titleText {
  display: block;
  font-size: 68px;
  line-height: 77px;
  letter-spacing: -1px;
  color: #000;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 30px 0px 10px 0px;
  position: relative;
  z-index: 5;
}

#splashArea h1.titleText span {
  color: #437bfd;
  position: relative;
  z-index: 5;
}

.highlight
{
  color: #437bfd;
}

form #splashArea h1 span {
  font-weight: 700;
}
/* 
#splashArea h2{
	height: 110px;
	display: block;
	font-size: 43px;
	line-height: 48px;
	letter-spacing: 0px;
	color: #4ecfd9;
	font-weight: 700;
	margin: 0px;
	border: 0px;
	padding: 9px 0px 0px 0px;
}

#splashArea h3{
	display: block;
	font-size: 21px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #808285;
	font-weight: 400;
	margin: 0px;
	border: 0px;
	padding: 9px 0px 0px 0px;
} */

#splashArea .innerGrad {
  width: 650px;
  margin: 0 auto;
}

#splashArea .innerGrad {
  position: absolute;
  width: 100%;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden;
  background: -moz-linear-gradient(
    top,
    rgba(214, 254, 255, 1) 0%,
    rgba(214, 254, 255, 0.99) 1%,
    rgba(125, 185, 232, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(214, 254, 255, 1) 0%,
    rgba(214, 254, 255, 0.99) 1%,
    rgba(125, 185, 232, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(214, 254, 255, 1) 0%,
    rgba(214, 254, 255, 0.99) 1%,
    rgba(125, 185, 232, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6feff', endColorstr='#007db9e8',GradientType=0 );
}

#splashArea .sun {
  width: 120px;
  height: 120px;
  position: absolute;
  overflow: hidden;
  margin: 150px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  background-image: url("../../../images/sun2.png");
  background-size: 120px 120px;
}

#splashArea .sunAni {
  -webkit-animation: cssAnimation 35s 20 linear;
  -moz-animation: cssAnimation 35s 20 linear;
  -o-animation: cssAnimation 35s 20 linear;
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  }
  to {
    -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  }
}
@-moz-keyframes cssAnimation {
  from {
    -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  }
  to {
    -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  }
}
@-o-keyframes cssAnimation {
  from {
    -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  }
  to {
    -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  }
}

#splashArea .splashImg {
  margin: -130px auto 5px;
  padding: 0px 0px 0px 0px;
  width: 680px;
}

/* #splashArea .splashImg img{
	width: 680px;
} */

.splashButtons {
  margin-top: -120px;
}

.splashButton {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  line-height: 28px;
  font-weight: 600;
  box-sizing: border-box;
  color: #fff;
  border: 0px solid #fff;
  text-decoration: none;
  padding: 30px 40px 26px 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: #437bfd;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  -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);
}

/* lenders logos*/
#lenderslogos,
#lenderslogosonly {
  display: block;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #437bfd;
  border-bottom: 0px solid #437bfd;
  padding: 60px 0px 30px;
  position: relative;
  background: #437bfd;
}

#lenderslogosonly{
  padding-top: 30px;
}

#lenderslogos 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;
}

#lenderslogos .contentContainer,
#lenderslogosonly .contentContainer {
  width: 100%;
}

#lenderslogos .icons,
#lenderslogosonly .icons {
  display: block;
  height: 175px;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 0px 0px;
}

/*****************
// -----------------
// 3 STEPS ROW AREA 
// _________________
// *****************/

#stepsRow {
  display: block;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 80px 0px;
  position: relative;
  background: #fff;
  color: #000;
}

#stepsRow h1 {
  display: block;
  font-size: 34px;
  line-height: 38px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#stepsRow h1 span {
  display: block;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #8a8a8a;
  font-weight: 400;
  margin: 0px;
  border: 0px;
  padding: 20px 0px;
}

#stepsRow h3 {
  display: block;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  margin: 0px;
  border: 0px;
}

#stepsRow .flexyItem {
  padding: 0px 20px;
  width: 33%;
}

#stepsRow .ico img {
  width: 300px !important;
  height: 300px !important;
  display: block;
  margin: 0px auto;
}

/*****************
// -----------------
// WHY ROW AREA 
// _________________
// *****************/

#whyRow {
  display: block;
  text-align: left;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 80px 0px;
  position: relative;
  background: -moz-linear-gradient(
    top,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6fdfe', endColorstr='#00ffffff',GradientType=0 );

  color: #000;
}

#whyRow h2 {
  display: block;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 20px 0px;
}

#whyRow .flexyItem {
  padding: 0px 0px;
}

#whyRow .woman {
  width: 900px !important;
  display: block;
  margin: 65px auto 0;
}

#whyRow .pageButton {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  line-height: 28px;
  font-weight: 600;
  box-sizing: border-box;
  color: #fff;
  margin: 0px 0px 0px 0px;
  border: 0px solid #fff;
  text-decoration: none;
  padding: 30px 40px 26px 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: #437bfd;
  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);
}

/*****************
// -----------------
// REP ROW AREA 
// _________________
// *****************/

#repRow {
  display: block;
  text-align: center;
  margin: 80px 0px 0px 0px;
  border-top: 0px solid #437bfd;
  border-bottom: 0px solid #437bfd;
  padding: 60px 0px;
  position: relative;
  background: #437bfd;
  color: #fff;
}

#repRow > .flexyContainer {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

#repRow h1 {
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #fff;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  text-align: center;
  width: 100%;
}
#repRow p {
  padding: 10px 0 0;
  margin: 0px;
}

/*****************
// -----------------
// PEACE ROW AREA 
// _________________
// *****************/

#registeredRow {
  display: block;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 80px 0px 140px;
  position: relative;
  background: #fff;
  font-size: 14px;
  color: #000;
}

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

#registeredRow h1 span {
  display: block;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #8a8a8a;
  font-weight: 400;
  margin: 0px;
  border: 0px;
  padding: 20px 0px 20px 0px;
}

#registeredRow h3 {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}

#registeredRow .flexyItem {
  padding: 0px 20px;
  width: 20%;
}

#registeredRow .flexyItem img {
  max-width: 100px;
  display: block;
  margin: 0px auto;
}

/*****************
// -----------------
// wWHAT IS ROW AREA 
// _________________
// *****************/

.whatIsRow {
  display: block;
  text-align: left;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 80px 0px;
  position: relative;
  background: -moz-linear-gradient(
    top,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(214, 253, 254, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6fdfe', endColorstr='#00ffffff',GradientType=0 );
  font-size: 14px;
  color: #000;
}

.whatIsRow .flexyContainer {
  flex-direction: column;
}

.whatIsRow span {
  display: block;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 30px 0px;
}

.whatIsRow .whatIsHeaderImage {
  display: block;
  margin: -170px auto 0;
  border: 0px;
  padding: 0px 0px 20px 0px;
}

.whatIsRow .whatIsHeaderImage img {
  display: block;
  width: 300px;
  margin: 0px auto;
}

.whatIsRow h1 {
  display: block;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 20px 0px;
}

.whatIsRow table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 20px;
}

.whatIsRow th {
  border: 1px solid #b0b0b0;
  padding: 0.5rem;
  text-align: center;
  background: #437bfd;
  color: #fff;
}

.whatIsRow td {
  border: 1px solid #b0b0b0;
  padding: 0.5rem;
  text-align: center;
}

.whatIsRow td i {
  font-size: 23px;
  color: #03e8c0;
}

.whatIsRow td i.no {
  color: #ef035c;
}

.whatIsRow .payment {
  background: #f2f2f3;
}

.whatIsRow .odd {
  background: #eee;
}

.whatIsRow .whatIsHeader {
  margin: 8px 0;
}

button.accordion {
  background-color: #437bfd;
  color: #fff;
  cursor: pointer;
  padding: 22px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}

button.accordion.active,
button.accordion:hover {
  background-color: #2e384f;
}

div.panel {
  padding: 0 18px;
  text-align: left;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p {
  padding: 10px 0px;
  display: block;
}

/*****************
// -----------------
// FOOTER AREA 
// _________________
// *****************/
footer {
  font-size: .75rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #263238;
}

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

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

footer a {
  color: #fff;
  text-decoration-line: none;
}

footer .contentContainer {
	padding: 3.5rem 2rem 3.5rem 2rem;
	max-width: 64rem;
	margin-left: auto;
    margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

footer .contentContainer > div:nth-child(2) {
	padding: 1rem 1rem 0px 1rem;
}

footer .contentContainer > div:nth-child(3) {
	padding: 1rem 1rem 2rem 1rem;
}

@media (min-width: 1024px) {
    footer .contentContainer {
		padding-left: 0;
        padding-right: 0;
	}
}

#footerCar {
  text-align: center;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
}

#formFakeProcessingPage {
  z-index: 9999999 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#formFakeProcessingPage .lenderBackgroundContainer {
  background-size: contain;
}

#formFakeProcessingPage .formIntro h1 {
  display: block;
  position: absolute;
  top: 12%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 11;
  font-family: Poppins, serif;
  font-size: 33px;
  letter-spacing: -1px;
  font-weight: 700;
}

#formFakeProcessingPage .formIntro {
  margin-top: 120px;
}
.loaderInlineBox {
  margin-top: 80px;
}

.processingPage .loaderInlineBox {
  height: 360px;
}

.lenderBackgroundContainer {
  position: fixed !important;
  z-index: -1 !important;
  top: 0;
  left: 0;
  background: url("resources/images/lender-bg.jpg") repeat-x;
  height: 100vh;
  width: 10076px;
  animation: slide 60s linear infinite;
  overflow-x: hidden;
}

#externalProcessingModal.modalPopup {
  min-height: 400px;
}
#externalProcessingModal .loaderImageInline img {
  margin: 150px auto 100px;
  width: 180px;
}
#externalProcessingModal #loaderInline {
  top: 10%;
  width: 250px;
  height: 250px;
}
#externalProcessingModal .modalPopup .title {
  margin-top: 80px;
}

.outcomePage {
  display: block;
  min-height: 654px;
  box-sizing: border-box;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px;
  position: relative;
  background-color: #d8feff;
  background: url(../../../images/splash-bg-sml.png) no-repeat, #d8feff;
  background-position: 50% 100%;
  background-size: 100%;

  height: 100% !important;
  min-height: 100% !important;
}

.outcomePage .successPageContentContainer {
  width: 750px;
  margin: 0 auto;
}

.outcomePage .GenericPage {
  width: 48%;
  box-sizing: border-box;
}

.outcomePage .formIntro {
  margin: 0px;
  border: 0px;
  padding: 0;
  display: block;
}

.outcomePage .formIntro h1 {
  font-size: 29px;
  line-height: 49px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  padding: 0;
  margin: 0 auto 30px;
}

.outcomePage .subHeading h3 {
  padding: 0px 0px 20px 0px;
  margin: 0px;
  border: 0px;
  font-size: 24px;
  line-height: 22px;
  font-weight: 700;
  color: #000;
}

.outcomePage .successImg {
  width: 240px;
  margin: 0 auto;
  padding-top: 40px;
}

.outcomePage .reference {
  position: relative;
  display: block;
  margin: 0px auto 30px;
  background: #417bff;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 20px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  width: 630px;
  box-sizing: border-box;
}
.outcomePage .reference span {
  display: block;
  color: #ffde00;
  font-size: 32px;
  font-weight: 700;
}

.outcomePage .successBulletPoints li {
  display: inline-block;
  text-align: left;
  background-image: url("../../../images/tick2.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 27px;
  padding-top: 0px;
  padding-bottom: 20px;
  border: 0px;
  box-sizing: border-box;
}

.outcomePage .successBulletPoints ul {
  list-style: none;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
}
.outcomePage .thankYouStyled {
  padding: 10px 0px 0px 0px;
  margin: 0px auto;
  border: 0px;
  font-family: "Pacifico", cursive;
  font-size: 31px;
  line-height: 33px;
  font-weight: 500;
  color: #417bff;
}

.outcomePage .formIntro.declinePage h1 {
  display: block;
  font-size: 38px;
  line-height: 49px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 60px 0px 20px 0px;
  position: relative;
}

.declineContentContainer, .outofcriteriaPage {
  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: 0px auto 20px;
  top: 60px;
}

.declinePageImage img {
  width: 300px;
  position: relative;
  display: block;
  margin: 0px auto;
  border: 0px;
  padding: 20px;
}

.declinePageText {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0px auto 20px;
  background: #417bff;
  border: 0px solid #12e694;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 20px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
}

.unsubHeaderRow {
  display: block;
  box-sizing: border-box;
  text-align: left;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 40px 0px;
  position: relative;
  background: #437bfd;
}

.unsubHeaderRow h1 {
  display: block;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #fff;
  text-align: left;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 10px 0px 0px 0px;
}

.unsubContainer h1 {
  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: 10px auto 10px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.unsubContainer {
  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: 60px auto 20px;
}
.softSearchHighlight{
  padding-top: 5px;
  color: red;
}

.outcomePage li.declineBulletPoints  {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  text-align: left;
  color: #000;
  margin: 0px;
  border: 0px;
  padding: 0px 1em 0px 30px;
  background: url("../../../images/splash-bullet.svg");
  background-position: 0% 42%;
  background-repeat: no-repeat;
  background-size: 24px;
  position: relative;
  z-index: 5;
}

.outcomePage .declineBulletPoints ul {
  margin: 0 auto;
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  text-align: center;
}

/*****************
// -----------------
// MAIN BLUE CONTAINER AREA 
// _________________
// *****************/
.motorwayContentContainer {
  text-align: left;
  margin: 0px;
  border: 0px;
  padding: 70px 0px;
  background: #dbffff;
  position: relative;
}

.motorwayContentContainer h1 {
  display: block;
  text-align: center;
  font-size: 38px;
  line-height: 49px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

.motorwayContentContainer h2 {
  display: block;
  text-align: center;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 30px 0px;
}

/*****************
// -----------------
// THANKYOU LIGHT BLUE CONTAINER AREA 
// _________________
// *****************/

.motorwayContentContainer .lightBluePanel {
  display: block;
  width: 100%;
  background-color: #437bfd;
  background: url("../../../images/motorway-lb-bg.jpg") no-repeat top right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 516px;
  text-align: left;
  color: #fff;
  font-weight: 500;
  margin: 0;
  border: 0px;
  padding: 36px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
}

.motorwayContentContainer .lightBluePanel .titleHeader {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

.motorwayContentContainer .lightBluePanel .refContainer {
  display: block;
  background-color: #fff;
  text-align: left;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #000;
  font-weight: 500;
  margin: 0px 0px 30px 0px;
  border: 0px;
  padding: 16px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.motorwayContentContainer .lightBluePanel .refContainer span {
  font-size: 30px;
  color: #437bfd;
  font-weight: 700;
}

.motorwayContentContainer .lightBluePanel ul {
  list-style: none;
  text-align: left;
  padding: 12px 140px 0px 0px;
  margin: 0px;
  border: 0px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #fff;
}

.motorwayContentContainer .lightBluePanel li {
  display: inline-block;
  text-align: left;
  background-image: url("../../../images/lb-bullet.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 27px; /* space for the image */
  padding-top: 0px; /* space for the image */
  padding-bottom: 20px; /* space for the image */
  border: 0px;
}

.motorwayContentContainer .lightBluePanel .signoffMessage {
  display: block;
  text-align: left;
  font-family: "Lobster", cursive;
  font-size: 40px;
  line-height: 42px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

/*****************
// -----------------
// MOTORWAY DARK BLUE CONTAINER AREA 
// _________________
// *****************/

.motorwayContentContainer .darkBluePanel {
  display: block;
  width: 51%;
  background-color: #2c54b0;
  background: url("../../../images/motorway-db-bg.jpg") no-repeat top right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 516px;
  text-align: left;
  color: #fff;
  font-weight: 500;
  margin: 0;
  border: 0px;
  padding: 36px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
}

.motorwayContentContainer .darkBluePanel .sectionHeader {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #fef200;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

.motorwayContentContainer .darkBluePanel .titleHeader {
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

.motorwayContentContainer .darkBluePanel ul {
  list-style: none;
  text-align: left;
  padding: 12px 0px 0px 0px;
  margin: 0px;
  border: 0px;
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(42, 82, 174, 1);
}

.motorwayContentContainer .darkBluePanel li {
  display: inline-block;
  text-align: left;
  background-image: url("../../../images/lb-bullet.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  padding-left: 27px; /* space for the image */
  padding-top: 0px; /* space for the image */
  padding-bottom: 14px; /* space for the image */
  border: 0px;
}

.motorwayContentContainer .equalWidth {
  margin-top: 10px;
}

.motorwayContentContainer .equalWidth div {
  width: 49%;
}

.motorwayContentContainer .darkBluePanel .input {
  display: block;
  width: 100%;
  height: 60px;
  font-family: "Poppins";
  font-size: 20px;
  text-align: center;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
  background-color: #fef200;
  background-clip: padding-box;
}

.motorwayContentContainer .darkBluePanel ::-webkit-input-placeholder {
  color: #000;
}
.motorwayContentContainer .darkBluePanel ::-moz-placeholder {
  color: #000;
}
.motorwayContentContainer .darkBluePanel :-ms-input-placeholder {
  color: #000;
}
.motorwayContentContainer .darkBluePanel :-moz-placeholder {
  color: #000;
}

.motorwayContentContainer
  .darkBluePanel
  [placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity: 0;
}

.motorwayContentContainer .darkBluePanel .motorwayFormButton {
  display: block;
  width: 100%;
  height: 60px;
  font-family: "Poppins";
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 0.5s ease;
  background-color: #00b679;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(38, 78, 170, 1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(38, 78, 170, 1);
  box-shadow: 0px 0px 13px 0px rgba(38, 78, 170, 1);
}

.motorwayContentContainer .darkBluePanel .motorwayFormButton:hover {
  background-color: #09d993;
}

.motorwayContentContainer .darkBluePanel .poweredByTxt {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
  margin: 0px;
  border: 0px;
  padding: 10px 0px 10px 0px;
}

.motorwayContentContainer .darkBluePanel .motorwayLogo {
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 0px auto;
  border: 0px;
  padding: 6px 20px 0;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */
  background-color: #fff;
}

.motorwayContentContainer .darkBluePanel .trustPilot {
  display: block;
  text-align: center;
  margin: 0px auto;
  border: 0px;
  padding: 10px 0px 0px 0px;
}

.motorwayContentContainer .darkBluePanel .trustPilot img {
  width: 280px;
  margin: 0px auto;
}

.motorwayContentContainer .darkBluePanel .invalidInput{
  border: red 5px solid !important;
}

.motorwayContentContainer .darkBluePanel .fieldValidationError{
  font-size: 14px;
  color: yellow;
  width: 100%;
  padding: 0;
}

/* Summary Page */
.summaryLogo {
  display: block;
  margin: 0px auto;
  border: 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
}

.summaryLogo img {
  width: 240px;
}


.summaryPageHeader {
  display: block;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 0px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  border: 0px;
  padding: 16px 0px 16px 0px;
}

.summaryPageHeaderSub {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .5px;
  color: #f74169;
  text-align: center;
  font-weight: 400;
  margin: 0px;
  border: 0px;
  padding: 0px 220px 16px 220px;
}


.summaryPageHeaderSub b {
  color: #ffde00;
}


.summaryHeader {
  display: block;
  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 rgb(255 255 255);
}

.sectionContainer.justifyCentral.formWidthContainer .summaryRow > div:first-child:after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  color: #f74169;
  font-size: 18px;
  border: 2px solid #d4d4d4;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 17px);
  right: 47%;
}



.summaryRow {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px 0px 0px;
  border: 2px solid #d4d4d4;
  padding: 0px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  font-size: 16px;
}

.summaryRow div {
  width: 50%;
  padding: 10px;
  box-sizing: border-box; /* REMOVES PADDING WITH 100% WiDTHS */

}

.summaryRow div:first-child {
  text-align: left;
  background: #eee;
  font-weight: 700;
  border-right: 2px solid #d4d4d4;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.summaryRow div:last-child {
  text-align: right;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;

}

.summaryRow div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.splashSmlTxtSummary.compact {
  width: 750px !important;
}

.splashSmlTxtSummary.noBox {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0 auto;
  width: 1100px;
}

.splashSmlTxtSummary {
  display: block;
  width: 630px;
  position: relative;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 0px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin: 0px auto 20px;
}

.splashSmlTxtSummary.continueUp {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 0;
  margin-top: 0;
}

.splashSmlTxtSummary.continueDown {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.splashSmlTxtSummary.continueDown + .sectionContainer.continueUp {
  margin-top: -20px;
}

.splashSmlTxtSummary.noBox {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0 auto;
  width: 1100px;
}

.splashSmlTxtSummary .initialFormHeading {
  margin-top: -40px;
}

.splashSmlTxtSummary .summaryPageHeaderSub {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .5px;
  color: black;
  text-align: center;
  font-weight: 400;
  margin: 0px;
  border: 0px;
  padding: 0 5px 16px 5px;
}

.splashSmlTxtSummary b {
  color: #437bfd;
}

.summaryField {
  display: block;
  width: 630px;
  position: relative;
  background: #fff;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 0px;
  padding: 30px 20px;
  box-shadow: inset 0 -1px 1px rgb(255 255 255 / 30%);
  margin: 0px auto 20px;
}

.splashSmlTxtTwo {
  font-weight: 500;
  font-size: 14px;
  padding: 5px 150px 0px 150px;
  text-align: center;
}

/* Not sure finance checkbox styles */
/* Full width the flex item so that the checkbox can sit between the slider and the submit button */
.flexyItem:has(.checkbox-container) {
  flex-basis: 100%;
}

.checkbox-container > input[type=checkbox] {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.checkbox-container {
  display: flex;
  justify-content: center; 
  align-items: center; 
  margin-bottom: 10px;
}

.checkbox-container > label {
  display: inline-block; 
  align-self: center; 
  margin-left: 5px; 
}

.formLandingImages {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 120px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  background-color: transparent;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.formLandingImages img {
  position: relative;
  width: auto;
  height: 175px;
  margin: 0 5px;
  object-fit: cover;
  transition: none;
  opacity: 1;
  border-radius: 0;
}