@font-face {
    font-family: "ArialRoundedBold";
    src: url(font/ArialRoundedBold.ttf) format('truetype');
}

.viaggio10 body{
    font-family: "ArialRoundedBold" !important;
}

.viaggio10 .titolo{
    font-size: 3rem;
    line-height: 4rem;
}
@media screen and (min-width: 992px) {
    .viaggio10 .titolo{
        font-size: 4rem;
    }
}
.viaggio10 p{   
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.viaggio10 h2{
    font-size: 1.2rem;
}
@media screen and (min-width: 992px){
    .viaggio10 h2{
        font-size: 2rem;
    }
}
.viaggio10 .fw900{
    font-weight: 900 !important;
}
.viaggio10 .fw700{
    font-weight: 700 !important;
}
.viaggio10 a{
    color: inherit;
}

.viaggio10 .menu-viaggio{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1021;
    left: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0,5s;
    background-color: white;
    padding-top: 30px;
}
.viaggio10 .menu-viaggio .close-menu{
    position: absolute;
    right: 40px;
}

.viaggio10 .menu-viaggio .menu-viaggio-item{
    font-size: 2.5rem;
}

.viaggio10 header.main-viaggio{
    background-color: #7DB2CD;
    transition: top 0.3s;
    max-height: 170px;
}

.viaggio10 header.main-viaggio img{
    max-height: 130px;
}



.viaggio10-1{
    background-color: #7DB2CD;
    background-image: url("img/Copertina.jpg");
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1050px) {
    .viaggio10-1{
        background-size: cover;
    }
    
}
.viaggio10-1 header img{
    width: 40%;
    height: auto;
}
.viaggio10-1 .titolo{
    margin-top: calc(20vh - 10vh);
}
.viaggio10-1 .riga1{
    color: white;
}
.viaggio10-1 .riga2{
    color: #ECDCBB;
}

.viaggio10-2{
    background-color: #D89269;
    background-image: url("img/Sezione2.jpg");
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

.viaggio10-3,
.viaggio10-ospiti{
    background-color: #D3AC45;
    background-image: url("img/Sezione3_4.jpg");
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.viaggio10 .btn-special{
    background-color: #D89269;
    color: white;
    border: 1px solid white;
    padding: 5px 15px;
    font-size: 1.3rem;
}
.viaggio10-3 .btn-partenza{
    position: absolute;
    top: 0px;
    background-color: #D89269;
    border: 1px solid white;
    rotate: -25deg;
    left: -3px;

}

.viaggio10 .card--viaggio{
    background-color: white;
    border-radius: 40px;
    min-height: 390px;
}
.viaggio10 .viaggio10-4 .card--viaggio{
    min-height: 330px;
}

.viaggio10 .carousel-control-prev,
.viaggio10 .carousel-control-next
{
    top: 0;
    bottom: 0;
}

@media screen and (min-width: 576px) {
    .viaggio10 .carousel-inner{
        display: flex;
    }

    .viaggio10 .carousel-item{
        display: flex;
        margin-right: 0;
        
    }
    .viaggio10-5 .carousel-inner,
    .viaggio10-4 .carousel-inner{
        flex-wrap: wrap;
    }
    .viaggio10-3 .carousel-item,
    .viaggio10-4 .carousel-item,
    .viaggio10-5 .carousel-item{
        flex: 0 0 calc(100%/5);
    }
    .viaggio10-ospiti .carousel-item{
        flex: 0 0 calc(100%/5);
    }
    
}
.viaggio10 .carousel-inner{
    width: calc(100% - 60px);
    margin: 0 30px;
    padding-top: 15px;
}

.viaggio10 .card--viaggio hr{
    color: #D3AC45;
    background-color: #D3AC45;
    height: 2px;
    border: 0 none;
}

.viaggio10 .card--viaggio .card-title{
    color: #7DB2D0;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.viaggio10 .card--viaggio p{
    color: #D89269;
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 500;
}

.viaggio10-4{
    background-color: #7DB2CD;
    background-image: url("img/SezioneSicilia.jpg");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.viaggio10-4 .card--sicilia{
    border-radius: 80px;
    width: 50%;
}

.viaggio10-4 .card--sicilia .card-title{
    color: #7DB2CD;
    font-size: 1.5rem;
    line-height: 1.6rem;
}

.viaggio10-4 .card--sicilia .card-text{
    color: #D89269;
    font-size: 1.5rem;
    line-height: 1.6rem;
}
.viaggio10-3 .btn-sicilia,
.viaggio10-4 .btn-sicilia{
    background-color: #69AF68;
}

.viaggio10-5{
    background-color: #69AF68;
    background-image: url("img/SezioneTeam.jpg");
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.viaggio10-5 .card--team,
.viaggio10-ospiti .card--team{
    border-radius: 40px;
    margin-top: 120px;
}
.viaggio10-ospiti .card--team{
    min-height: 450;
}
.viaggio10-5 .card--team{
    min-height: 600px;
}

.viaggio10-5 .card--team .card-img-top,
.viaggio10-ospiti .card--team .card-img-top{
    border-radius: 50%;
    width: 50%;
    height: auto;
    border: 5px solid #ECDCBB;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.viaggio10-ospiti .card--team .card-img-top,
.viaggio10-5 .card--team .card-img-top{
    top: -110px;
}
@media screen and (min-width:400px){
    .viaggio10-ospiti .card--team .card-img-top,
    .viaggio10-5 .card--team .card-img-top{
        top: -120px;
        width: 40%;
    }
}
@media screen and (min-width:576px) {
    .viaggio10-ospiti .card--team .card-img-top,
    .viaggio10-5 .card--team .card-img-top{
        top: -70px;
    }
}


.viaggio10-5 .card--team .card-text,
.viaggio10-ospiti .card--team .card-text{
    font-size: 1rem;
    line-height: 1.1rem;
}


.viaggio10-6{
    background-color: #7DB2CD;
}
.viaggio10-6 .riga2{
    color: #ECDCBB;
}

.viaggio10-6 .hbspt-form{
    background: white;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.viaggio10-sostenitori{
    background-color: #7DB2CD;
}

.viaggio10-sostenitori .supporters img{
    max-height: 180px;
}

.viaggio10 .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}

.viaggio10 .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}