@font-face {
    font-family: "Literata";
    src: url(../font/Literata-Light.ttf);
}
video{
    opacity: 0.5;
    background-color: black;
}
@font-face {
    font-family: "Montserrat";
    src: url(../font/Montserrat-Regular.ttf);
}
@media (min-width: 767.8px) {
    #hero_title{
        font-size: 5vw !important;
    }
}

.footer_title {
    color: black !important;
}
h1, h2,h3,h4,h5,h6{
    font-family: "literata" !important;
    color: #68a3bb;
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-6{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-7{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.my-6{
    margin-top: 6rem;
    margin-bottom: 6rem;
}
.mt-6{
    margin-top: 6rem;
}
.mb-6{
    margin-bottom: 6rem;
}
#logo{
    width: 50px;
}
.navbar{
    background-color: transparent !important;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.option{
    font-family: "Montserrat";
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
}
html{
    height: 100%;
}
.decoration_bar{
    height: 2px;
    background-color: white;
    position: absolute;
}
.background{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
#hero{
    height: 100vh;
    display: flex;
    justify-content: center;
}
#hero_title{
    color: white;
    text-align: center;
    font-family: "Literata";
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#hero_subtitle{
    text-align: center;
    width: 100%;
    color: white;
    font-family: "Montserrat" !important;
    transition: 1s ease-in-out;
    opacity: 0;
}
#hero_button{
    opacity: 0;
    transition: 1s ease-in-out;
}
.appear_active{
    transform: translate(0px, 0px) !important;
    opacity: 1 !important;
}
.button{
    background-color: transparent !important;
    font-family: "Montserrat";
    color: white;
    border: solid 2px white;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}
.button:hover{
    background-color: white !important;
    color: black;
}
#background_hero{
    background-image: url(../img/background_hero_pc.jpg);
    background-position: center;
}
.video_background {
    position: absolute;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: 0;
  }
#background_about{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#about_title{
    font-family: "Literata";
    text-align: center;
    transform: translate(0px, 25px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#about_description{
    text-align: center;
    font-family: "Montserrat";
    transform: translate(0px, 25px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#about_button{
    transform: translate(0px, 25px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#about_image{
    width: 65%;
    margin: auto;
    display: block;
    transform: translate(0px, 25px);
    opacity: 0;
    transition: 1s ease-in-out;
}
@media (max-width:991.8px) {
    #about_image{
        width: 100%;
    }
}
@media (max-width:767.8px) {
    #about_image{
        width: 65% !important;
    }
}
.button_about{
    color: #68a3bb;
    border-color: #68a3bb;
}
.button_about:hover{
    color: white;
    background-color: #68a3bb !important;
}
#middle{
    width: 100%;
    height: 600px;
    background-image: url(../img/middle_backgroud.jpg);
    background-position: center;

}
#middle_title{
   color: white;
   font-family: "Literata";
   transform: translate(0px, 25px);
   opacity: 0;
   transition: 1s ease-in-out;
}
#middle_description{
    font-family: "Montserrat";
    color: white;
    transform: translate(0px, 75px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#middle_button{
    transform: translate(0px, 150px);
    opacity: 0;
    transition: 1s ease-in-out;    
}
.contatct_option{
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#menu_title{
   font-family: "Literata";
   transform: translate(0px, 25px);
   opacity: 0;
   transition: 1s ease-in-out;
}
#menu_description{
        font-family: "Montserrat";
    color: black;
    transform: translate(0px, 25px);
    opacity: 0;
    transition: 1s ease-in-out;
}
.menu_content{
    width: 100%;
    height: 500px;   
    background-size: cover;
    position: relative;
    background-position: center;
}
.menu_option{
    transform: translate(0px, 100px);
    opacity: 0;
    transition: 1s ease-in-out;
}
.background_menu_option_appetizer{
    background-image: url(../img/antipasti.jpg);
}
.background_menu_option_first_course{
    background-image: url(../img/primi.jpg);
}
.background_menu_option_second_course{
    background-image: url(../img/secondi.jpg);
}
.menu_nav{
    position: absolute;
    bottom: 50px;
    text-decoration: none;
    color: white;
    font-family: "Montserrat";
}
#contact_title{
    color: white;
    font-family: "Literata";
    text-align: center;
}
#contact_description{
    color: white;
    font-family: "Montserrat";
}
.contact_option{
    color: white;
    font-family: "Montserrat";
}
#contact{
    background-image: url(../img/background_hero_pc1.jpg);
    background-size: cover;
}
.slides{
    height: 500px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
}
.slide_image{
    width: 300px;
    height: 400px;
    position: relative;
}
.gallery_image{
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0.7;
}
.background_gallery_image{
    background-color: black;
}

.roll{
    width: 10000px;
    display: flex;
    top: 0;
    cursor: pointer;
}
.slide{
display: flex;
flex-wrap: nowrap;
position: relative;
gap: 1rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
transition: 15s linear;

}
.slide_bottom{
    display: flex;
flex-wrap: nowrap;
position: relative;
gap: 1rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
transition: 15s linear;
}
#gallery_main{
text-align: center;
padding-top: 5rem;
padding-bottom: 5rem;
}
#gallery_title{
    font-family: "Literata";
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#gallery_description{
    font-family: "Montserrat";
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#gallery_button{
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
footer{
    background-color: #71AFC8;
    width: 100%;
    padding-top: 10rem; 
    margin-bottom: 0px;
}
.footer_title{
    font-family: "Literata";
}
.footer_text{
    font-family: "Montserrat" !important;

}
#logo_footer{
    width: 200px;
}
.line_logo{
    width: 100%;
    opacity: 1 !important;
}
.footer_icon{
    text-decoration: none;
    font-size: 35px;
    color: black;
    position: relative;
    bottom: 15px;
}
@media (max-width:767.8px) {
    .nav_icons_footer{
        width: 100%;
        justify-content: center;
    }
    .footer_text{
        width: 100% !important;
        
    }
    #middle{
        background-image: url(../img/middle_background_mobile.jpg);
    }
}

@media (max-width:575.8px) {
    .nav_div{
        justify-content: unset !important;
    }
    .navbar-nav{
        height: 100vh;
        background-color: white;
    }
    nav div{
        background-color: white;
    }
    .option{
        color: black !important;
    }
    .slide{
        width: 180vw !important;
    }
    .slide_bottom{
        width: 180vw !important;
    }
}
.navbar-collapse{
    display: flex;

}
.list_item_location{
    color: white;
    font-size: 1.5rem;
    text-align: center;

}
.carousel-inner{
    width: 100%;
    height: 400px;
}
.review_title{
    font-family: "literata";
}
.review_text{
    font-family: "Montserrat";
    font-style: italic;
}
.carousel-indicators button{
    background-color: black !important;
}
.carousel-item div{
    width: 50%;
    margin: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: black;
}
#review_title{
    font-family: "literata";
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#review_description{
    font-family: "Montserrat";
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
.review_option{
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
#review_button{
    transform: translate(0px, 50px);
    opacity: 0;
    transition: 1s ease-in-out;
}
.ri-star-fill{
    font-size: 20px;
    color: orange;
}
.logo_header_home{
    background-image: url(../img/logo_header.png);
    width: 100px;
    height: 69px;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media (max-width: 575.98px) {
    .logo_header_home{
        background-image: url(../img/logo_header_black.png) !important;
    }
}
#reviews_button{
    background-color: transparent !important;
    font-family: "Montserrat";
    color: #68a3bb;
    border: solid 2px #68a3bb;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}
#reviews_button:hover{
    color: white;
    border-color: #68a3bb;
    background-color: #68a3bb !important;
}