.breadcrumb {
    margin-bottom: 70px;
}

@media (max-width:768px) {
    .breadcrumb {
        display: none;
    }
}


/* === GSAP === */

.gsap_enter_anim {
    opacity: 0;
}

/* =========================
 front page / front-page.php
 ========================= */


/* ======== slideshow home ======== */


.relative_auto {
    position: relative;
    height: auto;
    width: 100%;
}

.hero__slideshow .swiper-container.swiper-container--main {
    width: 100vw;
    height: 100vh;
    padding: 0;
    overflow-x: hidden;
}

.slideshow_small .hero__slideshow .swiper-container.swiper-container--main {
    width: 100vw;
    height: 75vh;
}

.hero__slideshow .swiper-slide-active .hero__slideshow__btn .btn {
    animation: hero__slideshow__btn 1s ease;
}

@keyframes hero__slideshow__btn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    30% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero__slideshow__btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.hero__slideshow__btn .btn img {
    height: 17px;
}

.slideshow_small .hero__slideshow__btn {}

.slideshow_controls {
    position: absolute;
    bottom: 30px;
    right: 60px;
    z-index: 100;
}

.slideshow_controls .hero__slideshow__thumb {
    height: 100px;
    width: 100px;
    position: relative;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.8s;
    border-radius: 100%;
}

.hero__slideshow__thumb .percent svg {
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 1000;
    transform: rotate(-90deg);
}

.hero__slideshow__thumb .percent svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 10;
    transform: translate(5px, 5px);
}

.hero__slideshow__thumb .percent {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
}

svg circle:nth-child(2) {
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
}

.hero__slideshow__thumb svg circle:nth-child(2) {
    stroke: white;
}

.swiper-slide-thumb-active .hero__slideshow__thumb svg circle:nth-child(2) {
    animation: circleloader 12s infinite;
}

@keyframes circleloader {
    from {
        stroke-dashoffset: 440;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.slideshow_controls .swiper-container {
    width: 350px;
    display: block;
}

.slideshow_controls .swiper-wrapper {
    justify-content: flex-end;
    width: auto;
}

.hero__slideshow__thumb:hover {
    cursor: pointer;
}

.hero__slideshow__thumb__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92px;
    height: 92px;
    border-radius: 100%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.hero__slideshow__thumb__inner:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
}

.slideshow_controls .swiper-slide {
    height: 100px;
    width: 100px;
}

.swiper-slide-thumb-active .hero__slideshow__thumb {
    border-color: white;
}

.hero__slideshow__thumb__number {
    font-family: titolo;
    color: black;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s ease;
}

@media (max-width:1500px) {
    .slideshow_controls {
        transform: scale(0.8);
        width: 100%;
        right: 0;
        bottom: 30px;
    }

    .slideshow_controls .swiper-container {
        width: 100%;
        transform: translateX(10%);
    }
}

@media (max-width:990px) {
    .hero__slideshow__btn {
        /* display: none; */
    }

    .slideshow_controls {
        transform: scale(0.65);
        width: 100%;
        right: 0;
        bottom: 0;
    }

    .slideshow_small .slideshow_controls {
        bottom: -30px;
    }


    .slideshow_controls .swiper-container {
        width: 100%;
        transform: translateX(20%);
    }
}

.hero__slideshow {
    position: relative;
    height: 100vh;
    width: 100%;
}

.slideshow_small .hero__slideshow {
    width: 100vw;
    height: 70vh;
}


.hero__slideshow--mobile {
    display: none;
}


@media (max-width:768px) {
    .hero__slideshow--desktop {
        display: none;
    }

    .hero__slideshow--mobile {
        display: block;
    }

    .hero__slideshow .swiper-container.swiper-container--main,
    .hero__slideshow {
        width: 100vw;
        height: 90vh;
    }

    .hero__slideshow__btn {
        position: absolute;
        bottom: 110px;
        left: 30px;
        margin: 0 auto;
        transform: translateX(0);
        z-index: 100;
        width: calc(100% - 60px);
    }
}


.hero__slideshow .swiper-container--main .swiper-slide:before {
    z-index: 1;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
}

.hero__slideshow:after {
    z-index: 1;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
}


.hero__slideshow__cta {
    position: absolute;
    z-index: 100;
    width: 100%;
    bottom: 10vh;
    left: 10vw;
    color: white;
    text-align: left;
}

.hero__slideshow__cta__title p {
    font-size: 150px;
    color: white;
    font-family: n3i;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 120px;
}

.hero__slideshow__cta__title p strong {
    font-size: 150px;
    color: white;
    font-family: n3i;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 150px;
    color: transparent;
    font-family: n3i;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

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

    .singola_news iframe {
        max-width: 100%;
        height: auto;
        min-height: 260px;
    }

    .hero__slideshow__cta {
        position: absolute;
        z-index: 100;
        width: 100%;
        bottom: 40px;
        left: 5%;
        color: white;
        text-align: left;
    }

    .hero__slideshow__cta__title p {
        font-size: 64px;
        color: white;
        font-family: n3i;
        letter-spacing: 2px;
        text-transform: uppercase;
        line-height: 64px;
    }

    .hero__slideshow__cta__title p strong {
        font-size: 61px;
        color: white;
        font-family: n3i;
        letter-spacing: 2px;
        text-transform: uppercase;
        line-height: 64px;
        color: transparent;
        font-family: n3i;
        text-transform: uppercase;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #aaa;
    }
}


.hero__slideshow .swiper-container--main .swiper-slide {
    width: 100vw !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: white;
    position: relative;
}

.hero__slideshow .swiper-container--main .swiper-slide__inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero__slideshow .swiper-container--main .swiper-slide__inner__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.hero__slideshow .swiper-container--main .swiper-slide__inner__wrapper__img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* ========== sezione introduttiva ========== */


.titolo_sezione {
    font-family: titolo;
    font-size: 100px;
    text-transform: uppercase;
    line-height: 105%;
}


.titolo_sezione--small {
    font-size: 50px;
}

@media (max-width:1700px) {
    .titolo_sezione {
        font-size: 88px;
    }

}

.titolo_sezione--small h1 {
    font-family: titolo;
    font-size: 50px;
    line-height: 115%;
}

@media (max-width:1500px) {
    .titolo_sezione {
        font-size: 72px;
    }

    .titolo_sezione--small {
        font-size: 50px;
    }

    .titolo_sezione--small h1 {
        font-family: titolo;
        font-size: 50px;
    }

}

@media (max-width:1250px) {
    .titolo_sezione {
        font-size: 64px;
    }

    .titolo_sezione--small {
        font-size: 45px;
    }

    .titolo_sezione--small h1 {
        font-family: titolo;
        font-size: 45px;
    }

}

@media (max-width:990px) {
    .titolo_sezione {
        font-size: 55px;
    }

    .titolo_sezione--small {
        font-size: 40px;
    }

    .titolo_sezione--small h1 {
        font-family: titolo;
        font-size: 40px;
    }

}

@media (max-width:768px) {
    .titolo_sezione {
        font-size: 30px;
    }

    .titolo_sezione--small h1 {
        font-family: titolo;
        font-size: 25px;
    }


    .titolo_sezione--small {
        font-size: 25px;
    }

}



.intro_sezione {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: black;
}

.introduzione_home h1,
.introduzione_home .intro_sezione {
    color: #0026AF !important;
}

.introduzione_home {
    /* background: rgba(178, 195, 255, 0.2); */
}

.paragrafo,
.paragrafo p {
    font-size: 21px;
    line-height: 120%;
}

.paragrafo.paragrafo--no_indent p:first-child {
    text-indent: 0;
}

.paragrafo--big p {
    font-size: 30px;
    line-height: 115%;
}

p strong {
    font-weight: normal;
    font-family: 'TradeGothicBoldTwo';
}

/*.paragrafo p:first-child {*/
/*    text-indent: 70px;*/
/*}*/

.introduzione_home__text {
    padding-top: 70px;
    padding-left: 60%;
    padding-right: 10%;
}

.introduzione_home__text .btn--wrapper {
    margin-top: 30px;
}

@media (max-width:1250px) {

    .paragrafo,
    .paragrafo p {
        font-size: 18px;
    }

    .paragrafo--big p {
        font-size: 24px;
    }

}

@media (max-width:768px) {
    .introduzione_home__text {
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .paragrafo,
    .paragrafo p,
    p {
        font-size: 15px;
        line-height: 125%;
    }

    .paragrafo p:first-child {
        text-indent: 50px;
    }


}

/* controlli slider */

.swiper_controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 350px;
    padding-top: 30px;
    margin: 0 auto;
    min-width: 320px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.swiper-button-disabled {
    opacity: 0.3;
}

.slider-sx,
.slider-dx {
    height: 21px;
    width: auto;
}

.slider-sx:hover,
.slider-dx:hover {
    cursor: pointer;
}

.swiper-number {
    font-family: titolo;
}


.swiper_controls .swiper-pagination-progressbar {
    position: relative;
    width: 200px;
}

.swiper_controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: black;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper_controls .swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 1px;
    background: rgba(0, 0, 0, .2);
}


/* ========== scroll_grid ========== */

.scroll_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    margin-bottom: 20px;
    width: 120%;
}

.scroll_grid.scroll_grid--7col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.scroll_grid img {
    width: 100%;
    height: auto;
}

.scroll_grid--2 {
    margin-bottom: 0;
}

@media (max-width:768px) {
    .scroll_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 10px;
        margin-bottom: 10px;
        width: 120%;
    }

    .scroll_grid--hide_mobile {
        display: none;
    }

    .scroll_grid.scroll_grid--7col {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

}

/* ========== home sostenibilità ========== */

.swiper_custom_control {
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    box-shadow: 0px 2.97839px 2.97839px rgba(192, 192, 192, 0.25);
}

.swiper_custom_control:hover {
    cursor: pointer;
}

.swiper_custom_control img {
    height: 15px;
}

.swiper_custom_control.next-custom {
    right: 0;
}

.swiper_custom_control.prev-custom {
    left: 0;
}


.home_sostenibilita {
    /* background: rgba(219, 255, 247, 0.5); */
}

.home_sostenibilita__card .swiper-container {
    position: relative;
}

.home_sostenibilita .titolo_sezione {
    color: #009E6A;
}

.home_sostenibilita__text {
    padding-left: 5%;
    padding-top: 70px;
    width: 40%;
}

@media (max-width:768px) {
    .home_sostenibilita__text {
        padding-left: 0;
        padding-top: 40px;
        width: 100%;
    }

    .swiper_custom_control {
        display: none;
    }
	
	.home_sostenibilita .titolo_sezione {
		font-size: 28px !important;
	}
}

.home_sostenibilita__card__item {
    height: 45vh;
    min-height: 500px;
    position: relative;
    display: inline-block;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.home_sostenibilita__card__item:hover {
    position: relative;
    z-index: 1000;
}

.home_sostenibilita__card__item__title {
    font-family: 'TradeGothicBoldCondTwenty';
    font-size: 40px;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    left: 40px;
    padding-right: 40px;
}

.home_sostenibilita__card__item__ico {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_sostenibilita__card__item__ico img {
    width: 100%;
}

.home_sostenibilita__card__item__ico img {
    max-width: 140px;
    width: 140px;
}

.home_sostenibilita__card__item__hover {
    position: absolute;
    z-index: 1000;
    top: -30px;
    left: -30px;
    height: 100%;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.9);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 7px 30px -5px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 7px 30px -5px rgba(0, 0, 0, 0.19);
}

.home_sostenibilita__card__item:hover .home_sostenibilita__card__item__hover {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}


.home_sostenibilita__card__item__hover p {
    font-size: 21px;
    line-height: 115%;
    color: inherit;
}

@media (max-width:1250px) {
    .home_sostenibilita__card__item__title {
        font-size: 30px;
        position: absolute;
        top: 30px;
        left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:768px) {
    .home_sostenibilita__card .swiper-container {
        padding-right: 10vw;
    }

    .home_sostenibilita__card__item {
        height: 40vh;
        min-height: 350px;
    }

    .home_sostenibilita__card__item__title {
        font-size: 20px;
        top: 25px;
        left: 25px;
        padding-right: 25px;
    }

    .home_sostenibilita__card__item__ico {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .home_sostenibilita__card__item__ico img {
        max-width: 100px;
    }

    .home_sostenibilita__card__item__hover {
        top: 0;
        left: 0;
        padding: 0;
    }

    .home_sostenibilita__card__item__hover__text {
        padding: 30px;
    }

    .home_sostenibilita__card__item__hover .btn--wrapper {
        padding-left: 30px;
        padding-right: 30px;
        transform: translateY(-30px);
    }

}


/* ========== home mondi ========== */


.sfondo_cambia_colore {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.titolo_sezione--big {
    text-align: center;
}

.home_mondi .titolo_sezione--big {
    color: #EA223B;
}

.home_mondi {
    position: relative;
    z-index: 10;
}

.home_mondi__text {
    width: 35%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 7vh;
    pointer-events: none;
}

@media (max-width:768px) {
    .home_mondi__text {
        width: 100%;
        left: 0;
        transform: translateX(0);
        padding-top: 40px;
    }
}

.home_mondi_items {}

.home_mondi__item {
    color: #EA223B;
    font-family: titolo;
    font-size: 55px;
    text-transform: uppercase;
    padding: 7vh 0;
    border-bottom: 1px solid #EA223B;
    position: relative;
}

.home_mondi__item__img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    width: auto;
    display: inline-block;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    overflow: hidden;
}

.home_mondi__item__img--show {
    opacity: 1;
}

.home_mondi__item__img .btn--wrapper {
    transition: none !important;
}

.home_mondi__item__img__img {
    opacity: 0;
    height: 40vh;
    min-height: 400px;
}

.home_mondi__item__img__inner {
    background-position: center;
    background-size: cover;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.4);
    -webkit-transition: all 0.95s ease;
    transition: all 0.95s ease;
}

.home_mondi__item__img--show .home_mondi__item__img__inner {
    transform: scale(1);
}

/*
.home_mondi__item:hover .home_mondi__item__img {
    visibility: visible;
    opacity: 1;
}
*/

.home_mondi__item__img .btn--wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home_mondi__item__text {
    max-width: 60%;
}

a:last-child.home_mondi__item {
    border-bottom: none;
}


.item_image_hover {
    position: fixed;
    height: 400px;
    width: 600px;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: 2px solid black;
}

.item_image_hover__inner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: hover_zoom 1s ease;
}

@keyframes hover_zoom {
    from {
        transform: scale(1.3);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.freccia_rossa {
    display: none;
}

@media (max-width:1500px) {
    .home_mondi__item {
        font-size: 45px;
    }
}

@media (max-width:1250px) {
    .home_mondi__item {
        font-size: 36px;
        padding: 40px 0;
    }
}

@media (max-width:1100px) {
    .home_mondi__item {
        font-size: 30px;
        padding: 30px 0;
        display: flex;
        flex-direction: row-reverse;
        gap: 30px;
        align-items: center;
        position: relative;
        justify-content: flex-end;
    }

    .home_mondi__item__img {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
        height: auto;
        width: auto;
        display: inline-block;
        opacity: 1;
    }

    .home_mondi__item__img__img {
        opacity: 0;
        width: 110px;
        min-height: 150px;
        height: 150px;
    }

    .home_mondi__item__img .btn--wrapper {
        display: none;
    }
}



@media (max-width:768px) {

    .freccia_rossa {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .home_mondi__item {
        font-size: 18px;
        padding: 25px 0;
        display: flex;
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
        position: relative;
        justify-content: flex-end;
    }

    .home_mondi__item__img {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
        height: auto;
        width: auto;
        display: inline-block;
        opacity: 1;
    }

    .home_mondi__item__img__img {
        opacity: 0;
        width: 70px;
        min-height: 70px;
        height: 70px;
    }

    .home_mondi__item__img .btn--wrapper {
        display: none;
    }

}


/* ============ home settori / standard slider  ========= */

.standard_slider_section {
    height: auto;
    position: relative;
}

.standard_slider {
    background-position: center;
    background-size: cover;
    width: 100vw;
    height: 75vh;
    display: flex;
    align-items: center;
    padding-bottom: 5vh;
}

.standard_slider__flex {
    width: 100%;
    justify-content: center;
    gap: 10%;
    display: flex;
    align-items: center;
}

.standard_slider__img {
    width: auto;
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.standard_slider__img img {
    height: 50vh;
    opacity: 0;
}

.standard_slider__img__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.standard_slider_section .swiper-slide-active .standard_slider__img__inner {
    animation: img_slider 1.5s ease;
}

.standard_slider_section .swiper-slide-active .standard_slider__flex__text__title {
    animation: text_slider_1 1.5s ease;
}

.standard_slider__flex__text.testi_bianchi,
.standard_slider__flex__text.testi_bianchi p {
    color: white !important;
}

.standard_slider_section .swiper-slide-active .standard_slider__flex__text__description {
    animation: text_slider_2 1.5s ease;
}

.standard_slider_section .swiper-slide-active .btn--wrapper {
    animation: text_slider_3 1.5s ease;
}

@keyframes text_slider_1 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes text_slider_2 {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    30% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes text_slider_3 {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    40% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes img_slider {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    20% {
        opacity: 0;
        transform: scale(1.3);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.standard_slider__flex__slider .swiper-container {
    overflow: hidden;
}

.standard_slider__flex__slider .swiper-slide img {
    width: 100%;
    height: auto;
}

.standard_slider__flex__text {
    width: 60%;
    max-width: 650px;
}

.standard_slider__flex__text__indent {
    padding-left: 70px;
}

.standard_slider__flex__text p {
    max-width: 400px;
    text-indent: 70px;
}

.standard_slider__flex__text__title {
    font-family: titolo;
    font-size: 55px;
    margin-bottom: 60px;
}

.standard_slider__flex__text__description .btn--wrapper {
    margin-top: 50px;
}

@media (max-width:1500px) {
    .standard_slider__flex__text__title {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .standard_slider__flex {
        gap: 5%;
    }

    .standard_slider__flex__text {
        width: 55%;
        max-width: 600px;
    }

    .standard_slider__img img {
        height: 45vh;
    }
}

@media (max-width:1200px) {
    .standard_slider__flex__text__title {
        font-size: 40px;
    }

    .standard_slider__flex {
        gap: 4%;
    }

    .standard_slider__flex__text {
        width: 60%;
        max-width: 600px;
    }

    .standard_slider__img img {
        height: 40vh;
    }
}

@media (max-width:1100px) {
    .standard_slider {
        padding-left: 30px;
        padding-right: 30px;
    }

    .standard_slider__flex__text__title {
        font-size: 30px;
    }

    .standard_slider__flex__text__indent {
        padding-left: 40px;
    }
}

@media (max-width:990px) {

    .standard_slider__flex__text__title {
        font-size: 28px;
    }

    .standard_slider__flex__text__indent {
        padding-left: 0;
    }
}



@media (max-width:768px) {

    .standard_slider {
        padding-left: 0;
        padding-right: 0;
    }


    .standard_slider {
        background-position: center;
        background-size: cover;
        width: 100vw;
        height: auto;
        display: flex;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .standard_slider__flex {
        display: block;
        gap: 0;
    }

    .standard_slider__flex__text__title {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .standard_slider__flex__text p {
        max-width: 100%;
        text-indent: 50px;
    }

    .standard_slider__flex__text {
        width: 100%;
        max-width: 100%;
    }

    .standard_slider__img {
        text-align: center;
        margin: 0 auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 50px;
    }

    .standard_slider__flex__text__indent {
        padding-left: 30px;
        padding-right: 30px;
    }

    .standard_slider_section .swiper_controls {
        padding-top: 20px;
        bottom: 20px;
        min-width: 250px;
        width: 300px;
    }

    .swiper-number {
        font-size: 14px;
    }

}

/* ============ home news ============= */

.home_news .titolo_sezione--small {
    font-size: 55px;
}


.home_news__intro {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffebce+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 235, 206, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 235, 206, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 235, 206, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebce', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */

}

.home_news .btn--wrapper {
    margin-top: 70px;
}

.home_news .btn {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.home_news__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 60px;
    border-top: 1px solid #DFDFDF;
    min-height: 320px;
}

.home_news__item:last-child {
    border-bottom: 1px solid #DFDFDF;
}

.home_news__item__text {
    width: 40%;
}

.home_news__item__text__title {
    text-transform: uppercase;
    font-size: 30px;
    color: black;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'TradeGothicBoldCondTwenty';
}

.home_news__item__img img {
    margin: 0;
    min-height: 320px;
}

@media (max-width:1500px) {
    .home_news__item__text__title {
        font-size: 28px;
    }

    .home_news .titolo_sezione--small {
        font-size: 48px;
    }

}

@media (max-width:1200px) {
    .home_news__item__text__title {
        font-size: 25px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .home_news .titolo_sezione--small {
        font-size: 36px;
    }
}

@media (max-width:768px) {
    .home_news .titolo_sezione--small {
        font-size: 30px;
    }

    .home_news__item {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        padding: 20px 30px;
        min-height: 80px;
        gap: 15px;
    }

    .home_news__item:last-child {
        border-bottom: 1px solid #DFDFDF;
    }

    .home_news__item__img img {
        height: 100px;
        min-height: 100px;
    }

    .home_news__item__text {
        width: 40%;
    }

    .home_news__item__text__date {
        font-size: 12px;
    }

    .home_news__item__text__title {
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }


}


/* ============= home cambia =========== */

.testo_cambia {
    padding: 19vh 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eafff8+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eafff8', GradientType=0);
    /* IE6-9 */
}

.testo_cambia__1 {
    font-size: 110px;
    font-family: titolo;
    text-align: center;
    line-height: 105%;
}

.testo_cambia__2 {
    text-align: center;
    text-decoration: underline;
}

@media (max-width:1250px) {
    .testo_cambia__1 {
        font-size: 90px;
    }
}

@media (max-width:990px) {
    .testo_cambia__1 {
        font-size: 75px;
    }
}

@media (max-width:768px) {
    .testo_cambia__1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .testo_cambia__2 img {
        height: 35px;
    }

    .testo_cambia {
        padding: 50px 0;
    }

    .testo_cambia__2 .swiper-slide {
        height: 40px;
    }

}

/* =========================
su di noi / template-azienda.php
 ========================= */

.introduzione_azienda {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eafff8+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(234, 255, 248, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(234, 255, 248, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(234, 255, 248, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eafff8', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.introduzione_azienda h1 {
    color: #DF4E60;
    font-size: 110px;
    text-align: center;
}

@media (max-width:1500px) {
    .introduzione_azienda h1 {
        font-size: 90px;
    }
}

.introduzione_azienda__text p {
    text-indent: 0;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 30px;
}

.sezione_text_50_right {
    display: flex;
    justify-content: flex-end;
    padding-left: 60%;
    padding-top: 10vh;
}

.sezione_2_colonne {

    padding-top: 10vh;
    -webkit-columns: 40px 2;
    /* Chrome, Safari, Opera */
    -moz-columns: 60px 2;
    /* Firefox */
    columns: 60px 2;
    column-gap: 150px;
}

@media (max-width:800px) {

    .sezione_2_colonne {
        -webkit-columns: 1;
        /* Chrome, Safari, Opera */
        -moz-columns: 1;
        /* Firefox */
        columns: 1;
    }
}

.colore_verde {
    color: #009E6A;
}

@media (max-width:1250px) {
    .introduzione_azienda h1 {
        font-size: 64px;
    }
}

@media (max-width:768px) {
    .introduzione_azienda h1 {
        font-size: 30px;
    }

    .sezione_text_50_right {
        display: block;
        padding-left: 0;
        padding-top: 40px;
    }

}

.carosello_azienda .swiper_controls {
    color: #ffffff;
}

.carosello_azienda .swiper_controls .swiper-pagination-progressbar.swiper-pagination-horizontal {
    background: rgba(255, 255, 255, .2);
}

.carosello_azienda .swiper_controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: rgba(255, 255, 255, 1);
}

.carosello_azienda .slider-sx,
.carosello_azienda .slider-dx {
    filter: invert(100)
}

/* ======== company numbers ===== */

.company_numbers {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eafff8+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(234, 255, 248, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eafff8', GradientType=0);
    /* IE6-9 */
}

.numbers_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px;
}

.numbers_grid_intro {
    font-family: titolo;
    font-size: 55px;
    text-transform: uppercase;
}

.numbers_grid__item {
    border-top: 1px solid #DF4E60;
    padding-top: 60px;
    margin-bottom: 10vh;
}

.numbers_grid__item__big {
    font-size: 150px;
    color: #DF4E60;
    margin-bottom: 50px;
    font-family: titolo;
    line-height: 150px;
}

.numbers_grid__item__text {
    font-size: 21px;
    padding-top: 30px;
    border-top: 1px solid #DF4E60;
}

.paragrafo--big h2,
.paragrafo--big h3 {
    display: block;
    margin-bottom: 30px;
    font-family: 'TradeGothicBoldCondTwenty';
    font-size: 30px;
}

.testo_foto {
    display: flex;
    align-items: center;
    margin-bottom: 10vh;
    flex-wrap: wrap;
}

.testo_foto img {
    min-height: 35vh;
}

.testo_foto__title,
.testo_foto__img {
    width: 50%;
}
.testo_foto__title {
    padding-left: 50px;
}
@media (max-width:1100px) {
    .testo_foto__title {
        padding-left: 30px;
    }
}
@media (max-width:768px) {
    .testo_foto__title {
        padding-left: 0;
    }
}

.testo_foto__title__inner {
    max-width: 700px;
}

.testo_foto__title__main {
    font-family: titolo;
    font-size: 50px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

@media (max-width:1500px) {
    .numbers_grid__item__big {
        font-size: 110px;
        margin-bottom: 40px;
        line-height: 110px;
    }

}

@media (max-width:1250px) {
    .testo_foto img {
        height: 40vh;
    }

    .numbers_grid__item__big {
        font-size: 100px;
        margin-bottom: 30px;
        line-height: 100px;
    }

    .numbers_grid {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 60px;
    }

    .numbers_grid_intro {
        font-size: 40px;
    }

    .testo_foto__title__main {
        font-size: 35px;
        margin-bottom: 30px;
    }
}

@media (max-width:768px) {

    .paragrafo--big h2,
    .paragrafo--big h3 {
        font-size: 25px;
    }

    .testo_foto:last-child {
        margin-bottom: 0;
    }

    .testo_foto__img {
        margin-bottom: 30px;
    }

    .testo_foto__title,
    .testo_foto__img {
        width: 100%;
    }

    .testo_foto--rotate .paragrafo {
        max-width: 100% !important;
        padding-left: 0 !important;
    }

    .testo_foto__title__main {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .testo_foto--invert_mobile {
        flex-direction: column-reverse;
    }

    .numbers_grid_intro {
        margin-bottom: 30px;
    }

    .numbers_grid {
        display: block;
    }

    .numbers_grid_intro {
        font-size: 25px;
    }

    .numbers_grid__item {
        border-top: 1px solid #DF4E60;
        padding-top: 30px;
        margin-bottom: 70px;
    }

    .numbers_grid__item__big {
        font-size: 100px;
        margin-bottom: 0;
        line-height: 100px;
    }

    .numbers_grid__item__text {
        font-size: 16px;
    }

}

/* ===== join us ===== */

.join_us {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0f2+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f2', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.join_us .titolo_sezione {
    color: #DF4E60;
    margin-bottom: 70px;
}

.join_us .btn--wrapper {
    margin-top: 50px;
}

/* =========================
settori / template-settori.php
 ========================= */

.introduzione_settori {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff8ea+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 248, 234, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 248, 234, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 248, 234, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8ea', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */

}

.introduzione_settori .titolo_sezione {
    color: #EB9800;
}

.introduzione_settori__text {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.introduzione_settori__text .paragrafo {
    width: 40%;
}

.introduzione_settori__text .paragrafo a {
    color: #EB9800;
    text-decoration: underline;
}


.settori_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    position: relative;
}

.settori_grid_item {
    background-color: #2D46A0;
    color: #FFD485;
    box-shadow: 0px 6.28518px 12.5704px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
    transform-origin: center;
}

.settori_grid_item__text {
    padding: 30px;
    min-height: 220px;
}

.settori_grid_item__text__title {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 25px;
    font-family: 'TradeGothicBoldCondTwenty';
}

.settori_grid_item__text__description {
    font-size: 16px;
}

.settori_grid_item__img {
    height: 300px;
    background-position: center;
    background-size: cover;
}

.settori_grid.disordine .settori_grid_item {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    transform-origin: center;
}

.settori_grid.disordine .settori_grid_item:nth-child(odd) {
    transform: translate(-50%, -50%) rotate(20deg);
}

.settori_grid.disordine .settori_grid_item:nth-child(odd) {
    transform: translate(-50%, -50%) rotate(20deg);
}

.settori_grid.disordine .settori_grid_item:nth-child(3n-1) {
    transform: translate(-10%, -20%) rotate(10deg);
}

.settori_grid_item__hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: #2D46A0;
    padding: 30px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: scale(0.95);
}

.settori_grid_item__hover p {
    color: #FFD485;
    font-size: 17px;
}

.settori_grid_item:hover .settori_grid_item__hover {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.settori_grid_item__hover .btn {
    background-color: #FFD485;
    width: 100%;
    justify-content: space-between;
}

.settori_grid_item__hover .btn--wrapper {
    margin-top: 10px;
    display: block;
}

@media (max-width:1400px) {
    .settori_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px;
    }
}

@media (max-width:990px) {
    .settori_grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
    }
}

@media (max-width:768px) {

    .introduzione_settori .titolo_sezione {
        font-size: 29px;
    }

    .introduzione_settori__text {
        display: block;
        margin-bottom: 50px;
    }

    .introduzione_settori__text .paragrafo {
        width: 100%;
    }

    .settori_grid {
        display: block;
    }

    .settori_grid_item {
        box-shadow: 0px 6.28518px 12.5704px rgba(0, 0, 0, 0.25);
        margin-bottom: 30px;
    }


    .settori_grid.disordine .settori_grid_item {
        left: auto;
        top: auto;
        transform: none;
        transform-origin: center;
    }

    .settori_grid.disordine .settori_grid_item:nth-child(1) {
        transform: translate(0, -10%) rotate(0deg);
    }

    .settori_grid.disordine .settori_grid_item:nth-child(2) {
        transform: translate(15%, -112%) rotate(-15deg);
    }

}


/* =========================
lavora con noi  / template-lavora-con-noi.php
 ========================= */

.introduzione_lavora_con_noi .titolo_sezione {
    color: #32459A;
}

.introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .titolo_sezione {
    color: black;
    font-size: 55px;
}

.introduzione_lavora_con_noi {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0f2+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f2', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.testo_foto .paragrafo--big {
    margin-bottom: 50px;
}

.testo_foto--rotate:nth-child(odd) .testo_foto__img img {
    transform-origin: center;
    transform: rotate(10deg);
}

.testo_foto--rotate:nth-child(even) .testo_foto__img img {
    transform-origin: center;
    transform: rotate(-10deg);
}

.testo_foto--rotate--a .testo_foto__title {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .paragrafo {
    padding-left: 50%;
    padding-right: 20%;
    padding-top: 10vh;
}

.testo_foto--rotate .paragrafo {
    max-width: 500px;
    padding-left: 70px;
}

.testo_foto .btn--wrapper {
    margin-top: 30px;
}

@media (max-width:768px) {
    .introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .titolo_sezione {
        color: black;
        font-size: 25px;
    }

    .introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .paragrafo {
        padding: 0;
        padding-top: 50px;
    }

}

/* tipo candidatura */

.tipo_candidatura_item {
    font-size: 55px;
    text-transform: uppercase;
    font-family: titolo;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8vh 0;
    border-bottom: 1px solid #B6B6B6;
}

.tipo_candidatura_item .btn--wrapper {
    padding-right: 60px;
}

.tipo_candidatura--posizione_lavorativa .tipo_candidatura_item {
    font-size: 30px;
    padding: 50px 0;
    text-transform: none;
}

.tipo_candidatura--posizione_lavorativa .tipo_candidatura_item .tipo_candidatura_item__text__title {
    text-transform: uppercase;
}

.tipo_candidatura--posizione_lavorativa .tipo_candidatura_item .tipo_candidatura_item__text__luogo {
    font-family: 'TradeGothicMedium';
    font-size: 24px;
    margin-top: 10px;
}

.tipo_candidatura_item .btn {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.tipo_candidatura_item:hover .btn {
    transform: translateX(10px);
}

@media (max-width:1500px) {
    .tipo_candidatura_item {
        font-size: 48px;
        padding: 7vh 0;
    }

    .introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .titolo_sezione {
        font-size: 48px;
    }
}

@media (max-width:1250px) {
    .tipo_candidatura_item {
        font-size: 36px;
        padding: 50px 0;
    }

    .introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .titolo_sezione {
        font-size: 36px;
    }

    .tipo_candidatura_item__text__title {
        font-size: 27px;
    }

}

@media (max-width:768px) {

    .introduzione_lavora_con_noi.introduzione_lavora_con_noi--posizioni_lavorative .titolo_sezione {
        font-size: 25px;
    }

    .tipo_candidatura_item {
        font-size: 24px;
        padding: 30px 0;
    }

    .tipo_candidatura_item .btn {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .tipo_candidatura_item .btn--wrapper {
        padding-right: 0;
    }

    .tipo_candidatura--posizione_lavorativa .tipo_candidatura_item {
        font-size: 24px;
    }

    .tipo_candidatura--posizione_lavorativa .tipo_candidatura_item .tipo_candidatura_item__text__luogo {
        font-size: 19px !important;
        margin-top: 10px;
    }

}

/* =========================
STORIA // template-storia.php
===========================  */

.storia {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff0f2+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 240, 242, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f2', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
    height: 100vh;
    position: relative;
    width: 100vw;
    overflow-x: hidden;
}

.storia_content {
    height: 100%;
    position: relative;
}


.storia_content__anno__img--1 {
    position: absolute;
    top: 20vh;
    left: -50px;
}

.storia_content__anno__img--1 img {
    height: 35vh;
}

.storia_content__anno__img--2 img {
    height: 30vh;
}

.storia_content__anno__img--2 {
    position: absolute;
    top: 60vh;
    right: -50px;
}



.storia_content__descrizione {
    margin: 0 auto;
    max-width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.storia_content__descrizione__carta {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.storia_content__descrizione p {
    text-align: center;
}

.storia_content__anno__number {
    position: absolute;
    bottom: 100px;
    left: 100px;
    font-family: titolo;
    font-size: 120px;
    color: #E0001C;
    z-index: 1000;
}

.storia_content {
    display: none;
    height: 100vh;
    position: relative;
}


.storia_content--active {
    display: flex;
}

.storia_head {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100vw;
    justify-content: space-between;
    z-index: 1000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0001c+0,e0001c+100&1+0,0.2+100 */
    background: -moz-linear-gradient(left, rgba(224, 0, 28, 1) 0%, rgba(224, 0, 28, 0.2) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(224, 0, 28, 1) 0%, rgba(224, 0, 28, 0.2) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(224, 0, 28, 1) 0%, rgba(224, 0, 28, 0.2) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0001c', endColorstr='#33e0001c', GradientType=1);
    /* IE6-9 */

}

.storia_head__item {
    height: 40px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-family: titolo;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    color: white;
    flex: 1;
    border-right: 1px solid white;
}

.storia_head__item:hover {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.storia_head__item--active {
    background-color: white;
}

.storia_head__item--active .storia_head__item__number {
    color: #E0001C;
}

.storia_head__item:hover .storia_head__item__number {
    color: #E0001C;
}

.storia_head__item:hover {
    background-color: white;
}

@media (max-width:1500px) {
    .storia_content__anno__img--1 img {
        height: 30vh;
    }

    .storia_content__anno__img--2 img {
        height: 25vh;
    }

    .storia_content__anno__number {
        font-size: 96px;
    }

}

@media (max-width:1250px) {
    .storia_content__anno__img--1 img {
        height: 27vh;
    }

    .storia_content__anno__img--2 img {
        height: 22vh;
    }

    .storia_content__anno__number {
        font-size: 72px;
    }
}

@media (max-width:990px) {
    .storia_head {
        width: 100vw;
        overflow-x: scroll;
    }

    .storia_head__item {
        height: 33px;
        width: 90px;
        font-size: 15px;
    }

    .storia_content__anno__number {
        bottom: 50px;
        left: 30px;
        font-size: 44px;
    }

    .storia_content__anno__img--1 {
        position: absolute;
        top: 90px;
        left: -50px;
    }

    .storia_content__anno__img--1 img {
        height: 20vh;
    }

    .storia_content__anno__img--2 img {
        height: 17vh;
    }

    .storia_content__anno__img--2 {
        position: absolute;
        top: 70vh;
        right: -50px;
    }



}


/* =========================
Mondi  favini / template-mondi_favini.php
 ========================= */

.slideshow_small {
    margin-top: 50px;
}

.applicazioni_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 8%;
}

.applicazioni_grid_item {
    margin-bottom: 7vh;
    text-align: center;
    font-family: 'TradeGothicBoldCondTwenty';
    font-size: 20px;
}

.applicazioni_grid_item img {
    margin-bottom: 30px;
    width: 100%;
}

.mondi_altre_pagine__flex {
    display: flex;
    flex-wrap: wrap;
}

.mondi_altre_pagine__title {
    font-family: titolo;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.col-50 {
    width: 50%;
    padding-right: 30px;
}

.text-right--desktop {
    text-align: right;
    padding-right: 30px;
}

.introduzione_applicazioni__text {
    display: flex;
}

.introduzione_applicazioni__text .paragrafo {
    width: 50%;
    padding-right: 5%;
}

@media (max-width:1250px) {
    .mondi_altre_pagine__title {
        font-size: 21px;
    }

    .applicazioni_grid {
        grid-column-gap: 5%;
    }
}

@media (max-width:990px) {
    .mondi_altre_pagine__title {
        font-size: 21px;
    }

    .applicazioni_grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width:768px) {

    .introduzione_applicazioni__text {
        display: block;
    }

    .introduzione_applicazioni__text .paragrafo {
        width: 100%;
        padding-right: 0;
    }

    .mondi_altre_pagine__title {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .col-50 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .text-right--desktop {
        text-align: left;
        padding-right: 0;
    }

    .applicazioni_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8%;
    }

    .applicazioni_grid_item img {
        margin-bottom: 10px;
        width: 100%;
    }

    .applicazioni_grid_item {
        margin-bottom: 50px;
        font-size: 18px;
    }

    .titolo_sezione--applicazioni {
        margin-top: 50px;
    }

    .paragrafo--big p {
        font-size: 21px;
        line-height: 115%;
    }

}


/* =========================
Single works  / single-works.php
 ========================= */

.descrizione_posizione_lavorativa {
    padding: 50px 0;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    margin-top: 50px;
    margin-bottom: 50px;
}


/* =========================
 contatti / template-contatti.php
 ========================= */

.introduzione_azienda--contatti {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2c3ff+0,ffffff+100&0.45+0,0+100 */
    background: -moz-linear-gradient(top, rgba(178, 195, 255, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(178, 195, 255, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(178, 195, 255, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b2c3ff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */

}

.introduzione_azienda--contatti h1.titolo_sezione {
    color: #32459A;
}

.mappa_contatti img {
    width: 100%;
}

.contatti_sedi__item {
    display: flex;
    align-items: flex-start;
    padding: 35px 25px;
    border-bottom: 1px solid #E2E2E2;
    flex-wrap: wrap;
}

.contatti_sedi__item__col {
    width: 33.33%;
}

.contatti_sedi__item__col p {
    font-weight: normal;
}

.contatti_sedi__item__title__tipologia {
    display: flex;
    align-items: center;
    gap: 5px;
}

.contatti_sedi__item__title {
    font-family: 'TradeGothicBoldCondTwenty';
    font-size: 22px;
}

.contatti_sedi__item__title__tipologia__line {
    width: 20px;
    height: 2px;
    background-color: black;
}

.form_contatti {
    padding-top: 10vh;
}

.contatti_sedi__item p {
    text-indent: 0px !important;
}



@media (max-width:768px) {

    .contatti_sedi__item p:first-child {
        margin-bottom: 22px;
    }

    .contatti_sedi__item__col {
        width: 100%;
    }

    .contatti_sedi__item__title {
        margin-bottom: 30px;
    }

    .contatti_sedi__item {
        padding: 30px 0;
    }
}

/* =========================
MANIFESTO  / template-manifesto.php
 ========================= */

.manifesto_section {
    height: 100vh;
    width: 100vw;
    position: relative;
    background-size: cover;
    background-position: center;
}

section.manifesto_section {
    overflow-y: visible;
    z-index: 1;
}

section.hero_manifesto {
    z-index: 1;
}

.hero_manifesto_title {
    font-family: titolo;
    font-size: 170px;
    line-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.hero_manifesto_img {
    position: absolute;
    z-index: 10000;
}

.hero_manifesto_img--1 {
    top: 45%;
    left: 20%;
    transform: translate(50px, -20px);
}

.hero_manifesto_img--2 {
    top: 0;
    left: -70px;
    transform: translateY(-70%);
    width: 35%;
}

.hero_manifesto_img--3 {
    top: 0;
    right: -70px;
    transform: translateY(-50%);
    width: 35%;
}

.manifesto_section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.manifesto_section_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    flex-wrap: wrap;
}

.manifesto_section_flex h2 {
    font-family: titolo;
    font-size: 130px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: white;
}

.manifesto_section_flex p {
    text-transform: uppercase;
    padding-left: 70px;
    color: white;
}

.manifesto_parallax {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.manifesto_section_flex_img {
    width: 45%;
    height: auto;
}

.manifesto_section_flex_text {
    width: 50%;
}

.manifesto_section_flex_text p {
    font-family: titolo;
    font-size: 22px;
}

.manifesto_section--reverse .manifesto_section_flex {
    flex-direction: row-reverse;
}

@media (max-width:768px) {

    .manifesto_section_flex_img,
    .manifesto_section_flex_text {
        width: 100%;
    }

    .manifesto_section_flex_img {
        text-align: center;
        margin-bottom: 50px;
    }

    .manifesto_section_flex_text {
        width: calc(100% - 60px);
        margin: 0 auto;
    }

    .hero_manifesto_title {
        font-size: 45px;
    }

    .manifesto_section_flex h2 {
        font-size: 48px;
        margin-bottom: 30px;
    }

    .manifesto_section_flex img {
        height: 300px;
    }

    .manifesto_section--reverse .manifesto_section_flex {
        flex-direction: row;
    }

    .manifesto_section--row {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .manifesto_section {
        height: auto;
        min-height: 100vh;
    }

    .manifesto_parallax img {
        height: 100px;
    }

    .manifesto_section_flex p {
        padding-left: 0;
    }

    .hero_manifesto_img--1 {
        top: 46%;
        left: 0;
        transform: translate(50px, -20px);
    }

    .hero_manifesto_img--1 img {
        height: 90px;
    }

}


/* ============
echosystem // template-echosystem.php 
============== */

.echosystem h1,
.echosystem h2,
.accordion__titolo__titolo {
    color: #56A88D;
}

.echosystem .testo_foto .btn {
    background-color: #56A88D !important;
}

.echosystem .title-container {
    position: relative;
    z-index: 15;
}

.background-container--logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
}

.background-container--logo img {
    height: 45vh;
    opacity: 0.65;
}

.viewer-container {
    position: relative;
    overflow: hidden;
}

.circle_expand {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 800;
    background-color: #fafafa;
    opacity: 0.92;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.psv-marker {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.psv-marker:hover {
    opacity: 0.8 !important;
    cursor: pointer !important;
}

/* viewer controls */

.psv-navbar {
    display: none !important;
}

.viewer-container__controls {
    position: absolute;
    z-index: 200;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: center;
    color: white;
}

.viewer-container__controls__gradient {
    width: 100%;
    height: 15%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.echosystem_control {
    display: flex;
    align-items: center;
    gap: 13px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'TradeGothicBoldCondTwenty';
}

.echosystem_control_circle {
    background-color: white;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
    -webkit- transition: all 0.35s ease;
}

.echosystem_control:hover .echosystem_control_circle {
    transform: scale(1.15);
}

.echosystem_control:hover {
    cursor: pointer;
}

.echosystem_logo img {
    animation: logo_rotate 25s infinite linear;
}

@keyframes logo_rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* tooltip hover */

.psv-tooltip--top-center {
    background-color: white !important;
    color: black !important;
    font-family: 'TradeGothicBoldCondTwenty' !important;
    border-radius: 100px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-shadow: none !important;
}

.psv-tooltip-arrow {
    display: none !important;
}


/* scheda tab open */

.echosystem .scheda {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100vw;
    /*background-color: #fafafa; */
}

.echosystem .chiudi-scheda {
    display: flex;
    gap: 15px;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 30px;
    font-family: 'TradeGothicBoldCondTwenty';
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 20px;
    z-index: 500;
}

.echosystem .chiudi-scheda:hover {
    cursor: pointer;
}

.echosystem .scheda-testuale {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    padding: 10% 10%;
    gap: 10%;
}

.echosystem .scheda .col-sx img {
    max-height: 200px;
}


.echosystem .scheda .back {}

.echosystem .scheda .pretitolo {
    font-family: titolo;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.echosystem .scheda .titolo {
    font-family: titolo;
    font-size: 60px;
    line-height: 110%;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.psv-overlay {
    display: none !important;
}

.scheda-testo-foto {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.scheda-testo-foto .testo-50 {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10%;
}

.scheda-testo-foto .foto {
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.scheda-testo-foto .foto__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
}

.echosystem_logo:hover {
    cursor: pointer;
}

@media (max-width:1500px) {
    .echosystem .scheda .pretitolo {
        font-family: titolo;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .echosystem .scheda .titolo {
        font-family: titolo;
        font-size: 52px;
        margin-bottom: 70px;
    }

    .scheda-testo-foto .testo-50 {
        padding: 0 7%;
    }

    .echosystem .echosystem-content .content_sezione h2 {
        font-size: 45px;
        line-height: 110%;
        margin-bottom: 80px;
    }

    .echosystem .scheda .titolo {
        font-size: 45px;
        margin-bottom: 50px;
    }


    .echosystem .scheda .col-sx img {
        height: 150px;
    }

    .chiudi-scheda img {
        height: 55px;
    }

}

@media (max-width:1250px) {
    .echosystem .echosystem-content .content_sezione h2 {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .echosystem .scheda .titolo {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .testo p {
        font-size: 18px;
    }


    .echosystem .echosystem-content .content_sezione .wp-block-quote {
        padding-left: 50%;
        margin-bottom: 50px;
    }

    .echosystem .scheda .titolo {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .echosystem .scheda .col-sx img {
        height: 130px;
    }

    .chiudi-scheda img {
        height: 50px;
    }
}

@media (max-width:990px) {
    .echosystem .echosystem-content .content_sezione h2 {
        font-size: 25px;
        margin-bottom: 50px;
    }

    .echosystem .echosystem-content .content_sezione .wp-block-quote {
        padding-left: 40%;
        margin-bottom: 50px;
    }

    .echosystem .scheda .titolo {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .echosystem .scheda .col-sx img {
        height: 100px;
    }
}

@media (max-width:768px) {

    .echosystem .scheda .titolo {
        font-size: 24px;
        margin-bottom: 30px;
    }


    .viewer-container__controls {
        gap: 20px;
        transform: none;
        left: 0;
        width: 100%;
        justify-content: space-between;
        padding: 0 30px;
        bottom: 20px;
    }

    .echosystem_logo img {
        height: 60px;
        width: auto;
    }

    .echosystem_control_circle {
        position: relative;
        height: 30px;
        width: 30px;
    }

    .echosystem_control {
        gap: 7px;
        font-size: 12px;
    }

    .chiudi-scheda img {
        height: 30px;
    }

    .echosystem .chiudi-scheda {
        top: 7px;
    }

    .scheda-testuale .col-sx {
        margin-bottom: 30px;
    }

    .echosystem .scheda .pretitolo {
        font-size: 13px;
        margin-bottom: 25px;
    }

    .echosystem .scheda-testuale {
        display: block;
        height: calc(100% - 50px);
        overflow-y: scroll;
        top: 50px;
    }

    .echosystem .echosystem-content .content_sezione h2 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .echosystem .echosystem-content .content_sezione .wp-block-quote {
        padding-left: 0;
        margin-bottom: 50px;
        width: 100%;
    }

    .background-container--logo img {
        height: 35vh;
    }

    .scheda-testo-foto {
        flex-wrap: wrap;
        overflow-y: scroll;
        flex-direction: row-reverse;
    }

    .echosystem .scheda-testo-foto {
        height: calc(100% - 50px);
        top: 50px;
        overflow-y: scroll;
        padding-top: 10px;
    }

    .scheda-testo-foto .testo-50 {
        width: 100%;
        display: block;
        padding: 0 30px;
    }

    .scheda-testo-foto .foto {
        width: calc(100% - 60px);
        height: 50%;
        margin: 0 auto;
    }

    .testo p {
        font-size: 16px;
    }

}


/* ========== COMPLIANZ ========= */

.cmplz-cookiebanner .cmplz-title {
    color: black !important;
    font-family: titolo !important;
    text-transform: uppercase;
}


.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    font-family: titolo !important;
    text-transform: uppercase;
    margin: 0;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-family: 'TradeGothicBoldCondTwenty' !important;
    font-size: 18px !important;
}