.centered{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    margin-left: 100px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.main-title{
    color: var(--main-blue);
    letter-spacing: 5px;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.ml-100{
    margin-left: 100px;
}

.bg-evoluzione{
    width: 100%;
    height: 100vh;
    background-image: url(https://dev.ewebsolution.it/pelliccioli/images/backgrounds/bg-30anni.PNG);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blue-line{
    position: absolute;
    right: 0;
    top: 100px;
    height: 65vh;
    width: 50px;
    background-color: var(--main-blue);
}

@media(min-width:1440px){
    .center-vertical{
        transform: translateY(50%);
    }
    .cap-stage{
        transform: translateY(25%) !important;
    }
}

.caption{
    position: absolute;
    bottom: 200px;
}

.caption-title{
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
}

.caption-images{
    position: absolute;
    padding: 30px;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-10%, -50%);
}

.services{
    position: absolute;
    top: 20%;
    left: 15%;
    color: #fff;
    z-index: 10;
}

.fs-15{
    font-size: 1.5rem;
}

.bg-fade{
    position: absolute;
    top: 30%;
    left: 5%;
    background: rgba(0, 0, 0, 0.5);
    height: 50vh;
}

.cap-video{
    color: #fff;
    padding: 60px;
}

.bg-blue{
    position: absolute;
    top: 30%;
    right: 20%;
    background: var(--main-blue);
    color: #fff;
    padding: 60px;
    height: 50vh;
}

.colored-line{
    position: absolute;
    right: 0;
    top: 30%;
    height: 50vh;
    width: 50px;
    background-color: var(--main-blue);
}

.h1-main-title{
    color: var(--main-blue);
    letter-spacing: 5px;
    text-transform: uppercase;
}

.bg-audio{
    width: 100%;
    height: 100vh;
    background-image: url(https://dev.ewebsolution.it/pelliccioli/images/backgrounds/bg-audio.PNG);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-light{
    width: 100%;
    height: 100vh;
    background-image: url(https://dev.ewebsolution.it/pelliccioli/images/backgrounds/bg-light.PNG);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cap-stage{
    color: #fff;
    position: absolute;
    right: 12rem;
    width: 550px;
    transform: translateY(5%);
    z-index: 10;
}

.bgc-stage{
    background-color: var(--main-blue);
    color: #fff;
}

.black-bg{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    z-index: 1;  
}

.mt-strange-5{
    margin-top: 3rem;
}

.p-strange-5{
    padding: 3rem;
}

.mt-special{
    margin-top: 13rem;
}

@media (min-width:1025px) and (max-width:1440px){
    .mt-strange-5{
        margin-top: 0rem;
    }
    .p-strange-5{
        padding: 0.5rem;
    }

    .bg-blue{
        top: 0;
        height: 100vh;
    }
    .bg-fade{
        top: 0;
    }
    .mt-special{
        margin-top: 0rem !important;
    }
}

.c-black{
    color: #000;
}

.c-link-white{
    color: #fff;
}

.c-link-white:hover,
.c-link-white:active{
    text-decoration: none;
    color: #fff;
}

.link-page:hover,
.link-page:active{
    text-decoration: none;
}

@media (max-width:1440px){
    .centered{
        width: 75%;
        margin-left: 50px;
    }
}

.p-special{
    padding: 0 75px;
}

.p-90{
   padding: 0 90px; 
}

@media all and (max-width: 768px) {
    .main_menu_bar {
        display: none;
    }
    .bg-evoluzione{
        padding: 0 !important;
    }
    .bg-fade {
        top: 0;
        left: 0;
        height: 100vh;
    }
    .bg-blue {
        position: static;
        top: 0; 
        right: 0;
        background: #fff;
        color: #000;
        padding: 10px;
        height: initial;
    }
    .services {
        position: absolute;
        top: 5%;
        left: 5%;
        color: #fff;
    }
    .colored-line{
        display: none;
    }

    .mt-special{
        margin-top: 0;
    }

    .p-special{
        padding: 0;
    }

    .p-90{
       padding: 0; 
    }

    .bgc-stage{
        background: #fff;
        color: #000;
    }
    .cap-stage {
        width: auto;   
        right: 0;     
        z-index: 10;
        padding: 25px;
    }
}

@media all and (max-width: 480px) {
    .bg-evoluzione{
        height: 120vh;
    }
}