:root {
    --primary: #EB1616;
    --secondary: #191C24;
    --light: #6C7293;
    --dark: #000000;
}
body {color: #555;
font-family: monserrat !important;
}

.mt-60 {margin-top: 70px;}
.min-h-400 {min-height: 400px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color:#333;}
.back-to-top {position: fixed;display: none;right: 45px;bottom: 45px;z-index: 999;}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .3s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
.owl-carousel .owl-dots {margin-top: 0px;height: 30px;display: flex;align-items: center;justify-content: center;color:lightsteelblue;}
.owl-carousel .owl-dots .owl-dot {width: 26px;height: 26px;margin: 0 5px;padding: 10px;background: none; transition: .5s;}/*var(--warning);*/
.owl-carousel .owl-dots .owl-dot.active {width: 26px;height: 26px;color: #54391e;}
.owl-carousel .owl-dots .owl-dot img {opacity: .1;transition: .5s;}
.owl-carousel .owl-dots .owl-dot.active img {opacity: 1;}
.owl-nav .owl-prev.disabled,.owl-nav .owl-next.disabled {display: none;}

.marrone {color: #54391e;}
.bg-marrone {background-color: #54391e;}
.border-marrone {
    --bs-border-opacity: 1;
    border-color: #54391e !important;
}
.bg-blu2 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important;
}
.car-item {height: 100%;box-shadow: 0 0 45px rgba(0, 0, 0, .08);}
.car-item img {transition: 0.5s;}
.wow, .animated {animation-duration: 0.5s !important;}
.car-item:hover img {transform: scale(1.2);}
.car-item img {transition: 0.5s;}
.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 1) !important;
    --bs-navbar-hover-color: rgba(0, 0, 0, 1) !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--bs-dark) !important;
}
.carousel-caption h1 span {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}
.bg-pink {
    background-color: #FAF2E9;
    /*background: rgb(250, 242, 233);*/
}
.brown2 {color: #7e6c5c;}
.bg-brown2 {background: #7e6c5c;}
.nunito-sans {font-family: "Nunito Sans", sans-serif;}
.playfair-display {font-family: "Playfair Display", serif;}
@font-face {
    font-family: "vanitas";
    src: url('/fonts/vanitas.ttf')
}
.vanitas {
    font-family: 'vanitas', sans-serif;
}
@font-face {
    font-family: "birthstone";
    src: url('/fonts/birthstone.ttf')
}
.bstone {
    font-family: 'birthstone', sans-serif;
}
@font-face {
    font-family: "monserrat";
    src: url('/fonts/monserrat.ttf')
}

.monserrat {
    font-family: 'monserrat', sans-serif;
}
.carousel-caption h1 {
    position: relative;
    margin-bottom: 0;
   /* font-family: "Nunito Sans", serif;*/
    font-size: 58px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    /*font-weight: 700;*/
    letter-spacing: 2px;
    text-align: center;
}

.cloudTop {
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 150%;
    margin-top: -80px;
    width: 100%;
    height: 80px;
    display: block;
    z-index: 10;
}
.cloudTopBrown {
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM3ZTZjNWMiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 150%;
    margin-top: -80px;
    width: 100%;
    height: 80px;
    display: block;
    z-index: 10;
    transform: rotateY(180deg);
}
.cloudTopBrownL {
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGQUYyRTkiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 150%;
    margin-top: -80px;
    width: 100%;
    height: 80px;
    display: block;
    z-index: 10;
}
    .cloudTopBrownL.reverse {
        margin-top: 0px;
        z-index: 30;
        transform: rotateX(180deg);
    }
.cloudBott {
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 250%;
    margin-top: 0px;
    width: 100%;
    height: 80px;
    display: block;
    z-index: 20;
    transform: rotateX(180deg);
}
.nav-link {font-family: 'Barlow', sans-serif;}
.footer ul {list-style-type: none;}
.info-list {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 20px 25px;
    position: absolute;
    left: 0;
    bottom: 0;
}

    .info-list li {
        list-style-type: none;
        margin-right: 25px;
        display: flex;
        align-items: center;
    }

        .info-list li .icon {
            display: inline-block;
            height: 35px;
            width: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 50px;
            background-color: #A68E74;
            position: relative;
            transition: 0.6s;
        }
.text-gold { color:darkgoldenrod;
}
#defaultImage {
    display: block;
    margin: 0 0 5px 0;
}

[class^="onClickImage"] {
    height: 40px;
    cursor: pointer;
    margin-bottom: 5px;
}
.border-orange {
    border-color: #7e6c5c !important;
}
.btn-orange {
    background-color: #fd7e14;
    color: white;
    border: none;
    padding: 0.6rem 1.2rem;
    font-weight: bold;
    border-radius: 0.3rem;
    transition: background-color 0.3s ease;
}

    .btn-orange:hover {
        background-color: #e96b0c;
    }
.separator {
    width: 20%;
    border-top: 2px solid #7e6c5c;
}
.button-wrapper {
    width: 50%; /* stessa larghezza del separatore */
    margin: 0 auto; /* centra il contenitore del bottone */
    text-align: center; /* centra il bottone dentro il contenitore */
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.3, 1.3);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.3, 1.3);
    }
}
/*
.carousel-inner .carousel-item > img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
}
*/
.zoomCont {
    overflow: hidden
}

.zoom-in .zoomCont > img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
    animation-iteration-count: 1;
}

.bt-30 {
    width: 39px;
    height: 39px;
    text-align: center;
}

.button-wrapper {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.full-height {
    height: 400px;
}

.bg-left {
    background-image: url('/img/bcg3.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    min-height: 320px
}

.bg-right {
    background-color: #f8f9fa;
    padding: 2rem;
}

.myDiv {
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
}

.zoom-hover {
    transition: transform 0.5s ease;
}

    .zoom-hover:hover {
        transform: scale(1.1);
    }

.corner-label {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #7e6c5c;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 1.2rem;
    z-index: 10;
    pointer-events: none;
    border-top-left-radius: 8px;
}

.bg-grad {
    background: #FAF2E9;
    background: linear-gradient(32deg,rgba(237, 218, 202, 1) 0%, rgba(250, 242, 233, 1) 50%, rgba(237, 218, 202, 1) 100%);
}


.sky {
    position: relative;
    width: 100%;
    height: 100%;
    /*  background: linear-gradient(to bottom, #0f2027, #203a43, #2c5364);*/
}

.icon {
    position: absolute;
    width: 20px;
    height: 20px;
    fill: gold;
    opacity: 0.8;
    animation: twinkle 2s infinite ease-in-out;
}

@keyframes twinkle {
    0%, 100% {
        opacity: 0.8;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.btn-brown {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7e6c5c;
    --bs-btn-border-color: #7e6c5c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6f5f50;
    --bs-btn-hover-border-color: #6f5f50;
    --bs-btn-focus-shadow-rgb: 126, 108, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #625448;
    --bs-btn-active-border-color: #625448;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7e6c5c;
    --bs-btn-disabled-border-color: #7e6c5c;
}

.user-icon-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.radius-10x {
    border-radius: 10%;
}