@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Rubik:300,400,500,700&display=swap);
#insureAnchor,
#insurelo {
  background: url("../../images/insure.com_2021LOGO_full color.svg")
    no-repeat;
  background-size: 100%;
}
#family_image {
  background: url(../../images/family_image.svg) no-repeat;
  background-position: 0 0;
}
#insureAnchor,
#insurelo {
  background-position: 0 -13px;
}
.avatar {
  background: url(../../images/Claire_2x.png) no-repeat;
  background-size: 100%;
}
#BirthDate::placeholder {
  font-style: italic;
}



#close,
#coveragetype-close-btn,
#interstitialClose,
.AddressIcon,
.EmailAddressIcon,
.checked_icon,
.dropdown-arrow,
.icon {
  background: url(../../images/life_form_icons.svg) no-repeat;
}


#close {
  background-size: 1500%;
  background-position: -244px -86px;
}
.EmailAddressIcon {
  background-size: 400px;
  background-position: 0 -72px;
}
.AddressIcon {
  background-size: 390px;
  background-position: -58px -70px;
}
.PhoneNumberIcon {
  background: url(../../images/PhoneNumber.svg) no-repeat;
  background-size: 20px;
}
.checked_icon {
  background-position: -224px -112px;
}
.checked_icon.active-box {
  background-position: -267px -112px;
}
.gender-female {
  background-position: 1px 0;
}
.gender-male {
  background-position: -77px 0;
}
.gender-non-binary {
  background: url(../../images/non_binary.svg) no-repeat;
  background-position: 8px 5px;
}
.home-insuranc {
  background-position: -310px -1px;
}
.medicalcondition-no {
  background-position: -213px 8px;
}
.tobaccouse-yes {
  background-position: -510px 5px;
}
.tobaccouse-no {
  background-position: -410px 0;
}
#address-info-edit-link {
  background-image: url(../../images/Edit.svg);
}
#interstitialClose {
  background-size: 1500%;
  background-position: -213px -75px;
}
#coveragetype-close-btn {
  background-position: -217px -76px;
  background-size: 430px;
}
.security_icon {
  background: url(../../images/Security.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 15px;
}
.address-container:focus-within .AddressIcon {
  background-position: -89px -70px;
}
.emailaddress-container:focus-within .EmailAddressIcon {
  background-position: -29px -72px;
}
@media only screen and (min-width: 750px) and (orientation: portrait),
  only screen and (min-width: 1024px) and (orientation: landscape) {
  #insurelo {
    background-position: 0 -18px;
  }
  .EmailAddressIcon {
    background-size: 550px;
    background-position: 1px -96px;
  }
  .AddressIcon {
    background-size: auto;
    background-position: -90px -111px;
  }
  .address-container:focus-within .AddressIcon {
    background-position: -139px -110px;
  }
  .emailaddress-container:focus-within .EmailAddressIcon {
    background-position: -40px -98px;
  }
}



/****new-add***/


      @media (min-width:576px) {
        .container {
          max-width: 540px
        }
      }

      @media (min-width:768px) {
        .container {
          max-width: 720px
        }
      }

      @media (min-width:992px) {
        .container {
          max-width: 960px
        }
      }

      @media (min-width:1200px) {
        .container {
          max-width: 1140px
        }
      }

      .clear {
        clear: both
      }

      .hide {
        display: none !important
      }

      .d_display {
        display: block
      }

      .d-hide {
        display: none
      }

      

      @media screen and (max-width:767px),
      screen and (max-width:900px) and (orientation:landscape) {
        .row1 {
          padding: 4% 2% 5%
        }

        #step_header {
          width: 100%
        }

        .m_call_agent a {
          font-family: Roboto, sans-serif;
          font-size: 15px;
          padding: 3% 9%
        }
      }

      @media screen and (min-width:400px) and (max-width:540px) {
        .m_call_agent a {
          margin-right: 0 !important
        }

        .row1 {
          padding: 4% 1% 5%
        }
      }

      @media only screen and (min-device-width:375px) and (max-device-width:479px) and (orientation:landscape) {
        .navigation_section #insureAnchor {
          top: 20px
        }

        #logo {
          float: left
        }

        #call_agent {
          float: right
        }

        .row1 {
          padding-bottom: 6%
        }
      }

      body {
        font-family: Rubik, sans-serif;
        overflow-x: hidden
      }

      #main_container {
        border-top: 1px solid #dad9d9;
        margin-bottom: 150px
      }

      #main_container input,
      #main_container select {
        font-family: Roboto, sans-serif
      }

      #step2_form {
        display: flex;
        flex-direction: row
      }

      .white_step_container {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        padding-top: 36px;
        color: #24355d;
        min-height: 370px;
        max-width: 100%;
        position: relative;
        text-align: center;
        min-height: 590px
      }

      .step-content {
        width: 90%;
        max-width: 450px;
        margin: 0 auto
      }

      .btitle {
        line-height: 28px;
        margin: 0 auto;
        font-size: 22px;
        color: #24355d;
        word-break: break-word
      }

      .stepTitle {
        margin: 0 auto;
        font-size: 15px
      }

      .ititle {
        font-style: italic;
        color: #4361ee;
        font-weight: 300;
        font-size: 15px;
        margin: 10px auto
      }

      .ititle2 {
        color: #24355d;
        font-weight: 400
      }

      .anyrecentincidents_section .btitle {
        margin-bottom: 10px
      }

      .anchor {
        color: #4361eecc;
        text-decoration: underline;
        cursor: pointer
      }

      #progress_bar {
        border-bottom: 5px solid #4361ee;
        opacity: .82;
        width: 20%
      }

      .j-switch {
        margin: 36px auto 0;
        max-width: 450px
      }

      .j-switch .input-wrap {
        display: inline-block;
        margin: 0 2%;
        width: 42%;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
      }

      .j-switch input {
        border: 1px solid #dad9d9;
        background: #fff;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #24355d;
        font-size: 15px;
        line-height: 1;
        margin-bottom: 5%;
        height: 139px;
        width: 100%;
        box-shadow: 2px 4px 0 #6a686A2B;
        -webkit-box-shadow: 2px 4px 0 #6a686A2B;
        -moz-box-shadow: 2px 4px 0 #6a686A2B;
        -ms-box-shadow: 2px 4px 0 #6a686A2B;
        -o-box-shadow: 2px 4px 0 #6a686A2B;
        transition: .15s ease-in-out;
        -webkit-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px
      }

      .j-switch .j-switch-on,
      .j-switch input:hover {
        background: #fff;
        border: 1px solid #4361ee;
        color: #4361ee;
        box-shadow: 2px 4px 0 #3392FF51;
        -webkit-box-shadow: 2px 4px 0 #3392FF51;
        -moz-box-shadow: 2px 4px 0 #3392FF51;
        -ms-box-shadow: 2px 4px 0 #3392FF51;
        -o-box-shadow: 2px 4px 0 #3392FF51
      }

      .gender .j-switch input,
      .medicalcondition .j-switch input,
      .tobaccouse .j-switch input {
        line-height: 15
      }

      .gender .j-switch {
        text-align: left
      }

      .gender .j-switch .input-wrap {
        margin: 0 0 3% 5%
      }

      .military_status .j-switch .input-wrap {
        width: 100%;
        display: block;
        margin: 0
      }

      .military_status .j-switch input {
        height: 44px;
        width: 83%
      }

      .icon {
        top: 20px;
        left: 0;
        right: 0;
        margin: auto;
        width: 83px;
        height: 85px;
        position: absolute
      }

      .icon:hover+.j-switch-toggle {
        border: 1px solid #4361ee;
        opacity: 1;
        color: #4361ee;
        box-shadow: 2px 4px 0 #3392FF51;
        -webkit-box-shadow: 2px 4px 0 #3392FF51;
        -moz-box-shadow: 2px 4px 0 #3392FF51;
        -ms-box-shadow: 2px 4px 0 #3392FF51;
        -o-box-shadow: 2px 4px 0 #3392FF51
      }

      #Gender-wrapper .icon {
        width: 60px
      }

      #TobaccoUse-wrapper .icon {
        width: 95px
      }

      .subtitle-wrap {
        color: #24355d;
        width: 100%;
        text-align: center;
        margin: 1rem auto;
        font-size: 15px;
        line-height: 1.5;
        font-weight: 500
      }

      .subtitle-wrap .ititle {
        color: #24355d;
        font-size: 15px;
        font-weight: 400
      }

      .coverageamount .j-switch .input-wrap,
      .coveragetype .j-switch .input-wrap,
      .militaryaffiliation .j-switch .input-wrap,
      .yearsofcoverage .j-switch .input-wrap {
        margin: 0 1%;
        width: 100%
      }

      .coverageamount .j-switch .input-wrap input,
      .coveragetype .j-switch .input-wrap input,
      .militaryaffiliation .j-switch .input-wrap input,
      .yearsofcoverage .j-switch .input-wrap input {
        width: 90%;
        padding: 10px 0;
        text-align: center;
        white-space: normal;
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 1rem;
        height: 47px;
        margin-bottom: 12px
      }

      #BirthDate {
        width: 100%;
        max-width: 292px;
        height: 44px;
        background: no-repeat padding-box #fff;
        border: 1px solid #4361ee;
        box-sizing: border-box;
        vertical-align: top;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        text-align: left;
        font-size: 1rem;
        font-weight: 300;
        line-height: 2;
        color: #606163;
        margin: 0;
        text-align: center;
        text-indent: 0;
        box-shadow: 2px 4px 0 #3392FF51;
        -webkit-box-shadow: 2px 4px 0 #3392FF51;
        -moz-box-shadow: 2px 4px 0 #3392FF51;
        -ms-box-shadow: 2px 4px 0 #3392FF51;
        -o-box-shadow: 2px 4px 0 #3392FF51
      }

      #BirthDate::placeholder {
        font-style: italic;
        color: #14203c;
        font-weight: 300
      }

      #BirthDate::-webkit-input-placeholder {
        font-style: italic;
        color: #14203c;
        font-weight: 300
      }

      #BirthDate::-moz-placeholder {
        font-style: italic;
        color: #14203c;
        font-weight: 300
      }

      #BirthDate:-ms-input-placeholder {
        font-style: italic;
        color: #14203c;
        font-weight: 300
      }

      #BirthDate:-moz-placeholder {
        font-style: italic;
        color: #14203c;
        font-weight: 300
      }

      #coverageamount_next,
      #coveragetype_next,
      #yearsofcoverage_next {
        width: 90%;
        margin-left: 10px
      }

      #birthdate-section .validation-msgs {
        width: 83%;
        max-width: 292px
      }

      #birthdate-section .input-container {
        width: 83%;
        margin: 2rem auto 2%
      }

      #address-section .btitle,
      #firstname-section .btitle {
        width: 80%;
        max-width: 270px
      }

      #address-section .input_content_wrapper,
      #firstname-section .input_content_wrapper {
        margin: 20px 0
      }

      #address-section .firstname,
      #firstname-section .firstname {
        margin-top: 2rem
      }

      #address-section .phonenumber,
      #firstname-section .phonenumber {
        margin-bottom: 2%;
        margin-top: 22px
      }

      #address-section input,
      #firstname-section input {
        margin-top: 0
      }

      #address-section input::placeholder,
      #firstname-section input::placeholder {
        font-style: italic;
        color: transparent
      }

      #address-section input::-webkit-input-placeholder,
      #firstname-section input::-webkit-input-placeholder {
        font-style: italic;
        color: transparent
      }

      #address-section input::-moz-placeholder,
      #firstname-section input::-moz-placeholder {
        font-style: italic;
        color: transparent
      }

      #address-section input:-ms-input-placeholder,
      #firstname-section input:-ms-input-placeholder {
        font-style: italic;
        color: transparent
      }

      #address-section input:-moz-placeholder,
      #firstname-section input:-moz-placeholder {
        font-style: italic;
        color: transparent
      }

      #address-section .btitle,
      #firstname-section .btitle {
        margin-bottom: 10px
      }

      #address-section .validation-msgs,
      #firstname-section .validation-msgs {
        width: 83%;
        max-width: 450px
      }

      #address-section .extra_text,
      #firstname-section .extra_text {
        display: flex;
        align-items: start;
        justify-content: center
      }

      #address-section .extra_text .extra_icon,
      #firstname-section .extra_text .extra_icon {
        min-width: 17px;
        width: 17px;
        height: 20px;
        margin: 4px 7px 0 0
      }

      #address-section .btitle {
        width: 100%;
        max-width: 100%
      }

      .input-container {
        width: 83%;
        max-width: 450px;
        margin: 0 auto;
        position: relative
      }

      .input-container label {
        position: absolute;
        left: 10px;
        background: #fff;
        color: #a8a7a6;
        padding: 4px 10px;
        top: 10px;
        font-size: 1rem;
        z-index: 1;
        font-style: italic;
        transition: .15s;
        font-family: Roboto, sans-serif, sans-serif
      }

      .input-container #EmailAddress-label {
        left: 40px
      }

      .input-container #Address-label,
      .input-container #PhoneNumber-label {
        left: 40px
      }

      .input-container input:focus {
        border-color: #4361ee;
        box-shadow: 2px 4px 0 #3392FF51;
        -webkit-box-shadow: 2px 4px 0 #3392FF51;
        -moz-box-shadow: 2px 4px 0 #3392FF51;
        -ms-box-shadow: 2px 4px 0 #3392FF51;
        -o-box-shadow: 2px 4px 0 #3392FF51
      }

      .input-container input:focus+label {
        color: #4361ee
      }

      #EmailAddress {
        text-indent: 2%;
        width: 100%
      }

      .AddressIcon,
      .EmailAddressIcon,
      .PhoneNumberIcon {
        position: absolute;
        top: 13px;
        height: 23px;
        width: 30px;
        margin-left: 31px;
        left: -7px
      }

      .EmailAddressIcon {
        height: 12px;
        width: 17px;
        top: 16px;
        margin-left: 28px
      }

      .AddressIcon {
        height: 19px;
        width: 18px;
        top: 16px;
        margin-left: 28px
      }

      .PhoneNumberIcon {
        background-size: 16px
      }

      .autosuggest {
        padding: 0;
        border: 1px solid #c7c3c3;
        width: 450px;
        margin: 0 auto;
        max-width: 450px;
        width: 100%
      }

      .autosuggest li {
        list-style: none;
        text-align: left;
        padding: 1%;
        font-size: 1rem;
        word-break: break-word;
        cursor: pointer
      }

      .autosuggest li:hover {
        background-color: #2f2f30
      }

      .autosuggest .autocomplete-active {
        background-color: #2f2f30
      }

      .textInput {
        height: 44px;
        padding: 0;
        font-size: 1rem;
        background: 0 0;
        z-index: 3;
        line-height: 1;
        font-weight: 400;
        color: #24355d;
        border: 1px solid #c7c3c3;
        text-align: center;
        margin: 2% 0 1%;
        width: 100%;
        box-shadow: 2px 4px 0 #6a686A2B;
        -webkit-box-shadow: 2px 4px 0 #6a686A2B;
        -moz-box-shadow: 2px 4px 0 #6a686A2B;
        -ms-box-shadow: 2px 4px 0 #6a686A2B;
        -o-box-shadow: 2px 4px 0 #6a686A2B;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        transition: .15s ease-in-out;
        -webkit-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out
      }

      #address-section-wrap {
        position: relative;
        margin: 0
      }

      #address-section-wrap #adress-info {
        display: inline-block;
        margin-right: 2%;
        color: #24355d;
        font-size: 1rem
      }

      #address-section-wrap #edit-address-wrap {
        display: inline-block
      }

      #address-section-wrap #address-info-edit-link {
        height: 15px;
        width: 18px;
        position: absolute;
        top: 0;
        margin-left: 7px
      }

      #zip-city-state-wrapper {
        width: 84%;
        max-width: 454px;
        margin: 20px auto;
        position: relative
      }

      #zip-city-state-wrapper input,
      #zip-city-state-wrapper select {
        border: 1px solid #4361ee;
        box-sizing: border-box;
        margin-left: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
      }

      #zip-city-state-wrapper .input_content_wrapper {
        display: inline-block;
        vertical-align: top;
        margin: 2% 0;
        width: 27%
      }

      #zip-city-state-wrapper .input_content_wrapper:first-child {
        width: 45%
      }

      #zip-city-state-wrapper .input-container,
      #zip-city-state-wrapper .textInput {
        width: 100%
      }

      #zip-city-state-wrapper .selectbtn,
      #zip-city-state-wrapper .textInput {
        margin-left: 0;
        line-height: 18px;
        box-sizing: border-box;
        padding: 0;
        height: 44px;
        margin: 0;
        text-indent: 1rem;
        font-size: 13px;
        text-align: left;
        box-shadow: 2px 4px 0 #3392FF51;
        -webkit-box-shadow: 2px 4px 0 #3392FF51;
        -moz-box-shadow: 2px 4px 0 #3392FF51;
        -ms-box-shadow: 2px 4px 0 #3392FF51;
        -o-box-shadow: 2px 4px 0 #3392FF51
      }

      #zip-city-state-wrapper #City {
        border-radius: 4px 0 0 4px;
        border-right: 0;
        cursor: pointer;
        text-align-last: start;
        padding-right: 1rem
      }

      #zip-city-state-wrapper #State {
        opacity: 1;
        color: inherit;
        border-right: 0
      }

      #zip-city-state-wrapper #PostalCode {
        border-radius: 0 4px 4px 0;
        text-indent: 31%
      }

      #zip-city-state-wrapper label {
        display: none
      }

      #zip-city-state-wrapper .validation-msgs {
        position: absolute;
        width: 300px;
        left: 0;
        margin-top: 3px;
        z-index: 2
      }

      .extra_info {
        max-width: 370px;
        margin: 24px auto 0;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: center
      }

      .extra_info .extra_text {
        font-style: italic
      }

      .avatar {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        align-self: flex-start;
        margin-top: 12px
      }

      .extra_text {
        text-align: left;
        margin: 0 0 0 12px;
        width: 75%;
        max-width: 230px;
        background: #f9f8f8;
        padding: 12px 22px 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-sizing: border-box
      }

      .extra_text .info {
        font-size: 12px;
        line-height: 16px;
        color: #39393a;
        margin: 4px auto 18px;
        opacity: .8;
        font-family: Roboto, sans-serif
      }

      .safe_info {
        font-size: 11px;
        color: #24355d;
        font-style: italic
      }

      .maritalstatus_section .extra_text .info,
      .military_status_section .extra_text .info {
        width: 100%
      }

      .disclaimerDiv {
        font-size: 12px;
        font-family: Roboto, sans-serif;
        color: #797676;
        width: 100%;
        max-width: 289px;
        font-weight: 400;
        text-align: left;
        margin: 2rem auto 4rem;
        line-height: 16px
      }

      .disclaimerDiv .disclaimer div {
        margin-bottom: 10px
      }

      .disclaimerDiv a {
        color: #4361ee;
        text-decoration: underline
      }

      #tcpa_disclaimer p {
        margin-top: 2%
      }

      #tcpa_disclaimer {
        margin: 30px auto
      }

      section#tcpaDisclaimer {
        position: fixed;
        z-index: 9999;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #0006
      }

      section#tcpaDisclaimer .content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        height: 70%;
        border-radius: 4px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
        position: relative
      }

      section#tcpaDisclaimer #close {
        position: absolute;
        right: -10px;
        width: 32px;
        height: 32px;
        top: -10px;
        cursor: pointer;
        border-radius: 50%
      }

      #tic {
        overflow-y: scroll;
        width: 100%;
        height: 100%
      }

      #ticTitle {
        font-family: Arial;
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 1%;
        color: #444
      }

      .tcpaInsuranceCompanies p {}

      #tcpaSecondLine {
        margin: 0 auto;
        width: 265px;
        color: #333;
        line-height: 1.2;
        text-align: justify;
        font-size: 10px;
        display: none
      }

      #tcpaSecondLine a {
        color: #333
      }

      #tic {
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch
      }

      #ticTitle {
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 1%;
        color: #444
      }

      .tcpaInsuranceCompanies p {
        font-family: Arial;
        font-size: 14px;
        font-weight: 400;
        text-align: justify;
        line-height: 2
      }

      @media screen and (max-width:850px) {
        #tcpaDisclaimer .content {
          width: 70% !important
        }

        #ticTitle {
          font-size: 14px !important;
          padding-bottom: 3% !important
        }

        .tcpaInsuranceCompanies p {
          line-height: 1.5em !important;
          font-size: 13px !important
        }
      }

      .nxt-btn {
        cursor: pointer;
        background-color: #4361ee;
        font-family: Roboto, sans-serif;
        color: #fff;
        outline: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        font-size: 24px;
        font-weight: 600;
        width: 30%;
        font-size: 18px;
        border: none;
        margin: 2% 0 5%;
        height: 44px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 2px 4px 0 #6a686A2B;
        -webkit-box-shadow: 2px 4px 0 #6a686A2B;
        -moz-box-shadow: 2px 4px 0 #6a686A2B;
        -ms-box-shadow: 2px 4px 0 #6a686A2B;
        -o-box-shadow: 2px 4px 0 #6a686A2B;
        transition: .15s ease-in-out;
        -webkit-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        -moz-transition: .15s ease-in-out
      }

      .nxt-btn:hover {
        background-color: #1835bf
      }

      #birthdate_next {
        width: 83%;
        max-width: 292px;
        margin-top: 2.5%
      }

      #CoverageAmount-wrapper .validation-msgs,
      #CoverageType-wrapper .validation-msgs,
      #YearsOfCoverage-wrapper .validation-msgs {
        margin-left: 7%
      }

      #MilitaryStatus-wrapper .validation-msgs,
      #ServiceBranch-wrapper .validation-msgs {
        margin-left: 7.5%
      }

      #address_next {
        margin: 20px 0 5%
      }

      #address_next,
      #firstname_next {
        width: 85%;
        max-width: 450px;
        margin-left: 1.5%
      }

      #height_next,
      #militarystatus_next {
        width: 300px;
        max-width: 450px
      }

      #height_next {
        margin-top: 0
      }

      #height-section .dropdown-arrow {
        right: 18px
      }

      .bottom-wrap {
        position: relative
      }

      select {
        border: 1px solid #c7c3c3;
        background: #fff;
        padding-right: 10px;
        color: #14203c;
        cursor: pointer;
        -webkit-appearance: none;
        text-align: left;
        font-size: 15px;
        padding-left: 1rem;
        width: 100%;
        height: 44px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 2px 2px 0 #6a686A51;
        -webkit-box-shadow: 2px 2px 0 #6a686A51;
        -moz-box-shadow: 2px 2px 0 #6a686A51;
        -ms-box-shadow: 2px 2px 0 #6a686A51;
        -o-box-shadow: 2px 2px 0 #6a686A51
      }

      .back {
        color: #24355d;
        text-decoration: none;
        cursor: pointer;
        font-size: 14px;
        margin: 0 0 0 5%;
        position: absolute;
        left: 3%;
        bottom: -10px
      }

      .address_section .back {
        left: 8%
      }

      #CoverageAmount_back_btn,
      #CoverageType_back_btn,
      #YearsOfCoverage_back_btn {
        bottom: -40px
      }

      .selectDropImage {
        width: 27px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 15px;
        z-index: 1;
        pointer-events: none;
        cursor: pointer
      }

      #CityArrow {
        right: 2px;
        background-color: #fff
      }

      .validation-msgs {
        margin: 0 auto;
        text-align: left
      }

      .validation-msgs span {
        color: #fd1037;
        font-size: 11px;
        clear: both
      }

      .m-hide {
        display: none
      }

      @keyframes fadeCenterToLeft {
        from {
          opacity: 1;
          transform: translateX(0)
        }

        to {
          opacity: 0;
          transform: translateX(-100%)
        }
      }

      @-webkit-keyframes fadeCenterToLeft {
        from {
          opacity: 1;
          -webkit-transform: translateX(0)
        }

        to {
          opacity: 0;
          -webkit-transform: translateX(-100%)
        }
      }

      .fadeCenterToLeft {
        -webkit-animation-name: fadeCenterToLeft;
        animation-name: fadeCenterToLeft;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
      }

      @keyframes fadeRightToCenter {
        0% {
          opacity: 0;
          transform: translateX(100%)
        }

        5% {
          opacity: .2;
          transform: translateX(95%)
        }

        100% {
          opacity: 1;
          transform: translateX(0)
        }
      }

      @-webkit-keyframes fadeRightToCenter {
        0% {
          opacity: 0;
          -webkit-transform: translateX(100%)
        }

        5% {
          opacity: .2;
          -webkit-transform: translateX(95%)
        }

        100% {
          opacity: 1;
          -webkit-transform: translateX(0)
        }
      }

      .fadeRightToCenter {
        -webkit-animation-name: fadeRightToCenter;
        animation-name: fadeRightToCenter;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
      }

      @keyframes fadeCenterToRight {
        0% {
          opacity: 1;
          transform: translateX(0)
        }

        100% {
          opacity: 0;
          transform: translateX(100%)
        }
      }

      @-webkit-keyframes fadeCenterToRight {
        0% {
          opacity: 1;
          -webkit-transform: translateX(0)
        }

        100% {
          opacity: 0;
          -webkit-transform: translateX(100%)
        }
      }

      .fadeCenterToRight {
        -webkit-animation-name: fadeCenterToRight;
        animation-name: fadeCenterToRight;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
      }

      @keyframes fadeLeftToCenter {
        0% {
          opacity: 0;
          transform: translateX(-100%)
        }

        5% {
          opacity: .2;
          transform: translateX(-95%)
        }

        100% {
          opacity: 1;
          transform: translateX(0)
        }
      }

      @-webkit-keyframes fadeLeftToCenter {
        0% {
          opacity: 0;
          -webkit-transform: translateX(-100%)
        }

        5% {
          opacity: .2;
          -webkit-transform: translateX(-95%)
        }

        100% {
          opacity: 1;
          -webkit-transform: translateX(0)
        }
      }

      .fadeLeftToCenter {
        -webkit-animation-name: fadeLeftToCenter;
        animation-name: fadeLeftToCenter;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
      }

      .dropbtn {
        background-color: #fff;
        color: #636262;
        width: 230px;
        padding: 16px 0;
        font-size: 16px;
        font-weight: 300;
        font-family: Roboto, sans-serif;
        border: none;
        cursor: pointer;
        text-align: center;
        font-style: italic;
        box-shadow: 2px 4px 0 #6a686A2B;
        -webkit-box-shadow: 2px 4px 0 #6a686A2B;
        -moz-box-shadow: 2px 4px 0 #6a686A2B;
        -ms-box-shadow: 2px 4px 0 #6a686A2B;
        -o-box-shadow: 2px 4px 0 #6a686A2B;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #c7c3c3;
        height: 14px
      }

      .dropdown {
        position: relative;
        display: inline-block
      }

      .dropdown-content {
        display: none;
        position: absolute;
        min-width: 230px;
        overflow: auto;
        box-shadow: 2px 4px 0 #6a686A2B;
        -webkit-box-shadow: 2px 4px 0 #6a686A2B;
        -moz-box-shadow: 2px 4px 0 #6a686A2B;
        -ms-box-shadow: 2px 4px 0 #6a686A2B;
        -o-box-shadow: 2px 4px 0 #6a686A2B;
        z-index: 1;
        margin-bottom: 5px
      }

      .dropdown-content .list-elem {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        background-color: #fff;
        border: 1px solid #dad9d9
      }

      .dropdown .list-elem:hover {
        background-color: #4361ee;
        color: #fff
      }

      .show {
        display: block
      }

      .dropdown .dropdown-arrow {
        height: 15px;
        width: 15px;
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 40%;
        background-position: -187px -109px;
        cursor: pointer;
        pointer-events: none
      }

      #Weight {
        max-width: 230px;
        box-sizing: border-box
      }

      #Height-wrapper,
      #Weight-wrapper {
        margin: 1rem auto
      }

      #Height-wrapper {
        margin-top: 1.5rem
      }

      #Height-wrapper .validation-msgs {
        margin-left: 25%
      }

      #Weight-wrapper .validation-msgs {
        margin-left: 25.5%
      }

      #interstitial_modal {
        position: fixed;
        z-index: 2;
        padding-top: 15px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0, 0, 0, .4)
      }

      #interstitial_modal .int_header {
        position: absolute;
        top: 27px;
        width: 100%;
        font-size: 15px;
        text-align: center;
        line-height: 18px
      }

      #interstitial_modal .int_header .desk_text {
        display: none
      }

      #interstitial_modal .content {
        background-color: #fefefe;
        margin: auto auto 37%;
        width: 90%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column
      }

      #interstitial_modal #interstitialClose {
        width: 28px;
        height: 28px;
        position: absolute;
        right: -12px;
        top: -11px;
        cursor: pointer
      }

      .load {
        width: 30px !important;
        height: 30px !important
      }

      #iListing {
        width: 100%;
        margin-top: 10%
      }

      #iListing .iContent {
        padding: 8% 5% 9%
      }

      #iListing p {
        text-align: center;
        font-size: 15px;
        font-family: Rubik, sans-serif;
        font-weight: 500;
        color: #24355d;
        line-height: 18px;
        margin-bottom: 5%
      }

      #iContinue {
        text-align: center;
        background-color: #e3e7fd;
        vertical-align: top;
        padding: 2%
      }

      #iContinue #rate {
        font-family: Rubik, sans-serif;
        font-weight: 700;
        margin: 0;
        color: #24355d;
        font-size: 28px;
        line-height: 27px;
        margin-top: 10%
      }

      #iContinue #customized {
        margin: 3% auto;
        font-family: Rubik, sans-serif;
        font-style: italic;
        color: #24355d;
        width: 72%;
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 4%
      }

      #iContinue button {
        width: 244px;
        height: 43px;
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        font-family: Roboto, sans-serif, sans-serif;
        font-weight: 700;
        color: #fff;
        background-color: #4361ee;
        box-shadow: 5px 9px 13px #9a9C9EA1;
        margin-bottom: 10%;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: none
      }

      #right_placeholder {
        position: absolute;
        top: 22px;
        right: 40px;
        font-size: 16px;
        color: #606163;
        font-family: Roboto, sans-serif
      }

      #security {
        font-size: 14px;
        font-style: italic;
        font-weight: 700;
        font-family: Roboto, sans-serif, sans-serif
      }

      .weight-container {
        width: 100%;
        max-width: 338px
      }

      .weight-container .left-label {
        color: #636262;
        margin-right: 10px
      }

      #Height-wrapper .left-label {
        margin-right: 10px;
        color: #636262
      }

      .left-label {
        font-size: 16px;
        font-weight: 700;
        font-family: Roboto, sans-serif
      }

      .MilitaryStatus-wrapper,
      .ServiceBranch-wrapper {
        margin: 1.5rem 0
      }

      .MilitaryStatus-wrapper .left-label,
      .ServiceBranch-wrapper .left-label {
        display: block;
        text-align: left;
        margin-left: 7%;
        margin-bottom: 10px;
        font-size: 16px;
        color: #636262
      }

      .MilitaryStatus-wrapper .dropbtn,
      .MilitaryStatus-wrapper .dropdown-content,
      .ServiceBranch-wrapper .dropbtn,
      .ServiceBranch-wrapper .dropdown-content {
        width: 295px;
        box-sizing: border-box
      }

      .MilitaryStatus-wrapper .dropbtn,
      .ServiceBranch-wrapper .dropbtn {
        height: 48px
      }

      .ServiceBranch-wrapper {
        margin-bottom: 1rem
      }

      .input-wrap .checked_icon {
        height: 20px;
        width: 20px;
        position: absolute;
        top: 15px;
        left: 35px
      }

      @media only screen and (min-width:750px) and (orientation:portrait),
      only screen and (min-width:1024px) and (orientation:landscape) {
        header {
          padding-bottom: 0;
          margin: 0 auto
        }

        .d-hide {
          display: none !important
        }

        .m-hide {
          display: block
        }

        #main_container {
          margin-bottom: 0
        }

        .stepTitle {
          margin-top: 20px
        }

        .white_step_container {
          min-height: 830px
        }

        .step-content {
          position: relative;
          width: 100%;
          max-width: 730px
        }

        .ititle {
          font-size: 20px;
          margin-bottom: 0
        }

        #gender-section .ititle {
          font-size: 25px
        }

        .btitle {
          font-size: 35px;
          margin: 20px auto 2%;
          line-height: 40px;
          color: #24355d
        }

        #address-section .step-content,
        #firstname-section .step-content {
          max-width: 768px
        }

        #address-section .stepTitle,
        #firstname-section .stepTitle {
          margin-bottom: 3rem
        }

        #address-section input::placeholder,
        #firstname-section input::placeholder {
          color: transparent
        }

        #address-section input::-webkit-input-placeholder,
        #firstname-section input::-webkit-input-placeholder {
          color: transparent
        }

        #address-section input::-moz-placeholder,
        #firstname-section input::-moz-placeholder {
          color: transparent
        }

        #address-section input:-ms-input-placeholder,
        #firstname-section input:-ms-input-placeholder {
          color: transparent
        }

        #address-section input:-moz-placeholder,
        #firstname-section input:-moz-placeholder {
          color: transparent
        }

        #address-section .btitle,
        #firstname-section .btitle {
          max-width: 768px;
          width: 100%
        }

        #address-section .input_content_wrapper,
        #firstname-section .input_content_wrapper {
          margin: 1.9rem 0
        }

        #address-section .validation-msgs,
        #firstname-section .validation-msgs {
          margin-top: 5px
        }

        #address-section .extra_text .extra_icon,
        #firstname-section .extra_text .extra_icon {
          margin-top: 5px
        }

        #address-section .input_content_wrapper {
          margin: 1.8rem 0
        }

        #zip-city-state-wrapper {
          margin: 0 auto;
          padding: 17px 0
        }

        #zip-city-state-wrapper .input_content_wrapper {
          margin: 0
        }

        #zip-city-state-wrapper .selectbtn,
        #zip-city-state-wrapper .textInput {
          height: 60px;
          font-size: 1rem
        }

        #zip-city-state-wrapper label {
          left: 4%;
          padding: 0 10px;
          font-size: 1rem;
          z-index: 1;
          position: absolute;
          background-color: #fff;
          color: #4361ee;
          display: block;
          top: -4px
        }

        #zip-city-state-wrapper #City-label {
          font-weight: 500
        }

        .j-switch {
          max-width: 730px
        }

        .j-switch .input-wrap {
          width: 45%;
          max-width: 45%;
        }

        .j-switch input {
          height: 154px;
          font-size: 1rem
        }

        .gender .j-switch input,
        .medicalcondition .j-switch input,
        .tobaccouse .j-switch input {
          height: 155px;
          line-height: 15
        }

        .icon {
          top: 24px
        }

        .coverageamount .j-switch,
        .coveragetype .j-switch,
        .militaryaffiliation .j-switch,
        .yearsofcoverage .j-switch {
          max-width: 710px
        }

        .coverageamount .j-switch .input-wrap,
        .coveragetype .j-switch .input-wrap,
        .militaryaffiliation .j-switch .input-wrap,
        .yearsofcoverage .j-switch .input-wrap {
          margin: 5px 10px;
          width: 35%;
          max-width: 218px
        }

        .coverageamount .j-switch .input-wrap input,
        .coveragetype .j-switch .input-wrap input,
        .militaryaffiliation .j-switch .input-wrap input,
        .yearsofcoverage .j-switch .input-wrap input {
          font-size: 17px;
          height: 55px;
          line-height: 1;
          word-spacing: normal;
          text-transform: capitalize
        }

        .coveragetype .j-switch .input-wrap {
          width: 45%;
          max-width: 500px
        }

        .coverageamount .j-switch .input-wrap,
        .coveragetype .j-switch .input-wrap {
          width: 40%;
          max-width: 500px;
          margin: 5px 0
        }

        .yearsofcoverage .j-switch {
          max-width: 480px;
          text-align: left
        }

        .yearsofcoverage .j-switch .input-wrap {
          width: 50%;
          max-width: 218px;
          margin: 5px 11px
        }

        .yearsofcoverage .j-switch .input-wrap input {
          width: 100%
        }

        #coverageamount_next,
        #coveragetype_next {
          width: 63.5%;
          max-width: 600px;
          margin-left: 0
        }

        #yearsofcoverage_next {
          max-width: 458px;
          margin-left: 0
        }

        #CoverageAmount_back_btn,
        #CoverageType_back_btn,
        #YearsOfCoverage_back_btn {
          margin-top: 110px;
          left: 154px;
          bottom: auto
        }

        #MilitaryAffiliation_back_btn {
          margin-top: 20px;
          left: 220px
        }

        .militaryaffiliation .j-switch .input-wrap {
          margin: 5px 0
        }

        .input-wrap .checked_icon {
          height: 20px;
          width: 20px;
          position: absolute;
          top: 16px;
          left: 35px
        }

        .subtitle-wrap {
          display: inline-block;
          width: 35%;
          text-align: right;
          margin: 5px 2% 3% 0;
          line-height: 1.3;
          font-size: 1rem;
          color: #14203c
        }

        .subtitle-wrap .ititle {
          font-size: 13px
        }

        .birthdate {
          display: inline-block;
          vertical-align: top;
          width: 50%;
          max-width: 292px;
          margin-top: 20px
        }

        #birthdate-section .input-container {
          width: 100%;
          margin: 0 auto
        }

        #security {
          font-weight: 400;
          margin-top: 5px
        }

        #BirthDate {
          max-width: 292px;
          height: 60px;
          font-size: 20px;
          padding-left: 28px;
          text-align: left;
          margin: 0
        }

        .gender .j-switch {
          text-align: center
        }

        .gender .j-switch .input-wrap {
          width: 27%;
          max-width: 167px;
          margin: 0 0 20px 2%
        }

        .input-container label {
          position: absolute;
          left: 3%;
          top: -8px;
          background: #fff;
          padding: 0 10px;
          color: #a8a7a6;
          font-style: normal;
          font-weight: 500;
          font-size: 15px
        }

        .input-container .PhoneNumberIcon {
          display: none
        }

        .input-container #Address-label,
        .input-container #EmailAddress-label,
        .input-container #PhoneNumber-label {
          left: 3%
        }

        .textInput {
          height: 60px;
          font-size: 20px;
          margin-bottom: 0
        }

        #address-section-wrap {
          padding-bottom: 9px
        }

        #address-section-wrap #adress-info {
          margin-right: 5px;
          color: #24355d
        }

        #address-section-wrap #address-info-edit-link {
          text-decoration: underline;
          color: #094eee;
          background-image: none;
          background-color: red;
          position: relative;
          top: 0
        }

        #address-section #PhoneNumber {
          padding-left: 0
        }

        #address-section #PhoneNumber::placeholder {
          text-indent: 20px;
          color: #606163 !important;
          font-style: normal
        }

        #address-section #PhoneNumber::-webkit-input-placeholder {
          text-indent: 20px;
          color: #606163 !important;
          font-style: normal
        }

        #address-section #PhoneNumber::-moz-placeholder {
          text-indent: 20px;
          color: #606163 !important;
          font-style: normal
        }

        #address-section #PhoneNumber:-ms-input-placeholder {
          text-indent: 20px;
          color: #606163 !important;
          font-style: normal
        }

        #address-section #PhoneNumber:-moz-placeholder {
          text-indent: 20px;
          color: #606163 !important;
          font-style: normal
        }

        .extra_text .info {
          width: 100%;
          font-size: 14px;
          line-height: 18px;
          margin: 10px auto 14px
        }

        .avatar {
          width: 55px;
          height: 55px;
          align-self: baseline;
          margin-top: 13px
        }

        .AddressIcon,
        .EmailAddressIcon {
          top: 20px;
          height: 24px;
          width: 29px
        }

        .AddressIcon {
          display: inline;
          height: 30px
        }

        .selectDropImage {
          right: 15px;
          top: 20px
        }

        #CityArrow {
          right: 10px;
          top: 22px
        }

        .bottom-wrap {
          margin-bottom: 1%
        }

        select {
          max-width: 100%;
          height: 54px;
          font-size: 18px
        }

        .nxt-btn {
          font-size: 24px;
          max-width: 125px;
          height: 55px
        }

        #birthdate_next {
          height: 60px;
          max-width: 126px;
          margin-top: 20px;
          margin-left: 10px
        }

        #CoverageAmount-wrapper .validation-msgs,
        #CoverageType-wrapper .validation-msgs {
          margin-left: 18.5%
        }

        #MilitaryStatus-wrapper .validation-msgs,
        #ServiceBranch-wrapper .validation-msgs {
          text-align: left;
          margin: 5px;
          margin-left: 42.5%
        }

        #YearsOfCoverage-wrapper .validation-msgs {
          margin-left: 23%
        }

        #address_next {
          margin: 2.3% 0
        }

        #firstname_next,
        #militarystatus_next {
          margin: 1% 0;
          height: 60px
        }

        #firstname_next {
          margin: .2% 0 1%
        }

        #address_next,
        #firstname_next {
          max-width: 456px
        }

        #militarystatus_next {
          max-width: 168px;
          margin-left: 350px;
          margin-top: 0
        }

        #height_next {
          max-width: 160px;
          margin-left: 243px
        }

        #Height_back_btn {
          left: 244px;
          margin-top: 0
        }

        #MilitaryStatus_back_btn {
          left: 305px
        }

        #height-section .extra_info {
          max-width: 500px;
          margin: 1rem auto 0
        }

        #height-section .dropdown-arrow {
          right: 25px
        }

        .back {
          bottom: auto;
          margin: 0;
          left: 35px;
          color: #14203c;
          font-size: 14px
        }

        .gender_section .back {
          bottom: 11rem;
          left: 160px
        }

        .medicalcondition_section .back,
        .tobaccouse_section .back {
          bottom: 10rem;
          left: 160px
        }

        .military_status_section .back {
          bottom: 9rem;
          left: 167px
        }

        .birthdate_section .back {
          left: 150px;
          bottom: 9rem
        }

        .firstname_section .back {
          bottom: 9.8rem;
          left: 160px
        }

        .gender_section .back {
          left: 110px
        }

        .address_section .back {
          bottom: 9.5rem;
          left: 160px
        }

        .validation-msgs {
          text-align: left;
          margin: 0 auto
        }

        .validation-msgs span {
          font-size: 14px
        }

        #BirthDate-wrapper .validation-msgs {
          margin: 3% 0;
          width: 100%
        }

        .extra_info {
          margin: 5em auto 0;
          align-items: flex-start;
          max-width: 425px
        }

        .extra_info .extra_text {
          width: 100%;
          max-width: 366px;
          padding-bottom: 8px
        }

        .disclaimerDiv {
          text-align: center;
          max-width: 850px;
          width: 100%;
          font-size: 13px
        }

        .disclaimerDiv .disclaimer {
          margin-top: 40px
        }

        .fadeCenterToLeft {
          -webkit-animation-duration: .5s;
          animation-duration: .5s
        }

        .fadeRightToCenter {
          -webkit-animation-duration: .5s;
          animation-duration: .5s
        }

        .fadeCenterToRight {
          -webkit-animation-duration: .5s;
          animation-duration: .5s
        }

        .fadeLeftToCenter {
          -webkit-animation-duration: .5s;
          animation-duration: .5s
        }

        .dropbtn {
          padding: 24px 0;
          width: 320px
        }

        .dropdown-content {
          width: 320px
        }

        .weight-container {
          max-width: 450px
        }

        .weight-container .left-label {
          margin-right: 25px
        }

        .weight-container #Weight {
          max-width: 320px
        }

        #Height-wrapper .left-label {
          margin-right: 25px
        }

        #Height-wrapper .validation-msgs,
        #Weight-wrapper .validation-msgs {
          text-align: left;
          margin: 5px;
          margin-left: 35.5%
        }

        #Weight-wrapper .validation-msgs {
          margin-left: 36%
        }

        .MilitaryStatus-wrapper .left-label,
        .ServiceBranch-wrapper .left-label {
          display: inline;
          margin-bottom: 10px;
          margin-right: 25px
        }

        .MilitaryStatus-wrapper .dropbtn,
        .MilitaryStatus-wrapper .dropdown-content,
        .ServiceBranch-wrapper .dropbtn,
        .ServiceBranch-wrapper .dropdown-content {
          width: 322px
        }

        .MilitaryStatus-wrapper .dropbtn,
        .ServiceBranch-wrapper .dropbtn {
          text-align: left;
          padding-left: 20px;
          height: 64px
        }

        #interstitial_modal {
          padding-top: 54px
        }

        #interstitial_modal .content {
          flex-direction: row;
          max-width: 1000px
        }

        #interstitial_modal #interstitialClose {
          right: 10px;
          top: 10px;
          width: 38px;
          height: 38px;
          background-size: auto;
          background-position: -310px -110px
        }

        #interstitial_modal .int_header {
          width: 42%;
          left: 35px;
          font-size: 18px;
          top: 5%;
          text-align: left
        }

        #iListing {
          width: 50%;
          margin-bottom: 40px;
          margin-top: 10px
        }

        #iListing p {
          font-size: 18px
        }

        #qsWidgetContainer {
          margin-top: 95px
        }

        #iContinue {
          width: 50%
        }

        #iContinue #rate {
          font-size: 35px;
          line-height: 1.2;
          margin-top: 1%
        }

        #iContinue #family_image {
          width: 180px;
          height: 110px;
          margin: 7rem auto 1%
        }

        #iContinue #customized {
          max-width: 278px;
          font-size: 20px;
          line-height: 28px
        }

        #iContinue button {
          font-size: 28px;
          height: 69px;
          width: 284px
        }

        #right_placeholder {
          position: absolute;
          top: 32px;
          right: 47px
        }
      }

      @media only screen and (min-device-width:375px) and (max-device-width:479px) and (orientation:landscape) {
        #right_placeholder {
          right: 85px
        }

        .MilitaryStatus-wrapper .left-label,
        .ServiceBranch-wrapper .left-label {
          margin-left: 17%
        }

        #height_next,
        #militarystatus_next {
          width: 66%
        }

        #Height-wrapper .validation-msgs {
          margin-left: 31%
        }

        #Weight-wrapper .validation-msgs {
          margin-left: 31.5%
        }

        #MilitaryStatus-wrapper .validation-msgs,
        #ServiceBranch-wrapper .validation-msgs {
          margin-left: 17.5%
        }
      }

      @media only screen and (min-width:1025px) {
        .step-content {
          max-width: 850px
        }

        #address-section .btitle,
        #address-section .step-content,
        #firstname-section .btitle,
        #firstname-section .step-content {
          max-width: 850px
        }

        #CoverageType_title {
          font-size: 34px
        }

        .gender_section .back {
          left: 170px
        }

        .tobaccouse_section .back {
          bottom: 11rem;
          left: 220px
        }

        #YearsOfCoverage_back_btn {
          left: 200px
        }

        .birthdate_section .back {
          left: 210px;
          bottom: 9.5rem
        }

        .medicalcondition_section .back {
          left: 220px;
          bottom: 9.5rem
        }

        .military_status_section .back {
          left: 230px
        }

        #MilitaryStatus_back_btn {
          left: 365px
        }

        #Height_back_btn {
          left: 300px
        }

        #interstitial_modal {
          padding-top: 62px
        }

        #interstitial_modal .int_header .desk_text {
          display: inline
        }

        #qsWidgetContainer {
          margin-top: 60px
        }

        .address_section .back,
        .firstname_section .back {
          left: 200px
        }

        .yearsofcoverage_section .back {
          left: 200px
        }
      }

      footer {
        border-top: 1px solid #c8c8c8;
        padding: 3% 0 2%;
        color: #636262;
        font-size: 14px;
        line-height: 24px;
        width: 100%
      }

      footer ul {
        color: #636262;
        width: 90%;
        margin: 0 auto;
        padding: 0
      }

      footer ul li {
        display: inline-block;
        list-style: none
      }

      footer ul li a {
        color: #636262;
        text-decoration: none
      }

      #bottom_row_footer {
        width: 100%
      }

      #general_footer {
        font-family: Roboto, sans-serif;
        width: 80%
      }

      .links {
        margin-bottom: -12px;
        font-weight: 500
      }

      .links .m-hide {
        display: inline-block
      }

      .disclaim {
        color: #312e2e;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        text-align: center;
        margin-top: 10px;
        padding-left: 23px;
        padding-right: 20px;
        padding-top: 10px;
        max-width: 330px;
        margin: 0 auto
      }

      .disclaim:last-child {
        color: #686666;
        font-weight: 300;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        width: 87%;
        margin: 10px auto
      }

      .disclaim p {
        margin: 0
      }

      .disclaim br {
        display: none
      }

      #disclaim_2 {
        margin-top: 0;
        padding-top: 0
      }

      #insurelo {
        width: 162px;
        height: 32px
      }

      #footer_logos {
        margin-bottom: 3%
      }

      #footer_logos a {
        vertical-align: middle
      }

      @media screen and (max-width:640px) {
        footer {
          font-size: 26px;
          line-height: 36px;
          margin-top: 10%
        }

        footer ul {
          margin: 0 auto;
          padding: 0
        }

        footer ul li {
          color: #2a8dda
        }

        footer ul li a {
          color: #2a8dda;
          margin: 0 5px
        }

        footer .links {
          margin-bottom: 0
        }

        #footer_logos a {
          display: block;
          margin: 5% auto 1.5rem
        }

        #general_footer {
          width: 100%
        }
      }

      @media screen and (max-width:500px) {
        footer {
          font-size: 14px;
          line-height: 27px
        }

        .m-top-4_2 {
          margin-top: 2%
        }

        #bottom_row_footer {
          width: 100%
        }
      }

      @media only screen and (min-width:750px) and (orientation:portrait),
      only screen and (min-width:1024px) and (orientation:landscape) {
        #insurelo {
          width: 200px
        }

        .disclaim {
          color: #636262;
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          text-align: center;
          margin-top: 10px;
          max-width: none
        }

        .disclaim:last-child {
          color: #636262;
          font-weight: 400;
          text-align: center;
          font-size: 13px;
          line-height: 20px
        }

        .disclaim p {
          margin: 0
        }

        .disclaim br {
          display: block
        }

        #disclaim_2 {
          padding-top: 10px
        }

        .links {
          font-weight: 400
        }
      }

      #coveragetype-popup {
        height: auto;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
        z-index: 1001;
        color: #102767;
        background-color: #fff;
        padding-bottom: 20px
      }

      #coveragetype-popup .popup-title {
        font-size: 22px;
        font-weight: 700;
        margin: 30px 25px;
        line-height: 28px
      }

      #coveragetype-popup .info-title {
        font-size: 16px;
        line-height: 22px;
        margin: 30px 25px;
        margin-bottom: 10px;
        font-weight: 700
      }

      #coveragetype-popup p {
        font-size: 14px;
        line-height: 20px;
        margin: 30px 25px;
        margin-top: 10px;
        color: #686666
      }

      #coveragetype-close-btn {
        position: absolute;
        right: -10px;
        height: 30px;
        width: 30px;
        top: -10px
      }

      #overlay {
        background-color: #121014;
        height: 100%;
        z-index: 1000;
        opacity: .7;
        position: fixed;
        top: 0;
        width: 100%
      }

      @media only screen and (min-width:1025px) {
        #coveragetype-popup {
          top: 110px;
          max-width: 1000px;
          width: 80%;
          padding-bottom: 40px
        }

        #coveragetype-popup .info-container {
          margin-top: 35px
        }

        #coveragetype-popup .popup-title {
          font-size: 30px;
          margin: 30px 45px
        }

        #coveragetype-popup .info-title {
          font-size: 20px;
          margin: 10px 45px
        }

        #coveragetype-popup p {
          font-size: 16px;
          line-height: 22px;
          margin: 10px 45px
        }

        #coveragetype-close-btn {
          position: absolute;
          right: 0;
          top: 0;
          height: 50px;
          width: 50px;
          cursor: pointer;
          background-position: -305px -103px;
          background-size: auto
        }
      }



  /*///coustome///*/

  
.page-title-section {
  padding: 100px 0 41px;
}

.row.footer-address{
  display: none;
}

.footer-zip-code {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    max-width: 350px;
    margin: 0 auto;
}

.footer-zip-code  input {
    border-radius: 5px;
    border: 1px solid #C0C1D1;
    background-color: #fff;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #010852;
    position: relative;
}

.footer-zip-code:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 19px;
    height: 24px;
    width: 20px;
    transform: translateY(-50%);
    z-index: 9;
    margin-top: 0;
}

header {
    padding-top: 0 !important;
}



.insuredtimeframe_section .j-switch{
  text-align: center;
}

.next-back-button-block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 30px 0 0 0;
    position: relative;
}

.next-back-button-block .back{ position:static; }


.next-back-button-block .next-button, .next-back-button-block .back{
    cursor: pointer;
    margin: 0;
}

.next-back-button-block .next-button{
  order: 2;
}

.next-back-button-block .back{
  margin: 0 25px;
  padding: 10px 20px;
  cursor: pointer;
  order: 1;
}

/**/
.j-switch .input-wrap.active input {
    border: 2px solid #4361ee !important;
    color: #4361ee !important;
    box-shadow: 2px 4px 0 #3392FF51;
    -webkit-box-shadow: 2px 4px 0 #3392FF51;
    -moz-box-shadow: 2px 4px 0 #3392FF51;
    -ms-box-shadow: 2px 4px 0 #3392FF51;
    -o-box-shadow: 2px 4px 0 #3392FF51;
}

input#date_of_birth {
    padding-right: 20px;
}

.step .input-container select:focus+label {
    transform: translate3d(0,-100%,0)!important;
    font-size: 11px;
    padding: 5px!important;
    position: absolute;
    top: 0!important;
}

.input-container select:focus+label {
    color: #4361ee;
}
.input-container select:focus {
    border-color: #4361ee;
    box-shadow: 2px 4px 0 #3392FF51;
    -webkit-box-shadow: 2px 4px 0 #3392FF51;
    -moz-box-shadow: 2px 4px 0 #3392FF51;
    -ms-box-shadow: 2px 4px 0 #3392FF51;
    -o-box-shadow: 2px 4px 0 #3392FF51;
}




  @media screen and (max-width: 767px) {

    .stepTitle {
      margin-bottom: 50px !important;
    }

    .step .next-back-button-block .back{
      margin: 5px !important;
    }
    .input-container label {
      position: static !important;
      padding: 8px 0 !important;
      background: transparent;
    }

    #bdate-wrapper{
      flex-wrap: wrap;
    }

    .input_content_wrapper {
      width: 100%;
      max-width: 100%;
    }
    .input-container {
      width: 100%;
      max-width: 100%;
    }
    .input-container{
      display: flex;
      flex-wrap: wrap;
    }
    .input-container input{
      order: 2;
    }
    .input-container label{
      width: 100%;
      order: 1;
      text-align: left;
      margin-top: 10px;
    }
    .birthyear-container {
      max-width: 100%;
    }

    .step-content {
      padding: 15px;
      max-width: 100%;
    }

    .new-health-insurance-block .step{
      padding: 10px !important;
    }

    #bdate-wrapper {
      width: 100%;
      max-width: 100%;
      flex-wrap: wrap;
    }

    .j-switch .input-wrap {
      display: inline-block;
      margin: 0 1%;
      width: 46%;
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      padding: ;
    }

    #main_container input, #main_container select {
      font-family: Roboto, sans-serif;
      padding: 15px 5px;
      font-size: 13px;
    }



  }