﻿@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.Registration.with-progressBar .registration {
  background-color: #ffffff;
  padding-bottom: 32px;
}
.Registration.with-progressBar .registration .panel.form-panel {
  background: #ffffff;
}
.Registration.with-progressBar .registration .panel.form-panel .center-content .reg-form {
  border-radius: 16px;
  width: 100%;
  max-width: 1112px;
  margin: 0 auto;
}
.Registration.with-progressBar .registration .support-info {
  padding: 0 !important;
}
@media (max-width: 1024px) {
  .Registration.with-progressBar .registration .support-info.module {
    padding: 0 24px !important;
  }
}

.registration {
  position: relative;
  z-index: 1;
  background-color: #8B8B97;
}
.registration .interior-main {
  position: relative;
}
.registration .interior-main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 207px;
  width: 100%;
  background: #ffffff;
}
.registration.thankyou {
  background: #ffffff;
}
.registration.thankyou .interior-main {
  background: #ffffff;
  padding: 0 0 60px 0;
  width: 100%;
  height: auto;
}
.registration.thankyou .interior-main:before {
  background: #ffffff;
}
.registration.thankyou .interior-main .center-content {
  width: 90%;
}
.registration.thankyou .interior-main .center-content .reg-form {
  padding: 48px 0;
}
@media screen and (max-width: 420px) {
  .registration.thankyou .interior-main .center-content .reg-form {
    padding-top: 30px;
  }
}
.registration.thankyou .interior-main .center-content .reg-form #content-section h1 {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
  color: #000000;
  padding: 0 0 16px;
}
@media screen and (max-width: 767px) {
  .registration.thankyou .interior-main .center-content .reg-form #content-section h1 {
    font-size: 32px;
    line-height: 39px;
  }
}
.registration.thankyou .interior-main .center-content .reg-form #content-section p {
  font-family: "XfinityBrownTT-Regular";
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  color: #000000;
  margin: 0;
  padding: 0 0 24px;
  position: relative;
}
.registration.thankyou .interior-main .center-content .reg-form #content-section p.bold-text {
  font-family: "XfinityBrownTT-Bold";
}
@media screen and (max-width: 767px) {
  .registration.thankyou .interior-main .center-content .reg-form #content-section p {
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 16px;
  }
}
.registration.thankyou .interior-main .center-content .reg-form h3 {
  font-size: 36px;
  color: #0099cc;
  margin: 0 0 40px;
}
.registration.thankyou .interior-main .center-content .reg-form p {
  font-size: 18px;
  margin: 0 0 20px;
}
.registration .support-info {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1112px;
  margin: 0 auto;
  padding: 0 24px !important;
}
@media (max-width: 1024px) {
  .registration .support-info {
    padding: 32px 24px 0;
    width: 100%;
  }
}
.registration .support-info .support-info-content {
  padding-top: 43px;
  border-top: 1px solid #8B8B97;
}
@media (max-width: 1024px) {
  .registration .support-info .support-info-content {
    padding: 32px 0;
  }
}
.registration .support-info .support-info-content .support-copy {
  font-family: "XfinityBrownTT-Regular";
  max-width: 496px;
  padding: 0;
}
.registration .support-info .support-info-content .support-copy h2 {
  font-family: inherit;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #8B8B97;
  margin-bottom: 16px;
}
.registration .support-info .support-info-content .support-copy h3 {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #8B8B97;
}
.registration .support-info .support-info-content .support-copy p {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #8B8B97;
}
.registration .support-info .support-info-content .support-copy p.margin-bottom {
  margin-bottom: 16px;
}

.registration.consent-guest .reg-form .form-btn-wrap {
  justify-content: flex-end;
}

.panel.form-panel {
  background-color: #ffffff;
}
.panel.form-panel .center-content {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1112px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .panel.form-panel .center-content {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .layout.registration .panel.form-panel .center-content {
    padding: 0 !important;
  }
}
.layout.registration .panel.form-panel .center-content .reg-form.module .center-content {
  padding: 0 24px !important;
}
@media (max-width: 767px) {
  .layout.registration .panel.form-panel .center-content .reg-form.module .center-content {
    padding: 0 !important;
  }
}
.layout.thankyou {
  height: auto;
  padding-bottom: 450px;
}
@media (max-width: 1024px) {
  .layout.thankyou {
    padding-bottom: 350px;
  }
}
@media (max-width: 520px) {
  .layout.thankyou {
    padding-bottom: 180px;
  }
}
.layout.thankyou .center-content .section .intro div p {
  margin-bottom: 16px;
}

.layout {
  position: relative;
  background: #ffffff;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .layout .center-content {
    width: 100%;
    padding: 24px !important;
  }
}
.layout .center-content .section {
  position: relative;
  padding: 48px 0;
}
@media (max-width: 767px) {
  .layout .center-content .section {
    padding: 0;
  }
}
.layout .center-content .section.no-bottom-spacing {
  padding-bottom: 0;
}
.layout .center-content .section.center {
  text-align: center;
}
.layout .center-content .section .intro {
  padding: 0;
  margin-bottom: 32px;
}
.layout .center-content .section .intro h1 {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1.68px;
  color: #000000;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .layout .center-content .section .intro h1 {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -1.12px;
    width: 90%;
  }
}
.layout .center-content .section .intro p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-align: left;
}
@media (max-width: 767px) {
  .layout .center-content .section .intro p.margin-bottom {
    margin-bottom: 20px;
  }
}
.layout .center-content .section .btn-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  margin-bottom: 48px;
}
.layout .center-content .section .btn-container .btn {
  text-decoration: none;
}
.layout .center-content .section .btn-container .btn:hover {
  background-color: #28282C;
  color: #ffffff;
}
.layout .center-content .section.support-info {
  border-top: 1px solid #8B8B97;
  padding-top: 43px;
}
@media (max-width: 767px) {
  .layout .center-content .section.support-info {
    padding: 0 24px 32px;
  }
}
.layout .center-content .section.support-info .support-copy {
  font-family: "XfinityBrownTT-Regular";
  max-width: 496px;
  padding: 0;
}
.layout .center-content .section.support-info .support-copy h2 {
  font-family: inherit;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #8B8B97;
  margin-bottom: 16px;
}
.layout .center-content .section.support-info .support-copy h3 {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #8B8B97;
}
.layout .center-content .section.support-info .support-copy p {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #8B8B97;
}
.layout .center-content .section.support-info .support-copy p.margin-bottom {
  margin-bottom: 16px;
}
@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.reg-summary {
  /*background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #cccccc;
  transform: translateY(-50px);
  padding: 7% 0;*/
  font-family: "XfinityBrownTT-Regular";
}
@media (max-width: 767px) {
  .reg-summary.module .center-content {
    width: 100%;
    padding: 0 !important;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header h1 {
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1.68px;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  color: #000000;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header h1 {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -1.12px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.56px;
  line-height: 24px;
  color: #0D0D0F;
  text-align: left;
  margin-bottom: 16px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header p.required-text-instructions {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  font-family: "XfinityBrownTT-Regular";
  color: #000000;
  text-align: left;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header p.required-text-instructions {
    margin-bottom: 32px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-wrap-header p.required-text-instructions .required-field-star {
  color: #7B30FF;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-headline {
  font-size: 36px;
  line-height: 44px;
  font-family: "XfinityBrownTT-Bold";
  color: #000000;
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-headline {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 16px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline {
  padding-bottom: 32px;
  margin: 0;
  border-bottom: 1px solid #8B8B97;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline {
    padding-bottom: 16px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline .text h2 {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline .text h2 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.63px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline .text p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #000000;
  margin-bottom: 16px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .summary-subheadline .text p:last-child {
  margin-bottom: 0px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section {
  padding: 32px 0;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section {
    padding: 16px 0 32px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section.border-bottom {
  border-bottom: 1px solid #8B8B97;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section.padding-top {
  padding-top: 0;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-section-headline {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1.26px;
  text-transform: none;
  color: #000000;
  padding: 0 0 16px 0;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-section-headline {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.84px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-section-headline .guest-numbers {
  float: right;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1.26px;
  color: #999999;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-section-copy {
  font-family: "XfinityBrownTT-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-align: left;
  margin: 0 0 34px;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-section-copy {
    margin: 0 0 32px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap {
  margin: 20px 0 0;
}
@media (max-width: 768px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap {
    margin-top: 24px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap .summary-btn {
  display: block;
  white-space: nowrap;
  width: auto;
  color: #ffffff;
  background-color: #7B30FF;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
  text-transform: none;
  text-align: center;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 8px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap .summary-btn:disabled {
  cursor: default;
  background-color: #f2f2f2;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap .summary-btn:disabled:hover {
  cursor: default;
  background-color: #f2f2f2;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap .summary-btn:hover {
  background: #28282C;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-btn-wrap .summary-btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status {
  position: relative;
  background-color: #ffffff;
  border: 2px solid #ECECF3;
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 26px 0 0;
  flex-wrap: wrap;
  border-radius: 16px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 48%;
}
@media (max-width: 767px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item {
    width: 100%;
    margin: 0 0 20px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item:last-child {
    margin: 0;
    justify-content: flex-start !important;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon {
  background-color: #7B30FF;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: relative;
  margin: 0 20px 0 0;
}
@media (max-width: 767px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 375px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon {
    margin: 0;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon .reg-summary-icon-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  font-size: 20px;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
}
@media (max-width: 767px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon .reg-summary-icon-text {
    font-size: 19px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details {
  display: flex;
  flex-direction: column;
  align-self: center;
  color: #666666;
}
@media screen and (max-width: 375px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details {
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 350px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details {
    width: 60%;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-label {
  text-transform: capitalize;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #8B8B97;
  margin-bottom: 0;
}
@media (max-width: 420px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-label {
    font-size: 16px;
    line-height: 24px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-name {
  text-transform: capitalize;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #000000;
  margin-bottom: 0;
}
@media (max-width: 420px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-name {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.63px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-status {
  font-size: 14px;
  font-style: italic;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-error {
  font-size: 11px;
  color: #BD1919;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-details .reg-summary-detail-error .fa {
  padding-right: 8px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn {
  text-transform: none;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  white-space: nowrap;
  width: auto;
  padding: 12px 16px;
  margin: 0 0 0 10px;
  cursor: pointer;
  text-align: center;
  border-radius: 8px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.edit-btn {
  background: #ffffff;
  border: 2px solid #ECECF3;
  color: #000000;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.edit-btn:hover {
  background: #28282C;
  color: #ffffff;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.edit-btn:focus-within {
  outline: 1px dashed #000000;
  outline-offset: -4px;
}
@media (max-width: 767px) {
  .reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.edit-btn {
    margin: 0 0 0 70px;
  }
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.email-btn {
  background: #000000;
  color: #ffffff;
  max-width: 64px;
  height: 49px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.email-btn:hover {
  background: #28282C;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.email-btn:after {
  display: inline-block;
  content: "";
  background-image: url(../../images/client-imgs/email-btn-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 13px;
  padding: 10px 0;
  image-rendering: auto;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.email-btn .fa {
  display: none;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.delete-btn {
  background-color: transparent;
  border: 1px solid #c5c5c5;
  color: #000000;
  max-width: 64px;
  height: 49px;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.delete-btn:hover {
  background: #c5c5c5;
  border: none;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.delete-btn:after {
  display: inline-block;
  content: "";
  background-image: url(../../images/client-imgs/delete-btn-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 11px;
  padding: 10px 0;
  image-rendering: auto;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn.delete-btn .fa {
  display: none;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item .summary-detail-btn:disabled {
  cursor: default;
  background-color: #f2f2f2;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item:first-child {
  justify-content: flex-start;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status .reg-summary-status-item:last-child {
  justify-content: flex-end;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status.guest-status .reg-summary-status-item .reg-summary-status-item-inner .reg-summary-icon {
  background-color: #7B30FF;
}
.reg-summary .reg-summary-wrap .reg-summary-wrap-inner .reg-summary-section .reg-summary-status.reg-summary-error:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #BD1919;
}

@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.reg-form {
  background-color: #ffffff;
  padding: 48px 0 0;
}
@media (max-width: 1024px) {
  .reg-form {
    padding: 24px 0;
  }
  .reg-form.module {
    padding: 24px;
  }
}
.reg-form .section-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1010px;
  display: block;
}
.reg-form .section-arrow-wrap .section-arrow {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  transform: rotate(-45deg);
  position: absolute;
  top: -11px;
  left: 0;
  border-radius: 8px;
}
.reg-form .section-arrow-wrap .section-arrow.anim {
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.reg-form .form-btn-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  column-gap: 24px;
  background-color: #ffffff;
  margin: 80px 0 0;
  position: relative;
  width: 90%;
  max-width: 1112px;
  margin: 48px auto 0;
  padding-bottom: 40px;
}
.reg-form .form-btn-wrap.nomination-submit {
  justify-content: flex-end;
}
.reg-form .form-btn-wrap .form-btn {
  cursor: pointer;
  font-size: 16px;
  text-transform: none;
  text-align: center;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  display: block;
  white-space: nowrap;
  width: auto;
  padding: 12px 16px;
  position: relative;
  border-radius: 8px;
}
.reg-form .form-btn-wrap .form-btn.previous-btn {
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #ECECF3;
  /*
  &:disabled {
      cursor: default;
      color: map-get($color, disabledText);
  }
  */
}
.reg-form .form-btn-wrap .form-btn.previous-btn:hover {
  background-color: #28282C;
  border: 2px solid #28282C !important;
  color: #ffffff;
  border: none;
}
.reg-form .form-btn-wrap .form-btn.previous-btn:focus-within {
  outline: 1px dashed #000000;
  outline-offset: -4px;
}
.reg-form .form-btn-wrap .form-btn.next-btn {
  background-color: #7B30FF;
  color: #ffffff;
}
.reg-form .form-btn-wrap .form-btn.next-btn:hover {
  background-color: #28282C;
}
.reg-form .form-btn-wrap .form-btn.next-btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.reg-form .center-content {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.reg-form .center-content .reg-form-return-link {
  position: relative;
  margin: 0;
  padding: 0 40px;
  display: none;
}
@media (max-width: 767px) {
  .reg-form .center-content .reg-form-return-link {
    margin: 0 0 25px;
    padding: 0;
  }
}
.reg-form .center-content .reg-form-return-link a {
  font-size: 16px;
  color: #0099cc;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 767px) {
  .reg-form .center-content .reg-form-return-link a {
    font-size: 14px;
  }
}
.reg-form .center-content .reg-form-return-link a i {
  color: #0099cc;
  margin-right: 10px;
}
.reg-form .center-content .reg-form-title {
  position: relative;
}
.reg-form .center-content .reg-form-title h2 {
  font-size: 34px;
  font-weight: 300;
  color: #0099cc;
}
.reg-form .center-content .reg-form-title p {
  color: #000000;
  font-size: 18px;
}
.reg-form .center-content .reg-form-section {
  opacity: 1;
  z-index: 1;
  position: relative;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner {
  position: relative;
  min-height: 500px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-valid {
  position: absolute;
  opacity: 0;
  left: -99999px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label-headline {
  position: relative;
  display: block;
  margin: 0 0 20px;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner #add-companion,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner #remove-companion {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #000000;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label.file-upload {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label.file-upload {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.63px;
    margin-bottom: 9px;
  }
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label b {
  color: #7B30FF !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label .required-text-star {
  color: #7B30FF !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label .asterisk {
  color: #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label.tsa-label:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 16px;
  margin: 0 0 0 5px;
  background-image: url("../../../../images/tsa-checkmark.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label .reg-form-sub-label {
  display: block;
  font-size: 12px;
  font-style: italic;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-sub-label {
  display: block;
  font-size: 12px;
  font-style: italic;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label-side {
  display: inline-block;
  float: right;
  font-size: 11px;
  color: #999999;
  line-height: 20px;
  font-style: italic;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-error {
  color: #BD1919;
  font-size: 11px;
  position: absolute;
  left: 0;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-headline {
  font-size: 24px;
  color: #7B30FF;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-headline.guest-form.is-disabled {
  display: none !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1.26px;
  color: #0D0D0F;
  margin: 32px 0 0 !important;
}
@media (max-width: 1024px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.84px;
  }
}
@media (max-width: 768px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline {
    font-size: 24px !important;
    line-height: 31px !important;
    margin-bottom: 16px !important;
  }
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline .asterisk {
  color: #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline:first-child {
  margin-top: 0 !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-copy {
  color: #000000;
  margin-bottom: 30px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap {
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .admin-html {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .admin-html a {
  color: #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .admin-html a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form {
  padding: 0;
  border: none;
  margin: 0;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form .form-headline {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: normal;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form .form-copy {
  font-size: 14px;
}
@media (max-width: 767px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form .reg-form-row .reg-form-box {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form .reg-form-row.two-column {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.add-guest-form .reg-form-row.two-column .reg-form-box {
    margin-top: 16px !important;
  }
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap.guest-form.is-disabled {
  display: none !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 16px 0 0;
  position: relative;
  width: 100%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row {
  flex-direction: row;
  justify-content: center;
  column-gap: 24px;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row {
    display: flex !important;
  }
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row.reverse {
  flex-direction: row-reverse;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .submit-btn {
  background-color: #7B30FF;
  color: #ffffff;
  display: block;
  white-space: nowrap;
  width: auto;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
  text-transform: none;
  text-align: center;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 8px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .submit-btn:hover {
  background-color: #28282C;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .submit-btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .cancel-btn {
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #ECECF3;
  display: block;
  white-space: nowrap;
  width: auto;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
  text-transform: none;
  text-align: center;
  padding: 10px 16px;
  cursor: pointer;
  border-radius: 8px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .cancel-btn:hover {
  background-color: #28282C;
  border: 2px solid #28282C;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.button-row .cancel-btn:focus-within {
  outline: 1px dashed #000000;
  outline-offset: -4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.file-upload {
  flex-direction: column;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box {
  position: relative;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .select-wrapper .dropdown-content.select-dropdown {
  position: absolute;
  top: initial;
  height: auto !important;
  max-height: 450px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .reg-form-box-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .reg-form-box-inner .reg-form-box-item {
  width: 46%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .reg-form-box-inner .reg-form-box-item:nth-child(2) {
  align-self: center;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .reg-form-text {
  background-color: #333333;
  padding: 10px 20px;
  line-height: 50px;
  color: #333333;
  font-size: 22px;
  border-radius: 3px;
  font-weight: bold;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text],
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password],
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email],
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel] {
  display: block;
  width: 100%;
  color: #000000;
  background-color: #ECECF3;
  border: 2px solid #ECECF3;
  font-size: 16px;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  border-radius: 6px;
  padding: 0 10px;
  line-height: 45px;
  box-sizing: border-box;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-ms-clear,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-ms-clear,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-ms-clear,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-ms-clear {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:disabled,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:disabled,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:disabled,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:disabled {
  -webkit-text-fill-color: #8a8a8a;
  opacity: 1;
  background-color: #f2f2f2;
  color: #8a8a8a;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-webkit-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-webkit-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-webkit-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: normal;
  color: #8B8B97;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-moz-placeholder { /* Firefox 19+ */
  font-style: normal;
  color: #8B8B97;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-ms-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-ms-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-ms-input-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-ms-input-placeholder { /* IE 10+ */
  font-style: normal;
  color: #8B8B97;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-moz-placeholder,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-moz-placeholder { /* Firefox 18- */
  font-style: normal;
  color: #8B8B97;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text].input-validation-error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password].input-validation-error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email].input-validation-error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel].input-validation-error {
  border-color: #BD1919;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:active, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:focus,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:active,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:focus,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:active,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:focus,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:active,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:focus {
  background-color: #ffffff;
  border: 2px solid #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text].error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password].error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email].error,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel].error {
  border: 2px solid #F00;
  background: rgba(255, 0, 0, 0.05);
  color: #F00;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:focus-within,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:focus-within,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:focus-within,
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel] {
  padding-left: 50px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box textarea {
  display: block;
  width: 100%;
  color: #000000;
  background-color: #ebebeb;
  font-size: 18px;
  border-bottom: 2px solid #cccccc;
  padding: 10px;
  line-height: 24px;
  box-sizing: border-box;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box textarea:active, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box textarea:focus {
  background-color: #ffffff;
  border: 2px solid #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box textarea.error {
  border: 2px solid #F00;
  background: rgba(255, 0, 0, 0.05);
  color: #F00;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box select {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio] {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio] + .radio-btn-label {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #7B30FF;
  border-radius: 50%;
  margin: 0;
  cursor: pointer;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio] + .radio-btn-label:after {
  position: absolute;
  display: none;
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(../../images/client-imgs/radiobutton-selected.png);
  border-radius: 50%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio] + .radio-btn-label:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio]:checked + .radio-btn-label {
  background-image: url(../../images/client-imgs/radiobutton-selected.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7B30FF;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=radio]:checked + .radio-btn-label:after {
  display: block;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + .checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 40px;
  background-color: #ebebeb;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + .checkbox-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid #666666;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + .checkbox-label:after {
  position: absolute;
  display: none;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox]:checked + .checkbox-label:before {
  background-color: #666666;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox]:checked + .checkbox-label:after {
  display: block;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + input[type=hidden] + .checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 40px;
  background-color: #ebebeb;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + input[type=hidden] + .checkbox-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid #666666;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + input[type=hidden] + .checkbox-label:after {
  position: absolute;
  display: none;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox]:checked + input[type=hidden] + .checkbox-label:before {
  background-color: #666666;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox]:checked + input[type=hidden] + .checkbox-label:after {
  display: block;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box {
  position: relative;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview {
  position: relative;
  width: 192px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview .file-preview-box {
  width: 192px;
  height: 192px;
  background: #6138F5;
  border: 1px solid #6138F5;
  box-sizing: border-box;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview .file-preview-box.isUploaded {
  background: transparent;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview .file-preview-box a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: center center no-repeat transparent;
  background-size: contain;
  text-decoration: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview .file-preview-text {
  color: #6138F5;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-preview .file-preview-text a {
  color: #6138F5;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button {
  position: relative;
  text-align: left;
  width: auto;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button {
    margin-bottom: 0;
  }
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .reg-form-label {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .file-preview-text .form-link {
  color: #6138F5;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .reg-form-file-input {
  position: absolute;
  opacity: 0;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .file-upload-input-inner {
  position: relative;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .file-upload-input-inner .file-upload-btn {
  max-width: 85px;
  background: #7B30FF;
  color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  position: relative;
  display: block;
  text-align: center;
  margin: 16px 0;
  padding: 12px 16px;
  cursor: pointer;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .file-upload-input-inner .file-upload-btn:hover {
  background-color: #28282C;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input .file-upload-input-inner .file-upload-btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a {
  position: relative;
  padding-left: 20px;
  font-family: "XfinityBrownTT-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-decoration: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFile, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFileCompanion, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFilePhotoUpload {
  margin-right: 32px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFile:before, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFileCompanion:before, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnViewFilePhotoUpload:before {
  display: inline-block;
  content: "";
  width: 19px;
  height: 16px;
  background-image: url(../../images/client-imgs/file-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: -2px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnRemoveFile:before, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnRemoveFileCompanion:before, .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .file-upload-input a#btnRemoveFilePhotoUpload:before {
  display: inline-block;
  content: "";
  width: 12.5px;
  height: 16px;
  background-image: url(../../images/client-imgs/delete-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: -2px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .file-upload-box-inner .file-button .remove-file {
  color: #6138F5;
  font-size: 14px;
  text-align: center;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box .file-upload-box .progress-wrp {
  display: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.divider-row {
  border-bottom: 1px dashed #cccccc;
  padding: 0 0 30px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column .reg-form-box {
  width: 100%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column.checkbox-row .checkbox-copy {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0 0 100px;
  font-size: 16px;
  line-height: 22px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column.checkbox-row .reg-form-error {
  bottom: -25px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column.submit-row {
  margin-bottom: 0;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column.submit-row.reg-form-box {
  text-align: center;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box {
  width: 49%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box.minor-disclaimer p {
  font-family: "XfinityBrownTT-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box .reg-form-row {
  margin-top: 0 !important;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.three-column .reg-form-box {
  width: 30.5%;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex {
  position: relative;
  display: block;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row {
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 45%;
  background-color: #ffffff;
  margin: 0 20px 0 0;
  padding: 14px 10px;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box .radio-btn-copy {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 25px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box .radio-btn-copy .radio-btn-sub-copy {
  font-size: 11px;
  display: block;
  color: #999999;
}
.reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .reg-form-error {
  color: #BD1919;
  font-size: 10px;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.reg-form .center-content .reg-form-section.is-hidden {
  display: none;
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.reg-form-msg .center-content {
  max-width: 900px;
}
.reg-form-msg .center-content .reg-form-msg-copy {
  text-align: center;
  color: #ff0000;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  background: #ebebeb;
}

@media screen and (max-width: 1023px) {
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row {
    display: block;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box.optional-activity:nth-child(1) {
    padding-bottom: 30px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box.optional-activity .reg-form-error {
    bottom: 10px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-moz-placeholder { /* Firefox 19+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-ms-input-placeholder { /* IE 10+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-moz-placeholder { /* Firefox 18- */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column.file-upload .reg-form-box:nth-child(2) {
    margin-top: 0 !important;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box {
    display: block;
    width: 100%;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box:nth-child(2) {
    margin-top: 16px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box.optional-activity {
    padding-bottom: 30px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.three-column .reg-form-box {
    display: block;
    width: 100%;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.three-column .reg-form-box:nth-child(2) {
    margin: 30px 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .reg-form {
    padding: 30px 0;
  }
  .reg-form .form-btn-wrap .form-btn.nomination-submit .form-btn.next-btn {
    max-width: 100%;
    border-bottom-left-radius: 5px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label {
    font-size: 16px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-label .reg-form-sub-label {
    font-size: 12px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-subheadline {
    font-size: 27px;
    margin-bottom: 16px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .form-copy {
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap {
    padding: 0 20px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .admin-html p {
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .optional-activity:nth-child(1) {
    padding-bottom: 30px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box.optional-activity:nth-child(1) {
    padding-bottom: 30px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text],
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password],
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email],
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel] {
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-ms-input-placeholder { /* IE 10+ */
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + .checkbox-label {
    width: 40px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=checkbox] + input[type=hidden] + .checkbox-label {
    width: 40px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column .admin-html .added-travel-copy {
    font-size: 14px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.one-column.checkbox-row .checkbox-copy {
    padding: 0 0 0 60px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.two-column .reg-form-box.optional-activity:nth-child(1) {
    padding-bottom: 30px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row {
    display: block;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box {
    max-width: 100%;
    margin: 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:first-child {
    margin: 0 0 10px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:nth-child(3) {
    margin: 10px 0 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box .radio-btn-copy {
    font-size: 14px;
  }
}
@media screen and (max-width: 580px) {
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.second-dot {
    left: 31.5%;
  }
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.third-dot {
    left: 63.5%;
  }
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.fourth-dot {
    left: 95.5%;
  }
  .reg-form .section-arrow-wrap .section-arrow.fourth-dot {
    left: 72%;
  }
  .reg-form .section-arrow-wrap .section-arrow.fifth-dot {
    left: 96%;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap {
    padding: 0 20px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-moz-placeholder { /* Firefox 19+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-ms-input-placeholder { /* IE 10+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-moz-placeholder { /* Firefox 18- */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row {
    display: block;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box {
    max-width: 100%;
    margin: 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:first-child {
    margin: 0 0 10px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:nth-child(3) {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.second-dot {
    left: 31%;
  }
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.third-dot {
    left: 63.15%;
  }
  .reg-form .section-arrow-wrap.no-guest-dot .section-arrow.fourth-dot {
    left: 94.5%;
  }
  .reg-form .section-arrow-wrap .section-arrow.second-dot {
    left: 23%;
  }
  .reg-form .section-arrow-wrap .section-arrow.third-dot {
    left: 47%;
  }
  .reg-form .section-arrow-wrap .section-arrow.fourth-dot {
    left: 70%;
  }
  .reg-form .section-arrow-wrap .section-arrow.fifth-dot {
    left: 94%;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap {
    padding: 40px 0 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-webkit-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]::-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]::-moz-placeholder { /* Firefox 19+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-ms-input-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-ms-input-placeholder { /* IE 10+ */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=text]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=password]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=email]:-moz-placeholder,
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row .reg-form-box input[type=tel]:-moz-placeholder { /* Firefox 18- */ }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row {
    display: block;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box {
    max-width: 100%;
    margin: 0;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:first-child {
    margin: 0 0 10px;
  }
  .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap .reg-form-row.no-flex .radio-btn-row .reg-form-box:nth-child(3) {
    margin: 10px 0 0;
  }
}
.form-progress {
  position: relative;
  display: block;
  width: 100%;
  padding: 40px 20px;
}
.form-progress.top-progress-bar {
  padding-bottom: 54px;
}
.form-progress.bottom-progress-bar {
  padding: 0 20px 120px;
}
.form-progress.bottom-progress-bar .center-content {
  max-width: 1200px;
}
.form-progress .center-content {
  position: relative;
  display: block;
  width: 80%;
  max-width: 1026px;
  margin: 0 auto;
}
.form-progress .center-content .progress-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  height: 2px;
}
.form-progress .center-content .progress-line.connector-line {
  background-color: #cccccc;
}
.form-progress .center-content .progress-line.completed-line {
  background-color: #6138F5;
  width: 0;
  left: 20px;
  transform: none;
  transition: width 0.5s ease-in-out;
  /* Add/Remove depending on how many forms are available */
}
.form-progress .center-content .progress-line.completed-line.first-dot {
  width: 0;
}
.form-progress .center-content .progress-line.completed-line.second-dot {
  width: 25%;
}
.form-progress .center-content .progress-line.completed-line.third-dot {
  width: 48%;
}
.form-progress .center-content .progress-line.completed-line.fourth-dot {
  width: 71%;
}
.form-progress .center-content .progress-line.completed-line.fifth-dot {
  width: 94%;
}
.form-progress .center-content .progress-line.completed-line.sixth-dot {
  width: 93.25%;
}
.form-progress .center-content .progress-bar-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: auto;
  width: 100%;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item {
  position: relative;
  width: 20px;
  height: 20px;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot {
  /*Start Is-Active Progress Item */
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title {
  width: auto;
  position: absolute;
  font-size: 14px;
  text-transform: uppercase;
  top: -100%;
  left: -50%;
  transition: color 0.4s ease;
  color: #333333;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span {
  position: absolute;
  width: auto;
  transition: color 0.4s ease;
  color: #333333;
  display: none;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  top: 0;
  font-family: "FontAwesome";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span[data-progress-icon="1"]:before {
  content: "\f007";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span[data-progress-icon="2"]:before {
  content: "\f234";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span[data-progress-icon="3"]:before {
  content: "\f0f8";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span[data-progress-icon="4"]:before {
  content: "\f072";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-title span[data-progress-icon="5"]:before {
  content: "\f236";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot[data-progress-point="3"] .progress-dot-title {
  width: 185px;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot[data-progress-point="5"] .progress-dot-title {
  width: 151px;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-btn {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #cccccc;
  border-radius: 50%;
  transition: all 0.4s ease;
  display: block;
  color: #ffffff;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 8px;
  height: 8px;
  background-color: #cccccc;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-btn:hover:before {
  color: #cccccc;
  transform: translate(-50%, -50%) scale(1);
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-btn:disabled {
  background-color: #ffffff;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot .progress-dot-btn:disabled:after {
  display: none;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active {
  /*Start Is-Active & Is-Invalid Progress Item*/
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active.progress-dot .progress-dot-title {
  color: #7B30FF;
  font-weight: bold;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active.progress-dot .progress-dot-btn {
  border-color: #7B30FF;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active.progress-dot .progress-dot-btn:before {
  transform: translate(-50%, -50%) scale(1);
  background-color: #7B30FF;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active.is-invalid.progress-dot .progress-dot-title {
  color: #BD1919;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.is-active.is-invalid.progress-dot .progress-dot-btn {
  border-color: #BD1919;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.disabled-guest {
  cursor: default;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.disabled-guest .progress-dot-title {
  opacity: 0.25;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.disabled-guest .progress-dot-btn {
  cursor: default;
  border-color: white;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.progress-dot.disabled-guest .progress-dot-btn:hover:before {
  display: none;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-invalid.progress-dot .progress-dot-title {
  color: #6138F5;
  font-weight: bold;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-invalid .progress-dot-btn {
  position: relative;
  background-color: #BD1919;
  border-color: #BD1919;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-invalid .progress-dot-btn:before {
  display: none;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-invalid .progress-dot-btn:after {
  content: "\f12a";
  font-family: "FontAwesome";
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index: 1;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-valid.progress-dot .progress-dot-title {
  color: #7B30FF;
  font-family: "XfinityBrownTT-Bold";
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-valid .progress-dot-btn {
  position: relative;
  background-color: #7B30FF;
  border-color: #7B30FF;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-valid .progress-dot-btn:before {
  display: none;
}
.form-progress .center-content .progress-bar-wrap .progress-bar-item.is-valid .progress-dot-btn:after {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index: 1;
}
.form-progress.no-guest-dot .center-content .progress-line.completed-line.first-dot {
  width: 0;
}
.form-progress.no-guest-dot .center-content .progress-line.completed-line.second-dot {
  width: 32%;
}
.form-progress.no-guest-dot .center-content .progress-line.completed-line.third-dot {
  width: 63%;
}
.form-progress.no-guest-dot .center-content .progress-line.completed-line.fourth-dot {
  width: 94.5%;
}
.form-progress.no-guest-dot .center-content .progress-line.completed-line.fifth-dot {
  width: 94.5%;
}
.form-progress.no-guest-dot .center-content .progress-bar-wrap .progress-bar-item[data-progress-point="2"] .progress-dot-title {
  width: 185px;
}
.form-progress.no-guest-dot .center-content .progress-bar-wrap .progress-bar-item[data-progress-point="3"] .progress-dot-title {
  width: auto;
}
.form-progress.no-guest-dot .center-content .progress-bar-wrap .progress-bar-item[data-progress-point="4"] .progress-dot-title {
  width: 151px;
}
.form-progress .progressbar-container {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  z-index: 2;
}
.form-progress .progressbar-container .progressbar {
  counter-reset: step;
  width: 100%;
}
.form-progress .progressbar-container .progressbar li {
  list-style-type: none;
  width: auto;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}
.form-progress .progressbar-container .progressbar li button {
  width: 20px;
  height: 20px;
  line-height: 30px;
  border: 2px solid #8B8B97;
  display: block;
  text-align: center;
  margin: 5px auto 0 auto;
  border-radius: 50%;
  background-color: white;
  cursor: pointer;
  position: relative;
}
.form-progress .progressbar-container .progressbar li span {
  color: #000000;
  width: 110px;
  height: 35px;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  text-align: center;
  font-family: "XfinityBrownTT-Bold";
  text-transform: none;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .form-progress .progressbar-container .progressbar li span {
    position: relative;
    color: transparent !important;
  }
}
@media (max-width: 767px) {
  .form-progress .progressbar-container .progressbar li span {
    width: 100%;
  }
}
.form-progress .progressbar-container .progressbar li span:before {
  display: none;
}
@media (max-width: 1023px) {
  .form-progress .progressbar-container .progressbar li span:before {
    display: block;
    content: "";
    font-family: "FontAwesome";
    color: #8B8B97;
    position: absolute;
    font-size: 18px;
  }
}
.form-progress .progressbar-container .progressbar li:before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #7B30FF;
  bottom: 8px;
  left: -50%;
  z-index: -1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-progress .progressbar-container .progressbar li:first-child:before {
  content: none;
}
.form-progress .progressbar-container .progressbar li.is-active span {
  color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-active span:before {
  color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-active button {
  border-color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-active ~ li:before {
  background-color: #8B8B97 !important;
}
.form-progress .progressbar-container .progressbar li.is-valid span {
  color: #7B30FF;
  font-family: "XfinityBrownTT-Bold";
}
.form-progress .progressbar-container .progressbar li.is-valid span:before {
  color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-valid button {
  border-color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-valid button:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #7B30FF;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.form-progress .progressbar-container .progressbar li.is-valid + li:before {
  background-color: #7B30FF;
}
.form-progress .progressbar-container .progressbar li.is-invalid span {
  color: #BD1919;
  font-weight: bold;
}
.form-progress .progressbar-container .progressbar li.is-invalid button {
  border-color: #BD1919;
}
.form-progress .progressbar-container .progressbar li.is-invalid button:after {
  content: "\f12a";
  font-family: "FontAwesome";
  color: #BD1919;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  z-index: 1;
}
.form-progress .progressbar-container .progressbar li[data-progress-point="1"] span:before {
  content: "\f007";
}
.form-progress .progressbar-container .progressbar li[data-progress-point="2"] span:before {
  content: "\f0f8";
}
.form-progress .progressbar-container .progressbar li[data-progress-point="3"] span:before {
  content: "\f072";
}
.form-progress .progressbar-container .progressbar li[data-progress-point="4"] span:before {
  content: "\f236";
}
.form-progress .progressbar-container .progressbar li[data-progress-point="5"] span:before {
  content: "\f095";
}
.form-progress .progressbar-container .progressbar.nav_2 li {
  width: 50%;
}
.form-progress .progressbar-container .progressbar.nav_3 li {
  width: 33%;
}
.form-progress .progressbar-container .progressbar.nav_4 li {
  width: 25%;
}
.form-progress .progressbar-container .progressbar.nav_5 li {
  width: 20%;
}
.form-progress .progressbar-container .progressbar.nav_6 li {
  width: 16.6%;
}
.form-progress .progressbar-container .progressbar.nav_7 li {
  width: 14.28%;
}

/*@import "responsive/_form-progress.scss";*/
.form-footer {
  background-image: url("../../images/client-imgs/footer-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.form-footer .form-footer-copy {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 65px 0 0;
  letter-spacing: 0.1em;
}
.form-footer .form-footer-copy .form-footer-link {
  font-size: 12px;
  color: #6138F5;
  text-decoration: underline;
}
.form-footer .form-footer-copy .form-footer-link:hover {
  text-decoration: none;
}

.loader,
.loader:before,
.loader:after {
  background: #7B30FF;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #7B30FF;
  text-indent: -9999em;
  margin: 0 auto;
  font-size: 11px;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.login-box {
  display: flex;
  justify-content: center;
  overflow: auto;
  padding: 5%;
  background-image: url(../../images/client-imgs/bg-gradient.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
}
@media (max-width: 768px) {
  .login-box {
    align-items: flex-start;
  }
}
.login-box .login-box-content {
  width: 100%;
  max-width: 828px;
  margin-top: 85px;
}
@media (max-width: 767px) {
  .login-box .login-box-content {
    max-width: 95%;
    padding: 0 0 5%;
    margin-top: 55px;
  }
}
.login-box .login-box-content .login-box-header {
  display: block;
  background-color: #ffffff;
  padding: 48px 20px;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-header {
    padding: 40px 26px 16px;
    border-radius: 16px 16px 0 0;
  }
}
.login-box .login-box-content .login-box-header.logged-out {
  padding: 48px 20px 32px;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-header.logged-out {
    padding: 32px 24px;
  }
}
.login-box .login-box-content .login-box-header .login-box-header-logo img {
  display: block;
  width: 100%;
  max-width: 201px;
  margin: 0 auto;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-header .login-box-header-logo img {
    max-width: 135px;
    image-rendering: auto;
  }
}
.login-box .login-box-content .login-box-header .login-box-header-copy .login-box-header-text {
  /* padding: 20px 0 0;
  color: map-get($color, primary1);
  font-size: 30px;
  font-family: 'XfinityBrownTT-Bold';
  line-height: 30px;*/
}
.login-box .login-box-content .login-box-form {
  display: block;
  padding: 0 108px;
  background: #ffffff;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form {
    padding: 0 26px;
    border-radius: 0 0 16px 16px;
  }
}
.login-box .login-box-content .login-box-form.logged-out {
  padding: 0 108px 48px;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form.logged-out {
    padding: 0 24px 32px;
  }
}
.login-box .login-box-content .login-box-form .center-content {
  width: 100%;
  max-width: 543px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.login-box .login-box-content .login-box-form .center-content.center-aligned {
  text-align: center;
}
.login-box .login-box-content .login-box-form .center-content .login-box-form-header {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 520px) {
  .login-box .login-box-content .login-box-form .center-content .login-box-form-header {
    margin-bottom: 0;
  }
}
.login-box .login-box-content .login-box-form .center-content .login-box-form-header h1 {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -1.26px;
  color: #000000;
  text-align: center;
  margin-bottom: 16px;
  width: 100%;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form .center-content .login-box-form-header h1 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.84px;
  }
}
.login-box .login-box-content .login-box-form .center-content .login-box-form-header p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-align: center;
  width: 100%;
  max-width: 289px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form .center-content .login-box-form-header p {
    letter-spacing: -0.16px;
  }
}
@media (max-width: 520px) {
  .login-box .login-box-content .login-box-form .center-content .login-box-form-header p {
    max-width: 220px;
  }
}
.login-box .login-box-content .login-box-form .center-content .login-box-copy,
.login-box .login-box-content .login-box-form .center-content .login-box-form-copy {
  font-size: 18px;
  color: #000000;
  margin: 0 0 15px;
  text-align: center;
}
.login-box .login-box-content .login-box-form .center-content .login-box-copy.no-spacing,
.login-box .login-box-content .login-box-form .center-content .login-box-form-copy.no-spacing {
  margin: 0;
  padding: 0;
}
.login-box .login-box-content .login-box-form .center-content .login-box-copy .login-box-copy-link,
.login-box .login-box-content .login-box-form .center-content .login-box-form-copy .login-box-copy-link {
  color: #6138F5;
}
.login-box .login-box-content .login-box-form .center-content p {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  margin: 0 0 15px;
  font-weight: 400;
}
.login-box .login-box-content .login-box-form .center-content p a {
  color: #7B30FF;
  text-decoration: none;
}
.login-box .login-box-content .login-box-form .center-content p a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.login-box .login-box-content .login-box-form .center-content .logout-box-copy {
  margin-top: 6px;
}
.login-box .login-box-content .login-box-form .center-content .logout-box-copy p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #000000;
  text-align: center;
  width: 100%;
  max-width: 541px;
  margin: 0 auto 32px;
}
@media (max-width: 520px) {
  .login-box .login-box-content .login-box-form .center-content .logout-box-copy p {
    max-width: 273px;
  }
}
.login-box .login-box-content .login-box-form .center-content .logout-box-copy p a {
  color: #7B30FF;
  text-decoration: underline;
}
.login-box .login-box-content .login-box-form .center-content .logout-box-copy p a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.login-box .login-box-content .login-box-form .center-content .logout-box-copy h2 {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #000000;
  text-align: center;
  width: 100%;
  max-width: 541px;
  margin-bottom: 0;
}
@media (max-width: 520px) {
  .login-box .login-box-content .login-box-form .center-content .logout-box-copy h2 {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.63px;
  }
}
.login-box .login-box-content .login-box-form .login-form {
  width: 100%;
  max-width: 648px;
  display: block;
  margin: 0 auto;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row {
  padding: 16px 0 0;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row.not-visible {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row.sm-top-padding {
  padding-top: 10px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row.extra-spacing {
  padding: 0;
  margin: 32px auto;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col {
  position: relative;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-label {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  display: inline-block;
  color: #0D0D0F;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-error {
  font-size: 11px;
  color: #BD1919;
  display: inline;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-error .field-validation-error {
  display: inline-block;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text],
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 5px 0 16px;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 48px;
  letter-spacing: -0.56px;
  border-radius: 6px;
  background-color: #ECECF3;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text],
  .login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password] {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]:disabled,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]:disabled {
  background-color: #f2f2f2;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text].input-validation-error,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password].input-validation-error {
  border-color: #BD1919;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]:focus-within,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]::-webkit-input-placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]::-webkit-input-placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]:-moz-placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]:-moz-placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]::-moz-placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]::-moz-placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]:-ms-input-placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]:-ms-input-placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]:-ms-input-placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]:-ms-input-placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=text]::placeholder,
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=password]::placeholder {
  color: #8B8B97;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] {
  display: none;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + .checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background-color: #ECECF3;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + .checkbox-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: none;
  background: #ffffff;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + .checkbox-label:after {
  position: absolute;
  display: none;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox]:checked + .checkbox-label:before {
  background-color: #7B30FF;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox]:checked + .checkbox-label:after {
  display: block;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + input[type=hidden] + .checkbox-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background-color: #ECECF3;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + input[type=hidden] + .checkbox-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: none;
  background: #ffffff;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox] + input[type=hidden] + .checkbox-label:after {
  display: none;
  content: "";
  background-image: url(../../images/client-imgs/check-mark-icon.png);
  font-family: FontAwesome;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 30%;
  left: 23%;
  width: 25px;
  height: 20px;
  image-rendering: -webkit-optimize-contrast;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox]:checked + input[type=hidden] + .checkbox-label:before {
  background-color: #7B30FF;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col input[type=checkbox]:checked + input[type=hidden] + .checkbox-label:after {
  display: inline-block;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .checkbox-copy {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0 0 100px;
  font-size: 16px;
  line-height: 22px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .checkbox-copy p {
  display: inline;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .checkbox-copy .asterisk {
  display: inline;
  color: red;
  font-size: 11px;
  vertical-align: super;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-label-disclaimer {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  display: block;
  padding: 5px 0 0;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-submit {
  display: block;
  width: 100%;
  max-width: 73px;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: -0.56px;
  background-color: #7B30FF;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  margin: 0 auto;
  cursor: pointer;
  border-radius: 8px;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-submit:hover {
  background: #28282C;
}
.login-box .login-box-content .login-box-form .login-form .login-form-row .login-form-one-col .login-form-submit:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy {
  font-family: "XfinityBrownTT-Light";
  font-weight: 300;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: -0.56px;
  text-align: center;
  color: #0D0D0F;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy {
    padding-bottom: 32px;
  }
}
.login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy a,
.login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy .forgot-password-link {
  color: #6138F5;
  cursor: pointer;
  text-decoration: underline;
}
.login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy a:focus-within,
.login-box .login-box-content .login-box-form .login-form-row .login-form-one-col .forgot-password-copy .forgot-password-link:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.login-box .login-box-content .login-box-footer {
  padding: 44px 0 0;
  height: auto;
  background: transparent;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-footer {
    padding: 26px 0 0;
  }
}
.login-box .login-box-content .login-box-footer .center-content {
  width: 100%;
  padding-bottom: 32px;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 17px;
}
@media (max-width: 767px) {
  .login-box .login-box-content .login-box-footer .center-content {
    font-size: 11px;
    line-height: 17px;
  }
}
.login-box .login-box-content .login-box-footer .center-content .footer-links {
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-family: "XfinityBrownTT-Bold";
  text-align: left;
  padding: 32px 0 24px;
}
.login-box .login-box-content .login-box-footer .center-content .footer-links .footer-link {
  color: #ffffff;
  text-decoration: none;
}
.login-box .login-box-content .login-box-footer .center-content .footer-links .footer-link:hover {
  text-decoration: underline;
}
.login-box .login-box-content .login-box-footer .center-content .footer-links .footer-link:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: 3px;
}
.login-box .login-box-content .login-box-footer .center-content .footer-links .footer-copy {
  color: #ffffff;
  font-size: 11px;
  line-height: 17px;
}

.prompt {
  display: block;
  background-color: #333333;
  color: #ffffff;
  padding: 20px 20px 20px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  font-weight: normal;
}
.prompt:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  color: #333333;
  font-size: 30px;
  position: absolute;
  bottom: -33px;
  left: 50%;
  transform: translateY(-50%);
}
.prompt .close-prompt {
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(45deg);
  cursor: pointer;
}

/* Form Progress Prompts */
.form-progress .prompt.guest-selection-prompt {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 200px;
}
.form-progress .prompt.guest-fields-prompt {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 200px;
}

/* Reg Form Prompts */
.reg-form .prompt {
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  max-width: 230px;
}
.reg-form .prompt.dob-year-prompt {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  max-height: 220px;
  transform: translate(-50%, -100%);
  background-color: #333333;
  color: #ffffff;
  font-size: 12px;
  padding: 20px 30px;
  z-index: 1;
}
.reg-form .prompt.dob-year-prompt:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  color: #6138F5;
  font-size: 30px;
  position: absolute;
  bottom: -33px;
  left: 50%;
  transform: translateY(-50%);
}
.reg-form .prompt.dob-year-prompt .close-dob-prompt {
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(45deg);
  color: #ffffff;
  font-size: 30px;
}

.header {
  background-image: url(../../images/client-imgs/header-bg-gradient.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.header .logo-box {
  background-color: transparent;
}
@media screen and (max-width: 430px) {
  .header .logo-box {
    padding: 25px 20px;
  }
}
.header .logo-box a {
  display: inline-block;
}
.header .logo-box a .desktop {
  display: block !important;
}
@media screen and (max-width: 1023px) {
  .header .logo-box a .desktop {
    display: none !important;
  }
}
.header .logo-box a .mobile {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .header .logo-box a .mobile {
    display: block !important;
  }
}
.header .logo-box a .open-mobile {
  display: none !important;
}
.header .account-links-wrapper {
  position: relative;
  float: right;
  background-color: transparent;
  width: 100%;
  max-width: 75px;
  height: 100%;
  color: #ECECF3;
  overflow: visible;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .header .account-links-wrapper {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .header .account-links-wrapper {
    max-width: 45px;
  }
}
.header .account-links-wrapper #account-dropdown-toggle {
  display: none;
}
.header .account-links-wrapper #account-dropdown-toggle:checked ~ .account-links-dropdown {
  opacity: 1;
  height: auto;
}
.header .account-links-wrapper #account-dropdown-toggle:checked ~ .account-links-dropdown .account-links-menu {
  opacity: 1;
  height: auto;
  padding: 25px 0 25px;
}
@media screen and (max-width: 1023px) {
  .header .account-links-wrapper #account-dropdown-toggle:checked ~ .account-links-dropdown .account-links-menu {
    display: none;
  }
}
.header .account-links-wrapper .account-dropdown-btn {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .header .account-links-wrapper .account-dropdown-btn {
    display: none;
  }
}
.header .account-links-wrapper .account-dropdown-btn:before {
  content: url(../../images/client-imgs/login-icon.png);
  width: 29px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: absolute;
  color: #ECECF3;
  image-rendering: -webkit-optimize-contrast;
}
.header .account-links-wrapper .account-dropdown-btn:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translate(0, -50%);
  font-size: 18px;
  display: none;
}
.header .account-links-wrapper .account-dropdown-btn:focus:before {
  outline: 1px dashed #000000;
  outline-offset: 3px;
  border-radius: 40%;
}
.header .account-links-wrapper .account-links-dropdown {
  transition: all 0.4s ease;
  -web-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  opacity: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: 315px;
  background-color: #000000;
}
.header .account-links-wrapper .account-links-dropdown .account-links-menu {
  opacity: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.header .account-links-wrapper .account-links-dropdown .account-links-menu .account-link-item {
  display: block;
  padding: 0 30px 0;
  list-style-type: none;
  line-height: 50px;
  text-align: left;
}
.header .account-links-wrapper .account-links-dropdown .account-links-menu .account-link-item .account-link {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.35s ease;
}
.header .account-links-wrapper .account-links-dropdown .account-links-menu .account-link-item .account-link:hover {
  color: #7B30FF;
}
.header .menu-links-wrapper {
  flex-grow: 1;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper {
    align-items: flex-end;
    padding: 0 24px 26px 0;
    transition: all 0.5s ease-in-out;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .header .menu-links-wrapper {
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper.open .mobile-dropdown-btn {
    transform: translateX(-50px);
    background: transparent;
    transition: all 0.5s ease-in-out;
  }
  .header .menu-links-wrapper.open .mobile-dropdown-btn:before {
    transform: rotate(45deg) translate(15px, -15px);
  }
  .header .menu-links-wrapper.open .mobile-dropdown-btn:after {
    transform: rotate(-45deg) translate(15px, 15px);
  }
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper.open .menu-links {
    display: block;
  }
}
.header .menu-links-wrapper.open .menu-links li a:hover, .header .menu-links-wrapper.open .menu-links li a:active {
  font-family: "XfinityBrownTT-Bold" !important;
  padding: 15px 0 !important;
}
.header .menu-links-wrapper.open .menu-links li a:hover:after, .header .menu-links-wrapper.open .menu-links li a:active:after {
  bottom: 18px;
  background-color: transparent !important;
  left: unset;
  top: unset;
}
.header .menu-links-wrapper input, .header .menu-links-wrapper label {
  display: none;
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper input, .header .menu-links-wrapper label {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper #mobile-dropdown-toggle {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper #mobile-dropdown-toggle:checked ~ .menu-links {
    opacity: 1;
    height: 100vh;
    padding: 25px 0 75px;
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper .mobile-dropdown-btn {
    position: relative;
    cursor: pointer;
    display: block;
    width: 25px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }
  .header .menu-links-wrapper .mobile-dropdown-btn:before, .header .menu-links-wrapper .mobile-dropdown-btn:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
  }
  .header .menu-links-wrapper .mobile-dropdown-btn:before {
    transform: translate(-25px, -10px);
  }
  .header .menu-links-wrapper .mobile-dropdown-btn:after {
    transform: translate(-25px, 10px);
  }
}
.header .menu-links-wrapper .menu-links {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 101%;
  padding-right: 20px;
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper .menu-links {
    transition: all 0.4s ease;
    -web-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    opacity: 0;
    height: 0;
    position: absolute;
    right: -30px;
    top: 103px;
    width: 100vw !important;
    height: 100vh !important;
    background-image: url(../../images/client-imgs/mobile-dropdown-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    list-style: none;
    padding: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    display: none;
  }
}
.header .menu-links-wrapper .menu-links li {
  position: relative;
  display: inline-block;
  height: 101%;
  overflow: hidden;
  padding: 45px 10px;
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper .menu-links li {
    display: block;
    list-style-type: none;
    text-align: left;
    margin: 0 auto;
    height: auto;
    border-bottom: 1px solid #ECECF3;
    width: 90% !important;
    padding: 0 !important;
  }
}
.header .menu-links-wrapper .menu-links li:first-child {
  width: 110px;
}
.header .menu-links-wrapper .menu-links li:nth-child(2) {
  width: 68px;
}
.header .menu-links-wrapper .menu-links li:nth-child(3) {
  width: 105px;
}
.header .menu-links-wrapper .menu-links li:nth-child(4) {
  width: 94px;
}
.header .menu-links-wrapper .menu-links li:last-child {
  width: 101px;
}
.header .menu-links-wrapper .menu-links li.account-link-item {
  display: none;
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper .menu-links li.account-link-item {
    display: block;
  }
}
.header .menu-links-wrapper .menu-links li a {
  display: block;
  position: relative;
  padding: 0 3px;
  text-transform: capitalize;
  color: #7B30FF;
  font-size: 18px;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  transition: all 0.25s ease;
  font-family: "XfinityBrownTT-Regular";
}
@media screen and (max-width: 1023px) {
  .header .menu-links-wrapper .menu-links li a {
    font-family: "XfinityBrownTT-Regular";
    text-transform: capitalize;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    text-align: left;
    padding: 15px 0;
    transition: all 0.25s ease;
  }
  .header .menu-links-wrapper .menu-links li a:after {
    content: "";
    width: 7px;
    height: 11px;
    position: absolute;
    right: 2px;
    bottom: 18px;
    margin: auto 0;
    background-image: url(../../images/client-imgs/right-arrow-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 0.25s ease;
  }
  .header .menu-links-wrapper .menu-links li a:active, .header .menu-links-wrapper .menu-links li a:hover {
    font-family: "XfinityBrownTT-Bold";
    padding: 15px 0;
  }
  .header .menu-links-wrapper .menu-links li a:active:after, .header .menu-links-wrapper .menu-links li a:hover:after {
    background-color: #7B30FF !important;
    top: 0;
    left: -14px;
    bottom: -1px;
  }
}
.header .menu-links-wrapper .menu-links li a:hover, .header .menu-links-wrapper .menu-links li a:active {
  font-family: "XfinityBrownTT-Bold";
}
.header .menu-links-wrapper .menu-links li a:hover:after, .header .menu-links-wrapper .menu-links li a:active:after {
  bottom: 4px;
}
.header .menu-links-wrapper .menu-links li a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 3px;
}
.header .menu-links-wrapper .account-links-dropdown-mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  .header .account-links-wrapper {
    margin-right: 0;
    height: 104px;
  }
}
.header.header-A {
  height: 173px;
}
.header.header-B {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 106px;
  z-index: 2;
}
.header.header-B.open-mobile-menu {
  background-image: url(../../images/client-imgs/mobile-dropdown-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 106px;
}
@media screen and (max-width: 1023px) {
  .header.header-B.open-mobile-menu {
    height: 100vh;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .logo-box {
  position: absolute;
  top: 1px;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .logo-box .mobile {
  display: none !important;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .logo-box .open-mobile {
  display: block !important;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open {
  position: absolute;
  top: 1px;
  right: 0;
}
@media screen and (min-width: 1023px) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open {
    right: 60px;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .mobile-dropdown-btn:before {
  background: #ffffff;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .mobile-dropdown-btn:after {
  background: #ffffff;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links {
  height: auto;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 326px;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  border-bottom: none;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item:hover {
  cursor: pointer;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item a {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item a:after {
  display: none;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item a:hover {
  padding: 15px 0;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out {
  bottom: 250px;
  margin-bottom: 16px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
@media only screen and (min-device-width: 412px) and (max-device-width: 920px) and (orientation: landscape) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out {
    bottom: 60px;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out:hover {
  background: #28282C;
  border: 2px solid #28282C;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out:hover a {
  color: #ffffff;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out a {
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.log-out a {
    text-align: center;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.change-password {
  bottom: 200px;
  background-color: transparent;
  border: 2px solid #ffffff;
}
@media only screen and (min-device-width: 412px) and (max-device-width: 920px) and (orientation: landscape) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.change-password {
    bottom: 5px;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.change-password:hover {
  background: #28282C;
  border: 2px solid #28282C;
}
.header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.change-password a {
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .menu-links-wrapper.open .menu-links .account-link-item.change-password a {
    text-align: center;
  }
}
.header.header-B.open-mobile-menu .center-content.mobile-view .account-links-wrapper {
  display: none !important;
}
@media screen and (min-width: 1023px) {
  .header.header-B.open-mobile-menu .center-content.mobile-view .account-links-wrapper.open-mobile {
    display: block !important;
    position: absolute;
    top: 1px;
    right: 0 !important;
    width: 100%;
    max-width: 75px;
    overflow: visible;
    z-index: 1;
    height: 104px;
  }
  .header.header-B.open-mobile-menu .center-content.mobile-view .account-links-wrapper.open-mobile .account-dropdown-btn {
    display: block !important;
  }
  .header.header-B.open-mobile-menu .center-content.mobile-view .account-links-wrapper.open-mobile .account-dropdown-btn:before {
    content: url(../../images/client-imgs/login-icon.png);
    width: 29px;
    height: 24px;
    top: 45% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    color: #ECECF3;
    image-rendering: -webkit-optimize-contrast;
  }
}
.header.header-B .center-content {
  display: flex;
  align-items: center;
  max-width: 1112px;
  width: 90%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content {
    width: 100%;
    max-width: 100%;
    align-items: flex-end;
  }
  .header.header-B .center-content:before {
    content: "";
    order: 2;
    flex-grow: 1;
  }
}
.header.header-B .center-content > div {
  height: 104px;
}
.header.header-B .center-content .logo-box {
  max-width: 500px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .logo-box {
    align-items: flex-end;
    padding: 16px 32px;
    margin-left: 0;
  }
}
@media screen and (max-width: 430px) {
  .header.header-B .center-content .logo-box {
    padding: 21px 20px;
  }
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .logo-box a {
    margin: 0;
  }
}
.header.header-B .center-content .logo-box a img {
  width: 100%;
  max-width: 202px;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .logo-box a img {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .header.header-B .center-content .logo-box a img {
    max-width: 168px;
    height: 25px;
  }
}
.header.header-B .center-content .menu-language {
  display: flex;
  padding-top: 10px;
  padding-left: 30px;
}
.header.header-B .center-content .menu-language select {
  display: block;
  width: 100%;
  color: black;
  background-color: white;
  font-size: 18px;
  border-radius: 3px;
  padding: 0 10px;
  line-height: 45px;
  box-sizing: border-box;
  height: 45px;
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVGhD7c8xCoBADETRLa29iof3eJoU0wiirsFN5D+YduA3AAAAAADwO7NtCZ5/fm6yrbYtaP7ln0NExQyNkLcxKSKkNyZVhDyNSRkhd2NSR8hVTIkIOYspFSHHmJIRopjSEeIB5SMAAAAAADW0tgMDBmzDpUF0VAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.header.header-B .center-content .menu-language select option:hover {
  background-color: white;
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .menu-links-wrapper {
    order: 3;
    padding: 0 24px 32px 0;
  }
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .account-links-wrapper {
    order: 4;
  }
}
@media screen and (max-width: 1023px) {
  .header.header-B .center-content .account-links-wrapper .account-links-dropdown {
    right: 0;
  }
}
.header.header-B .center-content .account-links-wrapper .account-links-dropdown {
  /* right: auto;*/
}

.security-page .header .account-links-wrapper {
  display: none;
}
.security-page .header .menu-links-wrapper {
  display: none;
}

.hero {
  display: block;
  position: relative;
  width: 100%;
  height: 432px;
}
.hero .hero-interior {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.hero .hero-interior .hero-text {
  font-family: "XfinityBrownTT-Light";
  font-size: 60px;
  line-height: 72px;
  text-align: center;
}
.hero .hero-interior .hero-text .bold-hero-text {
  font-family: "XfinityBrownTT-Bold";
}
.hero .hero-interior .hero-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 430px;
  height: 430px;
  image-rendering: -webkit-optimize-contrast;
}
.hero.faq-hero {
  background: #7B30FF;
}
.hero.faq-hero .hero-interior .hero-text {
  color: #ffffff;
}
.hero.faq-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_landing_hero.png);
}
.hero.itinerary-hero {
  background: #7B30FF;
}
.hero.itinerary-hero .hero-interior .hero-text {
  color: #ffffff;
}
.hero.itinerary-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_landing_hero.png);
}
.hero.subpage-hero {
  background: #7B30FF;
}
.hero.subpage-hero .hero-interior .hero-text {
  color: #ffffff;
}
.hero.subpage-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_security_hero.png);
}
.hero.subpage-hero.nomination-hero {
  background-image: url("../../../../images/client-imgs/nomination-hero.jpg");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  height: 240px;
  padding: 0 20px;
}
.hero .hero-content {
  padding: 12% 5%;
}
.hero .hero-content h1, .hero .hero-content p {
  color: #ffffff;
}
.hero .hero-content h1 {
  font-size: 72px;
  line-height: 72px;
  font-weight: bold;
  max-width: 1100px;
  margin-bottom: 20px;
}
.hero .hero-content p {
  font-size: 22px;
}
.hero .hero-content a {
  width: 285px;
  padding: 20px 65px;
  background-color: #6138F5;
  font-size: 18px;
  color: #ffffff;
}
.hero.type-A .hero-content p {
  margin-bottom: 50px;
}
.hero.type-B .hero-content h1 {
  margin: 0 auto 20px auto;
}
.hero.type-B .hero-content h1, .hero.type-B .hero-content p {
  text-align: center;
}
.hero.type-B .hero-content a {
  display: block;
  margin: 30px auto;
}
.hero.type-C {
  padding: 20% 0 5% 0;
}
.hero.type-C .hero-content {
  background-color: rgba(8, 122, 161, 0.25);
  width: 100%;
  max-width: 100%;
  padding: 60px 5%;
}
.hero.type-C .hero-content h1, .hero.type-C .hero-content p, .hero.type-C .hero-content .button-wrapper {
  max-width: 1280px;
  margin: auto;
}
.hero.type-C .hero-content h1 {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 20px;
}
.hero.type-C .hero-content .button-wrapper {
  padding-top: 45px;
}
.hero.type-C .hero-content .button-wrapper a {
  background-color: #ffffff;
  color: #6138F5;
}

.security-page .hero.security-hero {
  background: #7B30FF;
}
.security-page .hero.security-hero .hero-interior .hero-text {
  color: #ffffff;
}
.security-page .hero.security-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_security_hero.png);
}
.security-page .hero.offline-hero {
  background: #60616C;
}
.security-page .hero.offline-hero .hero-interior .hero-text {
  color: #ffffff;
}
.security-page .hero.offline-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_offline_hero.png);
}

.registration .hero.registration-hero {
  background: #7B30FF;
}
.registration .hero.registration-hero .hero-interior .hero-text {
  color: #ffffff;
}
.registration .hero.registration-hero .hero-interior .hero-image {
  background-image: url(../../images/client-imgs/heart_security_hero.png);
}

@media screen and (max-width: 1280px) {
  .hero .hero-content h1 {
    font-size: 48px;
    line-height: 48px;
  }
  .hero .hero-content p {
    font-size: 18px;
  }
  .hero.type-C .hero-content h1 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .hero {
    height: 375px;
  }
  .hero .hero-interior {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .hero .hero-interior .hero-text {
    font-size: 48px;
    line-height: 57px;
    max-width: 375px;
    text-align: center;
    padding: 35px 20px 0;
  }
  .hero .hero-interior .hero-image {
    margin-top: -1%;
    width: 228px;
    height: 228px;
  }
  .hero .hero-content h1 {
    font-size: 36px;
    line-height: 36px;
  }
  .hero .hero-content p {
    font-size: 16px;
  }
  .hero.type-C .hero-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .hero {
    height: auto;
  }
  .hero .hero-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .hero .hero-content a {
    padding: 15px 50px;
    font-size: 16px;
  }
}
@media (max-width: 520px) {
  .hero .hero-content h1 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .hero .hero-content p {
    font-size: 14px;
  }
  .hero.type-C .hero-content {
    padding: 40px 5%;
  }
  .hero.type-C .hero-content h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
.one-column-text {
  padding: 40px 0 0;
  font-family: "XfinityBrownTT-Regular";
  background: #ffffff;
}
.one-column-text .center-content .one-column-text-container h1,
.one-column-text .center-content .one-column-text-container .one-column-text-header {
  font-size: 48px;
  color: #7B30FF;
  font-family: "XfinityBrownTT-Bold";
  letter-spacing: -0.035em;
  padding-bottom: 48px;
}
.one-column-text .center-content .one-column-text-container p {
  font-size: 18px;
  line-height: 26px;
  padding: 0;
  color: #000000;
  font-family: "XfinityBrownTT-Regular";
}
.one-column-text .center-content .one-column-text-container p:last-child {
  padding-bottom: 0;
}
.one-column-text .center-content .one-column-text-container h4 {
  margin-bottom: 30px;
  font-size: 22px;
  font-family: "XfinityBrownTT-Bold";
  color: #666666;
}
.one-column-text .center-content .one-column-text-container h4 a {
  color: #6138F5;
  display: block;
}
.one-column-text .center-content .one-column-text-container .offset-box-address {
  display: block;
  line-height: 22px;
}
.one-column-text.nomination-one-column-text {
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  .one-column-text .center-content .one-column-text-container h1,
  .one-column-text .center-content .one-column-text-container .one-column-text-header {
    font-size: 31px;
    letter-spacing: -3.5%;
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .one-column-text .center-content .one-column-text-container p {
    font-size: 16px;
    line-height: 24px;
  }
}
.one-column-text .center-content .one-column-text-container p:last-child {
  padding-bottom: 0;
}
.layout.faq .center-content .section {
  padding: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section {
    padding: 24px 0 32px !important;
  }
}
@media screen and (max-width: 767px) {
  .layout.faq .center-content .section {
    padding: 0 0 32px !important;
  }
}
.layout.faq .center-content .section .intro {
  margin-bottom: 32px;
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section .intro {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section .intro p {
    letter-spacing: -0.16px;
  }
}
.layout.faq .center-content .section.module {
  padding: 0 0 48px;
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section.module {
    padding: 0 0 32px !important;
  }
}
.layout.faq .center-content .section.module .question {
  display: flex;
  margin-top: 16px;
}
.layout.faq .center-content .section.module .question p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #0D0D0F;
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section.module .question p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.63px;
  }
}
.layout.faq .center-content .section.module .question p.question-num {
  padding-right: 8px;
}
.layout.faq .center-content .section.module .question:first-child {
  margin-top: 0;
}
.layout.faq .center-content .section.module .answer.border-bottom {
  border-bottom: 1px solid #8B8B97;
  padding-bottom: 16px;
}
.layout.faq .center-content .section.module .answer p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  margin-top: 16px;
  padding-left: 24px;
}
.layout.faq .center-content .section.module .answer ul {
  margin-top: 16px;
  list-style-position: inside;
}
.layout.faq .center-content .section.module .answer ul li {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  padding-left: 24px;
}
.layout.faq .center-content .section.support-info {
  padding: 48px 0 !important;
}
@media screen and (max-width: 1023px) {
  .layout.faq .center-content .section.support-info {
    padding: 32px 0 !important;
  }
}

.imageRow img {
  display: block;
  width: 100%;
  margin-bottom: 35px;
}

.copyRow {
  padding-bottom: 55px;
}
.copyRow h3 {
  margin: 15px 0 15px;
  font-size: 24px;
  font-weight: bold;
  color: #6138F5;
  letter-spacing: 0.1em;
}
.copyRow p {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin-bottom: 15px;
}
.copyRow p a {
  color: #6138F5;
}
.copyRow p a:hover {
  text-decoration: none;
}

.oneColGutter .imageRow {
  height: 280px;
}
.oneColGutter .columnBlock > div:first-child {
  width: calc(66.6% - 15px);
}
.oneColGutter .columnBlock > div:last-child {
  width: calc(33.3% - 15px);
}

.twoCol {
  padding: 0 20px;
}
.twoCol .center-content .columnBlock {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.twoCol .center-content .columnBlock > div {
  width: 100%;
  max-width: 45%;
  /*& > div:first-child {
      height: 215px;
  }*/
}

.threeCol .columnBlock > div {
  width: calc(33.3% - 15px);
}
.threeCol .columnBlock > div .imageRow {
  background-size: cover;
  height: 241px;
}

.fourCol .columnBlock > div {
  width: calc(25% - 15px);
}
.fourCol .columnBlock > div .imageRow {
  background-size: cover;
  height: 179px;
}

.fullWidthInterior {
  display: flex;
  margin-bottom: 5%;
}
.fullWidthInterior > div:last-child .copyRow {
  border: none;
}
.fullWidthInterior .imageRow {
  height: 638px;
}
.fullWidthInterior .copyRow {
  padding: 8%;
  border-right: 1px solid #cccccc;
  background-color: #ebebeb;
}
.fullWidthInterior .copyRow p {
  color: #333333;
}

.four-col .four-col-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.four-col .four-col-wrap .four-col-item {
  position: relative;
  width: 100%;
  max-width: 24%;
  border: 1px solid #cccccc;
}
.four-col .four-col-wrap .four-col-item .four-col-item-link .four-col-img {
  width: 100%;
  display: block;
}
.four-col .four-col-wrap .four-col-item .four-col-item-link .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
  transition: all 0.35s ease;
}
.four-col .four-col-wrap .four-col-item .four-col-item-link .four-col-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 30px;
  z-index: 2;
}
.four-col .four-col-wrap .four-col-item .four-col-item-link:hover .hover-overlay {
  background-color: #6138F5;
}

@media screen and (max-width: 1280px) {
  .threeCol .columnBlock {
    flex-wrap: wrap;
  }
  .threeCol .columnBlock > div {
    width: calc(50% - 15px);
  }
}
@media (max-width: 1023px) {
  .intro {
    padding: 0 0 32px 0;
  }
  .intro h1 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 30px;
  }
  .intro h2 {
    font-size: 28px;
    line-height: 36px;
    color: #000000;
    text-align: left;
    margin-bottom: 25px;
  }
  .intro p.margin-bottom {
    margin-bottom: 25px;
  }
  .interior.fullWidthInterior {
    flex-direction: column;
  }
  .interior.fullWidthInterior > div {
    width: 100%;
  }
  .copyRow h3 {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .oneColGutter .columnBlock {
    justify-content: initial;
    flex-direction: column;
  }
  .oneColGutter .columnBlock > div:first-child, .oneColGutter .columnBlock > div:last-child {
    width: 100%;
  }
  .oneColGutter .columnBlock > div:last-child {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
  }
  .oneColGutter .columnBlock > div:last-child .imageRow {
    width: calc(40% - 15px);
  }
  .oneColGutter .columnBlock > div:last-child .copyRow {
    width: calc(60% - 15px);
  }
  .oneColGutter .columnBlock > div:last-child .copyRow h3 {
    margin-top: 0;
  }
  .fourCol .columnBlock {
    flex-wrap: wrap;
  }
  .fourCol .columnBlock > div {
    width: calc(50% - 15px);
  }
  .four-col .four-col-wrap {
    flex-wrap: wrap;
  }
  .four-col .four-col-wrap .four-col-item {
    max-width: 49%;
  }
  .four-col .four-col-wrap .four-col-item:nth-child(1), .four-col .four-col-wrap .four-col-item:nth-child(2) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .twoCol .center-content .columnBlock {
    flex-direction: column;
  }
  .twoCol .center-content .columnBlock .copyRow {
    padding-bottom: 0;
  }
  .twoCol .center-content .columnBlock .copyRow .copyRow h3 {
    margin-top: 25px;
  }
  .twoCol .center-content .columnBlock > div {
    width: 100%;
    max-width: 100%;
    padding-bottom: 30px;
  }
  .fullWidthInterior {
    flex-direction: column;
  }
  .fullWidthInterior .copyRow {
    padding: 8% 5%;
  }
  .fullWidthInterior > div {
    width: 100%;
  }
  .four-col .four-col-wrap .four-col-item {
    max-width: 49%;
    margin-bottom: 15px;
    /*&:nth-child(1),
    &:nth-child(2),
    &:nth-child(3){
        margin-bottom: 15px;
    }*/
  }
}
@media (max-width: 520px) {
  .oneColGutter h3 {
    margin-top: 25px;
  }
  .oneColGutter .columnBlock > div:last-child {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
  }
  .oneColGutter .columnBlock > div:last-child .imageRow {
    width: 100%;
  }
  .oneColGutter .columnBlock > div:last-child .copyRow {
    width: 100%;
  }
  .oneColGutter .columnBlock > div:last-child .copyRow h3 {
    margin-top: 25px;
  }
  .threeCol .columnBlock > div, .fourCol .columnBlock > div {
    width: 100%;
    margin-bottom: 25px;
  }
  .fullWidthInterior .imageRow {
    height: 520px;
  }
  .four-col .four-col-wrap .four-col-item {
    max-width: 49%;
    margin-bottom: 15px;
    /*&:nth-child(1),
    &:nth-child(2),
    &:nth-child(3){
        margin-bottom: 15px;
    }*/
  }
  .four-col .four-col-wrap .four-col-item .four-col-item-link .four-col-text {
    font-size: 20px;
  }
}
.two-column-offset .center-content .offset-container {
  padding: 80px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.two-column-offset .center-content .offset-container .offset-box .offset-box-img {
  display: block;
  width: 100%;
}
.two-column-offset .center-content .offset-container .offset-box .offset-box-header {
  font-size: 24px;
  margin: 0 0 24px;
  color: #6138F5;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.two-column-offset .center-content .offset-container .offset-box .offset-box-copy {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin: 0 0 40px;
}
.two-column-offset .center-content .offset-container .offset-box .offset-box-copy .offset-box-address {
  display: block;
  line-height: 22px;
}
.two-column-offset .center-content .offset-container .offset-box .offset-box-link {
  text-transform: uppercase;
  color: #6138F5;
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
}
.two-column-offset .center-content .offset-container.offset-left .offset-box {
  padding: 0 50px 0 0;
  border-right: 2px dotted #cccccc;
  width: 35%;
}
.two-column-offset .center-content .offset-container.offset-left .offset-box:nth-child(2) {
  padding: 0 0 0 50px;
  width: 65%;
  border: none;
}
.two-column-offset .center-content .offset-container.offset-left .offset-box.offset-box-img {
  border: none;
  padding: 0;
}
.two-column-offset .center-content .offset-container.offset-right {
  flex-direction: row-reverse;
}
.two-column-offset .center-content .offset-container.offset-right .offset-box {
  padding: 0 0 0 50px;
  border: none;
  width: 35%;
}
.two-column-offset .center-content .offset-container.offset-right .offset-box:nth-child(2) {
  padding: 0 50px 0 0;
  width: 65%;
  border-right: 2px dotted #cccccc;
}
.two-column-offset .center-content .offset-container.offset-box-img-wrap .offset-box {
  border: none;
  padding: 0;
}
.two-column-offset .center-content .offset-container.offset-box-img-wrap .offset-box .offset-box-img {
  width: 100%;
  display: block;
}
.two-column-offset .center-content .offset-container.offset-box-img-wrap .offset-box:nth-child(2) {
  border: none;
}

.four-square {
  padding: 0 20px;
}
.four-square .center-content .four-square-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.four-square .center-content .four-square-wrap .four-square-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 50px 0;
}
.four-square .center-content .four-square-wrap .four-square-row:first-child {
  background-image: url("../../images/client-imgs/dot-border-bg.png");
  background-position: bottom center;
  background-size: 8px 8px;
  background-repeat: repeat-x;
}
.four-square .center-content .four-square-wrap .four-square-row .four-square-item {
  width: 50%;
}
.four-square .center-content .four-square-wrap .four-square-row .four-square-item .four-square-item-headline {
  font-size: 24px;
  color: #6138F5;
  font-weight: bold;
  padding: 0 0 15px;
  letter-spacing: 0.1em;
}
.four-square .center-content .four-square-wrap .four-square-row .four-square-item .four-square-item-copy {
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}
.four-square .center-content .four-square-wrap .four-square-row .four-square-item:first-child {
  background-image: url("../../images/client-imgs/dot-border-bg.png");
  background-position: top right;
  background-size: 8px 8px;
  background-repeat: repeat-y;
  padding-right: 30px;
}
.four-square .center-content .four-square-wrap .four-square-row .four-square-item:last-child {
  padding-bottom: 0;
  padding-left: 30px;
}

/*@import "responsive/_four-square.scss";*/
@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.footer {
  height: auto;
  background: #8B8B97;
}
.footer .center-content {
  padding-bottom: 32px;
}
.footer .center-content .footer-links {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  font-family: "XfinityBrownTT-Bold";
  text-align: left;
  padding: 32px 0 24px;
}
.footer .center-content .footer-links .footer-link {
  color: #ffffff;
  text-decoration: none;
}
.footer .center-content .footer-links .footer-link:hover {
  text-decoration: underline;
}
.footer .center-content .footer-links .footer-link:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 3px;
}
.footer .center-content .footer-copy {
  color: #ffffff;
  font-size: 11px;
  line-height: 17px;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
}

.security-page .footer {
  position: relative;
  width: 100%;
  height: auto;
  background: #8B8B97;
}
.security-page .footer .center-content .footer-copy:last-child {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .footer .center-content .footer-copy {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footer .center-content .footer-copy:last-child {
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .security-page .footer .center-content .footer-copy {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .security-page .footer .center-content .footer-copy:last-child {
    margin-bottom: 5px;
  }
}

.layout.itinerary {
  height: auto;
  padding-bottom: 400px;
}
@media (max-width: 1024px) {
  .layout.itinerary {
    padding-bottom: 150px;
  }
}
@media (max-width: 520px) {
  .layout.itinerary {
    padding-bottom: 80px;
  }
}

.tp-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
.tp-overlay .tp-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  width: 100%;
  max-width: 480px;
}
.tp-overlay .tp-modal .tp-header {
  background-color: #3EC4DF;
  padding: 15px;
}
.tp-overlay .tp-modal .tp-header .tp-header-text {
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  font-weight: bold;
}
.tp-overlay .tp-modal .tp-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px 20px;
}
.tp-overlay .tp-modal .tp-content .tp-item {
  width: 100%;
  position: relative;
  margin: 0 5px;
}
.tp-overlay .tp-modal .tp-content .tp-item input[type=text] {
  background-color: #f6f6f6;
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding: 0 10px;
  line-height: 50px;
}
.tp-overlay .tp-modal .tp-content .tp-item.tp-hour-item {
  max-width: 100px;
}
.tp-overlay .tp-modal .tp-content .tp-item.tp-colon {
  color: #999999;
  font-size: 30px;
  line-height: 50px;
  width: 8px;
}
.tp-overlay .tp-modal .tp-content .tp-item.tp-min-item {
  max-width: 120px;
}
.tp-overlay .tp-modal .tp-content .tp-item.tp-meridiem-item {
  max-width: 150px;
}
.tp-overlay .tp-modal .tp-content .tp-item .select-wrapper input.select-dropdown {
  width: 100%;
}
.tp-overlay .tp-modal .tp-content .tp-item .dropdown-content.select-dropdown {
  position: absolute;
  bottom: 0;
}
.tp-overlay .tp-modal .tp-content .tp-item .dropdown-content.select-dropdown.hour-dropdown {
  height: 250px !important;
}
.tp-overlay .tp-modal .tp-content .tp-item .dropdown-content.select-dropdown.min-dropdown {
  height: 250px !important;
}
.tp-overlay .tp-modal .tp-content .tp-item .dropdown-content.select-dropdown.meridiem-dropdown {
  height: 110px !important;
}
.tp-overlay .tp-modal .tp-choose-time {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 30px 0;
}
.tp-overlay .tp-modal .tp-choose-time .tp-cancel-item {
  color: #BD1919;
  font-size: 16px;
  display: block;
  padding: 0;
  margin: 0 20px 0 0;
  cursor: pointer;
  line-height: 49px;
}
.tp-overlay .tp-modal .tp-choose-time .tp-submit-btn {
  display: block;
  background-color: #3EC4DF;
  color: #ffffff;
  padding: 15px 40px;
  margin: 0 0 0 20px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
}
.tp-overlay .tp-modal .tp-choose-time .tp-submit-btn:disabled {
  opacity: 0.5;
}
.tp-overlay.is-open {
  display: block;
}

.timepicker-box {
  position: relative;
}
.timepicker-box .timepicker-icon {
  background-image: url("../../images/client-imgs/clock-icon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.timepicker-box .timepicker-icon, .datepicker-icon {
  transform: initial;
  width: calc(100% - 21px);
  height: 45px;
  top: 2px;
  right: 11px;
  background-position: right;
  background-size: auto;
}

@media only screen and (max-width: 767px) {
  .tp-overlay .tp-modal {
    max-width: 80%;
  }
}
@media only screen and (max-width: 580px) {
  .tp-overlay .tp-modal .tp-content {
    display: block;
  }
  .tp-overlay .tp-modal .tp-content .tp-item {
    display: block;
    margin: 0 auto 20px;
  }
  .tp-overlay .tp-modal .tp-content .tp-item.tp-hour-item {
    max-width: 100%;
  }
  .tp-overlay .tp-modal .tp-content .tp-item.tp-colon {
    display: none;
  }
  .tp-overlay .tp-modal .tp-content .tp-item.tp-min-item {
    max-width: 100%;
  }
  .tp-overlay .tp-modal .tp-content .tp-item.tp-meridiem-item {
    max-width: 100%;
  }
}
.datepicker-box {
  position: relative;
}
.datepicker-box:active, .datepicker-box:focus {
  background-color: #ffffff;
  border: 2px solid #7B30FF;
}
.datepicker-box.error {
  border: 2px solid #F00;
  background: rgba(255, 0, 0, 0.05);
  color: #F00;
}

.datepicker-icon {
  background-image: url("../../images/client-imgs/calendar-icon.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 21px;
  height: 24px;
  cursor: pointer;
}

/* Modal */
.datepicker-modal {
  max-width: 370px;
  min-width: 300px;
  max-height: none;
}

.datepicker-container.modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.datepicker-controls {
  display: flex;
  justify-content: space-between;
  width: 280px;
  margin: 0 auto;
}
.datepicker-controls .selects-container {
  display: flex;
}
.datepicker-controls .select-wrapper input {
  border-bottom: none;
  text-align: center;
  margin: 0;
}
.datepicker-controls .select-wrapper input:focus {
  border-bottom: none;
}
.datepicker-controls .select-wrapper .caret {
  display: none;
}
.datepicker-controls .select-year input {
  width: 100px;
  line-height: 32px;
}
.datepicker-controls .select-month input {
  width: 145px;
  line-height: 32px;
}

.month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* Date Display */
.datepicker-date-display {
  flex: 1 auto;
  background-color: #3EC4DF;
  color: #ffffff;
  padding: 20px 22px;
  font-weight: 500;
}
.datepicker-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
}
.datepicker-date-display .date-text {
  display: block;
  font-size: 2rem;
  line-height: 47px;
  font-weight: 500;
}

/* Calendar */
.datepicker-calendar-container {
  flex: 2.5 auto;
  padding: 20px;
  background-color: #ffffff;
}

.datepicker-table {
  width: 280px;
  font-size: 1rem;
  margin: 0 auto;
}
.datepicker-table thead {
  border-bottom: none;
}
.datepicker-table th {
  padding: 10px 5px;
  text-align: center;
}
.datepicker-table tr {
  border: none;
}
.datepicker-table abbr {
  text-decoration: none;
  color: #3EC4DF;
}
.datepicker-table td {
  border-radius: 50%;
  padding: 0;
}
.datepicker-table td.is-today {
  color: #3EC4DF;
}
.datepicker-table td.is-selected {
  background-color: #3EC4DF;
  color: #ffffff;
}
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
  color: #cccccc;
  pointer-events: none;
}

.datepicker-day-button {
  background-color: transparent;
  border: none;
  line-height: 38px;
  display: block;
  width: 100%;
  border-radius: 50%;
  padding: 0 5px;
  cursor: pointer;
  color: inherit;
}
.datepicker-day-button:focus {
  background-color: #f6f6f6;
  color: #333333;
}
.datepicker-day-button:hover {
  background-color: #f6f6f6;
  color: #333333;
}

/* Footer */
.datepicker-footer {
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  padding: 10px;
}
.datepicker-cancel:hover,
.datepicker-clear:hover,
.datepicker-today:hover,
.datepicker-done:hover {
  cursor: pointer;
}

.datepicker-clear {
  background-color: transparent;
  color: #BD1919;
  text-decoration: underline;
}

.datepicker-cancel {
  background-color: transparent;
  color: #3EC4DF;
  text-decoration: underline;
}

.datepicker-done {
  background-color: #3EC4DF;
  color: #ffffff;
  padding: 10px 20px;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .datepicker-modal {
    max-width: 625px;
  }
  .datepicker-container.modal-content {
    flex-direction: column;
  }
  .datepicker-date-display {
    flex: 0 1 0;
  }
  .datepicker-controls,
  .datepicker-table,
  .datepicker-footer {
    width: 320px;
  }
  .datepicker-day-button {
    line-height: 44px;
  }
}
/*@import "_time-picker.scss";*/
/* Select Field
  ========================================================================== */
select {
  display: none;
}

select.browser-default {
  display: block;
}

select {
  background-color: #0556a5;
  width: 100%;
  padding: 12px;
  border: #999999;
  border-radius: 0;
  height: 30px;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}
.select-wrapper.valid .helper-text[data-success], .select-wrapper.invalid ~ .helper-text[data-error] {
  /*@extend %hidden-text;*/
}
.select-wrapper.valid > input.select-dropdown {
  /*@extend %valid-input-style;*/
}
.select-wrapper.valid ~ .helper-text:after {
  /*@extend %custom-success-message;*/
}
.select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus {
  /*@extend %invalid-input-style;*/
}
.select-wrapper.invalid ~ .helper-text:after {
  /*@extend %custom-error-message;*/
}
.select-wrapper.valid + label, .select-wrapper.invalid + label {
  width: 100%;
  pointer-events: none;
}
.select-wrapper + label:after {
  /*@extend %input-after-style;*/
}
.select-wrapper input.select-dropdown {
  position: relative;
  background-image: url(../../images/client-imgs/arrow-dropdown.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 15px;
  padding: 0 40px 0 10px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: $medgrey;
  outline: none;
  height: $font30;
  line-height: $font30;
  width: 100%;
  font-size: $font16;
  margin: 0;
  padding: 0;
  display: block;
  user-select: none;
  z-index: 1;*/
}
.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #d7d7d7;
}
.select-wrapper .caret {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}
.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 16px;
}

select:disabled {
  color: #d1d3d4;
}

.select-wrapper.disabled + label {
  color: #d1d3d4;
}
.select-wrapper.disabled .caret {
  fill: #d1d3d4;
}

.select-wrapper input.select-dropdown:disabled {
  color: #d1d3d4;
  cursor: default;
  user-select: none;
}

.select-wrapper i {
  color: #d1d3d4;
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: #999999;
  background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: #f6f6f6;
}

.select-dropdown.dropdown-content li:hover {
  background-color: #e5e5e5;
}
.select-dropdown.dropdown-content li:focus {
  background-color: #e5e5e5;
}
.select-dropdown.dropdown-content li.selected {
  background-color: #e5e5e5;
}
.select-dropdown.dropdown-content li span:focus {
  background-color: #e5e5e5;
}

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 20px;
  width: 20px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #999999;
}
.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}
.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}
.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

.dropdown-content {
  background-color: #f6f6f6;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  transform-origin: 0 0;
}
.dropdown-content:focus {
  outline: 0;
}
.dropdown-content li {
  clear: both;
  color: #333333;
  cursor: pointer;
  min-height: 30px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}
.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #999999;
}
.dropdown-content li:focus {
  outline: none;
}
.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #333333;
  display: block;
  line-height: 22px;
  padding: 6px;
}
.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
  background-color: #999999;
}

.input-field.col .dropdown-content [type=checkbox] + label {
  top: 1px;
  left: 0;
  height: 18px;
  transform: none;
}

.dropdown-trigger {
  cursor: pointer;
}

.modal {
  /*@extend .z-depth-5;*/
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 100%;
  max-width: 370px;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
  /*.modal-content {
      padding: 24px;
  }*/
}
.modal:focus {
  outline: none;
}
@media only screen and (min-width: 601px) {
  .modal {
    width: 80%;
  }
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}
.modal .modal-close {
  cursor: pointer;
}
.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-flat {
  margin: 6px 0;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}
.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

@media only screen and (max-width: 480px) {
  .modal {
    max-height: 90%;
    max-width: 320px;
  }
}
.reg-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999999;
}
.reg-modal.reg-modal-overlay {
  background: rgba(0, 0, 0, 0.5);
}
.reg-modal.reg-modal-overlay .reg-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 652px;
  padding: 35px;
  background-color: #ffffff;
  text-align: center;
}
.reg-modal.reg-modal-overlay .reg-modal-content .close-modal {
  position: absolute;
  top: 0;
  right: 2.5%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 48px;
  line-height: 48px;
  cursor: pointer;
}
.reg-modal.reg-modal-overlay .reg-modal-content .reg-modal-headline {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #0D0D0F;
  letter-spacing: -1.26px;
  margin: 0 0 15px 0;
}
@media screen and (max-width: 767px) {
  .reg-modal.reg-modal-overlay .reg-modal-content .reg-modal-headline {
    font-size: 24px;
    line-height: 31px;
    color: #0D0D0F;
    letter-spacing: -0.84px;
  }
}
.reg-modal.reg-modal-overlay .reg-modal-content .reg-modal-copy {
  font-family: "XfinityBrownTT-Regular";
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  margin: 0 0 35px 0;
}
.reg-modal.reg-modal-overlay .reg-modal-content .modal-btns.confirm-modal-btns {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 594px) {
  .reg-modal.reg-modal-overlay .reg-modal-content .modal-btns.confirm-modal-btns {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 594px) {
  .reg-modal.reg-modal-overlay .reg-modal-content .modal-btns.confirm-modal-btns .modal-btn.yes-btn {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 594px) {
  .reg-modal.reg-modal-overlay .reg-modal-content .modal-btns.confirm-modal-btns .modal-btn.no-btn {
    margin: 0;
  }
}
.reg-modal[data-modal-type=alert] .modal-btns.alert-modal-btns {
  display: block;
}
.reg-modal[data-modal-type=alert] .modal-btns.confirm-modal-btns {
  display: none;
}
.reg-modal[data-modal-type=confirm] .modal-btns.alert-modal-btns {
  display: none;
}
.reg-modal[data-modal-type=confirm] .modal-btns.confirm-modal-btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.reg-modal.is-visible {
  animation: fadeIn 1s 1 forwards;
  -webkit-animation: fadeIn 1s 1 forwards;
  -moz-animation: fadeIn 1s 1 forwards;
  -o-animation: fadeIn 1s 1 forwards;
}

.btn {
  display: block;
  white-space: nowrap;
  width: auto;
  color: #ffffff;
  background-color: #7B30FF;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
  border-radius: 8px;
  padding: 12px 16px;
  cursor: pointer;
}
.btn:hover {
  color: #28282C;
}
.btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.btn.modal-btn {
  width: 100%;
  max-width: 250px;
  padding: 10px 0;
  color: #ffffff;
  background-color: #6138F5;
}
.btn.modal-btn.confirm-btn {
  margin: 0 auto;
}
.btn.modal-btn.yes-btn {
  margin: 0 10px 0 0;
}
.btn.modal-btn.no-btn {
  margin: 0 0 0 10px;
}

.layout.landing {
  height: auto;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .layout.landing {
    padding-bottom: 80px;
  }
}
.layout.landing .center-content .section.padding-bottom {
  padding-bottom: 0;
}
.layout.landing .center-content .section.support-info {
  border-top: 1px solid #8B8B97;
  padding-top: 43px;
}
@media (max-width: 767px) {
  .layout.landing .center-content .section.support-info {
    padding: 32px 0;
  }
}

.itinerary-container {
  background: #ffffff;
  font-family: "XfinityBrownTT-Regular";
  padding: 48px 0 45px;
}
.itinerary-container .center-content .itinerary-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.itinerary-container .center-content .itinerary-copy h1 {
  font-size: 48px;
  font-family: "XfinityBrownTT-Bold";
  color: #7B30FF;
  text-align: left;
  margin-bottom: 48px;
}
.itinerary-container .center-content .itinerary-copy p {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  text-align: left;
  margin-bottom: 80px;
}
.itinerary-container .center-content .itinerary-copy .btn {
  background: #000000;
  color: #ffffff;
  border-radius: 10px;
  padding: 16px 20px;
  text-transform: capitalize;
  text-decoration: none;
}
.itinerary-container .center-content .itinerary-copy .btn.download-itinerary {
  display: block;
  width: auto;
  font-size: 14px;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  letter-spacing: normal !important;
}
.itinerary-container .center-content .itinerary-copy .btn.download-itinerary:hover {
  background-color: #28282C;
}

.security-page .layout.create-account {
  padding-bottom: 0;
}
.security-page .layout.create-account .center-content .section .intro {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .security-page .layout.create-account .center-content .section .intro h1 {
    margin-bottom: 32px;
  }
}
.security-page .layout.create-account .center-content .section .form-container .login-form {
  margin-top: 16px;
}
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row {
  padding-bottom: 16px;
}
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row .login-form-one-col label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  padding: 0;
}
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text],
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password] {
  max-width: 544px;
  margin: 0;
}
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row .login-form-one-col .form-label-disclaimer {
  font-family: "XfinityBrownTT-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #000000;
  display: block;
  padding: 0;
}
.security-page .layout.create-account .center-content .section .form-container .login-form .login-form-row.checkbox-row {
  margin: 32px 0 0;
  padding-bottom: 0;
}

.security-page .layout.decline-confirm {
  height: auto;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .security-page .layout.decline-confirm {
    padding-bottom: 80px;
  }
}
.security-page .layout.decline-confirm .center-content .section .intro {
  margin-bottom: 16px;
}
.security-page .layout.decline-confirm .center-content .section .form-container .login-form {
  margin: 0;
}
.security-page .layout.decline-confirm .center-content .section .form-container .login-form .login-form-row textarea {
  max-width: 1057px;
}

.security-page.change-password .layout.change-password {
  height: auto;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .security-page.change-password .layout.change-password {
    padding-bottom: 80px;
  }
}
.security-page.change-password .layout.change-password .center-content .section .intro {
  margin-bottom: 16px;
}
.security-page.change-password .layout.change-password .center-content .section .form-container .login-form {
  margin: 0;
}
.security-page.change-password .layout.change-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col {
  margin-bottom: 16px;
}
.security-page.change-password .layout.change-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col.margin-bottom {
  margin-bottom: 0;
}
.security-page.change-password .layout.change-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col label {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
}
.security-page.change-password .layout.change-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password] {
  max-width: 490px;
}

.layout.error {
  height: auto !important;
  padding-bottom: 400px !important;
}
/*
.security-page {
    position: relative;

    .login-box {
        &.errorPage-container {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            overflow: auto;
            background: $white;
            position: relative;
            padding: 80px 0;
            height: 100%;
            max-height: 430px;

            .login-box-content {
                &.center-content {
                    width: 90%;
                    max-width: 1296px;

                    .login-box-header {
                        padding: 0;
                        border-radius: 0;

                        .login-box-header-title {
                            font-size: 48px;
                            line-height: 56px;
                            font-family: 'XfinityBrownTT-Bold';
                            color: $black;
                            text-align: left;
                            margin-bottom: 24px;
                        }

                        .login-box-header-copy {
                            p {
                                font-size: 18px;
                                line-height: 26px;                                
                                color: $black;
                                text-align: left;
                                margin-bottom: 20px;
                            }
                        }
                    }

                    .login-box-form {
                        padding: 0;
                        border-radius: 0;

                        .center-content {
                            max-width: 100%;

                            p {
                                font-size: 18px;
                                line-height: 26px;                               
                                color: $black;
                                text-align: left;
                                margin-bottom: 20px;
                            }
                        }
                    }
                }
            }
        }
    }
}
*/
@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.security-page .layout.forgot-password {
  height: auto;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .security-page .layout.forgot-password {
    padding-bottom: 80px;
  }
}
.security-page .layout.forgot-password .center-content .section .intro {
  margin-bottom: 16px;
}
.security-page .layout.forgot-password .center-content .section .intro p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  color: #0D0D0F;
  display: inline-block;
}
.security-page .layout.forgot-password .center-content .section .intro p.p1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
  padding: 0;
}
.security-page .layout.forgot-password .center-content .section .intro p.note {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 0;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form {
  margin: 0;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form .login-form-row.padding-top {
  padding-top: 16px;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col label {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text] {
  max-width: 490px;
  margin: 0;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col .link-btn.return-login {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  background-color: #ffffff;
  color: #0D0D0F;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 3px;
  border-bottom: 1px solid #ECECF3;
}
.security-page .layout.forgot-password .center-content .section .form-container .login-form .login-form-row .login-form-one-col .link-btn.return-login:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}

body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}
body #container {
  margin: 0;
}
body #container #main {
  background: #ECECF3;
  padding-top: 48px;
}
body #container #main #content {
  margin: 48px auto 100px;
  width: 90%;
}
body #container #main #content .one-column-text.nomination-one-column-text {
  border-radius: 16px 16px 0 0;
  padding: 48px 0 10px;
}
body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header {
  padding: 0;
  width: 95%;
  max-width: 1512px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header {
    width: 100%;
  }
}
body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header h1 {
  font-size: 48px;
  line-height: 56px;
  font-family: "XfinityBrownTT-Bold";
  color: #7B30FF;
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header h1 {
    font-size: 31px;
    line-height: 39px;
    margin-bottom: 16px;
  }
}
body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header p {
  font-family: "XfinityBrownTT-Regular";
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #000000;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header p {
    font-size: 16px;
    line-height: 24px;
  }
}
body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header p.required-text-instructions {
  font-size: 20px;
  line-height: 28px;
  font-family: "XfinityBrownTT-Bold";
  color: #000000;
  text-align: left;
  margin-bottom: 38px;
}
@media (max-width: 767px) {
  body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header p.required-text-instructions {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 35px;
  }
}
body #container #main #content .one-column-text.nomination-one-column-text .center-content .consent-wrap-header p.required-text-instructions .required-field-star {
  color: #7B30FF;
}
body #container #main #content .panel.form-panel {
  background: #ffffff;
  border-radius: 0 0 16px 16px;
  margin-top: -5%;
}
body #container #main #content .panel.form-panel .center-content .reg-form {
  padding: 20px 0 0 0;
  width: 90%;
  max-width: 1512px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  body #container #main #content .panel.form-panel .center-content .reg-form {
    width: 95%;
  }
}
body #container #main #content .panel.form-panel .center-content .reg-form .center-content {
  /*position: relative;
  display: block;
  width: 100%;
  max-width: 1296px;
  margin: 0 auto;*/
}
body #container #main #content .panel.form-panel .center-content .reg-form .center-content .reg-form-section .registration-form .reg-form-section-inner .reg-form-wrap {
  padding: 0 0 40px 0;
}
body #container #main #content .panel.form-panel .center-content .reg-form .form-btn-wrap {
  margin: 0 auto;
  padding-bottom: 48px;
}
body #container #main #content .panel.form-panel .center-content .reg-form .form-btn-wrap .form-btn {
  max-width: 97px;
}
body #container #main #content .panel.form-panel .center-content .reg-form .form-btn-wrap .form-btn:hover {
  background: #28282C;
}
body .footer-ui {
  width: 100%;
  height: 307px;
  border-radius: 61.4px 0 0 0;
  background: #7B30FF;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 32px;
}
body .footer-ui .container-ui {
  width: 100%;
  max-width: 1512px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
body .footer-ui .container-ui .copy-ui {
  width: 55%;
  max-width: 866px;
  height: auto;
  color: #ffffff;
  margin: auto;
  padding: 0 70px;
}
body .footer-ui .container-ui .copy-ui h3 {
  font-size: 36px;
  font-family: "XfinityBrownTT-Bold";
  line-height: 44px;
  padding-bottom: 30px;
}
body .footer-ui .container-ui .copy-ui p {
  font-family: "XfinityBrownTT-Regular";
  font-size: 18px;
  line-height: 26px;
}
body .footer-ui .container-ui .copy-ui p.pt-pb {
  padding: 25px 0 10px;
  font-family: "XfinityBrownTT-Bold";
}
body .footer-ui .container-ui .image-ui {
  width: 576px;
  max-width: 100%;
  height: 100%;
  background-image: url(../../images/client-imgs/footer-ui-landing.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 61.4px 0 0 0;
  image-rendering: -webkit-optimize-contrast;
}
body.security-page .panel.form-panel.consent-decline {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: auto;
  background: #ffffff;
  position: relative;
  padding: 40px 0 80px;
  height: auto;
  padding-bottom: 32px;
  min-height: 450px;
}
@media screen and (max-width: 767px) {
  body.security-page .panel.form-panel.consent-decline {
    padding: 30px 0;
    min-height: auto;
  }
}
body.security-page .panel.form-panel.consent-decline .center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1296px;
  margin: 0 auto;
}
body.security-page .panel.form-panel.consent-decline .center-content .decline-invite-header {
  margin-bottom: 80px;
}
body.security-page .panel.form-panel.consent-decline .center-content .decline-invite-header .decline-invite-title {
  font-size: 48px;
  line-height: 56px;
  font-family: "XfinityBrownTT-Bold";
  color: #7B30FF;
  text-align: left;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  body.security-page .panel.form-panel.consent-decline .center-content .decline-invite-header .decline-invite-title {
    font-size: 31px;
    line-height: 39px;
    margin-bottom: 16px;
  }
}
body.security-page .panel.form-panel.consent-decline .center-content .decline-invite-header .decline-invite-copy p {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  text-align: left;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  body.security-page .panel.form-panel.consent-decline .center-content .decline-invite-header .decline-invite-copy p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 27px;
  }
}
body.security-page .panel.form-panel.consent-decline .center-content .form-btn-wrap {
  padding: 32px 0 0;
}
body.security-page .panel.form-panel.consent-decline .center-content .form-btn-wrap .btn-decline {
  display: block;
  width: 100%;
  max-width: 153px;
  line-height: 49px;
  font-size: 14px;
  background: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  margin: 0 0 32px;
  cursor: pointer;
  border-radius: 10px;
  font-weight: normal;
  padding: 0;
}
body.security-page .panel.form-panel.consent-decline .center-content .form-btn-wrap .btn-decline:hover {
  background: #28282C;
}

@font-face {
  font-family: "XfinityBrownTT-Regular";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Regular.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Light";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Light.woff") format("woff");
}
@font-face {
  font-family: "XfinityBrownTT-Bold";
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.ttf") format("truetype");
  src: url("../../fonts/XfinityBrownTT/XfinityBrownTT-Bold.woff") format("woff");
}
/* General Colors, Font Sizes (h1, p, a, etc...) */
/* General Form Style(s) */
/* Button(s) */
/* Form Divider Row */
/*Prompt Colors, Font Sizes */
/* Two Column Offset Styles */
/* DROPDOWN CONTENT (select inputs) STYLES*/
/* MATERIALIZE TIME PICKER STYLES */
/* CUSTOM TIMEPICKER STYLES */
/* DATE PICKER STYLES */
/* FONT FAMILY */
/* 'px' sizes */
/* CBS Colors */
/*FONT & LINE HEIGHT SIZES*/
/*FONT WEIGHT*/
/*COLORS - default*/
/*$ltgrey3: #e1e1e1;*/
/*BGCOLORS*/
/*BORDER COLORS*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
}

html {
  /*overflow: hidden;
  overflow-y: auto;*/
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  font-family: "XfinityBrownTT-Regular";
  background: #8B8B97;
}

.center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}

.contrast-bg {
  background-color: #ebebeb;
}

.red-text {
  color: #BD1919;
}

.bold-text {
  font-weight: bold;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.black-btn {
  display: block;
  width: auto;
  line-height: 49px;
  font-size: 14px;
  background-color: #000000;
  text-transform: none;
  color: #ffffff;
  font-family: "XfinityBrownTT-Bold";
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: normal;
}
.black-btn:hover {
  background-color: #28282C;
}

.security-page .layout {
  position: relative;
  background: #ffffff;
  padding-bottom: 32px;
}
.security-page .layout .center-content {
  position: relative;
  display: block;
  width: 90%;
  max-width: 1112px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .security-page .layout .center-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .security-page .layout .center-content.mobile-padding {
    padding: 0 !important;
  }
}
.security-page .layout .center-content .section {
  position: relative;
  padding: 48px 0;
}
@media (max-width: 1023px) {
  .security-page .layout .center-content .section {
    padding: 24px !important;
  }
}
.security-page .layout .center-content .section .intro {
  padding: 0;
  font-family: "XfinityBrownTT-Regular";
  margin-bottom: 32px;
}
.security-page .layout .center-content .section .intro h1 {
  font-family: inherit;
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1.68px;
  color: #000000;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .security-page .layout .center-content .section .intro h1 {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -1.12px;
    width: 90%;
  }
}
.security-page .layout .center-content .section .intro p {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-align: left;
}
@media (max-width: 1023px) {
  .security-page .layout .center-content .section .intro p.margin-bottom {
    margin-bottom: 20px;
  }
}
.security-page .layout .center-content .section .intro p a {
  color: #7B30FF;
}
.security-page .layout .center-content .section .intro p a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container {
  padding: 0;
  border-radius: 0;
}
.security-page .layout .center-content .section .form-container p {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #0D0D0F;
}
.security-page .layout .center-content .section .form-container p .required-field {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6138F5;
}
.security-page .layout .center-content .section .form-container .login-form {
  margin: 48px 0 0;
  max-width: 100%;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row {
  /*&.checkbox-row {
      margin: 48px 0 64px;
      padding-top: 0;

      .login-form-one-col {

          input[type='checkbox'] {
              display: none;

              & + .checkbox-label {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 48px;
                  height: 48px;
                  border-radius: 6px;
                  background-color: $lightGray;

                  &:before {
                      content: "";
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      transform: translate(-50%,-50%);
                      width: 32px;
                      height: 32px;
                      border-radius: 4px;
                      border: none;
                      background: $white;
                  }

                  &:after {
                      position: absolute;
                      display: none;
                      content: map-get($icon, valid);
                      font-family: FontAwesome;
                      font-size: 12px;
                      color: map-get($color, secondary1);
                      @include center();
                  }
              }

              &:checked + .checkbox-label {
                  &:before {
                      background-color: $purple;
                  }

                  &:after {
                      display: block;
                  }
              }

              & + input[type="hidden"] + .checkbox-label {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 32px;
                  height: 32px;
                  border-radius: 6px;
                  background-color: $white;

                  &:before {
                      content: "";
                      position: absolute;
                      @include center();
                      width: 32px;
                      height: 32px;
                      border-radius: 6px;
                      border: none;
                      //background: $white;
                      background-color: $lightGray;
                  }

                  &:after {
                      display: none;
                      content: "";
                      // background-image: url(../../images/client-imgs/check-mark-icon.png);
                      //font-family: FontAwesome;
                      // background-size: contain;
                      // background-repeat: no-repeat;
                      // background-position: center center;
                      // position: absolute;
                      // top: 30%;
                      // left: 23%;
                      // width: 25px;
                      // height: 20px;
                      // image-rendering: -webkit-optimize-contrast;
                  }
              }

              &:checked + input[type="hidden"] + .checkbox-label {
                  &:before {
                      background-color: $purple;
                      background-image: url(../../images/client-imgs/checkmark-bg-purple.png);
                      background-size: contain;
                      background-repeat: no-repeat;
                      background-position: center center;
                      width: 32px;
                      height: 32px;
                      image-rendering: auto;
                  }

                  &:after {
                      //display: inline-block;
                  }
              }
          }


          .checkbox-copy {
              font-family: 'XfinityBrownTT-Light';
              font-weight: 300;
              display: inline-block;
              vertical-align: top;
              padding: 3px 0 0 60px;
              font-size: 16px;
              line-height: 24px;
              letter-spacing: -0.56px;
              color: $xfinityBlack;
              @include noselect();

              p {
                  display: inline;
              }
          }

          .login-form-label-disclaimer {
              font-size: 18px;
              line-height: 26px;
              color: $black;
              display: block;
              padding: 5px 0 0;
          }
      }

      .login-form-error {
          display: inline;
          font-size: 11px;
          color: $red-error;
          padding-left: 60px;

          .field-validation-error {
              display: inline;
              font-size: 11px;
              color: $red-error;
          }
      }
  }*/
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row:last-child {
  padding: 32px 0 0;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.not-visible {
  display: none;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col {
  position: relative;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col label {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.7px;
  color: #000000;
  display: inline-block;
  padding: 10px 0;
}
@media (max-width: 1023px) {
  .security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col label {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.63px;
  }
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col label .required-field {
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #7B30FF;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text] {
  display: block;
  width: 100%;
  margin: 5px 0 0;
  padding: 0 5px 0 16px;
  font-size: 16px;
  line-height: 45px;
  border-radius: 6px;
  background-color: #ECECF3;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text].input-validation-error {
  border-color: #BD1919;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text].focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]::-webkit-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]:-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]::-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]:-ms-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]:-ms-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=text]::placeholder {
  color: #8B8B97;
  font-size: 16px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password] {
  display: block;
  width: 100%;
  max-width: 490px;
  margin: 0;
  padding: 0 5px 0 16px;
  font-size: 16px;
  line-height: 45px;
  border-radius: 6px;
  background-color: #ECECF3;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password].input-validation-error {
  border-color: #BD1919;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password].focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]::-webkit-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]:-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]::-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]:-ms-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]:-ms-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-one-col input[type=password]::placeholder {
  color: #8B8B97;
  font-size: 16px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 11px 16px;
  font-family: "XfinityBrownTT-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  border-radius: 6px;
  background-color: #ECECF3;
  min-height: 108px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea.input-validation-error {
  border-color: #BD1919;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea::-webkit-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea:-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea::-moz-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea:-ms-input-placeholder,
.security-page .layout .center-content .section .form-container .login-form .login-form-row textarea::placeholder {
  color: #8B8B97;
  font-size: 16px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  flex-wrap: nowrap;
  padding: 6px 0 0;
  margin-bottom: 32px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #0D0D0F;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control + .form-control {
  margin-top: 1em;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control a {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #7B30FF;
  text-decoration: none;
  cursor: pointer;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control .star {
  color: #0556a5;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control input[type=checkbox] {
  -webkit-appearance: none; /* Add if not using autoprefixer */
  appearance: none; /* Remove most all native input styles */
  width: 32px;
  height: 32px;
  border: 2px solid #ECECF3;
  border-radius: 6px;
  background-color: #ECECF3; /* For iOS < 15 */
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control input[type=checkbox]:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: transparent;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control input[type=checkbox]:checked {
  border-color: transparent;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control input[type=checkbox]:checked:before {
  background-color: #7B30FF;
  background-image: url(../../images/client-imgs/checkmark-bg-purple.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
  image-rendering: auto;
  transform: translate(-50%, -50%) scale(1);
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control input[type=checkbox]:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 3px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row .form-control span {
  padding-left: 24px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row label {
  width: unset;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row label.error {
  position: absolute;
  left: 37px;
  bottom: -22px;
  color: #aa2132;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 0 0 0 20px;
  z-index: 3;
  display: block;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row label.error:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 9px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url(/assets/images/ico-error.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  image-rendering: auto;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row.checkbox-row label.checkbox-label .hidden {
  display: none;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-error {
  display: inline;
  font-size: 11px;
  color: #BD1919;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .login-form-error .field-validation-error {
  display: inline;
  font-size: 11px;
  color: #BD1919;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .security-btn {
  display: block;
  white-space: nowrap;
  width: auto;
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.56px;
  background-color: #7B30FF;
  text-transform: none;
  color: #ffffff;
  margin: 0 0 32px;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 8px;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .security-btn:hover {
  background-color: #28282C;
  color: #ffffff;
}
.security-page .layout .center-content .section .form-container .login-form .login-form-row .security-btn:focus-within {
  outline: 1px dashed #ffffff;
  outline-offset: -4px;
}
.security-page .layout .center-content .section .form-container .login-form-row .login-form-one-col .forgot-password-copy {
  border-bottom: 1px solid #ECECF3;
  width: 100%;
  max-width: 273px;
}
.security-page .layout .center-content .section .form-container .login-form-row .login-form-one-col .forgot-password-copy.back {
  max-width: 40px;
}
.security-page .layout .center-content .section .form-container .login-form-row .login-form-one-col .forgot-password-copy a {
  font-family: "XfinityBrownTT-Bold";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.56px;
  color: #0D0D0F;
  text-decoration: none;
  cursor: pointer;
}
.security-page .layout .center-content .section .form-container .login-form-row .login-form-one-col .forgot-password-copy a:focus-within {
  outline: 1px dashed #000000;
  outline-offset: 4px;
}

.dropdown-content.select-dropdown.year-dropdown {
  height: 531px !important;
}

.reg-form-section-inner .alert {
  display: none;
}

.admin-html a {
  color: #3EC4DF;
  text-decoration: underline;
}
.admin-html a:hover {
  text-decoration: none;
}
.admin-html .terms-and-conditions-copy {
  margin-bottom: 30px;
}
.admin-html .general-info-copy {
  margin-bottom: 30px;
}
.admin-html .added-travel-copy {
  margin-bottom: 0;
}
.admin-html .grey-text {
  color: #999999;
}
.admin-html .italic-text {
  font-style: italic;
}

.security-page.create-account .login-box .login-content {
  padding-bottom: 5%;
  top: 5%;
  transform: translate(-50%, 0);
}

.security-page.change-password .login-box .login-content {
  padding-bottom: 5%;
  top: 5%;
  transform: translate(-50%, 0);
}

/* IE 11 CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=tel] {
    height: 50px;
  }
  .header.header-B .center-content .logo-box {
    padding: 20px;
  }
}
html .dropdown-content.select-dropdown, body .dropdown-content.select-dropdown {
  top: 10%;
  position: fixed;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  /*height: 419px!important;*/
}
