/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/*
* Altezza bottoni
* 3 tipologia: default, big, small
*/
/*
* Mixin reverse
*/
/*
* Header style mixin: trasparent header and gradient
*/
/*
* Font setting
* Size, weight, line-height, letter-spacing
*/
.form-group {
  margin-bottom: 24px;
  position: relative; }
  .form-group.required label:not(.custom-control-label)::after {
    content: " *";
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 4px; }
  .form-group.required .form-check label:not(.custom-control-label) p::after {
    content: " *";
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 4px; }
  .form-group label {
    color: #373A36;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: normal; }
  .form-group:has(.is-invalid) .nice-select {
    background-image: none !important;
    border: 1px solid #D53D50 !important; }
  .form-group:has(.is-invalid) + .invalid-feedback {
    display: block;
    top: 100%;
    left: 0; }
  .form-group select:disabled + .nice-select,
  .form-group select.inactive + .nice-select {
    background-color: #DBDBDB; }
  .form-group input.shippingCountry, .form-group input.disabled {
    pointer-events: none;
    color: #818181 !important;
    border-radius: 0;
    border-color: #C5C5C5 !important;
    background: #DBDBDB !important; }
  .form-group .shippingCountry.disabled,
  .form-group .billingCountry.disabled {
    pointer-events: none;
    color: #818181 !important;
    border-radius: 0;
    border-color: #C5C5C5 !important;
    background: #DBDBDB !important; }
    .form-group .shippingCountry.disabled::after,
    .form-group .billingCountry.disabled::after {
      display: none; }
  .form-group .nice-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 16px;
    width: 100%;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #818181;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    height: 48px; }
    .form-group .nice-select span {
      padding: 0px;
      margin: 0px;
      color: #373A36; }
    .form-group .nice-select ul {
      width: 100%;
      -webkit-box-shadow: 0 0 0 1px #818181;
              box-shadow: 0 0 0 1px #818181; }
      .form-group .nice-select ul li.option {
        padding: 12px 8px; }
        .form-group .nice-select ul li.option.selected {
          font-weight: 600; }
        .form-group .nice-select ul li.option:focus {
          background-color: #F2F2F2; }
    .form-group .nice-select.is-invalid {
      background-image: none !important;
      border: 1px solid #D53D50 !important; }
    .form-group .nice-select.is-valid {
      border-color: #1B8847 !important; }
    .form-group .nice-select.inactive, .form-group .nice-select:disabled {
      background-color: #DBDBDB; }
    .form-group .nice-select.disabled {
      background-color: #DBDBDB;
      pointer-events: none;
      color: #C5C5C5;
      opacity: .75; }
    .form-group .nice-select:hover {
      border: 1px solid #373A36; }
    .form-group .nice-select:after {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      content: '';
      display: block;
      height: 12px;
      width: 12px;
      margin-top: -10px;
      pointer-events: none;
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .form-group .nice-select .list {
      max-height: 50vh;
      overflow: auto; }
    .form-group .nice-select.open:after {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg);
      margin-top: -2px; }
  .form-group .address-infos {
    padding-top: 4px;
    color: #373A36;
    font-size: 12px;
    font-weight: 600;
    line-height: 140%; }
  .form-group.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .form-group.custom-checkbox input.is-invalid,
  .form-group .profile-custom-radio input.is-invalid {
    -webkit-box-shadow: 0 0 1px 1px #D53D50 !important;
            box-shadow: 0 0 1px 1px #D53D50 !important; }
  .form-group.custom-checkbox .is-invalid ~ .invalid-feedback,
  .form-group .profile-custom-radio .is-invalid ~ .invalid-feedback {
    display: block; }
  .form-group .profile-custom-radio label::after {
    display: none !important; }

.form-check-label:not(.form-newsletter-label) {
  position: relative; }
  .form-check-label:not(.form-newsletter-label) input {
    display: none; }
  .form-check-label:not(.form-newsletter-label)::before {
    content: '';
    min-width: 16px;
    max-width: 16px;
    width: 16px;
    min-height: 16px;
    max-height: 16px;
    height: 16px;
    border: 1px solid #373A36;
    border-radius: 50%; }
  .form-check-label:not(.form-newsletter-label).active::after {
    width: 12px;
    height: 12px;
    display: block;
    background: #373A36;
    content: '';
    position: absolute;
    top: 22px;
    left: 26px;
    border-radius: 50%; }
    @media (max-width: 767px) {
      .form-check-label:not(.form-newsletter-label).active::after {
        top: 18px;
        left: 18px; } }

.visible-password-fields {
  color: #C5C5C5;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px; }
  .visible-password-fields .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .visible-password-fields .field::before {
      font-family: 'geoxicons' !important;
      content: "\E94E";
      display: block;
      border-radius: 100%;
      color: #C5C5C5; }
    .visible-password-fields .field.valid {
      color: #1B8847; }
      .visible-password-fields .field.valid::before {
        content: '\E917';
        color: #1B8847; }

.registration-page-container {
  padding: 0; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .registration-page-container {
      margin: 0 0 40px 0; } }
  .registration-page-container .equal-height {
    width: 100%; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
      .registration-page-container .equal-height {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .registration-page-container .equal-height .side-bar {
      max-width: 42%;
      position: fixed; }
      @media (min-width: 1024px) and (max-width: 1279px) {
        .registration-page-container .equal-height .side-bar {
          max-width: 561px; } }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .registration-page-container .equal-height .side-bar {
          max-width: 100%;
          position: unset; } }
      .registration-page-container .equal-height .side-bar .content-asset {
        position: relative;
        text-align: center; }
        .registration-page-container .equal-height .side-bar .content-asset .registration-callout {
          width: 100%;
          background: #FAF4E7;
          padding: 72px 48px 48px;
          color: #373A36; }
          @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
            .registration-page-container .equal-height .side-bar .content-asset .registration-callout {
              position: absolute;
              background: transparent !important;
              padding: 24px 16px;
              top: 0;
              left: 0;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              text-align: left; } }
          .registration-page-container .equal-height .side-bar .content-asset .registration-callout .top {
            font-size: 32px;
            font-weight: 400;
            line-height: 130%; }
            @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
              .registration-page-container .equal-height .side-bar .content-asset .registration-callout .top {
                font-size: 14px;
                font-weight: 400;
                line-height: 140%;
                width: 50%; } }
            .registration-page-container .equal-height .side-bar .content-asset .registration-callout .top i {
              font-size: 24px;
              cursor: pointer; }
              @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
                .registration-page-container .equal-height .side-bar .content-asset .registration-callout .top i {
                  font-size: 16px;
                  position: absolute;
                  top: 27px;
                  right: 24px; } }
          .registration-page-container .equal-height .side-bar .content-asset .registration-callout .bottom {
            padding-top: 32px;
            font-size: 16px;
            font-weight: 600;
            line-height: 160%; }
            @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
              .registration-page-container .equal-height .side-bar .content-asset .registration-callout .bottom {
                font-size: 12px;
                font-weight: 400;
                line-height: 160%;
                max-width: 60vw; } }
        .registration-page-container .equal-height .side-bar .content-asset .background-img {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%; }
          @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
            .registration-page-container .equal-height .side-bar .content-asset .background-img {
              height: 198px; } }
    .registration-page-container .equal-height .form-container {
      width: 30%;
      margin: 0 auto;
      padding: 40px 0;
      color: #373A36; }
      .registration-page-container .equal-height .form-container.fixed-image {
        position: absolute;
        right: 14%; }
        @media (min-width: 1024px) and (max-width: 1279px) {
          .registration-page-container .equal-height .form-container.fixed-image {
            width: 35%;
            right: 7%; } }
        @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
          .registration-page-container .equal-height .form-container.fixed-image {
            position: unset !important; } }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .registration-page-container .equal-height .form-container {
          width: 100%;
          padding: 24px; } }
      .registration-page-container .equal-height .form-container .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 130%;
        padding-bottom: 16px; }
      .registration-page-container .equal-height .form-container .registration-description-component {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 8px;
        padding-bottom: 8px; }
        .registration-page-container .equal-height .form-container .registration-description-component a {
          text-decoration: underline;
          font-weight: 700; }
      .registration-page-container .equal-height .form-container form .form-group {
        margin-bottom: 0; }
      .registration-page-container .equal-height .form-container form .birthday-select-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 8px; }
        .registration-page-container .equal-height .form-container form .birthday-select-wrapper .form-group {
          width: 33%; }
      .registration-page-container .equal-height .form-container form .legal-age-text {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 160%;
        color: #6A6A6A;
        margin-top: 8px; }
      .registration-page-container .equal-height .form-container form .custom-checkbox-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 24px 0;
        border-top: 1px solid #DBDBDB;
        margin-top: 24px; }
        .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox:not(.required) {
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
        .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox.required {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox.required .custom-control-label {
            width: 90%;
            font-size: 16px !important;
            font-weight: 400;
            line-height: 160%; }
            @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
              .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox.required .custom-control-label {
                font-size: 14px !important; } }
            .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox.required .custom-control-label a {
              text-decoration: underline; }
        .registration-page-container .equal-height .form-container form .custom-checkbox-container .content-asset {
          font-size: 16px;
          font-weight: 400;
          line-height: 160%; }
          .registration-page-container .equal-height .form-container form .custom-checkbox-container .content-asset.text-hidden {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            -webkit-box-flex: 1;
                -ms-flex: 1 0 0px;
                    flex: 1 0 0;
            overflow: hidden;
            text-overflow: ellipsis; }
          @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
            .registration-page-container .equal-height .form-container form .custom-checkbox-container .content-asset {
              font-size: 14px;
              font-weight: 400;
              line-height: 160%; } }
        .registration-page-container .equal-height .form-container form .custom-checkbox-container .read-btn {
          border-bottom: 1px solid;
          font-size: 12px;
          font-weight: 700;
          line-height: 160%;
          letter-spacing: 0.48px;
          cursor: pointer;
          display: inline-block;
          padding-top: 4px; }
        .registration-page-container .equal-height .form-container form .custom-checkbox-container .custom-checkbox-title {
          margin-bottom: -10px; }
      .registration-page-container .equal-height .form-container form .back-login {
        width: 100%;
        margin-top: 16px; }

.toggle-pwd {
  position: absolute;
  right: 16px;
  font-size: 24px;
  top: 50px;
  cursor: pointer; }
  .toggle-pwd i {
    line-height: unset; }
    .toggle-pwd i.hide::after {
      content: "/";
      color: #000000;
      font-size: 1em;
      position: absolute;
      left: 9.5px;
      top: -2px;
      -webkit-transform: rotate(25deg);
              transform: rotate(25deg); }

.registration-swal {
  padding: 0;
  height: 100dvh; }
  .registration-swal .registration-swal-popup .swal2-close {
    height: 62px;
    z-index: 3; }
    @media (max-width: 767px) {
      .registration-swal .registration-swal-popup .swal2-close {
        height: 48px; } }
  .registration-swal .registration-swal-popup .swal2-title {
    color: #000000;
    background-color: #ffffff;
    font-family: Open Sans;
    padding-bottom: 16px;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: normal;
    position: absolute;
    top: 0px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 0 24px 56px;
    border-bottom: 1px solid #DBDBDB;
    width: 100%;
    z-index: 2; }
    @media (max-width: 767px) {
      .registration-swal .registration-swal-popup .swal2-title {
        padding: 0 45px 16px 14px;
        top: 0;
        line-height: 100%; } }
  .registration-swal .registration-swal-popup .registration-swal-container {
    height: calc(100dvh - 87px);
    margin: 0;
    padding: 24px 56px;
    text-align: left; }
    @media (max-width: 767px) {
      .registration-swal .registration-swal-popup .registration-swal-container {
        height: calc(100dvh - 73px);
        margin-top: 16px;
        padding: 0 16px 16px; } }
    .registration-swal .registration-swal-popup .registration-swal-container .title {
      color: #000000; }
    .registration-swal .registration-swal-popup .registration-swal-container a {
      font-weight: 600;
      text-decoration: underline; }

.nice-select .list {
  z-index: 2; }