@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;500;800&display=swap');

main#support-lmi {
  font-family: 'Inter', sans-serif;
  font-size: 16px; }
  main#support-lmi section .content {
    max-width: 1024px;
    margin: 0px auto; }
  main#support-lmi #hero {
    background-size: cover;
    min-height: 200px;
    background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_460.webp") no-repeat center top; }
    @media (min-width: 460px) {
      main#support-lmi #hero {
        height: 200px;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_960.webp") no-repeat 0px 0px; } }
    @media (min-width: 640px) {
      main#support-lmi #hero {
        height: 370px;
        background-size: cover;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_1155.webp") no-repeat center center; } }
    @media (min-width: 1025px) {
      main#support-lmi #hero {
        height: 370px;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_1170.webp") no-repeat center center; } }
    @media (min-width: 1180px) {
      main#support-lmi #hero {
        height: 390px;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_1400.webp") no-repeat center center; } }
    @media (min-width: 1400px) {
      main#support-lmi #hero {
        height: 400px;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_1662.webp") no-repeat center center;
        background-color: #000;
        background-size: cover; } }
    @media (min-width: 1974px) {
      main#support-lmi #hero {
        /* super wide desktops */
        height: 480px;
        background-color: #000;
        background-size: 100% auto;
        background: url("https://support.norton.com/sp/static/external/contact/assets/images/hero/hero_w_2466.webp") no-repeat center center; } }
    main#support-lmi #hero img {
      padding-top: 20px;
      width: 90px;
      position: absolute;
      top: 10px;
      left: 28px; }
      @media (min-width: 460px) {
        main#support-lmi #hero img {
          display: none; } }
      @media (min-width: 640px) {
        main#support-lmi #hero img {
          display: block;
          padding-top: 20px;
          width: 110px;
          position: relative; } }
      @media (min-width: 1180px) {
        main#support-lmi #hero img {
          width: 160px; } }
      @media (min-width: 1900px) {
        main#support-lmi #hero img {
          width: 240px; } }
    main#support-lmi #hero button.language-selector {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: #999;
      border: none; }
    main#support-lmi #hero .content {
      padding: 10px;
      padding-top: 165px;
      padding-bottom: 30px;
      color: #333; }
      @media (min-width: 460px) {
        main#support-lmi #hero .content {
          padding: 20px;
          color: #fff; } }
      main#support-lmi #hero .content h1 {
        font-size: 52px;
    font-weight: 600;
    padding: 20px 0px;
        margin: 0px;
        font-size: 2.2rem;
        color: #000;
       }
        @media (min-width: 460px) {
          main#support-lmi #hero .content h1 {
            font-size: 4rem; } }
      main#support-lmi #hero .content p {
        color: #666; }
        @media (min-width: 640px) {
          main#support-lmi #hero .content p {
            width: 50%; } }
        @media (min-width: 961px) {
          main#support-lmi #hero .content p {
            width: 50%; } }
  main#support-lmi #lmi-form .form-content {
    max-width: 480px;
    margin: 0px auto;
    margin-top: -40px;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    }
    main#support-lmi #lmi-form .form-content.show-errors .form-control {
      border: 1px solid red; }
    main#support-lmi #lmi-form .form-content.show-errors .error {
      display: block;
      color: red;
      padding: 10px; }
    @media (min-width: 460px) {
      main#support-lmi #lmi-form .form-content {
        padding: 20px; } }
    main#support-lmi #lmi-form .form-content .error {
        display: none; 
        padding: 20px;
        color: coral;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    main#support-lmi #lmi-form .form-content .input-group {
      height: 70px; }
      main#support-lmi #lmi-form .form-content .input-group .form-control:first-child {
        border-radius: 0;
        height: 70px;
        font-size: .8em;
        text-align: center; }
        @media (min-width: 460px) {
          main#support-lmi #lmi-form .form-content .input-group .form-control:first-child {
            font-size: 1.2em; } }
        main#support-lmi #lmi-form .form-content .input-group .form-control:first-child.user-text {
          font-size: 2.5rem; }

      main#support-lmi #lmi-form .form-content .input-group .smallerfont.form-control:first-child {
        font-size: .6em;}
        @media (min-width: 460px) {
          main#support-lmi #lmi-form .form-content .input-group .smallerfont.form-control:first-child {
            font-size: 1em; } }
        main#support-lmi #lmi-form .form-content .input-group .smallerfont.form-control:first-child.user-text {
          font-size: 2rem; }

    main#support-lmi #lmi-form .form-content #lmi-button {
      border-radius: 0;
      font-size: 1em;
      padding: 20px; }
      main#support-lmi #lmi-form .form-content #lmi-button.enabled {
        background-color: #feeb29;
        cursor: pointer; }
      @media (min-width: 460px) {
        main#support-lmi #lmi-form .form-content #lmi-button {
          font-size: 1.4em;
          padding: 20px 40px; } }
  main#support-lmi #extra-information .extra-content {
    padding: 10px; }
    main#support-lmi #extra-information .extra-content img {
      position: absolute;
      bottom: 10px;
      right: 10px; }
      main#support-lmi #extra-information .extra-content img.nbrt {
        right: 50px;
        width: 33px; }

/*# quickfix en */

/*
#langSelector {
    display: none;
}
*/

#TnCLinkText a {
    cursor: pointer;
}

#TnCexample .modal-tnc {
    background: #fff;
    padding: 20px;
    max-height: 450px;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
    border: 1px solid #000;
}

main#support-lmi #lmi-form .form-content #lmi-button {
    border-radius: 0;
    font-size: 1em;
    padding: 20px; 
}

main#support-lmi #lmi-form .form-content #lmi-button.enabled {
    background-color: #ffe283;
    cursor: pointer; 
}

@media (min-width: 460px) {
    main#support-lmi #lmi-form .form-content #lmi-button {
        font-size: 1.4em;
        padding: 20px 40px; } 
}

#languageSelector a {
    cursor: pointer;
}

main#support-lmi #lmi-form .form-content .input-group .form-control:first-child {
    font-size: 1.2em;
}

#linkMat, #linkNbrt {
    cursor: pointer;
}

/* scrollbar updates
#TnCexample .modal-tnc::-webkit-scrollbar {
  width: 10px;
  height: 8px;
  background-color: #999;  or add it to the track 
}*/