body {
    position: relative;
}


.swiper-container, .swiper-container-over {
    width: 100%;
    height: 100%;
    //background-color: lightgrey;
}

.swiper-container-team {
    width: 70%;
    height: 100%;
}

.swiper-container-citaz {
    height: 25vh;
    position: absolute;
    width: 100vw;
}

.container-citaz {
    //height:100%;
    position: relative;
    height: 24vh;

    &__singola {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        &--0 {
            left: 0%;
        }

        &--1 {
            left: 100%;
        }

        &--2 {
            left: 200%;
        }
    }
}

.swiper-container-over {
    position: absolute;
    z-index: 30;
}

#trigger_gr1 {
    //position: absolute;
    //top:60%;
}

#trigger_header {
    position: absolute;
    top: 60%;

}

.swiper-slide-locazioni {
    background-size: 100% 100%;
    //background-size: 100% 75.8%;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.swiper-slide1 {
    //background-color: green;
}

.swiper-slide2 {
}

#swiper-bg-slide1 {
    width: 100%;
    height: 100%;
}

#swiper-bg-slide2_img {
    width: 100%;
    height: 100%;
    //background-size: 100% 100%;
    //background-repeat: no-repeat;
    //background-position: 0 50%;
    //background-image: url("../../assets/img/imgHome_2/srilanka.jpg");
}


.swiper-slide-team {
    //width:100%;
    //height:100%;
    position: relative;
}

.swiper-slide-team1 {
    z-index: 25;
}

.swiper-slide-team2 {
    z-index: 20;
}

#parallax-section::before {
    position: fixed;
    content: '';
}


.titolo {
    font-weight: 900;
    font-size: 28px;
    color: black;
    text-align: center;
    font-weight: 900;
}

#blocco_top {
    opacity: 0;
}

#gr2_titolo, #aurora_elm, #ghiaccio_elm {
    //opacity: 0;
    transition: none;
}

.slogan__base {
    position: absolute;
    width: 120%;
    //vw;
    left: -10%;
    //vw;
    font-family: $font-family-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.ctrl_loc {
    position: absolute;
    top: calc(50% - 71px);
    width: 100%;
    height: 50px;

    &__btn {
        height: 100%;
        display: inline-block;
        cursor: pointer;
        outline: none;
        z-index: 400;

        &--next {
            position: absolute;
            right: 15px;
        }

        &--prev {
            transform: scaleX(-1);
            position: absolute;
            left: 15px;
        }
    }
}

.ctrl_nav {
    //
    width: 88px;
    height: 60px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;

    &__next {
        width: 42px;
        height: 58px;
        background-image: url("../../assets/img/oval_next.svg");
        background-size: 33px auto;
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
        outline: none;
    }

    &__prev {
        transform: scale(-1, 1);
        //margin-right: 10px;
    }

    &--dx {
        margin-right: 15px;
    }
}

.paralex_obj {

    position: absolute;
    width: 100%;
    height: 100%;

    &__img {
        position: absolute;
        width: 100%;
        height: auto;
        margin: auto;
        top:0;
        bottom:0;

        backface-visibility: hidden;
        transform-style: preserve-3d;

        &--out-left {
            left: -15vw;
        }
        &--out-right {
            right: -15vw;
        }
    }

}

.gruppo {
    position: relative;
    //padding-top: 55px;
    background: linear-gradient(90deg, #eeeeee, #eaeaea);

    &__primo {
        position: relative;
        z-index: 10;
        background-image: url("../../assets/img/imgHome_1/sfondo_1.jpg");
        background-repeat: no-repeat;
        width: 100%;
        //height: calc(100vh - 60px);
        //top: 60px;
        // manca l'header, copro tutto
        height: calc(100vh - 0px);
        top: 0px;

        //background-size: 100% auto;
        //background-position: 50% 55px;
        background-size: auto 100%;
        background-size: cover;
        background-position: 50% 0;
    }

    &__slogan {
        z-index: 50;
        //height: 200px;
        font-size: 101px;
        line-height: 90px;
        text-align: center;
        font-style: italic;
        font-family: $font-family-serif;
        font-weight: 600;
        background: $linear-grad-viola;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.gruppo1__slogan {
    top: 50vh
}

.btn-scopri {
    color: black;
    text-align: center;
    font-family: $font-family-btns;
    font-weight: bold;
    font-size: 18px;
    line-height: 10vh;
    background-image: url("../../assets/proto/arrow-down.svg");
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: bottom 8px center;
    position: absolute;
    height: 10vh;
    width: 100%;
    top: 90vh;
    outline: none;
    z-index: 10;
}

.nuvole_intro {
    position: relative;
    height: 0;
    width: 100%;
    pointer-events: none;
    z-index: 130;

    &_img {
        background-image: url("../../assets/img/nuvola_spec.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        height: 140vh;
        max-width: 100%;
        width: 100vw;
        z-index: 200;

        &_sotto {
            background-image: url("../../assets/img/nuvola.png");
            background-size: 100% 80%;
            background-repeat: no-repeat;
            background-position: center top;
            position: absolute;
            height: 75vh;
            width: 100vw;

            max-width: 100%;

            z-index: 500;
            opacity: 0;
            transform: scale(-1, -1);
            top: -75vh;
        }
    }
}

.nuvole_tv {
    &_img {
        background-image: url("../../assets/img/nuvola2.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: top center;
        position: absolute;
        height: 90vh;
        width: 100vw;
        z-index: 280;

        &_sotto {
            background-image: url("../../assets/img/nuvola2.png");
            background-size: 100% 80%;
            background-repeat: no-repeat;
            background-position: center top;
            position: absolute;
            height: 75vh;
            width: 100vw;
            z-index: 500;
            //opacity: 0;
            transform: scale(-1, 1);
            //top: 10vh;
        }
    }
}

.swiper-slides {
    width: 100vw;
    max-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;

    &__singola {
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

}

.gruppo2 {
    position: relative;

    //margin-bottom: 50vh;

    &__titolo {
        font-family: $font-family-btns;
        line-height: 16vh;
        height: 16vh;
        width: 100%;
        height: 8vh;
        //z-index:300;
        //position: relative;
    }

    &__sfuma_locazioni {
        background-image: url("../../assets/img/imgHome_2/sfumatura.png");
        background-size: auto 100%;
        background-repeat: repeat-x;
        background-position: top center;
        width: 100vw;
        max-width: 100%;
        height: 15vh;
        position: absolute;
        top: 0 !important;
        z-index: 25;
        -webkit-transform: translate3d(0, 0, 0);
    }

    &__copri_locazioni {
        background-image: url("../../assets/img/imgHome_2/nuvola_copri_locazioni.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: top center;
        width: 100vw;
        max-width: 100%;
        height: 50vh;
        position: absolute;
        z-index: 20;
    }


    &__primo {
        position: relative;
        z-index: 10;
        //background-image: url("../../assets/img/imgHome_2/cardIslanda.jpg");
        ////background-size: 100% 75.8%;
        //background-size: 100% auto;
        //background-repeat: no-repeat;
        //background-position: top center;
        width: 100%;
        height: 90vh;

    }

    &__btnEsplora {
        position: absolute;
        width: 100%;
        //bottom: 139px;
        bottom: 18vh;
        z-index: 250;
        outline: none;
    }
}

.locazioni {
    &__bg {
        width: 100%;
        height: 100%;
    }


    &__imgSopra {
        pointer-events: none;
        position: absolute;
        z-index: 15;
        width: 100%;
        //height: 500px;
        height: 62vh;
        top: -12vh;
        right: 0vw; //right: -25vw;
        //transition: all 2s ease-in-out;

        &__img {
            background-image: url("../../assets/img/imgHome_2/sopra_2.png");
            background-image: url("../../assets/img/imgHome_2/sopra_1.png");
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: top center;
            width: 100%;
            height: 100%;

        }

        &.visible {
            //right: 0vw;
            //transform: rotate(0deg);
        }
    }

    &__imgSotto {
        position: absolute;
        z-index: 15;
        //width: 100%;
        width: 86%;
        //height: 500px;
        height: 50vh;
        top: 50vh;
        left: 0vw;

        &__img {
            background-image: url("../../assets/img/imgHome_2/sotto_2.png");
            background-image: url("../../assets/img/imgHome_2/sotto_1.png");
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: bottom center;
            width: 100%;
            height: 100%;

        }

    }
}

.gruppo3 {
    position: relative;

    &__foto {
        width: 100%;
        //height: 375px;
        height: 100vw;
        z-index: 3;
        position: relative;
        pointer-events: none;

        &_base {
            position: relative;
            //width: 100%;
            height: 100vw;
            max-width: 100%;
            max-height: 400px;
            transform-origin: top center;
        }

        &__boxGR {
            top: 0px;
            position: absolute;
            transform-origin: top center;
            //width: 100%;
            width: 100vw;
        }

        &__griglia {
            //background-image: url("../../assets/img/imgHome_3/img_g3_totale.jpg");

            top: 0px;
            position: absolute;
            transform-origin: top center;
            width: 100vw;
            //height: 100vw;
            z-index: 67;
        }

        &__singola {
            //background-image: url("../../assets/img/imgHome_3/img_g3_singola.png");
            width: 100vw;
            //height: 100vw;
            top: 0 !important;
        }

    }

    &__titolo {
        text-align: left;
        font-family: $font-family-btns;
        height: 18vh;
        width: 100%;
        line-height: 30px;
        padding-left: 30px;
        z-index: 100;
        position: relative;

        &__pin {
            position: absolute;
            z-index: 100;
        }

        &--riga2 {
            background: $linear-grad-viola-60;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }

    &__testo {
        margin-top: 20px;
        color: black;
        padding-left: 30px;
        padding-right: 30px;

    }

    &__btnDestinaz {
        position: relative;
        outline: none;
    }
}


.gruppo4 {
    position: relative;
    height: 150vw;

    &__box {
        position: relative;
        z-index: 10;
        background-image: url("../../assets/img/imgHome_4/sfondo.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom center;
        width: 100%;
        height: 60vh;

    }

    &__slogan {
        z-index: 34;
        height: 190px;
        top: 0vh;
        text-align: left;
        left: -6vw;
        position: relative;
        margin-bottom: -66px;
    }

    &__foto {
        width: 100%;
        height: 330px;

        //background-image:url("../../assets/img/imgHome_3/img_gruppo3.png");
        //background-size: 100% auto;
        //background-repeat: no-repeat;
        //background-position: top center;
        position: relative;

    }

}

.gruppo5 {
    position: relative;

    &__box {
        position: relative;
        width: 100%;
        height: 44vh;
        background-color: white;

        &__img {
            position: absolute;
            z-index: 0;
            //background-image: url("../../assets/img/imgHome_5/aereo.png");
            //background-size: 100% auto;
            //background-repeat: no-repeat;
            //background-position: bottom center;
            //height: 42vh;
            width: 100%;
            //right: -48%;
            right: -53%;
            top: 9%;

        }

        &__testo {
            z-index: 10;
            position: relative;
            margin-top: 20px;
            color: black;
            padding-left: 30px;
            padding-right: 30px;
        }

        &__slogan {
            z-index: 10;
            position: relative;
            text-align: left;
            font-size: 66px;
            line-height: 62px;
            top: 0;
            width: 100vw;
            left: 0;
        }
    }
}

.gruppo6 {
    position: relative;

    &__box {
        position: relative;
        width: 100%;
        height: 62vh;
        background-color: white;

        &__img {
            position: relative;
            z-index: 0;
            //background-image: url("../../assets/img/imgHome_5/mappamondo.png");
            //background-size: auto 100%;
            //background-repeat: no-repeat;
            //background-position: bottom center;
            height: 36vh;
            width: auto;
            left: 0;
            margin-bottom: -85px;
        }

        &__testo {
            position: relative;
            margin-top: 20px;
            color: black;
            padding-left: 60px;
            padding-right: 30px;

        }

        &__slogan {
            z-index: 10;
            position: relative;
            text-align: left;
            font-size: 66px;
            line-height: 64px;
            top: 0;
            width: 100vw;
            left: 5vw;
        }
    }
}

.gruppo7 {
    position: relative;

    &__box {
        position: relative;
        width: 100%;
        height: 44vh;
        background-color: white;

        &__img {
            position: absolute;
            z-index: 0;
            //background-image: url("../../assets/img/imgHome_5/caschetto.png");
            //background-size: 85% auto;
            //background-repeat: no-repeat;
            //background-position: top center;
            height: 36vh;
            width: auto;
            right: -13%;
        }

        &__testo {
            position: relative;
            margin-top: 20px;
            color: black;
            padding-left: 30px;
            padding-right: 30px;
        }

        &__slogan {
            z-index: 10;
            position: relative;
            text-align: left;
            font-size: 66px;
            line-height: 62px;
            top: 0;
            width: 100vw;
            left: 5vw;
        }
    }
}

.gruppo8 {
    position: relative;

    &__box {
        position: relative;

        &__intro {
            font-family: $font-family-sans-serif;
            font-weight: 900;
            font-size: 22px;
            line-height: 34px;
            text-align: left;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 94px;
        }

        &__slogan {
            z-index: 50;
            height: 190px;
            top: 0vh;
            text-align: left;
            left: -6vw;
            margin-bottom: -66px;
            position: absolute;
        }

        &__imgs {
            height: 160px;

            &__i1 {
                position: absolute;
                //background-image: url("../../assets/img/imgHome_8/gabriele_1.jpg");
                //background-size: 100% auto;
                //background-repeat: no-repeat;
                //background-position: center center;
                width: 90%;
                //height: 95%;
                height: auto;
                z-index: 80;
                left: 30px;
                pointer-events: none;
            }

        }

        &__desc {
            padding-left: 30px;
            padding-right: 30px;
            margin-top: 3vh;

            &__title {
                font-family: $font-family-serif;
                font-size: 22px;;
                line-height: 34px;
                font-weight: 900;
            }

            &__btn {
                font-size: 14px;
                line-height: 18px;
                text-transform: uppercase;
                font-weight: 700;
                //color: #D8D8D8;
                margin-top: 20px;
                background: $linear-grad-viola-60;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                outline: none;
            }
        }
    }
}

.citazioni {
    position: relative;
    height: 40vh;

    &__img {
        position: absolute;
        background-image: url("../../assets/img/imgHome_9/ciabatte.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: top center;
        height: 180px;
        width: 180px;
        right: -82px;
        bottom: 0;
    }

    &__text {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    &__title {
        font-family: $font-family-sans-serif;
        font-weight: 900;
        font-size: 28px;;
        line-height: 34px;
        text-align: center;
    }

    &__scriptText {
        font-family: $font-family-script;
        font-size: 32px;
        line-height: 33px;
        text-align: center;
        color: #A4A4A4;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    &__textFirma {
        color: #A4A4A4;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
}

.gruppo5__box__slogan,
.gruppo6__box__slogan,
.gruppo7__box__slogan {
    width: 120vw;
    letter-spacing: 3px;
}

.gruppo10 {

    &__box {
        position: relative;
        background-image: url("../../assets/img/imgHome_10/sg_tv.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        //background-position: top center;
        width: 100%;
        height: 110vh;
        margin-top: 20px;

        &__img {
        }

        &__cta {
            position: absolute;
            margin: auto;
            height: 0;
            width: 100%;
            top: 30%;
            //bottom: 0;

            &__play {
                width: 62px;
                height: 62px;
                border: 2px white solid;
                border-radius: 34px;
                margin: auto;
                margin-bottom: 10px;
                background-image: url("../../assets/img/imgHome_10/play.svg");
                background-size: 30% auto;
                background-repeat: no-repeat;
                background-position: 55% 50%;
            }

            &__text {
                color: white;
                width: 100%;
                line-height: 19px;
                padding-left: 15px;
                padding-right: 15px;
                text-align: center;
            }

            &__title {
                color: white;
                font-family: $font-family-sans-serif;
                font-weight: 700;
                font-size: 48px;;
                line-height: 58px;
                width: 100%;
                text-align: center;
            }

        }

        &__canaliTV {
            position: absolute;
            bottom: 0px;
            height: 170px;
            width: 100%;

            &__text {
                color: white;
                width: 100%;
                font-size: 18px;;
                line-height: 22px;
                margin-bottom: 25px;
                padding-left: 15px;
                padding-right: 15px;
                text-align: center;
            }

            &__marchi {
                display: flex;
                padding: 0;
                width: 100%;
                height: 50px;
                list-style: none;

                &__singolo {
                    background-size: auto 100%;
                    background-repeat: no-repeat;
                    background-position: center center;
                    //background-color: red;
                    width: 50px;
                    height: 100%;
                    float: left;
                    flex: 1;
                }

                &--rai {
                    background-image: url("../../assets/img/marchi_tv/logo_rai.png");
                }

                &--sky {
                    background-image: url("../../assets/img/marchi_tv/logo_sky.png");
                }

                &--kili {
                    background-image: url("../../assets/img/marchi_tv/logo_kili.png");
                }
            }
        }

    }
}

.gr_endCta {
    background: linear-gradient(135deg, #db3f88, #48488b);

    &__box {
        height: 230px;
        width: 100%;
        padding: 30px;

        li {
            list-style: none;
        }
    }


    &__mail_us {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        color: white !important;
        text-decoration: underline !important;
        width: 100%;
        height: 24px;
        transition: all .3s;
        text-align: center !important;
    }

    &__mail_us:hover {
    }
}


.testo__evidenziato {
    font-weight: 700;
    //font-style: italic;
}

#reveal1 {
    opacity: 0;
    //-webkit-transform: scale(0.9);
    //-moz-transform: scale(0.9);
    //-ms-transform: scale(0.9);
    //-o-transform: scale(0.9);
    //transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#reveal1.visible {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.img_desktop {
    display: none;
}

.img_mobile {
    display: block;
}

@media screen and (max-width: 320px) {

    .gruppo9 {

        &__box {

            &__scriptText {
                font-size: 26px;
                line-height: 28px;
            }

            &__textFirma {
                line-height: 18px;
            }
        }

        .swiper-container-citaz {
            height: 23vh;
        }

        .container-citaz {
            height: 21vh;
        }
    }

}

@media screen and (min-width: 360px) {
    .gruppo10 {
        &__box {
            background-size: auto 115%;
        }
    }

    .gruppo4 {
        &__box {
            min-height: 68%;
        }
    }
}

@media screen and (max-width: 375px) {

    .gruppo1__slogan {
        top: 48vh;
    }
    .gruppo__slogan,
    .gruppo4__box__slogan {
        font-size: 89px;
        line-height: 84px;
    }
    .gruppo5__box__slogan,
    .gruppo6__box__slogan,
    .gruppo7__box__slogan {
        font-size: 56px;
        line-height: 54px;
    }
}

@media screen and (max-width: 320px) {

    .gruppo1__slogan {
        top: 48vh;
    }
    .gruppo__slogan,
    .gruppo4__box__slogan {
        font-size: 89px;
        line-height: 84px;
    }
    .gruppo5__box__slogan,
    .gruppo6__box__slogan,
    .gruppo7__box__slogan {
        font-size: 56px;
        line-height: 54px;
    }
}

// toDO sistemare in base al layout etc:
////// EVENTUALE DESKTOP - commentato per far vedere solo la versione in stile mobile
@media screen and (min-width: 1024px) {

    .img_desktop {
        display: block;
    }
    .img_mobile {
        display: none;
    }

    .swiper-slides {
        //width: 100vw;
        //height: 100%;
        ////position: relative;
        ////overflow: hidden;

        &__singola {
            width: 100%;
            //height: 100%;
            //position: absolute;
            //top: 0;
            //left: 0;

            &--sec {
                //left: 100vw;
                //left: 0;
            }
        }
    }

    #swiper-bg-slide1_img {
        width: auto;
        height: 100%;
    }

    #swiper-bg-slide2_img {
        width: auto;
        height: 100%;
    }


    .paralex_obj {

        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;

        &__img {
            position: absolute;
            margin: auto;
            //width: auto;
            //height: 100%;
            //width: 100%;
            //height: auto;
            left: 0;
            right: 0;
            object-fit: contain;
            height: 100%;

            &--out-left {
                left: -15vw;
            }
        }
    }
    .logo_fluttuante {
        width: auto;
        height: 100%;
    }
    .desktop_maxW {
        max-width: 100%; // 1160px;
        margin: auto;
    }
    .gruppo {
        width: 100%;
        height: 100%;
        overflow: hidden;

        &__primo {
            //background-size: auto 100%;
            background-repeat: no-repeat;
            //background-position: 50% 55px;
            background-image: url("../../assets/img/imgHome_1/sfondo_1_desktop.jpg");

            background-size: cover;
            background-position: 50% 0;

            width: 100%;
            height: 100%;
            top: 0;
            text-align: center;

            overflow: hidden;
        }
    }

    .gruppo1 {
        &__slogan {
            top: 67%;

            br {
                display: none;
            }
        }
    }

    .locazioni {
        &__bg {
            object-fit: cover;
            //object-position: 50% 0%;
        }

        &__titolo {
            font-size: 15px;

            &__testo {
                font-size: 16px;
                position: relative;
                font-weight: 600;
            }

            &--centrale {
                font-size: 108px;
                line-height: 130px;
                font-weight: 700;
                letter-spacing: 3px;
            }


            &--sotto {
                font-size: 28px;
                font-weight: 600;
                letter-spacing: 1px;
            }
        }

        &__imgSotto {
            //display: none;
            //position: absolute;
            //z-index: 15;
            width: 100%;
            //height: 50vh;
            pointer-events: none;
            top: 70%;
            //
            &__img {
                //width: auto;
                //height: 100%;
                background-size: auto 100%;
            }
        }
    }
    .gruppo2 {
        &__copri_locazioni {
            background-size: 100% 100%;
        }

        &__btnEsplora {
            bottom: 15vh;
        }
    }

    .gruppo3 {
        &__foto {
            width: 38%;
            height: 38%;
            margin: auto;
            //  position: relative;
            //
            &_base {
                //width: 100%;
                //height: 100vw;
                //max-width: 100%;
                //max-height: 400px;
                max-height: unset;
                //height: 65%;
                //width: auto;
                // PER LA VERSIONE RIDOTTA

                object-fit: contain;
                object-position: top;
            }

            //
            //  &__griglia {
            //    height: 65%;
            //    width: auto;
            //  }
            //
            //  &__singola {
            //    height: 65%;
            //    width: auto;
            //  }
        }

        &__titolo {
            font-size: 47px;
            line-height: 47px;
            max-width: 34%;
            margin: auto;
            padding-left: 0;

            br {
                display: none;
            }
        }

        &__testo {
            margin-top: 0; //100px;
            //text-align: center;
        }

    }
    .gruppo3_bg {
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 138%;
        //  position: relative;
        background-repeat: repeat-x;
        background-size: 38% auto;
        background-position-x: center;
        transform-origin: top center;
        background-image: url("../../assets/img/imgHome_3/img_g3_totale.jpg");
    }

    .gruppo3__btnDestinaz {
        z-index: 99;
    }
    .nostri_tour_clm1 {
        width: 65%;
        display: inline-block;
        vertical-align: top;
    }
    .nostri_tour_clm2 {
        width: 34%;
        display: inline-block;
    }

    .gruppo4 {
        height: 85%;
        width: 85%;
        min-height: 800px;
        //min-height: 900px;
        //overflow: hidden;

        &__box {
            //background-size: auto 100%;
            background-size: 100% auto;
            background-position: 50% 0;
            //width: 100%;
            //height: 60%;
            //min-height: 80%;
            height: 100%;
            max-width: 1160px;
            text-align: center;
            margin: auto;
        }
    }

    .gruppo5 {
        &__box {
            height: 30%;
            min-height: 250px;
        }
    }
    .gruppo6 {
        &__box {
            height: 30%;
            min-height: 400px;

            &__testo {
                padding-left: 30px;
            }

            &__slogan {
                left: 0;
            }

            &__img {
                height: 53%;
            }
        }
    }
    .gruppo7 {
        &__box {
            height: 30%;

            &__img {
                height: 80%;
                right: -30%;
            }

            &__slogan {
                left: 0;
            }
        }
    }

    .gruppo8 {

        &__box {

            &__desc {

                &__title {
                    font-size: 28px;;
                    line-height: 38px;
                }
            }

            &__intro {
            }

            &__slogan {
            }

            &__imgs {
                height: 430px;//500px

                &__i1 {
                    width:70%;
                }
            }
        }
    }

    .nuvole_tv {
        &_img {
            //top: -80px;
            top: 0px;
            top: -52px;
            background-size: 100% 75%;
            height: 900px;

            &_sotto {
                top: -65px;
                background-size: 100% 100%;
                height: 900px;
                background-size: auto 100%;
                background-repeat-x: repeat;
                background-image: url("../../assets/img/nuvola2_desktop.png");
            }
        }
    }

    .gruppo10 {

        &__box {
            background-size: cover;
            //background-position: center;
            width: 100%;
            //height: 100%;
            height: calc(100% - 130px);
            //margin-top: 20px;
            background-image: url("../../assets/img/imgHome_10/sgt_tv_desktop.jpg");

            &__cta {
                br {
                    display: none;
                }

                &__title {
                    font-size: 79px;
                    letter-spacing: 1.5px;
                    line-height: 105px;
                    text-shadow: rgba(0, 0, 0, .25) 0 2px 12px;
                }

                &__text {
                    font-size: 22px;
                }
            }

            &__canaliTV {
                //height: 170px;
                //width: 100%;
                left: 0;
                right: 0;
                max-width: 560px;
                margin: auto;
            }
        }
    }

    .gr_endCta {
        &__box {
            //display: inline-flex;
            height: 130px;
            //width: 100%;
            //padding: 30px;
            list-style: none;
            display: flex;

            li {
                //align-items: baseline;
                min-width: 300px;
                margin-right: 20px;

                a {
                    height: 100%;
                    line-height: 70px;
                    text-align: right !important;
                }
            }
        }

        &__box:last-child {
            flex: auto;
        }
    }

    .citazioni {
        color: white;
        //height: 36%;
        //min-height: 292px;
        height: 292px;
        overflow: hidden;
        margin-bottom: 60px;

        &__bg {
            position: absolute;
            z-index: 0;
            background-image: url("../../assets/img/imgHome_9/citaz_bg.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);;
            width: 110%;
            height: 110%;
            top: -5%;
            left: -5%;
        }

        &__img {
            height: 300px;
            width: 300px;
            //right: 20%;
            right: 0;
            margin: auto;
            //
            display: none;
        }


        &__text {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        &__title {
            padding-top: 2%;
            color: rgba(255, 255, 255, .7);
        }

        &__scriptText {
            color: white;
            font-size: 45px;
            line-height: 42px;
        }

        &__textFirma {
            color: white;
        }
    }

    //.cta-desktop {
    //  display: inline-flex;
    //  max-width: 1160px;
    //  width: 100%;
    //  left: 0;
    //  right: 0;
    //  position: absolute;
    //  margin: auto;
    //  align-items: baseline;
    //}

}