/* ogni slide */
#owl-slider-hp .item, 
#owl-slider-brand .item { 
    position: relative; 
    overflow: hidden; 
    height: 100%;
}

/* immagine */
#owl-slider-hp img, 
#owl-slider-brand img {
    width: 100%;
    object-fit: cover;
    transition: transform 8s ease-out;
    will-change: transform;
    /* transform: translateX(-15%); */
}

#owl-slider-hp .item, 
#owl-slider-brand .item {
    height: 360px;
    width: 100vw;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* overlay */
#owl-slider-hp .text-layer, 
#owl-slider-brand .text-layer {
    position: absolute; 
    top: 20%; 
    left: 10%;
    z-index: 2; 
    color: #fff; 
    max-width: 40rem;
}

#owl-slider-hp button.owl-prev,
#owl-slider-hp button.owl-next, 
#owl-slider-brand button.owl-prev, 
#owl-slider-brand button.owl-next {
    background: none !important;
    opacity: 1;
}

.slider-title { 
    font-size: clamp(1.7rem, 4vw, 3.2rem); 
    line-height: 1.1; 
}


.slider-title .char {
    opacity: 0;
    transform: scale(0.8);
    display: inline-block;
}

.slider-subtext { 
    margin-top: .8em; 
    font-size: 1.1rem; 
}

.slider-button {
    font-weight: 500; 
    display: inline-block;
    font-family:Montserrat;
    cursor:pointer;
}

.slider-button-hp {
    z-index: 11111111;
    font-weight: 500;
    display: inline-block;
    font-family: Montserrat;
    cursor: pointer;
    visibility: inherit;
    transition: none;
    text-align: left;
    line-height: 22px;
    border-width: 0px;
    margin: 0px;
    letter-spacing: 0px;
    font-size: 18px;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}

.slider-text {
    margin-left: 10px;
}

.slider-button a {
    display:inline-block; 
    padding: 0;
    border:1px solid #fff; 
    color:#fff; 
    text-decoration:none;
}

#owl-slider-hp .owl-dots, 
#owl-slider-brand .owl-dots {
    position: absolute;
    left: 10px;
    top: 78%;
    margin-top: 0;
}

#owl-slider-hp .owl-dots button, 
#owl-slider-brand .owl-dots button {
    background: rgba(256, 256, 256, 0.5) !important;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    border: 0;
}

#owl-slider-hp .tp-rightarrow.tparrows.uranus {
    top: 50%;
}

#owl-slider-hp .tp-leftarrow.tparrows.uranus {
    top: 47%;
}

#owl-slider-hp .owl-dots button.active, 
#owl-slider-brand .owl-dots button.active {
    background: #fff !important;
}

#owl-slider-hp .owl-carousel .owl-item,
#owl-slider-brand .owl-carousel .owl-item {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: opacity 1s ease-in-out;
}
  
#owl-slider-hp .owl-carousel .owl-item.active,
#owl-slider-brand .owl-carousel .owl-item.active {
    opacity: 1;
}

.border_sfuocato:before {
    top: -65px !important;
}

@media screen and (min-width: 720px) {
    .slider-text {
        margin-left: 30px;
    }

    #owl-slider-hp .owl-dots,
    #owl-slider-brand .owl-dots {
        left: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .slider-text {
        margin-left: 80px;
    }

    #owl-slider-brand .owl-dots,
    #owl-slider-hp .owl-dots {
        left: 80px;
    }

    #owl-slider-brand .item,
    #owl-slider-hp .item {
        height: 510px;
    }
    .border_sfuocato:before {
        top: -80px !important;
    }
}

@media screen and (min-width: 1920px) {
    #owl-slider-hp .item,
    #owl-slider-brand .item
    {
        height: 840px;
    }

    .slider-text {
        margin-left: 160px;
    }

    .slider-button a {
        line-height: 24px;
    }

    #owl-slider-brand .owl-dots,
    #owl-slider-hp .owl-dots {
        left: 160px;
    }
}