.skyq-gradient-5, .skyq-gradient-slider {
    background: linear-gradient(90deg, #6e00ff, #000ff5 49.47%, #00e6ff)
}

.button, .cta {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    color: #fff;
    background-color: #064497;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button, .cta {
        max-width: 20rem
    }
}

.button .sprite, .cta .sprite {
    fill: #fff
}

.button:hover, .cta:hover {
    background-color: #5675d0;
    color: #fff
}

.button.shadow, .cta.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.button .sprite, .cta .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button .sprite.margin-reverse, .cta .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.disabled, .cta.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button:hover, .cta:hover {
    text-decoration: none
}

.button.negative, .cta.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.negative, .cta.negative {
        max-width: 20rem
    }
}

.button.negative .sprite, .cta.negative .sprite {
    fill: #4d4d4d
}

.button.negative:hover, .cta.negative:hover {
    background-color: #efefef
}

.button.negative.shadow, .cta.negative.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.negative .sprite, .cta.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.negative .sprite.margin-reverse, .cta.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.negative.disabled, .cta.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.negative.disabled .sprite, .cta.negative.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.negative:hover, .cta.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.negative-md, .cta.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #fff;
        line-height: 2.5rem;
        height: 2.5rem;
        border-radius: 1.25rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.negative-md, .cta.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.negative-md .sprite, .cta.negative-md .sprite {
        fill: #4d4d4d
    }

    .button.negative-md:hover, .cta.negative-md:hover {
        background-color: #efefef
    }

    .button.negative-md.shadow, .cta.negative-md.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.negative-md .sprite, .cta.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.negative-md .sprite.margin-reverse, .cta.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.negative-md.disabled, .cta.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.negative-md.disabled .sprite, .cta.negative-md.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.negative-md:hover, .cta.negative-md:hover {
        text-decoration: none
    }
}

.button.slim, .button.small, .cta.slim, .cta.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    color: #fff;
    background-color: #064497;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.slim, .button.small, .cta.slim, .cta.small {
        max-width: 20rem
    }
}

.button.slim .sprite, .button.small .sprite, .cta.slim .sprite, .cta.small .sprite {
    fill: #fff
}

.button.slim:hover, .button.small:hover, .cta.slim:hover, .cta.small:hover {
    background-color: #5675d0;
    color: #fff
}

.button.slim.shadow, .button.small.shadow, .cta.slim.shadow, .cta.small.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.button.slim .sprite, .button.small .sprite, .cta.slim .sprite, .cta.small .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.slim .sprite.margin-reverse, .button.small .sprite.margin-reverse, .cta.slim .sprite.margin-reverse, .cta.small .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.slim.disabled, .button.small.disabled, .cta.slim.disabled, .cta.small.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button.slim:hover, .button.small:hover, .cta.slim:hover, .cta.small:hover {
    text-decoration: none
}

.button.slim.negative, .button.small.negative, .cta.slim.negative, .cta.small.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #fff;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.slim.negative, .button.small.negative, .cta.slim.negative, .cta.small.negative {
        max-width: 20rem
    }
}

.button.slim.negative .sprite, .button.small.negative .sprite, .cta.slim.negative .sprite, .cta.small.negative .sprite {
    fill: #4d4d4d
}

.button.slim.negative:hover, .button.small.negative:hover, .cta.slim.negative:hover, .cta.small.negative:hover {
    background-color: #efefef
}

.button.slim.negative.shadow, .button.small.negative.shadow, .cta.slim.negative.shadow, .cta.small.negative.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.slim.negative .sprite, .button.small.negative .sprite, .cta.slim.negative .sprite, .cta.small.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.slim.negative .sprite.margin-reverse, .button.small.negative .sprite.margin-reverse, .cta.slim.negative .sprite.margin-reverse, .cta.small.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.slim.negative.disabled, .button.small.negative.disabled, .cta.slim.negative.disabled, .cta.small.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.slim.negative.disabled .sprite, .button.small.negative.disabled .sprite, .cta.slim.negative.disabled .sprite, .cta.small.negative.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.slim.negative:hover, .button.small.negative:hover, .cta.slim.negative:hover, .cta.small.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.slim.negative-md, .button.small.negative-md, .cta.slim.negative-md, .cta.small.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #fff;
        line-height: 2rem;
        height: 2rem;
        border-radius: 1rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.slim.negative-md, .button.small.negative-md, .cta.slim.negative-md, .cta.small.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.slim.negative-md .sprite, .button.small.negative-md .sprite, .cta.slim.negative-md .sprite, .cta.small.negative-md .sprite {
        fill: #4d4d4d
    }

    .button.slim.negative-md:hover, .button.small.negative-md:hover, .cta.slim.negative-md:hover, .cta.small.negative-md:hover {
        background-color: #efefef
    }

    .button.slim.negative-md.shadow, .button.small.negative-md.shadow, .cta.slim.negative-md.shadow, .cta.small.negative-md.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.slim.negative-md .sprite, .button.small.negative-md .sprite, .cta.slim.negative-md .sprite, .cta.small.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.slim.negative-md .sprite.margin-reverse, .button.small.negative-md .sprite.margin-reverse, .cta.slim.negative-md .sprite.margin-reverse, .cta.small.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.slim.negative-md.disabled, .button.small.negative-md.disabled, .cta.slim.negative-md.disabled, .cta.small.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.slim.negative-md.disabled .sprite, .button.small.negative-md.disabled .sprite, .cta.slim.negative-md.disabled .sprite, .cta.small.negative-md.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.slim.negative-md:hover, .button.small.negative-md:hover, .cta.slim.negative-md:hover, .cta.small.negative-md:hover {
        text-decoration: none
    }
}

.button.small, .cta.small {
    font-size: 1rem !important
}

.button.primary.negative, .cta.primary.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.primary.negative, .cta.primary.negative {
        max-width: 20rem
    }
}

.button.primary.negative .sprite, .cta.primary.negative .sprite {
    fill: #4d4d4d
}

.button.primary.negative:hover, .cta.primary.negative:hover {
    background-color: #efefef
}

.button.primary.negative.shadow, .cta.primary.negative.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.primary.negative .sprite, .cta.primary.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.primary.negative .sprite.margin-reverse, .cta.primary.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.primary.negative.disabled, .cta.primary.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.primary.negative.disabled .sprite, .cta.primary.negative.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.primary.negative:hover, .cta.primary.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.primary.negative-md, .cta.primary.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #fff;
        line-height: 2.5rem;
        height: 2.5rem;
        border-radius: 1.25rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.primary.negative-md, .cta.primary.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.primary.negative-md .sprite, .cta.primary.negative-md .sprite {
        fill: #4d4d4d
    }

    .button.primary.negative-md:hover, .cta.primary.negative-md:hover {
        background-color: #efefef
    }

    .button.primary.negative-md.shadow, .cta.primary.negative-md.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.primary.negative-md .sprite, .cta.primary.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.primary.negative-md .sprite.margin-reverse, .cta.primary.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.primary.negative-md.disabled, .cta.primary.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.primary.negative-md.disabled .sprite, .cta.primary.negative-md.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.primary.negative-md:hover, .cta.primary.negative-md:hover {
        text-decoration: none
    }
}

.button.primary.slim, .button.primary.small, .cta.primary.slim, .cta.primary.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    color: #fff;
    background-color: #064497;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.primary.slim, .button.primary.small, .cta.primary.slim, .cta.primary.small {
        max-width: 20rem
    }
}

.button.primary.slim .sprite, .button.primary.small .sprite, .cta.primary.slim .sprite, .cta.primary.small .sprite {
    fill: #fff
}

.button.primary.slim:hover, .button.primary.small:hover, .cta.primary.slim:hover, .cta.primary.small:hover {
    background-color: #5675d0;
    color: #fff
}

.button.primary.slim.shadow, .button.primary.small.shadow, .cta.primary.slim.shadow, .cta.primary.small.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.button.primary.slim .sprite, .button.primary.small .sprite, .cta.primary.slim .sprite, .cta.primary.small .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.primary.slim .sprite.margin-reverse, .button.primary.small .sprite.margin-reverse, .cta.primary.slim .sprite.margin-reverse, .cta.primary.small .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.primary.slim.disabled, .button.primary.small.disabled, .cta.primary.slim.disabled, .cta.primary.small.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button.primary.slim:hover, .button.primary.small:hover, .cta.primary.slim:hover, .cta.primary.small:hover {
    text-decoration: none
}

.button.primary.slim.negative, .button.primary.small.negative, .cta.primary.slim.negative, .cta.primary.small.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #fff;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.primary.slim.negative, .button.primary.small.negative, .cta.primary.slim.negative, .cta.primary.small.negative {
        max-width: 20rem
    }
}

.button.primary.slim.negative .sprite, .button.primary.small.negative .sprite, .cta.primary.slim.negative .sprite, .cta.primary.small.negative .sprite {
    fill: #4d4d4d
}

.button.primary.slim.negative:hover, .button.primary.small.negative:hover, .cta.primary.slim.negative:hover, .cta.primary.small.negative:hover {
    background-color: #efefef
}

.button.primary.slim.negative.shadow, .button.primary.small.negative.shadow, .cta.primary.slim.negative.shadow, .cta.primary.small.negative.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.primary.slim.negative .sprite, .button.primary.small.negative .sprite, .cta.primary.slim.negative .sprite, .cta.primary.small.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.primary.slim.negative .sprite.margin-reverse, .button.primary.small.negative .sprite.margin-reverse, .cta.primary.slim.negative .sprite.margin-reverse, .cta.primary.small.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.primary.slim.negative.disabled, .button.primary.small.negative.disabled, .cta.primary.slim.negative.disabled, .cta.primary.small.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.primary.slim.negative.disabled .sprite, .button.primary.small.negative.disabled .sprite, .cta.primary.slim.negative.disabled .sprite, .cta.primary.small.negative.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.primary.slim.negative:hover, .button.primary.small.negative:hover, .cta.primary.slim.negative:hover, .cta.primary.small.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.primary.slim.negative-md, .button.primary.small.negative-md, .cta.primary.slim.negative-md, .cta.primary.small.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #fff;
        line-height: 2rem;
        height: 2rem;
        border-radius: 1rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.primary.slim.negative-md, .button.primary.small.negative-md, .cta.primary.slim.negative-md, .cta.primary.small.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.primary.slim.negative-md .sprite, .button.primary.small.negative-md .sprite, .cta.primary.slim.negative-md .sprite, .cta.primary.small.negative-md .sprite {
        fill: #4d4d4d
    }

    .button.primary.slim.negative-md:hover, .button.primary.small.negative-md:hover, .cta.primary.slim.negative-md:hover, .cta.primary.small.negative-md:hover {
        background-color: #efefef
    }

    .button.primary.slim.negative-md.shadow, .button.primary.small.negative-md.shadow, .cta.primary.slim.negative-md.shadow, .cta.primary.small.negative-md.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.primary.slim.negative-md .sprite, .button.primary.small.negative-md .sprite, .cta.primary.slim.negative-md .sprite, .cta.primary.small.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.primary.slim.negative-md .sprite.margin-reverse, .button.primary.small.negative-md .sprite.margin-reverse, .cta.primary.slim.negative-md .sprite.margin-reverse, .cta.primary.small.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.primary.slim.negative-md.disabled, .button.primary.small.negative-md.disabled, .cta.primary.slim.negative-md.disabled, .cta.primary.small.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.primary.slim.negative-md.disabled .sprite, .button.primary.small.negative-md.disabled .sprite, .cta.primary.slim.negative-md.disabled .sprite, .cta.primary.small.negative-md.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.primary.slim.negative-md:hover, .button.primary.small.negative-md:hover, .cta.primary.slim.negative-md:hover, .cta.primary.small.negative-md:hover {
        text-decoration: none
    }
}

.button.secondary, .cta.secondary {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: transparent;
    color: #4d4d4d;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.secondary, .cta.secondary {
        max-width: 20rem
    }
}

.button.secondary .sprite, .cta.secondary .sprite {
    fill: #4d4d4d
}

.button.secondary:before, .cta.secondary:before {
    border: .0625rem solid #4d4d4d
}

.button.secondary:after, .cta.secondary:after {
    border: .125rem solid #4d4d4d
}

.button.secondary.shadow, .cta.secondary.shadow {
    box-shadow: 0 0 10px 0 rgba(77, 77, 77, .7)
}

.button.secondary:after, .button.secondary:before, .cta.secondary:after, .cta.secondary:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    border-radius: 1.25rem
}

.button.secondary:before, .cta.secondary:before {
    opacity: 1
}

.button.secondary:after, .button.secondary:hover:before, .cta.secondary:after, .cta.secondary:hover:before {
    opacity: 0
}

.button.secondary:hover:after, .cta.secondary:hover:after {
    opacity: 1
}

.button.secondary .sprite, .cta.secondary .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.secondary .sprite.margin-reverse, .cta.secondary .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.secondary.disabled, .cta.secondary.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.secondary.disabled .sprite, .cta.secondary.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.secondary.disabled:after, .button.secondary.disabled:before, .cta.secondary.disabled:after, .cta.secondary.disabled:before {
    border-color: #b3b3b3
}

.button.secondary:hover, .cta.secondary:hover {
    text-decoration: none
}

.button.secondary.negative, .cta.secondary.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    color: #fff;
    background-color: transparent;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.secondary.negative, .cta.secondary.negative {
        max-width: 20rem
    }
}

.button.secondary.negative .sprite, .cta.secondary.negative .sprite {
    fill: #fff
}

.button.secondary.negative:before, .cta.secondary.negative:before {
    border: .0625rem solid #fff
}

.button.secondary.negative:after, .cta.secondary.negative:after {
    border: .125rem solid #fff
}

.button.secondary.negative:after, .button.secondary.negative:before, .cta.secondary.negative:after, .cta.secondary.negative:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    border-radius: 1.25rem
}

.button.secondary.negative:before, .cta.secondary.negative:before {
    opacity: 1
}

.button.secondary.negative:after, .button.secondary.negative:hover:before, .cta.secondary.negative:after, .cta.secondary.negative:hover:before {
    opacity: 0
}

.button.secondary.negative:hover:after, .cta.secondary.negative:hover:after {
    opacity: 1
}

.button.secondary.negative .sprite, .cta.secondary.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.secondary.negative .sprite.margin-reverse, .cta.secondary.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.secondary.negative.disabled, .cta.secondary.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #b3b3b3
}

.button.secondary.negative.disabled .sprite, .cta.secondary.negative.disabled .sprite {
    display: inline-block;
    fill: hsla(0, 0%, 100%, .5)
}

.button.secondary.negative.disabled:after, .button.secondary.negative.disabled:before, .cta.secondary.negative.disabled:after, .cta.secondary.negative.disabled:before {
    border-color: hsla(0, 0%, 100%, .5)
}

.button.secondary.negative:hover, .cta.secondary.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.secondary.negative-md, .cta.secondary.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        color: #fff;
        background-color: transparent;
        line-height: 2.5rem;
        height: 2.5rem;
        border-radius: 1.25rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.secondary.negative-md, .cta.secondary.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.secondary.negative-md .sprite, .cta.secondary.negative-md .sprite {
        fill: #fff
    }

    .button.secondary.negative-md:before, .cta.secondary.negative-md:before {
        border: .0625rem solid #fff
    }

    .button.secondary.negative-md:after, .cta.secondary.negative-md:after {
        border: .125rem solid #fff
    }

    .button.secondary.negative-md:after, .button.secondary.negative-md:before, .cta.secondary.negative-md:after, .cta.secondary.negative-md:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        transition-property: opacity;
        transition-duration: .4s;
        transition-timing-function: ease;
        border-radius: 1.25rem
    }

    .button.secondary.negative-md:before, .cta.secondary.negative-md:before {
        opacity: 1
    }

    .button.secondary.negative-md:after, .button.secondary.negative-md:hover:before, .cta.secondary.negative-md:after, .cta.secondary.negative-md:hover:before {
        opacity: 0
    }

    .button.secondary.negative-md:hover:after, .cta.secondary.negative-md:hover:after {
        opacity: 1
    }

    .button.secondary.negative-md .sprite, .cta.secondary.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.secondary.negative-md .sprite.margin-reverse, .cta.secondary.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.secondary.negative-md.disabled, .cta.secondary.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #b3b3b3
    }

    .button.secondary.negative-md.disabled .sprite, .cta.secondary.negative-md.disabled .sprite {
        display: inline-block;
        fill: hsla(0, 0%, 100%, .5)
    }

    .button.secondary.negative-md.disabled:after, .button.secondary.negative-md.disabled:before, .cta.secondary.negative-md.disabled:after, .cta.secondary.negative-md.disabled:before {
        border-color: hsla(0, 0%, 100%, .5)
    }

    .button.secondary.negative-md:hover, .cta.secondary.negative-md:hover {
        text-decoration: none
    }
}

.button.secondary.slim, .button.secondary.small, .cta.secondary.slim, .cta.secondary.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: transparent;
    color: #4d4d4d;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.secondary.slim, .button.secondary.small, .cta.secondary.slim, .cta.secondary.small {
        max-width: 20rem
    }
}

.button.secondary.slim .sprite, .button.secondary.small .sprite, .cta.secondary.slim .sprite, .cta.secondary.small .sprite {
    fill: #4d4d4d
}

.button.secondary.slim:before, .button.secondary.small:before, .cta.secondary.slim:before, .cta.secondary.small:before {
    border: .0625rem solid #4d4d4d
}

.button.secondary.slim:after, .button.secondary.small:after, .cta.secondary.slim:after, .cta.secondary.small:after {
    border: .125rem solid #4d4d4d
}

.button.secondary.slim.shadow, .button.secondary.small.shadow, .cta.secondary.slim.shadow, .cta.secondary.small.shadow {
    box-shadow: 0 0 10px 0 rgba(77, 77, 77, .7)
}

.button.secondary.slim:after, .button.secondary.slim:before, .button.secondary.small:after, .button.secondary.small:before, .cta.secondary.slim:after, .cta.secondary.slim:before, .cta.secondary.small:after, .cta.secondary.small:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    border-radius: 1rem
}

.button.secondary.slim:before, .button.secondary.small:before, .cta.secondary.slim:before, .cta.secondary.small:before {
    opacity: 1
}

.button.secondary.slim:after, .button.secondary.slim:hover:before, .button.secondary.small:after, .button.secondary.small:hover:before, .cta.secondary.slim:after, .cta.secondary.slim:hover:before, .cta.secondary.small:after, .cta.secondary.small:hover:before {
    opacity: 0
}

.button.secondary.slim:hover:after, .button.secondary.small:hover:after, .cta.secondary.slim:hover:after, .cta.secondary.small:hover:after {
    opacity: 1
}

.button.secondary.slim .sprite, .button.secondary.small .sprite, .cta.secondary.slim .sprite, .cta.secondary.small .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.secondary.slim .sprite.margin-reverse, .button.secondary.small .sprite.margin-reverse, .cta.secondary.slim .sprite.margin-reverse, .cta.secondary.small .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.secondary.slim.disabled, .button.secondary.small.disabled, .cta.secondary.slim.disabled, .cta.secondary.small.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.secondary.slim.disabled .sprite, .button.secondary.small.disabled .sprite, .cta.secondary.slim.disabled .sprite, .cta.secondary.small.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.secondary.slim.disabled:after, .button.secondary.slim.disabled:before, .button.secondary.small.disabled:after, .button.secondary.small.disabled:before, .cta.secondary.slim.disabled:after, .cta.secondary.slim.disabled:before, .cta.secondary.small.disabled:after, .cta.secondary.small.disabled:before {
    border-color: #b3b3b3
}

.button.secondary.slim:hover, .button.secondary.small:hover, .cta.secondary.slim:hover, .cta.secondary.small:hover {
    text-decoration: none
}

.button.secondary.slim.negative, .button.secondary.small.negative, .cta.secondary.slim.negative, .cta.secondary.small.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    color: #fff;
    background-color: transparent;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.secondary.slim.negative, .button.secondary.small.negative, .cta.secondary.slim.negative, .cta.secondary.small.negative {
        max-width: 20rem
    }
}

.button.secondary.slim.negative .sprite, .button.secondary.small.negative .sprite, .cta.secondary.slim.negative .sprite, .cta.secondary.small.negative .sprite {
    fill: #fff
}

.button.secondary.slim.negative:before, .button.secondary.small.negative:before, .cta.secondary.slim.negative:before, .cta.secondary.small.negative:before {
    border: .0625rem solid #fff
}

.button.secondary.slim.negative:after, .button.secondary.small.negative:after, .cta.secondary.slim.negative:after, .cta.secondary.small.negative:after {
    border: .125rem solid #fff
}

.button.secondary.slim.negative:after, .button.secondary.slim.negative:before, .button.secondary.small.negative:after, .button.secondary.small.negative:before, .cta.secondary.slim.negative:after, .cta.secondary.slim.negative:before, .cta.secondary.small.negative:after, .cta.secondary.small.negative:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    border-radius: 1rem
}

.button.secondary.slim.negative:before, .button.secondary.small.negative:before, .cta.secondary.slim.negative:before, .cta.secondary.small.negative:before {
    opacity: 1
}

.button.secondary.slim.negative:after, .button.secondary.slim.negative:hover:before, .button.secondary.small.negative:after, .button.secondary.small.negative:hover:before, .cta.secondary.slim.negative:after, .cta.secondary.slim.negative:hover:before, .cta.secondary.small.negative:after, .cta.secondary.small.negative:hover:before {
    opacity: 0
}

.button.secondary.slim.negative:hover:after, .button.secondary.small.negative:hover:after, .cta.secondary.slim.negative:hover:after, .cta.secondary.small.negative:hover:after {
    opacity: 1
}

.button.secondary.slim.negative .sprite, .button.secondary.small.negative .sprite, .cta.secondary.slim.negative .sprite, .cta.secondary.small.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.secondary.slim.negative .sprite.margin-reverse, .button.secondary.small.negative .sprite.margin-reverse, .cta.secondary.slim.negative .sprite.margin-reverse, .cta.secondary.small.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.secondary.slim.negative.disabled, .button.secondary.small.negative.disabled, .cta.secondary.slim.negative.disabled, .cta.secondary.small.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #b3b3b3
}

.button.secondary.slim.negative.disabled .sprite, .button.secondary.small.negative.disabled .sprite, .cta.secondary.slim.negative.disabled .sprite, .cta.secondary.small.negative.disabled .sprite {
    display: inline-block;
    fill: hsla(0, 0%, 100%, .5)
}

.button.secondary.slim.negative.disabled:after, .button.secondary.slim.negative.disabled:before, .button.secondary.small.negative.disabled:after, .button.secondary.small.negative.disabled:before, .cta.secondary.slim.negative.disabled:after, .cta.secondary.slim.negative.disabled:before, .cta.secondary.small.negative.disabled:after, .cta.secondary.small.negative.disabled:before {
    border-color: hsla(0, 0%, 100%, .5)
}

.button.secondary.slim.negative:hover, .button.secondary.small.negative:hover, .cta.secondary.slim.negative:hover, .cta.secondary.small.negative:hover {
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .button.secondary.slim.negative-md, .button.secondary.small.negative-md, .cta.secondary.slim.negative-md, .cta.secondary.small.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        color: #fff;
        background-color: transparent;
        line-height: 2rem;
        height: 2rem;
        border-radius: 1rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.secondary.slim.negative-md, .button.secondary.small.negative-md, .cta.secondary.slim.negative-md, .cta.secondary.small.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.secondary.slim.negative-md .sprite, .button.secondary.small.negative-md .sprite, .cta.secondary.slim.negative-md .sprite, .cta.secondary.small.negative-md .sprite {
        fill: #fff
    }

    .button.secondary.slim.negative-md:before, .button.secondary.small.negative-md:before, .cta.secondary.slim.negative-md:before, .cta.secondary.small.negative-md:before {
        border: .0625rem solid #fff
    }

    .button.secondary.slim.negative-md:after, .button.secondary.small.negative-md:after, .cta.secondary.slim.negative-md:after, .cta.secondary.small.negative-md:after {
        border: .125rem solid #fff
    }

    .button.secondary.slim.negative-md:after, .button.secondary.slim.negative-md:before, .button.secondary.small.negative-md:after, .button.secondary.small.negative-md:before, .cta.secondary.slim.negative-md:after, .cta.secondary.slim.negative-md:before, .cta.secondary.small.negative-md:after, .cta.secondary.small.negative-md:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        transition-property: opacity;
        transition-duration: .4s;
        transition-timing-function: ease;
        border-radius: 1rem
    }

    .button.secondary.slim.negative-md:before, .button.secondary.small.negative-md:before, .cta.secondary.slim.negative-md:before, .cta.secondary.small.negative-md:before {
        opacity: 1
    }

    .button.secondary.slim.negative-md:after, .button.secondary.slim.negative-md:hover:before, .button.secondary.small.negative-md:after, .button.secondary.small.negative-md:hover:before, .cta.secondary.slim.negative-md:after, .cta.secondary.slim.negative-md:hover:before, .cta.secondary.small.negative-md:after, .cta.secondary.small.negative-md:hover:before {
        opacity: 0
    }

    .button.secondary.slim.negative-md:hover:after, .button.secondary.small.negative-md:hover:after, .cta.secondary.slim.negative-md:hover:after, .cta.secondary.small.negative-md:hover:after {
        opacity: 1
    }

    .button.secondary.slim.negative-md .sprite, .button.secondary.small.negative-md .sprite, .cta.secondary.slim.negative-md .sprite, .cta.secondary.small.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.secondary.slim.negative-md .sprite.margin-reverse, .button.secondary.small.negative-md .sprite.margin-reverse, .cta.secondary.slim.negative-md .sprite.margin-reverse, .cta.secondary.small.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.secondary.slim.negative-md.disabled, .button.secondary.small.negative-md.disabled, .cta.secondary.slim.negative-md.disabled, .cta.secondary.small.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #b3b3b3
    }

    .button.secondary.slim.negative-md.disabled .sprite, .button.secondary.small.negative-md.disabled .sprite, .cta.secondary.slim.negative-md.disabled .sprite, .cta.secondary.small.negative-md.disabled .sprite {
        display: inline-block;
        fill: hsla(0, 0%, 100%, .5)
    }

    .button.secondary.slim.negative-md.disabled:after, .button.secondary.slim.negative-md.disabled:before, .button.secondary.small.negative-md.disabled:after, .button.secondary.small.negative-md.disabled:before, .cta.secondary.slim.negative-md.disabled:after, .cta.secondary.slim.negative-md.disabled:before, .cta.secondary.small.negative-md.disabled:after, .cta.secondary.small.negative-md.disabled:before {
        border-color: hsla(0, 0%, 100%, .5)
    }

    .button.secondary.slim.negative-md:hover, .button.secondary.small.negative-md:hover, .cta.secondary.slim.negative-md:hover, .cta.secondary.small.negative-md:hover {
        text-decoration: none
    }
}

.button.blue, .cta.blue {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #064497;
    color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.blue, .cta.blue {
        max-width: 20rem
    }
}

.button.blue:hover, .cta.blue:hover {
    background-color: #5675d0
}

.button.blue .sprite, .cta.blue .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.blue .sprite.margin-reverse, .cta.blue .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.blue.disabled, .cta.blue.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button.blue:hover, .cta.blue:hover {
    text-decoration: none
}

.button.accent, .cta.accent {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #007aff;
    color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.accent, .cta.accent {
        max-width: 20rem
    }
}

.button.accent:hover, .cta.accent:hover {
    background-color: #3093ff
}

.button.accent.shadow, .cta.accent.shadow {
    box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
}

.button.accent .sprite, .cta.accent .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.accent .sprite.margin-reverse, .cta.accent .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.accent.disabled, .cta.accent.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button.accent:hover, .cta.accent:hover {
    text-decoration: none
}

.button.accent.slim, .button.accent.small, .cta.accent.slim, .cta.accent.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #007aff;
    color: #fff;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.accent.slim, .button.accent.small, .cta.accent.slim, .cta.accent.small {
        max-width: 20rem
    }
}

.button.accent.slim:hover, .button.accent.small:hover, .cta.accent.slim:hover, .cta.accent.small:hover {
    background-color: #3093ff
}

.button.accent.slim.shadow, .button.accent.small.shadow, .cta.accent.slim.shadow, .cta.accent.small.shadow {
    box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
}

.button.accent.slim .sprite, .button.accent.small .sprite, .cta.accent.slim .sprite, .cta.accent.small .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.accent.slim .sprite.margin-reverse, .button.accent.small .sprite.margin-reverse, .cta.accent.slim .sprite.margin-reverse, .cta.accent.small .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.accent.slim.disabled, .button.accent.small.disabled, .cta.accent.slim.disabled, .cta.accent.small.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3
}

.button.accent.slim:hover, .button.accent.small:hover, .cta.accent.slim:hover, .cta.accent.small:hover {
    text-decoration: none
}

.button.accent.negative, .cta.accent.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #007aff;
    color: #fff;
    background-color: #fff;
    color: #007aff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .button.accent.negative, .cta.accent.negative {
        max-width: 20rem
    }
}

.button.accent.negative:hover, .cta.accent.negative:hover {
    background-color: #3093ff
}

.button.accent.negative.shadow, .cta.accent.negative.shadow {
    box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
}

.button.accent.negative:hover, .cta.accent.negative:hover {
    background-color: #fff;
    color: #3093ff
}

.button.accent.negative:hover .sprite, .cta.accent.negative:hover .sprite {
    fill: #3093ff
}

.button.accent.negative .sprite, .cta.accent.negative .sprite {
    fill: #007aff
}

.button.accent.negative.shadow, .cta.accent.negative.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.accent.negative .sprite, .cta.accent.negative .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.accent.negative .sprite.margin-reverse, .cta.accent.negative .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.accent.negative.disabled, .cta.accent.negative.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.accent.negative.disabled .sprite, .cta.accent.negative.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.accent.negative:hover, .cta.accent.negative:hover {
    text-decoration: none
}

.button.accent.negative.slim, .button.accent.negative.small, .cta.accent.negative.slim, .cta.accent.negative.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 10rem;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    padding: 0 1.5rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: #007aff;
    color: #fff;
    background-color: #fff;
    color: #007aff;
    line-height: 2rem;
    height: 2rem;
    border-radius: 1rem
}

@media screen and (min-width: 28.5rem) {
    .button.accent.negative.slim, .button.accent.negative.small, .cta.accent.negative.slim, .cta.accent.negative.small {
        max-width: 20rem
    }
}

.button.accent.negative.slim:hover, .button.accent.negative.small:hover, .cta.accent.negative.slim:hover, .cta.accent.negative.small:hover {
    background-color: #3093ff
}

.button.accent.negative.slim.shadow, .button.accent.negative.small.shadow, .cta.accent.negative.slim.shadow, .cta.accent.negative.small.shadow {
    box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
}

.button.accent.negative.slim:hover, .button.accent.negative.small:hover, .cta.accent.negative.slim:hover, .cta.accent.negative.small:hover {
    background-color: #fff;
    color: #3093ff
}

.button.accent.negative.slim:hover .sprite, .button.accent.negative.small:hover .sprite, .cta.accent.negative.slim:hover .sprite, .cta.accent.negative.small:hover .sprite {
    fill: #3093ff
}

.button.accent.negative.slim .sprite, .button.accent.negative.small .sprite, .cta.accent.negative.slim .sprite, .cta.accent.negative.small .sprite {
    fill: #007aff
}

.button.accent.negative.slim.shadow, .button.accent.negative.small.shadow, .cta.accent.negative.slim.shadow, .cta.accent.negative.small.shadow {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
}

.button.accent.negative.slim .sprite, .button.accent.negative.small .sprite, .cta.accent.negative.slim .sprite, .cta.accent.negative.small .sprite {
    display: inline-block;
    position: relative;
    margin: 0 .5rem 0 0;
    padding: 0;
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: middle
}

.button.accent.negative.slim .sprite.margin-reverse, .button.accent.negative.small .sprite.margin-reverse, .cta.accent.negative.slim .sprite.margin-reverse, .cta.accent.negative.small .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.button.accent.negative.slim.disabled, .button.accent.negative.small.disabled, .cta.accent.negative.slim.disabled, .cta.accent.negative.small.disabled {
    cursor: not-allowed;
    background-color: #b3b3b3;
    color: #fff
}

.button.accent.negative.slim.disabled .sprite, .button.accent.negative.small.disabled .sprite, .cta.accent.negative.slim.disabled .sprite, .cta.accent.negative.small.disabled .sprite {
    display: inline-block;
    fill: #fff
}

.button.accent.negative.slim:hover, .button.accent.negative.small:hover, .cta.accent.negative.slim:hover, .cta.accent.negative.small:hover {
    text-decoration: none
}

.button.accent.reverse, .cta.accent.reverse {
    display: flex;
    background-color: transparent;
    color: #007aff;
    border: .0625rem solid #007aff;
    align-items: center
}

.button.accent.reverse svg, .cta.accent.reverse svg {
    fill: #007aff;
    margin: 0 .5rem 0 0
}

@media screen and (min-width: 48.0625rem) {
    .button.accent.negative-md, .cta.accent.negative-md {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #007aff;
        color: #fff;
        background-color: #fff;
        color: #007aff;
        line-height: 2.5rem;
        height: 2.5rem;
        border-radius: 1.25rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.accent.negative-md, .cta.accent.negative-md {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.accent.negative-md:hover, .cta.accent.negative-md:hover {
        background-color: #3093ff
    }

    .button.accent.negative-md.shadow, .cta.accent.negative-md.shadow {
        box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
    }

    .button.accent.negative-md:hover, .cta.accent.negative-md:hover {
        background-color: #fff;
        color: #3093ff
    }

    .button.accent.negative-md:hover .sprite, .cta.accent.negative-md:hover .sprite {
        fill: #3093ff
    }

    .button.accent.negative-md .sprite, .cta.accent.negative-md .sprite {
        fill: #007aff
    }

    .button.accent.negative-md.shadow, .cta.accent.negative-md.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.accent.negative-md .sprite, .cta.accent.negative-md .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.accent.negative-md .sprite.margin-reverse, .cta.accent.negative-md .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.accent.negative-md.disabled, .cta.accent.negative-md.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.accent.negative-md.disabled .sprite, .cta.accent.negative-md.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.accent.negative-md:hover, .cta.accent.negative-md:hover {
        text-decoration: none
    }

    .button.accent.negative-md.slim, .button.accent.negative-md.small, .cta.accent.negative-md.slim, .cta.accent.negative-md.small {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        min-width: 10rem;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 500;
        padding: 0 1.5rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        background-color: #007aff;
        color: #fff;
        background-color: #fff;
        color: #007aff;
        line-height: 2rem;
        height: 2rem;
        border-radius: 1rem
    }
}

@media screen and (min-width: 48.0625rem) and (min-width: 28.5rem) {
    .button.accent.negative-md.slim, .button.accent.negative-md.small, .cta.accent.negative-md.slim, .cta.accent.negative-md.small {
        max-width: 20rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .button.accent.negative-md.slim:hover, .button.accent.negative-md.small:hover, .cta.accent.negative-md.slim:hover, .cta.accent.negative-md.small:hover {
        background-color: #3093ff
    }

    .button.accent.negative-md.slim.shadow, .button.accent.negative-md.small.shadow, .cta.accent.negative-md.slim.shadow, .cta.accent.negative-md.small.shadow {
        box-shadow: 0 0 10px 0 rgba(0, 122, 255, .7)
    }

    .button.accent.negative-md.slim:hover, .button.accent.negative-md.small:hover, .cta.accent.negative-md.slim:hover, .cta.accent.negative-md.small:hover {
        background-color: #fff;
        color: #3093ff
    }

    .button.accent.negative-md.slim:hover .sprite, .button.accent.negative-md.small:hover .sprite, .cta.accent.negative-md.slim:hover .sprite, .cta.accent.negative-md.small:hover .sprite {
        fill: #3093ff
    }

    .button.accent.negative-md.slim .sprite, .button.accent.negative-md.small .sprite, .cta.accent.negative-md.slim .sprite, .cta.accent.negative-md.small .sprite {
        fill: #007aff
    }

    .button.accent.negative-md.slim.shadow, .button.accent.negative-md.small.shadow, .cta.accent.negative-md.slim.shadow, .cta.accent.negative-md.small.shadow {
        box-shadow: 0 0 10px 0 hsla(0, 0%, 100%, .7)
    }

    .button.accent.negative-md.slim .sprite, .button.accent.negative-md.small .sprite, .cta.accent.negative-md.slim .sprite, .cta.accent.negative-md.small .sprite {
        display: inline-block;
        position: relative;
        margin: 0 .5rem 0 0;
        padding: 0;
        width: 1.4375rem;
        height: 1.4375rem;
        vertical-align: middle
    }

    .button.accent.negative-md.slim .sprite.margin-reverse, .button.accent.negative-md.small .sprite.margin-reverse, .cta.accent.negative-md.slim .sprite.margin-reverse, .cta.accent.negative-md.small .sprite.margin-reverse {
        margin: 0 .625rem 0 0
    }

    .button.accent.negative-md.slim.disabled, .button.accent.negative-md.small.disabled, .cta.accent.negative-md.slim.disabled, .cta.accent.negative-md.small.disabled {
        cursor: not-allowed;
        background-color: #b3b3b3;
        color: #fff
    }

    .button.accent.negative-md.slim.disabled .sprite, .button.accent.negative-md.small.disabled .sprite, .cta.accent.negative-md.slim.disabled .sprite, .cta.accent.negative-md.small.disabled .sprite {
        display: inline-block;
        fill: #fff
    }

    .button.accent.negative-md.slim:hover, .button.accent.negative-md.small:hover, .cta.accent.negative-md.slim:hover, .cta.accent.negative-md.small:hover {
        text-decoration: none
    }
}

.button.switchable.secondary .selected, .cta.switchable.secondary .selected {
    display: none
}

.button.switchable.secondary .unselected, .cta.switchable.secondary .unselected {
    display: block
}

.button.switchable .selected, .cta.switchable .selected {
    display: flex;
    align-items: center
}

.button.switchable .selected .sprite, .cta.switchable .selected .sprite {
    margin-right: .5rem;
    margin-left: 0;
    width: 1.5rem;
    height: 1.5rem
}

.button.switchable .unselected, .cta.switchable .unselected {
    display: none
}

@media screen and (min-width: 64.0625rem) {
    .button.big, .cta.big {
        height: 3rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: 1.75rem;
        line-height: 3rem
    }
}

.text-link {
    font-family: SkyText;
    font-size: 1rem;
    line-height: 1.2;
    color: #007aff;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    display: block;
    text-decoration: none;
    margin-top: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.text-link .sprite {
    display: inline-block;
    width: .75rem;
    margin-left: .25rem;
    fill: #007aff;
    vertical-align: middle
}

.text-link:hover {
    color: #007aff;
    text-decoration: none
}

.text-link .sprite {
    transition-property: transform, .4s;
    transition-duration: .4s;
    transition-timing-function: ease
}

.text-link.secondary {
    font-family: SkyText;
    font-size: 1rem;
    line-height: 1.2;
    color: #4d4d4d;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    display: block;
    text-decoration: none;
    margin-top: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.text-link.secondary .sprite {
    display: inline-block;
    width: .75rem;
    margin-left: .25rem;
    fill: #4d4d4d;
    vertical-align: middle
}

.text-link.secondary:hover {
    color: #4d4d4d;
    text-decoration: none
}

.text-link.negative {
    font-family: SkyText;
    font-size: 1rem;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    display: block;
    text-decoration: none;
    margin-top: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.text-link.negative .sprite {
    display: inline-block;
    width: .75rem;
    margin-left: .25rem;
    fill: #fff;
    vertical-align: middle
}

.text-link.negative:hover {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width: 48.0625rem) {
    .text-link.negative-md {
        font-family: SkyText;
        font-size: 1rem;
        line-height: 1.2;
        color: #fff;
        font-weight: 500;
        text-transform: none;
        letter-spacing: normal;
        word-spacing: normal;
        text-rendering: optimizeLegibility;
        text-rendering: geometricPrecision;
        font-smooth: always;
        font-smoothing: antialiased;
        display: block;
        text-decoration: none;
        margin-top: .5rem;
        width: -moz-fit-content;
        width: fit-content;
        position: relative
    }

    .text-link.negative-md .sprite {
        display: inline-block;
        width: .75rem;
        margin-left: .25rem;
        fill: #fff;
        vertical-align: middle
    }

    .text-link.negative-md:hover {
        color: #fff;
        text-decoration: none
    }
}

.text-link.disabled, .text-link[disabled] {
    font-family: SkyText;
    font-size: 1rem;
    line-height: 1.2;
    color: #b3b3b3;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    display: block;
    text-decoration: none;
    margin-top: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    cursor: not-allowed
}

.text-link.disabled .sprite, .text-link[disabled] .sprite {
    display: inline-block;
    width: .75rem;
    margin-left: .25rem;
    fill: #b3b3b3;
    vertical-align: middle
}

.text-link.disabled:hover, .text-link[disabled]:hover {
    color: #b3b3b3;
    text-decoration: none
}

.text-link:hover:not(.disabled-link) .sprite {
    transform: translateX(.5rem)
}

.box-link {
    display: block;
    border-radius: .25rem;
    border: 1px solid #e5e5e5;
    padding: 1rem;
    text-decoration: none
}

.box-link label {
    display: block;
    margin-bottom: .5rem;
    color: #4d4d4d;
    font-weight: 400;
    cursor: pointer
}

.box-link .sprite {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    fill: #007aff;
    transition-property: all
}

.box-link:hover {
    text-decoration: none;
    color: #007aff
}

.box-link:hover .sprite {
    display: inline-block;
    transform: translateX(.5rem)
}

.box-link .sprite {
    transition-property: transform, .4s;
    transition-duration: .4s;
    transition-timing-function: ease
}

.box-link.disabled {
    display: block;
    border-radius: .25rem;
    border: 1px solid #e5e5e5;
    padding: 1rem;
    text-decoration: none;
    cursor: not-allowed
}

.box-link.disabled label {
    display: block;
    margin-bottom: .5rem;
    color: #4d4d4d;
    font-weight: 400;
    cursor: pointer
}

.box-link.disabled .sprite {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    fill: #b3b3b3;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.box-link.disabled:hover {
    text-decoration: none;
    color: #b3b3b3
}

.box-link.disabled:hover .sprite {
    display: inline-block;
    transform: translateX(.5rem)
}

.box-link.disabled label {
    cursor: not-allowed
}

.box-link.secondary {
    display: block;
    border-radius: .25rem;
    border: 1px solid #fff;
    padding: 1rem;
    text-decoration: none
}

.box-link.secondary label {
    display: block;
    margin-bottom: .5rem;
    color: #4d4d4d;
    font-weight: 400;
    cursor: pointer
}

.box-link.secondary .sprite {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    fill: #fff;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.box-link.secondary:hover {
    text-decoration: none;
    color: #fff
}

.box-link.secondary:hover .sprite {
    display: inline-block;
    transform: translateX(.5rem)
}

.box-link.secondary.disabled {
    display: block;
    border-radius: .25rem;
    border: 1px solid #fff;
    padding: 1rem;
    text-decoration: none;
    cursor: not-allowed
}

.box-link.secondary.disabled label {
    display: block;
    margin-bottom: .5rem;
    color: #4d4d4d;
    font-weight: 400;
    cursor: pointer
}

.box-link.secondary.disabled .sprite {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    fill: #b3b3b3;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.box-link.secondary.disabled:hover {
    text-decoration: none;
    color: #b3b3b3
}

.box-link.secondary.disabled:hover .sprite {
    display: inline-block;
    transform: translateX(.5rem)
}

.box-link.secondary.disabled label {
    cursor: not-allowed
}

.box-link:hover:not(.disabled) .sprite, .box-link:hover:not(.secondary.disabled) .sprite {
    transform: translateX(.5rem)
}

.action, action {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 2.375rem;
    width: 2.375rem;
    border-radius: 1.1875rem;
    overflow: visible;
    cursor: pointer;
    background: linear-gradient(88deg, #0080df, #079ef8)
}

.action:before, action:before {
    content: "";
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 1.4375rem;
    opacity: .25;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.action span, action span {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: block
}

.action span:after, .action span:before, action span:after, action span:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: .125rem
}

.action span:before, action span:before {
    width: 100%;
    height: .125rem;
    top: 50%;
    margin-top: -.0625rem;
    left: 0
}

.action span:after, action span:after {
    width: .125rem;
    height: 100%;
    left: 50%;
    margin-left: -.0625rem;
    top: 0
}

.action:hover, action:hover {
    text-decoration: none
}

.action:hover:before, action:hover:before {
    transform: scale(1.2);
    opacity: 0
}

.action:before, action:before {
    background: linear-gradient(88deg, #0080df, #079ef8)
}

.action span:after, .action span:before, action span:after, action span:before {
    background: #fff
}

.action.reverse, action.reverse {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 2.375rem;
    width: 2.375rem;
    border-radius: 1.1875rem;
    overflow: visible;
    cursor: pointer;
    background: #fff
}

.action.reverse:before, action.reverse:before {
    content: "";
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 1.4375rem;
    opacity: .25;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.action.reverse span, action.reverse span {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: block
}

.action.reverse span:after, .action.reverse span:before, action.reverse span:after, action.reverse span:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: .125rem
}

.action.reverse span:before, action.reverse span:before {
    width: 100%;
    height: .125rem;
    top: 50%;
    margin-top: -.0625rem;
    left: 0
}

.action.reverse span:after, action.reverse span:after {
    width: .125rem;
    height: 100%;
    left: 50%;
    margin-left: -.0625rem;
    top: 0
}

.action.reverse:hover, action.reverse:hover {
    text-decoration: none
}

.action.reverse:hover:before, action.reverse:hover:before {
    transform: scale(1.2);
    opacity: 0
}

.action.reverse:before, action.reverse:before {
    background: #fff
}

.action.reverse span, action.reverse span {
    transform: rotate(45deg)
}

.action.reverse span:after, .action.reverse span:before, action.reverse span:after, action.reverse span:before {
    background: linear-gradient(88deg, #0080df, #079ef8)
}

.cta-snrs {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    color: #fff;
    background-color: #000ff5;
    background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs {
        min-width: 11.25rem
    }
}

.cta-snrs .sprite {
    display: inline-block;
    fill: #fff
}

.cta-snrs:hover {
    background-color: #000fbe;
    color: #fff
}

.cta-snrs:focus {
    outline: .1875rem solid rgba(0, 160, 255, .5)
}

.cta-snrs.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.cta-snrs.disabled, .cta-snrs[disabled] {
    cursor: not-allowed;
    background-color: #909090
}

.cta-snrs:hover {
    text-decoration: none
}

.cta-snrs.slim, .cta-snrs.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    color: #fff;
    background-color: #000ff5;
    background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.slim, .cta-snrs.small {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.slim, .cta-snrs.small {
        min-width: 11.25rem
    }
}

.cta-snrs.slim .sprite, .cta-snrs.small .sprite {
    display: inline-block;
    fill: #fff
}

.cta-snrs.slim:hover, .cta-snrs.small:hover {
    background-color: #000fbe;
    color: #fff
}

.cta-snrs.slim:focus, .cta-snrs.small:focus {
    outline: .1875rem solid rgba(0, 160, 255, .5)
}

.cta-snrs.slim.shadow, .cta-snrs.small.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.cta-snrs.slim.disabled, .cta-snrs.slim[disabled], .cta-snrs.small.disabled, .cta-snrs.small[disabled] {
    cursor: not-allowed;
    background-color: #909090
}

.cta-snrs.slim:hover, .cta-snrs.small:hover {
    text-decoration: none
}

.cta-snrs.slim.icon, .cta-snrs.small.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    color: #fff;
    background-color: #000ff5;
    background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.slim.icon, .cta-snrs.small.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.slim.icon, .cta-snrs.small.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.slim.icon .sprite, .cta-snrs.small.icon .sprite {
    display: inline-block;
    fill: #fff
}

.cta-snrs.slim.icon:hover, .cta-snrs.small.icon:hover {
    background-color: #000fbe;
    color: #fff
}

.cta-snrs.slim.icon:focus, .cta-snrs.small.icon:focus {
    outline: .1875rem solid rgba(0, 160, 255, .5)
}

.cta-snrs.slim.icon.shadow, .cta-snrs.small.icon.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.cta-snrs.slim.icon.disabled, .cta-snrs.slim.icon[disabled], .cta-snrs.small.icon.disabled, .cta-snrs.small.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090
}

.cta-snrs.icon, .cta-snrs.slim.icon:hover, .cta-snrs.small.icon:hover {
    text-decoration: none
}

.cta-snrs.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    color: #fff;
    background-color: #000ff5;
    background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.icon .sprite {
    fill: #fff
}

.cta-snrs.icon:hover {
    background-color: #000fbe;
    color: #fff
}

.cta-snrs.icon:focus {
    outline: .1875rem solid rgba(0, 160, 255, .5)
}

.cta-snrs.icon.shadow {
    box-shadow: 0 0 10px 0 rgba(6, 68, 151, .7)
}

.cta-snrs.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle
}

.cta-snrs.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.icon.disabled, .cta-snrs.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090
}

.cta-snrs.icon:hover, .cta-snrs.secondary {
    text-decoration: none
}

.cta-snrs.secondary {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    border: .125rem solid #000ff5;
    color: #000ff5;
    background-color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary:hover {
    color: #000fbe;
    border-color: #000fbe
}

.cta-snrs.secondary:hover .sprite {
    fill: #000fbe
}

.cta-snrs.secondary.disabled, .cta-snrs.secondary[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: #fff;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.disabled .sprite, .cta-snrs.secondary[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary:hover {
    text-decoration: none
}

.cta-snrs.secondary.slim, .cta-snrs.secondary.small {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    border: .125rem solid #000ff5;
    color: #000ff5;
    background-color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.slim, .cta-snrs.secondary.small {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.slim, .cta-snrs.secondary.small {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.slim:hover, .cta-snrs.secondary.small:hover {
    color: #000fbe;
    border-color: #000fbe
}

.cta-snrs.secondary.slim:hover .sprite, .cta-snrs.secondary.small:hover .sprite {
    fill: #000fbe
}

.cta-snrs.secondary.slim.disabled, .cta-snrs.secondary.slim[disabled], .cta-snrs.secondary.small.disabled, .cta-snrs.secondary.small[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: #fff;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.slim.disabled .sprite, .cta-snrs.secondary.slim[disabled] .sprite, .cta-snrs.secondary.small.disabled .sprite, .cta-snrs.secondary.small[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.slim:hover, .cta-snrs.secondary.small:hover {
    text-decoration: none
}

.cta-snrs.secondary.slim.icon, .cta-snrs.secondary.small.icon {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    border: .125rem solid #000ff5;
    color: #000ff5;
    background-color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.slim.icon, .cta-snrs.secondary.small.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.slim.icon, .cta-snrs.secondary.small.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.slim.icon:hover, .cta-snrs.secondary.small.icon:hover {
    color: #000fbe;
    border-color: #000fbe
}

.cta-snrs.secondary.slim.icon:hover .sprite, .cta-snrs.secondary.small.icon:hover .sprite {
    fill: #000fbe
}

.cta-snrs.secondary.slim.icon.disabled, .cta-snrs.secondary.slim.icon[disabled], .cta-snrs.secondary.small.icon.disabled, .cta-snrs.secondary.small.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: #fff;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.slim.icon.disabled .sprite, .cta-snrs.secondary.slim.icon[disabled] .sprite, .cta-snrs.secondary.small.icon.disabled .sprite, .cta-snrs.secondary.small.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.slim.icon:hover, .cta-snrs.secondary.small.icon:hover {
    text-decoration: none
}

.cta-snrs.secondary.icon {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    border: .125rem solid #000ff5;
    color: #000ff5;
    background-color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.icon:hover {
    color: #000fbe;
    border-color: #000fbe
}

.cta-snrs.secondary.icon:hover .sprite {
    fill: #000fbe
}

.cta-snrs.secondary.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #000ff5
}

.cta-snrs.secondary.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.secondary.icon.disabled, .cta-snrs.secondary.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: #fff;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.icon.disabled .sprite, .cta-snrs.secondary.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.icon:hover {
    text-decoration: none
}

.cta-snrs.secondary.negative {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    background-color: transparent;
    color: #fff;
    border: .125rem solid #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.negative {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.negative:hover {
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.secondary.negative:hover .sprite {
    fill: #fff
}

.cta-snrs.secondary.negative.disabled, .cta-snrs.secondary.negative[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.negative.disabled .sprite, .cta-snrs.secondary.negative[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.negative:hover {
    text-decoration: none
}

.cta-snrs.secondary.negative.slim, .cta-snrs.secondary.negative.small {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    background-color: transparent;
    color: #fff;
    border: .125rem solid #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.negative.slim, .cta-snrs.secondary.negative.small {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative.slim, .cta-snrs.secondary.negative.small {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.negative.slim:hover, .cta-snrs.secondary.negative.small:hover {
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.secondary.negative.slim:hover .sprite, .cta-snrs.secondary.negative.small:hover .sprite {
    fill: #fff
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative.slim, .cta-snrs.secondary.negative.small {
        font-size: 1rem
    }
}

.cta-snrs.secondary.negative.slim.disabled, .cta-snrs.secondary.negative.slim[disabled], .cta-snrs.secondary.negative.small.disabled, .cta-snrs.secondary.negative.small[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.negative.slim.disabled .sprite, .cta-snrs.secondary.negative.slim[disabled] .sprite, .cta-snrs.secondary.negative.small.disabled .sprite, .cta-snrs.secondary.negative.small[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.negative.slim:hover, .cta-snrs.secondary.negative.small:hover {
    text-decoration: none
}

.cta-snrs.secondary.negative.slim.icon, .cta-snrs.secondary.negative.small.icon {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    background-color: transparent;
    color: #fff;
    border: .125rem solid #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.negative.slim.icon, .cta-snrs.secondary.negative.small.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative.slim.icon, .cta-snrs.secondary.negative.small.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.negative.slim.icon:hover, .cta-snrs.secondary.negative.small.icon:hover {
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.secondary.negative.slim.icon:hover .sprite, .cta-snrs.secondary.negative.small.icon:hover .sprite {
    fill: #fff
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative.slim.icon, .cta-snrs.secondary.negative.small.icon {
        font-size: 1rem
    }
}

.cta-snrs.secondary.negative.slim.icon .sprite, .cta-snrs.secondary.negative.small.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #fff
}

.cta-snrs.secondary.negative.slim.icon .sprite.margin-reverse, .cta-snrs.secondary.negative.small.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.secondary.negative.slim.icon.disabled, .cta-snrs.secondary.negative.slim.icon[disabled], .cta-snrs.secondary.negative.small.icon.disabled, .cta-snrs.secondary.negative.small.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.negative.slim.icon.disabled .sprite, .cta-snrs.secondary.negative.slim.icon[disabled] .sprite, .cta-snrs.secondary.negative.small.icon.disabled .sprite, .cta-snrs.secondary.negative.small.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.negative.slim.icon:hover, .cta-snrs.secondary.negative.small.icon:hover {
    text-decoration: none
}

.cta-snrs.secondary.negative.icon {
    flex: none;
    display: block;
    position: relative;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-image: none;
    background-color: transparent;
    color: #fff;
    border: .125rem solid #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.secondary.negative.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.secondary.negative.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.secondary.negative.icon:hover {
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.secondary.negative.icon:hover .sprite {
    fill: #fff
}

.cta-snrs.secondary.negative.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #fff
}

.cta-snrs.secondary.negative.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.secondary.negative.icon.disabled, .cta-snrs.secondary.negative.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090;
    border-color: #909090
}

.cta-snrs.secondary.negative.icon.disabled .sprite, .cta-snrs.secondary.negative.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.secondary.negative.icon:hover, .cta-snrs.tertiary {
    text-decoration: none
}

.cta-snrs.tertiary {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #000ff5;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary:focus, .cta-snrs.tertiary:hover {
    color: #000fbe;
    background-color: rgba(0, 15, 245, .05)
}

.cta-snrs.tertiary:focus .sprite, .cta-snrs.tertiary:hover .sprite {
    fill: #000fbe
}

.cta-snrs.tertiary.disabled, .cta-snrs.tertiary[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.disabled .sprite, .cta-snrs.tertiary[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary:hover {
    text-decoration: none
}

.cta-snrs.tertiary.slim, .cta-snrs.tertiary.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #000ff5;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.slim, .cta-snrs.tertiary.small {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.slim, .cta-snrs.tertiary.small {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.slim:focus, .cta-snrs.tertiary.slim:hover, .cta-snrs.tertiary.small:focus, .cta-snrs.tertiary.small:hover {
    color: #000fbe;
    background-color: rgba(0, 15, 245, .05)
}

.cta-snrs.tertiary.slim:focus .sprite, .cta-snrs.tertiary.slim:hover .sprite, .cta-snrs.tertiary.small:focus .sprite, .cta-snrs.tertiary.small:hover .sprite {
    fill: #000fbe
}

.cta-snrs.tertiary.slim.disabled, .cta-snrs.tertiary.slim[disabled], .cta-snrs.tertiary.small.disabled, .cta-snrs.tertiary.small[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.slim.disabled .sprite, .cta-snrs.tertiary.slim[disabled] .sprite, .cta-snrs.tertiary.small.disabled .sprite, .cta-snrs.tertiary.small[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.slim:hover, .cta-snrs.tertiary.small:hover {
    text-decoration: none
}

.cta-snrs.tertiary.slim.icon, .cta-snrs.tertiary.small.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #000ff5;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.slim.icon, .cta-snrs.tertiary.small.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.slim.icon, .cta-snrs.tertiary.small.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.slim.icon:focus, .cta-snrs.tertiary.slim.icon:hover, .cta-snrs.tertiary.small.icon:focus, .cta-snrs.tertiary.small.icon:hover {
    color: #000fbe;
    background-color: rgba(0, 15, 245, .05)
}

.cta-snrs.tertiary.slim.icon:focus .sprite, .cta-snrs.tertiary.slim.icon:hover .sprite, .cta-snrs.tertiary.small.icon:focus .sprite, .cta-snrs.tertiary.small.icon:hover .sprite {
    fill: #000fbe
}

.cta-snrs.tertiary.slim.icon.disabled, .cta-snrs.tertiary.slim.icon[disabled], .cta-snrs.tertiary.small.icon.disabled, .cta-snrs.tertiary.small.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.slim.icon.disabled .sprite, .cta-snrs.tertiary.slim.icon[disabled] .sprite, .cta-snrs.tertiary.small.icon.disabled .sprite, .cta-snrs.tertiary.small.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.slim.icon:hover, .cta-snrs.tertiary.small.icon:hover {
    text-decoration: none
}

.cta-snrs.tertiary.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #000ff5;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.icon:focus, .cta-snrs.tertiary.icon:hover {
    color: #000fbe;
    background-color: rgba(0, 15, 245, .05)
}

.cta-snrs.tertiary.icon:focus .sprite, .cta-snrs.tertiary.icon:hover .sprite {
    fill: #000fbe
}

.cta-snrs.tertiary.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #000ff5
}

.cta-snrs.tertiary.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.tertiary.icon.disabled, .cta-snrs.tertiary.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.icon.disabled .sprite, .cta-snrs.tertiary.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.icon:hover {
    text-decoration: none
}

.cta-snrs.tertiary.negative {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.negative {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.negative:focus, .cta-snrs.tertiary.negative:hover {
    color: #fff;
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.tertiary.negative:focus .sprite, .cta-snrs.tertiary.negative:hover .sprite {
    fill: #fff
}

.cta-snrs.tertiary.negative.disabled, .cta-snrs.tertiary.negative[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.negative.disabled .sprite, .cta-snrs.tertiary.negative[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.negative:hover {
    text-decoration: none
}

.cta-snrs.tertiary.negative.slim, .cta-snrs.tertiary.negative.small {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.negative.slim, .cta-snrs.tertiary.negative.small {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative.slim, .cta-snrs.tertiary.negative.small {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.negative.slim:focus, .cta-snrs.tertiary.negative.slim:hover, .cta-snrs.tertiary.negative.small:focus, .cta-snrs.tertiary.negative.small:hover {
    color: #fff;
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.tertiary.negative.slim:focus .sprite, .cta-snrs.tertiary.negative.slim:hover .sprite, .cta-snrs.tertiary.negative.small:focus .sprite, .cta-snrs.tertiary.negative.small:hover .sprite {
    fill: #fff
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative.slim, .cta-snrs.tertiary.negative.small {
        font-size: 1rem
    }
}

.cta-snrs.tertiary.negative.slim.disabled, .cta-snrs.tertiary.negative.slim[disabled], .cta-snrs.tertiary.negative.small.disabled, .cta-snrs.tertiary.negative.small[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.negative.slim.disabled .sprite, .cta-snrs.tertiary.negative.slim[disabled] .sprite, .cta-snrs.tertiary.negative.small.disabled .sprite, .cta-snrs.tertiary.negative.small[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.negative.slim:hover, .cta-snrs.tertiary.negative.small:hover {
    text-decoration: none
}

.cta-snrs.tertiary.negative.slim.icon, .cta-snrs.tertiary.negative.small.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #fff;
    line-height: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.negative.slim.icon, .cta-snrs.tertiary.negative.small.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative.slim.icon, .cta-snrs.tertiary.negative.small.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.negative.slim.icon:focus, .cta-snrs.tertiary.negative.slim.icon:hover, .cta-snrs.tertiary.negative.small.icon:focus, .cta-snrs.tertiary.negative.small.icon:hover {
    color: #fff;
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.tertiary.negative.slim.icon:focus .sprite, .cta-snrs.tertiary.negative.slim.icon:hover .sprite, .cta-snrs.tertiary.negative.small.icon:focus .sprite, .cta-snrs.tertiary.negative.small.icon:hover .sprite {
    fill: #fff
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative.slim.icon, .cta-snrs.tertiary.negative.small.icon {
        font-size: 1rem
    }
}

.cta-snrs.tertiary.negative.slim.icon .sprite, .cta-snrs.tertiary.negative.small.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #fff
}

.cta-snrs.tertiary.negative.slim.icon .sprite.margin-reverse, .cta-snrs.tertiary.negative.small.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.tertiary.negative.slim.icon.disabled, .cta-snrs.tertiary.negative.slim.icon[disabled], .cta-snrs.tertiary.negative.small.icon.disabled, .cta-snrs.tertiary.negative.small.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.negative.slim.icon.disabled .sprite, .cta-snrs.tertiary.negative.slim.icon[disabled] .sprite, .cta-snrs.tertiary.negative.small.icon.disabled .sprite, .cta-snrs.tertiary.negative.small.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.negative.slim.icon:hover, .cta-snrs.tertiary.negative.small.icon:hover {
    text-decoration: none
}

.cta-snrs.tertiary.negative.icon {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    color: #fff;
    line-height: 2.75rem;
    height: 2.75rem;
    border-radius: .25rem;
    padding: 0 .5rem 0 2.5rem
}

@media screen and (min-width: 28.5rem) {
    .cta-snrs.tertiary.negative.icon {
        max-width: 17.625rem;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .cta-snrs.tertiary.negative.icon {
        min-width: 11.25rem
    }
}

.cta-snrs.tertiary.negative.icon:focus, .cta-snrs.tertiary.negative.icon:hover {
    color: #fff;
    background-color: rgba(0, 15, 245, .2)
}

.cta-snrs.tertiary.negative.icon:focus .sprite, .cta-snrs.tertiary.negative.icon:hover .sprite {
    fill: #fff
}

.cta-snrs.tertiary.negative.icon .sprite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: #fff
}

.cta-snrs.tertiary.negative.icon .sprite.margin-reverse {
    margin: 0 .625rem 0 0
}

.cta-snrs.tertiary.negative.icon.disabled, .cta-snrs.tertiary.negative.icon[disabled] {
    cursor: not-allowed;
    background-color: #909090;
    background-color: transparent;
    color: #909090
}

.cta-snrs.tertiary.negative.icon.disabled .sprite, .cta-snrs.tertiary.negative.icon[disabled] .sprite {
    fill: #909090
}

.cta-snrs.tertiary.negative.icon:hover {
    text-decoration: none
}

.sprite.sprite--orange {
    fill: #ff9e00 !important
}

.sprite.sprite--blue {
    fill: #000ff5 !important
}

.popper, .tooltip {
    position: absolute;
    background-color: #fff;
    font-size: 14px;
    color: #4d4d4d;
    border-radius: .25rem;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .5);
    padding: .5rem;
    max-width: 15.625rem;
    z-index: 49;
    top: 0 !important;
    left: 0 !important
}

@media screen and (min-width: 48.0625rem) {
    .popper, .tooltip {
        padding: 1rem
    }
}

.popper[x-placement^=top], .tooltip[x-placement^=top] {
    margin-bottom: .3125rem;
    top: -.1875rem !important;
    left: .4375rem !important
}

.popper[x-placement^=top] .popper__arrow, .popper[x-placement^=top] .tooltip-arrow, .tooltip[x-placement^=top] .popper__arrow, .tooltip[x-placement^=top] .tooltip-arrow {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    left: 3.125rem;
    border-width: .4375rem .4375rem 0;
    bottom: -.4375rem;
    transform: translateX(-50%);
    margin-top: 0;
    margin-bottom: 0
}

.popper[x-placement^=bottom], .tooltip[x-placement^=bottom] {
    margin-top: .3125rem
}

.popper[x-placement^=bottom] .popper__arrow, .popper[x-placement^=bottom] .tooltip-arrow, .tooltip[x-placement^=bottom] .popper__arrow, .tooltip[x-placement^=bottom] .tooltip-arrow {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    left: 3.125rem;
    border-width: 0 .5rem .5rem;
    top: -.5rem;
    transform: translateX(-50%);
    margin-top: 0;
    margin-bottom: 0
}

.popper[x-placement^=right], .tooltip[x-placement^=right] {
    margin-left: .3125rem
}

.popper[x-placement^=right] .popper__arrow, .popper[x-placement^=right] .tooltip-arrow, .tooltip[x-placement^=right] .popper__arrow, .tooltip[x-placement^=right] .tooltip-arrow {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    top: 3.125rem;
    border-width: .5rem .5rem .5rem 0;
    left: -.5rem;
    transform: translateY(-50%);
    margin-left: 0;
    margin-right: 0
}

.popper[x-placement^=left], .tooltip[x-placement^=left] {
    margin-right: .3125rem;
    top: .4375rem !important;
    left: -.1875rem !important
}

.popper[x-placement^=left] .popper__arrow, .popper[x-placement^=left] .tooltip-arrow, .tooltip[x-placement^=left] .popper__arrow, .tooltip[x-placement^=left] .tooltip-arrow {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    top: 3.125rem;
    border-width: .5rem 0 .5rem .5rem;
    right: -.5rem;
    transform: translateY(-50%);
    margin-left: 0;
    margin-right: 0
}

.popper .popper__arrow, .popper .tooltip-arrow, .tooltip .popper__arrow, .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: .3125rem;
    border-color: #fff
}

.popper .tooltip-inner em, .tooltip .tooltip-inner em {
    color: #6c6c6c
}

main [tippy] {
    cursor: pointer
}

main .tippy-popper {
    z-index: 22 !important
}

main .tippy-popper .tippy-tooltip {
    margin: 0;
    padding: 1.25rem 1.625rem;
    border-radius: .25rem;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

main .tippy-popper .tippy-tooltip .tippy-arrow {
    background-color: transparent;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .15)
}

main .tippy-popper .tippy-tooltip .tippy-content {
    font-size: 14px;
    color: #4d4d4d;
    padding: 0;
    border-radius: 0
}

main .tippy-popper .tippy-tooltip .tippy-content > p:first-of-type {
    margin-top: 0
}

main .tippy-popper[x-placement=top] .tippy-tooltip .tippy-arrow {
    border-top-color: #fff
}

main .tippy-popper[x-placement=bottom] .tippy-tooltip .tippy-arrow {
    border-bottom-color: #fff
}

@media screen and (min-width: 28.5rem) {
    main .tippy-popper .tippy-tooltip {
        transform: none !important
    }

    main .tippy-popper .tippy-tooltip .tippy-content [class*=layer-] {
        display: none
    }
}

@media screen and (max-width: 28.4375rem) {
    main .tippy-popper {
        position: fixed !important;
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        max-width: none !important;
        transform: none !important
    }

    main .tippy-popper .tippy-tooltip {
        padding: 3.75rem 1.5rem;
        max-width: none !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    main .tippy-popper .tippy-tooltip .tippy-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        height: 2.75rem;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none
    }

    main .tippy-popper .tippy-tooltip .tippy-arrow .sprite {
        width: .75rem;
        height: .75rem
    }

    main .tippy-popper .tippy-tooltip .tippy-content {
        max-height: 50vh
    }

    main .tippy-popper .tippy-tooltip .tippy-content .layer-title {
        display: block;
        margin-bottom: 1.5rem
    }

    main .tippy-popper .tippy-tooltip .simplebar-wrapper ~ .simplebar-track.simplebar-vertical {
        right: -1rem;
        top: 0;
        height: 100%;
        background: hsla(0, 0%, 54.9%, .25)
    }

    main .tippy-popper .tippy-tooltip .simplebar-wrapper ~ .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        background-color: hsla(0, 0%, 54.9%, .5)
    }
}

html {
    height: 100%;
    font-size: 16px
}

html, html body {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #fff
}

html body {
    position: relative;
    z-index: 0;
    min-width: 20rem;
    font-family: SkyText;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased
}

html body * {
    box-sizing: border-box;
    outline: none
}

html body [tooltip] {
    cursor: pointer
}

html body .container {
    position: relative;
    width: 100%;
    max-width: 80.0625rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media screen and (min-width: 28.5rem) {
    html body .container {
        padding: 0 2rem
    }
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body strong {
    font-weight: 500
}

html body a, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p {
    color: #4d4d4d;
    margin: 1rem 0 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased
}

html body a.medium, html body h1.medium, html body h2.medium, html body h3.medium, html body h4.medium, html body h5.medium, html body h6.medium, html body p.medium {
    font-weight: 500
}

html body a.regular, html body h1.regular, html body h2.regular, html body h3.regular, html body h4.regular, html body h5.regular, html body h6.regular, html body p.regular {
    font-weight: 400
}

html body a.negative, html body a.negative a, html body h1.negative, html body h1.negative a, html body h2.negative, html body h2.negative a, html body h3.negative, html body h3.negative a, html body h4.negative, html body h4.negative a, html body h5.negative, html body h5.negative a, html body h6.negative, html body h6.negative a, html body p.negative, html body p.negative a {
    color: #fff
}

html body a:not(.cta).assistenza-light-gradient, html body a:not(.cta).assistenza-main-gradient, html body a:not(.cta).bb-gradient, html body a:not(.cta).bb-gradient-part-1-2, html body a:not(.cta).bb-gradient-part-3-4, html body a:not(.cta).calcio-gradient, html body a:not(.cta).cinema-gradient, html body a:not(.cta).cinema-gradient-1, html body a:not(.cta).cinema-gradient-2, html body a:not(.cta).configurator-gradient, html body a:not(.cta).configurator-gradient-half-1, html body a:not(.cta).configurator-gradient-half-2, html body a:not(.cta).extra-gradient-1, html body a:not(.cta).extra-gradient-3, html body a:not(.cta).extra-gradient-6, html body a:not(.cta).extra-gradient-10, html body a:not(.cta).famiglia-gradient, html body a:not(.cta).intrattenimento-plus-gradient, html body a:not(.cta).message-alert-gradient, html body a:not(.cta).message-default-gradient, html body a:not(.cta).reverse-spectrum-linear, html body a:not(.cta).shopping-cart-gradient, html body a:not(.cta).skyq-cinema-gradient, html body a:not(.cta).skyq-gradient-1, html body a:not(.cta).skyq-gradient-2, html body a:not(.cta).skyq-gradient-3, html body a:not(.cta).skyq-gradient-4, html body a:not(.cta).skyq-gradient-5, html body a:not(.cta).spectrum-diagonal, html body a:not(.cta).spectrum-linear, html body a:not(.cta).spectrum-linear-half-1, html body a:not(.cta).spectrum-linear-half-2, html body a:not(.cta).spectrum-linear-part-1, html body a:not(.cta).spectrum-linear-part-1-2, html body a:not(.cta).spectrum-linear-part-2, html body a:not(.cta).spectrum-linear-part-3, html body a:not(.cta).spectrum-linear-part-3-4, html body a:not(.cta).spectrum-linear-part-4, html body a:not(.cta).spectrum-linear-part-5, html body a:not(.cta).spectrum-linear-part-5-6, html body a:not(.cta).spectrum-linear-part-6, html body a:not(.cta).sport-gradient, html body a:not(.cta).tv-gradient, html body h1:not(.cta).assistenza-light-gradient, html body h1:not(.cta).assistenza-main-gradient, html body h1:not(.cta).bb-gradient, html body h1:not(.cta).bb-gradient-part-1-2, html body h1:not(.cta).bb-gradient-part-3-4, html body h1:not(.cta).calcio-gradient, html body h1:not(.cta).cinema-gradient, html body h1:not(.cta).cinema-gradient-1, html body h1:not(.cta).cinema-gradient-2, html body h1:not(.cta).configurator-gradient, html body h1:not(.cta).configurator-gradient-half-1, html body h1:not(.cta).configurator-gradient-half-2, html body h1:not(.cta).extra-gradient-1, html body h1:not(.cta).extra-gradient-3, html body h1:not(.cta).extra-gradient-6, html body h1:not(.cta).extra-gradient-10, html body h1:not(.cta).famiglia-gradient, html body h1:not(.cta).intrattenimento-plus-gradient, html body h1:not(.cta).message-alert-gradient, html body h1:not(.cta).message-default-gradient, html body h1:not(.cta).reverse-spectrum-linear, html body h1:not(.cta).shopping-cart-gradient, html body h1:not(.cta).skyq-cinema-gradient, html body h1:not(.cta).skyq-gradient-1, html body h1:not(.cta).skyq-gradient-2, html body h1:not(.cta).skyq-gradient-3, html body h1:not(.cta).skyq-gradient-4, html body h1:not(.cta).skyq-gradient-5, html body h1:not(.cta).spectrum-diagonal, html body h1:not(.cta).spectrum-linear, html body h1:not(.cta).spectrum-linear-half-1, html body h1:not(.cta).spectrum-linear-half-2, html body h1:not(.cta).spectrum-linear-part-1, html body h1:not(.cta).spectrum-linear-part-1-2, html body h1:not(.cta).spectrum-linear-part-2, html body h1:not(.cta).spectrum-linear-part-3, html body h1:not(.cta).spectrum-linear-part-3-4, html body h1:not(.cta).spectrum-linear-part-4, html body h1:not(.cta).spectrum-linear-part-5, html body h1:not(.cta).spectrum-linear-part-5-6, html body h1:not(.cta).spectrum-linear-part-6, html body h1:not(.cta).sport-gradient, html body h1:not(.cta).tv-gradient, html body h2:not(.cta).assistenza-light-gradient, html body h2:not(.cta).assistenza-main-gradient, html body h2:not(.cta).bb-gradient, html body h2:not(.cta).bb-gradient-part-1-2, html body h2:not(.cta).bb-gradient-part-3-4, html body h2:not(.cta).calcio-gradient, html body h2:not(.cta).cinema-gradient, html body h2:not(.cta).cinema-gradient-1, html body h2:not(.cta).cinema-gradient-2, html body h2:not(.cta).configurator-gradient, html body h2:not(.cta).configurator-gradient-half-1, html body h2:not(.cta).configurator-gradient-half-2, html body h2:not(.cta).extra-gradient-1, html body h2:not(.cta).extra-gradient-3, html body h2:not(.cta).extra-gradient-6, html body h2:not(.cta).extra-gradient-10, html body h2:not(.cta).famiglia-gradient, html body h2:not(.cta).intrattenimento-plus-gradient, html body h2:not(.cta).message-alert-gradient, html body h2:not(.cta).message-default-gradient, html body h2:not(.cta).reverse-spectrum-linear, html body h2:not(.cta).shopping-cart-gradient, html body h2:not(.cta).skyq-cinema-gradient, html body h2:not(.cta).skyq-gradient-1, html body h2:not(.cta).skyq-gradient-2, html body h2:not(.cta).skyq-gradient-3, html body h2:not(.cta).skyq-gradient-4, html body h2:not(.cta).skyq-gradient-5, html body h2:not(.cta).spectrum-diagonal, html body h2:not(.cta).spectrum-linear, html body h2:not(.cta).spectrum-linear-half-1, html body h2:not(.cta).spectrum-linear-half-2, html body h2:not(.cta).spectrum-linear-part-1, html body h2:not(.cta).spectrum-linear-part-1-2, html body h2:not(.cta).spectrum-linear-part-2, html body h2:not(.cta).spectrum-linear-part-3, html body h2:not(.cta).spectrum-linear-part-3-4, html body h2:not(.cta).spectrum-linear-part-4, html body h2:not(.cta).spectrum-linear-part-5, html body h2:not(.cta).spectrum-linear-part-5-6, html body h2:not(.cta).spectrum-linear-part-6, html body h2:not(.cta).sport-gradient, html body h2:not(.cta).tv-gradient, html body h3:not(.cta).assistenza-light-gradient, html body h3:not(.cta).assistenza-main-gradient, html body h3:not(.cta).bb-gradient, html body h3:not(.cta).bb-gradient-part-1-2, html body h3:not(.cta).bb-gradient-part-3-4, html body h3:not(.cta).calcio-gradient, html body h3:not(.cta).cinema-gradient, html body h3:not(.cta).cinema-gradient-1, html body h3:not(.cta).cinema-gradient-2, html body h3:not(.cta).configurator-gradient, html body h3:not(.cta).configurator-gradient-half-1, html body h3:not(.cta).configurator-gradient-half-2, html body h3:not(.cta).extra-gradient-1, html body h3:not(.cta).extra-gradient-3, html body h3:not(.cta).extra-gradient-6, html body h3:not(.cta).extra-gradient-10, html body h3:not(.cta).famiglia-gradient, html body h3:not(.cta).intrattenimento-plus-gradient, html body h3:not(.cta).message-alert-gradient, html body h3:not(.cta).message-default-gradient, html body h3:not(.cta).reverse-spectrum-linear, html body h3:not(.cta).shopping-cart-gradient, html body h3:not(.cta).skyq-cinema-gradient, html body h3:not(.cta).skyq-gradient-1, html body h3:not(.cta).skyq-gradient-2, html body h3:not(.cta).skyq-gradient-3, html body h3:not(.cta).skyq-gradient-4, html body h3:not(.cta).skyq-gradient-5, html body h3:not(.cta).spectrum-diagonal, html body h3:not(.cta).spectrum-linear, html body h3:not(.cta).spectrum-linear-half-1, html body h3:not(.cta).spectrum-linear-half-2, html body h3:not(.cta).spectrum-linear-part-1, html body h3:not(.cta).spectrum-linear-part-1-2, html body h3:not(.cta).spectrum-linear-part-2, html body h3:not(.cta).spectrum-linear-part-3, html body h3:not(.cta).spectrum-linear-part-3-4, html body h3:not(.cta).spectrum-linear-part-4, html body h3:not(.cta).spectrum-linear-part-5, html body h3:not(.cta).spectrum-linear-part-5-6, html body h3:not(.cta).spectrum-linear-part-6, html body h3:not(.cta).sport-gradient, html body h3:not(.cta).tv-gradient, html body h4:not(.cta).assistenza-light-gradient, html body h4:not(.cta).assistenza-main-gradient, html body h4:not(.cta).bb-gradient, html body h4:not(.cta).bb-gradient-part-1-2, html body h4:not(.cta).bb-gradient-part-3-4, html body h4:not(.cta).calcio-gradient, html body h4:not(.cta).cinema-gradient, html body h4:not(.cta).cinema-gradient-1, html body h4:not(.cta).cinema-gradient-2, html body h4:not(.cta).configurator-gradient, html body h4:not(.cta).configurator-gradient-half-1, html body h4:not(.cta).configurator-gradient-half-2, html body h4:not(.cta).extra-gradient-1, html body h4:not(.cta).extra-gradient-3, html body h4:not(.cta).extra-gradient-6, html body h4:not(.cta).extra-gradient-10, html body h4:not(.cta).famiglia-gradient, html body h4:not(.cta).intrattenimento-plus-gradient, html body h4:not(.cta).message-alert-gradient, html body h4:not(.cta).message-default-gradient, html body h4:not(.cta).reverse-spectrum-linear, html body h4:not(.cta).shopping-cart-gradient, html body h4:not(.cta).skyq-cinema-gradient, html body h4:not(.cta).skyq-gradient-1, html body h4:not(.cta).skyq-gradient-2, html body h4:not(.cta).skyq-gradient-3, html body h4:not(.cta).skyq-gradient-4, html body h4:not(.cta).skyq-gradient-5, html body h4:not(.cta).spectrum-diagonal, html body h4:not(.cta).spectrum-linear, html body h4:not(.cta).spectrum-linear-half-1, html body h4:not(.cta).spectrum-linear-half-2, html body h4:not(.cta).spectrum-linear-part-1, html body h4:not(.cta).spectrum-linear-part-1-2, html body h4:not(.cta).spectrum-linear-part-2, html body h4:not(.cta).spectrum-linear-part-3, html body h4:not(.cta).spectrum-linear-part-3-4, html body h4:not(.cta).spectrum-linear-part-4, html body h4:not(.cta).spectrum-linear-part-5, html body h4:not(.cta).spectrum-linear-part-5-6, html body h4:not(.cta).spectrum-linear-part-6, html body h4:not(.cta).sport-gradient, html body h4:not(.cta).tv-gradient, html body h5:not(.cta).assistenza-light-gradient, html body h5:not(.cta).assistenza-main-gradient, html body h5:not(.cta).bb-gradient, html body h5:not(.cta).bb-gradient-part-1-2, html body h5:not(.cta).bb-gradient-part-3-4, html body h5:not(.cta).calcio-gradient, html body h5:not(.cta).cinema-gradient, html body h5:not(.cta).cinema-gradient-1, html body h5:not(.cta).cinema-gradient-2, html body h5:not(.cta).configurator-gradient, html body h5:not(.cta).configurator-gradient-half-1, html body h5:not(.cta).configurator-gradient-half-2, html body h5:not(.cta).extra-gradient-1, html body h5:not(.cta).extra-gradient-3, html body h5:not(.cta).extra-gradient-6, html body h5:not(.cta).extra-gradient-10, html body h5:not(.cta).famiglia-gradient, html body h5:not(.cta).intrattenimento-plus-gradient, html body h5:not(.cta).message-alert-gradient, html body h5:not(.cta).message-default-gradient, html body h5:not(.cta).reverse-spectrum-linear, html body h5:not(.cta).shopping-cart-gradient, html body h5:not(.cta).skyq-cinema-gradient, html body h5:not(.cta).skyq-gradient-1, html body h5:not(.cta).skyq-gradient-2, html body h5:not(.cta).skyq-gradient-3, html body h5:not(.cta).skyq-gradient-4, html body h5:not(.cta).skyq-gradient-5, html body h5:not(.cta).spectrum-diagonal, html body h5:not(.cta).spectrum-linear, html body h5:not(.cta).spectrum-linear-half-1, html body h5:not(.cta).spectrum-linear-half-2, html body h5:not(.cta).spectrum-linear-part-1, html body h5:not(.cta).spectrum-linear-part-1-2, html body h5:not(.cta).spectrum-linear-part-2, html body h5:not(.cta).spectrum-linear-part-3, html body h5:not(.cta).spectrum-linear-part-3-4, html body h5:not(.cta).spectrum-linear-part-4, html body h5:not(.cta).spectrum-linear-part-5, html body h5:not(.cta).spectrum-linear-part-5-6, html body h5:not(.cta).spectrum-linear-part-6, html body h5:not(.cta).sport-gradient, html body h5:not(.cta).tv-gradient, html body h6:not(.cta).assistenza-light-gradient, html body h6:not(.cta).assistenza-main-gradient, html body h6:not(.cta).bb-gradient, html body h6:not(.cta).bb-gradient-part-1-2, html body h6:not(.cta).bb-gradient-part-3-4, html body h6:not(.cta).calcio-gradient, html body h6:not(.cta).cinema-gradient, html body h6:not(.cta).cinema-gradient-1, html body h6:not(.cta).cinema-gradient-2, html body h6:not(.cta).configurator-gradient, html body h6:not(.cta).configurator-gradient-half-1, html body h6:not(.cta).configurator-gradient-half-2, html body h6:not(.cta).extra-gradient-1, html body h6:not(.cta).extra-gradient-3, html body h6:not(.cta).extra-gradient-6, html body h6:not(.cta).extra-gradient-10, html body h6:not(.cta).famiglia-gradient, html body h6:not(.cta).intrattenimento-plus-gradient, html body h6:not(.cta).message-alert-gradient, html body h6:not(.cta).message-default-gradient, html body h6:not(.cta).reverse-spectrum-linear, html body h6:not(.cta).shopping-cart-gradient, html body h6:not(.cta).skyq-cinema-gradient, html body h6:not(.cta).skyq-gradient-1, html body h6:not(.cta).skyq-gradient-2, html body h6:not(.cta).skyq-gradient-3, html body h6:not(.cta).skyq-gradient-4, html body h6:not(.cta).skyq-gradient-5, html body h6:not(.cta).spectrum-diagonal, html body h6:not(.cta).spectrum-linear, html body h6:not(.cta).spectrum-linear-half-1, html body h6:not(.cta).spectrum-linear-half-2, html body h6:not(.cta).spectrum-linear-part-1, html body h6:not(.cta).spectrum-linear-part-1-2, html body h6:not(.cta).spectrum-linear-part-2, html body h6:not(.cta).spectrum-linear-part-3, html body h6:not(.cta).spectrum-linear-part-3-4, html body h6:not(.cta).spectrum-linear-part-4, html body h6:not(.cta).spectrum-linear-part-5, html body h6:not(.cta).spectrum-linear-part-5-6, html body h6:not(.cta).spectrum-linear-part-6, html body h6:not(.cta).sport-gradient, html body h6:not(.cta).tv-gradient, html body p:not(.cta).assistenza-light-gradient, html body p:not(.cta).assistenza-main-gradient, html body p:not(.cta).bb-gradient, html body p:not(.cta).bb-gradient-part-1-2, html body p:not(.cta).bb-gradient-part-3-4, html body p:not(.cta).calcio-gradient, html body p:not(.cta).cinema-gradient, html body p:not(.cta).cinema-gradient-1, html body p:not(.cta).cinema-gradient-2, html body p:not(.cta).configurator-gradient, html body p:not(.cta).configurator-gradient-half-1, html body p:not(.cta).configurator-gradient-half-2, html body p:not(.cta).extra-gradient-1, html body p:not(.cta).extra-gradient-3, html body p:not(.cta).extra-gradient-6, html body p:not(.cta).extra-gradient-10, html body p:not(.cta).famiglia-gradient, html body p:not(.cta).intrattenimento-plus-gradient, html body p:not(.cta).message-alert-gradient, html body p:not(.cta).message-default-gradient, html body p:not(.cta).reverse-spectrum-linear, html body p:not(.cta).shopping-cart-gradient, html body p:not(.cta).skyq-cinema-gradient, html body p:not(.cta).skyq-gradient-1, html body p:not(.cta).skyq-gradient-2, html body p:not(.cta).skyq-gradient-3, html body p:not(.cta).skyq-gradient-4, html body p:not(.cta).skyq-gradient-5, html body p:not(.cta).spectrum-diagonal, html body p:not(.cta).spectrum-linear, html body p:not(.cta).spectrum-linear-half-1, html body p:not(.cta).spectrum-linear-half-2, html body p:not(.cta).spectrum-linear-part-1, html body p:not(.cta).spectrum-linear-part-1-2, html body p:not(.cta).spectrum-linear-part-2, html body p:not(.cta).spectrum-linear-part-3, html body p:not(.cta).spectrum-linear-part-3-4, html body p:not(.cta).spectrum-linear-part-4, html body p:not(.cta).spectrum-linear-part-5, html body p:not(.cta).spectrum-linear-part-5-6, html body p:not(.cta).spectrum-linear-part-6, html body p:not(.cta).sport-gradient, html body p:not(.cta).tv-gradient, html body span:not(.cta).assistenza-light-gradient, html body span:not(.cta).assistenza-main-gradient, html body span:not(.cta).bb-gradient, html body span:not(.cta).bb-gradient-part-1-2, html body span:not(.cta).bb-gradient-part-3-4, html body span:not(.cta).calcio-gradient, html body span:not(.cta).cinema-gradient, html body span:not(.cta).cinema-gradient-1, html body span:not(.cta).cinema-gradient-2, html body span:not(.cta).configurator-gradient, html body span:not(.cta).configurator-gradient-half-1, html body span:not(.cta).configurator-gradient-half-2, html body span:not(.cta).extra-gradient-1, html body span:not(.cta).extra-gradient-3, html body span:not(.cta).extra-gradient-6, html body span:not(.cta).extra-gradient-10, html body span:not(.cta).famiglia-gradient, html body span:not(.cta).intrattenimento-plus-gradient, html body span:not(.cta).message-alert-gradient, html body span:not(.cta).message-default-gradient, html body span:not(.cta).reverse-spectrum-linear, html body span:not(.cta).shopping-cart-gradient, html body span:not(.cta).skyq-cinema-gradient, html body span:not(.cta).skyq-gradient-1, html body span:not(.cta).skyq-gradient-2, html body span:not(.cta).skyq-gradient-3, html body span:not(.cta).skyq-gradient-4, html body span:not(.cta).skyq-gradient-5, html body span:not(.cta).spectrum-diagonal, html body span:not(.cta).spectrum-linear, html body span:not(.cta).spectrum-linear-half-1, html body span:not(.cta).spectrum-linear-half-2, html body span:not(.cta).spectrum-linear-part-1, html body span:not(.cta).spectrum-linear-part-1-2, html body span:not(.cta).spectrum-linear-part-2, html body span:not(.cta).spectrum-linear-part-3, html body span:not(.cta).spectrum-linear-part-3-4, html body span:not(.cta).spectrum-linear-part-4, html body span:not(.cta).spectrum-linear-part-5, html body span:not(.cta).spectrum-linear-part-5-6, html body span:not(.cta).spectrum-linear-part-6, html body span:not(.cta).sport-gradient, html body span:not(.cta).tv-gradient, html body strong:not(.cta).assistenza-light-gradient, html body strong:not(.cta).assistenza-main-gradient, html body strong:not(.cta).bb-gradient, html body strong:not(.cta).bb-gradient-part-1-2, html body strong:not(.cta).bb-gradient-part-3-4, html body strong:not(.cta).calcio-gradient, html body strong:not(.cta).cinema-gradient, html body strong:not(.cta).cinema-gradient-1, html body strong:not(.cta).cinema-gradient-2, html body strong:not(.cta).configurator-gradient, html body strong:not(.cta).configurator-gradient-half-1, html body strong:not(.cta).configurator-gradient-half-2, html body strong:not(.cta).extra-gradient-1, html body strong:not(.cta).extra-gradient-3, html body strong:not(.cta).extra-gradient-6, html body strong:not(.cta).extra-gradient-10, html body strong:not(.cta).famiglia-gradient, html body strong:not(.cta).intrattenimento-plus-gradient, html body strong:not(.cta).message-alert-gradient, html body strong:not(.cta).message-default-gradient, html body strong:not(.cta).reverse-spectrum-linear, html body strong:not(.cta).shopping-cart-gradient, html body strong:not(.cta).skyq-cinema-gradient, html body strong:not(.cta).skyq-gradient-1, html body strong:not(.cta).skyq-gradient-2, html body strong:not(.cta).skyq-gradient-3, html body strong:not(.cta).skyq-gradient-4, html body strong:not(.cta).skyq-gradient-5, html body strong:not(.cta).spectrum-diagonal, html body strong:not(.cta).spectrum-linear, html body strong:not(.cta).spectrum-linear-half-1, html body strong:not(.cta).spectrum-linear-half-2, html body strong:not(.cta).spectrum-linear-part-1, html body strong:not(.cta).spectrum-linear-part-1-2, html body strong:not(.cta).spectrum-linear-part-2, html body strong:not(.cta).spectrum-linear-part-3, html body strong:not(.cta).spectrum-linear-part-3-4, html body strong:not(.cta).spectrum-linear-part-4, html body strong:not(.cta).spectrum-linear-part-5, html body strong:not(.cta).spectrum-linear-part-5-6, html body strong:not(.cta).spectrum-linear-part-6, html body strong:not(.cta).sport-gradient, html body strong:not(.cta).tv-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

html body a:not(.cta).assistenza-light-gradient span, html body a:not(.cta).assistenza-main-gradient span, html body a:not(.cta).bb-gradient-part-1-2 span, html body a:not(.cta).bb-gradient-part-3-4 span, html body a:not(.cta).bb-gradient span, html body a:not(.cta).calcio-gradient span, html body a:not(.cta).cinema-gradient-1 span, html body a:not(.cta).cinema-gradient-2 span, html body a:not(.cta).cinema-gradient span, html body a:not(.cta).configurator-gradient-half-1 span, html body a:not(.cta).configurator-gradient-half-2 span, html body a:not(.cta).configurator-gradient span, html body a:not(.cta).extra-gradient-1 span, html body a:not(.cta).extra-gradient-3 span, html body a:not(.cta).extra-gradient-6 span, html body a:not(.cta).extra-gradient-10 span, html body a:not(.cta).famiglia-gradient span, html body a:not(.cta).intrattenimento-plus-gradient span, html body a:not(.cta).message-alert-gradient span, html body a:not(.cta).message-default-gradient span, html body a:not(.cta).reverse-spectrum-linear span, html body a:not(.cta).shopping-cart-gradient span, html body a:not(.cta).skyq-cinema-gradient span, html body a:not(.cta).skyq-gradient-1 span, html body a:not(.cta).skyq-gradient-2 span, html body a:not(.cta).skyq-gradient-3 span, html body a:not(.cta).skyq-gradient-4 span, html body a:not(.cta).skyq-gradient-5 span, html body a:not(.cta).spectrum-diagonal span, html body a:not(.cta).spectrum-linear-half-1 span, html body a:not(.cta).spectrum-linear-half-2 span, html body a:not(.cta).spectrum-linear-part-1 span, html body a:not(.cta).spectrum-linear-part-1-2 span, html body a:not(.cta).spectrum-linear-part-2 span, html body a:not(.cta).spectrum-linear-part-3 span, html body a:not(.cta).spectrum-linear-part-3-4 span, html body a:not(.cta).spectrum-linear-part-4 span, html body a:not(.cta).spectrum-linear-part-5 span, html body a:not(.cta).spectrum-linear-part-5-6 span, html body a:not(.cta).spectrum-linear-part-6 span, html body a:not(.cta).spectrum-linear span, html body a:not(.cta).sport-gradient span, html body a:not(.cta).tv-gradient span, html body h1:not(.cta).assistenza-light-gradient span, html body h1:not(.cta).assistenza-main-gradient span, html body h1:not(.cta).bb-gradient-part-1-2 span, html body h1:not(.cta).bb-gradient-part-3-4 span, html body h1:not(.cta).bb-gradient span, html body h1:not(.cta).calcio-gradient span, html body h1:not(.cta).cinema-gradient-1 span, html body h1:not(.cta).cinema-gradient-2 span, html body h1:not(.cta).cinema-gradient span, html body h1:not(.cta).configurator-gradient-half-1 span, html body h1:not(.cta).configurator-gradient-half-2 span, html body h1:not(.cta).configurator-gradient span, html body h1:not(.cta).extra-gradient-1 span, html body h1:not(.cta).extra-gradient-3 span, html body h1:not(.cta).extra-gradient-6 span, html body h1:not(.cta).extra-gradient-10 span, html body h1:not(.cta).famiglia-gradient span, html body h1:not(.cta).intrattenimento-plus-gradient span, html body h1:not(.cta).message-alert-gradient span, html body h1:not(.cta).message-default-gradient span, html body h1:not(.cta).reverse-spectrum-linear span, html body h1:not(.cta).shopping-cart-gradient span, html body h1:not(.cta).skyq-cinema-gradient span, html body h1:not(.cta).skyq-gradient-1 span, html body h1:not(.cta).skyq-gradient-2 span, html body h1:not(.cta).skyq-gradient-3 span, html body h1:not(.cta).skyq-gradient-4 span, html body h1:not(.cta).skyq-gradient-5 span, html body h1:not(.cta).spectrum-diagonal span, html body h1:not(.cta).spectrum-linear-half-1 span, html body h1:not(.cta).spectrum-linear-half-2 span, html body h1:not(.cta).spectrum-linear-part-1 span, html body h1:not(.cta).spectrum-linear-part-1-2 span, html body h1:not(.cta).spectrum-linear-part-2 span, html body h1:not(.cta).spectrum-linear-part-3 span, html body h1:not(.cta).spectrum-linear-part-3-4 span, html body h1:not(.cta).spectrum-linear-part-4 span, html body h1:not(.cta).spectrum-linear-part-5 span, html body h1:not(.cta).spectrum-linear-part-5-6 span, html body h1:not(.cta).spectrum-linear-part-6 span, html body h1:not(.cta).spectrum-linear span, html body h1:not(.cta).sport-gradient span, html body h1:not(.cta).tv-gradient span, html body h2:not(.cta).assistenza-light-gradient span, html body h2:not(.cta).assistenza-main-gradient span, html body h2:not(.cta).bb-gradient-part-1-2 span, html body h2:not(.cta).bb-gradient-part-3-4 span, html body h2:not(.cta).bb-gradient span, html body h2:not(.cta).calcio-gradient span, html body h2:not(.cta).cinema-gradient-1 span, html body h2:not(.cta).cinema-gradient-2 span, html body h2:not(.cta).cinema-gradient span, html body h2:not(.cta).configurator-gradient-half-1 span, html body h2:not(.cta).configurator-gradient-half-2 span, html body h2:not(.cta).configurator-gradient span, html body h2:not(.cta).extra-gradient-1 span, html body h2:not(.cta).extra-gradient-3 span, html body h2:not(.cta).extra-gradient-6 span, html body h2:not(.cta).extra-gradient-10 span, html body h2:not(.cta).famiglia-gradient span, html body h2:not(.cta).intrattenimento-plus-gradient span, html body h2:not(.cta).message-alert-gradient span, html body h2:not(.cta).message-default-gradient span, html body h2:not(.cta).reverse-spectrum-linear span, html body h2:not(.cta).shopping-cart-gradient span, html body h2:not(.cta).skyq-cinema-gradient span, html body h2:not(.cta).skyq-gradient-1 span, html body h2:not(.cta).skyq-gradient-2 span, html body h2:not(.cta).skyq-gradient-3 span, html body h2:not(.cta).skyq-gradient-4 span, html body h2:not(.cta).skyq-gradient-5 span, html body h2:not(.cta).spectrum-diagonal span, html body h2:not(.cta).spectrum-linear-half-1 span, html body h2:not(.cta).spectrum-linear-half-2 span, html body h2:not(.cta).spectrum-linear-part-1 span, html body h2:not(.cta).spectrum-linear-part-1-2 span, html body h2:not(.cta).spectrum-linear-part-2 span, html body h2:not(.cta).spectrum-linear-part-3 span, html body h2:not(.cta).spectrum-linear-part-3-4 span, html body h2:not(.cta).spectrum-linear-part-4 span, html body h2:not(.cta).spectrum-linear-part-5 span, html body h2:not(.cta).spectrum-linear-part-5-6 span, html body h2:not(.cta).spectrum-linear-part-6 span, html body h2:not(.cta).spectrum-linear span, html body h2:not(.cta).sport-gradient span, html body h2:not(.cta).tv-gradient span, html body h3:not(.cta).assistenza-light-gradient span, html body h3:not(.cta).assistenza-main-gradient span, html body h3:not(.cta).bb-gradient-part-1-2 span, html body h3:not(.cta).bb-gradient-part-3-4 span, html body h3:not(.cta).bb-gradient span, html body h3:not(.cta).calcio-gradient span, html body h3:not(.cta).cinema-gradient-1 span, html body h3:not(.cta).cinema-gradient-2 span, html body h3:not(.cta).cinema-gradient span, html body h3:not(.cta).configurator-gradient-half-1 span, html body h3:not(.cta).configurator-gradient-half-2 span, html body h3:not(.cta).configurator-gradient span, html body h3:not(.cta).extra-gradient-1 span, html body h3:not(.cta).extra-gradient-3 span, html body h3:not(.cta).extra-gradient-6 span, html body h3:not(.cta).extra-gradient-10 span, html body h3:not(.cta).famiglia-gradient span, html body h3:not(.cta).intrattenimento-plus-gradient span, html body h3:not(.cta).message-alert-gradient span, html body h3:not(.cta).message-default-gradient span, html body h3:not(.cta).reverse-spectrum-linear span, html body h3:not(.cta).shopping-cart-gradient span, html body h3:not(.cta).skyq-cinema-gradient span, html body h3:not(.cta).skyq-gradient-1 span, html body h3:not(.cta).skyq-gradient-2 span, html body h3:not(.cta).skyq-gradient-3 span, html body h3:not(.cta).skyq-gradient-4 span, html body h3:not(.cta).skyq-gradient-5 span, html body h3:not(.cta).spectrum-diagonal span, html body h3:not(.cta).spectrum-linear-half-1 span, html body h3:not(.cta).spectrum-linear-half-2 span, html body h3:not(.cta).spectrum-linear-part-1 span, html body h3:not(.cta).spectrum-linear-part-1-2 span, html body h3:not(.cta).spectrum-linear-part-2 span, html body h3:not(.cta).spectrum-linear-part-3 span, html body h3:not(.cta).spectrum-linear-part-3-4 span, html body h3:not(.cta).spectrum-linear-part-4 span, html body h3:not(.cta).spectrum-linear-part-5 span, html body h3:not(.cta).spectrum-linear-part-5-6 span, html body h3:not(.cta).spectrum-linear-part-6 span, html body h3:not(.cta).spectrum-linear span, html body h3:not(.cta).sport-gradient span, html body h3:not(.cta).tv-gradient span, html body h4:not(.cta).assistenza-light-gradient span, html body h4:not(.cta).assistenza-main-gradient span, html body h4:not(.cta).bb-gradient-part-1-2 span, html body h4:not(.cta).bb-gradient-part-3-4 span, html body h4:not(.cta).bb-gradient span, html body h4:not(.cta).calcio-gradient span, html body h4:not(.cta).cinema-gradient-1 span, html body h4:not(.cta).cinema-gradient-2 span, html body h4:not(.cta).cinema-gradient span, html body h4:not(.cta).configurator-gradient-half-1 span, html body h4:not(.cta).configurator-gradient-half-2 span, html body h4:not(.cta).configurator-gradient span, html body h4:not(.cta).extra-gradient-1 span, html body h4:not(.cta).extra-gradient-3 span, html body h4:not(.cta).extra-gradient-6 span, html body h4:not(.cta).extra-gradient-10 span, html body h4:not(.cta).famiglia-gradient span, html body h4:not(.cta).intrattenimento-plus-gradient span, html body h4:not(.cta).message-alert-gradient span, html body h4:not(.cta).message-default-gradient span, html body h4:not(.cta).reverse-spectrum-linear span, html body h4:not(.cta).shopping-cart-gradient span, html body h4:not(.cta).skyq-cinema-gradient span, html body h4:not(.cta).skyq-gradient-1 span, html body h4:not(.cta).skyq-gradient-2 span, html body h4:not(.cta).skyq-gradient-3 span, html body h4:not(.cta).skyq-gradient-4 span, html body h4:not(.cta).skyq-gradient-5 span, html body h4:not(.cta).spectrum-diagonal span, html body h4:not(.cta).spectrum-linear-half-1 span, html body h4:not(.cta).spectrum-linear-half-2 span, html body h4:not(.cta).spectrum-linear-part-1 span, html body h4:not(.cta).spectrum-linear-part-1-2 span, html body h4:not(.cta).spectrum-linear-part-2 span, html body h4:not(.cta).spectrum-linear-part-3 span, html body h4:not(.cta).spectrum-linear-part-3-4 span, html body h4:not(.cta).spectrum-linear-part-4 span, html body h4:not(.cta).spectrum-linear-part-5 span, html body h4:not(.cta).spectrum-linear-part-5-6 span, html body h4:not(.cta).spectrum-linear-part-6 span, html body h4:not(.cta).spectrum-linear span, html body h4:not(.cta).sport-gradient span, html body h4:not(.cta).tv-gradient span, html body h5:not(.cta).assistenza-light-gradient span, html body h5:not(.cta).assistenza-main-gradient span, html body h5:not(.cta).bb-gradient-part-1-2 span, html body h5:not(.cta).bb-gradient-part-3-4 span, html body h5:not(.cta).bb-gradient span, html body h5:not(.cta).calcio-gradient span, html body h5:not(.cta).cinema-gradient-1 span, html body h5:not(.cta).cinema-gradient-2 span, html body h5:not(.cta).cinema-gradient span, html body h5:not(.cta).configurator-gradient-half-1 span, html body h5:not(.cta).configurator-gradient-half-2 span, html body h5:not(.cta).configurator-gradient span, html body h5:not(.cta).extra-gradient-1 span, html body h5:not(.cta).extra-gradient-3 span, html body h5:not(.cta).extra-gradient-6 span, html body h5:not(.cta).extra-gradient-10 span, html body h5:not(.cta).famiglia-gradient span, html body h5:not(.cta).intrattenimento-plus-gradient span, html body h5:not(.cta).message-alert-gradient span, html body h5:not(.cta).message-default-gradient span, html body h5:not(.cta).reverse-spectrum-linear span, html body h5:not(.cta).shopping-cart-gradient span, html body h5:not(.cta).skyq-cinema-gradient span, html body h5:not(.cta).skyq-gradient-1 span, html body h5:not(.cta).skyq-gradient-2 span, html body h5:not(.cta).skyq-gradient-3 span, html body h5:not(.cta).skyq-gradient-4 span, html body h5:not(.cta).skyq-gradient-5 span, html body h5:not(.cta).spectrum-diagonal span, html body h5:not(.cta).spectrum-linear-half-1 span, html body h5:not(.cta).spectrum-linear-half-2 span, html body h5:not(.cta).spectrum-linear-part-1 span, html body h5:not(.cta).spectrum-linear-part-1-2 span, html body h5:not(.cta).spectrum-linear-part-2 span, html body h5:not(.cta).spectrum-linear-part-3 span, html body h5:not(.cta).spectrum-linear-part-3-4 span, html body h5:not(.cta).spectrum-linear-part-4 span, html body h5:not(.cta).spectrum-linear-part-5 span, html body h5:not(.cta).spectrum-linear-part-5-6 span, html body h5:not(.cta).spectrum-linear-part-6 span, html body h5:not(.cta).spectrum-linear span, html body h5:not(.cta).sport-gradient span, html body h5:not(.cta).tv-gradient span, html body h6:not(.cta).assistenza-light-gradient span, html body h6:not(.cta).assistenza-main-gradient span, html body h6:not(.cta).bb-gradient-part-1-2 span, html body h6:not(.cta).bb-gradient-part-3-4 span, html body h6:not(.cta).bb-gradient span, html body h6:not(.cta).calcio-gradient span, html body h6:not(.cta).cinema-gradient-1 span, html body h6:not(.cta).cinema-gradient-2 span, html body h6:not(.cta).cinema-gradient span, html body h6:not(.cta).configurator-gradient-half-1 span, html body h6:not(.cta).configurator-gradient-half-2 span, html body h6:not(.cta).configurator-gradient span, html body h6:not(.cta).extra-gradient-1 span, html body h6:not(.cta).extra-gradient-3 span, html body h6:not(.cta).extra-gradient-6 span, html body h6:not(.cta).extra-gradient-10 span, html body h6:not(.cta).famiglia-gradient span, html body h6:not(.cta).intrattenimento-plus-gradient span, html body h6:not(.cta).message-alert-gradient span, html body h6:not(.cta).message-default-gradient span, html body h6:not(.cta).reverse-spectrum-linear span, html body h6:not(.cta).shopping-cart-gradient span, html body h6:not(.cta).skyq-cinema-gradient span, html body h6:not(.cta).skyq-gradient-1 span, html body h6:not(.cta).skyq-gradient-2 span, html body h6:not(.cta).skyq-gradient-3 span, html body h6:not(.cta).skyq-gradient-4 span, html body h6:not(.cta).skyq-gradient-5 span, html body h6:not(.cta).spectrum-diagonal span, html body h6:not(.cta).spectrum-linear-half-1 span, html body h6:not(.cta).spectrum-linear-half-2 span, html body h6:not(.cta).spectrum-linear-part-1 span, html body h6:not(.cta).spectrum-linear-part-1-2 span, html body h6:not(.cta).spectrum-linear-part-2 span, html body h6:not(.cta).spectrum-linear-part-3 span, html body h6:not(.cta).spectrum-linear-part-3-4 span, html body h6:not(.cta).spectrum-linear-part-4 span, html body h6:not(.cta).spectrum-linear-part-5 span, html body h6:not(.cta).spectrum-linear-part-5-6 span, html body h6:not(.cta).spectrum-linear-part-6 span, html body h6:not(.cta).spectrum-linear span, html body h6:not(.cta).sport-gradient span, html body h6:not(.cta).tv-gradient span, html body p:not(.cta).assistenza-light-gradient span, html body p:not(.cta).assistenza-main-gradient span, html body p:not(.cta).bb-gradient-part-1-2 span, html body p:not(.cta).bb-gradient-part-3-4 span, html body p:not(.cta).bb-gradient span, html body p:not(.cta).calcio-gradient span, html body p:not(.cta).cinema-gradient-1 span, html body p:not(.cta).cinema-gradient-2 span, html body p:not(.cta).cinema-gradient span, html body p:not(.cta).configurator-gradient-half-1 span, html body p:not(.cta).configurator-gradient-half-2 span, html body p:not(.cta).configurator-gradient span, html body p:not(.cta).extra-gradient-1 span, html body p:not(.cta).extra-gradient-3 span, html body p:not(.cta).extra-gradient-6 span, html body p:not(.cta).extra-gradient-10 span, html body p:not(.cta).famiglia-gradient span, html body p:not(.cta).intrattenimento-plus-gradient span, html body p:not(.cta).message-alert-gradient span, html body p:not(.cta).message-default-gradient span, html body p:not(.cta).reverse-spectrum-linear span, html body p:not(.cta).shopping-cart-gradient span, html body p:not(.cta).skyq-cinema-gradient span, html body p:not(.cta).skyq-gradient-1 span, html body p:not(.cta).skyq-gradient-2 span, html body p:not(.cta).skyq-gradient-3 span, html body p:not(.cta).skyq-gradient-4 span, html body p:not(.cta).skyq-gradient-5 span, html body p:not(.cta).spectrum-diagonal span, html body p:not(.cta).spectrum-linear-half-1 span, html body p:not(.cta).spectrum-linear-half-2 span, html body p:not(.cta).spectrum-linear-part-1 span, html body p:not(.cta).spectrum-linear-part-1-2 span, html body p:not(.cta).spectrum-linear-part-2 span, html body p:not(.cta).spectrum-linear-part-3 span, html body p:not(.cta).spectrum-linear-part-3-4 span, html body p:not(.cta).spectrum-linear-part-4 span, html body p:not(.cta).spectrum-linear-part-5 span, html body p:not(.cta).spectrum-linear-part-5-6 span, html body p:not(.cta).spectrum-linear-part-6 span, html body p:not(.cta).spectrum-linear span, html body p:not(.cta).sport-gradient span, html body p:not(.cta).tv-gradient span, html body span:not(.cta).assistenza-light-gradient span, html body span:not(.cta).assistenza-main-gradient span, html body span:not(.cta).bb-gradient-part-1-2 span, html body span:not(.cta).bb-gradient-part-3-4 span, html body span:not(.cta).bb-gradient span, html body span:not(.cta).calcio-gradient span, html body span:not(.cta).cinema-gradient-1 span, html body span:not(.cta).cinema-gradient-2 span, html body span:not(.cta).cinema-gradient span, html body span:not(.cta).configurator-gradient-half-1 span, html body span:not(.cta).configurator-gradient-half-2 span, html body span:not(.cta).configurator-gradient span, html body span:not(.cta).extra-gradient-1 span, html body span:not(.cta).extra-gradient-3 span, html body span:not(.cta).extra-gradient-6 span, html body span:not(.cta).extra-gradient-10 span, html body span:not(.cta).famiglia-gradient span, html body span:not(.cta).intrattenimento-plus-gradient span, html body span:not(.cta).message-alert-gradient span, html body span:not(.cta).message-default-gradient span, html body span:not(.cta).reverse-spectrum-linear span, html body span:not(.cta).shopping-cart-gradient span, html body span:not(.cta).skyq-cinema-gradient span, html body span:not(.cta).skyq-gradient-1 span, html body span:not(.cta).skyq-gradient-2 span, html body span:not(.cta).skyq-gradient-3 span, html body span:not(.cta).skyq-gradient-4 span, html body span:not(.cta).skyq-gradient-5 span, html body span:not(.cta).spectrum-diagonal span, html body span:not(.cta).spectrum-linear-half-1 span, html body span:not(.cta).spectrum-linear-half-2 span, html body span:not(.cta).spectrum-linear-part-1 span, html body span:not(.cta).spectrum-linear-part-1-2 span, html body span:not(.cta).spectrum-linear-part-2 span, html body span:not(.cta).spectrum-linear-part-3 span, html body span:not(.cta).spectrum-linear-part-3-4 span, html body span:not(.cta).spectrum-linear-part-4 span, html body span:not(.cta).spectrum-linear-part-5 span, html body span:not(.cta).spectrum-linear-part-5-6 span, html body span:not(.cta).spectrum-linear-part-6 span, html body span:not(.cta).spectrum-linear span, html body span:not(.cta).sport-gradient span, html body span:not(.cta).tv-gradient span, html body strong:not(.cta).assistenza-light-gradient span, html body strong:not(.cta).assistenza-main-gradient span, html body strong:not(.cta).bb-gradient-part-1-2 span, html body strong:not(.cta).bb-gradient-part-3-4 span, html body strong:not(.cta).bb-gradient span, html body strong:not(.cta).calcio-gradient span, html body strong:not(.cta).cinema-gradient-1 span, html body strong:not(.cta).cinema-gradient-2 span, html body strong:not(.cta).cinema-gradient span, html body strong:not(.cta).configurator-gradient-half-1 span, html body strong:not(.cta).configurator-gradient-half-2 span, html body strong:not(.cta).configurator-gradient span, html body strong:not(.cta).extra-gradient-1 span, html body strong:not(.cta).extra-gradient-3 span, html body strong:not(.cta).extra-gradient-6 span, html body strong:not(.cta).extra-gradient-10 span, html body strong:not(.cta).famiglia-gradient span, html body strong:not(.cta).intrattenimento-plus-gradient span, html body strong:not(.cta).message-alert-gradient span, html body strong:not(.cta).message-default-gradient span, html body strong:not(.cta).reverse-spectrum-linear span, html body strong:not(.cta).shopping-cart-gradient span, html body strong:not(.cta).skyq-cinema-gradient span, html body strong:not(.cta).skyq-gradient-1 span, html body strong:not(.cta).skyq-gradient-2 span, html body strong:not(.cta).skyq-gradient-3 span, html body strong:not(.cta).skyq-gradient-4 span, html body strong:not(.cta).skyq-gradient-5 span, html body strong:not(.cta).spectrum-diagonal span, html body strong:not(.cta).spectrum-linear-half-1 span, html body strong:not(.cta).spectrum-linear-half-2 span, html body strong:not(.cta).spectrum-linear-part-1 span, html body strong:not(.cta).spectrum-linear-part-1-2 span, html body strong:not(.cta).spectrum-linear-part-2 span, html body strong:not(.cta).spectrum-linear-part-3 span, html body strong:not(.cta).spectrum-linear-part-3-4 span, html body strong:not(.cta).spectrum-linear-part-4 span, html body strong:not(.cta).spectrum-linear-part-5 span, html body strong:not(.cta).spectrum-linear-part-5-6 span, html body strong:not(.cta).spectrum-linear-part-6 span, html body strong:not(.cta).spectrum-linear span, html body strong:not(.cta).sport-gradient span, html body strong:not(.cta).tv-gradient span {
    width: -moz-fit-content;
    width: fit-content
}

html body .shwc-sky-header a, html body .shwc-sky-header h1, html body .shwc-sky-header h2, html body .shwc-sky-header h3, html body .shwc-sky-header h4, html body .shwc-sky-header h5, html body .shwc-sky-header h6, html body .shwc-sky-header p {
    margin: initial
}

html body .nowrap {
    white-space: nowrap
}

html body .text-icon {
    position: static;
    vertical-align: middle;
    max-width: 1.25rem
}

html body.IsKnown .IsProspect:not(.IsKnown), html body.IsParco .IsKnown:not(.IsParco), html body.IsParco .IsProspect:not(.IsParco), html body.IsProspect .IsKnown:not(.IsProspect), html body.IsProspect .IsParco:not(.IsProspect) {
    display: none !important
}

html body .mt-half-gap {
    margin-top: .5rem !important
}

html body .mt-gap {
    margin-top: 1rem !important
}

html body .mt-gapx2 {
    margin-top: 2rem !important
}

@media screen and (max-width: 28.5rem) {
    html body .mt-half-gap-mobile {
        margin-top: .5rem !important
    }
}

@media screen and (max-width: 28.5rem) {
    html body .mt-gap-mobile {
        margin-top: 1rem !important
    }
}

@media screen and (max-width: 28.5rem) {
    html body .mt-gap2-mobile {
        margin-top: 2rem !important
    }
}

html body .pd-side-half-gap {
    padding: 0 .5rem !important
}

html body .pd-side-gap {
    padding: 0 1rem !important
}

@media screen and (min-width: 28.5rem) {
    html body .mobileOnly {
        display: none !important
    }
}

/*@media screen and (max-width: 28.5rem) {
    html body .deskOnly {
        display: none !important
    }
}*/

@media screen and (max-width: 768px) {
    html body .deskOnly {
        display: none !important
    }
}

html body .j-no-cc-content, html body .j-no-cc-content-flex {
    display: none !important
}

html body .dark-bg {
    background-color: #141414
}

@font-face {
    font-family: SkyText;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/sky_reg-webfont.woff2) format("woff2"), url(/static_old/static.sky.it/images/skyit/it/fonts/sky_reg-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SkyText;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/sky_med-webfont.woff2) format("woff2"), url(/static_old/static.sky.it/images/skyit/it/fonts/sky_med-webfont.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SkyText;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/sky_bold-webfont.woff2) format("woff2"), url(/static_old/static.sky.it/images/skyit/it/fonts/sky_bold-webfont.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SkySport;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/SSportsPL-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SkySport;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/SSportsPL-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SkySport;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/SSportsPL-Medium.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: LieToMe;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/LieToMe.eot);
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/LieToMe.woff) format("woff"), url(/static_old/static.sky.it/images/skyit/it/fonts/LieToMe.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TitlingWide;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Light.otf);
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TitlingWide;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Med.otf);
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Med.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: TitlingWide;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Bold.otf);
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/Titling-Bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: NOWTVText;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_lt-webfont.woff2) format("woff2"), url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_lt-webfont.woff) format("woff"), url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_lt-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NOWTVText;
    src: url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_rg-webfont.woff2) format("woff2"), url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_rg-webfont.woff) format("woff"), url(/static_old/static.sky.it/images/skyit/it/fonts/nowtvtext_rg-webfont.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

.lie-to-me {
    font-family: LieToMe
}

section {
    display: block;
    position: relative;
    margin: 2rem auto;
    padding: 0;
    overflow: hidden
}

@media screen and (min-width: 48.0625rem) {
    section {
        margin: 5rem auto
    }
}

section:first-of-type {
    margin-top: 0
}

section.visual:not(.full) {
    margin-bottom: 0
}

section.section-faq {
    margin: 0 auto
}

section.no-margin {
    margin-bottom: 0
}

section.no-margin + * {
    margin-top: 0 !important
}

.swiper-container .swiper-button {
    background-color: #fff;
    width: 3rem;
    height: 3rem;
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

@media screen and (max-width: 64rem) {
    .swiper-container .swiper-button {
        display: none
    }
}

.swiper-container .swiper-button:after {
    color: #393939;
    font-size: 1.125rem
}

.swiper-container .swiper-button-prev {
    left: -1.5rem
}

.swiper-container .swiper-button-next {
    right: -1.5rem
}

.swiper-container .swiper-button-disabled {
    opacity: 0
}

.simplebar-wrapper ~ .simplebar-track.simplebar-vertical {
    overflow: hidden !important;
    top: 2rem;
    bottom: 2rem;
    right: .65625rem;
    background: rgba(77, 77, 77, .25);
    border-radius: .5rem;
    width: .25rem
}

@media screen and (min-width: 48.0625rem) {
    .simplebar-wrapper ~ .simplebar-track.simplebar-vertical {
        top: 2.5rem;
        bottom: 2.5rem;
        right: .90625rem
    }
}

.simplebar-wrapper ~ .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #064497;
    opacity: 1;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0
}

.simplebar-wrapper ~ .simplebar-track.simplebar-vertical:after, .simplebar-wrapper ~ .simplebar-track.simplebar-vertical:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 22;
    left: 0;
    width: 100%;
    height: 2rem
}

@media screen and (min-width: 48.0625rem) {
    .simplebar-wrapper ~ .simplebar-track.simplebar-vertical:after, .simplebar-wrapper ~ .simplebar-track.simplebar-vertical:before {
        height: 2.5rem
    }
}

.simplebar-wrapper ~ .simplebar-track.simplebar-vertical:before {
    top: -2rem;
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .simplebar-wrapper ~ .simplebar-track.simplebar-vertical:before {
        top: -2.5rem
    }
}

.simplebar-wrapper ~ .simplebar-track.simplebar-vertical:after {
    bottom: -2rem;
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .simplebar-wrapper ~ .simplebar-track.simplebar-vertical:after {
        bottom: -2.5rem
    }
}

hr {
    position: relative;
    display: block;
    height: .0625rem;
    margin: 0;
    border: 0;
    background-color: #e5e5e5;
    width: 100%
}

hr.vertical {
    display: inline-block;
    width: .0625rem;
    height: 1rem;
    vertical-align: middle;
    background-color: #00f
}

hr.half {
    width: 50%
}

hr.third {
    width: 33%
}

.divider + .screen {
    margin-top: -.5rem
}

.background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.background picture {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.background.video .audio-controller {
    position: absolute;
    right: 1.5rem;
    top: 2rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(77, 77, 77, .25);
    cursor: pointer;
    border-radius: 1.25rem
}

@media screen and (min-width: 28.5rem) {
    .background.video .audio-controller {
        width: 9.0625rem;
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .background.video .audio-controller {
        right: 2rem;
        top: auto;
        bottom: 5.625rem
    }
}

@media screen and (min-width: 80.0625rem) {
    .background.video .audio-controller {
        right: calc(50vw - 38.03125rem)
    }
}

.background.video .audio-controller .disabled-audio, .background.video .audio-controller .enabled-audio {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width: 28.5rem) {
    .background.video .audio-controller .disabled-audio, .background.video .audio-controller .enabled-audio {
        width: 100%
    }
}

.background.video .audio-controller .disabled-audio svg, .background.video .audio-controller .enabled-audio svg {
    fill: #fff;
    width: 1.25rem
}

.background.video .audio-controller .disabled-audio p, .background.video .audio-controller .enabled-audio p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05375rem;
    font-size: .75rem;
    font-weight: 500;
    display: none;
    margin: 0
}

@media screen and (min-width: 28.5rem) {
    .background.video .audio-controller .disabled-audio p, .background.video .audio-controller .enabled-audio p {
        display: block
    }
}

.background.video .audio-controller .enabled-audio, .background.video .audio-controller.enabled .disabled-audio {
    display: none
}

.background.video .audio-controller.enabled .enabled-audio {
    display: flex
}

#loader.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 49;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease
}

#loader.loader.alpha {
    background-color: hsla(0, 0%, 100%, .5)
}

#loader.loader.app, #loader.loader.transparent {
    background-color: transparent
}

#loader.loader.app {
    position: absolute
}

#loader.loader.app .loader-logo {
    display: none
}

#loader.loader.video {
    position: absolute;
    background-color: rgba(77, 77, 77, .5)
}

#loader.loader.video .loader-logo {
    display: none
}

#loader.loader.loader-hide {
    opacity: 0
}

#loader.loader .loader-logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.75rem;
    height: 3.75rem;
    transform: translate(-50%, -50%);
    background-image: url(/static_old/static.sky.it/images/skyit/ext/common/images/sky-logo.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

#loader.loader .loader-icon {
    animation: rotate 2s linear infinite;
    width: 7.5rem;
    height: 7.5rem
}

#loader.loader .loader-icon .path {
    stroke: url(#spectrum);
    stroke-width: .75;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.card {
    border-radius: 1rem;
    border: none;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center
}

@media screen and (min-width: 48.0625rem) {
    .card {
        flex-direction: row
    }
}

.card + .card {
    margin-top: 2rem
}

@media screen and (min-width: 28.5rem) {
    .card + .card {
        margin-top: 0;
        margin-left: 1rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .card + .card {
        margin-top: 2rem;
        margin-left: 0
    }
}

.card > div {
    flex: 1
}

.card .content-wrapper {
    align-self: center
}

.card .content-wrapper:last-child {
    align-self: stretch;
    padding: 1rem 1rem 1rem 0;
    display: flex;
    flex-direction: column
}

.card .card-visual {
    align-self: center
}

@media screen and (max-width: 48.0625rem) {
    .card .card-visual {
        order: 2
    }
}

@media screen and (min-width: 28.5rem) {
    .card .card-visual {
        padding: 1rem 0
    }
}

.card .card-visual img {
    width: 100%;
    display: block
}

.card .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1.5rem 1rem;
    width: 100%
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content {
        align-items: flex-start;
        padding: 1.5rem 1.5rem .5rem;
        width: auto
    }
}

@media screen and (max-width: 48.0625rem) {
    .card .card-content {
        order: 0
    }
}

.card .card-content .section-title {
    margin: 0;
    font-size: 1.25rem
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content .section-title {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

.card .card-content .caption {
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: .5rem 0
}

.card .card-content .caption-small {
    font-size: .75rem;
    margin: 0
}

.card .card-content .badge-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: .5rem 0 0;
    padding: 1rem;
    text-align: center;
    border-radius: .25rem;
    background-color: #efefef;
    overflow: visible;
    width: 100%
}

@media screen and (min-width: 64rem) {
    .card .card-content .badge-plus {
        max-width: 17.5rem;
        margin-left: .625rem
    }
}

.card .card-content .badge-plus:before {
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    font-weight: 500;
    border-radius: 50%;
    border: .25rem solid #fff;
    background-color: #efefef
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content .badge-plus:before {
        top: 50%;
        left: 0
    }
}

.card .card-content .badge-plus .card-speed {
    display: contents
}

.card .card-content .badge-plus img {
    display: inline-block;
    margin: 0 .25rem;
    padding: 0;
    width: auto;
    max-height: 1.125rem;
    vertical-align: middle
}

@media screen and (max-width: 48rem) {
    .card .card-content .badge-plus + .price {
        margin-top: 0
    }
}

.card .card-content-list {
    padding: 1rem .5rem 0
}

@media screen and (max-width: 48.0625rem) {
    .card .card-content-list {
        order: 3
    }
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content-list {
        padding: .5rem 1.5rem 1.5rem 1rem
    }
}

.card .card-content-list .list {
    position: relative;
    margin: 0;
    background: #efefef;
    border-radius: .5rem;
    list-style: none;
    padding: 2rem 1rem;
    flex: 1
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content-list .list {
        background: none;
        padding: 0
    }
}

.card .card-content-list .list li {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 2rem;
    text-align: left;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400
}

.card .card-content-list .list li:last-child {
    margin-bottom: 0
}

.card .card-content-list svg.sprite {
    display: block;
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem
}

.card .card-content-list .list li .sprite {
    display: block;
    vertical-align: middle;
    margin-right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: -.1875rem
}

.card .card-content-list .list li .sprite.sprite-red {
    fill: #d9000f
}

.card .card-content-price {
    display: flex;
    align-items: center;
    padding-bottom: 1rem
}

@media screen and (max-width: 48.0625rem) {
    .card .card-content-price {
        order: 1
    }
}

@media screen and (min-width: 48.0625rem) {
    .card .card-content-price {
        flex: 1;
        padding: 0;
        background-color: #f8f8f8;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }
}

.card .card-content-price .price {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto
}

.card .card-content-price .price .price-main {
    order: 1;
    margin: 0;
    padding: 0
}

.card .card-content-price .price .price-main .price-curr {
    display: none
}

.card .card-content-price .price .price-main .price-int {
    margin: 0 .25rem 0 0;
    padding: 0;
    font-size: 3.375rem;
    font-weight: 500;
    line-height: 1;
    color: #4d4d4d
}

.card .card-content-price .price .price-side {
    order: 2;
    margin: 0;
    padding: 0
}

.card .card-content-price .price .price-side .price-dec {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #4d4d4d
}

.card .card-content-price .price .price-side .price-per {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #4d4d4d
}

.card .card-content-price .price .price-ex {
    order: 3;
    flex: 1 1 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: normal;
    font-weight: 500
}

.card .card-content-price .price .price-add {
    order: 0;
    flex: 0;
    margin: 0 .5rem 0 0;
    padding: 0
}

.card .card-content-price .price .price-add del {
    position: relative;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
    color: #8c8c8c
}

.card .card-content-price .price .price-add del:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .0625rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    background-color: #b3b3b3
}

.card .card-footer {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1.5rem;
    text-align: center
}

@media screen and (max-width: 48.0625rem) {
    .card .card-footer {
        order: 4;
        width: 100%
    }
}

@media screen and (min-width: 48.0625rem) {
    .card .card-footer {
        flex: 1;
        padding: 0 1.5rem;
        background-color: #f8f8f8;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        margin-top: .25rem;
        width: 100%
    }
}

.card .card-footer .cta {
    width: 100%;
    max-width: none;
    margin: 0;
    font-weight: 500;
    font-size: .875rem
}

.card.configurator .card-visual {
    padding: 0
}

@media screen and (max-width: 48.0625rem) {
    .card.configurator .card-visual {
        order: 2
    }
}

@media screen and (max-width: 48.0625rem) {
    .card.configurator .content-wrapper {
        order: 1
    }
}

@media screen and (max-width: 48.0625rem) {
    .card.configurator .content-wrapper.price {
        order: 3
    }
}

.card.configurator .content-wrapper .card-content .section-title {
    text-align: center
}

@media screen and (min-width: 48.0625rem) {
    .card.configurator .content-wrapper .card-content .section-title {
        text-align: left
    }
}

.card.configurator .content-wrapper .card-content .caption {
    text-align: center;
    margin-top: .625rem
}

@media screen and (min-width: 48.0625rem) {
    .card.configurator .content-wrapper .card-content .caption {
        text-align: left
    }
}

.card.configurator {
    margin-top: 3rem
}

.price {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.price, .price .price-main {
    display: flex;
    margin: 0;
    padding: 0
}

.price .price-main {
    order: 1;
    flex: none;
    flex-flow: row nowrap;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased
}

.price .price-main .price-curr {
    display: none
}

.price .price-main .price-curr, .price .price-main .price-int {
    margin: 0;
    padding: 0 .25rem 0 0;
    font-size: 2.5rem;
    line-height: 2rem;
    white-space: nowrap
}

.price .price-main .price-int {
    display: block;
    font-weight: 500
}

.price .price-side {
    order: 2;
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased
}

.price .price-side .price-dec {
    font-size: 1.25rem
}

.price .price-side .price-dec, .price .price-side .price-per {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1rem;
    white-space: nowrap
}

.price .price-side .price-per {
    font-weight: 400
}

.price .price-ex {
    order: 3;
    flex: 1 1 100%;
    margin: 0;
    padding: .25rem 0 0;
    display: block;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    line-height: 1rem;
    white-space: nowrap
}

.price .price-ex del {
    display: inline-block;
    font-weight: 500;
    text-decoration: line-through
}

.price .price-ex sup {
    display: block;
    padding: 0
}

.price .price-add, .price .price-ex sup {
    margin: 0;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    line-height: 1rem;
    white-space: nowrap
}

.price .price-add {
    order: 4;
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    padding: .25rem 0 0
}

.price .price-add .clip {
    padding-left: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    white-space: nowrap;
    line-height: 1rem
}

.price .price-add del {
    padding-left: .25rem
}

.price .price-extra {
    order: 4;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center
}

.price .price-extra img {
    margin-left: .5rem
}

.price .price-extra img.logo {
    width: 3.75rem
}

.price .price-extra img.bollo {
    width: 1.75rem
}

.price.negative .price-add, .price.negative .price-curr, .price.negative .price-dec, .price.negative .price-ex, .price.negative .price-int, .price.negative .price-per, .price.negative sup {
    color: #fff
}

@media screen and (min-width: 48.0625rem) {
    .price.negative-md .price-add, .price.negative-md .price-curr, .price.negative-md .price-dec, .price.negative-md .price-ex, .price.negative-md .price-int, .price.negative-md .price-per, .price.negative-md sup {
        color: #fff
    }
}

@media screen and (max-width: 48rem) {
    .price.static {
        align-items: center;
        justify-content: center
    }
}

.price.static .price-ex {
    order: 99;
    text-transform: uppercase;
    white-space: normal
}

@media screen and (max-width: 48rem) {
    .price.static .price-ex {
        margin-left: 0 !important;
        padding: .25rem 0 !important;
        font-size: .625rem;
        line-height: 1.2
    }
}

@media screen and (max-width: 28.4375rem) {
    .price.static .price-ex {
        font-size: .5625rem
    }
}

.price.static .price-add {
    order: 98;
    flex: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem
}

@media screen and (min-width: 48.0625rem) {
    .price.static .price-add {
        order: 0;
        flex: 0 0 100% !important;
        margin-left: 0;
        margin-bottom: 1rem
    }
}

.price.static .price-add del {
    position: relative;
    text-decoration: none;
    color: #8c8c8c
}

.price.static .price-add del:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .0625rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    background-color: #b3b3b3
}

.price.aside .price-side {
    flex: none
}

.price.aside .price-ex {
    flex: 1;
    align-self: center;
    padding: 0;
    margin-left: 2rem
}

@media screen and (min-width: 28.5rem) {
    .price.aside .price-add {
        padding: 0;
        flex: 0
    }
}

.price.npp {
    display: flex;
    flex-flow: row nowrap !important;
    align-items: center;
    justify-content: center;
    margin: auto 0 0 !important;
    padding: 0 !important
}

.price.npp .price-main {
    order: 1;
    margin: 0;
    padding: 0
}

.price.npp .price-main .price-curr {
    display: none
}

.price.npp .price-main .price-int {
    margin: 0 .25rem 0 0;
    padding: 0;
    font-size: 3.375rem;
    font-weight: 500;
    line-height: 1;
    color: #4d4d4d
}

.price.npp .price-side {
    order: 2;
    flex: 0;
    margin: 0 !important;
    padding: 0 !important
}

.price.npp .price-side .price-dec {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #4d4d4d
}

.price.npp .price-side .price-per {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #4d4d4d
}

.price.npp .price-ex {
    order: 3;
    flex: 1;
    margin: 0 0 0 1rem !important;
    padding: 0 !important;
    text-align: left;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased
}

.price.npp .price-add {
    order: 0;
    flex: 0;
    margin: 0 1rem 0 0 !important;
    padding: 0 !important
}

.price.npp .price-add del {
    position: relative;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
    color: #8c8c8c
}

.price.npp .price-add del:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .0625rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    background-color: #b3b3b3
}

.price.info {
    align-items: center
}

.price.info .price-ex {
    text-align: center;
    flex: none;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #4d4d4d;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    white-space: nowrap;
    line-height: 1rem
}

.price.info .price-info {
    order: 5;
    margin-left: .25rem
}

.price.no-wrap {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.price.abbonarsi {
    margin-top: 0
}

.price.abbonarsi .price-main .price-int {
    font-weight: 500;
    font-size: 4.8125rem;
    line-height: 4.8125rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-main .price-int {
        font-size: 5.6875rem;
        line-height: 5.6875rem
    }
}

.price.abbonarsi .price-side .price-dec {
    margin-top: .625rem;
    font-weight: 500;
    font-size: 2.3125rem;
    line-height: 2.3125rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-side .price-dec {
        font-size: 2.6875rem;
        line-height: 2.6875rem
    }
}

.price.abbonarsi .price-side .price-per {
    margin-top: 0;
    font-size: .4375rem;
    line-height: .5625rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-side .price-per {
        font-size: .625rem;
        line-height: .625rem
    }
}

.price.abbonarsi .price-side .price-per .month {
    display: block;
    font-size: 1.1875rem;
    line-height: 1.1875rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-side .price-per .month {
        font-size: 1.5625rem;
        line-height: 1.5625rem
    }
}

.price.abbonarsi .price-side .price-per .month.small {
    font-size: .6875rem;
    line-height: .6875rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-side .price-per .month.small {
        font-size: .75rem;
        line-height: .75rem
    }
}

.price.abbonarsi .price-side .price-per .month.smallest {
    font-size: .625rem;
    line-height: .625rem
}

@media screen and (min-width: 64.0625rem) {
    .price.abbonarsi .price-side .price-per .month.smallest {
        font-size: .6875rem;
        line-height: .625rem
    }
}

.pricetag {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 1rem;
    width: 100%;
    background-color: red;
    border-radius: 1rem
}

.pricetag .price {
    flex: 1
}

.pricetag .price button {
    margin-top: 1rem
}

@media screen and (min-width: 28.5rem) {
    .pricetag .price button {
        margin-top: 0
    }
}

.price-bold {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content
}

.price-bold:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2.1875rem;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .4) 20%, transparent);
    z-index: 3;
    top: 11%;
    transform: rotate(-3deg)
}

.price-bold_left p {
    margin: 0;
    font-weight: 600;
    font-size: 8.75rem;
    line-height: 6.875rem
}

.price-bold_right {
    margin-top: .625rem;
    margin-left: .375rem
}

.price-bold_right p {
    margin: 0
}

.price-bold_right p.decimals {
    font-weight: 600;
    font-size: 3.125rem;
    line-height: 2.5rem;
    margin-left: -.5rem;
    color: #ff00a5
}

.price-bold_right p.decimals.decimal-whify {
    margin-top: .5rem;
    margin-left: 0
}

@media screen and (min-width: 48.0625rem) {
    .price-bold_right p.decimals.decimal-whify {
        margin-top: .75rem
    }
}

.price-bold_right p.instead {
    font-weight: 400;
    font-size: .8125rem;
    margin-left: .1875rem
}

.price-bold_right p.instead.instead-whify {
    font-size: .625rem;
    font-weight: 400
}

@media screen and (min-width: 48.0625rem) {
    .price-bold_right p.instead.instead-whify {
        font-size: .8125rem
    }
}

.price-bold_right p.instead.instead-bts {
    font-size: .625rem;
    font-weight: 400
}

@media screen and (min-width: 48.0625rem) {
    .price-bold_right p.instead.instead-bts {
        font-size: 1rem
    }
}

.price-bold_right p.duration {
    font-weight: 400;
    font-size: .625rem;
    margin-left: .1875rem
}

.price-bold_right p.duration.duration-whify {
    font-size: .5rem;
    font-weight: 400
}

@media screen and (min-width: 48.0625rem) {
    .price-bold_right p.duration.duration-whify {
        font-size: .625rem
    }
}

.price-bold_right p.duration.duration-sabb-card, .price-bold_right p.duration.duration-whify-prospect {
    font-size: .9375rem
}

.price-bold_right p.no-obligation {
    display: inline-block;
    font-size: .8125rem;
    background: linear-gradient(90deg, #6400ff, #a300d9 64.28%, #ff00a5);
    color: #fff;
    border-radius: .5rem;
    margin-top: .5rem;
    padding: .125rem .375rem;
    font-weight: 500
}

.price-bold.in-card {
    align-items: flex-end
}

.price-bold.in-card .price-bold_left p {
    margin: 0;
    font-weight: 600;
    font-size: 7.5rem;
    line-height: 6rem
}

.price-bold.in-card .price-bold_right .duration, .price-bold.in-card .price-bold_right .instead {
    font-weight: 400
}

.price-bold.in-card .price-bold_right .no-obligation {
    font-weight: 700
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_left p {
        margin: 0;
        font-weight: 600;
        font-size: 10rem;
        line-height: 6.875rem
    }
}

.price-bold.big-price .price-bold_right {
    margin-top: 1px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: .25rem
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right {
        margin-left: auto
    }
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right p.decimals {
        font-size: 3.75rem;
        line-height: 3.125rem;
        margin-left: 0
    }
}

.price-bold.big-price .price-bold_right p.duration {
    text-align: right;
    font-weight: 400;
    font-size: 1rem
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right p.duration {
        font-size: 1.375rem;
        margin-left: .1875rem
    }
}

.price-bold.big-price .price-bold_right p.duration.duration-bts {
    font-size: .5625rem;
    font-weight: 400
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right p.duration.duration-bts {
        font-size: .8125rem
    }
}

.price-bold.big-price .price-bold_right p.no-obligation {
    font-weight: 500;
    font-size: .625rem;
    background: linear-gradient(90deg, #6400ff, #a300d9 64.28%, #ff00a5);
    color: #fff;
    border-radius: .625rem;
    padding: .25rem .625rem;
    margin-top: 8px;
    display: inline-block
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right p.no-obligation {
        font-size: .875rem
    }
}

.price-bold.big-price .price-bold_right p.no-obligation.big {
    font-weight: 700;
    padding: .125rem .625rem
}

@media screen and (min-width: 48.0625rem) {
    .price-bold.big-price .price-bold_right p.no-obligation.big {
        font-size: 1.0625rem
    }
}

.price-bold.price-bold-bf .price-bold_right .no-obligation {
    font-size: 1rem;
    font-weight: 600
}

.popup .price-bold:after {
    top: -12px
}

.popup .price-bold .price-bold_left p {
    font-size: 6.875rem;
    line-height: 5rem
}

.popup .price-bold .price-bold_right {
    margin-top: 0;
    text-align: left
}

.popup .price-bold .price-bold_right p {
    margin: 0
}

.popup .price-bold .price-bold_right p.decimals {
    font-size: 2.1875rem;
    line-height: 2.1875rem;
    margin-left: -.5rem
}

.popup .price-bold .price-bold_right p.instead {
    font-size: .6875rem;
    margin-left: .1875rem
}

.popup .price-bold .price-bold_right p.duration {
    font-size: .5625rem;
    margin-left: .1875rem
}

.popup .price-bold .price-bold_right p.no-obligation {
    margin: 0;
    padding: .0625rem .3125rem;
    font-size: .625rem
}

.list {
    padding: 0;
    list-style: none;
    margin: 1.5rem 0;
    flex: 1
}

.list, .list li {
    position: relative;
    text-align: left
}

.list li {
    margin-bottom: .5rem;
    padding-left: 2rem;
    text-rendering: geometricPrecision
}

.list li:last-of-type {
    margin-bottom: 0
}

.list li.tag .sprite {
    transform: scaleX(-1)
}

.list li.spectrum .sprite {
    fill: url(#ip-spectrum)
}

.list li .sprite {
    display: block;
    vertical-align: middle;
    margin-right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: -.1875rem
}

.list li .text-icon {
    margin: 0 .25rem;
    vertical-align: middle
}

.list.negative li {
    color: #fff
}

.list.negative li .sprite {
    fill: #fff
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 4rem;
    z-index: 50;
    background-color: #fff;
    border-bottom: .0625rem solid #e5e5e5
}

@media screen and (min-width: 48.0625rem) {
    .header {
        height: 5rem
    }
}

@media screen and (max-width: 64rem) {
    .header .onlyDesk {
        display: none !important
    }
}

.header .cta-mobile {
    display: block !important
}

@media screen and (min-width: 28.5rem) {
    .header .cta-mobile {
        display: none !important
    }
}

.header.compare-desk {
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.header.compare-desk.active {
    opacity: 1
}

.header.ups {
    background: hsla(0, 0%, 100%, .9);
    border-bottom: .0625rem solid #e5e5e5
}

.header .container a {
    margin: 0
}

.header .container .logo-sky, .header .container a .logo-sky {
    max-width: 3.6875rem
}

.header .container .logo-sky.logo-extra {
    display: block;
    max-width: 6.25rem
}

@media screen and (min-width: 48.0625rem) {
    .header .container .logo-sky.logo-extra {
        margin: 0 auto;
        display: block;
        max-width: 9.375rem
    }
}

.header .container .logo-extra {
    display: block;
    width: 6.25rem
}

@media screen and (min-width: 48.0625rem) {
    .header .container .logo-extra {
        margin: 0 auto;
        display: block;
        width: 9.375rem
    }
}

.header.header-simple {
    position: relative;
    border-bottom: none;
    margin: 2rem 0
}

.header.header-simple .container .logo-sky {
    max-width: 5rem
}

@media screen and (min-width: 48.0625rem) {
    .header.header-simple .container .logo-sky {
        max-width: 6.25rem
    }
}

.header.wifi .container {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 28.5rem) {
    .header.wifi .container {
        justify-content: space-between
    }
}

.header.wifi .container .logo-sky {
    display: none;
    max-width: 9rem
}

@media screen and (min-width: 28.5rem) {
    .header.wifi .container .logo-sky {
        display: block
    }
}

.header.align-right .container {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 28.5rem) {
    .header.align-right .container {
        justify-content: flex-end
    }
}

.header.align-center .container {
    display: flex;
    justify-content: center
}

.header.abbonarsi {
    height: 4.375rem;
    box-shadow: 0 .125rem .625rem 0 rgba(0, 0, 0, .1);
    margin-bottom: 0
}

.header.abbonarsi .container .header-content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: normal
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content {
    display: flex;
    align-items: center;
    height: 100%;
    
}
@media screen and (max-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content {
        margin-top: 4px;
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .text-help {
    margin: 0 .375rem 0 0;
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500
}

.header.abbonarsi .container .header-content-wrapper .header-content:first-child {
    display: none
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content:first-child {
        display: block;
        flex: 1
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .header-anchor {
    margin-right: 3.125rem;
    text-decoration: none;
    position: relative
}

.header.abbonarsi .container .header-content-wrapper .header-content .header-anchor:last-child {
    margin-right: 0
}

.header.abbonarsi .container .header-content-wrapper .header-content .header-anchor:after {
    content: "";
    display: block;
    width: 0;
    height: .0625rem;
    background: #06072c;
    position: absolute;
    left: 0;
    bottom: -.3125rem;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease
}

.header.abbonarsi .container .header-content-wrapper .header-content .header-anchor.selected:after, .header.abbonarsi .container .header-content-wrapper .header-content .header-anchor:hover:after {
    width: 100%
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta {
        margin-right: 1rem
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse {
    display: none;
    position: relative;
    color: #4d4d4d
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse {
        display: block;
        margin-right: 0;
        overflow: hidden
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse.show-on-mob {
    display: block;
    border: none
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse.call-you {
    margin-left: 1.25rem
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse.big {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse .sprite {
    width: 1.4375rem;
    height: 1.4375rem;
    fill: #4d4d4d;
    margin-left: 0
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse:before {
    content: "";
    position: absolute;
    left: .125rem;
    right: .125rem;
    bottom: .125rem;
    top: .125rem;
    background-color: #fff;
    border-radius: 1.25rem;
    z-index: 0
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.reverse span {
    position: relative
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.hide-on-mob {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta.hide-on-mob {
        display: block
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.secondary {
    display: none;
    color: #4d4d4d
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.call-you {
    margin-left: 1.25rem
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.orange-cta {
    background-color: #ff9238;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.orange-cta:hover {
    opacity: .7
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.cinema-cta {
    background: linear-gradient(90deg, #ff0031, #9b001f)
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.cinema-cta:hover {
    opacity: .7
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta.cinema-cta span {
    color: #9b001f
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta-snrs.close {
    display: none;
    color: #4d4d4d
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta-snrs.secondary {
    display: block
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta-snrs + .cta-snrs {
        margin-left: 1rem
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .cta-snrs.hide-on-mob {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .cta-snrs.hide-on-mob {
        display: block
    }
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .secondary + .cta-snrs {
        margin-left: 1.5rem
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .mobile-icon {
    width: 1.4375rem;
    height: 1.4375rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .mobile-icon {
        display: none
    }
}

.header.abbonarsi .container .header-content-wrapper .header-content .icon-call {
    width: 1.4375rem;
    height: 1.4375rem
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi .container .header-content-wrapper .header-content .icon-call {
        display: none
    }
}

.header.abbonarsi.withSticky .container .header-content-wrapper .header-content.menu, .header.abbonarsi.withSticky .container .header-content-wrapper .header-content.price {
    display: none
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi.withSticky .container .header-content-wrapper .header-content.menu {
        display: block;
        flex: 1
    }
}

.header.abbonarsi.withSticky .sticky-price {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 4.4375rem;
    width: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.header.abbonarsi.withSticky .sticky-price.active {
    z-index: 999;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper {
        align-items: center;
        justify-content: normal
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content {
    display: flex;
    align-items: center;
    height: 100%
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price {
        flex: 1;
        justify-content: center
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .title {
    margin: 0;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 1.375rem
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .title {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: .75rem
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container {
        margin-left: 1.5rem;
        flex-direction: row
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container p {
    margin: 0
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .price-value {
    color: #fff;
    font-size: 1.625rem;
    line-height: 1.9375rem
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .price-value {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .small-text {
    margin-left: .5rem;
    color: #fff
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .small-text .info {
    display: block;
    font-size: .75rem;
    line-height: .75rem
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .small-text .info {
        font-size: 1.375rem;
        line-height: 1.375rem
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .small-text .info-small {
    display: block;
    font-size: .5rem;
    line-height: .5625rem
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.price .price-container .sprite {
    position: absolute;
    right: -16px;
    width: .75rem
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content {
    display: none
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content {
        display: block
    }
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content .cta-wrapper {
    display: flex;
    flex-direction: row
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content .cta-wrapper .cta + .cta {
    margin-left: 1rem
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content .cta-wrapper .cta.white:hover {
    background-color: #fff
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content .cta-wrapper .cta-snrs {
    border: 0
}

.header.abbonarsi.withSticky .sticky-price .container .sticky-content-wrapper .sticky-content.cta-content .cta-wrapper .cta-snrs + .cta-snrs {
    margin-left: 1rem
}

.header.abbonarsi.withPrice .sticky-price {
    display: none
}

@media screen and (min-width: 28.5rem) {
    .header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price {
        display: flex;
        align-items: center
    }
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .title {
    margin: 0;
    font-size: 2.1875rem;
    line-height: 2.625rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container {
    display: flex;
    align-items: center;
    margin-left: 1.5rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container p {
    margin: 0
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container .price-value {
    font-size: 2.1875rem;
    line-height: 2.625rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container .small-text {
    margin-left: .5rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container .small-text .info {
    display: block;
    font-size: 1.375rem;
    line-height: 1.375rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.price .price-container .small-text .info-small {
    display: block;
    font-size: .5625rem;
    line-height: .5625rem
}

.header.abbonarsi.withPrice .container .header-content-wrapper .header-content.menu {
    display: none
}

.header.abbonarsi.mobile-page .container .header-content-wrapper {
    justify-content: flex-end
}

.header.abbonarsi.mobile-page .container .header-content-wrapper .header-content {
    display: flex;
    align-items: center;
    height: 100%
}

.header.abbonarsi.mobile-page .container .header-content-wrapper .header-content:first-child {
    display: flex
}

@media screen and (min-width: 64.0625rem) {
    .header.abbonarsi.mobile-page .container .header-content-wrapper .header-content:first-child {
        display: flex;
        flex: none
    }
}

.header--big {
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, .17);
    height: 5.1875rem
}

@media screen and (min-width: 48.0625rem) {
    .header--big {
        height: 6.75rem
    }
}

@media screen and (max-width: 48.0625rem) {
    .header--big .container {
        padding: 0 1rem
    }
}

.header--big .header-content-wrapper, .header--big .header-content-wrapper .header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.header--big .header-content-wrapper .header-content {
    width: 100%
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content {
        width: auto;
        justify-content: flex-end
    }
}

.header--big .header-content-wrapper .header-content--logo {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content--logo {
        display: block
    }
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content .logo {
        width: 5.4375rem
    }
}

.header--big .header-content-wrapper .header-content .info {
    margin: 0;
    font-size: .75rem;
    flex: 1
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content .info {
        font-size: 1rem;
        margin-right: 1rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content .info br {
        display: none
    }
}

.header--big .header-content-wrapper .header-content .cta {
    display: flex;
    align-items: center;
    padding: 0 1.125rem
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content .cta {
        height: 3.5625rem;
        border-radius: 1.75rem;
        font-size: 1.25rem
    }
}

.header--big .header-content-wrapper .header-content .cta .icon {
    display: block;
    margin-right: .5rem;
    width: 1.5rem
}

@media screen and (min-width: 48.0625rem) {
    .header--big .header-content-wrapper .header-content .cta .icon {
        width: 2.0625rem
    }
}

.header.cmn {
    height: 4.375rem;
    box-shadow: 0 .125rem .625rem 0 rgba(0, 0, 0, .1);
    margin-bottom: 0
}

.header.cmn .container .header-content-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.header.cmn .container .header-content-wrapper--withModal {
    display: none
}

.header.cmn .container .header-content-wrapper--withModal.active {
    display: flex
}

.header.cmn .container .header-content-wrapper.right {
    justify-content: flex-end
}

.header.cmn .container .header-content-wrapper .header-content.cta-content {
    display: flex;
    flex-direction: row;
    align-items: center
}

.header.cmn .container .header-content-wrapper .header-content.cta-content .text-help {
    margin: 0;
    font-size: .875rem;
    line-height: 1rem;
    padding-right: .5rem;
    color: #6d7278;
    font-weight: 500
}

.header.cmn .container .header-content-wrapper .header-content.cta-content .sprite {
    width: 1.75rem;
    display: block;
    margin: 0 auto
}

.header.cmn .container .header-content-wrapper .header-content .close-cmn {
    color: #000ff5;
    font-weight: 500;
    text-decoration: none
}

@media screen and (max-width: 48.0625rem) {
    .licha_engagement .ctlive_widget .header {
        top: auto
    }
}

.flash-countdown {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .5rem;
    border-radius: 0 0 1rem 1rem;
    width: 100%
}

@media screen and (min-width: 48.0625rem) {
    .flash-countdown {
        background-color: #f8f8f8;
        padding: .5rem 2rem
    }
}

.flash-countdown .countdown-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-weight: 500
}

.flash-countdown .countdown-text span {
    font-size: .625rem
}

.flash-countdown .countdown-text span.number {
    font-size: 1.5rem
}

.flash-countdown.bordered {
    margin: 1.25rem auto 0;
    max-width: 21.25rem;
    position: relative;
    border-radius: .29375rem;
    background: linear-gradient(90deg, #000ff5, #00d2ff)
}

@media screen and (min-width: 64.0625rem) {
    .flash-countdown.bordered {
        border-radius: .75rem;
        margin: 0 auto
    }
}

.flash-countdown.bordered:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 0;
    background: #fff;
    border-radius: .29375rem
}

@media screen and (min-width: 64.0625rem) {
    .flash-countdown.bordered:before {
        border-radius: .75rem
    }
}

.flash-countdown.bordered .countdown-text {
    z-index: 1
}

.flash-countdown.bordered.flash-countdown-bf {
    border-radius: .625rem;
    background: linear-gradient(90deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff);
    margin-top: 0
}

.flash-countdown.bordered.flash-countdown-bf:before {
    border-radius: .625rem
}

@media screen and (min-width: 48.0625rem) {
    .flash-countdown.bordered.flash-countdown-bf {
        margin: 1.25rem auto 0;
        padding: .5rem 1rem
    }
}

.flash-countdown.square {
    background-color: transparent;
    justify-content: center
}

.flash-countdown.square .countdown-text {
    position: relative;
    border-radius: .125rem;
    color: #4d4d4d;
    font-weight: 400;
    padding: .3125rem .625rem;
    min-width: 3.125rem;
    background-color: #fff
}

.flash-countdown.square .countdown-text + .countdown-text {
    margin-left: .625rem
}

.flash-countdown.square .countdown-text:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(90deg, #ff0031, #9b001f);
    z-index: -1;
    padding: .125rem;
    border-radius: .25rem
}

.visual-skyglass {
    margin-top: 0;
    margin-bottom: .625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass {
        margin-top: 2.5rem;
        margin-bottom: .625rem
    }
}

.visual-skyglass.with-sticky {
    margin-top: 4.375rem;
    padding-top: .625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass.with-sticky {
        padding-top: 1.25rem
    }
}

.visual-skyglass .container {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container {
        flex-direction: row;
        max-width: 85.375rem;
        margin: 0 auto
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container {
        flex-direction: row;
        max-width: 85.375rem;
        margin: 0 auto
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .half-size-visual {
        width: 50%
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.cont-sw-sport {
        max-width: 80.0625rem
    }
}

.visual-skyglass .container.no-margin-bottom {
    margin-bottom: 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.no-margin-bottom {
        margin-bottom: .625rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container.cont-29 {
        flex-direction: column
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.cont-29 {
        flex-direction: row
    }
}

.visual-skyglass .container .half-visual {
    justify-content: center
}

.visual-skyglass .container .badge-affrettati {
    background: linear-gradient(90deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff);
    display: block;
    margin: 0 auto;
    padding: .3125rem .875rem;
    border-radius: .25rem;
    color: #fff
}

.visual-skyglass .container .badge-affrettati.bf {
    margin-top: .625rem;
    font-size: .75rem;
    width: auto
}

.visual-skyglass .container .bollo-pezzi {
    position: absolute;
    width: 3.625rem;
    top: 3.125rem;
    right: -.625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .bollo-pezzi {
        width: 6.8125rem;
        top: -.3125rem;
        right: 3.3125rem
    }
}

.visual-skyglass .container .visual-full {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-full {
        justify-content: center
    }
}

.visual-skyglass .container .visual-full .visual-title {
    position: relative;
    margin: 1.6875rem 0 1.875rem;
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 1.75rem;
    line-height: 1.875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-full .visual-title {
        font-size: 32px;
        line-height: 35px;
        margin: 0 0 1.4375rem
    }
}

.visual-skyglass .container .visual-full .visual-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem
}

.visual-skyglass .container .visual-full .visual-image img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.visual-skyglass .container .visual-full .visual-image .color-size {
    width: 12.5rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-full .visual-image .color-size {
        width: 15.625rem
    }
}

.visual-skyglass .container .visual-full .cta-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.visual-skyglass .container .visual-title {
    position: relative;
    margin: 1.6875rem 0 1.875rem;
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 1.75rem;
    line-height: 1.875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-title {
        font-size: 2rem;
        line-height: 2.1875rem;
        margin: 0 0 1.4375rem
    }
}

.visual-skyglass .container .visual-title.sw-sport-36 {
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.75rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-title.sw-sport-36 {
        font-size: 3rem;
        line-height: 3.25rem
    }
}

.visual-skyglass .container .visual-title.sw-prospect {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1.0625rem;
    line-height: 1.3125rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-title.sw-prospect {
        padding-top: .625rem;
        font-size: 2.625rem;
        line-height: 2.75rem
    }
}

.visual-skyglass .container .visual-title.visual-title-29 {
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: 500
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-title.visual-title-29 {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .half-visual {
        width: 50%
    }
}

.visual-skyglass .container .visual-left {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left {
        justify-content: center
    }
}

.visual-skyglass .container .visual-left .wrap-bollo-bf {
    margin-bottom: 1rem
}

.visual-skyglass .container .visual-left .visual-title {
    position: relative;
    margin: 1.6875rem 0 1.875rem;
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 1.75rem;
    line-height: 1.875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-title {
        font-size: 2rem;
        line-height: 2.1875rem;
        margin: 0 0 1.4375rem
    }
}

.visual-skyglass .container .visual-left .visual-title.sw-sport-36 {
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.75rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-title.sw-sport-36 {
        font-size: 3rem;
        line-height: 3.25rem
    }
}

.visual-skyglass .container .visual-left .visual-title.sw-prospect {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3125rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-title.sw-prospect {
        padding-top: .625rem;
        font-size: 2.625rem;
        line-height: 2.75rem
    }
}

.visual-skyglass .container .visual-left .visual-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem
}

.visual-skyglass .container .visual-left .visual-image img {
    display: block;
    margin: 0 auto;
    width: 90%
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image img {
        width: 100%
    }
}

.visual-skyglass .container .visual-left .visual-image .img-sw {
    max-width: 11.25rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image .img-sw {
        max-width: 17.5rem
    }
}

.visual-skyglass .container .visual-left .visual-image .validity {
    font-size: .6875rem;
    text-align: center;
    margin: .25rem 0 1.25rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image .validity {
        font-size: .875rem
    }
}

.visual-skyglass .container .visual-left .visual-image .color-size {
    width: 12.5rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image .color-size {
        width: 15.625rem
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image.visual-image-sw-sport {
        width: 79%;
        align-items: flex-end;
        display: flex
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left .visual-image.visual-image-sw-cinema {
        width: 100%;
        align-items: center;
        display: flex
    }
}

.visual-skyglass .container .visual-left.visual-left-sw-sport {
    display: flex;
    align-items: flex-end
}

.visual-skyglass .container .visual-left.visual-left-29 .visual-image {
    align-self: center
}

.visual-skyglass .container .visual-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.visual-skyglass .container .visual-right .visual-title {
    font-weight: 500
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .visual-title {
        font-size: 2.6875rem;
        letter-spacing: 0;
        line-height: 2.4375rem;
        text-align: center
    }
}

.visual-skyglass .container .visual-right .offer-title {
    font-size: 1.125rem;
    letter-spacing: .28625rem;
    line-height: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
    text-align: center
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .offer-title {
        font-size: 1.375rem;
        line-height: 1.5rem
    }
}

.visual-skyglass .container .visual-right .tv-netflix-cinema img {
    width: 18.1875rem
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .tv-netflix-cinema img {
        width: 20rem
    }
}

.visual-skyglass .container .visual-right .tv-netflix-cinema img.x-mas-logo {
    width: 12.5rem;
    max-width: 100%
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .tv-netflix-cinema img.x-mas-logo {
        width: 31.25rem
    }
}

.visual-skyglass .container .visual-right .offer-square {
    box-sizing: border-box;
    position: relative;
    border-radius: 1rem;
    padding: .5rem;
    background: linear-gradient(90deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff)
}

.visual-skyglass .container .visual-right .offer-square:before {
    content: "";
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    border-radius: 1rem;
    position: absolute;
    background: #fff;
    top: .0625rem;
    left: .0625rem
}

.visual-skyglass .container .visual-right .offer-square p {
    position: relative;
    font-size: 1.625rem;
    letter-spacing: 0;
    line-height: 1.875rem;
    text-align: center;
    margin-top: 0
}

.visual-skyglass .container .visual-right .bollo-sw {
    display: block;
    width: 16.875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .bollo-sw {
        width: 22.1875rem
    }
}

.visual-skyglass .container .visual-right .bollox-mass {
    display: block;
    width: 12.5rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .bollox-mass {
        width: 34rem
    }
}

.visual-skyglass .container .visual-right .list li .sprite {
    fill: #091153
}

.visual-skyglass .container .visual-right .list li .sprite.sprite-margin-top {
    margin-top: 4px
}

.visual-skyglass .container .visual-right .list li .sprite.sprite-more-margin-top {
    margin-top: 1rem
}

.visual-skyglass .container .visual-right .list li .item-list-wrap {
    display: flex;
    flex-direction: column
}

.visual-skyglass .container .visual-right .list li .item-list-wrap .tv-netflix-sport-bollo {
    width: 100%;
    max-width: 16.5625rem
}

.visual-skyglass .container .visual-right .list li .item-list-wrap .item-title {
    color: #091153;
    font-size: 1.25rem;
    line-height: 1.375rem;
    letter-spacing: .64px;
    font-weight: 500;
    margin: 0
}

.visual-skyglass .container .visual-right .list li .item-list-wrap .item-description {
    margin-top: 0;
    font-size: .875rem;
    letter-spacing: .45px;
    line-height: 1rem;
    color: #091153
}

.visual-skyglass .container .visual-right .price-sw-sport-title {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 1.625rem
}

.visual-skyglass .container .visual-right .price {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .5rem
}

.visual-skyglass .container .visual-right .price.all-width {
    width: 100%
}

/*.visual-skyglass .container .visual-right .price.price-border {
    border-bottom: .0625rem solid #091153
}*/

.visual-skyglass .container .visual-right .price.price-border {
    position: relative;
}

.visual-skyglass .container .visual-right .price.price-border:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 220px;
    background-color: #4d4d4d;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.visual-skyglass .container .visual-right .price.price-border--full-border:after {
    content: unset;
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29, .visual-skyglass .container .visual-right .price.price-sw-sport {
        align-items: flex-start
    }
}

.visual-skyglass .container .visual-right .price.price-29 .price-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: flex;
    align-items: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29 .price-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: 1.5rem
    }
}

.visual-skyglass .container .visual-right .price.price-29 .price-title .bollo-sw {
    width: 10rem;
    margin-left: .5rem
}

.visual-skyglass .container .visual-right .price.price-29 .price-list li.svg-margin-top svg {
    margin-top: .5rem
}

.visual-skyglass .container .visual-right .price.price-29 .price-list li .list-header {
    font-size: 1rem;
    line-height: 1.125rem;
    color: #091153;
    font-weight: 500;
    margin-top: 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29 .price-list li .list-header {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

.visual-skyglass .container .visual-right .price.price-29 .price-list li .list-header .bollo-sw {
    max-width: 9.9375rem;
    margin-top: .875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29 .price-list li .list-header .bollo-sw {
        margin-top: 1.125rem
    }
}

.visual-skyglass .container .visual-right .price.price-29 .price-list li .list-body {
    font-size: .875rem;
    line-height: 1rem;
    color: #091153;
    margin-top: 0
}

.visual-skyglass .container .visual-right .price.price-29 .price-value .price-left {
    font-size: 5rem;
    line-height: 5rem
}

.visual-skyglass .container .visual-right .price.price-29 .price-value .price-right {
    font-size: 2.5rem;
    line-height: 2.6875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29 .price-value .price-right {
        margin-top: .25rem
    }
}

.visual-skyglass .container .visual-right .price.price-29 .price-value .price-right .period {
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin: -.375rem 0 0 .25rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price.price-29 .price-value .price-right .period {
        font-size: 2.125rem;
        line-height: 1.375rem;
        margin: 0 0 0 .875rem
    }
}

.visual-skyglass .container .visual-right .price .price-title {
    color: #333;
    font-size: 1.375rem;
    line-height: 2.25rem;
    font-weight: 500;
    margin: 5px;
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-title {
        font-size: 1.625rem;
        line-height: 1.625rem
    }
}

.visual-skyglass .container .visual-right .price .price-text-top {
    text-align: left;
    align-self: flex-start;
    margin: .625rem 0 -5px;
    font-size: .875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-text-top {
        margin: .625rem 0 -18px
    }
}

.visual-skyglass .container .visual-right .price .price-value {
    display: flex;
    flex-direction: row
}

.visual-skyglass .container .visual-right .price .price-value .old-price {
    font-size: 1.75rem;
    line-height: 1.875rem;
    color: #909090;
    margin: 0 1rem 0 0;
    display: flex;
    align-self: center
}

.visual-skyglass .container .visual-right .price .price-value .old-price.not {
    position: relative
}

.visual-skyglass .container .visual-right .price .price-value .old-price.not:after {
    content: "";
    width: 55px;
    height: 1px;
    position: absolute;
    background: #909090;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg)
}

.visual-skyglass .container .visual-right .price .price-value .price-left span {
    color: #091153;
    font-size: 5rem;
    line-height: 5rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value .price-left span {
        font-size: 7.5rem;
        line-height: 8.1875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value .price-left .bold-price {
    font-weight: 500
}

.visual-skyglass .container .visual-right .price .price-value .price-right span {
    color: #091153;
    display: flex;
    flex-direction: column;
    font-size: 3.25rem;
    line-height: 3.25rem;
    margin-top: .25rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value .price-right span {
        font-size: 4.375rem;
        line-height: 4.375rem;
        margin-top: .625rem
    }
}

.visual-skyglass .container .visual-right .price .price-value .price-right .period {
    margin: 0 0 0 .625rem;
    font-size: 1rem;
    line-height: 1rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value .price-right .period {
        margin: 0 0 0 1rem;
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

.visual-skyglass .container .visual-right .price .price-value .price-right .bold-price {
    font-weight: 500
}

.visual-skyglass .container .visual-right .price .price-value .price-right.no-margin-top {
    margin-top: 0
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .price .price-value .price-right.no-margin-top {
        margin-top: .875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-left {
    font-size: 5.625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value.sw-sport .price-left {
        font-size: 7.5rem;
        line-height: 8.1875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right {
    font-size: 3.125rem;
    font-weight: 2.625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right {
        font-size: 4.25rem;
        line-height: 4.5rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .period {
    font-size: 1.375rem;
    line-height: .375rem;
    margin: 0 0 0 .375rem;
    color: #091153
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .period {
        font-size: 2.125rem;
        letter-spacing: .06438rem;
        line-height: .875rem;
        margin: 0 0 0 .875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .month {
    font-size: .75rem;
    line-height: .75rem;
    margin: 0 0 0 .375rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .month {
        font-size: .875rem;
        margin: 0 0 0 .875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .month.cinema-color {
    color: #c50026
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .period-small {
    font-size: .75rem;
    line-height: .75rem;
    margin: 0 0 0 .375rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .period-small {
        font-size: .875rem;
        margin: 0 0 0 .875rem
    }
}

.visual-skyglass .container .visual-right .price .price-value.sw-sport .price-right .period-small.cinema-color {
    color: #c50026
}

.visual-skyglass .container .visual-right .price .price-description {
    text-align: center;
    font-size: 16px;
    line-height: 1.125rem;
    margin-top: 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .price-description {
        font-size: 1.125rem;
        line-height: 1.1875rem
    }
}

.visual-skyglass .container .visual-right .price .price-description .earlier-paiment {
    font-size: 16px;
    font-weight: 500;
    color: #4D4D4D;
}

@media only screen and (min-width: 1200px) {
    .visual-skyglass .container .visual-right .price .price-description .earlier-paiment {
        font-size: 18px;
    }
}

.visual-skyglass .container .visual-right .price .price-footer {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.125rem;
    font-weight: 500;
    text-align: center;
    color: #4d4d4d;
    margin-top: 0
}

.visual-skyglass .container .visual-right .price .new-cust-offer {
    font-size: .625rem;
    line-height: .8125rem;
    cursor: pointer
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .price .new-cust-offer {
        font-size: .75rem;
        line-height: .9375rem
    }
}

.visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-left {
    font-size: 5.625rem;
    line-height: 6.1875rem;
    font-weight: 500
}

@media screen and (min-width: 64.0625rem) {
    .visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-left {
        font-size: 7.5rem;
        line-height: 8.1875rem
    }
}

.visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-right {
    font-size: 3rem;
    line-height: 3.0625rem;
    margin-top: .75rem;
    font-weight: 500
}

@media screen and (min-width: 64.0625rem) {
    .visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-right {
        font-size: 4.0625rem;
        line-height: 4.125rem;
        margin-top: .875rem
    }
}

.visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-right .month {
    font-size: .5625rem;
    line-height: .625rem;
    font-weight: 100
}

@media screen and (min-width: 64.0625rem) {
    .visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-right .month {
        font-size: .75rem;
        line-height: .875rem
    }
}

.visual-skyglass .container .visual-right .price.price-sw-cinema .price-value .price-right .month.cinema-color {
    color: #c50026
}

.visual-skyglass .container .visual-right.specialweek .price .price-title {
    text-align: center;
    font-size: 1.1875rem;
    line-height: 2.8125rem;
    width: 17.875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right.specialweek .price .price-title {
        font-size: 1.1875rem;
        line-height: 2.8125rem
    }
}

.visual-skyglass .container .visual-right.specialweek .price .price-value .price-left {
    font-size: 5.5rem;
    line-height: 6.01438rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right.specialweek .price .price-value .price-left {
        font-size: 4.875rem;
        line-height: 6rem
    }
}

.visual-skyglass .container .visual-right.specialweek .price .price-value .price-right {
    font-size: 2.875rem;
    line-height: 3rem;
    margin-top: .6875rem
}

.visual-skyglass .container .visual-right.specialweek .price .price-value .price-right .period {
    font-size: 1.125rem;
    letter-spacing: .55px;
    line-height: 1.1875rem;
    margin: 0 0 0 .5rem
}

.visual-skyglass .container .visual-right .visual-skyglass__bollo-sw {
    border-top: .0625rem solid #091153;
    background-color: #f8f8f8;
    display: block;
    margin-top: 1rem;
    width: 100%;
    padding: .5625rem 2.5rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .visual-skyglass__bollo-sw {
        margin-top: .625rem
    }
}

.visual-skyglass .container .visual-right .visual-skyglass__bollo-sw .visual-skyglass__bollo-sw__txt {
    margin: 0;
    font-size: .875rem;
    text-align: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .visual-skyglass__bollo-sw .visual-skyglass__bollo-sw__txt {
        font-size: 1.125rem
    }
}

.visual-skyglass .container .visual-right .visual-skyglass__bollo-sw .tv-netflix-cinema-bollo {
    display: block;
    margin: 0 auto;
    width: 21.0625rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .visual-skyglass__bollo-sw .tv-netflix-cinema-bollo {
        width: 24.5rem
    }
}

.visual-skyglass .container .visual-right .availability-offer {
    display: flex;
    flex-direction: column;
    align-items: center
}

.visual-skyglass .container .visual-right .availability-offer .info {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .info {
        text-align: left;
        margin-bottom: 1.25rem;
        max-width: 25rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .info .small {
    font-size: .75rem;
    line-height: 1rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .info.info-centered {
        text-align: center
    }
}

.visual-skyglass .container .visual-right .availability-offer .info.info-sw-cinema {
    font-size: .875rem;
    line-height: 1.125rem
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .availability-offer .info.info-sw-cinema {
        font-size: 1rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .old-cust-offer {
    margin-top: .5rem;
    font-size: .625rem;
    line-height: .8125rem
}

.visual-skyglass .container .visual-right .availability-offer.availability-offer--full-width-border {
    border-top: 1px solid #4d4d4d
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .old-cust-offer {
        font-size: .6875rem;
        line-height: .6875rem;
        order: 1
    }
}

.visual-skyglass .container .visual-right .availability-offer .old-cust-offer.old-cust-offer-parco {
    font-size: 1.125rem;
    line-height: 1.25rem
}

.visual-skyglass .container .visual-right .availability-offer .text-offer {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1rem
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-specialweek {
    margin-top: 1rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-specialweek {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer {
        font-size: 1.125rem;
        line-height: 1.3125rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-sw {
    color: #091153;
    line-height: 1.1875rem;
    font-size: .875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-sw {
        order: 2
    }
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-sw .blue-link {
    color: #091153
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-29 {
    color: #091153;
    line-height: 1.1875rem;
    font-size: 1.125rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-29 {
        order: 2
    }
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-centered {
    text-align: center
}

.visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-sw-cinema {
    font-size: .875rem;
    line-height: 1.0625rem
}

@media screen and (min-width: 48.0625rem) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer.text-offer-sw-cinema {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .text-offer .link-offer {
    text-decoration: underline;
    position: relative;
    font-weight: 700;
    display: block;
    margin: 0 auto
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .text-offer .link-offer {
        display: inline
    }
}

.visual-skyglass .container .visual-right .availability-offer .text-offer .link-offer:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff)
}

.visual-skyglass .container .visual-right .availability-offer .more-info {
    font-size: 1.125rem;
    font-weight: 500;
    color: #091153
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .more-info {
        font-size: 1.375rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .modal-note-opener.no-margin, .visual-skyglass .container .visual-right .availability-offer .modal-note-opener.no-margin p {
    margin: 0
}

.visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport {
    order: 3;
    max-width: 30.25rem
}

.visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport .ipad-only {
    display: none
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport .ipad-only {
        display: block
    }
}

.visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport .mobile-only {
    display: block
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport .mobile-only {
        display: none
    }
}

.visual-skyglass .container .visual-right .availability-offer .modal-note-opener-sw-sport.no-margin-top {
    margin-top: 0
}

.visual-skyglass .container .visual-right .availability-offer .new-cust-offer {
    margin-top: .5625rem;
    font-size: .625rem;
    line-height: .8125rem;
    text-align: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .new-cust-offer {
        max-width: 30rem;
        font-size: .625rem;
        line-height: .875rem;
        /*margin-top: 1.25rem;*/
        order: 3
    }
}

.visual-skyglass .container .visual-right .availability-offer .new-cust-offer + .new-cust-offer {
    margin-top: 0
}

.visual-skyglass .container .visual-right .availability-offer .new-cust-offer.centered {
    text-align: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .new-cust-offer.new-cust-offer-specialweek {
        margin-top: 1.5rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .new-cust-offer.sw-skyglass-cinema, .visual-skyglass .container .visual-right .availability-offer .new-cust-offer.sw-sport {
    max-width: 17.5rem;
    text-align: center;
    margin-top: 1rem
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1.125rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper {
        order: 1;
        flex-direction: row;
        margin-top: 0;
        margin-bottom: 1.125rem
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper.cta-wrap_margin-top {
        margin-top: 1.5625rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper.cta-wrap_margin-vertical {
    margin: 1.5rem 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper.cta-wrap_margin-vertical {
        margin: 1.5625rem 0
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper.no-order {
    order: 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper.cta-wrapper-29 {
        margin-top: 1.25rem
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs {
    text-transform: none;
    margin-top: 1rem;
    min-width: 14.6875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs {
        margin-top: 0
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs.mob-only {
        display: none
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs.desk-only {
    display: none
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs.desk-only {
        display: block
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs + a {
        margin-left: 1.75rem
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs.no-margin {
        margin: 0
    }
}

@media screen and (max-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-snrs.order-mobile {
        order: 1
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta + .cta {
    margin-top: 1rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta + .cta {
        margin-top: 0
    }
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-separator {
    text-align: center;
    margin: .5rem 0 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer .cta-wrapper .cta-separator {
        display: none
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right .availability-offer.availability-offer-sw-sport {
        align-items: flex-start
    }
}

.visual-skyglass .container .visual-right.vr-sw-sport {
    display: flex
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right.vr-sw-sport {
        display: block;
        align-items: flex-start
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container .visual-right.vr-sw-sport .list {
        margin-bottom: 0
    }
}

.visual-skyglass .container.visual-intro {
    display: flex;
    justify-content: center
}

.visual-skyglass .container.visual-intro .intro {
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.125rem;
    font-weight: 100
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.visual-intro .intro {
        font-size: 2rem;
        line-height: 2.8125rem
    }
}

.visual-skyglass .container.visual-glass-specialweek-note {
    margin-top: 1rem
}

.visual-skyglass .container.visual-glass-specialweek-note p {
    color: #282828;
    width: 100%;
    font-size: .625rem;
    letter-spacing: 0;
    line-height: .875rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.visual-glass-specialweek-note p {
        text-align: center;
        width: 90%
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.visual-glass-specialweek-note {
        display: flex;
        justify-content: center;
        margin-top: -3rem
    }
}

.visual-skyglass .container.visual-glass-specialweek-note.desk-only {
    display: none
}

@media screen and (min-width: 821px) {
    .visual-skyglass .container.visual-glass-specialweek-note.desk-only {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass.reverse .container .visual-left {
        order: 2;
        width: 50%
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass.reverse .container .visual-right {
        order: 1;
        width: 50%
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass.visual-skyglass-new {
        margin-top: 4rem
    }
}

.visual-skyglass.visual-skyglass-new .container {
    margin-bottom: 2rem
}

.visual-skyglass.visual-skyglass-sport {
    background-color: #f8f8f8
}

.visual-skyglass.visual-skyglass-sport .container {
    display: flex;
    justify-content: center
}

.visual-skyglass.visual-skyglass-sport .container .visual-left .visual-image img {
    max-width: 40.625rem
}

.visual-skyglass.blackfriday {
    padding: 0
}

.visual-skyglass.blackfriday .container {
    padding: 0;
    max-width: none;
    align-items: center
}

.visual-skyglass.blackfriday .container .visual-right {
    padding: 1.25rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass.blackfriday .container .visual-right {
        padding-left: 1.875rem
    }
}

@media screen and (min-width: 64.0625rem) {
    .visual-skyglass.blackfriday .container .visual-right {
        padding-left: 5.625rem
    }
}

.visual-skyglass.blackfriday .container .visual-right .title-bf {
    position: absolute;
    top: 0
}

@media screen and (min-width: 821px) {
    .visual-skyglass.blackfriday .container .visual-right .title-bf {
        position: relative;
        top: auto;
        font-size: 2.375rem;
        margin-bottom: 1.875rem
    }
}

@media screen and (min-width: 64.0625rem) {
    .visual-skyglass.blackfriday .container .visual-right .title-bf {
        font-size: 3rem;
        margin-bottom: 2.5rem
    }
}

.visual-skyglass.blackfriday .container .visual-right .availability-offer .text-offer {
    margin-top: 1rem;
    text-align: center
}

@media screen and (min-width: 821px) {
    .visual-skyglass.blackfriday .container .visual-right .availability-offer .text-offer {
        margin-top: 0;
        font-size: .75rem;
        text-align: left
    }
}

.visual-skyglass.blackfriday .container .visual-right .availability-offer .cta-wrapper {
    order: unset
}

@media screen and (min-width: 821px) and (max-width: 80.0625rem) {
    .visual-skyglass.blackfriday .container .visual-right .availability-offer .cta-wrapper .cta-snrs {
        min-width: 11.875rem
    }
}

.visual-skyglass.blackfriday .container .visual-left {
    background-color: #c5dcf1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 18.4375rem
}

@media screen and (min-width: 821px) {
    .visual-skyglass.blackfriday .container .visual-left {
        height: calc(100vh - 70px)
    }
}

.visual-skyglass.blackfriday .container .visual-left .xbox-image {
    display: block;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 28.5rem) {
    .visual-skyglass.blackfriday .container .visual-left .xbox-image {
        width: 50%
    }
}

@media screen and (min-width: 821px) {
    .visual-skyglass.blackfriday .container .visual-left .xbox-image {
        width: 60%
    }
}

@media screen and (min-width: 821px) and (max-height: 720px) {
    .visual-skyglass.blackfriday .container .visual-left .xbox-image {
        width: 60%
    }
}

@media only screen and (min-width: 821px) {
    .visual-skyglass.abbonarsi {
        margin-top: 0;
    }
}
.visual-skyglass.abbonarsi .container{
    padding: 0 1.125rem;
}
@media only screen and (min-width: 768px) {
    .visual-skyglass.abbonarsi .container {
        gap: 70px;
        justify-content: center;
    }
}

@media only screen and (min-width: 1200px) {
    .visual-skyglass.abbonarsi .container {
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .visual-skyglass.abbonarsi .container .visual-left {
        justify-content: flex-start;
        order: 2
    }
}

.visual-skyglass.abbonarsi .container .visual-left .visual-image {
    margin-bottom: 0
}

.visual-skyglass.abbonarsi .container .visual-left .visual-image img {
    width: 100%;
    /* max-width: 540px;
    margin: 0 auto; */
}

@media only screen and (min-width: 768px) {
    .visual-skyglass.abbonarsi .container .visual-right {
        order: 1
    }
}

.visual-skyglass.abbonarsi .container .visual-right .full-price {
    color: #091153;
    font-size: 5rem;
    line-height: 5rem
}

@media only screen and (min-width: 821px) {
    .visual-skyglass.abbonarsi .container .visual-right .full-price {
        font-size: 7.5rem;
        line-height: 8.1875rem
    }
}

.visual-skyglass.abbonarsi .ctas-column {
    align-items: center
}

.visual-skyglass.abbonarsi .helpService, .visual-skyglass.abbonarsi .InformativaPrivacy {
    font-size: 1rem !important;
    text-align: center
}

.visual-skyglass.abbonarsi .cta-wrapper {
    margin-top: 1rem
}

.visual-skyglass.abbonarsi .cta-wrapper a {
    margin-top: 0;
}

@media screen and (min-width: 821px) {
    .onlyMobile {
        display: none
    }
}

.section-accordion-single {
    margin-top: 1rem
}

@media screen and (min-width: 28.5rem) {
    .section-accordion-single {
        display: none
    }
}

.section-accordion-single .row .accordion-wrapper {
    overflow: hidden;
    opacity: 0;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.section-accordion-single .row .accordion-wrapper.visible, .section-accordion-single .row .accordion-wrapper:first-of-type {
    opacity: 1
}

.section-accordion-single .row .accordion {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer
}

.section-accordion-single .row .accordion:last-of-type {
    border-bottom: none
}

.section-accordion-single .row .accordion .title_wrap {
    display: flex;
    justify-content: center;
    cursor: pointer
}

.section-accordion-single .row .accordion .title_wrap h3 {
    text-decoration: underline;
    text-align: center;
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 0;
    flex: 1
}

.section-accordion-single .row .accordion .accordion-mask {
    overflow: hidden;
    height: 0;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.section-accordion-single .row .accordion .accordion-mask .mask-wrap {
    padding: .625rem 1rem 0
}

.section-accordion-single .row .accordion .accordion-mask .mask-wrap p {
    font-size: .75rem;
    line-height: 1rem
}

.section-accordion-single .row .accordion .accordion-mask .mask-wrap ul {
    padding-left: 1.25rem
}

.section-accordion-single .row .accordion .accordion-mask .mask-wrap ul li {
    margin-bottom: 1.5rem
}

.section-accordion-single .row .accordion .accordion-mask .mask-wrap ul li:last-of-type {
    margin-bottom: 0
}

.section-accordion-single .row .accordion.active .title_wrap .sprite {
    transform: rotate(45deg)
}

.modal-note-opener {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0;
}

.modal-note-opener.inline {
    display: inline
}

@media screen and (min-width: 48.0625rem) {
    .modal-note-opener.left-on-desk {
        align-items: flex-start
    }
}

.modal-note-opener.no-margin {
    margin-top: 0
}

.modal-note-opener .opener {
    cursor: pointer
}

.modal-note-opener p {
    color: #282828;
    font-size: .625rem;
    letter-spacing: 0;
    line-height: .875rem
}

@media screen and (min-width: 28.5rem) {
    .modal-note-opener p {
        text-align: center
    }
}

.modal-note-opener p .desk-only {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .modal-note-opener p .desk-only {
        display: block
    }
}

.modal-note-opener p .opener {
    cursor: pointer
}

.modal-note {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 50;
    display: none
}

.modal-note .white-cover {
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #fff;
    position: absolute
}

@media screen and (min-width: 48.0625rem) {
    .modal-note .white-cover {
        display: none
    }
}

.modal-note .mask {
    width: 100%;
    height: 100%;
    z-index: 200;
    background-color: rgba(0, 0, 0, .5);
    position: absolute
}

.modal-note .note-modal-wrapper {
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 95%;
    z-index: 300;
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 48rem) and (max-width: 64rem) {
    .modal-note .note-modal-wrapper {
        width: 80%
    }
}

@media screen and (min-width: 48.0625rem) {
    .modal-note .note-modal-wrapper {
        width: 80%
    }
}

@media screen and (min-width: 48.0625rem) {
    .modal-note .note-modal-wrapper.note-modal-wrapper__small {
        width: 50%
    }
}

.modal-note .note-modal-wrapper .note-content {
    overflow: scroll;
    height: 100%;
    padding: 2.1875rem;
    position: relative;
    display: block
}

@media screen and (min-width: 48rem) {
    .modal-note .note-modal-wrapper .note-content {
        padding: 2.1875rem 3.5rem 3.4375rem
    }
}

.modal-note .note-modal-wrapper .note-content > .sprite {
    position: fixed;
    right: .625rem;
    top: .625rem;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem
}

@media screen and (min-width: 48rem) {
    .modal-note .note-modal-wrapper .note-content > .sprite {
        right: 1.875rem;
        top: 1.875rem
    }
}

.modal-note .note-modal-wrapper .note-content .modal-wrap .modal-title {
    font-size: 1.125rem;
    line-height: 1.375rem
}

@media screen and (min-width: 64.0625rem) {
    .modal-note .note-modal-wrapper .note-content .modal-wrap .modal-title {
        font-size: 1.375rem;
        line-height: 1.875rem
    }
}

.modal-note .note-modal-wrapper .note-content .modal-wrap .modal-body {
    font-size: .875rem;
    line-height: 1.125rem;
    margin-top: .5rem
}

.modal-note .note-modal-wrapper .note-content .modal-wrap .modal-body p {
    text-align: start
}

.modal-note .note-modal-wrapper .note-content .modal-wrap .modal-body .simplebar-track.simplebar-vertical {
    right: -.625rem
}

.modal-note.opened-modal {
    display: block
}

.slider-glass {
    padding-bottom: 4.25rem
}

.slider-glass .container {
    max-width: 85.375rem
}

.slider-glass .container.desktopPadding {
    padding: 0
}

.slider-glass .container .cta-wrapper {
    margin-top: 3.125rem
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .container .cta-wrapper {
        margin-top: 6.25rem
    }
}

.slider-glass .container .cta-wrapper .cta-snrs {
    margin: 0 auto
}

.slider-glass .slider-glass-wrapper {
    background: #fff;
    background: linear-gradient(180deg, #fff, #fff 29%, #071153 0, #071153)
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-wrapper {
        display: flex;
        flex-direction: row;
        background: #fff;
        padding: 0;
        margin: 0
    }
}

.slider-glass .slider-glass-line {
    height: 8px
}

.slider-glass .slider-glass-title {
    text-align: center;
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin-bottom: 2.5rem
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.slider-glass .slider-glass-nav {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-nav {
        display: flex;
        background-color: #f8f8f8;
        flex-direction: column;
        justify-content: center;
        padding-left: 3.75rem;
        width: 30%
    }
}

.slider-glass .slider-glass-nav-text {
    font-size: 1.125rem;
    line-height: 1.25rem;
    transition: all .2s ease
}
/* .slider-glass-nav-text {
    position: relative;
    padding-bottom: 1px;
}
.slider-glass-nav-text:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%);
    bottom: 0;
} */

@media screen and (min-width: 80.0625rem) {
    .slider-glass .slider-glass-nav-text {
        font-size: 1.375rem;
        line-height: 1.375rem
    }
}

.slider-glass .slider-glass-nav-text.active, .slider-glass .slider-glass-nav-text.first {
    font-weight: 500;
    font-size: 1.25rem;
    transition: all .2s ease
}

@media screen and (min-width: 80.0625rem) {
    .slider-glass .slider-glass-nav-text.active, .slider-glass .slider-glass-nav-text.first {
        font-size: 1.5rem
    }
}

.slider-glass .slider-glass-nav-text + .slider-glass-nav-text {
    margin-top: 1.875rem
}

.slider-glass .slider-glass-nav-text br {
    display: none
}

.slider-glass .slider-glass-container {
    width: 100%;
    overflow: visible
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-container {
        width: 70%;
        overflow: hidden
    }
}

.slider-glass .slider-glass-container .slider-glass-wrapper .slider-glass-slide-title {
    font-size: 1.5rem;
    line-height: rem-cac(26px);
    margin-bottom: 1.25rem;
    font-weight: 400
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-container .slider-glass-wrapper .slider-glass-slide-title {
        display: none
    }
}

.slider-glass .slider-glass-container .slider-glass-wrapper .swiper-slide {
    padding: 0 1.5rem
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-container .slider-glass-wrapper .swiper-slide {
        padding: 0
    }
}

.slider-glass .slider-glass-content-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-content-wrapper {
        flex-direction: row
    }
}

.slider-glass .slider-glass-img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.slider-glass .slider-glass-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #071153;
    width: 100%
}

.slider-glass .slider-glass-description {
    margin: 0;
    padding: 1.25rem 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #fff
}

@media screen and (min-width: 48.0625rem) {
    .slider-glass .slider-glass-description {
        padding: 0 2.5rem
    }
}

.slider-glass .slider-glass-description.small {
    margin-top: 1rem;
    font-size: .75rem;
    line-height: .875rem
}

.tab-glass {
    margin-bottom: 0
}

@media screen and (min-width: 28.5rem) {
    .tab-glass {
        margin-bottom: 7.5rem
    }
}

.tab-glass .row-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .row-flex .half-col {
        width: 70%
    }
}

@media screen and (min-width: 80.0625rem) {
    .tab-glass .row-flex .half-col {
        width: 41%
    }
}

.tab-glass .slider-glass-title {
    text-align: center;
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 1.875rem
}

@media screen and (min-width: 48.0625rem) {
    .tab-glass .slider-glass-title {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.tab-glass .tab-glass-subtitle {
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
    padding: 0 1.25rem
}

@media screen and (min-width: 48.0625rem) {
    .tab-glass .tab-glass-subtitle {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding: 0
    }
}

.tab-glass .tab-glass__tv-img {
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: 4.375rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__tv-img {
        margin-bottom: 2.5rem;
        padding: 0;
        width: 30%
    }
}

@media screen and (min-width: 80.0625rem) {
    .tab-glass .tab-glass__tv-img {
        width: 25%
    }
}

.tab-glass .tab-glass__nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.tab-glass .tab-glass__nav-text {
    margin: 2.125rem 0 1.75rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__nav-text {
        width: 70%;
        margin: 2.125rem auto 1.75rem
    }
}

.tab-glass .tab-glass__nav-text .tab-glass__nav-title {
    color: #4d4d4d;
    font-size: 26px;
    font-weight: 500;
    line-height: 45px;
    text-align: center
}

.tab-glass .tab-glass__nav-text .tab-glass__nav-subtitle {
    color: #333;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center
}

@media screen and (min-width: 48.0625rem) {
    .tab-glass .tab-glass__nav-text .tab-glass__nav-subtitle {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

.tab-glass .tab-glass__nav {
    display: block;
    width: auto;
    border: 1px solid #e6e6e6;
    border-radius: .25rem;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: .25rem
}

.tab-glass .tab-glass__nav .tab-glass__li {
    padding: .625rem 1.125rem;
    border-radius: .25rem;
    cursor: pointer
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__nav .tab-glass__li {
        padding: .5625rem 1.75rem
    }
}

.tab-glass .tab-glass__nav .tab-glass__li + .tab-glass__li {
    margin-left: .75rem
}

.tab-glass .tab-glass__nav .tab-glass__li.active {
    background-color: #f5f4fe
}

.tab-glass .tab-glass__nav .tab-glass__icon {
    width: 2.875rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__nav .tab-glass__icon {
        width: 3.375rem
    }
}

.tab-glass .tab-glass__content {
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: opacity 1s ease-out;
    padding: 0 20px
}

.tab-glass .tab-glass__content.active {
    opacity: 1;
    height: auto
}

.tab-glass .tab-glass__row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 1.875rem 0;
    padding: 0
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__row {
        flex-direction: row;
        padding: 0 1.75rem
    }
}

@media screen and (min-width: 64.0625rem) {
    .tab-glass .tab-glass__row {
        padding: 0 7.25rem
    }
}

@media screen and (min-width: 90.0625rem) {
    .tab-glass .tab-glass__row {
        padding: 0 7.5rem
    }
}

.tab-glass .tab-glass__box {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 1.4375rem 1rem;
    margin: 0 .625rem;
    flex: 1 1 0%;
    flex-basis: 100%;
    width: 100%
}

.tab-glass .tab-glass__box + .tab-glass__box {
    margin-top: 1rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__box + .tab-glass__box {
        margin-top: 0
    }
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__box {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media screen and (min-width: 64.0625rem) {
    .tab-glass .tab-glass__box {
        flex-basis: 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 90.0625rem) {
    .tab-glass .tab-glass__box {
        flex-basis: 16.6667%;
        max-width: 16.6667%
    }
}

.tab-glass .tab-glass__box-text {
    margin: 0
}

.tab-glass .tab-glass__box-price {
    margin-top: .5rem;
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__box-price {
        font-size: 1.5rem
    }
}

.tab-glass .tag-glass__tag-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: .25rem
}

.tab-glass .tag-glass__tag-text {
    margin: 0;
    color: #6400ff;
    background: rgba(100, 0, 255, .10196078431372549);
    font-weight: 400;
    border-radius: .125rem;
    padding: .125rem .25rem;
    font-size: .875rem
}

.tab-glass .tab-glass__info {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 1rem
}

@media screen and (min-width: 28.5rem) {
    .tab-glass .tab-glass__info {
        margin-top: 3.125rem
    }
}

.tab-glass .tab-glass__wrapper-pdf {
    text-align: center;
    margin-top: 1.125rem
}

.tab-glass .tab-glass__wrapper-pdf .link-pdf {
    font-size: 1.25rem;
    color: #000ff5;
    text-decoration: none;
    text-align: center;
    font-weight: 500
}

.banner-experience .banner-container {
    margin: 0;
    padding: 0;
    position: relative
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container {
        max-width: 85.375rem;
        margin: 0 auto
    }
}

.banner-experience .banner-container .title {
    margin: 0 4.0625rem;
    text-align: center
}

.banner-experience .banner-container .title span {
    font-size: 28px;
    font-weight: 100;
    line-height: 30px
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container .title span {
        color: #fff;
        font-size: 32px;
        line-height: 35px
    }
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container .title.title-mob {
        display: none
    }
}

.banner-experience .banner-container .title.title-desk {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container .title.title-desk {
        display: block;
        margin: 0 0 1.5rem;
        text-align: start;
        max-width: 23.625rem
    }
}

.banner-experience .banner-container .banner-background {
    width: 100%;
    position: relative;
    margin-top: 1.875rem;
    z-index: -1
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container .banner-background {
        max-width: 85.375rem;
        margin-top: 0;
        top: 0
    }
}

.banner-experience .banner-container .banner-background img {
    width: 100%;
    max-width: 85.375rem
}

.banner-experience .banner-container .cta-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 2.1875rem
}

@media screen and (min-width: 48.0625rem) {
    .banner-experience .banner-container .cta-wrapper {
        top: 0;
        margin-top: 0;
        height: 100%;
        position: absolute;
        flex-direction: column;
        justify-content: center;
        margin-left: 8.75rem
    }
}

.cards-skyq {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
    padding: 2.25rem 0
}

.cards-skyq .container .row .title {
    margin-top: 0;
    font-size: 1.75rem;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .title {
        font-size: 2.5rem
    }
}

.cards-skyq .container .row .title.skyglass-title {
    line-height: 2.125rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .title.skyglass-title {
        font-size: 2rem;
        line-height: 2.8125rem
    }
}

.cards-skyq .container .row .tv-netflix-cinema {
    display: flex;
    justify-content: center
}

.cards-skyq .container .row .tv-netflix-cinema img {
    width: 20.875rem
}

@media screen and (min-width: 48.0625rem) {
    .cards-skyq .container .row .tv-netflix-cinema img {
        width: 24.875rem
    }
}

.cards-skyq .container .row .price .price-main {
    flex: 1;
    justify-content: flex-end
}

.cards-skyq .container .row .price .price-main .price-int {
    font-weight: 400;
    font-size: 6.1875rem;
    line-height: 6.1875rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .price .price-main .price-int {
        font-size: 6rem;
        line-height: 6rem
    }
}

.cards-skyq .container .row .price .price-side {
    display: flex;
    justify-content: center
}

.cards-skyq .container .row .price .price-side .price-dec {
    margin-top: .25rem;
    font-weight: 400;
    font-size: 3.4375rem;
    line-height: 3.75rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .price .price-side .price-dec {
        font-size: 3.4375rem;
        line-height: 3.75rem
    }
}

.cards-skyq .container .row .price .price-side .price-per {
    margin-top: -4px;
    font-size: .6875rem;
    line-height: .875rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .price .price-side .price-per {
        font-size: .6875rem;
        line-height: .6875rem
    }
}

.cards-skyq .container .row .price .price-side .price-per .month {
    display: block;
    font-size: .6875rem;
    line-height: .625rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .price .price-side .price-per .month {
        font-size: .6875rem;
        line-height: .8125rem
    }
}

.cards-skyq .container .row .cards-wrapper {
    margin-top: 2rem
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cards-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }
}

.cards-skyq .container .row .cards-wrapper .card-skyq {
    max-width: 29.375rem
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cards-wrapper .card-skyq {
        flex: 1
    }
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cards-wrapper .card-skyq:first-child {
        margin-right: 1.5rem
    }
    .cards-skyq .container .row .cards-wrapper .card-skyq:nth-child(2) {
        margin-right: 1.5rem
    }
}

.cards-skyq .container .row .cards-wrapper .card-skyq .card-visual {
    width: 100%;
    border-radius: 1rem
}

.cards-skyq .container .row .cards-wrapper .card-skyq .card-content-wrapper {
    margin: 2rem auto
}

.cards-skyq .container .row .cards-wrapper .card-skyq .card-content-wrapper .card-title {
    font-size: 1.5625rem;
    margin-bottom: 1rem
}

.cards-skyq .container .row .cards-wrapper .card-skyq .card-content-wrapper .card-title + p {
    font-size: .875rem
}

@media screen and (min-width: 64.0625rem) {
    .cards-skyq .container .row .cards-wrapper .card-skyq .card-content-wrapper .card-title + p {
        font-size: 1.125rem
    }
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cards-wrapper.three-cards .card-skyq:first-child {
        margin-right: 0
    }
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cards-wrapper.three-cards .card-skyq + .card-skyq {
        margin-left: 1.5rem
    }
}

@media screen and (min-width: 28.5rem) {
    .cards-skyq .container .row .cta-wrapper {
        margin-bottom: 2rem
    }
}

.cards-skyq .container .row .cta-wrapper.centered {
    display: flex;
    justify-content: center
}

.cards-skyq .container .row .skyglass-specialweek-note p {
    width: 100%;
    color: #2f2f2f;
    font-size: .625rem;
    letter-spacing: 0;
    line-height: .875rem
}

@media screen and (min-width: 48.0625rem) {
    .cards-skyq .container .row .skyglass-specialweek-note p {
        text-align: center
    }
}

.section-faq-skyglass {
    padding-top: 1.875rem;
    max-width: 62.5rem
}

@media screen and (min-width: 28.5rem) {
    .section-faq-skyglass {
        padding-top: 4.5rem
    }
}

.section-faq-skyglass .container .row .faq-content-container .faq-title {
    font-size: 1.5rem;
    font-weight: 2rem;
    color: #4d4d4d;
    text-align: center;
    font-weight: 100
}

@media screen and (min-width: 48.0625rem) {
    .section-faq-skyglass .container .row .faq-content-container .faq-title {
        font-size: 2.375rem;
        font-weight: 3.125rem
    }
}

.section-faq-skyglass .container .row .faq-content-container .faq-container {
    margin: 3rem 0 0
}

@media screen and (min-width: 48.0625rem) {
    .section-faq-skyglass .container .row .faq-content-container .faq-container {
        margin-top: 4rem 0 7rem
    }
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq {
    display: inline-block;
    margin: .5rem 0;
    background: #fff;
    width: 100%;
    border: .0625rem solid #e5e5e5;
    border-radius: .5rem
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-header .question {
    margin: 0;
    color: #4d4d4d;
    font-weight: 100;
    font-size: 1.125rem
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-header .text-link {
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    margin: 0
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-header .text-link .sprite {
    transform: rotate(90deg);
    width: 1.5rem
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq.active .faq-header .text-link .sprite {
    display: inline-block;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    transform: rotate(270deg)
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-mask {
    overflow: hidden;
    color: #4d4d4d;
    height: 0;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-mask .mask-wrap {
    padding: 0 1rem 1rem
}

.section-faq-skyglass .container .row .faq-content-container .faq-container .faq .faq-mask .answer {
    color: #6c6c6c;
    padding: 1rem 0
}

.section-faq-skyglass.only-desk {
    display: none
}

@media screen and (min-width: 48.0625rem) {
    .section-faq-skyglass.only-desk {
        display: block
    }
}

.only-desk {
    display: none
}

@media screen and (min-width: 768px) {
.only-desk {
        display: block
    }
}

.mob-only {
    display: block !important;
}

@media screen and (min-width: 768px) {
.mob-only {
        display: none !important;
    }
}

.footer {
    background-color: #fff;
    padding: 3.75rem 0;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0
}

.footer.grey {
    background-color: #f5f5f5
}

.footer .container {
    text-align: center
}

.footer .container hr {
    background-color: #e5e5e5;
    margin: 2rem auto
}

.footer .container .logo-skyq {
    width: 100%;
    max-width: 13.75rem;
    margin: 0 auto 2rem;
    display: block
}

.footer .container .logo-sky {
    max-width: 2.75rem;
    margin: 0 auto
}

.footer .container p {
    font-size: .75rem;
    color: #acacac;
    margin: 0 0 1rem;
    text-align: center
}

.footer .container .cookie-policy {
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin-top: 1rem !important;
    font-size: 1rem;
    color: #4d4d4d
}

.footer .container .contractual-conditions-central {
    margin: 2rem 0 1.5625rem;
    color: #4d4d4d;
    font-size: 1rem;
    line-height: 1.0625rem
}

.footer .container .footer-content {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 28.5rem) {
    .footer .container .footer-content {
        flex-direction: row
    }
}

.footer .container .footer-content .left-wrap {
    flex: 1.5
}

.footer .container .footer-content .left-wrap p {
    color: #000;
    text-align: left;
    font-size: .875rem;
    margin: 0
}

.footer .container .footer-content .left-wrap .payment-cards {
    text-align: left;
    margin-top: 1rem
}

.footer .container .footer-content .left-wrap .payment-cards img {
    margin-top: .5rem;
    margin-right: .5rem
}

.footer .container .footer-content .right-wrap {
    flex: 1;
    margin-top: 3.125rem
}

@media screen and (min-width: 28.5rem) {
    .footer .container .footer-content .right-wrap {
        margin: 0
    }
}

.footer .container .footer-content .right-wrap p {
    color: #4d4d4d;
    text-align: left;
    font-size: .875rem;
    margin: 0
}

.footer .container .footer-content .right-wrap p a {
    color: #4d4d4d;
    text-decoration: underline
}

.footer .container.padding-bottom {
    padding-bottom: 5rem
}

@media screen and (min-width: 48.0625rem) {
    .footer .container.padding-bottom {
        padding-bottom: 3.5rem
    }
}

.footer.black {
    background-color: #4d4d4d
}

.footer.black .container .logo-sky {
    max-width: 5rem;
    margin-bottom: 1.25rem
}

.footer.black .container * {
    color: #fff
}

.footer.black .container .footer-blocks-container {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 28.5rem) {
    .footer.black .container .footer-blocks-container {
        flex-direction: row;
        justify-content: space-around
    }
}

.footer.black .container .footer-blocks-container .footer-block {
    text-align: left;
    margin-bottom: 1.5rem
}

.footer.black .container .footer-blocks-container .footer-block:last-child {
    margin-bottom: 0
}

.footer.black .container .footer-blocks-container .footer-block p {
    margin-top: 0;
    font-size: .875rem;
    line-height: 1.625rem
}

.footer.black .container .footer-blocks-container .footer-block .payments-container {
    margin-top: 1.5rem
}

.footer.black .container .footer-blocks-container .footer-block .payments-container .payment {
    max-height: 1rem;
    margin-right: 1rem;
    margin-bottom: .5rem
}

.footer.black .container hr {
    background-color: #fff
}

.footer.black .container hr + p {
    margin-top: 0;
    font-size: .875rem;
    line-height: 1.625rem
}

.footer.marginSticky, .footer.marginStickyMobile {
    padding-bottom: 8.1875rem
}

@media screen and (min-width: 28.5rem) {
    .footer.marginStickyMobile {
        padding-bottom: 1rem
    }
}

.logo-skyq img {
    display: block;
    margin: 0 auto;
    width: 13.75rem
}

.berries {
    background-color: #da002c
}

.blue {
    background-color: #064497
}

.grape {
    background-color: #941266
}

.orange {
    background-color: #f08300
}

.peach {
    background-color: #df350c
}

.pink {
    background-color: #db006a
}

.purple {
    background-color: #4d1560
}

.red {
    background-color: #d9000f
}

.yellow {
    background-color: #ffec0a
}

.black {
    background-color: #4d4d4d
}

.black-50 {
    background-color: rgba(77, 77, 77, .5)
}

.black-25 {
    background-color: rgba(77, 77, 77, .25)
}

.darker-grey {
    background-color: #1b1b1b
}

.dark-grey {
    background-color: #393939
}

.medium-grey {
    background-color: #6c6c6c
}

.grey {
    background-color: #8c8c8c
}

.light-grey {
    background-color: #b3b3b3
}

.lighter-grey {
    background-color: #e5e5e5
}

.lightest-grey {
    background-color: #fafafa
}

.white {
    background-color: #fff
}

.white-50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.white-25 {
    background-color: hsla(0, 0%, 100%, .25)
}

.transparent {
    background-color: transparent
}

.customer {
    background-color: #064497
}

.customer-hover {
    background-color: #5675d0
}

.prospect {
    background-color: #1eb9c5
}

.prospect-hover {
    background-color: #73d8e0
}

.accent-blue {
    background-color: #007aff
}

.contact {
    background-color: #388cf7
}

.active-green {
    background-color: #00c853
}

.bg-dark {
    background-color: #efefef
}

.bg-light {
    background-color: #f8f8f8
}

.banner-urgent {
    background-color: #fde5e7
}

.banner-default {
    background-color: #efefef
}

.banner-success {
    background-color: #e5f9ed
}

.color-berries {
    color: #da002c
}

.color-blue {
    color: #064497
}

.color-grape {
    color: #941266
}

.color-orange {
    color: #f08300
}

.color-peach {
    color: #df350c
}

.color-pink {
    color: #db006a
}

.color-purple {
    color: #4d1560
}

.color-red {
    color: #d9000f
}

.color-yellow {
    color: #ffec0a
}

.color-black {
    color: #4d4d4d
}

.color-black-50 {
    color: rgba(77, 77, 77, .5)
}

.color-black-25 {
    color: rgba(77, 77, 77, .25)
}

.color-darker-grey {
    color: #1b1b1b
}

.color-dark-grey {
    color: #393939
}

.color-medium-grey {
    color: #6c6c6c
}

.color-grey {
    color: #8c8c8c
}

.color-light-grey {
    color: #b3b3b3
}

.color-lighter-grey {
    color: #e5e5e5
}

.color-lightest-grey {
    color: #fafafa
}

.color-white {
    color: #fff
}

.color-white-50 {
    color: hsla(0, 0%, 100%, .5)
}

.color-white-25 {
    color: hsla(0, 0%, 100%, .25)
}

.color-transparent {
    color: transparent
}

.color-customer {
    color: #064497
}

.color-customer-hover {
    color: #5675d0
}

.color-prospect {
    color: #1eb9c5
}

.color-prospect-hover {
    color: #73d8e0
}

.color-accent-blue {
    color: #007aff
}

.color-contact {
    color: #388cf7
}

.color-active-green {
    color: #00c853
}

.color-bg-dark {
    color: #efefef
}

.color-bg-light {
    color: #f8f8f8
}

.color-banner-urgent {
    color: #fde5e7
}

.color-banner-default {
    color: #efefef
}

.color-banner-success {
    color: #e5f9ed
}

.spectrum-linear {
    background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%)
}

.spectrum-vertical {
    background: linear-gradient(180deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff)
}

.spectrum-linear-half-1 {
    background: linear-gradient(90deg, #FF7800, #F80032 50%, #FF00A0)
}

.spectrum-linear-half-2 {
    background: linear-gradient(90deg, #8C28FF, #0023FF 50%, #1798FF)
}

.spectrum-linear-part-1 {
    background: linear-gradient(90deg, #ff9e00, #fa411d)
}

.spectrum-linear-part-2 {
    background: linear-gradient(90deg, #f73a22, #f81a1b)
}

.spectrum-linear-part-3 {
    background: linear-gradient(90deg, #f2061a, #ce175a)
}

.spectrum-linear-part-4 {
    background: linear-gradient(90deg, #c71863, #bc1c7c)
}

.spectrum-linear-part-5 {
    background: linear-gradient(90deg, #a72f93, #3c2e90)
}

.spectrum-linear-part-6 {
    background: linear-gradient(90deg, #3f489c, #0071ff)
}

.spectrum-linear-part-1-2 {
    background: linear-gradient(90deg, #ff9e00, #f81a1b)
}

.spectrum-linear-part-3-4 {
    background: linear-gradient(90deg, #f2061a, #bc1c7c)
}

.spectrum-linear-part-5-6 {
    background: linear-gradient(90deg, #a72f93, #0071ff)
}

.reverse-spectrum-linear {
    background: linear-gradient(270deg, #ff9e00, red 30.93%, #b5007d 61.67%, #21429c 88.09%, #0071ff)
}

.spectrum-diagonal {
    background: linear-gradient(135.24deg, #ff9e00, red 28.75%, #b5007d 55.17%, #21429c 85.29%, #0071ff)
}

.skyq-gradient-1 {
    background: linear-gradient(90deg, #ffeb00, #ff6400)
}

.skyq-gradient-2 {
    background: linear-gradient(90deg, #ff6400, #ff00a5)
}

.skyq-gradient-3 {
    background: linear-gradient(90deg, #ff00a5, #6e00ff)
}

.skyq-gradient-4 {
    background: linear-gradient(90deg, #6e00ff, #00ffdc)
}

.skyq-gradient-5, .skyq-gradient-slider {
    background: linear-gradient(90deg, #6e00ff, #000ff5 49.47%, #00e6ff)
}

.extra-gradient-1 {
    background: linear-gradient(134.8deg, #ef8300, #fbbf00)
}

.extra-gradient-3 {
    background: linear-gradient(134.8deg, #e20512, #df520b)
}

.extra-gradient-6 {
    background: linear-gradient(134.8deg, #a62979, #e7418f)
}

.extra-gradient-10 {
    background: linear-gradient(134.8deg, #0b4495, #007cbf)
}

.cinema-gradient {
    background: linear-gradient(90deg, #ff0031, #9b001f)
}

.cinema-gradient-1 {
    background: linear-gradient(90deg, #ff0031, #cc0028)
}

.cinema-gradient-2 {
    background: linear-gradient(90deg, #cc0028, #9b001f)
}

.cinema-gradient-vertical {
    background: linear-gradient(180deg, #95000e, #ee0c27)
}

.sport-gradient-vertical {
    background: linear-gradient(180deg, #162f84, #1f80ff)
}

.famiglia-gradient {
    background: linear-gradient(90deg, #e98d3c, #cd3c1a)
}

.sport-gradient {
    background: linear-gradient(90deg, #060b42, #2d53a3)
}

.calcio-gradient {
    background: linear-gradient(90deg, #366f2d, #95c11e)
}

.tv-gradient {
    background: linear-gradient(90deg, #0086e0, #54dcf7)
}

.kids-gradient {
    background: linear-gradient(90deg, #ff6218, #ffa300)
}

.app-gradient {
    background: linear-gradient(90deg, #5615b4, #3c00ff)
}

.intrattenimento-plus-gradient {
    background: linear-gradient(90deg, #ff9e00, red 35%, #b5007d 60%, #21429c 85%, #0071ff)
}

.bb-gradient {
    background: linear-gradient(90deg, #6400ff, #a300d9 64.28%, #ff00a5)
}

.bb-gradient-part-1-2 {
    background: linear-gradient(90deg, #7a3af9, #9f24dc)
}

.bb-gradient-part-3-4 {
    background: linear-gradient(90deg, #a41fd5, #cf1cbd)
}

.bb-gradient-vertical {
    background: linear-gradient(180deg, #6400ff, #a300d9 64.28%, #ff00a5)
}

.bf-gradient-vertical {
    background: linear-gradient(#000, #333)
}

.assistenza-main-gradient {
    background: linear-gradient(135deg, #1a2980, #21a2f2)
}

.assistenza-light-gradient {
    background: linear-gradient(135deg, #e8eaf3, #e9f6fe)
}

.message-default-gradient {
    background: linear-gradient(135deg, #5b77c9, #3752a0)
}

.message-alert-gradient {
    background: linear-gradient(135deg, #e3000f, #a72879)
}

.shopping-cart-gradient {
    background: linear-gradient(88deg, #0080df, #079ef8)
}

.configurator-gradient {
    background: linear-gradient(90deg, #000ff5, #00d2ff)
}

.configurator-vertical {
    background: linear-gradient(180deg, #000ff5, #00d2ff)
}

.configurator-gradient-half-1 {
    background: linear-gradient(90deg, #000ff5, #00a5fc)
}

.configurator-gradient-half-2 {
    background: linear-gradient(90deg, #00a5fc, #00d2ff)
}

.configurator-diagonal {
    background: linear-gradient(135.24deg, #000ff5, #00d2ff)
}

.skyq-cinema-gradient {
    background: linear-gradient(90deg, #f08300, #e3000f 30%, #a72879 69%, #753182)
}

.whatsapp-chat-section {
    position: fixed;
    bottom: 3rem;
    right: 1rem;
    z-index: 100
}

.whatsapp-chat-section .container {
    padding: 0
}

.whatsapp-chat-section .logo {
    width: 3rem;
    height: 3rem
}

.visual-right-variant .wrapper-logo-super-promo {
    max-width: 235px;
    margin: 20px auto 0
}

@media only screen and (min-width: 768px) {
    .visual-right-variant .wrapper-logo-super-promo {
        margin: 25px auto 20px
    }
}

.visual-right-variant .wrapper-logo-super-promo img {
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    -o-object-fit: contain;
    object-fit: contain
}

.visual-right-variant .wrapper-logo-super-promo p {
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #4d4d4d
}

.visual-right-variant .price-value {
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .visual-right-variant .price-value {
        margin-bottom: 0
    }
}

.visual-right-variant .price-value .price-left, .visual-right-variant .price-value .price-right {
    font-weight: 500
}

.visual-right-variant .price-value .price-right {
    text-align: center
}

.visual-right-variant .price-description, .visual-right-variant .price-value .price-right .period {
    color: #091153
}

.visual-right-variant .new-cust-offer {
    font-size: 8px !important
}

.section-promo-netflix {
    padding: 0 20px;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix {
        padding: 0;
    }
}

.section-promo-netflix .section-title {
    margin: 0 auto 30px auto;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media only screen and (min-width: 768px) {
    .section-promo-netflix .section-title {
        font-size: 30px;
        line-height: 32px;
    }
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .section-title {
        margin: 0 auto 50px auto;
        font-size: 40px;
        line-height: 42px;
    }
}

.section-promo-netflix .section-title .line-break {
    display: block;
}
@media only screen and (min-width: 768px) {
    .section-promo-netflix .section-title .line-break--dsk {
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    .section-promo-netflix .container-section-content {
        display: flex;
        justify-content: center;
        gap: 80px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-description {
    margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description {
        margin: 20px 0 0 0;
    }   
}

.section-promo-netflix .container-section-content .wrapper-promo-description .promo-description-offer-logo {
    display: block;
    max-width: 200px;
    margin: 0 auto 10px auto;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .promo-description-offer-logo {
        max-width: 340px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-description .promo-description-offer-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.section-promo-netflix .container-section-content .wrapper-promo-description .box-price {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    gap: 5px;
}

.section-promo-netflix .container-section-content .wrapper-promo-description .promo-text-description {
    margin-bottom: 22px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.section-promo-netflix .container-section-content .wrapper-promo-description .note-legali {
    display: none;
    max-width: 350px;
    margin: 16px auto 0 auto;
    font-size: 8px;
    line-height: 11px;
    text-align: center;
    color: #131518;
}
@media only screen and (min-width: 768px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .note-legali {
        display: block;
    }
}
@media only screen and (min-width: 992px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .note-legali {
        max-width: 470px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .note-legali {
        max-width: 475px;
        margin-top: 20px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-value {
    margin: 0;
    font-size: 77px;
    background: linear-gradient(90deg, #FF7800 0%, #F80032 67.05%, #FF00A0 103.68%,  #8C28FF 60.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-value {
        font-size: 80px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-details .price-currency {
    margin: 0;
    font-size: 37px;
    background: linear-gradient(90deg, #8C28FF 20.09%, #0023FF 79.96%, #1798FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-details .price-currency {
        font-size: 44px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-details .price-info {
    margin: 0;
    font-size: 9px;
    line-height: 9px;
    color: #4d4d4d;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-description .box-price .price-details .price-info {
        font-size: 10px;
        line-height: 10px;
    }
}

.section-promo-netflix .container-section-content .cta-snrs {
    margin: 0 auto;
}

.section-promo-netflix .container-section-content .wrapper-promo-visual .logo-superpromo {
    display: block;
    width: 178px;
    margin: 0 auto 5px auto;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-visual .logo-superpromo {
        width: 245px;
        margin-bottom: 10px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-visual .promo-expire-date {
    margin: 0 auto 20px auto;
    font-size: 11px;
    text-align: center;
    color: #4D4D4D;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-visual .promo-expire-date {
        margin: 0 auto 30px auto;
        font-size: 14px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-visual .promo-visual-image {
    display: block;
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
    object-fit: contain;
}
@media only screen and (min-width: 1200px) {
    .section-promo-netflix .container-section-content .wrapper-promo-visual .promo-visual-image {
        max-width: 468px;
    }
}

.section-promo-netflix .container-section-content .wrapper-promo-visual .note-legali {
    margin: 0;
    font-size: 8px;
    line-height: 9px;
    text-align: center;
    color: #131518;
}

@media only screen and (min-width: 768px) {
    .section-promo-netflix .container-section-content .wrapper-promo-visual .note-legali {
        display: none;
    }
}

.text-left {
    text-align: left !important;
}

@media only screen and (min-width: 1025px) {
    .cta-aol-header {
        display: none;
    }    
}
/* componente cards complex */
.cards-complex-vertical.grey {
    background-color: #fafafa;
    padding-top: 0px;
}
@media screen and (min-width: 48.0625rem){
    .cards-complex-vertical.grey {
        padding-top: 3.125rem;
    }
}
.cards-complex-vertical .container .row .title {
    display: block;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 400;
    margin: 0 auto;
}
@media screen and (min-width: 48.0625rem){
    .cards-complex-vertical .container .row .title {
        font-size: 3rem;
        line-height: 3.25rem;
    }
}
.cards-complex-vertical .cards-complex-vertical__card-wrapper+.cards-complex-vertical__card-wrapper {
    margin-top: 30px;
    margin-left: 0px;
}
@media screen and (min-width: 48.0625rem){
    .cards-complex-vertical .cards-complex-vertical__card-wrapper+.cards-complex-vertical__card-wrapper {
        margin-top: 0;
        margin-left: 15px;
    }
}
.cards-complex-vertical .cards-complex-vertical__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 40px 0;
    margin-top: 3.125rem;
}
@media screen and (min-width: 550px) and ( max-width: 1024px){
    .cards-complex-vertical .cards-complex-vertical__wrapper {
        flex-direction: column;
    }
}
@media screen and (min-width: 1025px){
    .cards-complex-vertical .cards-complex-vertical__wrapper {
        flex-direction: row;
        align-items: flex-start;
    }    
}
.cards-complex-vertical__wrapper--double-offer {
    gap: 15px;
}
@media screen and (min-width: 48.0625rem) {
    .cards-complex-vertical__wrapper--double-offer {
        flex-direction: column;
        align-items: center;
    }
}
.cards-complex-vertical .cards-complex-vertical__card-wrapper {
    flex: 1;
    max-width: 340px;
}
@media screen and (min-width: 48.0625rem) {
    .cards-complex-vertical .cards-complex-vertical__card-wrapper {
        max-width: 390px;
    }
}
.offerta {
    display: block;
}
.cards-complex-vertical .cards-complex-vertical__card {
    position: relative;
    padding: 3.75rem 1.25rem 1.4375rem;
    background-color: #fff;
    box-shadow: 0 12px 17px 0 rgba(0,0,0,.14);
    border-radius: 0.25rem;
    min-height: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
@media screen and (min-width: 1024px){
    .cards-complex-vertical .cards-complex-vertical__card {
        min-height: 780px;
        display: flex;
        flex-direction: column;
    }    
}
.cards-complex-vertical .cards-complex-vertical__card-wrapper .card-note {
    padding-top: 0.5rem;
    font-size: .5625rem;
    line-height: .75rem;
}
.card-note{
    text-align: left;
    color: #282828;
    font-size: .625rem;
    letter-spacing: 0;
    line-height: .875rem;
    width: 300px;
}
@media screen and (min-width: 48.0625rem){
    .card-note{
        padding: 0px;
        width: 100%;
        max-width: 800px;
    }
}

.cards-complex-vertical p {
    margin: 0;
}
.cards-complex-vertical .cards-complex-vertical__card:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: linear-gradient(90deg,#ff9e00,red 30.93%,#b5007d 61.67%,#21429c 88.09%,#0071ff);
    position: absolute;
    top: 0;
    left: 0;
}
.cards-complex-vertical .tag-text {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.25rem 0 0.25rem 0.25rem;
    padding: 0.625rem 1rem;
    background: linear-gradient(-10deg,transparent 49%,hsla(0,0%,100%,.25) 50%,hsla(0,0%,88.2%,0)) #ef4c0f;
}
.cards-complex-vertical .tag-text:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #ef4c0f;
    top: 0;
    right: -5px;
}
.cards-complex-vertical .tag-text .text {
    margin: 0;
    font-size: .875rem;
    color: #fff;
}
.cards-complex-vertical .tag-text:after {
    content: "";
    position: absolute;
    background: #b83b0c;
    top: 1px;
    right: -7px;
    height: 4px;
    width: 7px;
    border-radius: 7.5px 7.5px 0 0;
    z-index: 1;
}
.cards-complex-vertical .card-complex__head {
    display: flex;
    flex-direction: row;
}
.cards-complex-vertical .card-complex__head__img-wrap {
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    padding: 0 0.625rem;
    align-items: flex-start;
}
@media screen and (min-width: 48.0625rem){
    .cards-complex-vertical .card-complex__head__img-wrap {
        flex-direction: row;
        align-items: center;
    }
}
.cards-complex-vertical .card-complex__head__price {
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 0.5rem;
}
.cards-complex-vertical .price {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.cards-complex-vertical .price .price-big {
    font-size: 40px;
    line-height: 2.875rem;
    color: #091153;
}
.cards-complex-vertical .price .price-small {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}
.cards-complex-vertical .card-complex__head__img {
    display: block;
    width: 130px;
    margin: 0 auto;
}
.cards-complex-vertical .card-complex__head__text {
    font-size: 11px;
    color: #091153;
    padding-left: 4px;
}
.cards-complex-vertical .card-complex__head__price {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 0.5rem;
}
.cards-complex-vertical .price .price-small .value {
    font-size: 18px;
    line-height: 18px;
    color: #091153;
}
.cards-complex-vertical .price .price-small .month {
    font-size: 10px;
    line-height: 10px;
    color: #091153;
}
.cards-complex-vertical .price .price-small .info {
    font-size: 8px;
    line-height: .5rem;
    color: #091153;
}
.cards-complex-vertical .card-complex__head__price .price-info {
    padding-top: 1.25rem;
    text-align: right;
    font-size: .5625rem;
    line-height: .6875rem;
    color: #091153;
}
.card-complex__body__title{
    padding-top: 15px;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__title {
        font-size: 1rem;
    }
}
.cards-complex-vertical .card-complex__body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.25rem 0;
    position: relative;
}
.cards-complex-vertical .card-complex__body__img-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-wrap {
        flex: auto;
        width: 70%;
    }
}
.cards-complex-vertical .card-complex__body__img-offer-wrap {
    position: relative;
}
.cards-complex-vertical .card-complex__body__img-offer {
    padding: 0 0.625rem;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-offer {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}
.cards-complex-vertical .card-complex__body__img {
    display: block;
    width: 100%;
    margin: 0;
}

.cards-complex-vertical .card-complex__body__img-offer .card-complex__body__img {
    display: block;
    width: 100%;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-offer .card-complex__body__img {
        width: 150px;
    }
}
.cards-complex-vertical .card-complex__body__text {
    padding-top: 0.5rem;
    font-size: 10px;
    line-height: 10px;
    min-height: 2.5rem;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__text {
        padding-left: 0.625rem;
        width: 12.5rem;
    }
}

@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-offer+.card-complex__body__img-offer {
        margin-top: 0.625rem;
    }
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-offer {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}
.cards-complex-vertical .card-complex__body__img-offer-wrap:after {
    content: "";
    width: 10px;
    height: calc(100% - 80px);
    border-right: 1px solid grey;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    right: -10px;
    top: 15px;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__img-offer-wrap:after {
        height: calc(100% - 50px);
        top: 20px;
    }
}
.cards-complex-vertical .card-complex__body__price {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media screen and (min-width: 64.0625rem){
    .cards-complex-vertical .card-complex__body__price {
        flex: auto;
        width: 30%;
    }
}
.cards-complex-vertical .old-price.not {
    position: relative;
}
.cards-complex-vertical .old-price {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #909090;
    margin: 0;
    display: flex;
}
.cards-complex-vertical .old-price.not:after {
    content: "";
    width: 40px;
    height: 1px;
    position: absolute;
    background: #909090;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-30deg);
}
.cards-complex-vertical .card-complex__body__price .start {
    font-size: .5rem;
}
.cards-complex-vertical .card-complex__price {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0;
    margin-top: auto;
}
.cards-complex-vertical .cards-complex-vertical__card .cta-wrap .cta-snrs {
    margin-top: .875rem;
    display: block;
    width: 100%;
    max-width: none;
}
.box-info{
    width: 300px;
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    margin-top: 15px;
    border-radius: 8px;
    margin-left: auto;
}
.box-info-mob{
    width: 300px;
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    border-radius: 8px;
    margin-bottom: 20px;
}
.box-info-p{
    margin: 0;
    font-size: 19px;
}
.wrapper-double-offer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.double-offer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (min-width: 769px) and ( max-width: 1024px){
    .double-offer-content {
        align-items: flex-start;
        flex-direction: row;
        justify-content: center;
    }
}
@media only screen and (min-width: 1024px) {
    .double-offer-content {
        flex-direction: row;
    }
}

.title-gradient-box{
    font-size: 14px;
}
.container-cta{
    display: flex;
}
.image-full-box{
    width: 100%;
}

.visual-left .bollo-black-friday {
    margin: 0 auto 10px auto;
    width: 170px;
}

.visual-left .bollo-black-friday {
    margin: 0 auto 10px auto;
    width: 170px;
}

.visual-left .description-black-friday-offer {
    margin-bottom: 0;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    color: #333;
}

.wrapper-logo-offer-bf img {
    display: block;
    width: 140px;
    margin: 0 auto 12px auto;
}

.wrapper-logo-offer-bf p {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; /* 105.556% */
    color: #4D4D4D;
}

.wrapper-logo-offer-bf p .line-break {
    display: block;
}

.wrapper-logo-offer-bf .bollo-black-friday {
    margin-bottom: 10px;
}

.wrapper-logo-offer-bf .subtitle {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
    color: #333;
}

@media only screen and (min-width: 768px) {
    .wrapper-logo-offer-bf img {
        width: 240px;
    }

    .wrapper-logo-offer-bf p {
        font-size: 18px;
    }

    .wrapper-logo-offer-bf p .line-break {
        display: inline-block;
    }

    .description-black-friday-offer {
        display: none;
    }

    .visual-left .bollo-black-friday {
        display: none;
    }
}

.bf-offer-visual-image {
    width: 220px;
    margin: 15px 0 20px 0;
}

.visual-right .bollo-black-friday {
    display: none;
}
@media only screen and (min-width: 768px) {
    .visual-right .bollo-black-friday {
        width: 250px;
        display: block;
    }

    .visual-right .subtitle {
        color: #333;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        margin-top: 5px;
    }

    .visual-right .price-title {
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 1.625rem;
        color: #333;
    }

    .bf-offer-visual-image {
        width: 340px;
        margin: 15px 0 20px 130px;
    }
}

.section-black-friday-offers-module {
    margin: 0;
    padding: 0 20px;
}

.section-black-friday-offers-module .section-title {
    margin: 0 0 20px 0;
    font-size: 28px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv:not(:last-of-type) {
    margin-bottom: 40px;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv .title {
    margin: 0;
    font-size: 30px;
    font-style: normal;
    text-align: center;
    font-weight: 500;
    line-height: normal;
    color: #091153;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv .television-image {
    display: block;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv .television-image.small {
    width: 195px;
    margin: 10px auto 0 auto;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv .television-image.medium {
    width: 222px;
    margin: 15px auto 0 auto;
}

.section-black-friday-offers-module .wrapper-televisions .box-tv .television-image.large {
    width: 255px;
    margin: 15px auto 0 auto;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers {
    margin-top: 20px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer {
    padding: 7px 40px 20px 40px;
    border-radius: 8px;
    border: 1px solid #0A0E57;
    background: #FAFAFA;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .title {
    margin: 0 0 8px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: normal;
    color: #091153;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-unica-soluzione {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-unica-soluzione .small-price {
    position: relative;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #909090;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer:not(:last-of-type) {
    margin-bottom: 10px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-unica-soluzione .small-price:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #909090;
    transform: translateY(-50%) rotate(-15deg);
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-unica-soluzione .big-price {
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #091153;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-unica-soluzione img {
    width: 78px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .box-offer-aol {
    flex: none;
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    min-width: 14.75rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
    box-sizing: border-box;
    color: #fff;
    background-color: #000ff5;
    background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
    border-radius: 0.25rem;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .cmn {
    color: #000FF5;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: block;
    margin: 10px 0 0 0;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .cmn .icon {
    display: inline-block;
    height: 5px;
    width: 5px;
    margin-left: 5px;
    border-top: 1px solid #000FF5;
    border-right: 1px solid #000FF5;
    transform: rotate(45deg);
    vertical-align: middle;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-acquisto-rate .box-offer-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-acquisto-rate .main-price {
    color: #091153;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 59.724px;
    margin: 0;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-acquisto-rate .price-decimals {
    color: #091153;
    font-size: 31.913px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.913px;
    margin: 0;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-acquisto-rate .description {
    margin: 0;
    color: #4D4D4D;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 8.854px;
    margin-left: 5px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .wrapper-acquisto-rate .description span {
    display: block;
    font-size: 8px;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .offer-gradient-title {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wrapper-televisions .box-tv .wrapper-mobile-offers .box-offer .offer-subtitle {
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 8px 0;
    text-align: center;
}

.wrapper-desktop-unica-soluzione,
.wrapper-desktop-acquisto-a-rate {
    display: none;
}

.wrapper-televisions .note-legali {
    color: #282828;
    text-align: center;
    font-size: 7px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section-black-friday-offers-module .note-legali-dsk {
    display: none;
    max-width: 1075px;
    margin: 0 auto;
    color: #282828;
    text-align: center;
    font-size: 7px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media only screen and (min-width: 1024px) {
    .wrapper-televisions .note-legali {
        display: none;
    }

    .section-black-friday-offers-module .note-legali-dsk {
        display: block;
    }

    .section-black-friday-offers-module .wrapper-televisions .box-tv .wrapper-mobile-offers {
        display: none;
    }

    .section-black-friday-offers-module .wrapper-televisions {
        display: flex;
        width: 905px;
        margin: 0 auto;
        justify-content: space-between;
        align-items: flex-end;
    }

    .section-black-friday-offers-module .wrapper-televisions .box-tv {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-self: stretch;
    }

    .section-black-friday-offers-module .wrapper-televisions .box-tv .television-image.small,
    .section-black-friday-offers-module .wrapper-televisions .box-tv .television-image.medium {
        margin: 0;
    }

    .section-black-friday-offers-module .wrapper-televisions .box-tv:not(:last-of-type) {
        margin-bottom: 0;
    }

    .section-black-friday-offers-module .section-title {
        margin: 40px 0;
        font-size: 40px;
    }

    .wrapper-desktop-unica-soluzione,
    .wrapper-desktop-acquisto-a-rate {
        display: block;
        width: 905px;
        padding: 8px 20px 20px;
        margin: 30px auto 15px auto;
        background: #FAFAFA;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        border: 1px solid #0A0E57;
    }

    .wrapper-desktop-unica-soluzione .wrapper-title {
        margin-bottom: 15px;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        color: #091153;
    }

    .wrapper-desktop-unica-soluzione .container-offer-boxes,
    .wrapper-desktop-acquisto-a-rate .container-offer-boxes {
        display: flex;
        justify-content: space-between;
    }

    .wrapper-desktop-unica-soluzione .box-offer,
    .wrapper-desktop-acquisto-a-rate .box-offer {
        width: 233px
    }

    .wrapper-desktop-unica-soluzione .box-offer:nth-child(2),
    .wrapper-desktop-acquisto-a-rate .box-offer:nth-child(2) {
        padding: 0 42px;
        box-sizing: content-box;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .wrapper-desktop-unica-soluzione .title,
    .wrapper-desktop-acquisto-a-rate .title {
        margin: 0 0 15px 0;
        font-size: 22px;
        text-align: center;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: #091153;
    }
    .wrapper-desktop-unica-soluzione .wrapper-solution {
        display: flex;
        margin-bottom: 10px;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .wrapper-desktop-unica-soluzione .wrapper-solution .small-price {
        position: relative;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #909090;
    }
    .wrapper-desktop-unica-soluzione .wrapper-solution .small-price:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        background-color: #909090;
        transform: translateY(-50%) rotate(-15deg);
    }
    .wrapper-desktop-unica-soluzione .wrapper-solution .big-price {
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: #091153;
    }
    .wrapper-desktop-unica-soluzione .wrapper-solution img {
        width: 78px;
    }
    .wrapper-desktop-unica-soluzione .box-offer-aol,
    .wrapper-desktop-acquisto-a-rate .box-offer-aol {
        flex: none;
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        width: 100%;
        font-size: 1rem;
        font-weight: 500;
        padding: 0.5rem 1rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition-property: all;
        transition-duration: .4s;
        transition-timing-function: ease;
        box-sizing: border-box;
        color: #fff;
        background-color: #000ff5;
        background-image: linear-gradient(-1deg, transparent 49%, hsla(0, 0%, 100%, .25) 50%, hsla(0, 0%, 88.2%, 0));
        border-radius: 0.25rem;
    }

    .wrapper-desktop-acquisto-a-rate .wrapper-acquisto-rate .box-offer-price {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }
    .wrapper-desktop-acquisto-a-rate .wrapper-acquisto-rate .main-price {
        color: #091153;
        font-size: 54px;
        font-style: normal;
        font-weight: 400;
        line-height: 59.724px;
        margin: 0;
    }
    .wrapper-desktop-acquisto-a-rate .wrapper-acquisto-rate .price-decimals {
        color: #091153;
        font-size: 31.913px;
        font-style: normal;
        font-weight: 400;
        line-height: 31.913px;
        margin: 0;
    }
    .wrapper-desktop-acquisto-a-rate .wrapper-acquisto-rate .description {
        margin: 0;
        color: #4D4D4D;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 8.854px;
        margin-left: 5px;
    }
    .wrapper-desktop-acquisto-a-rate .wrapper-acquisto-rate .description span {
        display: block;
        font-size: 8px;
    }
    .wrapper-desktop-acquisto-a-rate .offer-gradient-title {
        margin: 0;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background: linear-gradient(90deg, #FF7800 7.82%, #F80032 27.83%, #FF00A0 39.94%, #8C28FF 60.09%, #0023FF 79.96%, #1798FF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .wrapper-desktop-acquisto-a-rate .offer-subtitle {
        color: #333;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 8px 0;
        text-align: center;
    }
    .wrapper-desktop-acquisto-a-rate .cmn {
        color: #000FF5;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        text-decoration: none;
        text-align: center;
        width: 100%;
        display: block;
        margin: 10px 0 0 0;
    }
    .wrapper-desktop-acquisto-a-rate .cmn .icon {
        display: inline-block;
        height: 5px;
        width: 5px;
        margin-left: 5px;
        border-top: 1px solid #000FF5;
        border-right: 1px solid #000FF5;
        transform: rotate(45deg);
        vertical-align: middle;
    }
}

.period-small {
    margin: 0 0 0 1rem;
}

.price-description-gradient-span {
    font-size: 22px;
}

.price-left-gradient {
    background: linear-gradient(90deg, #FF7800 12.33%, #F80032 43.88%, #FF00A0 62.98%, #8C28FF 94.74%, #0023FF 126.06%, #1798FF 157.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.price-right-gradient {
    background: linear-gradient(90deg, #FF7800 -133.41%, #F80032 -82.74%, #FF00A0 -52.07%, #8C28FF -1.05%, #0023FF 49.24%, #1798FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.price-value--margin {
    margin-bottom: 10px;
}

/*Background color counter*/
#counter-lp-glass .counter-title {
    margin: 0 0 15px 0;
    font-size: 16px;
    text-align: center;
    color: #4D4D4D;
}

#counter-lp-glass .wrapper-counter {
    display: flex;
    justify-content: center;
    gap: 6px;
}

#counter-lp-glass .wrapper-counter .box-time {
    width: 45px;
    border-radius: 5px;
}

#counter-lp-glass .wrapper-counter .box-time--days {
    background: linear-gradient(90deg, #FF8C00 22.88%, #F80032 112.3%, #FF00A0 201.12%, #8C28FF 290.16%, #0023FF 366.2%, #19A0FF 428.28%);
}

#counter-lp-glass .wrapper-counter .box-time--hours {
    background: linear-gradient(90deg, #FF8C00 -88.29%, #F80032 -0.72%, #FF00A0 86.27%, #8C28FF 173.47%, #0023FF 247.93%, #19A0FF 308.73%);
}

#counter-lp-glass .wrapper-counter .box-time--minutes {
    background: linear-gradient(90deg, #FF8C00 -201.95%, #F80032 -113.94%, #FF00A0 -26.51%, #8C28FF 61.12%, #0023FF 135.96%, #19A0FF 197.07%);
}

#counter-lp-glass .wrapper-counter .box-time--seconds {
    background: linear-gradient(90deg, #FF8C00 -317.48%, #F80032 -229.47%, #FF00A0 -142.05%, #8C28FF -54.41%, #0023FF 20.43%, #19A0FF 81.54%);
}

#counter-lp-glass .wrapper-counter .box-time .box-tag {
    display: block;
    position: relative;
    padding: 5px 0px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

#counter-lp-glass .wrapper-counter .box-time .box-tag::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.4;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    border-radius: 10.101px 10.101px 0px 0px;
}

#counter-lp-glass .wrapper-counter .box-time .box-timer-number {
    text-align: center;
    padding: 5px 0px;
}

#counter-lp-glass .wrapper-counter .box-time .box-timer-number p {
    margin: 0px;
    font-size: 25px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.visual-counter-wrapper {
    margin-bottom: 20px;
}

.visual-skyglass.abbonarsi {
    padding-top: 25px;
}

@media only screen and (min-width: 800px) {
    .visual-skyglass.abbonarsi {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 1024px) {
    #counter-lp-glass .counter-title {
        font-size: 20px;
    }

    #counter-lp-glass .wrapper-counter .box-time .box-tag {
        font-size: 10px;
    }

    #counter-lp-glass .wrapper-counter .box-time .box-timer-number p {
        font-size: 30px;
    }

    .visual-counter-wrapper {
        margin-bottom: 10px;
    }

    #counter-lp-glass .wrapper-counter .box-time {
        width: 55px;
    }

    #counter-lp-glass .wrapper-counter {
        gap: 8px;
    }

    .visual-horizontal-new .container {
        padding: 50px 0;
    }

    .visual-skyglass.abbonarsi {
        padding-top: 50px;
    }
}