#fluid, #fluid p {
    font-size: 16px;
    line-height: 22px;
}

#fluid .line {
    display: none;
    visibility: hidden;
}

#fluid .intro p {
    text-align: center;
}

#fluid .grkSlider.videoSlider {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    background: #000000;
}

#fluid .grkSlider.videoSlider .sliderNav {
    display: none;
}

#fluid .scrollDown {
    position: absolute;
    bottom:  10px;
    left: calc(50% - 12px);
}
#fluid .scrollDown img {
    width: auto!important;
}

#fluid .intro {
    flex-direction: column;
    position: relative;
    text-align: center;
    padding: 3% 0;
}

#fluid .intro img {
    width: auto;
    margin: 3% 0;
}

#fluid .institutional h2, #fluid .institutional h3 {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 40px;
}

#fluid .institutional {
    text-align: left;
}

#fluid .institutional.reverse {
    text-align: right;
}



#fluid .intro img:first-child {
    -webkit-transition: all 1.1s ease 0s;
    -moz-transition: all 1.1s ease 0s;
    -o-transition:all 1.1s ease 0s;
    transition: all 1.1s ease 0s;
    width: 390px;
}

#fluid .intro img:nth-child(3) {
    margin: 3% 0;
    -webkit-transition: all 1.1s ease 1.1s;
    -moz-transition: all 1.1s ease 1.1s;
    -o-transition:all 1.1s ease  1.1s;;
    transition: all 1.1s ease 1.1s;
    max-width: 1000px;
}
#fluid .intro h1 {
    -webkit-transition: all 1.1s ease 2.2s;
    -moz-transition: all 1.1s ease 2.2s;
    -o-transition: all 1.1s ease 2.2s;
    transition: all 1.1s ease 2.2s;
    color: #c10e1a;
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
#fluid .img-scorrevolezza {
    width: 300px;
    margin-top: 30px;
}
#fluid .mtop40 {
    margin-top: 40px;
}
#fluid .play img {
    width: auto!important;
}

/* ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


@media all and (max-width: 1024px) {
    #fluid .intro img:first-child {
        width: 300px;
    }

}
@media all and (max-width: 1023px) {

    #fluid .grkSlider.videoSlider {
        height: 85vw !important;
        max-height: 85vw !important;
        padding-bottom: 0;
    }

    #fluid .grkSlider ul li {
        max-height: 100%;
    }


    #fluid .grkSlider.videoSlider .flex {
        height: 100% !important;
        display: flex;
    }
    #fluid .play img {
        width: 100px !important;
        height: auto;
    }
    #fluid .grkSlider.videoSlider ul li.current img {
        transform: translateY(0px);
        max-width: 100%;
        margin-bottom: 0;
    }
    #fluid .mtop40 {
        margin-top: 60px;
    }

    #fluid .intro img {
        width: 100%;
        margin: 5% 0;
    }

    #fluid .institutional,  #fluid .institutional.reverse,
    #fluid h1, #fluid h2, #fluid h3 {
        text-align: center;
    }

    #fluid h1, #fluid h2, #fluid h3 {
        width: auto;
        margin: 0 auto;
    }
    #fluid .grkSlider.videoSlider ul li.current h1 {
        margin-bottom: 15px;
    }


}
@media all and (max-width: 768px) {
    #fluid .intro img:first-child {
        width: 250px;
    }

    #fluid .intro-txt p {
        width: 95%;
    }
}

@media all and (max-width: 767px) {

    #fluid .grkSlider.videoSlider .flex {
        display: block;
    }
    #fluid .intro img:first-child {
        width: 200px;
    }

}