html {
  width: 100%; }

body {
  background: none; }

a {
  color: inherit;
  text-decoration: none; }

.ngx-notify, .xHelpLabel, #xSectionGallery .xRow.n1 {
  display: none; }

.xComponent {
  padding: 0; }

.xSection {
  padding: 0; }

.xSectionContent .xComponent {
  border: 0; }

.xNavigation, .xNavShareWrapper {
  padding: 0;
  background: none; }

.xVariantLeft .xItemInner, .xVariantRight .xItemInner, .xMasthead .xItemInner {
  font-size: inherit; }
  .xVariantLeft .xItemInner > *, .xVariantRight .xItemInner > *, .xMasthead .xItemInner > * {
    font-size: inherit; }

.xPage {
  max-width: none;
  min-width: 0; }

.xPageHeader {
  margin-bottom: 0; }

.xButton {
  cursor: pointer; }

/*.xOverlay{
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    max-width:none;
    background: rgba(0,0,0,0.5);
    z-index:layer("popupBox");
    .xOverlayInner{
        //center lightbox
        position: absolute;
        //top: 50%; //top is defined by JS to align with item clicked
        left: 50%;
        transform: translateX(-50%);
        max-width:90%;
        padding:0;
        @include larger($small){
            top:2em !important;
        }
        @include smaller($small){
            top: 4px !important;
            min-width:75%;
        }
    }
    //close btn
    .xActionClose{
        position: absolute;
        right: 0;
        top: 0;
        margin-top:0;
        background:white;
        border-radius: 50%;

        // for some reason the overlay has 2 xActionClose buttons
        &.hasIcon{
            display:none;
        }
        a, .xButton{
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
        }
        .xIcon{
            color: #333;
            line-height:36px;
            &:before{
                font-size:30px;
            }
        }
        .xButton{
            margin-left: 0;
            color: #333;
            line-height: 33px;
            background: none;
            border: 0;
            span{
                font-size:0;
                font-family: "Arial", sans-serif;
                &:after{
                    content:"+";
                    display: inline-block;
                    position: relative;
                    top: -2px;
                    transform: rotate(45deg);
                    font-size:30px;
                    font-weight: 600;
                }
            }
        }
        @include larger($small){
            transform: translate(50%,-50%);
            border:solid 2px #999;
            width: 36px;
            height:36px;
        }
        @include smaller($small){
            height: 1vw;
            transform: translate(-1vw, -1vw);
        }
    }
    //content
    .xOverlayContent{
        position: relative;
        padding: 1rem 2rem;
        background: white;
        border: solid 1px #DDD;
        //social icon
        .xIconContainer{
            position:absolute;
            right:30px;
            .xIcon{
                font-size:1.75rem;
                opacity:0.5;
            }
        }
        //actions
        .xActionContainer{
            position: absolute;
            .xToolbar{
                overflow:visible;
                text-align: center;
            }
            li{
                position: relative;
                margin:0;
                padding: 0 0.5em;
            }
            a{
                font-size: 12px;
                &:hover .xIconLabel{
                    opacity:1;
                }
                .xIconLabel{
                    position: absolute;
                    top: -1.25em;
                    left: 50%;
                    transform: translateX(calc(-50% - 0.5em));
                    font-size:1em;
                    opacity: 0;
                    transition: opacity time("hover");
                }
            }
        }

        //copy
        .xCopyContainer{
            text-align: left;
        }

        //image
        .xMediaContainer{
            background: #eee;
        }

        //2 layouts, horizontal or vertical depending on available real estate
        //horz, larger than 1024
        @include larger($medium){
            //icon
            .xIconContainer{
                bottom:30px;
            }

            //image
            .xMediaContainer{
                float:right;
                width:70%;
            }

            //profile
            .xProfileWrapper{
                position:absolute;
                top: 20px;
                width: calc(30% - 30px);
            }

            //copy / content
            .xCopyContainer{
                position:relative;
                width: calc(30% - 30px);
                top: 70px;
                padding-top:30px;
                border-top:solid 1px #eee;
                p{
                    line-height:1.5rem;
                }
            }

            //actions
            .xActionContainer{
                bottom: 70px;
                width: calc(30% - 30px);
            }
        }
        //vert, smaller than 1024px
        @include smaller($medium){
            //icon
            .xIconContainer{
                bottom: 20px;
                border-left: solid 1px #eee;
                padding-left: 20px;
            }

            //profile
            .xProfileWrapper{
                position: relative;
            }

            //copy / content
            .xCopyContainer{
                position: absolute;
                bottom:0;
                width: calc(100% - 40px);
                padding-top: 100px;
                padding-bottom: 15px;
                border-bottom: solid 1px #eee;
                margin-bottom: 80px;
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
            }

            //actions
            .xActionContainer{
                bottom: 30px;
                right: 90px;
            }

        }

        @include smaller(478px){ //ES size
            //image
            .xMediaContainer{
                margin-bottom:0;
            }
            //copy / content
            .xCopyContainer{
                position:relative;
                bottom:auto;
                width:100%;
                padding-top: 20px;
                padding-bottom: 65px;
                margin-bottom: 20px;
                background: none;
            }

            //actions
            .xActionContainer{
                bottom: 115px;
                right: auto;
                width: calc(100% - 40px);
            }
            h1,p{
                display: inline;
            }
        }
    }
}*/
#xSectionCountdown {
  position: relative;
  text-align: center; }
  #xSectionCountdown h1 {
    font-size: 20px;
    margin-top: 0; }
  #xSectionCountdown h2 {
    font-size: 14px;
    line-height: 17px;
    margin-top: 6px; }
  #xSectionCountdown .xCountdownWrapper {
    margin-top: 12px; }
  #xSectionCountdown .xCountdownBody {
    display: inline-block; }
  #xSectionCountdown.xSectionActive ~ footer {
    padding-bottom: 20px; }

#xSectionCurtain {
  text-align: center; }

.xCustom-shortformRules {
  display: none; }

.xHelpContainer {
  max-width: 100%; }

.xFormLabel, p.xSubLabel {
  font-family: "Franklin Gothic URW Cond Medium", "Helvetica", Arial, sans-serif;
  font-size: 1.125em; }
  .xFormLabel .xCopy, .xFormLabel span, p.xSubLabel .xCopy, p.xSubLabel span {
    font-family: "FranklinGothicURW-Boo", "Helvetica", Arial, sans-serif; }
  .xFormLabel a, p.xSubLabel a {
    color: #c61f43; }

.xButton {
  background: #c61f43;
  padding: 1em 1.25em; }
  .xButton span {
    font-size: 16px;
    line-height: 1em;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0; }

#xReturningUserForm {
  border-top: 0; }
  #xReturningUserForm .xLabelContainer .step {
    font-size: 1.5em;
    font-family: "Franklin Gothic URW Cond Medium", "Helvetica", Arial, sans-serif; }
    #xReturningUserForm .xLabelContainer .step span {
      font-size: inherit; }
  #xReturningUserForm .xFieldWidthMedium.xFieldContainer .xField {
    max-width: 100%;
    width: 100%; }
    #xReturningUserForm .xFieldWidthMedium.xFieldContainer .xField input {
      padding: 1em 1em 0.8em 1em; }
  @media (min-width: 671px) {
    #xReturningUserForm {
      padding-left: 0.5em;
      padding-right: 0.5em; } }

.xFormContainer {
  padding-left: 0.5em;
  padding-right: 0.5em; }
  .xFormContainer #xCampaignForm {
    border-top: 0; }
  .xFormContainer .stepWrapper {
    font-size: 2.7rem; }
    .xFormContainer .stepWrapper h2 {
      margin-bottom: 0;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      font-family: "Franklin Gothic URW Cond Medium", "Helvetica", Arial, sans-serif; }
      .xFormContainer .stepWrapper h2 span {
        font-family: inherit;
        font-size: inherit; }
  .xFormContainer .xFieldItem {
    margin-bottom: 0; }
    .xFormContainer .xFieldItem + .xFieldItem {
      margin-top: 1.5em; }
  .xFormContainer .xFieldContainer .xField {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0; }
    .xFormContainer .xFieldContainer .xField + .xField {
      margin-top: 0.8em; }
    .xFormContainer .xFieldContainer .xField input, .xFormContainer .xFieldContainer .xField .xComboInput {
      padding: 0.8em 1em 0.5em 1em; }
    .xFormContainer .xFieldContainer .xField .xComboWrapper .xComboInput {
      font-size: 0.951em; }
    .xFormContainer .xFieldContainer .xField .xComboWrapper input {
      padding: 0; }
  .xFormContainer .xComboInput:before {
    display: none; }
  .xFormContainer .xComboInput:after {
    bottom: 50%;
    right: 0.75em;
    transform: translateY(70%); }
  .xFormContainer #addressWrapper .xFieldContainer .xField {
    max-width: 100%;
    width: 100%; }
  @media (min-width: 501px) {
    .xFormContainer #addressWrapper .xFieldContainer {
      display: flex;
      flex-wrap: wrap; } }
  .xFormContainer .xControlAddress .xFieldWrapAddress {
    margin-bottom: 0; }
    @media (max-width: 670px) {
      .xFormContainer .xControlAddress .xFieldWrapAddress + .xFieldWrapAddress {
        margin-top: 0.8em; } }
  @media (min-width: 501px) {
    .xFormContainer .xControlAddress #xFieldWrap_address_Address1 {
      min-width: 100%;
      margin-bottom: 0.8em; }
    .xFormContainer .xControlAddress #xFieldWrap_address_City {
      width: calc( 100% - 170px - 1em - 170px);
      padding-right: 1em; }
    .xFormContainer .xControlAddress #xFieldWrap_address_State {
      width: calc( 170px + 1em);
      padding-right: 1em; }
    .xFormContainer .xControlAddress #xFieldWrap_address_Zip {
      width: 170px; } }
  .xFormContainer #date_of_birthWrapper {
    max-width: 100%; }
    @media (min-width: 501px) {
      .xFormContainer #date_of_birthWrapper .xField + .xField {
        margin-top: 0; }
      .xFormContainer #date_of_birthWrapper .xCompositeItem-Month {
        width: calc( 100% - 170px - 1em - 170px);
        padding-right: 1em; }
      .xFormContainer #date_of_birthWrapper .xCompositeItem-Day {
        width: calc( 170px + 1em);
        padding-right: 1em; }
      .xFormContainer #date_of_birthWrapper .xCompositeItem-Year {
        width: 170px; }
      .xFormContainer #date_of_birthWrapper .dobWhyWeNeedThis {
        width: 100%;
        padding-left: 0;
        margin-top: 0.5em; } }
    @media (max-width: 500px) {
      .xFormContainer #date_of_birthWrapper .xCompositeItem-Day {
        width: calc( 50% + 0.5em);
        padding-right: 1em; }
      .xFormContainer #date_of_birthWrapper .xCompositeItem-Year {
        width: calc( 50% - 0.5em); }
      .xFormContainer #date_of_birthWrapper .dobWhyWeNeedThis {
        margin-top: 0.5em; } }
  .xFormContainer .xFieldItem.xControlBreak hr {
    border-bottom: solid 1px #b2b2b2; }
  .xFormContainer #html_01Wrapper:before {
    content: "Step 3: Additional Offers";
    font-family: "Franklin Gothic URW Cond Medium", "Helvetica", Arial, sans-serif;
    font-size: 2.7rem; }
  .xFormContainer #html_01Wrapper .stepWrapper {
    position: relative;
    padding-top: 1em; }
    .xFormContainer #html_01Wrapper .stepWrapper > small {
      position: absolute;
      top: 0; }
  .xFormContainer #html_01Wrapper .stepWrapper h3, .xFormContainer #html_02Wrapper .stepWrapper h3 {
    font-family: Georgia,Arial,Helvetica,sans-serif;
    font-style: italic; }
    .xFormContainer #html_01Wrapper .stepWrapper h3 b, .xFormContainer #html_02Wrapper .stepWrapper h3 b {
      font-weight: inherit; }
  .xFormContainer #break_04Wrapper {
    display: none; }
  .xFormContainer #html_02Wrapper {
    margin-top: 2.5em; }
    .xFormContainer #html_02Wrapper .stepWrapper small {
      display: inline-block;
      margin-top: 0.75em; }

.xClassCallout {
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center; }
  .xClassCallout .xItemInner {
    max-width: 400px;
    margin: 0 auto; }
    .xClassCallout .xItemInner p {
      font-size: 12px;
      line-height: 1.5em; }
  .xClassCallout a {
    color: #c61f43; }

.xSectionCurtain .xCopy {
  font-size: 14px !important;
  margin-top: 0.75em;
  padding-bottom: 0.5em; }

#xSectionConfirmation_xCampaignConfirmation {
  padding-top: 2em; }
  #xSectionConfirmation_xCampaignConfirmation h1 {
    text-align: center;
    line-height: 1.1em; }

#xSectionCountdown h1 {
  margin-bottom: 10px; }

#xSectionCountdown .xItemCountdown {
  margin-top: 8px; }