/* ----------------------------
   New Font Family(s) Start
------------------------------- */

@font-face {
    font-family: 'Halcyon-Light';
    src: url("../fonts/Halcyon-Light.eot");
    src: url("../fonts/Halcyon-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Halcyon-Light.woff2") format("woff2"),
    url("../fonts/Halcyon-Light.woff") format("woff"),
    url("../fonts/Halcyon-Light.ttf") format("truetype"),
    url("../fonts/Halcyon-Light.svg#Halcyon-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Halcyon-Regular';
    src: url("../fonts/Halcyon-Regular.eot");
    src: url("../fonts/Halcyon-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Halcyon-Regular.woff2") format("woff2"),
    url("../fonts/Halcyon-Regular.woff") format("woff"),
    url("../fonts/Halcyon-Regular.ttf") format("truetype"),
    url("../fonts/Halcyon-Regular.svg#Halcyon-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Halcyon-SemiBold';
    src: url("../fonts/Halcyon-SemiBold.eot");
    src: url("../fonts/Halcyon-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Halcyon-SemiBold.woff2") format("woff2"),
        url("../fonts/Halcyon-SemiBold.woff") format("woff"),
        url("../fonts/Halcyon-SemiBold.ttf") format("truetype"),
        url("../fonts/Halcyon-SemiBold.svg#Halcyon-SemiBold") format("svg");
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'Halcyon-Black';
    src: url("../fonts/Halcyon-Black.eot");
    src: url("../fonts/Halcyon-Black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Halcyon-Black.woff2") format("woff2"),
        url("../fonts/Halcyon-Black.woff") format("woff"),
        url("../fonts/Halcyon-Black.ttf") format("truetype"),
        url("../fonts/Halcyon-Black.svg#Halcyon-Black") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Halcyon-Bold';
    src: url("../fonts/Halcyon-Bold.eot");
    src: url("../fonts/Halcyon-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Halcyon-Bold.woff2") format("woff2"),
    url("../fonts/Halcyon-Bold.woff") format("woff"),
    url("../fonts/Halcyon-Bold.ttf") format("truetype"),
    url("../fonts/Halcyon-Bold.svg#Halcyon-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("../fonts/Roboto-Medium.eot");
    src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Medium.woff2") format("woff2"),
        url("../fonts/Roboto-Medium.woff") format("woff"),
        url("../fonts/Roboto-Medium.ttf") format("truetype"),
        url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("../fonts/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Regular.woff2") format("woff2"),
    url("../fonts/Roboto-Regular.woff") format("woff"),
    url("../fonts/Roboto-Regular.ttf") format("truetype"),
    url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url("../fonts/Roboto-Thin.eot");
    src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Thin.woff2") format("woff2"),
    url("../fonts/Roboto-Thin.woff") format("woff"),
    url("../fonts/Roboto-Thin.ttf") format("truetype"),
    url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("../fonts/Roboto-Light.eot");
    src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Light.woff2") format("woff2"),
    url("../fonts/Roboto-Light.woff") format("woff"),
    url("../fonts/Roboto-Light.ttf") format("truetype"),
    url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url("../fonts/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Bold.woff2") format("woff2"),
    url("../fonts/Roboto-Bold.woff") format("woff"),
    url("../fonts/Roboto-Bold.ttf") format("truetype"),
    url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url("../fonts/Roboto-Black.eot");
    src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Black.woff2") format("woff2"),
    url("../fonts/Roboto-Black.woff") format("woff"),
    url("../fonts/Roboto-Black.ttf") format("truetype"),
    url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------
   New Font Family(s) End
------------------------------- */


/* ----------------------------
   Common Style Start
------------------------------- */

/*html {
    scroll-behavior: smooth;
}*/

.no-scrolling {
    height: 100%;
    overflow: hidden;
}

.hidden,
.hide {
    display: none !important;
}

.input-transparent {
    pointer-events: none !important;
}

/* ----------------------------
   Common Style End
------------------------------- */



/* ----------------------------
   New EoloOffertaRectangle Style Start
------------------------------- */

.eolo-offerta-rectangle--rework {
    padding: 20px;
}

.eolo-offerta-rectangle--rework #phoneNumber {
    display: block;
    text-align: center;
}

.eolo-offerta-rectangle--rework .eolo-offerta-rectangle--price-container {
    position: relative;
}

.eolo-offerta-rectangle--rework .eolo-offerta-rectangle--price-frequency {
    position: absolute;
    bottom: 12px;
    margin-left: 2px;
}

.eolo-offerta-rectangle--rework .eolo-offerta-subtitle {
    padding-top: 10px !important;
    text-align: center;
}

/* ----------------------------
   New EoloOffertaRectangle Style End
------------------------------- */




/* ----------------------------
   Orange Button Multiline Style Start
------------------------------- */

.eolo-orange-button--multiline {
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    padding: 13px 21px 10px 21px;
}

.eolo-orange-button--multiline:hover {
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    padding: 13px 21px 10px 21px;
}

/* ----------------------------
   Orange Button Multiline Style End
------------------------------- */




/* ----------------------------
   EoloOffertaRectangle Flip Card Style Start
------------------------------- */


.eolo-offerta-rectangle--side-b {
    width: 315px;
    min-height: 395px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
}

@media (min-width: 576px) {
    .eolo-offerta-rectangle--side-b {
        width: 465px;
        min-height: 292px;
    }
}

@keyframes animation-flip {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(180deg); }
}

@keyframes animation-container-adapt {
    0% {
        width: 300px;
        height: 270px;
    }
    100% {
        width: 465px;
        height: 352px;
    }
}

@keyframes animation-container-adapt-mobile {
    0% {
        width: 300px;
        height: 270px;
    }
    100% {
        width: 315px;
        height: 455px;
    }
}

@keyframes animation-container-back {
    0% {
        width: 465px;
        height: 352px;
    }
    100% {
        width: 300px;
        height: 270px;
    }
}

@keyframes animation-container-back-mobile {
    0% {
        width: 315px;
        height: 455px;
    }
    100% {
        width: 300px;
        height: 270px;
    }
}

@keyframes animation-back {
    from {transform: rotateY(180deg);}
    to {transform: rotateY(0);}
}

.flip-card {
    width: 300px;
    height: 270px;
    background-color: transparent;
    perspective: 1000px;
    animation-name: animation-container-back-mobile;
    animation-duration: 0.25s;
}

@media (min-width: 576px) {
    .flip-card {
        animation-name: animation-container-back;
    }
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    transform-style: preserve-3d;
    animation-name: animation-back;
    animation-duration: 0.5s;
}

.eolo-offerta-rectangle--side-a {
    transform: rotateX(0deg);
}

.flip-card-back,
.eolo-offerta-rectangle--side-b {
    width: 315px;
    min-height: 395px;
    transform: rotateY(180deg);
}

@media (min-width: 576px) {
    .flip-card-back,
    .eolo-offerta-rectangle--side-b {
        width: 465px;
        min-height: 292px;
    }
}

.flip-card-front, .flip-card-back,
.eolo-offerta-rectangle--side-a,
.eolo-offerta-rectangle--side-b {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.flip-card.flipped {
    animation-name: animation-container-adapt-mobile;
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
}

@media (min-width: 576px) {
    .flip-card.flipped {
        animation-name: animation-container-adapt;
    }
}

.flip-card.flipped .flip-card-inner {
    animation-name: animation-flip;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.no-animation {
    -webkit-animation: none !important;
    animation: none !important;
}

/* ----------------------------
   EoloOffertaRectangle Flip Card Style End
------------------------------- */




/* ----------------------------
   Check Coverage Form Style Start
------------------------------- */

.check-coverage-box--form-container .layer-example {
    display: none !important;
}

.check-coverage-box .check-coverage-box--title {
    font-family: 'Halcyon-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.12px;
    color: #193755;
    margin-bottom: 15px;
    padding: 0;
}

@media (min-width: 576px) {
    .check-coverage-box .check-coverage-box--title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.14px;
    }
}

.check-coverage-box .form-field {
    margin: 0 0 15px 0;
}

@media (min-width: 576px) {
    .check-coverage-box .form-field--address {
        margin-right: 15px;
    }
    .check-coverage-box .form-field--city {
        margin-right: 15px;
    }
}

.check-coverage-box input.form-control {
    font-family: 'Halcyon-SemiBold', sans-serif;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3);
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 22px 15px 6px 15px;
    font-size: 18px;
    color: #193755;
    height: auto;
    float: none;
}

.check-coverage-box input.form-control:focus {
    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.3);
    border: 1px solid rgba(25, 55, 85, 0.7);
}

.check-coverage-box .check-coverage-box--cta-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    align-content: flex-start;
    flex-direction: column-reverse;
}

@media (min-width: 576px) {
    .check-coverage-box .check-coverage-box--cta-container {
        justify-content: space-between;
        align-items: center;
        align-content: flex-start;
        flex-direction: row;
    }
}

.check-coverage-box .check-coverage-box--back-to-offer-cta {
    font-family: 'Halcyon-SemiBold', sans-serif;
    font-size: 16px;
    text-decoration: underline;
    color: #ff8a00;
    margin-top: 17px;
}

@media (min-width: 576px) {
    .check-coverage-box .check-coverage-box--back-to-offer-cta {
        margin-top: 0;
    }
}

.check-coverage-box .check-coverage-box--back-to-offer-cta img {
    width: 21px;
    height: 21px;
    margin-right: 8px;
}

.check-coverage-box .check-coverage-box--check-coverage-btn {
    font-family: 'Halcyon-SemiBold', sans-serif;
    letter-spacing: 0.29px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    border-radius: 10px;
    padding: 14px 23px 11px 23px;
    margin: 0;
}

.check-coverage-box .check-coverage-box--check-coverage-btn:hover,
.check-coverage-box .check-coverage-box--check-coverage-btn:active,
.check-coverage-box .check-coverage-box--check-coverage-btn:active:hover {
    background-color: #ff8a00;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
}


@media (min-width: 576px) {
    .check-coverage-box .check-coverage-box--check-coverage-btn {
        width:51%;
        font-size: 18px;
        line-height: 1;
        border-radius: 4px;
        padding: 17px 23px 14px 23px;
    }
}

.check-coverage-box .field-filled input.form-control {
    border: 1px solid rgba(25, 55, 85, 0.7);
    background-color: transparent;
}

.check-coverage-box .dk-select {
    float: none;
    height: auto;
}

.check-coverage-box .dk-select .dk-selected {
    font-family: 'Halcyon-SemiBold', sans-serif;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3);
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 14px 15px;
    font-size: 18px;
    color: #193755;
    height: auto;
    line-height: 1;
    float: none;
    font-style: normal;
}

.check-coverage-box .dk-select .dk-selected:before {
    content: "";
    right: 15px;
    margin: 0;
    border: 0 none;
    color: #193755;
    font-family: 'icomoon-eolo';
    transform: translateY(-50%);
}

.check-coverage-box .form-field .dk-select.customSelect .dk-select-options .dk-option {
    padding: 13px 10px 8px 10px;
    border-bottom: 1px solid #F7F7F7;
    font-size: 16px;
    line-height: 16px;
}

@media (min-width: 992px) {
    .check-coverage-box .form-field .dk-select.customSelect .dk-select-options .dk-option {
        padding: 13px 15px 8px 15px;
        font-size: 18px;
        line-height: 18px;
    }
}

.check-coverage-box .form-field .dk-select.customSelect .dk-select-options .dk-option.dk-option-highlight,
.check-coverage-box .form-field .dk-select.customSelect .dk-select-options .dk-option.dk-option-selected {
    color: #333333;
    background-color: rgba(255, 138, 0, 0.15);
}

.check-coverage-box .form-field .dk-select.customSelect.dk-select-open-down .dk-select-options,
.check-coverage-box .form-field .dk-select.customSelect.dk-select-open-up .dk-select-options {
    border-radius: 10px;
    border-color: rgba(25, 55, 85, 0.3);
}

.check-coverage-box .form-field.field-filled .dk-select.customSelect.dk-select-open-down .dk-select-options,
.check-coverage-box .form-field.field-filled .dk-select.customSelect.dk-select-open-up .dk-select-options {
    border-color: rgba(25, 55, 85, 0.7);
}

.check-coverage-box--geo-container {
    margin-bottom: 15px;
}

.check-coverage-box--geo-container .check-coverage-box--geo-alternative-text,
.check-coverage-box--geo-container .check-coverage-box--geo-cta-container {
    display: inline-block;
}

.check-coverage-box--geo-container .check-coverage-box--geo-cta-container {
    transform: translateY(-2px);
    cursor: pointer;
}

.check-coverage-box--geo-container .check-coverage-box--geo-icon {
    width: 16px;
    height: 21px;
    margin-right: 3px;
    margin-left: 10px;
    transform: translateY(-1px);
}

.check-coverage-box--geo-container .check-coverage-box--geo-alternative-text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #193755;
}

.check-coverage-box--geo-container .check-coverage-box--geo-cta {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    text-decoration: underline;
    color: #193755;
}
.check-coverage-box.eolo-offerta-rectangle--check-coverage form span.error {
    margin-top: 6px;
}
/* ----------------------------
   Check Coverage Form Style End
------------------------------- */



/* ----------------------------
   Form Field Floating Placeholder Style Start
------------------------------- */

.form-control--floating-placeholder {
    position: relative;
}

.form-control--floating-placeholder .floating-placeholder {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 12px;
    color: #193755;
    opacity: 0.5;
    transition: all 0.2s ease-out;
    text-transform: uppercase;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.form-control--floating-placeholder .floating-placeholder strong,
.form-control--floating-placeholder .floating-placeholder b {
    font-family: 'Roboto-Black', sans-serif;
}

.form-control--floating-placeholder .floating-placeholder > .camelcase {
    text-transform: capitalize;
}

.field-filled .form-control--floating-placeholder .floating-placeholder.hide-on-select {
    display: none;
}

.field-filled .form-control--floating-placeholder .floating-placeholder,
.field-focused .form-control--floating-placeholder .floating-placeholder {
    font-size: 10px;
    top: 10px;
    transform: translateY(0);
}

/* ----------------------------
   Form Field Floating Placeholder Style End
------------------------------- */


/* ----------------------------
   New Cart 2021 Style Start
------------------------------- */

.new-cart-2021 {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    top: 0;
    z-index: 1060;
    background-color: white;
    padding: 20px 0 50px 0;
    left: 100%;
    transition: left 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.new-cart-2021--opened {
    left: 0;
}

@media (min-width: 992px) {
    .new-cart-2021 {
        position: relative;
        width: 360px;
        height: auto;
        min-height: unset;
        overflow: unset;
        left: unset !important;
        top: unset;
        z-index: 10;
        background-color: transparent;
        padding: 0;
        transition: none;
    }
}


.new-cart-2021:not(.new-cart-2021--coupon-in-use) .new-cart-2021--coupon--applyied,
.new-cart-2021:not(.new-cart-2021--coupon-in-use) .new-cart-2021--coupon-separator {
    display: none !important;
}

.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-recurrent) .new-cart-2021--coupon--recurrent {
    display: none !important;
}

.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-one-time) .new-cart-2021--coupon--one-time,
.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-one-time) .new-cart-2021--coupon--one-time + .new-cart-2021--coupon-separator {
    display: none !important;
}

.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-recurrent) .new-cart-2021--monthly-fee .new-cart-2021--coupon-applyied-icon,
.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-recurrent) .new-cart-2021--monthly-fee .new-cart-2021--price-before-applying-coupon {
    display: none !important;
}

.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-one-time) .new-cart-2021--annual-fee .new-cart-2021--coupon-applyied-icon,
.new-cart-2021:not(.new-cart-2021--coupon-in-use.coupon-one-time) .new-cart-2021--annual-fee .new-cart-2021--price-before-applying-coupon {
    display: none !important;
}

.new-cart-2021.new-cart-2021--collapse .new-cart-2021--coupon--one-time + .new-cart-2021--coupon-separator {
    display: none !important;
}

.new-cart-2021.new-cart-2021--coupon-in-use .new-cart-2021--coupon--how-to-use {
    display: none !important;
}

.new-cart-2021.new-cart-2021--coupon-in-use.coupon-recurrent .new-cart-2021--monthly-fee {
    padding: 20px 15px 10px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021.new-cart-2021--coupon-in-use.coupon-recurrent .new-cart-2021--monthly-fee {
        padding: 20px 20px 10px 20px;
    }
}

.new-cart-2021--dashed-separator {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    border-top: 1px dashed #193755;
    opacity: 0.3;
}

.new-cart-2021--promo-label {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 10px;
    line-height: 14px;
    background-color: #ff8a00;
    color: #ffffff;
    text-transform: uppercase;
    padding: 3px 4px 1px 4px;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;
}

.new-cart-2021--plus {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    color: #00a0e6;
}

.new-cart-2021--header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 15px;
}

.new-cart-2021--context-actions {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .new-cart-2021--header {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        margin: 0;
    }

    .new-cart-2021--context-actions {
        border-radius: 20px;
        box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
        background-color: #fff;
        padding-bottom: 50px;
        margin: 0;
    }
}

.new-cart-2021--navigation-actions > img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.new-cart-2021--navigation-actions > span {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.13px;
    color: #193755;
    transform: translateY(2px);
    display: inline-block;
}

@media (min-width: 992px) {
    .new-cart-2021--navigation-actions {
        display: none;
    }
}

.new-cart-2021--action-icon {
    height: 20px;
    margin: 8px 10px 10px 10px;
}

.new-cart-2021--action-separator {
    width: 1px;
    float: none;
    height: 14px;
    border: 0;
    background-color: #193755;
    opacity: 0.2;
    margin: 0;
}

.new-cart-2021--action-icon--share {
    margin-left: 20px;
}

.new-cart-2021--action-icon--trash {
    margin-right: 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--action-icon--trash {
        margin-right: 20px;
        margin-left: 20px; /* aggiunto per temporanea rimozione icona condivisone carrello */
    }
}

.new-cart-2021--body {
    position: relative;
    z-index: 2;
    background-color: #00a0e6;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 160, 230, 0.5);
    margin: 0 15px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .new-cart-2021--body {
        box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    }
}

@media (min-width: 992px) {
    .new-cart-2021--body {
        margin: -50px 0 0 0;
    }
}

.new-cart-2021--product-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    padding: 15px 20px 10px 20px;
}

.new-cart-2021--cart-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.new-cart-2021--you-choice {
    font-family: Halcyon-Medium, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    margin-top: 3px;
}

.new-cart-2021--chosen-product {
    text-transform: none;
    font-weight: normal;
    font-family: Halcyon-Bold, sans-serif;
    font-size: 20px;
}

.new-cart-2021--visual-state-icons {
    width: 68px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.new-cart-2021--expand-status,
.new-cart-2021--collapse-status {
    position: absolute;
    width: 100%;
    height: 100%;

    background-color: #ff8a00;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-cart-2021--expand-status > img,
.new-cart-2021--collapse-status > img {
    width: 18px;
    margin-right: 5px;
}

.new-cart-2021--expand-status > span,
.new-cart-2021--collapse-status > span {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
}

.new-cart-2021--content-items {
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 10px 10px 10px;
}

.new-cart-2021--monthly-fee {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    padding: 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--monthly-fee {
        padding: 20px;
    }
}

.new-cart-2021--monthly-fee .new-cart-2021--text-container {
    margin-top: 12px;
}

.new-cart-2021--monthly-fee .new-cart-2021--primary-text {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    color: #193755;
    line-height: 24px;
    white-space: nowrap;
}

.new-cart-2021--monthly-fee .new-cart-2021--secondary-text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    color: #193755;
}

.new-cart-2021--monthly-fee .new-cart-2021--price-container {
    text-align: right;
    letter-spacing: -3px;
    line-height: 50px;
}

.new-cart-2021--monthly-fee .new-cart-2021--promo-container {
    text-align: right;
    line-height: 17px;
    margin-top: -10px;
}

.new-cart-2021--monthly-fee .new-cart-2021--price {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -1.5px;
    color: #193755;
}

.new-cart-2021--monthly-fee .new-cart-2021--prices {
    width: 144px; /*workaround to make Canone Mensile on 1 row*/
}

@media (min-width: 992px) {
    .new-cart-2021--monthly-fee .new-cart-2021--prices {
        width: auto;
    }
}

.new-cart-2021--monthly-fee .new-cart-2021--coupon-applyied-icon,
.new-cart-2021--annual-fee .new-cart-2021--coupon-applyied-icon
{
    display: inline-block;
    vertical-align: middle;
}

.new-cart-2021--monthly-fee span.new-cart-2021--coupon-applyied-icon,
.new-cart-2021--annual-fee span.new-cart-2021--coupon-applyied-icon
{
    font-size: 17px;
    line-height: 17px;
    color: #00a0e6;
}

.new-cart-2021--monthly-fee img.new-cart-2021--coupon-applyied-icon,
.new-cart-2021--annual-fee img.new-cart-2021--coupon-applyied-icon {
    height: 17px;
}

.new-cart-2021--monthly-fee .new-cart-2021--coupon-applyied-icon,
.new-cart-2021--annual-fee .new-cart-2021--coupon-applyied-icon {
    margin-right: 5px;
}

.new-cart-2021--monthly-fee .new-cart-2021--periodicity-text {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 20px;
    color: #193755;
    letter-spacing: -0.5px;
    line-height: 36px;
}

.new-cart-2021 .new-cart-2021--section-price {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    letter-spacing: 0.14px;
    color: #193755;
    line-height: 29px;
}

.new-cart-2021--monthly-fee .new-cart-2021--strikethrough-price,
.new-cart-2021--stair-promo .new-cart-2021--stair-promo--right .new-cart-2021--strikethrough-price {
    font-family: Halcyon-Regular;
    /*font-family: Halcyon-Medium, sans-serif;*/
    font-size: 14px;
    line-height: 15px;
    color: #193755;
    opacity: 0.5;
    text-decoration: line-through;
}

.new-cart-2021--stair-promo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--stair-promo {
        padding: 20px;
    }
}

.new-cart-2021--stair-promo .new-cart-2021--product-name,
.new-cart-2021--stair-promo .new-cart-2021--product-label {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.1px;
    margin-bottom: 4px;
    margin-top: 3px;
    color: #00a0e6;
}

.new-cart-2021--stair-promo .new-cart-2021--stair-promo--right {
    text-align: right;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description,
.new-cart-2021--stair-promo .new-cart-2021--promo-additional-service {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #193755;
    opacity: 0.8;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description > p,
.new-cart-2021--stair-promo .new-cart-2021--promo-additional-service > p {
    margin-bottom: 0;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description + .new-cart-2021--promo-additional-service {
    margin-top: 4px;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description > span {
    line-height: 15px;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description strong,
.new-cart-2021--stair-promo .new-cart-2021--promo-description b,
.new-cart-2021--stair-promo .new-cart-2021--promo-additional-service strong,
.new-cart-2021--stair-promo .new-cart-2021--promo-additional-service b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description img.icon-info {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -1px;
}

.new-cart-2021--stair-promo .new-cart-2021--promo-description span.icon-info {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -1px;
    font-size: 15px;
    line-height: 15px;
    display: inline-block;
    color: #193755;
}

.new-cart-2021--stair-promo .new-cart-2021--strikethrough-price {
    text-decoration: line-through;
    margin-top: 2px;
    margin-bottom: 2px;
}

.new-cart-2021 .new-cart-2021--section-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.new-cart-2021 .new-cart-2021--section-totals {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    letter-spacing: 0.14px;
    color: #193755;
    line-height: 29px;
}

.new-cart-2021 .new-cart-2021--section-totals > span{
    font-size: 16px;
    letter-spacing: 0.12px;
}

.new-cart-2021--packages {
    padding: 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--packages {
        padding: 20px;
    }
}

.new-cart-2021--packages .new-cart-2021--section-title,
.new-cart-2021--accessories .new-cart-2021--section-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: #00a0e6;
}

.new-cart-2021--package {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    margin-bottom: 10px;
}

.new-cart-2021--package:last-child,
.new-cart-2021--package:last-of-type {
    margin-bottom: 0;
}

.new-cart-2021--package .new-cart-2021--primary-text {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    margin-bottom: 2px;
}

.new-cart-2021--package .new-cart-2021--prices .new-cart-2021--price {
    font-family: Halcyon-SemiBold, sans-serif;
    color: #193755;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.12px;
    text-align: right;
}

.new-cart-2021--package .new-cart-2021--promo-text,
.new-cart-2021--package .new-cart-2021--promo-prices,
.new-cart-2021--package .new-cart-2021--promo-prices .new-cart-2021--price,
.new-cart-2021--package .new-cart-2021--promo-prices .new-cart-2021--strikethrough-price {
    /* font-family: Halcyon-Medium, sans-serif;*/
    font-family: 'Halcyon-Regular';
    font-size: 12px;
    line-height: 15px;
    color: #193755;
    text-align: left;
}

.new-cart-2021--package .new-cart-2021--promo-text,
.new-cart-2021--package .new-cart-2021--promo-prices {
    height: 15px;
    white-space: nowrap;
}

.new-cart-2021--package .new-cart-2021--promo-prices .new-cart-2021--strikethrough-price {
    text-decoration: line-through;
}

.new-cart-2021--package .new-cart-2021--promo-container {
    opacity: 0.8;
}

.new-cart-2021--package .new-cart-2021--promo-container strong,
.new-cart-2021--package .new-cart-2021--promo-container b {
    font-family: Halcyon-SemiBold, sans-serif;
}


.new-cart-2021--accessories {
    padding: 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--accessories {
        padding: 20px;
    }
}

.new-cart-2021--accessory {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    margin-bottom: 20px;
}

.new-cart-2021--accessory:last-child,
.new-cart-2021--accessory:last-of-type {
    margin-bottom: 0;
}

.new-cart-2021--accessory .new-cart-2021--accessory-views {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.new-cart-2021--accessory .new-cart-2021--accessory-icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #00a0e6;
    margin-right: 15px;
}

.new-cart-2021--accessory .new-cart-2021--accessory-name {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    color: #193755;
}

.new-cart-2021--accessory .new-cart-2021--accessory-price-container {
    text-align: right;
}

.new-cart-2021--accessory .new-cart-2021--accessory-price {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    letter-spacing: 0.12px;
    color: #193755;
}

.new-cart-2021--accessory .new-cart-2021--strikethrough-price {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #193755;
    opacity: 0.5;
    text-decoration: line-through;
}

.new-cart-2021--annual-fee {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    padding: 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--annual-fee,
    .new-cart-2021.new-cart-2021--collapse:not(.new-cart-2021--coupon-in-use.coupon-one-time) .new-cart-2021--annual-fee {
        padding: 20px;
    }
}

.new-cart-2021--annual-fee.new-cart-2021--annual-fee--no-promo {
    align-items: center;
}

.new-cart-2021--annual-fee .new-cart-2021--primary-text {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #193755;
    margin-top: 4px;
    min-width: 145px;
}

.new-cart-2021--annual-fee .new-cart-2021--price-container,
.new-cart-2021--annual-fee .new-cart-2021--promo-container {
    text-align: right;
}

.new-cart-2021--annual-fee .new-cart-2021--promo-container {
    margin-top: 2px;
}

.new-cart-2021--annual-fee.new-cart-2021--annual-fee--no-promo .new-cart-2021--price-container {
    margin-bottom: 0;
    transform: translateY(3px);
}

.new-cart-2021--annual-fee .new-cart-2021--price {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #193755;
}

@media (max-width: 375px) {
    .new-cart-2021--annual-fee .new-cart-2021--price {
        font-size: 28px;
        line-height: 26px;
    }
}

.new-cart-2021--annual-fee .new-cart-2021--strikethrough-price {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #193755;
    opacity: 0.5;
    text-decoration: line-through;
}

@media (max-width: 576px) {
    .new-cart-2021--coupon-in-use .new-cart-2021--annual-fee .new-cart-2021--promo-container {
        min-width: 150px;
        text-align: right;
    }
}

.new-cart-2021--one-off-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    padding: 14px 15px 20px 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--one-off-item {
        padding: 14px 20px 20px 20px;
    }
}

.new-cart-2021--one-off-item .new-cart-2021--primary-text {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    letter-spacing: 0.1px;
}

.new-cart-2021--one-off-item .new-cart-2021--price-container {
    text-align: right;
}

.new-cart-2021--one-off-item .new-cart-2021--price {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.14px;
    color: #193755;
}

.new-cart-2021--one-off-item .new-cart-2021--strikethrough-price {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #193755;
    opacity: 0.5;
    text-decoration: line-through;
    margin-bottom: 3px;
}



.new-cart-2021--coupon {
    background-image: url('../img/new-funnel-2021/cart-backet-coupon-background@3x.png');
    background-size: 100% 100px;
    background-position: top right;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.new-cart-2021--coupon.new-cart-2021--coupon--how-to-use {
    padding: 0 25px 0 20px;
}

.new-cart-2021--coupon.new-cart-2021--coupon--applyied {
    padding: 0 25px 0 15px;
}

@media (min-width: 992px) {
    .new-cart-2021--coupon.new-cart-2021--coupon--how-to-use,
    .new-cart-2021--coupon.new-cart-2021--coupon--applyied {
        padding: 0 20px;
    }
}

.new-cart-2021--coupon.new-cart-2021--coupon--one-time {
    margin-top: -10px;
}

.new-cart-2021--body + .new-cart-2021--coupon.new-cart-2021--coupon--how-to-use {
    margin: -41px 15px 0 15px;
    height: 107px;
    padding-top: 41px;
    border-radius: 25px;
    background-image: url('../img/new-funnel-2021/codice-sconto-bg@3x.png');
    background-size: 100% 107px;
    background-position: bottom center;
}

@media (min-width: 992px) {
    .new-cart-2021--body + .new-cart-2021--coupon.new-cart-2021--coupon--how-to-use {
        margin: -41px 0 0 0;
    }
}

.new-cart-2021--coupon-icon {
    margin-right: 10px;
}

.new-cart-2021--coupon.new-cart-2021--coupon--how-to-use .new-cart-2021--coupon-icon,
.new-cart-2021--coupon.new-cart-2021--coupon--applyied .new-cart-2021--coupon-icon {
    height: 25px;
}

.new-cart-2021--coupon-text {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #193755;
}

.new-cart-2021--information-text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    padding: 10px 20px 20px 20px;
}

.new-cart-2021--information-text ul {
    margin: 0;
    padding: 0;
}

.new-cart-2021--information-text ul,
.new-cart-2021--information-text ul li {
    list-style: none;
}

.new-cart-2021--information-text strong,
.new-cart-2021--information-text b {
    font-family: Halcyon-Medium, sans-serif;
}


.new-cart-2021.new-cart-2021--collapse .new-cart-2021--collapsible-area {
    height: 0 !important;
}

.new-cart-2021:not(.new-cart-2021--collapse) .new-cart-2021--expand-status {
    display: none;
}

.new-cart-2021.new-cart-2021--collapse .new-cart-2021--collapse-status {
    display: none;
}

.new-cart-2021--collapsible-area {
    transition: height 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
    overflow: hidden;
}

/* ----------------------------
   New Cart 2021 Style End
------------------------------- */



/* ----------------------------
   New Funnel 2021 Style Start
------------------------------- */

#main-content-2021 {
    background-color: #FFFFFF;
}

.new-funnel-2021 {
    width: 100%;
}

.new-funnel-2021 .new-funnel-2021--container {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .new-funnel-2021 {
        overflow: unset;
    }

    .new-funnel-2021 .new-funnel-2021--container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        align-content: flex-start;
        padding: 0;
    }

    .new-funnel-2021 .new-funnel-2021--container .new-funnel-2021--content:not(.new-funnel-2021--reserve-cart-space) {
        width: 100%;
    }

    .new-funnel-2021 .new-funnel-2021--container .new-funnel-2021--content.new-funnel-2021--reserve-cart-space {
        margin-right: 30px;
        max-width: calc(100% - 360px);
    }

    .new-funnel-2021 .new-funnel-2021--container .new-cart-2021 {
        position: absolute;
        top: 110px;
    }

    .new-funnel-2021 .new-funnel-2021--container .new-cart-area-2021 {
        flex: 1 0 360px;
    }
}

.new-funnel-2021 .new-funnel-2021--title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.23px;
    color: #193755;
    margin: 0 0 10px 0;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--title {
        font-size: 34px;
        line-height: 48px;
        letter-spacing: 0.24px;
    }
}

.new-funnel-2021 .new-funnel-2021--subtitle {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #575b61;
    margin: 0 0 20px 0;
    padding: 0;
}

.new-funnel-2021 .new-funnel-2021--subtitle strong,
.new-funnel-2021 .new-funnel-2021--subtitle b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.new-funnel-2021--tooltip-info-icon {
    width: 15px;
    height: 15px;
    object-fit: contain;
    transform: translate(3px, -1px);
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--subtitle {
        font-size: 18px;
        line-height: 26px;
        color: #656b73;
        margin: 0 0 10px 0;
    }
}

.new-funnel-2021 .new-funnel-2021--text {
    display: none;
    font-family: Halcyon-Regular, sans-serif;
    font-size: 12px;
    color: #656b73;
    margin: 0 0 30px 0;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--text {
        display: block;
    }
}

.new-funnel-2021 .new-funnel-2021--grey-box {
    background-color: #f8f9fa;
    border-radius: 20px;
    padding: 20px 15px;
    margin: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--grey-box {
        padding: 10px 15px 10px 20px;
    }
}

.new-funnel-2021 .new-funnel-2021--requested-address {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
}

.new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--address-content-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
}

.new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--connection-type-icon,
.new-cart-2021--content-items .new-cart-2021--connection-type-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--connection-type-icon {
        margin-right: 20px;
    }
}

.new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--address-street {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    text-transform: uppercase;
    margin-left: 10px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--address-street {
        font-size: 18px;
        line-height: 25px;
    }
}

.new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--address-city {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    margin-left: 10px;
    transform: translateY(-3px);
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--address-city {
        font-size: 18px;
        line-height: 25px;
        transform: none;
    }
}

.new-funnel-2021 .new-funnel-2021--requested-address .new-funnel-2021--change-address-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.new-funnel-2021--flow-section {
    margin-top: 40px;
}

.new-funnel-2021--packages .new-funnel-2021--flow-section.new-funnel-2021--configuration-section {
    margin-top: 0;
    padding-top: 40px;
}

.new-funnel-2021--flow-section.new-funnel-2021--flow-section--disabled {
    opacity: 0.4;
    pointer-events: none;
}

.new-funnel-2021--flow-section.new-funnel-2021--flow-section--not-allowed {
    position: relative;
    pointer-events: auto !important;
}
.new-funnel-2021--flow-section.new-funnel-2021--flow-section--not-allowed::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: not-allowed;
}

.new-funnel-2021--flow-section:last-child {
    margin-bottom: 60px;
}

.new-funnel-2021 .new-funnel-2021--section-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    margin-bottom: 10px;
}

.contract-terms-disabled {
	opacity: 0.3;
}

.contract-terms-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    color: #193755;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .contract-terms-title {
        font-size: 24px;
    }
}

.new-funnel-2021 .new-funnel-2021--section-title .new-funnel-2021--step-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    background-color: #00a0e6;
    opacity: 0.6;
    color: #ffffff;
    margin-right: 10px;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    border-radius: 12.5px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--section-title .new-funnel-2021--step-indicator {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        font-size: 18px;
        border-radius: 15px;
        margin-right: 15px;
    }
}

.new-funnel-2021 .new-funnel-2021--section-title .new-funnel-2021--step-indicator > span {
    line-height: 1;
    transform: translateY(2px);
}

.new-funnel-2021 .new-funnel-2021--section-title > h2 {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #193755;
    margin: 0;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--section-title > h2 {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: -0.3px;
    }
}

.new-funnel-2021 .new-funnel-2021--section-subtitle {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #656b73;
    margin: 0 0 20px 0;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--section-subtitle {
        font-size: 16px;
        line-height: 23px;
    }
}

@media (min-width: 992px) {
    .new-funnel-2021 .new-funnel-2021--section-subtitle.overflow-subtitle {
        max-width: calc(100% - 360px);
    }
}

.new-funnel-2021 .new-funnel-2021--skip-question {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    margin: 0 0 30px 0;
    cursor: pointer;
}

.new-funnel-2021 .new-funnel-2021--skip-question:disabled,
.new-funnel-2021 .new-funnel-2021--skip-question[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--skip-question {
        margin: 0 0 20px 0;
    }
}

.new-funnel-2021 .new-funnel-2021--skip-question > img {
    height: 19px;
    margin: 0 10px 0 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--skip-question > img {
        margin: 0 15px 0 0;
    }
}

.new-funnel-2021 .new-funnel-2021--skip-question > span {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    color: #ff8a00;
    text-decoration: underline;
}

.new-funnel-2021 .new-funnel-2021--question-cards > .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.new-funnel-2021 .new-funnel-2021--question-cards > .row > .col,
.new-funnel-2021 .new-funnel-2021--question-cards > .row > [class*=col-] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.new-funnel-2021 .new-funnel-2021--question-card {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    background-color: #ffffff;
    height: 130px;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    padding: 15px 10px;
    text-align: center;
    color: #00a0e6;
    margin-bottom: 18px;
    cursor: pointer;
}

.new-funnel-2021 .new-funnel-2021--question-card .new-funnel-2021--card-icon {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--question-card {
        height: 110px;
        padding: 25px 10px;
        margin-bottom: 30px;
    }

    .new-funnel-2021 .new-funnel-2021--question-card .new-funnel-2021--card-icon {
        font-size: 30px;
    }

    .new-funnel-2021 .new-funnel-2021--question-cards > .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .new-funnel-2021 .new-funnel-2021--question-cards > .row > .col,
    .new-funnel-2021 .new-funnel-2021--question-cards > .row > [class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.new-funnel-2021 .new-funnel-2021--question-card .new-funnel-2021--card-text {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #00385d;
}

.new-funnel-2021 .new-funnel-2021--question-card:not(.new-funnel-2021--question-card--selected):hover {
    box-shadow: 0 0 20px 0 rgba(0, 160, 230, 0.3);
}

.new-funnel-2021 .new-funnel-2021--question-card.new-funnel-2021--question-card--selected {
    background-color: #00a0e6;
    box-shadow: 0 0 20px 0 rgba(0, 160, 230, 0.6);
}

.new-funnel-2021 .new-funnel-2021--question-card.new-funnel-2021--question-card--selected .new-funnel-2021--card-icon,
.new-funnel-2021 .new-funnel-2021--question-card.new-funnel-2021--question-card--selected .new-funnel-2021--card-text {
    color: #ffffff;
}

.new-funnel-2021 .new-funnel-2021--confirm-btn,
.new-funnel-2021--back-btn {
    display: block;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 26px;
    padding: 12px 34px 10px 34px;
    text-align: center;
    border-radius: 10px;
    width: 100%;
}

.new-funnel-2021 .new-funnel-2021--confirm-btn {
    background-color: #ff8a00;
    color: #ffffff;
}
.new-funnel-2021 .new-funnel-2021--confirm-btn:hover{
  border:1px solid !important;
}

.new-funnel-2021 .new-funnel-2021--back-btn {
    border: 2px solid #00a0e6;
    color: #00a0e6;
    background-color: transparent;
}

.new-funnel-2021 .new-funnel-2021--back-btn + .new-funnel-2021--confirm-btn,
.new-funnel-2021 .new-funnel-2021--confirm-btn + .new-funnel-2021--back-btn {
    margin-left: 30px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--confirm-btn,
    .new-funnel-2021 .new-funnel-2021--back-btn {
        display: inline-block;
        min-width: 360px;
        width: auto;
    }
}

.new-funnel-2021 .new-funnel-2021--confirm-btn:disabled,
.new-funnel-2021 .new-funnel-2021--confirm-btn[disabled] {
    background-color: #ffd199;
    cursor: not-allowed;
}

.new-funnel-2021 .new-funnel-2021--back-btn:disabled,
.new-funnel-2021 .new-funnel-2021--back-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.new-funnel-2021 .btn:focus {
    box-shadow: none;
}

.new-funnel-2021 .new-funnel-2021--continue-action-container {
    display: flex;
    justify-content: center;
}

.new-funnel-2021 .new-funnel-2021--alternative-action-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--alternative-action-container {
        flex-direction: row;
        margin-top: 40px;
    }
}

.new-funnel-2021 .new-funnel-2021--skip-action-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.new-funnel-2021 .new-funnel-2021--alternative-text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 20px;
    color: #193755;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--alternative-text {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.new-funnel-2021 .new-funnel-2021--save-icon {
    font-size: 30px;
    color: #ff8a00;
    margin-right: 15px;
    vertical-align: middle;
}

.new-funnel-2021 .new-funnel-2021--alternative-action,
.new-funnel-2021 .new-funnel-2021--skip-action {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    color: #193755;
}

.new-funnel-2021 .new-funnel-2021--skip-action {
    text-decoration: underline;
}

.new-funnel-2021 .new-funnel-2021--alternative-action,
.new-funnel-2021 .new-funnel-2021--alternative-action:hover,
.new-funnel-2021 .new-funnel-2021--alternative-action:active,
.new-funnel-2021 .new-funnel-2021--alternative-action:active:hover{
    text-decoration: none;
}

.new-funnel-2021--accessories .new-funnel-2021--alternative-action-container {
    padding-bottom: 60px;
}

.new-funnel-2021 .form-field {
    margin: 0 0 30px 0;
}

.new-funnel-2021 .form-field label a {
    color: #00A0E6;
    text-decoration: underline;
}

.new-funnel-2021 .form-field.new-funnel-2021--privacy-field {
    position: relative;
    margin: 0 0 40px 0;
}

.new-funnel-2021 input.form-control {
    font-family: 'Halcyon-SemiBold', sans-serif;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3);
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px 15px 6px 15px;
    font-size: 20px;
    line-height: 29px;
    color: #193755;
    height: auto;
    float: none;
}

.new-funnel-2021 input.form-control:focus,
.new-funnel-2021 .form-field--textarea:focus {
    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.3);
    border: 1px solid rgba(25, 55, 85, 0.7);
}

.new-funnel-2021 .form-field--textarea {
    height: 140px;
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(25, 55, 85, 0.3);
    font-family: 'Halcyon-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #193755;
    resize: none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.new-funnel-2021.new-funnel-2021--subscription-when-covered {
    padding-bottom: 32px;
}
@media (min-width: 576px) {
    .new-funnel-2021.new-funnel-2021--subscription-when-covered {
        padding: 30px 0 46px;
    }
    .new-funnel-2021.new-funnel-2021--subscription-when-covered .new-funnel-2021--subtitle {
        margin: 0 0 20px 0;
    }
    .new-funnel-2021.new-funnel-2021--subscription-when-covered .ko-gif {
        max-width: 350px;
    }
}

.new-funnel-2021.new-funnel-2021--subscription-when-covered .ko-gif-wrapper {
    display: none;
    justify-content: center;
    align-items: flex-end;
    padding-left: 32px;
}

.new-funnel-2021.new-funnel-2021--subscription-when-covered .btn-verify:hover{
    border: 2px solid #ff8a00!important;
}

.new-funnel-2021--disponibility-ko-box {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    padding: 30px 40px;
    text-align: center;
}

.new-funnel-2021--disponibility-ko-box h2 {
    font-family: Halcyon-Medium, sans-serif;
    display: block;
    font-size: 24px;
    line-height: 28px;
    color: #D40402;
    margin: 0;
}

.new-funnel-2021--ko-privacy-label {
    font-family: 'Halcyon-Regular', sans-serif!important;
    font-size: 14px!important;
    color: #656b73!important;
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .new-funnel-2021.new-funnel-2021--subscription-when-covered .ko-gif-wrapper {
        display: flex;
    }
}

.new-funnel-2021 .new-funnel-2021--checkbox-container {
    display: flex;
    align-items: flex-start;
}

.new-funnel-2021 .new-funnel-2021--checkbox-container > input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.new-funnel-2021 .new-funnel-2021--checkbox-container > label {
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #575b61;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--checkbox-container > label {
        color: #656b73;
        line-height: 23px;
    }
}

.new-funnel-2021 .new-funnel-2021--checkbox-container > label > span > a,
.new-funnel-2021 .new-funnel-2021--checkbox-container > label > a {
    color: #ff8a00;
    text-decoration: underline;
}

.new-funnel-2021 .new-funnel-2021--primary-btn,
.new-funnel-2021 .new-funnel-2021--secondary-btn {
    margin: 0;
    width: 100%;
    display: block;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    padding: 12px 21px 10px;
    border-radius: 10px;
}

.new-funnel-2021 .new-funnel-2021--primary-btn {
    padding: 12px 34px 10px;
    color: #ffffff;
    background-color: #ff8a00;
    border: solid 2px #ff8a00;
    margin-bottom: 20px;
}

.new-funnel-2021 .new-funnel-2021--primary-btn:hover,
.new-funnel-2021 .new-funnel-2021--primary-btn:active,
.new-funnel-2021 .new-funnel-2021--primary-btn:active:hover {
    background-color: #ff8a00;
    color: #ffffff;
    border: solid 2px #ff8a00;
}

.new-funnel-2021 .new-funnel-2021--primary-btn:disabled,
.new-funnel-2021 .new-funnel-2021--primary-btn[disabled] {
    background-color: #ffd199;
    color: #ffffff;
    border: solid 2px #ffd199;
}

.new-funnel-2021 .new-funnel-2021--primary-btn:disabled:hover,
.new-funnel-2021 .new-funnel-2021--primary-btn:disabled:active,
.new-funnel-2021 .new-funnel-2021--primary-btn:disabled:active:hover,
.new-funnel-2021 .new-funnel-2021--primary-btn[disabled]:hover,
.new-funnel-2021 .new-funnel-2021--primary-btn[disabled]:active,
.new-funnel-2021 .new-funnel-2021--primary-btn[disabled]:active:hover {
    background-color: #ffd199;
    border: solid 2px #ffd199;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--primary-btn {
        margin-bottom: 0;
    }
}

.new-funnel-2021 .new-funnel-2021--secondary-btn {
    border: solid 2px #00a0e6;
    color: #00a0e6;
    background-color: transparent;
}

.new-funnel-2021 .new-funnel-2021--secondary-btn:hover,
.new-funnel-2021 .new-funnel-2021--secondary-btn:active,
.new-funnel-2021 .new-funnel-2021--secondary-btn:active:hover {
    border: solid 2px #00a0e6 !important;
    color: #00a0e6;
    background-color: transparent;
}

.new-funnel-2021 .form-field span.error {
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    float: none;
    text-transform: uppercase;
    position: absolute;
    bottom: -5px;
    transform: translateY(100%);
    margin: 0;
}

.new-funnel-2021 .form-field.new-funnel-2021--privacy-field span.error {
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    float: none;
    text-transform: uppercase;
    position: absolute;
    bottom: -10px;
    left: 30px;
    transform: none;
    margin: 0;
}

.new-funnel-2021.new-funnel-2021--coverage-ko {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    padding-bottom: 10px;
}

@media (min-width: 576px) {
    .new-funnel-2021.new-funnel-2021--coverage-ko {
        flex-direction: row;
        padding: 30px 0 20px;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call-container {
    background: 50% 30% no-repeat url("../img/new-funnel-2021/eolo-richiamami-bg.svg");
    background-size: contain;
    margin: 0 -15px;
    min-width: calc(100% + 30px);
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call-container {
        background: none;
        width: 360px;
        max-width: 360px;
        min-width: 360px;
        flex: 1 0 360px;
        margin: 0;
    }
}

.new-funnel-2021 .new-funnel-2021--orange-button {
    display: block;
    width: 100%;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    padding: 12px 18px 10px;
    border-radius: 10px;
    border: 0 !important;
    background-color: #ff8a00;
}

.new-funnel-2021 .new-funnel-2021--orange-button:hover,
.new-funnel-2021 .new-funnel-2021--orange-button:active,
.new-funnel-2021 .new-funnel-2021--orange-button:active:hover,
.new-funnel-2021 .new-funnel-2021--orange-button[type="submit"]:hover,
.new-funnel-2021 .new-funnel-2021--orange-button[type="submit"]:active,
.new-funnel-2021 .new-funnel-2021--orange-button[type="submit"]:active:hover {
    background-color: #ff8a00;
}

.new-funnel-2021 .new-funnel-2021--primary-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.23px;
    color: #193755;
    margin-bottom: 10px;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--primary-title {
        font-size: 34px;
        line-height: 48px;
        letter-spacing: 0.24px;
    }
}

.new-funnel-2021 .new-funnel-2021--secondary-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #193755;
    margin-bottom: 10px;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--secondary-title {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0.2px;
    }
}

.new-funnel-2021 .new-funnel-2021--abstract {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #656b73;
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--abstract {
        font-size: 18px;
        line-height: 26px;
    }
}

.new-funnel-2021 .new-funnel-2021--repeat-research-container {
    margin-top: 37px;
}

.new-funnel-2021 .new-funnel-2021--coverage-map-container {
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 35px 0 rgba(101, 107, 115, 0.15);
    overflow: hidden;
    margin-bottom: 20px;
}

.new-funnel-2021 .new-funnel-2021--coverage-map-container .new-funnel-2021--orange-button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: calc(100% - 70px);
}

@media (max-width: 575px) {
    .new-funnel-2021 .new-funnel-2021--coverage-map-container .new-funnel-2021--orange-button {
        width: calc(100% - 170px);
        bottom: 25px;
    }
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--coverage-map-container .new-funnel-2021--orange-button {
        max-width: 360px;
        bottom: 82px;
        width: 100%;
    }
}

.new-funnel-2021 .new-funnel-2021--coverage-map-container #map {
    display: block;
    width: 100%;
    height: 400px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--coverage-map-container #map {
        height: 452px;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call {
        box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
        padding: 30px 25px 25px;
        border-radius: 20px;
        background-color: #ffffff;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call p {
    padding: 0;
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #193755;
    margin-bottom: 15px;
    padding: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--title {
        font-family: Halcyon-Medium, sans-serif;
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 40px;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--eolo-call-content {
    margin: 0 47px 20px 47px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    background-color: #fff;
    padding: 20px 15px;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--eolo-call-content {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--orange-button {
    margin: 0 0 20px 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--orange-button {
        margin: 0 0 15px 0;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--animated-image {
    width: 82px;
    height: 96px;
    margin: 0 auto 22px auto;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--animated-image {
        width: 167px;
        height: 193px;
        margin: 0 auto 40px auto;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--animated-image > img {
    height: 100%;
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--alternative-text {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--alternative-text {
        margin-bottom: 5px;
    }
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--alternative-text > strong,
.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--alternative-text > b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--eolo-telephone-number {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 36px;
    line-height: 45.6px;
    letter-spacing: -0.8px;
    color: #40b25b;
    text-align: center;
    margin: 0;
    text-decoration: none !important;
}

.new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--eolo-telephone-number:hover {
    text-decoration: none !important;
}

@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--eolo-call .new-funnel-2021--eolo-telephone-number {
        font-size: 42px;
        letter-spacing: -0.93px;
    }
}

.new-funnel-2021--back-to-offer {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.new-funnel-2021--back-to-offer > img {
    width: 21px;
    height: 21px;
    margin-right: 10px;
}

@media (min-width: 576px) {
    .new-funnel-2021--back-to-offer > img {
        margin-right: 8px;
    }
}

.new-funnel-2021--back-to-offer > span {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-decoration: underline;
    color: #ff8a00;
}

.new-funnel-2021--back-to-offer.desktop {
    display: block;
}
.new-funnel-2021--back-to-offer.desktop:hover {
    text-decoration: none;
}

.new-funnel-2021--back-to-offer.mobile {
    display: none;
}

@media (max-width: 576px) {
    .new-funnel-2021--back-to-offer.desktop {
        display: none!important;
    }
    .new-funnel-2021--back-to-offer.mobile {
        display: block;
    }
}

/* ----------------------------
   New Funnel 2021 Style End
------------------------------- */

/* ----------------------------
    New Funnel 2021 - Modals - Style Start
------------------------------- */

body.modal-open .modal.show {
    background-color: rgba(25, 55, 85, 0.7);
}

body.modal-open #flow-form>*,
body.modal-open #main-area #main-content-2021,
body.modal-open #main-area .new-funnel-2021--shop-header,
body.modal-open #main-area .new-funnel-2021--shop-footer
{
    filter: blur(40px) brightness(80%);
    -webkit-filter: blur(40px) brightness(80%);

}
body.modal-open footer {
    filter: blur(40px) brightness(80%);
    -webkit-filter: blur(40px) brightness(80%);
}

body.modal-open #main-area .modal.show{
    filter:none!important;
    -webkit-filter:none!important;
}
body.modal-open #flow-form{
    justify-content:center;
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog
{
    max-width: 345px;
    margin:auto;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog
    {
        max-width: 750px;
        max-height: 628px;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog
.new-funnel-2021--modal-content{
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.25);
    background-color: #fff;
    padding: 10px 10px 0px 10px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog
    .new-funnel-2021--modal-content{
        border-radius: 20px;
        box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.25);
        background-color: #fff;
        padding: 30px 30px 40px 30px;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header .new-funnel-2021--modal-icon{
    font-size: 60px;
    color: #00a0e6;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header .new-funnel-2021--modal-icon{
        font-size: 80px;
        color: #00a0e6;
        position: absolute;
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header button.close{
    opacity:1;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header button.close i{
    color: #ff8a00;
    top:30px;
    right:30px;
    font-size:24px;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header button.close i:hover{
    color: #FFB966;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header button.close i{
        font-size:30px;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header{
    padding: 110px 0 0 0;
    justify-content:center;
}

@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header .modal-delete--line1-message{
        line-height:35px;
    }

    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header{
        padding-top: 130px;
    }
    #modalSave.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header{
        padding: 130px 60px 0 60px;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p,
.new-funnel-2021--modal-header #errors{
    font-family: 'Halcyon-Regular', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    float: left;
    width: 100%;
    display: block;
}
#modalShare.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p{
    max-width:315px;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p .green-phone{
    font-family: 'Halcyon-SemiBold', sans-serif;
    color:#40b25b;
    font-size:24px;
    text-decoration: underline;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p .green-phone.desktop{
    display:none;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p .green-phone.mobile{
    display:block;
}
.new-funnel-2021--modal p #remove-basket-green-phone{
    color:#40b25b;
}
.new-funnel-2021--modal p #remove-basket-green-phone:hover{
    color:#40b25b;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p,
    .new-funnel-2021--modal-header #errors{
        font-family: 'Halcyon-SemiBold', sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.24px;
        padding-top: 15px;
    }
    #modalShare.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p{
        max-width:370px;
    }
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p .green-phone{
        font-family: 'Halcyon-Bold', sans-serif;
        font-size:21px;
        text-decoration:none;
    }
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p .green-phone.mobile{
        display:none;
    }
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p .green-phone.desktop{
        display:inline;
    }
}


.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-header p .mini-title{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    float: left;
    width: 100%;
    display: block;
    font-family: 'Halcyon-Bold', sans-serif;
    margin-bottom:10px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-header p .mini-title{
        font-size: 34px;
        margin-bottom:30px;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form .form-field.error .error-text{
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-form{
        padding: 15px 130px 0 130px;
    }
}

.new-funnel-2021--modal-form .form-control--floating-placeholder{
    height:75px;
    margin-bottom:2px;
}

.new-funnel-2021--modal-form .form-control--privacy-checkbox{
    height:35px;
    margin-bottom:20px;
}

.new-funnel-2021--modal-form .form-control--privacy-checkbox.error .error-text{
    margin-top:-2px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal-form .form-control--floating-placeholder{
        margin-bottom:10px;
    }
    .new-funnel-2021--modal-form .form-control--privacy-checkbox{
        height:35px;
        margin-bottom:10px;
    }
}

.new-funnel-2021--modal-form .form-control--floating-placeholder .floating-placeholder {
    opacity: 0.5;
    font-family: Roboto-medium, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
    top: 35%;
}

.form-control--floating-placeholder.field-filled .floating-placeholder,
.form-control--floating-placeholder.field-focused .floating-placeholder {
    font-size: 10px;
    top: 10px;
    transform: translateY(0);
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input.form-control{
    font-family: 'Halcyon-SemiBold', sans-serif;
    margin: 0;
    border-radius: 10px!important;
    border: solid 1px rgba(25, 55, 85, 0.3)!important;
    background-color: #f8f9fa;
    padding: 22px 15px 6px 15px;
    font-size: 18px;
    color: #193755;
    height: auto;
    float: none;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input.form-control:focus {
    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.3);
    border: 1px solid rgba(25, 55, 85, 0.7)!important;
}

#modalShare.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input.form-control{
    padding: 16px 15px 12px 15px;
}

#modalShare.new-funnel-2021--modal #shareBasket {
    font-family: Halcyon-Regular, sans-serif;
}

/* Remove controls from Firefox */
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input[type=number] {
    -moz-appearance: textfield!important;
}

/* Remove controls from Safari and Chrome */
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input[type=number]::-webkit-inner-spin-button,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0!important; /* Removes leftover margin */
}

#modalSave.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form .form-control--floating-placeholder.error input.form-control{
    border: 1px solid #FF0000!important
}

@media (min-width: 576px) {
    .modal-dialog-centered.new-funnel-2021--modal-dialog {
        min-height: calc(100% - (0.5rem * 2));
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  label.new-funnel-2021--cart-privacy p{
    margin: 0 0 0 0;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #575b61;
    padding-left: 5px;
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  label.new-funnel-2021--cart-privacy .checkmark{
    margin: 1px 15px 2px 0;
    border-radius: 3px;
    border: solid 1px rgba(25, 55, 85, 0.3);

}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  .new-funnel-2021--modal-footer{
    padding-bottom:0px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-form  .new-funnel-2021--modal-footer{
        flex-direction:row;
    }}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button{
    font-family: Halcyon, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0 0 0;
    width:100%;
    margin: 0 0 20px 0;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button{
        width:100%;
        max-width:370px;
        margin: 0 30px 0 0;
        min-height:48px;
    }
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button:last-child{
        margin: 0 0 0 0;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn span,
.new-funnel-2021--modal .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn span{
    color: #00a0e6;
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn:before,
.new-funnel-2021--modal .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn:before{
    border: 2px solid #00a0e6;
    border-radius: 10px;
}

.new-funnel-2021--modal-footer .mobile-btn-text{
    display: block;
    visibility: visible;
}
.new-funnel-2021--modal-footer .desktop-btn-text{
    display: none;
    visibility: hidden;
}
.new-funnel-2021--modal-content .modal-message {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
    color: #193755;
}

.new-funnel-2021--modal-content .modal-message::-webkit-scrollbar-thumb,
.new-funnel-2021--modal-content .modal-scrolling-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(25, 55, 85, 0.5);
    opacity: 0.8;
}
.new-funnel-2021--modal-content .modal-message::-webkit-scrollbar,
.new-funnel-2021--modal-content .modal-scrolling-section::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background: rgba(25, 55, 85, 0.1);
}

#modalDoubleOpt .modal-dialog-centered.new-funnel-2021--modal-dialog{
    margin-top: 2%;
}

@media (min-width: 992px) {
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
    .new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn:hover:before,
    .new-funnel-2021--modal .new-funnel-2021--modal-footer button.new-funnel-2021--dismiss-btn:hover:before{
        border: 4px solid #00a0e6;
    }

    .new-funnel-2021--modal-content .modal-message{
        font-family: 'Halcyon-SemiBold', sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.24px;
        padding-top: 15px;
        color: #193755;
    }
    .new-funnel-2021--modal-footer .mobile-btn-text{
        display: none;
        visibility: hidden;
    }
    .new-funnel-2021--modal-footer .desktop-btn-text{
        display: block;
        visibility: visible;
    }

    .new-funnel-2021--modal-content .modal-message {
        max-height: calc(100vh - 550px);
        overflow-y: auto;
    }
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form  .new-funnel-2021--modal-footer button.new-funnel-2021--confirm-btn:active{
    color: #FFFFFF;
    background-color: #FFB966;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    transition:.1s;
}

.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content
.new-funnel-2021--modal-form .form-field.error .error-text{
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .new-funnel-2021--modal .modal-dialog-centered.new-funnel-2021--modal-dialog {
        min-height: calc(100% - (0.5rem * 2));
    }
}

/**checkbox save modal**/

.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:checked + label,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:not(:checked) + label,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 16px;
    color: #333;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:checked + label:before,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:not(:checked) + label:before,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label:before,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #193755;
    border-radius: 3px;
    background: #fff;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:checked + label:after,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:not(:checked) + label:after,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label:after,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label:after {
    content: "\e917";
    position: absolute;
    top: 0;
    left: 2px;
    width: 17px;
    height: 17px;
    border-radius: 0;
    font-size: 17px;
    line-height: 22px;
    color: #193755;
    font-family: 'icomoon';
    background-color: transparent;
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:not(:checked) + label:after,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.new-funnel-2021--modal .new-funnel-2021--modal-dialog [type="checkbox"]:checked + label:after,
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#save-cart_privacy-error{
    margin-top:0px;
}

/* NEW PRIVACY MODALS */

#modalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p,
#forcedModalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p {
    margin-bottom: 0px;
}
#modalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p#modalError-message,
#forcedModalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p#modalError-message {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    #modalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p,
    #forcedModalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p {
        padding-top: 0px;
    }
    #modalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p .mini-title,
    #forcedModalConsenso .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p .mini-title {
        padding-bottom: 30px;
        margin-bottom: 0px;
    }
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p{
    padding-top: 0;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message{
    padding-top: 0;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .privacy-modal-title{
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.21px;
    color: #193755;
    padding-left: 15px;
    padding-right: 15px;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .privacy-modal-title-2C{
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #193755;
    padding-left: 15px;
    padding-right: 15px;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-title-centered{
    width:100%;
}

#modalDoubleOpt #popup2C.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .privacy-modal-title{
    text-align:initial
}

@media (min-width: 992px) {
    #modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .privacy-modal-title {
        padding-left: 0;
        padding-right: 0;
    }

    #modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .privacy-modal-title-2C{
        font-size: 34px;
        letter-spacing: 0.21px;
        line-height: 45px;
    }
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message ul,
#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p{
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0.19px;
    color: #193755
}

#modalDoubleOpt #popup2C.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message{
    padding-left: 10px;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p {
    text-align: initial;
    padding-left: 3px;
    padding-right: 7px;
}

#modalDoubleOpt #popup2C.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p{
    font-family: Halcyon-Medium, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 0.21px;
    color: #193755;
}

#modalDoubleOpt #popup2A.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p {
    padding-left: 15px;
}

#modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message ul.privacy-message-list {
    padding-inline-start: 30px;
    padding-inline-end: 10px;
}

@media (min-width: 992px) {
    #modalDoubleOpt #popup2C.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message{
        padding-left: 0;
    }

    #modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message ul.privacy-message-list {
        padding-inline-start: 30px;
    }

    #modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p {
        padding-left: 0;
    }

    #modalDoubleOpt #popup2A.new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header .modal-message p {
        padding-left: 0;
    }

}

@media (min-width: 992px) {
    #modalDoubleOpt .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-footer {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
    #modalDoubleOpt .modal-dialog-centered.new-funnel-2021--modal-dialog{
        margin-top: 0;
    }
}

/** message dialogs **/
.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p.modal-message-paragraph{
    font-size: 24px;
    font-family: 'Halcyon-SemiBold', sans-serif;
    line-height: 30px;
}

#saved-cart.new-funnel-2021--modal .new-funnel-2021--modal-header .saved-cart--message{
    font-family: Halcyon-Medium, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.21px;
    color: #193755;
}

#saved-cart.new-funnel-2021--modal .new-funnel-2021--modal-header .saved-cart--code{
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 21px;
    letter-spacing: 0.24px;
    color: #193755;
}

#saved-cart.new-funnel-2021--modal .saved-cart-text{
    font-family: Halcyon-Medium, sans-serif;
    font-weight: initial;
    font-size: 18px;
    line-height: 22px;
}

@media (max-width: 992px) {
    #saved-cart.new-funnel-2021--modal .new-funnel-2021--modal-content {
        padding: 20px;
    }
}

@media (min-width: 992px) {
    #saved-cart.new-funnel-2021--modal .new-funnel-2021--modal-dialog
    {
        max-width: 650px;
        max-height: 390px;
    }
    #saved-cart.new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-header p
    {
        width: 95%;
    }
}

/* NEW CONDITIONS MODAL*/
.new-funnel-2021--modal#modalCondition button.close {
    opacity: 1;
    padding: 10px;
    text-align: right;
}
.new-funnel-2021--modal#modalCondition .icomoon-icons-large-close {
    font-size: 24px;
    color: #ff8a00;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal#modalCondition .icomoon-icons-large-close {
        font-size: 30px;
    }
}
.new-funnel-2021--modal#modalCondition .icomoon-icons-large-attenzione {
    margin-top: -30px;
}
.new-funnel-2021--modal#modalCondition .new-funnel-2021--modal-header {
    padding-top: 70px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal#modalCondition .new-funnel-2021--modal-header {
        padding-top: 100px;
    }
}
.new-funnel-2021--modal#modalCondition .modal-scrolling-section {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    margin-top: 10px;
}
.new-funnel-2021--modal#modalCondition .modal-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 20%);
    position: absolute;
    height: 30px;
    width: 100%;
    left: 0;
    bottom: 70px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal#modalCondition .modal-gradient {
        bottom: 96px;
    }
}
.new-funnel-2021--modal#modalCondition .new-funnel-2021--modal-footer {
    padding-top:20px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal#modalCondition .new-funnel-2021--modal-footer {
        padding-bottom:10px;
        padding-top:20px;
    }
}
.new-funnel-2021--modal#modalCondition .title-conditions {
    font-size: 24px;
    font-family: Halcyon-SemiBold, sans-serif;
    color: #193755;
}
.new-funnel-2021--modal#modalCondition .text-conditions {
    font-size: 18px;
    font-family: 'Halcyon-Medium', sans-serif;
    font-weight: initial;
    color: #193755;
    line-height: 22px;
    padding-right: 10px;
}
.new-funnel-2021--modal#modalCondition .button-conditions {
    border-radius: 10px;
    font-family: 'Halcyon-Medium', sans-serif;
    min-height: initial;
    width: 100%;
    padding: 12px 20px 10px 20px;
}
@media (min-width: 992px) {
    .new-funnel-2021--modal#modalCondition .text-conditions {
        padding-right: 25px;
    }
    .new-funnel-2021--modal#modalCondition .button-conditions {
        width: 360px;
    }
    .new-funnel-2021--modal#modalCondition .title-conditions {
        font-size: 34px;
    }
}

/*
@media(min-width: 992px){
    .new-funnel-2021--modal .new-funnel-2021--modal-dialog .new-funnel-2021--modal-content .new-funnel-2021--modal-header p.modal-message-paragraph{
        font-size: 32px;
    }
}
*/

/* ----------------------------
    New Funnel 2021 - Modals - Style End
------------------------------- */


/* ----------------------------
    New Funnel 2021 - Snackbar - Style Start
------------------------------- */

#snackbar {
    display:none;
    min-width: 200px;
    background-color: #00a0e6;
    color: #fff;
    font-size: 18px;
    font-family: Halcyon-SemiBold, sans-serif;
    text-align: center;
    padding: 12px 12px 10px;
    position: fixed;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    border-radius: 10px;
}

#snackbar.show {
    display:block;
    z-index: 10030;
}

/* ----------------------------
    New Funnel 2021 - Snackbar - Style End
------------------------------- */


/* ----------------------------
    New Funnel 2021 - Header - Style Start
------------------------------- */

.new-funnel-2021--shop-header {
    background: #fff;
}
.new-funnel-2021--shop-header .main {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: space-between;
}
.new-funnel-2021--shop-header .desktop-logo {
    display: none;
    width: 181px;
    height: auto;
}
.new-funnel-2021--shop-header .mobile-logo {
    width: 75px;
    height: 40px
}
.new-funnel-2021--shop-header .icon-cart {
    width: 28px;
    height: 26px;
}
.new-funnel-2021--shop-header .cart-full {
    position: absolute;
    right: 10px;
    top: 16px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(255, 138, 0, 0.55);
    background-color: #ff8a00;
}
.new-funnel-2021--shop-header .gradient {
    height: 30px;
    width: 100%;
    opacity: 0.06;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    background: linear-gradient(180deg, #0d3758 0%, transparent 90%);
    pointer-events: none;
}
.nrsp {
    display: block;
    position: static;
    width: 100%;
    height: 135px;
    background: #fff;
}
@media screen and (min-width: 992px) {
    .new-funnel-2021--shop-header .main {
        height: 70px;
    }
    .new-funnel-2021--shop-header .desktop-logo {
        display: inline-block;
    }
    .new-funnel-2021--shop-header .mobile-logo {
        display: none;
    }
    .nrsp {
        height: 110px;
    }
}

/* ----------------------------
    New Funnel 2021 - Header - Style End
------------------------------- */


/* ----------------------------
    New Funnel 2021 - Footer - Style Start
------------------------------- */

.new-funnel-2021--shop-footer-upper {
    padding: 20px 0;
    background-color: #193755;
    color: #fff;
    text-align: center;
}
.new-funnel-2021--shop-footer-upper .container {
    display: flex;
    flex-direction: column;
}
.new-funnel-2021--shop-footer-upper .description {
    margin-bottom: 20px;
}
.new-funnel-2021--shop-footer-upper .requirements {
    display: flex;
    justify-content: center;
    align-items: center;
}
.new-funnel-2021--shop-footer-upper .requirements div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new-funnel-2021--shop-footer-upper .requirements .icon-identity,.icon-card {
    width: 44px;
    margin-bottom: 10px;
}
.new-funnel-2021--shop-footer-upper .requirements .id-card {
    max-inline-size: 17ch;
}
.new-funnel-2021--shop-footer-upper .requirements .credit-card {
    max-inline-size: 14ch;
}
.new-funnel-2021--shop-footer-bottom {
    padding: 20px 0;
    background-color: #f2f2f2;
    color: #193755;
    text-align: center;
}
.new-funnel-2021--shop-footer-bottom .logo-footer {
    width: 98px;
    height: 54px;
    margin-bottom: 15px;
}
.new-funnel-2021--shop-footer-bottom .copyright {
    font-size: 14px;
}

@media screen and (min-width: 576px) {
    .new-funnel-2021--shop-footer-upper {
        padding: 40px 0;
        text-align: initial;
    }
    .new-funnel-2021--shop-footer-upper .container {
        flex-direction: row;
        justify-content: space-between;
    }
    .new-funnel-2021--shop-footer-upper .description {
        margin: 0 40px 0px 0;
    }
    .new-funnel-2021--shop-footer-upper .requirements div {
        flex-direction: row;
    }
    .new-funnel-2021--shop-footer-upper .requirements .icon-identity,.icon-card {
        margin-right: 10px;
    }
    .new-funnel-2021--shop-footer-upper .requirements .icon-card {
        margin-bottom: 0;
    }
    .new-funnel-2021--shop-footer-upper .requirements .icon-identity {
        margin-bottom: 6px;
    }
    .new-funnel-2021--shop-footer-upper .requirements .id-card {
        max-inline-size: initial;
        margin-right: 50px;
    }
    .new-funnel-2021--shop-footer-upper .requirements .credit-card {
        max-inline-size: initial;
    }
    .new-funnel-2021--shop-footer-bottom {
        padding: 30px 0;
        text-align: initial;
    }
}
@media screen and (min-width: 1200px) {
    .new-funnel-2021--shop-footer-upper .requirements .id-card {
        margin-right: 150px;
    }
}

/* ----------------------------
    New Funnel 2021 - Footer - Style End
------------------------------- */


/* ----------------------------
    New Funnel 2021 - Breadcrumb - Style Start
------------------------------- */

.new-funnel-2021--breadcrumb {
    position: fixed;
    top: 60px;
    width: 100%;
    padding-bottom: 10px;
    z-index: 1029;
    background: #fff;
}
.new-funnel-2021--breadcrumb .breadcrumb-wrapper {
    display: flex;
}
.new-funnel-2021--breadcrumb .breadcrumb-step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: 42px;
    height: 54px;
    padding: 15px 9px;
    border-radius: 0px 0px 10px 10px;
    margin-right: 5px;
    background-color: #ecedef;
    font-family: Halcyon-SemiBold, sans-serif;
    text-align: center;
    color: rgba(25, 55, 85, 0.5);
}
.new-funnel-2021--breadcrumb .breadcrumb-step.clickable {
    cursor: pointer !important;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.clickable:hover {
    background-color: #e0f0f7;
}
.new-funnel-2021--breadcrumb .breadcrumb-step:last-child {
    margin-right: 0;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.active {
    flex-basis: 60%;
    justify-content: flex-start;
    background-color: #e0f0f7;
    color: #193755;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.completed {
    flex-basis: initial;
    background-color: #aedef3;
    color: #193755;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.backstep {
    background-color: #e0f0f7;
    color: #193755;
}
.new-funnel-2021--breadcrumb .breadcrumb-label {
    display: none;
    font-size: 15px;
}
.new-funnel-2021--breadcrumb .breadcrumb-step img {
    width: 23px;
    opacity: 0.5;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.active img,
.new-funnel-2021--breadcrumb .breadcrumb-step.completed img,
.new-funnel-2021--breadcrumb .breadcrumb-step.backstep img {
    opacity: 1;
}
.new-funnel-2021--breadcrumb .breadcrumb-step.active .breadcrumb-label{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -4px;
}
.new-funnel-2021--breadcrumb .breadcrumb-gradient {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    opacity: 0.06;
    transform: translateY(100%);
    background-image: linear-gradient(to bottom, #0d3758, transparent);
}

@media screen and (min-width: 992px) {
    .new-funnel-2021--breadcrumb {
        top: 35vh;
        width: auto;
        background-color: transparent;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-wrapper {
        flex-direction: column;
        margin: 0;
        padding: 0;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-step {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90px;
        height: 70px;
        margin-bottom: 5px;
        font-size: 10px;
        border-radius: 0 10px 10px 0;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-label {
        display: block;
        font-size: 10px;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-step.active .breadcrumb-label {
        margin: 0;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-step img {
        width: 25px;
        margin-bottom: 5px;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-step.active {
        justify-content: center;
    }
    .new-funnel-2021--breadcrumb .breadcrumb-gradient {
        display: none;
    }
}

/* ----------------------------
    New Funnel 2021 - Breadcrumb - Style End
------------------------------- */


/* ----------------------------
   New Personal Data Style Start
------------------------------- */
@media screen and (max-width: 1400px) {
    .personal-data-step-form {
        padding-top: 20px;
    }
}
.personal-data-step-form .form-field {
    margin-bottom: 15px;
}
.personal-data-step-form input.form-control,
.personal-data-step-form input.ui-autocomplete-input {
    font-family: 'Halcyon-SemiBold', sans-serif;
    width: 100%;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3);
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 22px 15px 6px 15px;
    font-size: 18px;
    color: #193755;
    height: 55px;
    float: none;
}
.personal-data-step-form input.form-control:focus,
.personal-data-step-form input.ui-autocomplete-input:focus {
    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgb(25 55 85 / 30%);
    border: 1px solid rgba(25, 55, 85, 0.7);
}
.personal-data-step-form .field-error,
.new-funnel-2021 .form-field .field-error{
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    text-transform: uppercase;
}
/**date picker**/
.personal-data-step-form .form-field-date-wrapper,
.new-funnel-2021 .form-field-date-wrapper {
    position: relative;
}
.personal-data-step-form .form-field.date .icon-date,
.new-funnel-2021 .form-field.date .icon-date {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    display: flex;
    cursor: pointer;
}
.personal-data-step-form .form-field.date .eolo-icon-datepicker,
.new-funnel-2021 .form-field.date .eolo-icon-datepicker {
    font-size: 20px;
    color: #193755;
}
.personal-data-step-form .custom-date-picker input,
.personal-data-step-form .custom-dropdown input,
.new-funnel-2021 .custom-date-picker input,
.new-funnel-2021 .custom-dropdown input {
    padding: 17px 13px 13px;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #193755;
}
.personal-data-step-form input::placeholder,
.new-funnel-2021 .custom-date-picker input::placeholder {
    font-family: Roboto-Medium, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #193755;
    opacity: 0.5;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget {
    width: 100%;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    font-family: Halcyon-Regular, sans-serif;
}
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .next .fa-chevron-right:before {
    content: '\e91c';
    font-family: 'icomoon';
    font-size: 21px;
}
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .prev .fa-chevron-left:before {
    content: '\e91b';
    font-family: 'icomoon';
    font-size: 21px;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget .prev,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget .next,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .prev,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .next {
    color: #00a0e6;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget .picker-switch,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .picker-switch {
    font-family: Halcyon-Medium, sans-serif;
    font-weight: initial;
    color: #333333;
    text-transform: capitalize;
    vertical-align: middle;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget thead,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget thead {
    border-bottom: 1px solid rgba(101, 107, 115, 0.15);
    margin-bottom: 8px;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget th,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget td,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget th,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget td {
    border-top: none;
    border-bottom: none;
    font-weight: initial;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td {
    padding: 0.5rem 0.4rem;
    color: #193755;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td span:not(.active):hover,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td span:not(.active):hover {
    background: #e5f5fc;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #e5f5fc;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.today::before,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #00a0e6;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.day:hover,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.day:hover {
    background-color: transparent;
    position: relative;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.day:hover::after,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.day:hover::after {
    content: '';
    width: 30px;
    height: 30px;
    background: #e5f5fc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    z-index: -1;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.day.active:hover::after,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.day.active:hover::after {
    background: #00a0e6;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.active,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.active:hover,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.active,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.active:hover {
    position: relative;
    background-color: transparent;
    color: #fff;
    font-family: Halcyon-SemiBold, sans-serif;
    text-shadow: none;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td.active::before,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td.active::before {
    content: '';
    border: none!important;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #00a0e6;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .day.old,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget .day.new {
    visibility: hidden;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom::after,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top::before,
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top::after,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom::after,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top::before,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top::after {
    display: none;
}
.personal-data-step-form .custom-date-picker .bootstrap-datetimepicker-widget table td span.active,
.new-funnel-2021 .custom-date-picker .bootstrap-datetimepicker-widget table td span.active {
    background-color: #00a0e6;
}

/** switch input **/
.form-field.switch-text {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}
.form-field.switch-text .option-checked,
.form-field.switch-text .option-unchecked {
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.5;
    color: #193755;
}
.form-field.switch-text .option-checked {
    margin-left: 5px;
}
.form-field.switch-text .option-unchecked {
    margin-right: 5px;
}
.form-field-switch {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 36px;
    margin-bottom: 0;
}
.form-field-switch input {
    width: 0;
    height: 0;
    opacity: 0;
}
.form-field-switch .slider-round {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ececec;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}
.form-field-switch .slider-round:before {
    content: '';
    position: absolute;
    left: 4px;
    bottom: 4px;
    height: 28px;
    width: 28px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.form-field-switch input:checked + .slider-round {
    background-color: #66c6f0;
}
.form-field-switch input:focus + .slider-round {
    box-shadow: 0 0 1px #66c6f0;
}
.form-field-switch input:checked + .slider-round:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.form-field-switch .slider-round {
    border-radius: 34px;
}
.form-field-switch .slider-round:before {
    border-radius: 50%;
}
/*.form-field-switch:hover .slider-round:before {
    transform: translateX(13px);
}*/
.form-field-switch input:checked .form-field.switch-text .option-checked {
    font-family: Halcyon-SemiBold, sans-serif;
}

/**switch small**/
.form-field.switch-text.small .form-field-switch {
    width: 51px;
    height: 30px;
}
/*.form-field.switch-text.small .form-field-switch:hover .slider-round:before {
    transform: translateX(10px);
}*/
.form-field.switch-text.small .form-field-switch .slider-round:before {
    width: 24px;
    height: 24px;
    left: 3px;
    bottom: 3px;
}
.form-field.switch-text.small .form-field-switch input:checked + .slider-round:before {
    transform: translateX(20px);
}

/**radio**/
.personal-data-step-form .form-field-radio .radio-label,
.new-funnel-2021 .form-field--radio .radio-label {
    margin-bottom: 4px;
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #193755;
    opacity: 0.5;
}
.personal-data-step-form .form-field-radio .radio-options,
.new-funnel-2021 .form-field--radio .radio-options {
    display: flex;
}
.personal-data-step-form [type="radio"]:checked,
.personal-data-step-form [type="radio"]:not(:checked),
.new-funnel-2021 .form-field--radio input[type="radio"]:checked,
.new-funnel-2021 .form-field--radio input[type="radio"]:not(:checked) {
    display: none;
}
.personal-data-step-form [type="radio"]:checked + label,
.personal-data-step-form [type="radio"]:not(:checked) + label,
.new-funnel-2021 .form-field--radio input[type="radio"]:checked + label,
.new-funnel-2021 .form-field--radio input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    margin-right: 20px;
    cursor: pointer;
    display: inline-block;
    color: #575b61;
    font-size: 18px;
    line-height: 22px;
}
.personal-data-step-form [type="radio"]:checked + label:before,
.personal-data-step-form [type="radio"]:not(:checked) + label:before,
.new-funnel-2021 .form-field--radio input[type="radio"]:checked + label:before,
.new-funnel-2021 .form-field--radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #193755;
    border-radius: 100%;
    background: #fff;
}
.personal-data-step-form [type="radio"]:checked + label:after,
.personal-data-step-form [type="radio"]:not(:checked) + label:after,
.new-funnel-2021 .form-field--radio input[type="radio"]:checked + label:after,
.new-funnel-2021 .form-field--radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #193755;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.personal-data-step-form [type="radio"]:not(:checked) + label:after,
.new-funnel-2021 .form-field--radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.personal-data-step-form [type="radio"]:checked + label:after,
.new-funnel-2021 .form-field--radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/**checkbox**/
.personal-data-step-form [type="checkbox"]:checked,
.personal-data-step-form [type="checkbox"]:not(:checked),
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) {
    display: none;
}
.personal-data-step-form [type="checkbox"]:checked + label,
.personal-data-step-form [type="checkbox"]:not(:checked) + label,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 16px;
    color: #333;
}
.personal-data-step-form [type="checkbox"]:checked + label:before,
.personal-data-step-form [type="checkbox"]:not(:checked) + label:before,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label:before,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #193755;
    border-radius: 3px;
    background: #fff;
}
.personal-data-step-form [type="checkbox"]:checked + label:after,
.personal-data-step-form [type="checkbox"]:not(:checked) + label:after,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:checked + label:after,
.new-funnel-2021 .form-field--checkbox input[type="checkbox"]:not(:checked) + label:after {
    content: "\e917";
    position: absolute;
    top: 0;
    left: 2px;
    width: 17px;
    height: 17px;
    border-radius: 0;
    font-size: 17px;
    line-height: 22px;
    color: #193755;
    font-family: 'icomoon';
    background-color: transparent;
}
.personal-data-step-form [type="checkbox"]:not(:checked) + label:after,
.new-funnel-2021 .form-field--checkbox:not(.form-field--checkbox--reverse) input[type="checkbox"]:not(:checked) + label:after,
.new-funnel-2021 .form-field--checkbox.form-field--checkbox--reverse input[type="checkbox"]:checked + label:after{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.personal-data-step-form [type="checkbox"]:checked + label:after,
.new-funnel-2021 .form-field--checkbox:not(.form-field--checkbox--reverse) input[type="checkbox"]:checked + label:after,
.new-funnel-2021 .form-field--checkbox.form-field--checkbox--reverse input[type="checkbox"]:not(:checked) + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/**login banner **/
.personal-data-step-form .login-banner {
    height: auto;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    background-color: #e5f5fc;
}
.personal-data-step-form .login-banner .form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.personal-data-step-form .login-banner .form-field {
    width: 100%;
    margin-bottom: 20px;
}
.personal-data-step-form .login-banner .btn.login {
    width: 100%;
    height: 48px;
    padding: 12px 5px 10px;
    border-radius: 10px;
    background-color: #ff8a00;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    color: #fff;
}
.personal-data-step-form .login-banner .forgot-password,
.personal-data-step-form .login-banner .forgot-password a{
    margin-top: 15px;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    color: #193755;
}
.personal-data-step-form .login-banner .forgot-password a {
    text-decoration: underline;
}
/**accordion**/
.personal-data-step-form .privacy-accordion,
.new-funnel-2021 .privacy-accordion {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    color: #656b73;
}
.personal-data-step-form .privacy-accordion strong,
.personal-data-step-form .privacy-accordion b,
.new-funnel-2021 .privacy-accordion strong,
.new-funnel-2021 .privacy-accordion b {
    font-family: Halcyon-SemiBold, sans-serif;
}
.personal-data-step-form .privacy-accordion .agreement,
.new-funnel-2021 .privacy-accordion .agreement {
    line-height: 20px;
}
.personal-data-step-form .privacy-accordion .more-details-wrapper,
.new-funnel-2021 .privacy-accordion .more-details-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.personal-data-step-form .privacy-accordion .more-details,
.new-funnel-2021 .privacy-accordion .more-details {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 14px;
    color: #193755;
}
.personal-data-step-form .privacy-accordion .more-details .text,
.new-funnel-2021 .privacy-accordion .more-details .text {
    text-decoration: underline;
}
.personal-data-step-form .privacy-accordion .more-details-wrapper i,
.new-funnel-2021 .privacy-accordion .more-details-wrapper i {
    margin: 0 0 2px 8px;
}
.personal-data-step-form .privacy-accordion .privacy-icons,
.new-funnel-2021 .privacy-accordion .privacy-icons {
    width: 30px;
    height: 30px;
}
.personal-data-step-form .privacy-accordion .details,
.new-funnel-2021 .privacy-accordion .details {
    display: none;
    padding-left: 8px;
    margin: 15px 0 0 15px;
    border-left: 2px solid #193755;
}
@media (max-width: 359px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: 260px;
    }
}
@media (min-width: 360px) and (max-width: 412px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: 308px;
    }
}
@media (min-width: 412px) and (max-width: 450px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: 348px;
    }
}
@media (min-width: 451px) and (max-width: 500px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: 375px;
    }
}
@media (min-width: 500px) and (max-width: 576px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: 434px;
    }
}
@media (min-width: 576px) {
    .personal-data-step-form .privacy-accordion .details,
    .new-funnel-2021 .privacy-accordion .details {
        width: initial;
    }
}
@media (min-width: 768px) {
    .personal-data-step-form .privacy-accordion .agreement,
    .new-funnel-2021 .privacy-accordion .agreement {
        margin-left: 10px;
    }
}

/** custom dropdown **/
.personal-data-step-form .custom-dropdown,
.new-funnel-2021 .custom-dropdown {
    width: 100%;
}
.personal-data-step-form .custom-dropdown .dk-selected,
.new-funnel-2021 .custom-dropdown .dk-selected {
    font-family: 'Halcyon-SemiBold', sans-serif;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3);
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
    font-size: 18px;
    line-height: 1.5;
    color: #193755;
    height: 55px;
    float: none;
}
.personal-data-step-form .custom-dropdown .dk-selected:focus,
.new-funnel-2021 .custom-dropdown .dk-selected:focus {
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.3);
}
.personal-data-step-form .custom-dropdown .dk-selected:before,
.new-funnel-2021 .custom-dropdown .dk-selected:before {
    content: "";
    right: 15px;
    margin: 0;
    border: 0 none;
    color: #193755;
    font-family: 'icomoon-eolo';
    transform: translateY(-50%);
}
.personal-data-step-form .custom-dropdown.dk-select-open-down .dk-selected:before,
.personal-data-step-form .custom-dropdown.dk-select-open-up .dk-selected:before,
.new-funnel-2021 .custom-dropdown.dk-select-open-down .dk-selected:before,
.new-funnel-2021 .custom-dropdown.dk-select-open-up .dk-selected:before {
    transform: rotate(-180deg) translateY(50%);
}

.personal-data-step-form .custom-dropdown .dk-selected.hidden-option:before,
.new-funnel-2021 .custom-dropdown .dk-selected.hidden-option:before {
    font-size: 18px;
}
.personal-data-step-form .custom-dropdown .dk-select-options,
.new-funnel-2021 .custom-dropdown .dk-select-options {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    background-color: #fff;
    margin-top: 1px;
}
.personal-data-step-form .custom-dropdown .dk-select-options .dk-option:first-child,
.new-funnel-2021 .custom-dropdown .dk-select-options .dk-option:first-child {
    display: none;
}
.personal-data-step-form .custom-dropdown .dk-option,
.new-funnel-2021 .custom-dropdown .dk-option {
    padding: 9px 18px;
    color: #193755;
    font-family: Roboto-Regular, sans-serif;
    font-size: 14px;
}
.personal-data-step-form .custom-dropdown .dk-select-options .dk-option-highlight,
.new-funnel-2021 .custom-dropdown .dk-select-options .dk-option-highlight {
    background-color: #e5f5fc;
}
.personal-data-step-form .custom-dropdown .dk-select-options .dk-option.dk-option-selected,
.new-funnel-2021 .custom-dropdown .dk-select-options .dk-option.dk-option-selected {
    position: relative;
    background-color: transparent;
    font-family: Roboto-Bold, sans-serif;
    font-size: 14px;
    color: #193755;
}
.personal-data-step-form .custom-dropdown .dk-select-options .dk-option.dk-option-selected:hover,
.new-funnel-2021 .custom-dropdown .dk-select-options .dk-option.dk-option-selected:hover {
    background-color: #e5f5fc;
}
.personal-data-step-form .custom-dropdown .dk-option-selected::after,
.new-funnel-2021 .custom-dropdown .dk-option-selected::after {
    content: '\e917';
    font-family: 'icomoon'!important;
    display: inline-flex;
    position: absolute;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    color: #66c6f0;
}
.personal-data-step-form .custom-dropdown .dk-select-options::-webkit-scrollbar-thumb,
.new-funnel-2021 .custom-dropdown .dk-select-options::-webkit-scrollbar-thumb {
    background-color: #f2f3f5;
    border-radius: 5px;
}
.personal-data-step-form .custom-dropdown .dk-select-options::-webkit-scrollbar,
.new-funnel-2021 .custom-dropdown .dk-select-options::-webkit-scrollbar {
    background: transparent;
    width: 5px;
}
.personal-data-step-form .custom-dropdown .dk-selected::after,
.new-funnel-2021 .custom-dropdown .dk-selected::after {
    border: none;
}
.personal-data-step-form #fatturazione_nazione-wrapper .dk-selected {
    background-color: #f8f9fa;
    color: #193755;
}

/**errors**/
.personal-data-step-form .error {
    color: #ff0000;
}
.personal-data-step-form .error-text {
    font-family: Roboto-Medium, sans-serif;
    font-size: 10px;
    color: #ff0000;
    text-transform: uppercase;
}

/**autocomplete dropdown**/
.ui-widget-content .ui-menu-item {
    text-transform: uppercase;
}
.ui-widget-content .ui-state-active {
    background: #01aef0;
    color: #ffffff;
}

/**section title**/
.subsection-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    color: #193755;
    margin-bottom: 20px;
}

/**section privacy**/
.personal-data-step-form #fatturazione_privacy-wrapper a,
.personal-data-step-form #fatturazione_privacy-wrapper a:hover,
.personal-data-step-form .privacy-accordion a,
.personal-data-step-form .privacy-accordion a:hover {
    color: #00A0E6!important;
    text-decoration: underline;
}

/**fields**/
.personal-data-step-form #login_username-wrapper,
.personal-data-step-form #login_password-wrapper {
    padding: 0;
}
.personal-data-step-form #confirmProfilingPrivacy,
.new-funnel-2021--fastlane-privacy #confirmProfilingPrivacy {
    display: none;
    font-family: 'Halcyon-Regular', sans-serif;
    font-size: 14px;
    color: #656b73;
}
.personal-data-step-form .faturazione-confirm-tick {
    margin-top: -13%;
}
@media (min-width: 992px) {
    .personal-data-step-form #billing_contact_form_row_id .form-field {
        margin-bottom: 30px;
    }
}

/**buttons**/
.personal-data-step-form .form-buttons-wrapper,
.payment-step .form-buttons-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.personal-data-step-form .btn-outline, .payment-step .btn-outline:hover{
  border: solid 2px #00a0e6!important;
}
.personal-data-step-form .btn-outline,
.payment-step .btn-outline {
    flex-grow: 1;
    background-color: #fff;
    padding: 12px 21px 10px;
    border-radius: 10px;
    border: solid 2px #00a0e6;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    color:#00a0e6;
    cursor: pointer;
}
.personal-data-step-form .btn-outline:hover{
  border: solid 2px #00a0e6!important;
}
.personal-data-step-form .btn-fill,
.payment-step .btn-fill {
    flex-grow: 1;
    background-color: #ff8a00;
    padding: 12px 21px 10px;
    border-radius: 10px;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    color:#fff;
    cursor: pointer;
}
.personal-data-step-form .btn-fill,
.payment-step .btn-fill:hover{
  border:1px solid !important;
}
.personal-data-step-form .btn-fill[disabled],
.payment-step .btn-fill[disabled] {
    background-color: #ffd199;
    cursor: not-allowed;
}
.personal-data-step-form .form-button-save,
.payment-step .form-button-save {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
    .personal-data-step-form .login-banner {
        height: 123px;
    }
    .personal-data-step-form .login-banner .form-wrapper {
        flex-direction: row;
    }
    .personal-data-step-form .login-banner .form-field {
        width: auto;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .personal-data-step-form .login-banner .btn.login {
        width: 89px;
        margin-left: auto;
    }
    .personal-data-step-form .form-buttons-wrapper,
    .payment-step .form-buttons-wrapper {
        flex-direction: row;
        margin-bottom: 30px;
    }
    .personal-data-step-form .btn-outline,
    .payment-step .btn-outline {
        margin-bottom: 0;
        margin-right: 30px;
    }
    .personal-data-step-form .btn-fill,
    .payment-step .btn-fill {
        margin-bottom: 0;
    }
    .personal-data-step-form .form-button-save,
    .payment-step .form-button-save {
        flex-direction: row;
    }
}
@media screen and (min-width: 1200px) {
    .personal-data-step-form #login_username-wrapper {
        padding-left: 0;
    }
    .personal-data-step-form #login_username-wrapper .form-field,
    .personal-data-step-form #login_password-wrapper .form-field {
        width: 300px;
    }
    .personal-data-step-form #login_password-wrapper .form-field {
        margin-left: 75px;
    }
}

.personal-data-step-form fieldset .form-steps-wrapper #document-data-section,
.personal-data-step-form fieldset .form-steps-wrapper #privacy-data-section {
    opacity: 0.4;
    transition: 1s;
}
.rm-opacity {
    opacity: 1!important;
    transition: 1s;
}

/* ----------------------------
   New Personal Data Style End
------------------------------- */

/* ----------------------------
   New Payment Step Style Start
------------------------------- */

/**FIELD WITH TOOLTIP*/
.payment-step .form-field--iban {
    position: relative;
}
.payment-step .form-field--iban .icon-info {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.payment-step .form-field--iban .iban-tooltip {
    display: none;
    position: absolute;
    right: 50px;
    top: -21px;
    width: 262px;
    min-height: 102px;
    padding: 15px;
    border-radius: 10px;
    background-color: #e5f5fc;
    font-family: Halcyon-Medium, sans-serif;
    font-size: 14px;
    line-height: 1.29;
    color: #193755;
    text-align: center;
    z-index: 4;
}
.payment-step .form-field--iban .iban-tooltip::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    border-color: transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-radius: 1px;
    border-left-color: #00a0e6;
    transform: translate(100%, -50%);
}

@media screen and (min-width: 576px) {
    .payment-step .form-field--iban .iban-tooltip {
        position: absolute;
        right: -108px;
        top: -96px;
        width: 262px;
        height: 102px;
        padding: 15px;
        border-radius: 10px;
        background-color: #e5f5fc;
        font-size: 14px;
        text-align: center;
    }
    .payment-step .form-field--iban .iban-tooltip::after {
        right: 50%;
        top: initial;
        bottom: -15px;
        transform: rotate(90deg);
    }
}

/**GREY DATA BOX**/
.new-funnel-2021--main-data,
.new-funnel-2021--address-content-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
}
@media (min-width: 576px) {
    .new-funnel-2021 .new-funnel-2021--main-data {
        padding: 20px 30px;
    }
}
.new-funnel-2021--main-data .oval-profile-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    background-color: #8796a5;
    border-radius: 50%;
}
.new-funnel-2021--main-data .new-funnel-2021--icon-profile {
    position: absolute;
    width: 28px;
    height: 28px;
}
.new-funnel-2021--main-data .new-funnel-2021--name {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    text-transform: uppercase;
}
.new-funnel-2021--main-data .new-funnel-2021--fiscal-code,
.new-funnel-2021--main-data .new-funnel-2021--contacts {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
    transform: translateY(-3px);
}
.new-funnel-2021--main-data .new-funnel-2021--fiscal-code {
    text-transform: uppercase;
}
.new-funnel-2021--main-data .new-funnel-2021--change-address-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

@media screen and (min-width: 576px) {
    .new-funnel-2021--main-data .oval-profile-wrapper {
        margin-right: 20px;
    }
    .new-funnel-2021--main-data .new-funnel-2021--icon-profile {
        width: 30px;
        width: 30px;
    }
    .new-funnel-2021--main-data .new-funnel-2021--name {
        font-size: 18px;
        line-height: 25px;
    }
    .new-funnel-2021--main-data .new-funnel-2021--fiscal-code,
    .new-funnel-2021--main-data .new-funnel-2021--contacts {
        font-size: 18px;
        line-height: 25px;
        transform: none;
    }
}

.new-funnel-2021 .new-funnel-2021--portability-box {
    font-size: 18px;
    color: #193755;
    padding: 20px 30px;
    margin-top: 12px;
    margin-bottom: 24px;
}
.new-funnel-2021 .new-funnel-2021--portability-box .title{
    font-family: 'Halcyon-SemiBold', sans-serif;
}

/**CONTRACT DOWNLOAD LINK*/
.payment-step .download-btn {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 14px;
    color: #193755;
    text-decoration: underline;
}
/**NEW PAYMENT CARD**/
.new-funnel-2021 .form-field--payment-item {
    position: relative;
}
.new-funnel-2021 .form-field--payment-item .payment-item-radio {
    display: none;
}
.new-funnel-2021 .form-field--payment-item .payment-item-label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 15px 15px 15px 20px;
    border-radius: 10px;
    border: solid 1px rgba(25, 55, 85, 0.6);
    background-color: #fff;
    color: #193755;
    cursor: pointer;
    font-family: Halcyon-Medium, sans-serif;
    font-size: 18px;
    text-align: left;
}
.new-funnel-2021 .form-field--payment-item .payment-item-label .payment-item-icon,
.new-funnel-2021 .form-field--payment-item .payment-item-label span {
    opacity: 0.6;
}
.new-funnel-2021 .form-field--payment-item .payment-item-label:hover .payment-item-icon,
.new-funnel-2021 .form-field--payment-item .payment-item-label:hover span{
    opacity: 1;
}
.new-funnel-2021 .form-field--payment-item .payment-item-label.selected{
    border: solid 3px #00a0e6;
    box-shadow: 0 0 20px 0 rgba(0, 160, 230, 0.25);
    color: #00a0e6;
    font-family: Halcyon-SemiBold, sans-serif;
    opacity: 1;
}
.new-funnel-2021 .form-field--payment-item .payment-item-label.selected .payment-item-icon,
.new-funnel-2021 .form-field--payment-item .payment-item-label.selected span {
    opacity: 1;
}

.new-funnel-2021 .form-field--payment-item .item-title {
    line-height: 1;
    margin-top: 4px;
}
.new-funnel-2021 .form-field--payment-item .payment-item-icon {
    font-size: 40px;
    margin-right: 13px;
}
.new-funnel-2021 .form-field--payment-item .icon-visa {
    width: 50px;
    height: 16px;
    margin-right: 8px;
}
.new-funnel-2021 .form-field--payment-item .icon-mastercard {
    width: 26px;
    height: 16px;
}

@media screen and (min-width: 576px) {
    .new-funnel-2021 .form-field--payment-item .payment-item-label {
        width: 263px;
        height: 110px;
        border-radius: 4px;
        font-size: 16px;
    }

    .new-funnel-2021 .form-field--payment-item .payment-item-icon {
        font-size: 50px;
        margin-right: 20px;
    }

    .new-funnel-2021 .form-field--payment-item .payment-item-label.selected::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 8px;
        height: 20px;
        width: 20px;
        border: 1px solid #00a0e6;
        border-radius: 50%;
    }

    .new-funnel-2021 .form-field--payment-item .payment-item-label-fibra-deposito.selected::before {
      content: "";
      position: unset;
      top: 0;
      left: 0;
      height: 0;
      width: 0;
      border: unset;
      border-radius: unset;
    }

    .new-funnel-2021 .form-field--payment-item .payment-item-label.selected::after {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: 12px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #00a0e6;
    }

    .new-funnel-2021 .form-field--payment-item .payment-item-label-fibra-deposito.selected::after {
      content: "";
      display: unset;
      position: unset;
      top: unset;
      left: unset;
      height: unset;
      width: unset;
      border-radius: unset;
      background-color: unset;
    }

    .new-funnel-2021 .form-field--payment-item .icon-visa {
        width: 68px;
        height: 22px;
    }
    .new-funnel-2021 .form-field--payment-item .icon-mastercard {
        width: 36px;
        height: 22px;
    }
}
.new-banner-funnel-2022{
    background-image: url("../img/new-funnel-2021/banner-funnell-desk.png");
    width: 100%;
    height: 333px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .new-banner-funnel-2022 {
        background-image: url("../img/new-funnel-2021/banner-funnell-mobile.png");
        background-size: cover;
        height: 500px;
    }
}
.old-banner-funnel-2022{
    background-image: url("../img/new-funnel-2021/banner-funnell-desk_old.png");
    width: 100%;
    height: 333px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .old-banner-funnel-2022 {
        background-image: url("../img/new-funnel-2021/banner-funnell-mobile_old.png");
        background-size: cover;
        height: 500px;
    }
}
/**COUPON BANNER**/
.payment-step .coupon-banner {
    background-image: url('../img/new-funnel-2021/coupon-background@3x.png');
    background-color: #fff;
    background-size: cover;
    border-top-right-radius: 20px;
    padding: 25px;
}
.payment-step .coupon-banner h4 {
    font-family: Halcyon-SemiBold, sans-serif;
    color: #193755;
}
.payment-step .coupon-img {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.payment-step .coupon-img img {
    width: 42px;
    height: 35px;
    margin-right: 25px;
}
.payment-step .coupon-banner .form-control {
    height: 55px;
}
.payment-step .coupon-banner .new-funnel-2021--confirm-btn {
    height: 48px;
    margin: auto 0;
}
@media screen and (min-width: 768px) {
    .payment-step .coupon-banner {
        display: flex;
    }
    .payment-step h4 {
        margin-bottom: 0;
    }
    .payment-step .coupon-img {
        margin-bottom: 0;
        margin-right: 24px;
    }
    .payment-step .coupon-banner .new-funnel-2021--confirm-btn {
        min-width: initial;
        width: 137px;
    }
    .payment-step .coupon-banner .form-field {
        margin-bottom: 0;
        margin-right: 25px;
    }
}

/**SCROLLER TEXTAREA**/
.payment-step fieldset .no-separator h4 {
    font-size: 18px;
    font-family: Halcyon-SemiBold, sans-serif;
    color: #193755;
}
#main-content-2021 .text-scroller {
    float: left;
    width: 100%;
    height: 180px;
    padding: 15px;
    background-color: #f8f9fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#main-content-2021 .text-scroller p {
    height: 150px;
    padding: 0 30px 0 0;
    font-family: Roboto-Light, sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #193755;
    overflow-y: scroll;
}
#main-content-2021 .text-scroller p::-webkit-scrollbar-button, #main-content-2021 .text-scroller p::-webkit-scrollbar-button:hover {
    display: none;
}
#main-content-2021 .text-scroller p::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(51, 51, 51, 0.5);
}
#main-content-2021 .text-scroller p::-webkit-scrollbar-thumb:hover {
    background-color: #D6D6D6;
}
#main-content-2021 .text-scroller p::-webkit-scrollbar-track, #main-content-2021 .text-scroller p::-webkit-scrollbar-track:hover {
    border-radius: 3px;
    background-color: transparent;
}
#main-content-2021 .text-scroller p::-webkit-scrollbar {
    width: 6px;
}
@media (min-width: 768px) {
    #main-content-2021 .text-scroller {
        height: 200px;
    }
    #main-content-2021 .text-scroller p {
        height: 170px;
        font-size: 14px;
        line-height: 23px;
    }
}

/**OTHER FIELDS**/
.payment-step fieldset .no-separator p {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #656b73;
}
.payment-step .form-step-content #right-to-reconsider-wrapper {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #656b73;
}
.payment-step .form-step-content #right-to-reconsider-wrapper a,
.payment-step .form-step-content #CC a {
    color: #00A0E6;
    text-decoration: underline;
}
.payment-step .form-step-content #CC .col-12:first-child {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 14px;
    line-height: 23px;
}
.payment-step .form-field.field-info a,
.new-funnel-2021 .form-field.field-info a {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #193755;
    opacity: 0.6;
}
.payment-step .form-field.field-info.field-filled a,
.new-funnel-2021 .form-field.field-info.field-filled a {
    display: none;
}
.payment-step #send_contract_via_email-wrapper .optionLabelWrapper {
    font-size: 14px;
    font-family: Halcyon-Regular, sans-serif;
    color: #656b73;
}
.payment-step .new-funnel-2021 .company-data {
    color: #656b73;
}
.payment-step .new-funnel-2021 .company-data strong {
    font-family: Halcyon-SemiBold, sans-serif;
}

/* ----------------------------
   New Payment Step Style End
------------------------------- */

/* ----------------------------
   New Thank You Page Style Start
------------------------------- */
@media screen and (max-width: 992px) {
    .new-funnel-2021.thankyou-page {
        margin-top: -40px;
    }
}
.thankyou-page--main-content {
    border-radius: 20px 20px 0 0;
    background-color: #E4F5FC;
    color: #193755;
    position: relative;
}
.thankyou-page--side-content {
    padding: 20px 0;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    background-color: #fff;
    color: #193755;
}
.thankyou-page--main-content-upper,
.thankyou-page--main-content-bottom {
    padding: 30px 15px 25px 15px;
}
@media screen and (min-width: 576px) {
    .thankyou-page--main-content-upper {
        padding: 28px 54px 59px 54px;
    }
    .thankyou-page--main-content-bottom{
        padding: 54px 10px 25px 59px;
    }
}
.new-funnel-2021 .thankyou-page--main-content .typ-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
}
.new-funnel-2021 .thankyou-page--main-content .typ-subtitle {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
.new-funnel-2021 .thankyou-page--side-content .installation-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.new-funnel-2021 .thankyou-page--side-content .typ-field-title {
    font-family: Halcyon-SemiBold, sans-serif, sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 0.13px;
    line-height: 25px;
}

.new-funnel-2021 .thankyou-page--side-content .typ-field-title .paragraph-title {
    margin-bottom: 10px;
}

.new-funnel-2021 .thankyou-page--side-content .typ-field-title .paragraph-text {
    font-family: Halcyon-Regular, sans-serif;
    margin-bottom: 10px;
}

/**summary cards**/
.new-funnel-2021 .new-funnel-2021--typ-summary-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 148px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 160, 230, 0.15);
    background-color: rgba(255, 255, 255, 0.9);
}
.new-funnel-2021 .new-funnel-2021--typ-summary-card .summary-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.new-funnel-2021 .new-funnel-2021--typ-summary-card .title {
    font-size: 18px;
    line-height: 1.1;
    text-align: center;
}
.new-funnel-2021 .new-funnel-2021--typ-summary-card .subtitle {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .new-funnel-2021 .new-funnel-2021--typ-summary-card .subtitle {
        font-size: 20px;
    }
}
.new-funnel-2021 .new-funnel-2021--typ-summary-card.order .subtitle {
    word-break: break-all;
    line-height: 1;
    margin-bottom: -10px;
}

/**banner info**/
.new-funnel-2021 .new-funnel-2021--typ-banner-info {
    border-radius: 10px;
    background-color: #D8E9F1;
    padding: 20px;
    text-align: center;
}
.new-funnel-2021 .new-funnel-2021--typ-banner-info .title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.new-funnel-2021 .new-funnel-2021--typ-banner-info .subtitle {
    font-size: 16px;
}
@media (min-width: 992px) {
    .new-funnel-2021 .new-funnel-2021--typ-banner-info {
        margin-right: 10px;
    }
}
.new-funnel-2021 .thankyou-page--side-content .form-field--radio {
    margin-bottom: 12px;
}
.new-funnel-2021 .thankyou-page--side-content .btn {
    margin-top: 8px;
}

/**steps**/
.new-funnel-2021 .thankyou-page--main-content .typ-separator {
    border-top: 1px dashed #193755;
    opacity: 0.3;
    margin: 0;
}
.new-funnel-2021 .new-funnel-2021--typ-step {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Halcyon-Medium, sans-serif;
}
.new-funnel-2021 .new-funnel-2021--typ-step .oval-step {
    position: relative;
    height: 70px;
    flex:0 0 70px;
    margin-right: 25px;
    border-radius: 50%;
    background-color: #00a0e6;
}
.new-funnel-2021 .new-funnel-2021--typ-step .oval-step-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.new-funnel-2021 .new-funnel-2021--typ-step .description {
    flex-grow: 2;
}

.new-funnel-2021  .new-funnel-2021--typ-box-border {
    width: 100%;
    position: absolute;
}

/**fields**/
form#appointment-form {
    overflow: initial;
}

/**invitation banner**/
.new-funnel-2021--typ-banner-invitation {
    min-height: 529px;
    padding: 25px 0;
    background-image: url("../img/new-funnel-2021/typ-bn-mobile.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.new-funnel-2021--typ-banner-invitation .title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 15px;
}
.new-funnel-2021--typ-banner-invitation .subtitle {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

@media screen and (min-width: 576px) {
    .thankyou-page--side-content{
        padding: 30px 20px;
    }
    .new-funnel-2021 .thankyou-page--main-content .typ-title {
        font-family: Halcyon-bold, sans-serif;
        font-size: 36px;
        line-height: 52px;
        margin-bottom: 15px;
    }
    .new-funnel-2021 .thankyou-page--main-content .typ-subtitle {
        font-family: Halcyon-Medium, sans-serif;
        text-align: center;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .new-funnel-2021 .thankyou-page--side-content .typ-field-title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .new-funnel-2021 .new-funnel-2021--typ-summary-card {
        padding: 25px;
        height: 180px;
        max-width: 165px;
    }
    .new-funnel-2021 .new-funnel-2021--typ-summary-card .summary-icon {
        margin-bottom: 20px;
    }
    .new-funnel-2021 .new-funnel-2021--typ-summary-card .title {
        margin-bottom: 2px;
    }
    .new-funnel-2021 .thankyou-page--side-content .installation-title {
        margin-bottom: 25px;
        letter-spacing: 0.17px;
    }
    .new-funnel-2021--typ-banner-info .title {
        font-size: 18px;
    }
    .new-funnel-2021 .thankyou-page--side-content .form-field--radio {
        margin-bottom: 8px;
    }
}
@media (min-width: 425px) {
    .new-funnel-2021--typ-banner-invitation {
        min-height: 580px;
    }
}
@media (min-width: 576px) {
    .new-funnel-2021--typ-banner-invitation {
        background-position: 0 40%;
    }
}
@media (min-width: 700px) and (max-width: 991px) {
    .new-funnel-2021--typ-banner-invitation {
        min-height: 720px;
        background-position: 0px 65%;
    }
}
@media (min-width: 992px) {
    .new-funnel-2021--typ-banner-invitation {
        background-image: url("../img/new-funnel-2021/typ-bn-desk.svg");
        background-position: 50%;
    }
}
@media (min-width: 1400px) {
    .new-funnel-2021--typ-banner-invitation {
        background-position: right;
    }
}
@media screen and (min-width: 992px) {
    .new-funnel-2021--typ-banner-invitation {
        min-height: 305px;
        text-align: left;
    }
    .new-funnel-2021--typ-banner-invitation .title {
        font-family: Halcyon-Medium, sans-serif;
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 20px;
    }
    .new-funnel-2021--typ-banner-invitation .subtitle {
        font-family: Halcyon-Medium, sans-serif;
        font-size: 18px;
    }
    .new-funnel-2021--typ-banner-invitation .btn-typ-banner {
        width: 360px;
        border-radius: 4px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .thankyou-page--main-content {
        min-height: 400px;
    }
}
@media (min-width: 2500px) {
    .new-funnel-2021--typ-banner-invitation {
        background-position: 0 20%;
    }
}

/* *** New Thank You Page Style V2 *** */

.typ-order-id{
    font-family: Halcyon-Bold, sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    color: #193755;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .typ-order-id{
        font-size: 24px;
        margin-bottom: 21px;
    }
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new{
    padding: 0;
    height: auto;
    max-width: 100%;
    flex-direction: row;
    justify-content: left;
    box-shadow: none;
    background-color: transparent;
    align-items: start;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new img{
    margin-bottom: 0px;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .accessories-item-icon{
    margin-bottom: 0px;
    color: #00a0e6;
    font-size: 50px;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .plus{
    font-family: Halcyon-Medium;
    font-size: 16px;
    color: #00a0e6;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .productName{
    font-family: Halcyon-Medium;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .productPrice{
    font-family: Halcyon-SemiBold, sans-serif;
    line-height: 23px;
    font-size: 16px;
    color: #193755;
    letter-spacing: 0.12px;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .product-card-title,
.new-cart-2021--promo-description .product-card-title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    letter-spacing: 0.1px;
    color: #00a0e6;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .title {
    font-family: Halcyon-Medium;
    font-size: 16px;
    color: #193755;
    text-align: left;
    line-height: 23px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new #eoloProductName.title {
    font-family: Halcyon-SemiBold, sans-serif;
    color: #00a0e6;

}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .subtitle{
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    color: #193755;
    text-align:left;
    line-height: 22px;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .subtitle strong,
.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .subtitle b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new.card-pacchetti,
.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new.card-accessori{
    padding: 0;
    height: auto;
    max-width: 100%;
    justify-content: left;
    flex-direction: column;
    align-items:normal;
}

.new-funnel-2021 .new-funnel-2021--typ-summary-card.card-new .icon-info {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -1px;
}

.new-cart-2021--strikethrough-price {
    text-decoration: line-through;
}

.big-card-new{
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 160, 230, 0.15);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px 20px 25px 20px;
    margin-bottom: 20px;
}

.big-card-new.last,
.big-card-new:last-child,
.big-card-new:last-of-type {
    margin-bottom: 30px;
}

.new-funnel-2021 .thankyou-page--main-content .typ-separator.in-box{
    margin-top: 19px;
    margin-bottom:19px;
}
/* ----------------------------
   New Thank You Page Style End
------------------------------- */
/* ----------------------------
   CR New labels for Payment and TYP
------------------------------- */
.cc-payment-info{
    font-family: 'Halcyon-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #575b61;
}

.cc-payment-info .highlight{
    font-family: 'Halcyon-SemiBold', sans-serif;
}

.thankyou-payment-frequency-info{
    font-family: 'Halcyon-Medium', sans-serif;
    font-size: 16px;
    text-align: Center;
    letter-spacing: 0;
    color: #193755;
    margin-bottom: 50px;
}

@media (min-width: 576px) {
    .thankyou-payment-frequency-info{
        margin-bottom: 40px;
    }
}

.thankyou-payment-frequency-info .highlight{
    font-family: 'Halcyon-Bold', sans-serif;
}

.disclaimer-payment-frequency{
    font-family: 'Halcyon-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #575b61;
}

.disclaimer-payment-frequency .highlight{
    font-family: 'Halcyon-SemiBold', sans-serif;
}

.new-funnel-2021 #field--nexi-credit-card label{
    font-size: 14px;
    font-family: 'Halcyon-Regular', sans-serif;
}

.accent-char-fix{
    font-family:'Halcyon-SemiBold', sans-serif !important;
}

/** FIXES FOR OVERLAPPING BREADCRUMB IN SMALLER VIEWPORTS **/
@media screen and (min-width: 1200px) and (max-width: 1350px) {
    #main-content-2021 .new-funnel-2021--extra-padding {
        padding-left: 54px;
    }
    .new-funnel-2021--shop-footer .container.new-funnel-2021--extra-padding,
    .new-funnel-2021--shop-header .container.new-funnel-2021--extra-padding {
        padding-left: calc(54px - 15px);
    }
    .new-funnel-2021--breadcrumb .breadcrumb-step {
        width: 85px;
    }
    /*fix to keep radio labels inline*/
    .personal-data-step-form .new-funnel-2021 article[data-fields="scelta_utente"] label {
             font-size: 15px;
             line-height: 25px;
    }
    /*fix to hide swiper pagination*/
    .swiper-pagination.new-funnel-2021--package-pagination {
        visibility: hidden;
    }
}

@media (max-width: 1350px) {
    .new-funnel-2021--fastlane .container {
        padding: 0;
    }
}

/* ----------------------------
   Fastlane Restyling Start
------------------------------- */

.new-funnel-2021--fastlane-section {
    width: 100%;
}
.new-funnel-2021--fastlane-accessories,
.new-funnel-2021--fastlane-packages {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.new-funnel-2021--fastlane-heading {
    color: #193755;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 32px;
}
.new-funnel-2021--fastlane-subheading {
    color:#656b73;
    font-family: Halcyon-Medium, sans-serif, sans-serif;
    font-size: 16px;
}
.new-funnel-2021--fastlane-section-title {
    color: #193755;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    margin-top:20px;
    margin-bottom: 20px;
}
.new-funnel-2021--fastlane-text {
    font-size: 18px;
}
.new-funnel-2021--fastlane-grey-box {
    background: #f2f3f5;
    color: #193755;
    border-radius: 10px;
    font-family: Halcyon-Medium, sans-serif;
    font-size: 18px;
    padding: 20px 30px;
    margin-bottom: 20px;
}
.new-funnel-2021--fastlane-grey-box.editable {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-funnel-2021--fastlane-package.editable {
    align-items: flex-start;
    height: 100%;
    padding: 20px 30px 0;
}
.new-funnel-2021--fastlane-accessory {
    min-height: 90px;
}
.new-funnel-2021--fastlane-personalData {
    height: 100%;
}
.new-funnel-2021--fastlane-personalData.editable {
    align-items: flex-start;
    padding: 20px 30px 0;
}
.new-funnel-2021--fastlane-package .new-funnel-2021--fastlane-pencil,
.new-funnel-2021--fastlane-personalData .new-funnel-2021--fastlane-pencil {
    position: absolute;
    right: 40px;
}
.new-funnel-2021--fastlane-package .new-funnel-2021--fastlane-pencil {
    top: 45px;
}
.new-funnel-2021--fastlane-personalData .new-funnel-2021--fastlane-pencil {
    top: 100px;
}
.new-funnel-2021--fastlane-grey-box p {
    margin: 0;
}
.new-funnel-2021--fastlane-grey-box .eolo-icon-pencil,
.new-funnel-2021--fastlane-grey-box .eolo-icon-flow-pencil {
    font-size: 27px;
    color: #ff8a00;
}
.new-funnel-2021--fastlane-tooltip-icon i{
    font-size: 20px;
    color: #ff8a00;
}
.new-funnel-2021--fastlane-value {
    color: #193755;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
}
.new-funnel-2021--fastlane-value-bold {
    color: #193755;
    font-family: Halcyon-Bold, sans-serif;
    font-size: 18px;
    margin-bottom: 4px;
}
.new-funnel-2021--fastlane-promo-label {
    font-family: Halcyon-SemiBold, sans-serif;
    color: #ff8a00;
}
.new-funnel-2021--fastlane-form-buttons {
    margin: 30px 0 60px;
}
.new-funnel-2021--fastlane-privacy {
    color: #656b73;
}
.new-funnel-2021--fastlane-privacy a {
    color: #00A0E6;
    text-decoration: underline;
}
@media (min-width: 576px) {
    .new-funnel-2021--fastlane-heading {
        font-size: 34px;
    }
    .new-funnel-2021--fastlane-subheading {
        font-size: 18px;
    }
    .new-funnel-2021--fastlane-section-title {
        font-size: 28px;
    }
}
@media (max-width: 991px) {
    .nrsp.new-funnel-2021--fastlane-flow {
        height: 90px;
    }
}

/** GENERIC FASTLANE MODALS **/

.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-dialog {
    height: 100%;
}
.new-funnel-2021--fastlane-modal input.form-control {
    font-family: 'Halcyon-SemiBold', sans-serif;
    width: 100%;
    margin: 0;
    border: 1px solid rgba(25, 55, 85, 0.3)!important;
    background-color: #f8f9fa;
    border-radius: 10px!important;
    padding: 22px 15px 6px 15px;
    font-size: 18px;
    color: #193755!important;
    height: 55px;
    float: none;
}
.new-funnel-2021--fastlane-modal input.form-control:focus {
    border: 1px solid rgba(25, 55, 85, 0.7)!important;
}
.new-funnel-2021--fastlane-modal button.close {
    opacity: 1;
    display: flex;
    align-self: flex-end;
    margin: 10px 10px 20px;
}

.new-funnel-2021--fastlane-modal button.close i {
    color: #ff8a00;
    top: 30px;
    right: 30px;
    font-size: 24px;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header {
    color: #193755;
    padding: 80px 0 0 0!important;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .new-funnel-2021--modal-icon {
    top: -10px!important;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .title {
    color: #193755;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
}
.new-funnel-2021--fastlane-modal form {
    overflow: initial;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-footer {
    justify-content: center!important;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--modal-footer button {
    width: 100%!important;
    font-family: Halcyon-SemiBold, sans-serif;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--confirm-btn {
    min-width: initial;
}
.new-funnel-2021--fastlane-modal .new-funnel-2021--dismiss-btn {
    margin-right: 0!important;
    margin-top: 20px!important;
}
.new-funnel-2021--fastlane-modal .custom-dropdown .dk-selected {
    color: #193755!important;
    background-color: #f8f9fa!important;
    border: 1px solid rgba(25, 55, 85, 0.3)!important;
    border-radius: 10px!important;
    font-size: 18px!important;
}
.new-funnel-2021--fastlane-modal .custom-dropdown .dk-select-options {
    border-radius: 10px!important;
    box-shadow: 0 0 20px 0 rgb(101, 107, 115, 0.15)!important;
}
.new-funnel-2021--fastlane-modal .custom-dropdown .dk-select-options .dk-option {
    border: none!important;
    font-size: 14px!important;
    font-family: Roboto-Regular, sans-serif;
}
.new-funnel-2021--fastlane-modal .custom-dropdown .dk-select-options .dk-option-highlight {
    background-color: #e5f5fc!important;
}
.new-funnel-2021--fastlane-modal .custom-dropdown .dk-select-options .dk-option-selected {
    color: #193755!important;
    background-color: transparent!important;
    font-family: Roboto-Bold, sans-serif;
}
.new-funnel-2021--fastlane-modal .modal-scrolling-section {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 300px);
    margin-bottom: 30px;
}
.new-funnel-2021--fastlane-modal .modal-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 20%);
    position: absolute;
    height: 60px;
    width: 94%;
    left: 0;
    bottom: 130px;
}

@media (min-width: 576px) {
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-dialog {
        min-height: 100%!important;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .title {
        font-size: 34px;
        line-height: 1.3;
        margin-bottom: 30px;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .new-funnel-2021--modal-icon {
        top: 20px !important;
    }
}

@media (min-width: 992px) {
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .new-funnel-2021--modal-icon {
        top: -20px!important;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header {
        padding: 100px 0 0 0;
    }
    .new-funnel-2021--fastlane-modal button.close i {
        font-size: 30px;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-header .title {
        margin-top: 20px;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-footer button {
        width: 165px!important;
        padding: 14px 26px 10px 26px;
        min-height: initial;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-footer {
        padding: 0 90px!important;
    }
    .new-funnel-2021--fastlane-modal .new-funnel-2021--dismiss-btn {
        margin-right: 30px!important;
        margin-top: 0!important;
    }
}

/*fix for iphone SE */
@media (max-width: 576px) and (max-height: 732px){
    .new-funnel-2021--fastlane-modal .new-funnel-2021--modal-dialog {
        max-width: calc(100% - 30px);
    }
}

/** INSTALLATION DATA MODAL **/

@media (min-width: 992px) {
    .new-funnel-2021--fastlane-modal#modalInstallationDataReview .modal-scrolling-section {
        max-height: initial;
        margin-bottom: 0;
    }
}
/** BILLING DATA MODAL **/

@media (min-width: 992px) {
    .new-funnel-2021--fastlane-modal#modalBillingDataReview .modal-gradient {
        height: 40px;
        bottom: 85px;
    }
}

/** SUCCESS AND ERROR MODAL **/

.new-funnel-2021--fastlane-modal#render-message-modal #errors,
.new-funnel-2021--fastlane-modal#render-message-modal #success {
    min-width: 100%;
}
.new-funnel-2021--fastlane-modal#render-message-modal button.close {
    margin-bottom: 0;
}
.new-funnel-2021--fastlane-modal#render-message-modal .new-funnel-2021--modal-icon i{
    font-size: 50px;
}
.new-funnel-2021--fastlane-modal#render-message-modal .new-funnel-2021--confirm-btn {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .new-funnel-2021--fastlane-modal#render-message-modal .new-funnel-2021--modal-icon i{
        font-size: 80px;
    }
    .new-funnel-2021--fastlane-modal#render-message-modal .new-funnel-2021--confirm-btn {
        min-width: 360px;
        min-height: initial;
    }
}

@media (max-width: 375px){
    .new-funnel-2021 .new-funnel-2021--question-card{
        width: 165px;
        height: 130px;
    }
    .new-funnel-2021 .new-funnel-2021--question-card .new-funnel-2021--card-icon{
        font-size: 50px;
    }
    .new-cart-2021--monthly-fee .new-cart-2021--primary-text{font-size: 17px;}
    .new-cart-2021--annual-fee .new-cart-2021--primary-text{font-size: 17px; line-height: 17px;}
    .new-cart-2021--monthly-fee .new-cart-2021--price{font-size: 28px;}
}
/* ----------------------------
   Fastlane Restyling End
------------------------------- */

.popover-header > p,
.popover-body > p {
    margin-bottom: 0;
}

.new-funnel-2021--question-card.new-funnel-2021--question-card--smartworking
span.new-funnel-2021--card-text{line-height:35px;}

.new-funnel-2021--question-card.new-funnel-2021--question-card--gaming
span.new-funnel-2021--card-text{line-height:40px;}

.new-funnel-2021--question-card.new-funnel-2021--question-card--film-serie-tv
span.new-funnel-2021--card-text{line-height:35px;}

.new-cart-2021--annual-fee .new-cart-2021--prices {
    line-height: 0;
}

.typ-recap-text {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 18px;
    color: #193755;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .typ-recap-text {
        margin-bottom: 20px;
    }
}

.typ-order-totals {
    justify-content: center;
    align-items: center;
    display: flex;
}
.typ-order-totals--icon {
    height: 50px;
    margin-right: 15px;
}
.typ-order-totals--title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    line-height: 29px;
    color: #193755;
    margin-bottom: 2px;
}
.typ-order-totals--amount {
    font-family: Halcyon-Bold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
}

@media (min-width: 576px) {
    .typ-order-totals--icon {
        margin-right: 20px;
    }
}

.new-funnel-2021--typ-summary-card--title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 20px;
    color: #193755;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .new-funnel-2021--typ-summary-card--title {
        margin-bottom: 16px;
    }
}

.big-card-new.typ-one-time-fee {
    margin-bottom: 30px;
}

.product-item {
    margin-bottom: 10px;
}

.product-item:last-child,
.product-item:last-of-type {
    margin-bottom: 0;
}

.product-accessory-item,
.product-package-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-package-promo {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #193755;
    letter-spacing: 0;
    margin-top: 5px;
    opacity: 0.8;
}

.product-package-promo strong,
.product-package-promo b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.product-package-name {
    line-height: 1;
}

.form-step-1,
.form-step-2 {
    margin-bottom: 18px;
}






.new-funnel-200mega-indicator {
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 rgba(101, 107, 115, 0.15);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator {
        width: calc(100% - 390px);
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--labels,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer {
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--labels,
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--content,
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values,
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--header {
    font-family: Halcyon-Bold, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #193755;
    padding: 10px 15px 4px 15px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--header {
        padding: 15px 20px 9px 20px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--separator {
    border-top: 1px dashed #193755;
    opacity: 0.3;
    margin: 0;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--header .new-funnel-200mega-indicator--icon {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    color: #193755;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 6px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content {
    display: none;
    line-height: 0;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content .plus {
    color: #00a0e6;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content .new-funnel-200mega-indicator--info-section {
    width: 33.3333%;
    text-align: center;
    font-family: Halcyon-Medium, sans-serif;
    font-size: 12px;
    line-height: 17.5px;
    color: #193755;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content .new-funnel-200mega-indicator--info-section .new-funnel-200mega-indicator--text {
    max-width: 215px;
    margin: 0 auto;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content .new-funnel-200mega-indicator--info-section strong,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--content .new-funnel-200mega-indicator--info-section b {
    font-family: Halcyon-SemiBold, sans-serif;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--labels {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 15px;
    margin-bottom: 5px;
    margin-top: 9px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--labels {
        margin-top: 14px;
        margin-bottom: 10px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--labels .new-funnel-200mega-indicator--label-section {
    width: 33.3333%;
    text-align: center;
    line-height: 0;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--label {
    display: inline-block;
    font-family: Halcyon-Bold, sans-serif;
    font-size: 8px;
    line-height: 8px;
    color: #ffffff;
    padding: 4px 7px 2px 7px;
    background-color: #00a0e6;
    border-radius: 9px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--label {
        font-size: 10px;
        line-height: 10px;
        padding: 5px 8px 3px 8px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-bottom: 3px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values {
        margin-bottom: 5px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values .new-funnel-200mega-indicator--speed-section {
    width: 33.3333%;
    text-align: center;
    font-family: Halcyon-SemiBold, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #193755;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values .new-funnel-200mega-indicator--speed-section {
        font-family: Halcyon-Bold, sans-serif;
        font-size: 20px;
        line-height: 29px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--speed-values .new-funnel-200mega-indicator--speed-section.new-funnel-200mega-indicator--speed-section--relevance {
    color: #00a0e6;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar {
    position: relative;
    height: 8px;
    margin-bottom: 9px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar {
        margin-bottom: 0;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 8px;
    border: 2px solid #b2e2f7;
    opacity: 0.8;
    border-radius: 3px;
    z-index: 1;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track:before,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    top: -2px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track:before {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 10%);
    left: -2px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track:after {
    background: linear-gradient(90deg, rgba(0,0,0,0) 90%, rgba(255,255,255,1) 100%);
    right: -2px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track > div {
    width: 33.3333%;
    position: relative;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--track > div:before {
    position: absolute;
    left: 50%;
    top: -2px;
    content: '';
    display: inline-block;
    width: 2px;
    height: 8px;
    background-color: #b2e2f7;
    transform: translateX(-1px);
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 3px 0 0 3px;
    z-index: 3;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill:before,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
    width: 100%;
    height: 8px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill:before {
    background-color: white;
    z-index: 1;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill:after {
    background-image: linear-gradient(to right, rgba(0, 160, 230, 0.3) 14%, rgba(0, 160, 230, 0.6) 98%);
    z-index: 2;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill .new-funnel-200mega-indicator--progress-bar--handle {
    width: 14px;
    height: 14px;
    background-color: #193755;
    display: inline-block;
    border-radius: 2px;
    transform: rotate(-45deg);
    z-index: 5;
    position: absolute;
    top: -3px;
    right: -8px;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--fill .new-funnel-200mega-indicator--progress-bar--handle {
        width: 18px;
        height: 18px;
        top: -5px;
        right: -6px;
    }
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar.new-funnel-200mega-indicator--progress-bar--fill-30mega .new-funnel-200mega-indicator--progress-bar--fill {
    width: calc(33.3333% - (33.3333% / 2));
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar.new-funnel-200mega-indicator--progress-bar--fill-100mega .new-funnel-200mega-indicator--progress-bar--fill {
    width: 50%;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar.new-funnel-200mega-indicator--progress-bar--fill-200mega .new-funnel-200mega-indicator--progress-bar--fill {
    width: calc(66.6666% + (33.3333% / 2) + 3px);
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--outer-fill {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: calc(100% - (66.6666% + (33.3333% / 2) + 3px));
    height: 8px;
    border-radius: 0 4px 4px 0;

    display: none;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar.new-funnel-200mega-indicator--progress-bar--fill-200mega .new-funnel-200mega-indicator--progress-bar--outer-fill {
    display: block;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--outer-fill:before,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--outer-fill:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 8px;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--outer-fill:before {
    background-color: #ffffff;
    z-index: 1;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--progress-bar .new-funnel-200mega-indicator--progress-bar--outer-fill:after {
    background-image: linear-gradient(to right, rgba(0, 160, 230, 0.2) 14%, rgba(0, 160, 230, 0) 98%);
    z-index: 2;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #193755;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer .plus {
    color: #00a0e6;
}

.new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer strong,
.new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer b {
    font-family: Halcyon-SemiBold, sans-serif;
}

@media (min-width: 576px) {
    .new-funnel-200mega-indicator .new-funnel-200mega-indicator--footer {
        display: none;
    }
}

.new-funnel-200mega-indicator--progress-bar--fill-dashes {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    flex-direction: row;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    z-index: 4;
    background-color: transparent;
    pointer-events: none;
}

.new-funnel-200mega-indicator--progress-bar--fill-100mega .new-funnel-200mega-indicator--progress-bar--fill-dashes,
.new-funnel-200mega-indicator--progress-bar--fill-200mega .new-funnel-200mega-indicator--progress-bar--fill-dashes {
    display: flex;
}

.new-funnel-200mega-indicator--progress-bar--fill-dashes .new-funnel-200mega-indicator--progress-bar--dash {
    width: 33.3333%;
    position: relative;
    display: none;
}

.new-funnel-200mega-indicator--progress-bar--fill-dashes .new-funnel-200mega-indicator--progress-bar--dash::before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    display: inline-block;
    width: 2px;
    height: 8px;
    background-color: #e5f5fc;
    transform: translateX(-1px);
}

.new-funnel-200mega-indicator--progress-bar--fill-100mega .new-funnel-200mega-indicator--progress-bar--dash.new-funnel-200mega-indicator--progress-bar--30mega-dash {
    display: block;
}

.new-funnel-200mega-indicator--progress-bar--fill-200mega .new-funnel-200mega-indicator--progress-bar--dash.new-funnel-200mega-indicator--progress-bar--30mega-dash,
.new-funnel-200mega-indicator--progress-bar--fill-200mega .new-funnel-200mega-indicator--progress-bar--dash.new-funnel-200mega-indicator--progress-bar--100mega-dash {
    display: block;
}

.new-cart-2021--stair-promo:has(+ .cart-promo-code-info) {
    padding-bottom: 0;
}

.cart-promo-code-info {
    padding: 0 15px 20px;
}

.cart-promo-code-info * {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 16px;
    color: #193755;
}

.cart-promo-code-info p {
    margin: 0;
}

.cart-promo-code-info strong {
    font-family: Halcyon-SemiBold, sans-serif;
    color: #00a0e6;
}

@media (min-width: 992px) {
    .cart-promo-code-info {
        padding: 0 20px 20px;
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    .new-funnel-2021--configuration.new-funnel-2021--packages {
        margin-top: 0!important;
    }
}

.cursor-pointer {
  cursor: pointer;
}