hr {
    border-color:#000;
}

.max-width-xl {
    max-width:1500px;
    margin:0 auto;
}

.cta-video {
    border-radius:50px;
    font-weight:bold;
    transition:all .2s ease-in-out;
}

.cta-video:hover {
    background-color:rgba(255,255,255,.2)!important;
}

/* --------------------------------------------------------------------------
NAV TOP
-------------------------------------------------------------------------- */

#nav-top {
    max-height:40px;
}
    #nav-top .contact p {
        font:.8rem/1rem Montserrat;
        font-weight:400;
        color:#606060;
    }

    #nav-top .lang p {
        font:1rem/1rem Montserrat;
        font-weight:400;
    }

    #nav-top .lang a {
        color:#606060;
    }

    #nav-top .lang a.active {
        font-weight:700;
    }

/* --------------------------------------------------------------------------
SECTION TITLE
-------------------------------------------------------------------------- */    
.title {
    font:2rem/3rem Montserrat;
    font-weight:700;
}

    @media (min-width: 768px) {
        .title {
            font:4rem/4rem Montserrat;
            font-weight:700;
        }
    }

/* --------------------------------------------------------------------------
PAYOFF
-------------------------------------------------------------------------- */
.payoff {
    font:2.5rem/2rem Dynalight;
}

    @media (min-width: 768px) {
        .payoff {
            font:3.5rem/3rem Dynalight;
        }
    }

    @media (min-width: 992px) {
        .payoff {
            font:4.5rem/4rem Dynalight;
        }
    }
    
/* --------------------------------------------------------------------------
PARAGRAPH
-------------------------------------------------------------------------- */
p {
    font:1.1rem/2rem Montserrat;
    font-weight:300;
}

p strong {
    font-weight:700;
}

/* --------------------------------------------------------------------------
PRODUCT TITLE
-------------------------------------------------------------------------- */
.product-title {
    font:6.5rem/6rem Dynalight;   
}

/* --------------------------------------------------------------------------
PRODUCT DETAIL TITLE
-------------------------------------------------------------------------- */
.product-detail-title {
    font:1.2rem/1.2rem Montserrat;
    font-weight:700;
}

/* --------------------------------------------------------------------------
PRODUCT DETAIL TITLE
-------------------------------------------------------------------------- */
.product-detail p {
    font:.9rem/1.3rem Montserrat;
    font-weight:300;
}

/* --------------------------------------------------------------------------
PRODUCT BOTTIGLIA
-------------------------------------------------------------------------- */
.product-bottiglia-container {
    position: relative;
}

.product .product-bottiglia.floating {
    animation: float0 6s ease-in-out infinite;
}

    @media (min-width: 768px) {
        /*
        .product .product-bottiglia {
            position:absolute;
            top:50%;
            left:50%;
            z-index:9999;
            transform-origin: left top;
            transform:rotate(90deg) translateX(-50%) translateY(-50%);
            max-width:800px!important;
        }
        
        .product .product-bottiglia.floating {
            animation: float1 6s ease-in-out infinite;
        }
        */
    }

    @media (min-width: 1280px) {
        /*
        .product .product-bottiglia {
            position:absolute;
            top:50%;
            left:50%;
            transform:translateX(-50%) translateY(-50%);
            max-width:100%!important;
        }
        
        .product .product-bottiglia.floating {
            animation: float2 6s ease-in-out infinite;
        }
        */
    }
    
    @keyframes float0 {
            0% {
                    transform:translateX(0%) translateY(0%);
            }
            50% {
                    transform:translateX(-1%) translateY(-1%);
            }
            100% {
                    transform:translateX(0%) translateY(0%);
            }
    }
    
    @keyframes float1 {
            0% {
                    transform:rotate(90deg) translateX(-50%) translateY(-50%);
            }
            50% {
                    transform:rotate(91deg) translateX(-48%) translateY(-48%);
            }
            100% {
                    transform:rotate(90deg) translateX(-50%) translateY(-50%);
            }
    }
    
    @keyframes float2 {
            0% {
                    transform:translateX(-50%) translateY(-50%);
            }
            50% {
                    transform:translateX(-48%) translateY(-48%);
            }
            100% {
                    transform:translateX(-50%) translateY(-50%);
            }
    }

/* --------------------------------------------------------------------------
PRODUCT ICONA
-------------------------------------------------------------------------- */
.product .icona-title {
    font:1rem/1.2rem Montserrat;
    font-weight:700;
}

.product .icona-container p {
    font:.8rem/1.1rem Montserrat;
    font-weight:700;
}

.product .icona {
    max-width:60px!important;
    opacity:.6;
}

/* --------------------------------------------------------------------------
COVER
-------------------------------------------------------------------------- */

#cover {
    position:relative;
    height:90vh;
    
    background:#5a4c4f url(../img/cover.2023.mobile.jpg) 50% 0 no-repeat;
    background-size:cover;
    /* background-attachment: fixed; */
}

@media screen and (min-width:768px) {
    #cover {
        background:#5a4c4f url(../img/cover.2023.desktop.jpg) 50% 0 no-repeat;
    }   
}

#cover .logo-container {
    position:absolute;
    width:50%;
    top:50%;
    left:50%;
    width:250px;
    transform:translateX(-125px) translateY(-30px);
    filter: blur(100px);
    -webkit-filter: blur(100px);
    opacity:0;
    
    transition:filter 2s ease-in-out, -webkit-filter 2s ease-in-out, opacity 2s ease;
}

    #cover .logo-container.in {
        opacity:1;
        filter: blur(0);
        -webkit-filter: blur(0);
    }

    @media (min-width: 768px) {
        #cover .logo-container {
            width:auto;
            transform:translateX(-50%) translateY(-50%);
        }
    }

#cover .payoff {
    color:#fff;
}

/* --------------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------------- */
#navigation {
    position: relative;
    z-index:999;
}
#navigation .navbar-collapse,
#navigation .navbar-collapse.collapse.show {
    padding-top:20px;
    padding-bottom:20px;
    background:#fff;
}

#navigation .navbar-collapse.collapse {
    background:transparent;
}

    @media (min-width: 768px) {
        #navigation {
            transform: translateY(100px);
        }
    }

#navigation .navbar-toggler {
    border:none;
    cursor:pointer;
}

#navigation .navbar-toggler:focus,
#navigation .navbar-toggler:hover {
    border:none;
    outline:none;
}

    #navigation .navbar-toggler .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    
#navigation .nav-item,
#navigation .nav-link {
    position:relative;
    font:.9rem/1.1rem Montserrat;
    font-weight:700;
    color:#000;
    text-align:center;
}

#navigation .nav-link:focus {
    outline:0;
}

        @media (min-width: 768px) {
            #navigation .nav-item,
            #navigation .nav-link {
                color:#fff;
            }
        }
    
        @media (min-width: 768px) {
            #navigation .nav-item,
            #navigation .nav-link {
                font:1.2rem/1.2rem Montserrat;
                font-weight:700;
            }
        }

        #navigation .nav-item:hover,
        #navigation .nav-link:hover {
            text-decoration:none;
        }

            #navigation .nav-link:hover::before {
                content:' ';
                position:absolute;
                left:0;
                bottom:-10px;
                width:100%;
                height:5px;
                background:#fff;
            }

            #navigation .nav-link:hover:focus::before {
                display:none;
            }

            #navigation .nav-link:focus::before {
                content:' ';
                position:absolute;
                left:0;
                bottom:-10px;
                width:100%;
                height:5px;
                background:rgba(255,255,255,.1);
            }



/* --------------------------------------------------------------------------
NEXT
-------------------------------------------------------------------------- */
a.next {
    position:relative;
    font:1.2rem/1.2rem Montserrat;
    font-weight:700;
    color:#000;
}

    a.next.light {
        color:#fff;
    }
    
    a.next.dark {
        color:#606060;
    }
    
    a.next.absolute-bottom {
        position:absolute;
        bottom:0;
        left:50%;
        transform:translateX(-50%) translateY(-55px);
    }

    a.next:hover {
        text-decoration: none;
    }

    a.next::after {
        content:' ';
        position:absolute;
        left:0;
        bottom:-40px;
        width:100%;
        height:30px;
        background:transparent url(../img/arrow_down.svg) 50% 0 no-repeat;
        background-size:contain;
    }
    
    a.next.light::after {
        background:transparent url(../img/arrow_down_light.svg) 50% 0 no-repeat;
    }
    
    a.next.dark::after {
        background:transparent url(../img/arrow_down_dark.svg) 50% 0 no-repeat;
    }
    
.next-separatore {
    height:20px!important;
}
/* --------------------------------------------------------------------------
WHAT IS CHOOSE
-------------------------------------------------------------------------- */   
#what-is-choose {
    position:relative;
    z-index:2;
    padding-top:10vh;
    background:#fff;
}

#what-is-choose .title {
    color:#000;
}

#what-is-choose .payoff {
    color:#000;
}

#what-is-choose p {
    color:#595959;
}

/* --------------------------------------------------------------------------
PRODUCT-MOJITO
-------------------------------------------------------------------------- */   
#product-mojito {
    position: relative;
    z-index:1;
    color:#fff;
    background-color:#085e7c;
    background-image: url(../img/mojito_A.svg), url(../img/mojito_B.svg);
    background-position: -50% 50%, 200% 125%;
    background-size:50% 50%,75% 75%;
    background-repeat:no-repeat,no-repeat;
}

/* --------------------------------------------------------------------------
PRODUCT-SPRITZ
-------------------------------------------------------------------------- */   
#product-spritz {
    position: relative;
    z-index:2;
    color:#fff;
    background-color:#f47532;
    background-image: url(../img/spritz_A.svg), url(../img/spritz_B.svg);
    background-position: -50% 50%, 200% 125%;
    background-size:50% 50%,75% 75%;
    background-repeat:no-repeat,no-repeat;
}


/* --------------------------------------------------------------------------
PRODUCT-NEGRONI
-------------------------------------------------------------------------- */   
#product-negroni {
    position: relative;
    z-index:3;
    color:#fff;
    background-color:#8b2f2f;
    background-image: url(../img/negroni_A.svg), url(../img/negroni_B.svg);
    background-position: -10% 30%, 200% 125%;
    background-size:30% 30%,75% 75%;
    background-repeat:no-repeat,no-repeat;
}

/* --------------------------------------------------------------------------
PRODUCT-MARGARITA
-------------------------------------------------------------------------- */   
#product-margarita {
    position: relative;
    z-index:3;
    color:#fff;
    background-color:#c3d503;
    background-image: url(../img/margarita_A.svg), url(../img/margarita_B.svg);
    background-position: -10% 30%, 200% 125%;
    background-size:30% 30%,75% 75%;
    background-repeat:no-repeat,no-repeat;
}

/* --------------------------------------------------------------------------
PRODUCT-SEXONTHEBEACH
-------------------------------------------------------------------------- */   
#product-sexonthebeach {
    position: relative;
    z-index:3;
    color:#fff;
    background-color:#f63548;
    background-image: url(../img/sexonthebeach_A.svg), url(../img/sexonthebeach_B.svg);
    background-position: -10% 30%, 200% 125%;
    background-size:30% 30%,75% 75%;
    background-repeat:no-repeat,no-repeat;
}

/* --------------------------------------------------------------------------
CONTATTI
-------------------------------------------------------------------------- */   
#contatti {
    position:relative;
    padding-top:10vh;
    color:#000;
}

#contatti .title {
}

#contatti p {
    color:#595959;
}

/* --------------------------------------------------------------------------
CONTATTI FORM
-------------------------------------------------------------------------- */   
#contatti form label {
    font:.9rem/1.3rem Montserrat;
    font-weight:700;
    color:#606060;
}

#contatti form .form-control[type=text],
#contatti form .form-control[type=email],
#contatti form .form-control[type=tel],
#contatti form textarea.form-control {
    background:#eeeeee;
    border:none;
    border-radius:0;
}

#contatti form .btn-grey {
    border:none;
    border-radius:0;
    font:1.5rem/2rem Montserrat;
    font-weight:300;
    background:#606060;
    color:#fff;
}

#contatti .privacy-title {
    font:1rem/1.3rem Montserrat;
    font-weight:700;
    color:#606060;
}

#contatti .privacy-label {
    font-weight:400;
}

/* --------------------------------------------------------------------------
INDIRIZZI
-------------------------------------------------------------------------- */
.indirizzi p {
    font:.8rem/1rem Montserrat;
    font-weight:400;
    color:#606060;
}

.indirizzi p a {
    text-decoration:underline;
    color:#606060;    
}

.newsletter_email.form-control {
    background:#eeeeee;
    border:none;
    border-radius:0;
    width:calc(100% - 70px);
    height:35px;
}

.newsletter_email.btn-grey {
    background:#606060;
    color:#fff;
    width:45px;
    height:35px;
    line-height:35px;
    position:relative;
    top:2px;
    display:flex;
    align-items:center;
    justify-content: center;
}

/* --------------------------------------------------------------------------
SOCIAL ICON
-------------------------------------------------------------------------- */
.social-icon {
    height:25px;
    max-height:25px;
}

/* --------------------------------------------------------------------------
CREDITS
-------------------------------------------------------------------------- */
.credits {
    font:.8rem/1rem Montserrat;
    font-weight:400;
    color:#606060;
}
/* --------------------------------------------------------------------------
LAZY
-------------------------------------------------------------------------- */
/*
.lazy-parent {
    overflow:hidden;
    transform:scaleY(0) scaleX(0);
    opacity:0;
    transform-origin: top center;
    transition:transform .5s, opacity .2s;
}
.lazy-parent.in {
    opacity:1;
    transform:scaleY(1) scaleX( 1);
}
*/

/* --------------------------------------------------------------------------
FORM
-------------------------------------------------------------------------- */
#form-messages {
    font:1rem/1.3rem Montserrat;
    font-weight:700;
    color:#606060;   
}
/* --------------------------------------------------------------------------
IUBENDA
-------------------------------------------------------------------------- */
.iubenda-ibadge {
    transform:translateY(5px);
}