html,
body {
    overflow-x: hidden;
}

/*BASIC*/

h1,
h2,
h3, 
h4,
h5,
p {
    font-family: "Montserrat", sans-serif;
}



/* dimensioni font */

.f-12 {
    font-size: 12px !important;
}



.f-13 {
    font-size: 13px !important;
}



.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-21 {
    font-size: 21px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-42 {
    font-size: 42px !important;
}

.f-48 {
    font-size: 48px !important;
}

.f-52 {
    font-size: 52px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-72 {
    font-size: 72px !important;
}




/* COLORS */

.dark-blue {
    color: #050641;
}




/*HEADER*/

.countdown {
    font-family: "Montserrat", sans-serif;
    font-size: 16pt;
    font-weight: 900;
    background-color: #EDF4F9;
    border-radius: 15px;
    color: #404040;
}





.bg-image {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.605), transparent), url(https://image.email.ideeperviaggiare.it/lib/fe3711717564047e751d76/m/1/1db52aea-bbb1-457f-b5b8-e9c8fcfaa19c.jpg) center center;
    background-size: cover;
    width: 100%;
    height: auto;
}

.navbar-brand {
    width: 6%;
    height: auto;
}

/* 
.bg-form {
    background-color: #0c6ad457;
} */



.bg-regolamento {
    background: url(https://cdn.ideeperviaggiare.it/media/palla-2.png) right center;
    
    

}

.form-border {
    border-bottom: 0px !important;
    border: none;
    border-color: #1a1c19;
}

textarea:focus, input:focus{
    outline: none;
}

::placeholder { 
    color: #40404071 !important; 
}





/*BUTTONS*/



/* .btn-white:hover  {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid black;
    color: black;
} */


.btn-form {
    background-color: #040e41;
    border-radius: 30px;
    color: white;

}

.btn-form:hover {
    background-color: rgba(255, 255, 255, 0); 
    border: 1px solid white;
    border-radius: 30px; 
    color: rgb(255, 255, 255);

}

.btn-white-round {
    background-color: white;
    border-radius: 30px;
}

.btn-white-round:hover  {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid white;
    color: white;

}

.btn-white{
    background-color: rgb(255, 255, 255); 
    border-radius: 30px; 
    color: black;
}



.btn-black {
    background-color: rgb(5, 6, 65); 
    border-radius: 30px; 
    color: white;
}

.btn-black:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid black;
    color: black;
}


/* .bg-box {
    border:1px solid rgb(3, 3, 3);
    background-color: rgba(255, 255, 255, 0.651);
    border-radius: 20px;
    margin-top: 20px;

} */

/* .box-regolamento {
    
    border:1px solid rgb(3, 3, 3);
    background-color: #ffffff8c;
} */




.bg-accordion {
    background-color: rgb(5, 6, 65); 
}



.nav-link {
    color: #ffffff;
    border-bottom-color: #edf4f9 !important;
    font-weight: bold;
}






.bg-review {
    background-color: #02093b;
}

.bg-review .carousel-caption {
    top: 20px;
}

.bg-review .carousel-indicators {
    bottom: -50px;
}


.virgolette {
    color: rgb(255, 255, 255);
    width: 4%;
}

.cit-class {
    line-height: 0.5;
}


/*SLIDER*/

.carousel-text {
    color: rgb(255, 255, 255);
}

.carousel-item {
    transition-duration: 1s;
    

}

.carousel-caption {
    padding-top: 0;
    color: rgb(255, 255, 255);
}

/* .carousel-indicators li {
    background-color: black !important;
} */

.carousel-control-next-icon {
    color: black !important;

}



.image-slider1, .image-slider2, .image-slider3 {
    width: 100%;
    height: 300px;
}


.btn-white {
    border: 2px solid white;
    background: transparent;
    color: white;
    border-radius: 0px;
}

.btn-white:hover {
    background-color: rgba(255, 255, 255, 0.958);
    color: black;
}

.stelle {
    color: rgb(255, 255, 255);
    
}

/*PAROLE PER VIAGGIARE*/

.bg-parole {
    background-color: #d6ddd552;

}

/* NESLETTER */

.newsletter-section {
    height: 350px;
    background: linear-gradient(to top, #00000086, transparent), url(../img/img_4.jpg) center center;
}

.position-absolute {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* FOOTER */

.bg-footer {
    background-color: #1a1c19;
    

}

.testo {
    color: aliceblue;
}

hr {
    border-top: 2px solid rgb(244, 244, 244);
    width: 60%;

}


@media (max-width: 991px) {

    .blocco-icone{
        width: 5%;
        font-size: 30px;
    }
   

}



@media (max-width: 576px) {

    .bg-image {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.605), transparent), url(https://image.email.ideeperviaggiare.it/lib/fe3711717564047e751d76/m/1/b74ae4a7-90ae-4700-a37b-31018870e497.png) center left;
        height: auto;
        background-size: cover;

    }

    .navbar-brand {
        width: 20%;
        height: auto;
    }

    .f-30-mobile {
        font-size: 30px !important;
    }

    .f-14-mobile {
        font-size: 14px !important;
    }

    .f-18-mobile {
        font-size: 18px !important;
    }


    
    .f-12-mobile {
        font-size: 14px !important;
    }

    .f-25-mobile {
        font-size: 26px !important;
    }

    .f-40-mobile {
        font-size: 40px !important;
    }

    .f-50-mobile {
        font-size: 50px !important;
    }


    .image-mobile {
        height: 100%;
    }

    .image-review {
        height: 300px;
        
    }

    .position-relative {
        position: inherit;
    }
/* 
    .detail-box.position-absolute {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);    
        position: inherit !important; 
    } */

    .image-flex-reverse {
        display: flex;
        flex-direction: column-reverse;
    }


    .image-slider1, .image-slider2, .image-slider3 {
        width: 100%;
        height: 550px;
    }
    .bg-review .carousel-caption{
        top: 50px;
        left: 5%;
        right: 5%;
    }


    
}

@media (min-width:576px) and (max-width:992px) {

    
    .bg-image {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.605), transparent), url(https://image.email.ideeperviaggiare.it/lib/fe3711717564047e751d76/m/1/b74ae4a7-90ae-4700-a37b-31018870e497.png) center left;

        height: auto;
    }

    .oscura-freccia {
        display: none !important;
    }

    .oscura-br {
        display: block !important;

    }


    .image-slider1, .image-slider2, .image-slider3 {
        width: 100%;
        height: 430px;
    }

    .bg-review .carousel-caption{
        top: 50px;
        left: 5%;
        right: 5%;
    }

    .frecce-md {
        display: none;
    }

    
    .image-flex-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    
}