/* ----------------------------------------------------------------------
   Variabili Custom
---------------------------------------------------------------------- */

:root {
    --font-xxxxl: max(1.5rem, calc(100vw * 0.1302083)); /* 250px @ 1920 */
    --font-xxxl: max(3.125rem, calc(100vw * 0.05208)); /* 100px @ 1920 */
    --font-xxl: max(2.625rem, calc(100vw * 0.04167)); /* 80px @ 1920 */
    --font-xl: max(2rem, calc(100vw * 0.02604)); /* 50px @ 1920 */
    --font-l: max(1.5rem, calc(100vw * 0.02083)); /* 40px @ 1920 */
    --font-md: max(1.25rem, calc(100vw * 0.01042)); /* 20px @ 1920 */
    /* --font-sm: max(1.125rem, calc(100vw * 0.009375));  18px @ 1920 */
    --font-sm: max(1rem, calc(100vw * 0.00833)); /* 16px @ 1920 */
    --font-xs: max(0.75rem, calc(100vw * 0.0078125)); /* 15px @ 1920 */

    --font-custom-01: max(1rem, calc(100vw * 0.01302)); /* 25px @ 1920 */
    --font-custom-02: max(1.75rem, calc(100vw * 0.03125)); /* 60px @ 1920 */
    --font-custom-03: max(2rem, calc(100vw * 0.0365)); /* 70px @ 1920 */
    --font-custom-04: max(1.5rem, calc(100vw * 0.015625)); /* 30px @ 1920 */

    --line-h-l: 110%;
    --line-h-md: 95%;
    --line-h-sm: 90%;
    --letter-spacing-xl: 0.05em; /* 5% */
    --letter-spacing-l: 0.03em; /* 3% */
    --letter-spacing-sm: -0.01em; /* -1% */
    --letter-spacing-xs: -0.03em; /* -3% */
    /* Letter spacing for model name */
    --letter-spacing-m: -0.02em; /* -2% */
    --letter-spacing-lg: -0.06em; /* -6% */
    --letter-spacing-xl-neg: -0.12em; /* -12% */
}

/* ----------------------------------------------------------------------
   Fonts
---------------------------------------------------------------------- */

@font-face {
    font-family: 'Schnyder-S-Light-Italic';
    src: url("../fonts/Schnyder-S/Schnyder-S-Light-Italic.eot");
    src: url("../fonts/Schnyder-S/Schnyder-S-Light-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Schnyder-S/Schnyder-S-Light-Italic.woff") format("woff"), url("../fonts/Schnyder-S/Schnyder-S-Light-Italic.ttf") format("truetype"), url("../../css/fonts/Schnyder-S/Schnyder-S-Light-Italic.otf") format("opentype"), url("../fonts/Schnyder-S/Schnyder-S-Light-Italic.svg#Schnyder-S-Light-Italic") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'Schnyder-S-Light';
    src: url("../fonts/Schnyder-S/Schnyder-S-Light.eot");
    src: url("../fonts/Schnyder-S/Schnyder-S-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Schnyder-S/Schnyder-S-Light.woff") format("woff"), url("../fonts/Schnyder-S/Schnyder-S-Light.ttf") format("truetype"), url("../../css/fonts/Schnyder-S/Schnyder-S-Light.otf") format("opentype"), url("../fonts/Schnyder-S/Schnyder-S-Light.svg#Schnyder-S-Light") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'Schnyder-S-Bold';
    src: url("../fonts/Schnyder-S/Schnyder-S-Bold.eot");
    src: url("../fonts/Schnyder-S/Schnyder-S-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Schnyder-S/Schnyder-S-Bold.woff") format("woff"), url("../fonts/Schnyder-S/Schnyder-S-Bold.ttf") format("truetype"), url("../../css/fonts/Schnyder-S/Schnyder-S-Bold.otf") format("opentype"), url("../fonts/Schnyder-S/Schnyder-S-Bold.svg#Schnyder-S-Bold") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SweetSans-ExtraLight';
    src: url("../fonts/SweetSans/SweetSans-ExtraLight.eot");
    src: url("../fonts/SweetSans/SweetSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/SweetSans/SweetSans-ExtraLight.woff") format("woff"), url("../fonts/SweetSans/SweetSans-ExtraLight.ttf") format("truetype"), url("../../css/fonts/SweetSans/SweetSans-ExtraLight.otf") format("opentype"), url("../fonts/SweetSans/SweetSans-ExtraLight.svg#SweetSans-Light") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SweetSans-Light';
    src: url("../fonts/SweetSans/SweetSans-Light.eot");
    src: url("../fonts/SweetSans/SweetSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SweetSans/SweetSans-Light.woff") format("woff"), url("../fonts/SweetSans/SweetSans-Light.ttf") format("truetype"), url("../../css/fonts/SweetSans/SweetSans-Light.otf") format("opentype"), url("../fonts/SweetSans/SweetSans-Light.svg#SweetSans-Light") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SweetSans-Regular';
    src: url("../fonts/SweetSans/SweetSans-Regular.eot");
    src: url("../fonts/SweetSans/SweetSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SweetSans/SweetSans-Regular.woff") format("woff"), url("../fonts/SweetSans/SweetSans-Regular.ttf") format("truetype"), url("../../css/fonts/SweetSans/SweetSans-Regular.otf") format("opentype"), url("../fonts/SweetSans/SweetSans-Regular.svg#SweetSans-Regular") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SweetSans-Medium';
    src: url("../fonts/SweetSans/SweetSans-Medium.eot");
    src: url("../fonts/SweetSans/SweetSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SweetSans/SweetSans-Medium.woff") format("woff"), url("../fonts/SweetSans/SweetSans-Medium.ttf") format("truetype"), url("../../css/fonts/SweetSans/SweetSans-Medium.otf") format("opentype"), url("../fonts/SweetSans/SweetSans-Medium.svg#SweetSans-Medium") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SweetSans-Bold';
    src: url("../fonts/SweetSans/SweetSans-Bold.eot");
    src: url("../fonts/SweetSans/SweetSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SweetSans/SweetSans-Bold.woff") format("woff"), url("../fonts/SweetSans/SweetSans-Bold.ttf") format("truetype"), url("../../css/fonts/SweetSans/SweetSans-Bold.otf") format("opentype"), url("../fonts/SweetSans/SweetSans-Bold.svg#SweetSans-Bold") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SuisseIntl-Book';
    src: url("../fonts/SuisseIntl/SuisseIntl-Book.eot");
    src: url("../fonts/SuisseIntl/SuisseIntl-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl/SuisseIntl-Book.woff") format("woff"), url("../fonts/SuisseIntl/SuisseIntl-Book.ttf") format("truetype"), url("../../css/fonts/SuisseIntl/SuisseIntl-Book.otf") format("opentype"), url("../fonts/SuisseIntl/SuisseIntl-Book.svg#SuisseIntl-Book") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SuisseIntl-Medium';
    src: url("../fonts/SuisseIntl/SuisseIntl-Medium.eot");
    src: url("../fonts/SuisseIntl/SuisseIntl-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl/SuisseIntl-Medium.woff") format("woff"), url("../fonts/SuisseIntl/SuisseIntl-Medium.ttf") format("truetype"), url("../../css/fonts/SuisseIntl/SuisseIntl-Medium.otf") format("opentype"), url("../fonts/SuisseIntl/SuisseIntl-Medium.svg#SuisseIntl-Medium") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url("../fonts/SuisseIntl/SuisseIntl-Regular.eot");
    src: url("../fonts/SuisseIntl/SuisseIntl-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl/SuisseIntl-Regular.woff") format("woff"), url("../fonts/SuisseIntl/SuisseIntl-Regular.ttf") format("truetype"), url("../../css/fonts/SuisseIntl/SuisseIntl-Regular.otf") format("opentype"), url("../fonts/SuisseIntl/SuisseIntl-Regular.svg#SuisseIntl-Regular") format("svg");
    unicode-range: U+000D-FEFF;
}

@font-face {
    font-family: 'SuisseIntl-Light';
    src: url("../fonts/SuisseIntl/SuisseIntl-Light.eot");
    src: url("../fonts/SuisseIntl/SuisseIntl-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl/SuisseIntl-Light.woff") format("woff"), url("../fonts/SuisseIntl/SuisseIntl-Light.ttf") format("truetype"), url("../../css/fonts/SuisseIntl/SuisseIntl-Light.otf") format("opentype"), url("../fonts/SuisseIntl/SuisseIntl-Light.svg#SuisseIntl-Light") format("svg");
    unicode-range: U+000D-FEFF;
}


/* ----------------------------------------------------------------------
   Titles
---------------------------------------------------------------------- */

/* Huge Title */
.h0 {
    font-family: 'Schnyder-S-Light-Italic';
    font-size: var(--font-xxxxl);
    line-height: var(--line-h-sm);
    letter-spacing: var(--letter-spacing-sm);
    text-transform: uppercase;
}

/* Big Title */
.h1 {
    font-family: 'Schnyder-S-Light-Italic';
    font-size: var(--font-xxxl);
    line-height: var(--line-h-md);
    text-transform: uppercase;
}

/* Title */
.h2 {
    font-family: 'Schnyder-S-Light-Italic';
    font-size: var(--font-xxl);
    line-height: 1;
    text-transform: uppercase;
}

/* Flybridge Title */
.h3 {
    font-family: 'SweetSans-Medium';
    font-size: var(--font-xl);
    line-height: var(--line-h-sm);
    letter-spacing: var(--letter-spacing-xs);
}

/* Medium Title */
.h4 {
    font-family: 'SuisseIntl-Book';
    font-size: var(--font-l);
    line-height: 1;
}

/* ----------------------------------------------------------------------
   Copy
---------------------------------------------------------------------- */

/* Medium Copy */
.h5 {
    font-family: 'SuisseIntl-Medium';
    font-size: var(--font-md);
    line-height: var(--line-h-l);
    letter-spacing: var(--letter-spacing-l);
    text-transform: uppercase;
}

/* Body Copy */
.h6 {
    font-family: 'SuisseIntl-Book';
    font-size: var(--font-sm);
    line-height: var(--line-h-l);
    letter-spacing: var(--letter-spacing-l);
    text-transform: uppercase;
}

/* Small Copy */
.h7 {
    font-family: 'SuisseIntl-Regular';
    font-size: var(--font-xs);
    letter-spacing: var(--letter-spacing-xl);
}

/* ----------------------------------------------------------------------
   Text stlyes
---------------------------------------------------------------------- */

.break-text {
    overflow-wrap: break-word; /* standard */
    word-wrap: break-word; /* fallback legacy */
    word-break: break-word; /* supporto extra */
}

/* Infynito huge text */
.h8 {
    font-family: 'SuisseIntl-Book';
    font-size: var(--font-custom-02);
    text-transform: uppercase;
    line-height: 100%;
}

.stick {
    font-family: 'Schnyder-S-Light';
}

.text-initial {
    text-transform: initial !important;
}

.letter-spacing-initial {
    letter-spacing: initial;
}

.flybridge {
    font-family: 'SweetSans-Light';
    letter-spacing: var(--letter-spacing-xl-neg);
    text-transform: uppercase;
}

    .flybridge span:first-child {
        font-family: 'SweetSans-Medium';
    }

.infynito {
    font-family: 'SweetSans-ExtraLight';
    letter-spacing: var(--letter-spacing-m);
    text-transform: uppercase;
}

    .infynito .fy {
        font-family: 'SweetSans-Medium';
        letter-spacing: var(--letter-spacing-m);
        line-height: 1em;
    }

    .infynito .number,
    .flybridge .number {
        font-family: 'SweetSans-Medium';
        letter-spacing: var(--letter-spacing-lg);
        font-size: 1.225em;
        line-height: 1em;
    }

.model-badge {
    position: absolute;
    top: 0%;
    left: 100%;
    font-family: 'SweetSans-Medium';
    display: inline-block;
    text-transform: uppercase;
    font-size: max(0.5375rem, calc(100vw * 0.0078125));
    border: 2px solid #FFFFFF;
    border-radius: 25px;
    padding: 3px 8px 3px 5px;
    margin-left: 0.5rem;
    transition: all 0.25s ease-in-out;
    line-height: 100%;
}

@media (min-width: 1400px) {

    .model-badge {
        top: 0%;
        border: 2px solid #FFFFFF;
        border-radius: 25px;
        padding: 6px 10px;
    }

}

.model-badge.skydeck {
    font-family: 'SweetSans-Bold';
    border: none;
    margin-left: -5px;
    letter-spacing: -0.05rem;
    transform: translateY(-25%);
}

    .model-badge.grey {
        border-color: var(--color-dark-grey);
    }

    .model-badge.plain {
        position: initial;
        border-color: var(--color-dark-grey);
        font-size: 1rem;
    }

.model-number {
    font-family: 'SweetSans-Medium';
    font-size: var(--font-xxxl);
    line-height: var(--line-h-sm);
    letter-spacing: var(--letter-spacing-xs);
    color: var(--color-light-grey);
    margin-bottom: calc(-1 * var(--padding-xs));
    /*text-align: center;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

    .model-number.infynito {
        color: var(--color-ottanio);
        margin-bottom: calc(-1 * var(--padding-md));
    }

.label-infynito {
    color: var(--color-ottanio);
}