.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
}

.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
}

.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.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.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.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.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.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
}

.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: #000FF5;
    vertical-align: middle
}

.text-link:hover {
    color: #007aff;
    text-decoration: none;
    transform: 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.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
}

.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
}

.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
}

.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.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
}

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

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

main [tippy] {
    cursor: pointer
}

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: 1280px;
    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 .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
    }
}

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.no-margin {
    margin-bottom: 0
}

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

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
}

#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.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
}

@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
}

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

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

.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
}

@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.ups {
    background: hsla(0, 0%, 100%, .9);
    border-bottom: .0625rem solid #e5e5e5
}

.header .container a {
    margin: 0
}

.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%
}

.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
    }
}

@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.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
}

.header.abbonarsi {
    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 (max-width: 48.0625rem) {
    .licha_engagement .ctlive_widget .header {
        top: auto
    }
}

@media screen and (min-width: 821px) {
    .onlyMobile {
        display: none
    }
}

.assistenza-main-gradient {
    background: linear-gradient(135deg, #1a2980, #21a2f2)
}

.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,
.section-footer .cookie-policy {
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin: 0;
    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 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
}

.helpService, .InformativaPrivacy {
    font-size: 1rem !important;
    text-align: center
}

.hero-wa-cta {
    margin-top: 10px;
}

.visual-skyglass .container .visual-right .availability-offer .cta-wrapper {
    align-items: center
}

@media only screen and (min-width: 768px) {
    .cards-complex-vertical .cards-complex-vertical__card {
        min-height: 970px
    }
}

.visual-skyglass {
    margin-top: 80px !important
}

@media only screen and (min-width: 768px) {
    .visual-skyglass {
        margin-top: 70px !important
    }
}

@media only screen and (min-width: 821px) {
    .visual-skyglass .container .visual-left {
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1024px) {
    .visual-right {
        padding-top: 40px
    }
}

.availability-offer-sw-sport .new-cust-offer:not(:last-of-type) {
    margin-bottom: 10px
}

@media only screen and (min-width: 1200px) {
    .visual-right {
        padding-top: 0;
    }

    .cta-wrapper.cta-wrapper-sw-sport {
        margin-bottom: 23px;
    }

    .new-cust-offer {
        margin-top: 20px;
    }
}

.configurator-gradient--violet {
    background: linear-gradient(90deg, #FF8C00 5.12%, #F80032 25.12%, #FF00A0 44.99%, #8C28FF 64.91%, #0023FF 81.92%, #19A0FF 95.8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media screen and (min-width:48.0625rem){
    .hero-wa-cta,
    .sticky-wa-cta,
    .mobile-dynamic-cmn {
        display: none;
    }
}

.d-none {
    display: none !important;
}

/*NEW STYLE*/
body, html {
  scroll-behavior: smooth;
}

.sky-mobile-gradient {
    background:linear-gradient(90deg, #FF8C00 5.12%, #F80032 25.12%, #FF00A0 44.99%, #8C28FF 64.91%, #0023FF 81.92%, #19A0FF 95.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo-sky {
  width: 52px;
}

/*VISUAL*/
.section-visual {
    margin: 60px 0;
    background: linear-gradient(180deg, #F3F3FF, transparent);;
}

.section-visual .wrapper-content {
    max-width: 768px;
    margin: 20px auto;
}

.wrapper-visual-offer {
    padding: 0 24px;
}

.visual-offer-title {
    margin: 40px 0;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    line-height: 36px;
    letter-spacing: -0.56px;
}

.visual-offer-title .line-break {
    display: block;
}

.visual-offer-subtitle {
    margin:  0 0 30px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
    letter-spacing: -0.4px;
    color: #4D4D4D;
}

.wrapper-visual-cta .cta-snrs {
    margin: 0 auto;
}

.section-footer {
    text-align: center;
    margin: 2rem auto;
}

.section-footer .wrapper-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px 50px;
    border-top: 1px solid #E5E5E5;
}

.section-footer .logo-sky {
    display: block;
    width: 44px;
    margin: 0 auto 4px;
}

.section-footer p {
    margin: 0 0 32px 0;
    color: #ACACAC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@keyframes modalContentReveal {
    0% {
        top: 40px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .section-visual {
        margin: 60px 0 0 0;
    }

    .section-visual .wrapper-content {
        display: flex;
        max-width: 100%;
        align-items: center;
    }

    .wrapper-visual-offer {
        max-width: unset;
        padding: 40px 24px 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .visual-offer-title {
        margin: 0 0 24px;
        font-size: 60px;
        line-height: 58px;
        font-weight: 400;
    }

    .visual-offer-subtitle {
        margin: 0 0 50px;
        font-size: 26px;
        line-height: 34px;
        text-align: center;
    }

    .visual-offer-subtitle .text-icon {
        vertical-align: initial;
    }

    .wrapper-visual-cta {
        display: flex;
        margin-bottom: 10px;
    }

    .wrapper-visual-cta .cta-snrs {
        max-width: 230px;
    }

    .container-boxes-offer-advantages {
        padding: 0;
        flex-direction: row;
        justify-content: center;
        gap: 120px;
    }

    .wrapper-icon-offer-advantages {
        display: flex;
        min-height: 80px;
        justify-content: center;
        align-items: flex-end;
    }

    .offer-advantages-title .line-break {
        display: block;
    }

    .box-offer-advantages {
        width: 315px;
    }

    .offer-advantages-title {
        font-size: 25px;
    }

    .offer-advantages-title .line-break {
        display: block;
    }

    .section-offer-personalization {
        margin: 0 0 30px 0;
        padding-bottom: 30px;
    }

    .wrapper-boxes-offer-personalization {
        flex-direction: row;
        justify-content: center;
    }
    
    .box-offer-personalization {
        padding: 30px 0 35px 0;
    }
    .section-offer-personalization .section-title {
        margin: 0 0 85px 0;
        font-size: 52px;
        line-height: unset;
    }

    .section-offer-personalization .section-title .line-break {
        display: inline-block;
    }

    .box-list-item p {
        max-width: 38ch;
    }
    .section-footer .wrapper-content {
        padding: 32px 0 250px;
    }
}

/* box clienti Sky */
.cmn-side {
    position:relative;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:2.0625rem;
    box-shadow:0 5px 7px 0 rgba(0,0,0,.2);
    border-radius:.125rem;
    width: 260px;
    margin: 30px auto;
}
 .cmn-side:after{
    content: "";
    background:linear-gradient(90deg, #FF8C00 5.12%, #F80032 25.12%, #FF00A0 44.99%, #8C28FF 64.91%, #0023FF 81.92%, #19A0FF 95.8%);
    position: absolute;
    top: 0;
    left: 0;
    height: .25rem;
    width: 100%;
    border-radius: .125rem .125rem 0 0;
}
.cmn-title{
    font-size: 24px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: center;
}
.cmn-description{
    font-size: 16px;
    text-align: center;
}
@media screen and (min-width: 821px) {
    .cmn-side {
        width: 550px;
        box-shadow: 0 11px 15px 0 rgba(0, 0, 0, .2);
        border-radius: .375rem;
    }
    .cmn-side:after {
        border-radius: .375rem .375rem 0 0;
        height: .375rem;
    }
}