/* ------------------------------- */
/* HOMEPAGE - SLIDER */
/* ------------------------------- */

#slider-full-height {
    height: 81vh;
    background-size: cover;
    -webkit-animation: slidein 100s;
    animation: slidein 100s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes slidein {
    from {
        background-position: center;
        background-size: 150%;
    }

    to {
        background-position: -40% 0px;
        background-size: 120%;
    }
}

@keyframes slidein {
    from {
        background-position: center;
        background-size: 150%;
    }

    to {
        background-position: 10% 0px;
        background-size: 120%;
    }

}

#slider-full-height h1 {
    font-size: 208px;
    line-height: 144px;
}

#slider-categorie-prodotto i {
    font-size: 50px;
}




/* ------------------------------- */
/* HOMEPAGE - LOOP DELLE LINEE PRODOTTO */
/* ------------------------------- */

#linee-carousel {
    overflow: hidden;
}

#linee-carousel .custom-width {
    width: 42vw;
}

#linee-carousel .custom-width.margin-negative {
    margin-bottom: -160px;
}

#linee-carousel .splide__track {
    overflow: visible !important;
}

#linee-carousel .section-space {
    height: 160px;
}

#linee-carousel .img-decoration {
    width: 170px;
    position: absolute;
    right: 17vw;
    top: 3vh;
    z-index: 10;
}

#linee-carousel .splide__arrow--next {
    right: 13em;
}

#linee-carousel .splide__arrow--prev {
    left: 13em;
}


/* ------------------------------- */
/* HOMEPAGE - BANNER SOSTENIBILITA' */
/* ------------------------------- */

#banner-sostenibilita {
    background-color: #D8D2A5;
}

#badge-zero-emission {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#badge-zero-emission .small {
    font-family: var(--font-family2);
    font-size: 35px;
    text-transform: uppercase;
    color: #547E51;
}

#badge-zero-emission .big {
    font-family: var(--font-family2);
    font-size: 106px;
    text-transform: uppercase;
    color: #547E51;
    margin: 28px 0 0 0;
}

/* ------------------------------- */
/* HOMEPAGE - AGENDA 2030   */
/* ------------------------------- */

#agenda2030 .custom-position {
    margin-top: -15vh;
}

/* ------------------------------- */
/* HOMEPAGE - GRIGLIA RETE NAZIONALE   */
/* ------------------------------- */


#grid-section .map-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}


.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: repeat(4, minmax(250px, auto));
}

.div1 {
    grid-area: 1 / 1 / 2 / 2;
}

.div2 {
    grid-area: 1 / 2 / 2 / 3;
}

.div3 {
    grid-area: 1 / 3 / 2 / 4;
}

.div4 {
    grid-area: 2 / 1 / 3 / 3;
}

.div5 {
    grid-area: 2 / 3 / 4 / 4;
}

.div6 {
    grid-area: 3 / 1 / 4 / 2;
}

.div7 {
    grid-area: 3 / 2 / 4 / 3;
}

.div8 {
    grid-area: 4 / 1 / 5 / 2;
}

.div9 {
    grid-area: 4 / 2 / 5 / 3;
}

.div10 {
    grid-area: 4 / 3 / 5 / 4;
}

.div1,
.div2,
.div3,
.div5,
.div6,
.div7,
.div8,
.div9,
.div10 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-grid-bg {
    background-size: 90%;
    background-repeat: no-repeat;
    background-position-x: -40px;
    background-position: bottom left;
}


/* ------------------------------- */
/* PAGE PRODOTTI - LOOP CATEGORIE  */
/* ------------------------------- */

#page-prodotti-linee .custom-width {
    width: 50vw;
}

#page-prodotti-linee .custom-position-odd {
    margin-left: -16vw;
}

#page-prodotti-linee .custom-position-even {
    margin-right: -16vw;
}

#page-prodotti-linee .img-decoration {
    width: 170px;
}


/* -------------------------------------------------------------- */
/* LINEE PRODOTTO CATEGORIE - INTESTAZIONE + SPECIFICHE TECNICHE  */
/* -------------------------------------------------------------- */

.static-bg {
    background-image: url(../images/bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#taxonomy-parent .img-decoration {
    width: 130px;
}

/*#taxonomy-parent .custom-position {
    bottom: -19vh;
}*/

#plus-section .margin-negative {
    margin-bottom: -40px !important;
}

#titlecat-color {
    animation: type 2s steps(40, end) forwards;
}


/* -------------------------------------------------------------- */
/* LINEE PRODOTTO CATEGORIE - SEZIONE STATISTICHE  */
/* -------------------------------------------------------------- */

.progress-circle {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-space {
    height: 140px;
    width: 140px;
    border-radius: 100px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-line {
    height: 125px;
    width: 125px;
    border-radius: 100px;
    border: 2px solid var(--primary-color);
}

@keyframes progress-animation {
    from {
        stroke-dasharray: 0 100;
    }

    to {
        stroke-dasharray: var(--progress) 100;
    }
}

/* -------------------------------------------------------------- */
/* LINEE PRODOTTO CATEGORIE - SEZIONE VANTAGGI  */
/* -------------------------------------------------------------- */

#vantaggi .custom-position {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -150px;
    width: 45vw;
    min-width: 700px;
}

#vantaggi table {
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100%
}

#vantaggi table th:first-child {
    background-color: transparent !important;
}

#vantaggi table th {
    padding: 10px 20px;
    background-color: #ffffff;
    color: #000;
    font-weight: 500;
}

#vantaggi table tr {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#vantaggi table tr:first-child {
    border: none !important;
}

#vantaggi table tr:first-child {
    padding-bottom: 10px;
}

#vantaggi table td:first-child {
    text-transform: uppercase;
    text-align: left;
}

#vantaggi table td {
    color: #ffffff;
    padding: 17px 0;
    text-align: center;
}

#vantaggi table td:last-child span {
    padding: 6px 13px;
    border-radius: 5px;
    background-color: #ffffff;
    color: red;
    font-weight: bold;
    max-width: 115px;
    display: block;
}


/* -------------------------------------------------------------- */
/* LINEE PRODOTTO CATEGORIE - BANNER SOTTOCATEGORIE  */
/* -------------------------------------------------------------- */

#banner-sottocategorie .custom-width {
    width: 120px;
}

#banner-sottocategorie .custom-position {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* -------------------------------------------------------------- */
/* SOTTOCATEGORIE - BANNER SOTTOCATEGORIE  */
/* -------------------------------------------------------------- */

#richiedi-informazioni .margin-negative {
    margin-bottom: -38px;
}

#richiedi-informazioni .margin-negative-2 {
    margin-bottom: -13px;
}


/* -------------------------------------------------------------- */
/* PAGINA PRODOTTO SINGOLO - INTESTAZIONE  */
/* -------------------------------------------------------------- */

#intestazione-prodotto .custom-width {
    max-height: 140px;
}

/* -------------------------------------------------------------- */
/* PAGINA REFERENTE SINGOLO - TESTI E ICONE  */
/* -------------------------------------------------------------- */

#text-icons #editor p {
    margin-bottom: 0;
}

/* -------------------------------------------------------------- */
/* PAGINA REFERENTE SINGOLO - LOOP DELLE LINEE  */
/* -------------------------------------------------------------- */

.img-container {
    height: 253px;
}

.img-container .box-color {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.img-container .custom-image {
    width: 85%;
    position: relative;
    z-index: 10;
}

.img-container .logo-linea {
    position: absolute;
    top: 15px;
    left: 0;
    width: 75px;
}

ul.sottocategorie {
    list-style-position: inside;
}

/* -------------------------------------------------------------- */
/* PAGINA REFERENTE SINGOLO - PHOTOGALLERY  */
/* -------------------------------------------------------------- */

#photogallery {
    overflow: hidden !important;
}

#photogallery .splide__track {
    overflow: visible !important;
}


/* -------------------------------------------------------------- */
/* SETTORI / REFERENTI BOX  */
/* -------------------------------------------------------------- */

.sector-hover {
    transition: .1s;
}


/* -------------------------------------------------------------- */
/* PAGINA NEWS - BOX  */
/* -------------------------------------------------------------- */

#articolo .badge-category {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

#articolo .badge-category a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 7px 15px;
    font-family: var(--font-family4);
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: #ffffff;
}

#articolo .date {
    font-family: var(--font-family3);
    font-size: 14px;
}

#articolo .box {
    position: relative;
    overflow: hidden;
}

#articolo .box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

#articolo .box:hover::after {
    opacity: 0.6;
}

#articolo img {
    transition: transform 0.3s ease-in-out;
    position: relative;
}

#articolo .box:hover img {
    transform: scale(1.2);
}


/* -------------------------------------------------------------- */
/* PAGINA CONTATTI */
/* -------------------------------------------------------------- */

#contacts .icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: var(--primary-color);
    font-size: 35px;
    color: #ffffff;
}

#page-contatti #form {
    width: 100%;
    position: absolute;
    bottom: 130px;
    left: 80%;
    z-index: 10;
}

.google-maps iframe {
    width: 100%;
    height: 1100px;
}


/* -------------------------------------------------------------- */
/* POST SINGOLO - POSIZIONE APERTA */
/* -------------------------------------------------------------- */

.dot {
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background-color: var(--primary-color);
    margin-right: 10px;
    margin-top: 10px;
}

#richieste-posizione .border-right {
    border-right: 1px solid #dedede;
}

/* -------------------------------------------------------------- */
/* PAGINA CASE HISTORY - FILTRO ISOTOPE */
/* -------------------------------------------------------------- */


#box-settori .box-img {
    position: relative;
}

#box-settori .box-img .text {
    width: 60%;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    text-align: center;
}

#filter .button {
    background-color: #ffffff;
    padding: 10px 25px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-size: 16px;
    margin-right: 15px;
    transition: .1s ease-in-out;
}

#filter .button.active {
    background-color: var(--primary-color);
    color: #ffffff;
}

#filter .button:last-child {
    margin-right: 0;
}

#filter .button:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}

/* -------------------------------------------------------------- */
/* PAGINA CASE HISTORY - BOX */
/* -------------------------------------------------------------- */
#case-history-box .box-title {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75%;
    padding: 5px 15px;
    background-color: #ffffff;
}

/* -------------------------------------------------------------- */
/* POST SINGOLO - CASE HISTORY (REALIZZAZIONE) */
/* -------------------------------------------------------------- */
#intestazione-case-history .limiter {
    height: 1px;
    width: 60%;
    background-color: #dedede;
}

.badge-referente {
    padding: 5px 15px;
    background-color: var(--grey-color-4);
    display: flex;
    align-items: center;
}

.badge-referente:last-child {
    margin-right: 0;
}

.badge-referente img {
    width: 25px;
    margin-right: 5px;
}

/* -------------------------------------------------------------- */
/* PAGINA DOWNLOAD - TABELLA DOWNLOAD */
/* -------------------------------------------------------------- */

.btn-logout {
    padding: 7px 25px 10px 25px;
    background-color: var(--primary-color);
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    transition: .1s ease-in-out;
}

#catalog-box {
    transition: .1s ease-in-out;
}

#catalog-box .box-img {
    display: inline-block;
    padding: 10px;
    border-radius: 50px;
    background-color: #ffffff;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#catalog-box img {
    height: 120px;
    transition: .1s ease-in-out;
    filter: brightness(0) invert(1);
}

#catalog-box .btn-catalog {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    transition: .1s ease-in-out;
}

.btn-logout:hover {
    background-color: #006faa;
    color: #ffffff;
}

.profile-icon i {
    font-size: 30px;
    color: #6f6f6f;
}

#download-table .button-download {
    border: unset;
    background-color: unset;
}

#download-table .button-download:hover {
    color: var(--primary-color);
}

#download-table i {
    font-size: 20px;
}

#document-search input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

#document-search .search-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#document-search .search-icon i {
    font-size: 22px;
}

/* -------------------------------------------------------------- */
/* PAGINA PLANT OK  */
/* -------------------------------------------------------------- */
#page-plant-ok .map-img {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
}

/* -------------------------------------------------------------- */
/* PAGINA AZIENDA  */
/* -------------------------------------------------------------- */
#slider-pagina {
    height: calc(100vh - 191px);
    position: relative;
}

#slider-pagina:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

#banner-camion .custom-position {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 60vw;
}

#cronostoria .card {
    border-radius: 0;
    border: none;
}

#cronostoria #editor p {
    margin-bottom: 0;
}

#cronostoria .margin-negative {
    margin-top: -140px;
}

#cronostoria .anno {
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 100px;
    color: var(--primary-color);
    opacity: .5;
    font-family: var(--font-family5);
    line-height: 86px;
}

.circle-badge {
    height: 60px;
    width: 60px;
    border-radius: 50px;
    background-color: #000;
    margin: 0 auto;
    color: #ffffff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-border-end {
    border-right: 3px solid #000;
}

.card-body {
    padding: 0;
    border-radius: 0;
    border: none;
}


/* -------------------------------------------------------------- */
/* AREA RISERVATA - FORM */
/* -------------------------------------------------------------- */

#reserved-area-form .banner {
    padding: 5px 10px 7px 10px;
    background-color: #ffe4b2;
    color: #835f00;
    font-weight: 500;
    font-size: 15px;
}

#reserved-area-form .banner a {
    color: #835f00 !important;
}

#reserved-area-form .label {
    font-family: var(--font-family3);
    font-size: 16px;
    display: block;
    font-weight: bold;
}

#reserved-area-form .label span {
    color: red;
}

#reserved-area-form input[type="text"],
#reserved-area-form input[type="password"],
#reserved-area-form input[type="email"],
#reserved-area-form input[type="tel"] {
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
}

#reserved-area-form .remember-me {
    display: flex;
    align-items: center;
}

#reserved-area-form .remember-me label {
    font-family: var(--font-family3);
    font-size: 16px;
}

#reserved-area-form .remember-me a {
    text-decoration: underline;
    color: var(--primary-color);
}


/* -------------------------------------------------------------- */
/* POPUP AREA RISERVATA
/* -------------------------------------------------------------- */

#reservedAreaModal .modal-header {
    border-bottom: none !important;
}

#reservedAreaModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
}

#reservedAreaModal .btn-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: unset !important;
    color: #ffffff !important;
    opacity: 1;
}

#reservedAreaModal .btn-close i {
    font-size: 30px;
}

/* -------------------------------------------------------------- */
/* POPUP CATALOGO / BROCHURE
/* -------------------------------------------------------------- */

#catalogoModal .modal-head,
#brochureModal .modal-header {
    border-bottom: none !important;
}

#catalogoModal .modal-content,
#brochureModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
}

#catalogoModal .btn-close,
#brochureModal .btn-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: unset !important;
    color: #ffffff !important;
    opacity: 1;
}

#catalogoModal .btn-close i,
#brochureModal .btn-close i {
    font-size: 30px;
}

#catalogoModal .catalogue-icon,
#brochureModal .catalogue-icon {
    position: absolute;
    top: -115px;
    left: 50%;
    width: 300px;
    transform: translateX(-50%);
}




/* -------------------------------------------------------------- */
/* MESSAGGI AVVISO ERRORE
/* -------------------------------------------------------------- */

.message {
    padding: 15px 20px;
    text-align: center;
}

.message p {
    margin: 0;
}

.error-message {
    background-color: rgb(255, 187, 187);
    color: red;
}






/* -------------------------------------------------------------- */
/* REFERENTI
/* -------------------------------------------------------------- */

#pulse-loop {
    animation: pulse-loop 2s ease-in-out 0s infinite normal forwards;
}

@keyframes pulse-loop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

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

.box-ref {
    background-color: var(--white-color);
}

.box-ref:hover {
    transition: 1s ease-in-out;
    position: absolute;
    max-width: 330px;
    background-color: var(--primary-color);
}

.box-ref .textbox-ref {
    display: none;
}

.box-ref:hover .textbox-ref {
    display: block;
}

.box-ref:hover .textbox-ref,
.box-ref:hover p {
    color: var(--white-color) !important;
}

.box-ref #svg-object {
    fill: var(--primary-color) !important;
}

/* Cambia il colore del path SVG al passaggio del mouse */
.box-ref:hover #svg-object {
    fill: var(--white-color) !important;
}

.textbox-ref {
    font-weight: 400;
}





/* -------------------------------------------------------------- */
/* FORM RICHIESTA INFORMAZIONI
/* -------------------------------------------------------------- */


h2.gform_title {
    display: none;
}



.sticky img {
    position: sticky;
    top: 160px;
}