@font-face {
    font-family: 'Swiss 721';
    src: url('../css/fonts/Swiss721Roman.woff2') format('woff2'),
        url('../css/fonts/Swiss721Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Swiss 721';
    src: url('../css/fonts/Swiss721Italic.woff2') format('woff2'),
        url('../css/fonts/Swiss721Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Edward-Script';
    src: url('../css/fonts/EdwardScript-Regular.woff2') format('woff2'),
        url('../css/fonts/EdwardScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@CHARSET "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body{
    font-family: Italian-OS;
    cursor: default;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      min-height: 100vh;
    min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}


ol, ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
textarea, input, button { outline: none; }
input.hidden{ display: none; }

:focus {
  outline-color: transparent;
  outline-style: none;
}

/*****************************************************/
/*                      Styling                      */
/*****************************************************/

.p-a{
    padding: 0px;
    box-sizing: border-box;
}
svg{
    width: 50px;
}
svg path{ transition: .2s; }
svg:hover path.one{
    d: path("M32.1,13.6l-5.9,5.8l-0.7-0.6c-0.3-0.3-0.7-0.6-1-0.7c-0.3-0.1-0.6-0.2-1-0.2c-0.3,0-0.6,0.1-1,0.2 c-0.3,0.1-0.7,0.4-1,0.7l-0.7,0.7l-6-5.9l7.4-5.7c0.2-0.2,0.5-0.3,0.6-0.4c0.2-0.1,0.4-0.2,0.6-0.2s0.4,0.1,0.6,0.2s0.4,0.2,0.6,0.4 L32.1,13.6z");
}
svg:hover path.two{
    d: path("M34.2,15.4v9.8c0,1-0.2,1.7-0.8,2.2c-0.5,0.5-1.2,0.7-2.2,0.7H15.8c-1,0-1.8-0.2-2.2-0.7c-0.5-0.5-0.8-1.2-0.8-2.2v-9.8 c0-0.3,0-0.7,0.1-0.9c0-0.3,0.1-0.5,0.2-0.7c0.1-0.2,0.2-0.4,0.4-0.6c0.2-0.2,0.4-0.4,0.6-0.5l7.5-5.9c0.3-0.3,0.7-0.5,1-0.6 c0.3-0.2,0.6-0.2,1-0.2c0.4,0,0.7,0.1,1,0.2c0.3,0.2,0.6,0.4,1,0.6l7.5,5.9c0.2,0.2,0.4,0.4,0.6,0.5c0.2,0.2,0.3,0.4,0.4,0.6 c0.1,0.2,0.2,0.4,0.2,0.7C34.2,14.7,34.2,15.1,34.2,15.4z M32.3,27.3l0.9-0.9l-0.5-0.5c0.1-0.2,0.1-0.5,0.1-0.7v-10 c0-0.1,0-0.3,0-0.4l0.3-0.3l-0.9-0.9l-0.1,0.1h0l-7.4-5.7c-0.2-0.2-0.4-0.3-0.6-0.4s-0.4-0.2-0.6-0.2s-0.4,0.1-0.6,0.2 c-0.2,0.1-0.4,0.2-0.6,0.4l-7.4,5.7l-0.1-0.1l-0.9,0.9l0.3,0.3c0,0.1,0,0.3,0,0.4v10c0,0.3,0,0.5,0.1,0.8l-0.4,0.4l0.9,0.9l0.6-0.5 c0.1,0,0.3,0,0.4,0h15.5c0.2,0,0.3,0,0.5,0L32.3,27.3z");
}
svg:hover path.three{
    d: path("M23.9,13.7c0.3-0.2,0.7-0.5,1-0.7c0.4-0.3,0.7-0.6,1-0.9c0.3-0.3,0.6-0.7,0.9-1c0.3-0.4,0.5-0.7,0.7-1.1 c0.2-0.4,0.3-0.8,0.3-1.2c0-0.7-0.2-1.3-0.7-1.7c-0.4-0.5-1-0.7-1.7-0.7c-0.4,0-0.8,0.1-1.1,0.3c-0.3,0.2-0.6,0.5-0.8,0.9 c-0.2-0.4-0.5-0.6-0.8-0.9c-0.3-0.2-0.7-0.3-1.1-0.3c-0.7,0-1.2,0.2-1.7,0.7c-0.4,0.5-0.7,1-0.7,1.7c0,0.4,0.1,0.8,0.2,1.2 c0.2,0.4,0.4,0.8,0.6,1.2c0.3,0.4,0.6,0.7,0.9,1c0.3,0.3,0.7,0.6,1,0.9c0.4,0.3,0.7,0.5,1,0.7c0.1,0,0.1,0.1,0.2,0.1 c0.1,0,0.1,0.1,0.2,0.1c0,0,0.1,0,0.2-0.1C23.8,13.8,23.8,13.7,23.9,13.7 M30.4,15.8H16.6c-0.4,0-0.7-0.1-1-0.3 c-0.2-0.2-0.3-0.5-0.3-1V4.9c0-0.4,0.1-0.8,0.3-1c0.2-0.2,0.5-0.3,1-0.3h13.8c0.4,0,0.7,0.1,1,0.3c0.2,0.2,0.3,0.5,0.3,1v9.6 c0,0.4-0.1,0.8-0.3,1C31.1,15.7,30.8,15.8,30.4,15.8");
}
svg:hover path.four{
    d: path("M24.9,13c-0.4,0.3-0.7,0.5-1,0.7c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1 c-0.1,0-0.1-0.1-0.2-0.1c-0.3-0.2-0.6-0.4-1-0.7c-0.4-0.3-0.7-0.6-1-0.9c-0.3-0.3-0.6-0.7-0.9-1c-0.3-0.4-0.5-0.8-0.6-1.2 c-0.2-0.4-0.2-0.8-0.2-1.2c0-0.7,0.2-1.3,0.7-1.7c0.4-0.5,1-0.7,1.7-0.7c0.4,0,0.8,0.1,1.1,0.3c0.3,0.2,0.6,0.5,0.8,0.9 c0.2-0.4,0.5-0.6,0.8-0.9c0.3-0.2,0.7-0.3,1.1-0.3c0.7,0,1.2,0.2,1.7,0.7c0.4,0.5,0.7,1,0.7,1.7c0,0.4-0.1,0.8-0.3,1.2 c-0.2,0.4-0.4,0.8-0.7,1.1c-0.3,0.4-0.6,0.7-0.9,1C25.6,12.4,25.2,12.7,24.9,13");
}
svg:hover path.five{
    d: path("M31.4,4c-0.2-0.2-0.5-0.3-1-0.3H16.6c-0.4,0-0.7,0.1-1,0.3c-0.2,0.2-0.3,0.5-0.3,1v9.6c0,0.4,0.1,0.8,0.3,1 c0.2,0.2,0.5,0.3,1,0.3h13.8c0.4,0,0.7-0.1,1-0.3c0.2-0.2,0.3-0.5,0.3-1V4.9C31.7,4.5,31.6,4.2,31.4,4 M16.6,2.5h13.8 c0.8,0,1.4,0.2,1.8,0.6c0.4,0.4,0.6,1,0.6,1.8v9.7c0,0.8-0.2,1.4-0.6,1.8c-0.4,0.4-1,0.6-1.8,0.6H16.6c-0.8,0-1.4-0.2-1.8-0.6 c-0.4-0.4-0.6-1-0.6-1.8V4.9c0-0.8,0.2-1.4,0.6-1.8C15.2,2.7,15.8,2.5,16.6,2.5");
}
svg:hover path.six{
    d: path("M33.2,26.4l-0.9,0.9l-0.6-0.6c0.3-0.1,0.5-0.2,0.7-0.4c0.1-0.1,0.2-0.3,0.3-0.5L33.2,26.4z");
}
svg:hover path.seven{
    d: path("M32.2,13.5l0.9,0.9l-0.3,0.3c0-0.1,0-0.2,0-0.2c0-0.2-0.1-0.3-0.2-0.5c-0.1-0.1-0.2-0.3-0.4-0.4l0,0L32.2,13.5z");
}
svg:hover path.eight{
    d: path("M15.3,26.8l-0.6,0.5l-0.9-0.9l0.4-0.4c0.1,0.2,0.2,0.3,0.3,0.5C14.8,26.6,15,26.7,15.3,26.8z");
}
svg:hover path.nine{
    d: path("M14.8,13.5l0.1,0.1l-0.1,0c-0.2,0.1-0.3,0.3-0.4,0.4c-0.1,0.1-0.2,0.3-0.2,0.5c0,0.1,0,0.1,0,0.2l-0.3-0.3L14.8,13.5z");
}
svg:hover path.ten{
    d: path("M24.7,19.9l7,6.9c-0.1,0-0.3,0-0.5,0H15.8c-0.2,0-0.3,0-0.4,0l7-6.9c0.2-0.2,0.4-0.4,0.6-0.5 c0.2-0.1,0.4-0.1,0.6-0.1c0.2,0,0.4,0,0.6,0.1C24.3,19.5,24.5,19.6,24.7,19.9z");
}
svg:hover path.eleven{
    d: path("M14.2,14.7l5.8,5.7L14.3,26c-0.1-0.2-0.1-0.5-0.1-0.8v-10C14.2,15,14.2,14.9,14.2,14.7z");
}
svg:hover path.twelve{
    d: path("M20.9,19.5L20,20.4l-5.8-5.7c0-0.1,0-0.1,0-0.2c0.1-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.2-0.3,0.4-0.4l0.1,0L20.9,19.5z");
}
svg:hover path.thirteen{
    d: path("M27.1,20.4l5.6,5.5c-0.1,0.2-0.2,0.4-0.3,0.5c-0.2,0.2-0.4,0.3-0.7,0.4l-7-6.9c-0.2-0.2-0.4-0.4-0.6-0.5 c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.5l-7,6.9c-0.3-0.1-0.6-0.2-0.8-0.4 c-0.1-0.1-0.2-0.3-0.3-0.5l5.7-5.6l0.1,0.1l0.9-0.9l-0.1-0.1l0.7-0.7c0.3-0.3,0.7-0.6,1-0.7c0.3-0.1,0.7-0.2,1-0.2 c0.3,0,0.7,0.1,1,0.2c0.3,0.1,0.7,0.4,1,0.7l0.7,0.6L26,19.6l0.9,0.9L27.1,20.4z");
}
svg:hover path.fourteen{
    d: path("M32.8,14.5c0,0.1,0,0.2,0,0.2l-5.7,5.6l-0.9-0.9l5.9-5.8h0l0,0c0.2,0.1,0.3,0.3,0.4,0.4C32.7,14.2,32.7,14.4,32.8,14.5z");
}
svg:hover path.fifteen{
    d: path("M32.9,15.2v10c0,0.3,0,0.5-0.1,0.7l-5.6-5.5l5.7-5.6C32.8,14.9,32.9,15,32.9,15.2z");
}c

svg path.one,
svg path.ten,
svg path.eleven,
svg path.fifteen{
    fill: white;
}
svg path{
    fill: hotpink;
}

svg path.four{
    fill: white;
}

a{ text-decoration: none; color: inherit; z-index: 9999; cursor: pointer;}

#wrapper{
    font-size: 20px;
    line-height: 22px;
    word-spacing: .5px;
    letter-spacing: .2px;
    color: #ff5ad2;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 40px;
    box-sizing: border-box;

    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    section#header{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex: 0 0 100%;
        transition: flex .6s cubic-bezier(0.7, 0, 0.3, 1);
        z-index: 999;

        animation-duration: 1s;
        animation-delay: 1s;
        animation-name: slidein;
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);;
        animation-fill-mode: forwards;
        animation-direction: normal;
    }

        @keyframes slidein {
            from {
                flex: 0 0 100%;
            }
            to {
                flex: 0 0 15%;
            }
        }


        .name{
            font-family: Edward-Script;
            font-size: 60px;
            line-height: 1em;
            margin-bottom: 12px;
        }

        .details{
            display: flex;
            grid-gap: 2em;

            text-transform: uppercase;
            font-family: 'Swiss 721';
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: .05em;
            opacity: 0;

            animation-duration: 1s;
            animation-delay: 1s;
            animation-name: fadeIn;
            animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);;
            animation-fill-mode: forwards;
            animation-direction: normal;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

            .description{
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none;
            }
            .contact{
                border-bottom: solid 1px transparent;
            }

            .contact:hover{
                border-bottom: solid 1px #ff5ad2;
            }


    section#header .italics{
        font-weight: normal;
        font-style: italic;
    }

    section#carousel{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        max-height: 70%;
        flex: 0 0 70%;
        z-index: 0;
/*        background-color: aqua;*/
    }
        .inner-parent{
            width: 100%;
            height: 100%;
    /*        background-color: magenta;*/
        }
            .swiper-slide{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                background-color: white;
            }
                .swiper-slide img{
                    width: 100%;
                    height: auto;
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: contain;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                }

    section#footer{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 15%;
        width: 100%;
        overflow: hidden;
/*        background-color: yellow;*/
    }

    .pagination{
        text-align: center;
        width: 100%;
        height: auto;
    }
    .captions-parent{
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .caption-slide{
            text-align: center;
            display: none;
            max-width: 600px;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;

            font-family: 'Swiss 721';
            font-size: 12px;
            line-height: 15px;
        }

            .caption-slide strong{
                text-transform: uppercase;
                letter-spacing: .05em;
                font-weight: 500;
            }

        .caption-slide.active{ display: block; }

.swiper-button-prev{
    cursor: w-resize;
    margin: 0;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}
.swiper-button-next{
    cursor: e-resize;
    margin: 0;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}
.swiper-button-prev::after{ display: none; }
.swiper-button-next::after{ display: none; }

/*****************************************************/
/*                   Media Queries                   */
/*****************************************************/

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 0px) and (max-width: 768px) {
    body, html{ position: fixed; width: 100%; height: 100%; top: 0; overflow: hidden; }
    section#carousel{ flex: 0 0 50%; max-height: 50%; }
    section#footer{ flex: 0 0 25%; }
    #wrapper{ padding: 0px 20px;}

    @keyframes slidein {
        from {
            flex: 0 0 100%;
        }
        to {
            flex: 0 0 25%;
        }
    }


    .name{ font-size: 11vw;}
    .details{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: 0px;
        font-size: 11px;
        line-height: 18px;
    }

    .caption-slide{ font-size: 11px; line-height: 14px;}

/*
    .swiper-button-prev{ display: none; }
    .swiper-button-next{ display: none; }
*/
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)  {
}