@charset "utf-8";

/* style modifiche Daniele: */
@import "style-daniele.css";

/* +++++++++++++++++++++++++
FAVINI Specialità Grafiche CSS
+++++++++++++++++++++++++ */


/* SCELTA DEL FONT USATO */


/*@font-face {*/
/*    font-family: 'TradeGothicBoldCondTwentyOblique';*/
/*    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2_oblique-webfont.eot");*/
/*    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2_oblique-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2_oblique-webfont.woff") format("woff"), url("../fonts/trade-gothic/trade_gothic_bold_no._2_oblique-webfont.ttf") format("truetype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2_oblique-webfont.svg#TradeGothicBoldCondTwentyOblique") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'TradeGothicBoldCondTwenty';*/
/*    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.eot");*/
/*    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.woff") format("woff"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.ttf") format("truetype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.svg#TradeGothicBoldCondTwenty") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'TradeGothicOblique';*/
/*    src: url("../fonts/trade-gothic/trade_gothic_oblique-webfont.eot");*/
/*    src: url("../fonts/trade-gothic/trade_gothic_oblique-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic/trade_gothic_oblique-webfont.woff") format("woff"), url("../fonts/trade-gothic/trade_gothic_oblique-webfont.ttf") format("truetype"), url("../fonts/trade-gothic/trade_gothic_oblique-webfont.svg#TradeGothicOblique") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'TradeGothicMedium';
    src: url("../fonts/trade-gothic/trade_gothic-webfont.eot");
    src: url("../fonts/trade-gothic/trade_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic/trade_gothic-webfont.woff") format("woff"), url("../fonts/trade-gothic/trade_gothic-webfont.ttf") format("truetype"), url("../fonts/trade-gothic/trade_gothic-webfont.svg#TradeGothicMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicBoldTwo';
    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.eot");
    src: url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.woff") format("woff"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.ttf") format("truetype"), url("../fonts/trade-gothic/trade_gothic_bold_no._2-webfont.svg#TradeGothicMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'TradeGothicBoldCondTwenty';*/
/*    src: url("../fonts/trade-gothic-cond/trade_gothic_bold_condensed_no._20-webfont.eot");*/
/*    src: url("../fonts/trade-gothic-cond/trade_gothic_bold_condensed_no._20-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic-cond/trade_gothic_bold_condensed_no._20-webfont.woff") format("woff"), url("../fonts/trade-gothic-cond/trade_gothic_bold_condensed_no._20-webfont.ttf") format("truetype"), url("../fonts/trade-gothic-cond/trade_gothic_bold_condensed_no._20-webfont.svg#TradeGothicBoldCondTwenty") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'TradeGothicCondEighteen';*/
/*    src: url("../fonts/trade-gothic-cond/trade_gothic_condensed_no._18-webfont.eot");*/
/*    src: url("../fonts/trade-gothic-cond/trade_gothic_condensed_no._18-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/trade-gothic-cond/trade_gothic_condensed_no._18-webfont.woff") format("woff"), url("../fonts/trade-gothic-cond/trade_gothic_condensed_no._18-webfont.ttf") format("truetype"), url("../fonts/trade-gothic-cond/trade_gothic_condensed_no._18-webfont.svg#TradeGothicCondEighteen") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'titolo';
    src: url("../fonts/titolo.otf");
    font-weight: normal;
    font-style: normal;
}

/* === GSAP === */

.gsap_enter_anim {
    opacity: 0;
}

.gsap0 {
    opacity: 0;
}


html {
    background-color: white;
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

@media screen and (max-width:990px) {
    html {
        overflow-x: hidden;
    }
}

body {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: black;
    overflow-x: hidden !important;
    font-family: 'TradeGothicMedium', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -ms-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;
    background-repeat: repeat;
    background-size: auto;
    box-sizing: border-box;
}

.body-fixed {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* animazione opacity per start animazioni gsap timeline */

.gsap_opacity_zero {
    opacity: 0;
}

.css_animation_fade_in {
    animation: css_animation_fade_in 2.5s;
}

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

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* colori fissi */

main.main_container {
    min-height: 100vh;
}

main.main_container.main_container--white {
    background-color: white;
}

.container-30 {
    width: 50%;
    max-width: 650px;
    margin: 0 auto;
}

.container-50 {
    width: 80%;
    margin: 0 auto;
    max-width: 1000px;
}

.container-80 {
    width: 80%;
    margin: 0 auto;
    max-width: 1600px;
}

.container-80.container-80--approfondimento {
    max-width: 1300px;
}

.container-90 {
    width: calc(100% - 140px);
    margin: 0 auto;
    max-width: 1600px;
}

.container-100 {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
}

.container-testo {
    max-width: 990px;
    margin: 0 auto;
}

.padding-top--vh {
    padding-top: 20vh;
}

.padding-top-small--vh {
    padding-top: 10vh;
}

.padding-medium--vh {
    padding: 15vh 0;
}

.padding--vh {
    padding: 20vh 0;
}

.mt-nav {
    height: 160px;
}

#breadcrumbs {
    font-size: 12px;
    color: #807b7b;
    margin-bottom: 70px;
    margin-top: 17px;
}

#breadcrumbs a {
    font-size: 12px;
    color: black;
}

.show--desktop {
    display: block;
}

.show--mobile {
    display: none;
}

.hide--desktop {
    display: none;
}
.hide--mobile {
    display: block;
}

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

    .show--mobile {
        display: block;
    }

    .hide--desktop {
        display: block;
    }
    .hide--mobile {
        display: none;
    }
}

@media (max-width:1500px) {
    .container-80 {
        width: 90%;
        margin: 0 auto;
    }
}


@media (max-width:1250px) {

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

    .container-90 {
        width: calc(100% - 100px);
        margin: 0 auto;
        max-width: 1700px;
    }
}

@media (max-width:990px) {

    .container-100.container-100--full {
        width: 100%;
    }

    .container-100,
    .container-90,
    .container-80 {
        width: calc(100% - 50px);
        margin: 0 auto;
    }

    #breadcrumbs {
        margin-bottom: 50px;
        margin-top: 15px;
    }

    .mt-nav {
        height: 80px;
    }


}

@media (max-width:1250px) {
    .container-paragrafo {
        width: 80%;
    }
}

@media(max-width:990px) {
    .padding-medium--vh {
        padding: 10vh 0;
    }
}

@media (max-width:768px) {

    #breadcrumbs {
        margin-bottom: 35px;
        margin-top: 15px;
    }


    .container-100.container-100--mobile_full {
        width: 100%;
    }

    .padding-top--vh {
        padding-top: 70px;
    }

    .padding-top-small--vh {
        padding-top: 50px;
    }

    .padding--vh {
        padding: 70px 0;
    }

    .padding-medium--vh {
        padding: 60px 0;
    }

    .mt-nav {
        height: 65px;
    }

    .container-30 {
        width: calc(100% - 50px);
        max-width: 100%;
        margin: 0 auto;
    }

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

}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    margin: 0;
    padding: 0;
}

section {
    position: relative;
    z-index: 5;
}

a {
    color: inherit;
    text-decoration: none;
}

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

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: titolo;
    line-height: 115%;
}

h1 {
    font-size: 100px;
    line-height: 120px;
    font-family: 'titolo';
}

h4,
.h4 a {
    font-family: TradeGothicBoldTwo;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.btn.read_more {}

.scroll__down {
    position: fixed;
    right: 5%;
    bottom: 80px;
    color: #aaa;
    font-size: 18px;
    writing-mode: vertical-rl;
    transform-origin: center;
    transform: rotate(180deg);
    animation: scroll__down 2s ease infinite;
    -webkit-transition: opacity 0.55s ease;
    transition: opacity 0.55s ease;
    z-index: 100;
}

.scroll__down--fade {
    opacity: 0;
    visibility: hidden;
}

@keyframes scroll__down {
    0% {
        transform: translateY(0);
    }

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

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

.titolo {
    font-size: 26px;
    font-family: titolo;
    line-height: 140%;
}

.titolo2 {
    font-size: 30px;
    font-family: titolo;
}

.titolo.titolo--big,
.titolo.titolo--big p {
    font-size: 50px;
}

.blocco_grande__text p {
    font-family: titolo;

}

.uppercase {
    text-transform: uppercase;
}

p {
    color: #000000;
    font-size: 21px;
    line-height: 150%;
    margin: 0;
    margin-bottom: 15px;
    font-family: 'TradeGothicMedium';
    font-weight: normal;
}

.paragrafo ul {
    margin-bottom: 15px;
    padding-left: 10px;
}

.paragrafo li {
    list-style: disc;
    margin-left: 10px;
    margin-bottom: 7px;
    font-size: 21px;
}

/* Tooltip container */
.ftooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}

/* Tooltip text */
.ftooltip .tooltiptext {
    visibility: hidden;
    font-size: 16px;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 3px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1000;
    bottom: 30px;
    left: -100%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ftooltip:hover .tooltiptext {
    visibility: visible;
}

.intro_label {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width:1250px) {
    p {
        font-size: 19px;
    }

    .titolo {
        font-size: 22px;
    }

    .titolo2 {
        font-size: 26px;
    }

    .titolo.titolo--big,
    .titolo.titolo--big p {
        font-size: 40px;
    }

}

@media(max-width:990px) {

    .titolo.titolo--big,
    .titolo.titolo--big p {
        font-size: 30px;
    }

}

@media (max-width:768px) {
    p {
        font-size: 16px;
        line-height: 125%;
    }

    .intro_label {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .titolo2 {
        font-size: 22px;
    }

    .titolo.titolo--big,
    .titolo.titolo--big p {
        font-size: 22px;
    }

}


/* === pulsanti === */

.btn--wrapper {
    display: inline-block;
}

.btn {
    font-size: 16px;
    font-family: 'TradeGothicMedium';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    padding: 18px 36px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}


.btn img {
    max-width: 25px;
    height: auto;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    margin-left: 15px;
}

.btn:hover img {
    margin-left: 35px;
}

.btn:hover {
    border-color: rgba(0, 0, 0, 0.9);
}

.btn img {
    margin-left: 12px;
}

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

.btn--wrapper--out .btn__link {
    width: 20px;
    display: block;
}

.btn--wrapper--out .btn__arrow {
    display: none;
}

@media (max-width:768px) {
    .btn--wrapper {
        display: block;
    }

    .btn img {
        max-width: 20px;
        margin-left: 12px;
    }

}

/* pulsante fondo nero */

.btn--dark {
    color: white;
    background-color: black;
    border: none;
}

.btn--dark img {
    filter: invert(100);
}

/* pulsante fondo bianco */

.btn--light {
    color: black;
    background-color: #fff;
    border: none;
}

.btn:hover {}


.buttons a:hover {
    opacity: 0.6;
}

@media (max-width:990px) {
    .btn {
        font-size: 15px;
        padding: 18px 33px;
    }

    .btn img {
        width: 28px;
    }
}

/* ========== 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 img:last-child {
        display: none;
    }

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

}

/* complianz text document page */

#cmplz-document h2,
#cmplz-document h3 {
    font-size: 17px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

#cmplz-document .cmplz-subtitle {
    color: black;
}

#cmplz-document {
    max-width: 900px;
}

.cc-revoke--footer {
    display: none !important;
}

.cc-revoke.cc-left {
    z-index: 100 !important;
    position: relative !important;
    bottom: 50px !important;
    left: calc(50% - 75px) !important;
    transform: translateX(-50%);
    right: auto;
    width: 150px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: white !important;
    color: #aaa !important;
}

.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: 'TradeGothicBoldTwo' !important;
    font-size: 18px !important;
}


/* ================= FORM =================== */

.privacy_disclaimer_form {
    font-size: 14px;
}

.privacy_disclaimer_form a {
    text-decoration: underline;
}

.wpcf7-text,
.wpcf7-dynamictext {
    width: 100%;
    border: none;
    padding: 5px;
    color: black;
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    font-size: 17px;
}

.wpcf7-textarea {
    width: 100%;
    border: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #D7D7D7;
    padding: 10px;
    margin-top: 15px;
    color: black;
    border-radius: 0 !important;
    font-size: 17px;
    height: 120px;
}

::placeholder {
    color: #ADADAD;
    font-size: 17px;
}

.privacy-form {
    font-size: 13px;
}

.form-row {
    color: dimgrey;
}

.form-group label,
.form-row label {
    color: black;
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: -20px;
}

/*input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext {*/
/*    width: 100%;*/
/*    border-color: #ddd;*/
/*    border: none;*/
/*    padding: 5px;*/
/*    color: white;*/
/*    background-color: transparent;*/
/*    border-bottom: 1px solid white;*/
/*    display: none;*/
/*    border-radius: 0 !important;*/
/*}*/

input.wpcf7-quiz {
    width: 100%;
    border: none;
    padding: 5px;
    color: black;
    background-color: transparent;
    border-bottom: 1px solid black;
    border-radius: 0 !important;
}

input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext:hover,
.wpcf7-textarea:hover,
.wpcf7-text:hover {
    border-color: black;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

input[type='radio'],
input[type='checkbox'] {
    clip: rect(1px, 1px, 1px, 1px);
    padding: 10px;
}

input[type='radio'],
input[type='checkbox'] {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50% !important;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border: 1px solid gray;
    position: relative;
}

input[type='radio']:checked,
input[type='checkbox']:checked {
    /* border: 1px solid black; */
}

input[type='radio']:checked:after,
input[type='checkbox']:checked:after {
    content: "";
    background-color: black;
    height: 9px;
    width: 9px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wpcf7-submit {
    background-color: black;
    color: white;
    border: none;
    font-size: 16px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    padding: 18px 40px;
    border-radius: 100px;
    text-transform: uppercase;
}

.wpcf7-submit:after {
    content: "";
    color: white;
    display: block;
    background-image: url(freccia_submit.svg);
    height: 11px;
    width: 23px;
    background-color: rebeccapurple;
}

.wpcf7-submit:hover {
    cursor: pointer;
    opacity: 0.8;
}

.privacy-form {
    font-size: 13px;
}

.form-row {
    margin-bottom: 25px;
}

#form label {
    text-transform: uppercase;
    color: black;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

/*input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext {*/
/*    width: 100%;*/
/*    border-color: #ddd;*/
/*    border: none;*/
/*    padding: 5px;*/
/*    color: white;*/
/*    background-color: transparent;*/
/*    border-bottom: 1px solid white;*/
/*    display: none;*/
/*    border-radius: 0 !important;*/
/*}*/

input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext:hover,
.wpcf7-textarea:hover,
.wpcf7-text:hover {}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.wpcf7 select {
    width: 90%;
    max-width: 100%;
    padding: 15px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}

/* errori contact form 7 */

.wpcf7-not-valid-tip {
    font-size: 14px;
    text-transform: uppercase;
    color: red;
    margin-top: 10px;
}

.wpcf7-not-valid-tip:before {
    content: "↑";
    margin-right: 5px;
}

.wpcf7-response-output {
    border-color: #eeee !important;
    background-color: #eeee;
    text-align: center;
    color: black !important;
    padding: 20px !important;
}

.wpcf7-list-item-label {
    font-size: 13px;
}

.form_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wpcf7-list-item {
    margin: 0;
}

@media (max-width:768px) {
    .wpcf7-submit {
        font-size: 15px;
        transition: all 0.35s;
        padding: 19px 45px;
        width: auto;
        margin-top: 30px;
    }

    .form_flex {
        display: block;
    }
}

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

#cmplz-manage-consent .cmplz-manage-consent {
    display: none;
}

footer a {
    text-decoration: none;
}

#gestione_cookies {
    text-decoration: none;
}

#gestione_cookies:hover {
    cursor: pointer;
}


/* ===== NAVIGAZIONE TOP ===== */
.navigazione {
    /*max-width: 100vw;*/
    /*background-color: transparent;*/
    /*position: relative;*/
    /**/
}

.navigazione a {
    font-family: titolo;
    font-size: 16px;
    position: relative;
}

.navigazione .navigazione__main a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    display: block;
    background-color: black;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
    transition-delay: 0.2s;
    opacity: 0.5;
}

.navigazione .navigazione__main a:hover:after {
    width: 100%;
}

.navigazione__head {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
    height: 80px;
    font-size: 25px;
    z-index: 9998;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-transition: all 0.55s;
    transition: all 0.55s;
    font-family: titolo;
}

.navigazione--scroll .navigazione__head {
    top: -120px;
    filter: blur(50px);
    opacity: 0;
}



.navigazione__logo img {
    height: 26px;
    margin-bottom: 5px;
}

.navigazione__logo {
    text-align: center;
    font-family: titolo;
    text-transform: uppercase;
    font-size: 15px !important;
}


.navigazione__head__lingue li:first-child {
    margin-left: 0;
}

.navigazione__head__lingue li {
    display: inline;
    margin-left: 10px;
}

.navigazione__head__lingue li a {
    font-family: 'TradeGothicMedium';
    position: relative;
    font-size: 14px;
}

.navigazione__head__lingue li.current-lang a {
    font-family: 'TradeGothicBoldTwo';
    border-bottom: 1px solid black;
}

.navigazione__siti-favini:hover {
    cursor: pointer;
}

.navigazione__siti-favini_open {
    opacity: 0;
    transition: all 0.65s ease;
    transform-origin: center;
    transform: rotate(-180deg);
}

.navigazione__siti-favini_open--show {
    opacity: 1;
}

@keyframes mondi_favini_nav {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width:990px) {
    .navigazione__logo {
        position: fixed !important;
        left: 50%;
        transform: translateX(-50%);
    }
}


@media(max-width:768px) {}

/* ===== NAVIGAZIONE PRINCIPALE ===== */
.nav_sticky {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 10000;
    -webkit-transition: all 0.55s;
    transition: all 0.55s;
}

.nav_sticky--move {
    top: 160px;
}

.navigazione__siti-favini {
    display: flex;
    align-items: center;
    gap: 10px;
}

.navigazione__siti-favini--logo {
    height: 12px;
    width: auto;
}

.navigazione--scroll .nav_sticky {
    top: 0;
}

.navigazione__main {
    width: 100%;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 0 60px;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* border-bottom: 1px solid #E5E5E5; */
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background-color: rgba(255, 255, 255, 0.15);
}

.navigazione__main ul.menu {
    font-family: 'TradeGothicBoldTwo', Helvetica, Arial, sans-serif;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    font-size: 25px;
}

.navigazione__main ul.menu ul.sub-menu {
    display: none;
    justify-content: space-between;
    position: absolute;
    height: auto;
    align-items: center;
    padding: 0 60px;
    margin-top: 25px;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #E5E5E5;
    left: 0;
    animation: navigazione_submenu 0.65s ease;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background-color: rgba(255, 255, 255, 0.45);
}

.navigazione__main ul.menu ul.sub-menu.sub_menu--active {
    display: flex;
}

.menu_fullscreen_carte__content__sx__intro__ico {
    display: none;
}

@keyframes navigazione_submenu {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product_item {
    animation: product_item 1s ease;
}

@keyframes product_item {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* navigazione mobile */
.burger {
    display: none;
}

.sub_menu_label {
    display: none;
}

.nav_mobile_2 {
    display: none;
}

.navigazione__head.navigazione__head--white {
    background-color: rgba(255, 255, 255, 1);
}



@media (max-width:1400px) {
    .sub-menu a {
        font-size: 13px;
        line-height: 105%;
    }
}

@media (max-width:990px) {

    .navigazione__logo {
        font-size: 10px !important;
    }

    .nav_content_mobile {
        /*-webkit-transition: all 0.5s;
        transition: all 0.5s; */
        opacity: 0;
        visibility: hidden;
    }

    .nav_content_mobile--show {
        visibility: visible;
        opacity: 1;
    }

    .nav_content_mobile--show .navigazione__main ul {
        animation: menu-menu-principale--appear 1s;
    }

    @keyframes menu-menu-principale--appear {
        from {
            opacity: 0;
            transform: translateY(-30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .navigazione--scroll .navigazione__head {
        top: 0;
        filter: none;
        opacity: 1;
    }

    .navigazione--scroll .nav_sticky {
        top: 65px;
    }

    .burger {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
    }

    .burger_ico .burger_ico__line {
        width: 26px;
        height: 1px;
        background-color: black;
        margin-bottom: 4px;
    }

    .burger.active .burger_ico__line--3 {
        display: none;
    }

    .burger.active .burger_ico__line {
        margin-bottom: 0;
    }

    .burger.active .burger_ico__line--2 {
        margin-top: -1px;
        transform-origin: center;
        transform: rotate(90deg);
    }

    .burger.active .burger_ico {
        transform: rotate(45deg);
        margin-bottom: 0;
    }

    .burger_ico>div:last-child {
        margin-bottom: 0;
    }

    .burger_ico {
        margin-bottom: 10px;
    }

    .burger.active span {
        display: none;
    }


    .navigazione__head__lingue--desktop,
    .navigazione__siti-favini {
        display: none;
    }

    .navigazione__head {
        padding: 0 30px;
        height: 65px;
        font-size: 25px;
        background-color: rgba(255, 255, 255, 0.25);
        border-bottom: 1px solid #dedede;
    }

    .navigazione--scroll .navigazione__head {
        background-color: rgba(255, 255, 255, 1);
    }

    .navigazione__main {
        height: calc(100% - 130px);
        background-color: white;
        display: block;
        padding: 0 30px;
        padding-top: 40px;
    }

    .nav_sticky {
        top: 65px;
        height: 100%;
    }

    .navigazione__logo img {
        height: 19px;
        margin-top: 3px;
        margin-bottom: 5px;
    }

    .navigazione__logo {
        text-align: left;
        font-size: 14px;
    }

    .navigazione__main ul.menu {
        display: block;
        font-size: 18px;
    }

    .navigazione__main ul.menu li {
        margin-bottom: 45px;
    }

    .navigazione__main ul.menu ul.sub-menu {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        height: auto;
        height: calc(100vh - 130px);
        align-items: center;
        padding: 0 30px;
        padding-top: 40px;
        margin-top: 0;
        width: 100%;
        left: 0;
        top: 0;
        background-color: white;
        z-index: 10000;
        animation: none;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        display: block;
    }

    .navigazione__main ul.menu ul.sub-menu li a {
        font-family: 'TradeGothicMedium';
        font-size: 18px;
        color: black;
    }

    .navigazione__main ul.menu ul.sub-menu.sub_menu--active {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .navigazione__main ul.menu ul.sub-menu.sub_menu--active li {
        animation: anim_submenu_mobile 0.5s ease;
    }

    @keyframes anim_submenu_mobile {
        0% {
            opacity: 0;
            transform: translateX(50px);
        }

        20% {
            opacity: 0;
            transform: translateX(50px);
        }

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

    .sub_menu_label {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: titolo !important;
    }

    .sub_menu_label a {
        font-family: titolo !important;
    }

    .sub_menu_label:before {
        content: "";
        display: block;
        background-image: url(../img/icone/freccia-indietro.svg);
        background-position: center;
        background-size: cover;
        height: 16px;
        width: 31px;
    }


    @keyframes navigazione_submenu {
        from {
            opacity: 0;
            transform: translateX(100vw);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .nav_mobile_2 {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 65px;
        width: 100%;
        background-color: #fff;
        z-index: 10000;
        -webkit-transition: height 0.5s ease;
        transition: height 0.5s ease;
        overflow: hidden;
    }

    .nav_mobile_2__inner {
        display: flex;
        height: 65px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 0 30px;
    }

    .siti_favini_mobile {
        font-family: titolo;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .attiva_menu_carte {
        display: flex;
        justify-content: space-between;
    }

    .attiva_menu_carte:after {
        display: block;
        content: "";
        width: 23px;
        height: 11px;
        background-image: url(../img/icone/menu_carte_dx.svg);
    }

    .navigazione__siti-favini.navigazione__siti-favini--mobile {
        display: flex;
    }

}

@media(max-width:768px) {
    .navigazione__head {
        padding: 0 25px;
    }

}

/* ============= menu fullscreen carte ============= */

.navigazione.navigazione--sfondo_bianco {
    background-color: white;
}

.menu_fullscreen_carte {
    -webkit-transition: opacity 03s ease;
    transition: opacity 0.3s ease;
    z-index: 5000;
    height: 100%;
    max-height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    padding-top: 160px;
}

.navigazione--scroll .menu_fullscreen_carte {
    padding-top: 80px;
}

.menu_fullscreen_carte--show {
    opacity: 1;
    visibility: visible;
}

.menu_fullscreen_carte__content__sx {
    padding: 80px 70px;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}

.menu_fullscreen_carte__content__sx__intro {
    display: flex;
    gap: 30px;
    align-items: center;
    font-size: 30px;
    font-family: titolo;
}

.menu_fullscreen_carte__content__sx li a.menu_fullscreen_carte__content__sx__intro__link {
    text-decoration: underline;
    font-family: titolo;
}

a.link,
.link {
    font-family: TradeGothicMedium !important;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.27);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.link:hover {
    cursor: pointer;
}

.menu_fullscreen_carte__content__sx,
.menu_fullscreen_carte__content__dx {
    width: 50%;
    height: 100%;
}

.menu_fullscreen_carte__content__sx li a {
    font-family: TradeGothicBoldTwo;
    text-transform: uppercase;
    font-size: 22px;
}

.menu_fullscreen_carte__content__sx li {
    margin-bottom: 20px;
}

.menu_fullscreen_carte__content__sx ul {
    column-count: 3;
}

.menu_fullscreen_carte__content {
    height: 100%;
    display: flex;
}

.menu_fullscreen_carte__content__dx {
    border-left: 1px solid #ccc;
    height: 100%;
}

.menu_fullscreen_carte__content__dx__up,
.menu_fullscreen_carte__content__dx__down {
    height: 50%;
    width: 100%;
}

.menu_fullscreen_carte__content__dx__up {
    padding: 80px 70px;
    border-bottom: 1px solid #ccc;
}

.menu_fullscreen_carte__content__dx__up ul {}

.menu_fullscreen_carte__content__dx__up a {
    font-size: 30px;
    font-family: titolo;
}

.menu_fullscreen_carte__content__dx__up li {
    margin-bottom: 30px;
}

.menu_fullscreen_carte__content__dx__down {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 70px;
}

.menu_fullscreen_carte__content__dx__down .product_item__text {
    position: relative;
    z-index: 5;
    max-width: 300px;
}

.menu_fullscreen_carte__content__dx__down .product_item__text a {
    margin-top: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: TradeGothicMedium;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    display: inline-block;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.menu_fullscreen_carte__content__dx__down .product_item__text a:hover {
    border-color: rgba(0, 0, 0, 0.9);
}

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

@media(max-width:1500px) {
    .menu_fullscreen_carte__content__dx__up a {
        font-size: 26px;
        font-family: titolo;
    }

    .menu_fullscreen_carte__content__dx__up li {
        margin-bottom: 25px;
    }

    .menu_fullscreen_carte__content__sx li {
        margin-bottom: 18px;
    }

    .menu_fullscreen_carte__content__sx li a {
        font-size: 20px;
    }

}

@media(max-width:1250px) {

    .menu_fullscreen_carte__content__sx__intro {
        gap: 25px;
        font-size: 26px;
    }

    .menu_fullscreen_carte__content__dx__up a {
        font-size: 22px;
        font-family: titolo;
    }

    .menu_fullscreen_carte__content__dx__up li {
        margin-bottom: 17px;
    }

    .menu_fullscreen_carte__content__sx li {
        margin-bottom: 15px;
    }

    .menu_fullscreen_carte__content__sx li a {
        font-size: 18px;
    }

    .menu_fullscreen_carte__content__sx {
        padding: 60px 50px;
        gap: 35px;
    }

    .menu_fullscreen_carte__content__dx__up {
        padding: 60px 50px;
    }

    .menu_fullscreen_carte__content__dx__down {
        padding-left: 50px;
    }

    .menu_fullscreen_carte__content__dx__down .product_item__text span {
        display: none;
    }

    .menu_fullscreen_carte__content__dx__up li:last-child {
        margin-bottom: 0;
    }
}

.go_back_carte_mobile {
    display: none;
}


@media(min-width:1250px) and (max-height:850px) {

    .menu_fullscreen_carte__content__sx__intro {
        gap: 25px;
        font-size: 26px;
    }

    .menu_fullscreen_carte__content__dx__up a {
        font-size: 22px;
        font-family: titolo;
    }

    .menu_fullscreen_carte__content__dx__up li {
        margin-bottom: 17px;
    }

    .menu_fullscreen_carte__content__sx li {
        margin-bottom: 15px;
    }

    .menu_fullscreen_carte__content__sx li a {
        font-size: 18px;
    }

    .menu_fullscreen_carte__content__sx {
        padding: 60px 50px;
        gap: 35px;
    }

    .menu_fullscreen_carte__content__dx__up {
        padding: 60px 50px;
    }

    .menu_fullscreen_carte__content__dx__down {
        padding-left: 50px;
    }

    .menu_fullscreen_carte__content__dx__down .product_item__text span {
        display: none;
    }

    .menu_fullscreen_carte__content__dx__up li:last-child {
        margin-bottom: 0;
    }
}

@media(min-width:1250px) and (max-height:650px) {
    .menu_fullscreen_carte__content__sx {
        padding: 40px 30px;
        gap: 35px;
    }

    .menu_fullscreen_carte__content__dx__up {
        padding: 40px 30px;
    }

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

@media(min-width:990px) and (max-height:600px) {

    .menu_fullscreen_carte {
        min-height: 550px;
        overflow-y: scroll;
    }

    .menu_fullscreen_carte__content__dx__down {
        display: none;
    }

    .menu_fullscreen_carte__content__dx__up {
        border-bottom: none;
    }
}


@media(max-width:990px) {
    .menu_fullscreen_carte__content__sx__intro {
        gap: 20px;
        font-size: 22px;
    }

    .menu_fullscreen_carte__content__dx__down {
        display: none;
    }

    .menu_fullscreen_carte__content__dx__up {
        border-bottom: none;
    }
}

@media (min-width:990px) {
    li.menu_fullscreen_carte__content__sx__intro {
        margin-bottom: 0 !important;
    }
}

@media(max-width: 990px) {

    a.link,
    .link {
        font-size: 16px;
    }


    .menu_fullscreen_carte {
        z-index: 10000000;
        display: block;
        overflow-y: scroll;
        padding-top: 0;
        top: 60px;
        height: calc(100% - 60px);
    }

    .navigazione.navigazione--scroll .menu_fullscreen_carte {
        padding-top: 0;
    }

    .menu_fullscreen_carte__content {
        display: block;
    }

    .menu_fullscreen_carte__content__sx,
    .menu_fullscreen_carte__content__dx {
        display: block;
        width: 100%;
        height: auto;
    }

    .menu_fullscreen_carte__content__sx {
        overflow-y: visible;
        height: auto;
        padding: 50px 25px;
        padding-bottom: 0;
    }

    .menu_fullscreen_carte__content__dx__up {
        height: auto;
        padding: 50px 25px;
        padding-top: 0;
    }

    .menu_fullscreen_carte__content__dx__down {
        display: none;
        padding-bottom: 25px;
    }

    .menu_fullscreen_carte__content__sx ul li {
        margin-bottom: 20px;
    }

    .menu_fullscreen_carte__content__sx ul {
        column-count: 1;
        display: none;
    }

    .menu_fullscreen_carte__content__sx li a {
        font-size: 16px;
    }

    .menu_fullscreen_carte__content__sx li {
        margin-bottom: 45px;
    }

    .menu_fullscreen_carte__content__dx__up a {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .menu_fullscreen_carte__content__sx__intro {
        display: flex;
        gap: 0;
        font-size: 16px;
        font-family: titolo;
        justify-content: space-between;
    }

    .menu_fullscreen_carte__content__sx__intro a {
        display: none;
    }

    .menu_fullscreen_carte__content__sx__intro__ico {
        display: block;
    }

    .menu_fullscreen_carte__content__sx__intro__ico .close {
        display: none;
    }

    .menu_fullscreen_carte__content__sx__intro.active .open {
        display: none;
    }

    .menu_fullscreen_carte__content__sx__intro.active .close {
        display: block;
    }

    .menu_fullscreen_carte__content__dx__up li {
        margin-bottom: 45px;
    }

    .go_back_carte_mobile {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 16px;
        font-family: titolo;
        color: #8B8B8B;
    }
}

@media(max-width:768px) {

    a.link,
    .link {
        font-size: 14px;
    }
}

/*
/////////////////////////////////////////////////////////////////
PAGINA HOME front-page.php
@audit frontpage
////////////////////////////////////////////////////////////////
*/

.hero {
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 50px;
    position: relative;
}

@media(max-width:768px) {
    .hero {
        padding-bottom: 100px;
    }
}

.hero__scroll {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    /* text-orientation: upright; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero__scroll__text {
    color: white;
    font-family: titolo;
    font-size: 14px;
    writing-mode: vertical-lr;
    margin-bottom: 8px;
}

.hero__scroll__animation {
    height: 60px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.45);
    position: relative;
    overflow: hidden;
}

.hero__scroll__animation:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: white;
    animation: hero__scroll__animation 1.75s ease infinite;
}

@keyframes hero__scroll__animation {
    from {
        transform: translateY(-100%);
        height: 100%;
    }

    to {
        transform: translateY(200%);
        height: 50%;
    }
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .hero__scroll {
        position: absolute;
        right: 25px;
        left: auto;
        top: auto;
        bottom: 150px;
        transform: translateY(0);
        /* text-orientation: upright; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero__scroll__text {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .hero__scroll__animation {
        height: 50px;
        width: 1px;
    }
}

.hero__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

.hero__text.hero__text--left {
    transform: translate(0);
    text-align: left;
    left: 70px;
    transform: translateY(-50%);
    max-width: 750px;
}

.hero__text.hero__text--left p {
    max-width: 400px;
}
.hero__text.hero__text--left a {
    text-decoration: underline;
}

.hero__text__1 {
    font-size: 60px;
    font-family: titolo;
    color: black;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.hero__text__2 {
    font-size: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.hero__text__2 img {
    height: 27px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .hero__text {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(0);
        transform: translateX(-50%);
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    .hero__text__1 {
        margin-bottom: 20px;
    }
}

.popup_filter {
    background-color: white;
    height: 100px;
    display: flex;
    width: 920px;
    border-radius: 1000px;
    display: flex;
    position: relative;
    z-index: 10;
}

.popup_filter__sx {
    width: 75%;
    display: flex;
}

.popup_filter__item {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 50px;
    position: relative;
}

.popup_filter__item__text {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
}

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

.popup_filter__item__text--active img {
    transform: rotate(180deg);
}

.popup_filter__item__text:hover {
    cursor: pointer;
}

.popup_filter__item__text span {
    display: block;
}

.popup_filter__item__label {
    font-family: TradeGothicMedium;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.popup_filter__item__title {
    font-family: titolo;
    font-size: 16px;
}

.popup_filter__item__modal {
    width: calc(100% + 30px);
    background-color: white;
    border-radius: 25px;
    position: absolute;
    bottom: 115px;
    left: -15px;
    padding: 50px 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transform: translateY(30px);
}

.popup_filter__item__modal--show {
    visibility: visible;
    opacity: 1;
    /*transform: translateY(0);*/
}

.popup_filter__item__modal__values li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 16px;
    font-family: TradeGothicMedium;
    align-items: center;
}

.popup_filter__item__modal__values li label {
    width: 100%;
}

.popup_filter__item__modal__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
    gap: 30px;
    display: none;
}

.popup_filter__item__modal--selected .popup_filter__item__modal__actions {
    display: flex;
    animation: popup_filter__item__modal__actions 0.35s ease;
}

@keyframes popup_filter__item__modal__actions {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.popup_filter__item__modal__actions__delete {
    white-space: nowrap;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    padding-bottom: 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 7px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.popup_filter__item__modal__actions__delete:hover {
    border-color: black;
    cursor: pointer;
}

.popup_filter__item__modal__actions__delete img {
    height: 8px;
}

.popup_filter__item--1,
.popup_filter__item--2 {
    width: 50%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    height: 100%;
    -webkit-box-shadow: 11px 0px 49px -22px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 11px 0px 49px -22px rgba(0, 0, 0, 0.44);
    box-shadow: 11px 0px 49px -22px rgba(0, 0, 0, 0.44);
}

.popup_filter__dx {
    width: 25%;
}

.popup_filter__btn {
    height: 64px;
    border-radius: 100px;
    padding: 0 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.popup_filter__btn.popup_filter__btn--active {
    background-color: black;
    border-color: black;
    color: white;
}

.popup_filter__btn--submit {
    width: calc(100% - 15px);
    display: flex;
    white-space: nowrap;
}

.popup_filter__dx {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 18px;
}

.popup_filter__btn:hover {
    cursor: pointer;
}

.popup_filter__btn--mobile {
    display: none;
}

.popup_filter__mobile_close {
    display: none;
}

.popup_filter__btn--submit--counter {
    /*margin-left: 5px;*/
    opacity: 0.8;
}

@media(max-width:1500px) {}

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

    .hero__text__2 {
        font-size: 16px;
        gap: 10px;
    }
}

@media(max-width:990px) {

    .hero__text {
        width: 100%;
    }

    .hero__text__1 {
        font-size: 28px;
        width: 100%;
    }

    .hero__text__2 {
        font-size: 14px;
        gap: 12px;
        display: inline;
        margin-bottom: 30px;
    }

    .hero__text img {
        height: 17px;
        margin-top: 3px;
        margin-left: 5px;
    }

    .popup_filter {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200000;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        display: block;
        height: 100%;
        width: 100%;
        border-radius: 0;
        background-color: white;
    }

    .popup_filter__item__modal--selected .popup_filter__item__modal__actions {
        /*display: none;*/
        /*animation: none;*/
    }

    .popup_filter__item__count {
        color: black;
    }

    .popup_filter__sx,
    .popup_filter__dx {
        width: 100%;
        display: block;
    }

    .popup_filter__sx {
        height: calc(100% - 165px);
        overflow-y: scroll;
        padding-left: 25px;
        padding-right: 25px;
    }

    .popup_filter__item {
        display: block;
        -webkit-box-shadow: 0px 18px 43px -20px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 18px 43px -20px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 18px 43px -20px rgba(0, 0, 0, 0.45);
        border-radius: 40px;
        padding: 30px;
        margin: 0 auto;
        height: auto;
    }

    .popup_filter__item__modal {
        width: 100%;
        background-color: transparent;
        border-radius: 0;
        position: relative;
        bottom: auto;
        left: auto;
        padding: 0;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        padding-top: 40px;
        display: none;
        height: auto;

        transition: none;
        -webkit-transition: none;
    }

    .popup_filter--mobile_show {
        opacity: 1;
        visibility: visible;
    }

    .popup_filter__btn--mobile {
        display: flex;
        background-color: white;
        white-space: nowrap;
    }

    .popup_filter__btn--submit {
        width: auto;
        display: inline-flex;
    }

    .popup_filter__btn--submit {
        margin: 0 auto;
        margin-top: 25px;
    }

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

    .popup_filter__dx {
        display: flex;
        justify-content: center;
        width: 100%;
        padding-right: 0;
        position: absolute;
        bottom: 20px;
        left: 0;
        z-index: 10;
    }

    .popup_filter__item--1 {
        margin-bottom: 15px;
    }

    .popup_filter__item {
        width: 100%;
        max-width: 500px;
    }

    .popup_filter__mobile_close {
        text-align: center;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .popup_filter__mobile_close img {
        transform: rotate(180deg);
    }

    .popup_filter__mobile_close__icon {
        height: 50px;
        width: 50px;
        border-radius: 100%;
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup_filter__mobile_close__icon img {
        filter: invert(100);
        height: 17px;
        width: auto;
    }

    .popup_filter__item__modal__actions {
        margin-top: 20px;
        gap: 25px;
    }

    .popup_filter__item__modal__actions .popup_filter__btn {
        height: 40px;
        padding: 0 20px;
        font-size: 15px;
        margin-top: 0;
        width: 100%;
    }

}


@media(max-width:768px) {
    .hero__text__1 {
        font-size: 22px;
        width: 100%;
    }
}

/* intro pagina home */

.introduzione_home__flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-gap: 20px;
}

.introduzione_home__title {
    padding-right: 50px;
    max-width: 400px;
}

.introduzione_home .btn {
    margin-top: 30px;
}

.introduzione_home__description {
    max-width: 500px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .introduzione_home__flex {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-gap: 30px;
    }

    .introduzione_home__title {
        padding-right: 0;
        max-width: 100%;
    }

}

/* banner echosystem standard */

.banner_echosystem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 100px;
}

.banner_echosystem__sx {
    background-color: #52AD94;
    padding: 70px;
    padding-bottom: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.banner_echosystem__sx .echosystem_logo {
    opacity: 0.35;
    margin-bottom: 50px;
}

.banner_echosystem__dx {
    position: relative;
    top: 100px;
}

.banner_echosystem__dx img {
    width: 100%;
}

.banner_echosystem__sx__text {
    color: #DAF9F2;
    text-transform: uppercase;
    font-family: titolo;
    font-size: 26px;
    margin-bottom: 50px;
    max-width: 600px;
}

.banner_echosystem__sx__text p {
    color: #DAF9F2;
    text-transform: uppercase;
    font-family: titolo;
    font-size: 26px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .banner_echosystem__sx__text p {
        font-size: 22px;
    }

    .banner_echosystem__sx {
        padding: 50px;
        padding-bottom: 80px;
    }
}

@media(max-width:990px) {
    .banner_echosystem__sx {
        padding: 35px;
        padding-bottom: 70px;
    }
}

@media(max-width:768px) {
    .banner_echosystem {
        display: block;
        padding-bottom: 30px;
    }

    .banner_echosystem__dx {
        position: relative;
        top: 0;
    }

    element.style {}

    .banner_echosystem__sx {
        background-color: #52AD94;
        padding: 50px 25px;
        display: block;
    }

    .banner_echosystem__sx .echosystem_logo {
        margin-bottom: 30px;
    }

    .banner_echosystem__sx .echosystem_logo img {
        height: 80px;
        width: auto;
    }

    .banner_echosystem__sx__text p {
        font-size: 22px;
    }

    .banner_echosystem__sx__text {
        margin-bottom: 30px;
    }
}

/* echo_glossario */

.echo_glossario {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-gap: 20px;
}

.echo_glossario .btn {
    margin-top: 30px;
    cursor: pointer;
}

.echo_glossario__sx__img {
    display: inline-block;
    position: relative;
    height: auto;
    width: auto;
}

.echo_glossario--1,
.echo_glossario--3 {
    position: absolute;
}

.echo_glossario--1 {
    z-index: -1;
    top: 0;
    left: 0;
    transform: translate(-35%, -35%);
}

.echo_glossario--3 {
    z-index: -1;
    bottom: 0;
    right: 0;
    transform: translate(35%, 35%);
}

.echo_glossario__sx {
    display: flex;
    justify-content: center;
}

.echo_glossario__dx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.echo_glossario__dx_text {
    max-width: 550px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .echo_glossario {
        display: block;
    }

    .echo_glossario__dx_text {
        margin-top: 100px;
    }

    .echo_glossario--1 {
        width: 32vw;
    }

    .echo_glossario {
        width: 63vw;
    }

    .echo_glossario--3 {
        width: 32vw;
    }

    .echo_glossario__sx {
        display: flex;
        justify-content: center;
        width: calc(100vw - 50px);
    }

    .echo_glossario__sx__img {}
}

/* testo cambia home  */

.sfondo_canarino {
    background: linear-gradient(to bottom, rgba(255, 235, 206, 1) 0%, rgba(255, 255, 255, 0) 100%);

}

.testo_cambia {}

.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;
    }

}

.focus_on .swiper-container {
    padding: 0 70px;
}

/* ispirazioni home */

.ispirazioni_home__flex {
    margin-bottom: 55px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ispirazioni_home__flex .titolo {
    max-width: 45%;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .focus_on .swiper-container {
        padding: 0 50px;
    }
}

@media(max-width:990px) {
    .focus_on .swiper-container {
        padding: 0 25px;
    }
}

@media(max-width:768px) {

    .ispirazioni_home__flex {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .ispirazioni_home {
        margin-top: 30px;
    }

    .ispirazioni_home__flex .titolo {
        max-width: 100%;
        margin-bottom: 30px;
    }
}

/* highlights box home */

.higlight_item {
    max-width: 550px;
}

.higlight_item__text {
    max-width: 500px;
}

.higlight_item__text .btn {
    margin-top: 15px;
}

.highlights__flex {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.higlight_item__img {
    margin-bottom: 30px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .focus_on .swiper-container {
        padding: 0 25px;
    }

    .highlights__flex {
        flex-wrap: wrap;
    }

    .highlights__flex .higlight_item:nth-child(1) {
        margin-bottom: 50px;
    }

}

/*
/////////////////////////////////////////////////////////////////
ECHO GLOSSARIO template-echoglossario.php
@audit echo glossario
////////////////////////////////////////////////////////////////
*/

.sfondo_echoglossario {
    background-color: #E6F9F2;
}

.sfondo_echoglossario .titolo,
.sfondo_echoglossario .titolo2 {
    color: #56A88D;
}

.sfondo_echoglossario .hero {
    color: white;
}

.sfondo_echoglossario .hero p {
    color: white;
}

.sfondo_echoglossario .hero:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.27);
    z-index: 10;
}

.sfondo_echoglossario .hero .hero__text__1 {
    color: white;
}

.sfondo_echoglossario .hero .hero__text {
    z-index: 1000;
}

.sfondo_echoglossario .blocco_grande,
.sfondo_echoglossario .blocco_grande p {
    color: #56A88D;
}

.sfondo_echoglossario .intro_label {
    color: black;
}

.colore_verde p {
    color: #56A88D;
}

.paragrafo__dx {
    display: flex;
    justify-content: flex-end;
}

.paragrafo__dx p {
    max-width: 700px;
    padding-top: 50px;
}


@media(max-width:768px) {
    .hero.hero--echoglossario .hero__scroll {
        bottom: 10%;
        transform: translateX(-50%);
        right: 25px;
    }

    .hero.hero--echoglossario .hero__text {
        top: 50%;
        transform: none;
        transform: translate(-50%, -50%);
    }

    .paragrafo__dx p {
        max-width: 700px;
        padding-top: 30px;
    }
}

/* box approfondimento */

.container-80--approfondimento ul {
    margin-left: 10px;
}

.container-80--approfondimento li {
    margin-left: 10px;
    margin-bottom: 10px;
    list-style: disc;
}

.container-80--approfondimento .wp-block-button__link {
    font-size: 16px;
    font-family: 'TradeGothicMedium';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    padding: 18px 36px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    background-color: transparent;
    color: black;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    text-align: left;
}

.container-80--approfondimento .wp-block-button__link:hover {
    border-color: black;
}

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

.box_approfondimento__item__descrizione a {
    text-decoration: underline;
}

.box_approfondimento__item__label {
    color: #56A88D;
    font-size: 14px;
    margin-bottom: 10px;
}

.box_approfondimento__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px 20%;
}

.box_approfondimento__item__titolo {
    margin-bottom: 20px;
}

.box_approfondimento__item__titolo.mb0 {
    margin-bottom: 5px !important;
}

.box_approfondimento__item__sottotitolo {
    font-size: 16px;
    font-family: TradeGothicBoldTwo;
    color: #56A88D;
    margin-bottom: 20px;
}

.box_approfondimento__item__immagine {
    margin-bottom: 30px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .box_approfondimento__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 60px 15%;
    }
}

@media(max-width:990px) {
    .box_approfondimento__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 50px 10%;
    }
}

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

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

    .sfondo_echoglossario .focus_on {
        margin-bottom: 30px;
    }
}

/*
/////////////////////////////////////////////////////////////////
ARCHIVIO PRODOTTI archive-products.php
@audit archivio prodotti
////////////////////////////////////////////////////////////////
*/

/* intro pagina */

.introduzione_pagina__flex {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 5%;
}
.introduzione_pagina__flex a {
    /*text-decoration: underline;*/
}

.introduzione_pagina h1 {
    font-size: 50px;
    max-width: 450px;
    line-height: 118%;
}

.introduzione_pagina__flex__dx {
    max-width: 800px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

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

    .introduzione_pagina h1 {
        font-size: 40px;
    }
}

@media(max-width:768px) {
    .introduzione_pagina__flex {
        grid-template-columns: 1fr;
    }

    .introduzione_pagina h1 {
        font-size: 32px;
        max-width: 100%;
        margin-bottom: 30px;
    }
}

/* primo filtro sopra loop prodotti */

.prodotti_primo_filtro {
    padding-top: 70px;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.prodotti_primo_filtro__filtri {
    display: flex;
    gap: 50px;
    align-items: center;
}

.prodotti_primo_filtro__1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.prodotti_primo_filtro__2 {
    white-space: nowrap;
    display: flex;
    gap: 25px;
}

.prodotti_primo_filtro__2 span {
    color: #8B8B8B;
}

.prodotti_primo_filtro__totale__count {
    font-family: TradeGothicBoldTwo;
}

.prodotti_primo_filtro__filtri__novita {
    display: flex;
    align-items: center;
    gap: 3px;
}

.prodotti_primo_filtro__filtri input[type='checkbox'] {
    width: 8px;
    height: 8px;
    border-radius: 0 !important;
}

.prodotti_primo_filtro__filtri__ordina_per {
    display: flex;
    gap: 20px;
}

.prodotti_primo_filtro__filtri__ordina_per span {
    color: #8B8B8B;
}

.prodotti_primo_filtro__filtri__ordina_per__scelta {
    cursor: pointer;
}

.prodotti_primo_filtro__filtri__ordina_per__scelta--active {
    border-bottom: 1px solid #000;
}

.prodotti_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 70px 20px;
}



@media(max-width:768px) {
    .prodotti_primo_filtro {
        display: block;
        padding-top: 20px;
    }

    .prodotti_primo_filtro__1 {
        margin-bottom: 15px;
        width: 100%;
    }

    .prodotti_primo_filtro__2 {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .prodotti_primo_filtro__filtri__ordina_per {
        justify-content: flex-end;
    }

    .prodotti_grid {
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }
}

/* filtro archivio */

.popup_filter--archivio .reset_filters {
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid dimgray;
    text-transform: uppercase;
    font-size: 13px;
    white-space: nowrap;
    padding-bottom: 2px;
    margin-left: 25px;
    display: none;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}


@media(max-width:990px) {
    .popup_filter--archivio .reset_filters {
        font-size: 13px;
        padding-bottom: 2px;
        margin-left: 0;
        border: none;
    }
}


.popup_filter--archivio .popup_filter__dx .reset_filters {
    color: black;
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
}

.popup_filter--archivio .reset_filters.reset_filters--show {
    cursor: pointer;
    display: flex;
    animation: reset_filters 0.5s;
}

@keyframes reset_filters {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.popup_filter--archivio .reset_filters img {
    filter: invert(100);
}

.popup_darker {
    position: fixed;
    z-index: 200000000000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.27);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
    visibility: hidden;
}

.popup_darker--show {
    opacity: 1;
    visibility: visible;
}

.popup_filter--archivio {
    background-color: black;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 300000000000;
    height: 76px;
    padding-left: 18px;
    padding-right: 18px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: auto;
}

.popup_filter--archivio--hide {
    opacity: 0;
    visibility: hidden;
}

.popup_filter--archivio .popup_filter__sx {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.popup_filter--archivio .popup_filter__item {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0;
    position: relative;
}

.popup_filter--archivio .popup_filter__item__text {
    display: inline-flex;
    align-items: center;
    height: 40px;
    width: auto;
    padding-right: 0;
    padding: 10px 30px;
    border-radius: 100px;
    color: white;
    white-space: nowrap;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.popup_filter--archivio .popup_filter__item__text:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.popup_filter--archivio .popup_filter__item__text span {
    padding: 0;
    margin: 0;
    line-height: 100%;
    display: inline;
}

.popup_filter--archivio .popup_filter__item__text .popup_filter__item__title {
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.popup_filter--archivio .popup_filter__item__text.popup_filter__item__text--active {
    background-color: white;
    color: black;
}

.popup_filter--archivio .popup_filter__item__text .popup_filter__item__count {
    display: none;
    animation: popup_filter__item__count 0.5s;
}

.popup_filter--archivio .popup_filter__item__text .popup_filter__item__count--show {
    display: inline;
}

@keyframes popup_filter__item__count {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.popup_filter--archivio .popup_filter__item__modal {
    min-width: 350px;
    background-color: white;
    border-radius: 25px;
    position: absolute;
    bottom: 75px;
    left: auto;
    padding: 50px 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transform: translateY(30px);
}

.popup_filter--archivio .popup_filter__item__modal.popup_filter__item__modal--show {
    visibility: visible;
    opacity: 1;
    /*transform: translateY(0);*/
}

.activate_popup_archivio_mobile {
    display: none;
}

.popup_filter__item__text__mobile {
    display: none;
}

#cancella_tutti_filtri_mobile {
    display: none;
}


@media(min-width:990px) {
    .popup_filter--archivio .popup_filter__dx {
        display: none;
    }
}

@media(max-width:1250px) {
    .popup_filter--archivio .popup_filter__item__text {
        padding: 10px 20px;
    }
}

@media(max-width:1150px) {
    .popup_filter--archivio .popup_filter__item__text {
        padding: 10px 13px;
    }
}


@media(max-width:990px) {

    #cancella_tutti_filtri_mobile {
        display: inline-flex;
    }


    .activate_popup_archivio_mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
        height: 60px;
        color: white;
        background-color: black;
        margin: 0 auto;
        border-radius: 100px;
        font-family: titolo;
    }

    .activate_popup_archivio_mobile__title {
        font-size: 16px;
    }

    .activate_popup_archivio_mobile__count {
        font-family: TradeGothicMedium;
        font-size: 13px;
        margin-right: 8px;
    }

    .filtro_archivio_mobile {
        width: 100%;
    }

    .filtro_archivio_mobile {
        text-align: center;
        margin-bottom: 50px;
        padding-top: 30px;
    }

    .filtro_archivio_mobile .reset_filters {
        text-transform: uppercase;
        border-bottom: 1px solid dimgray;
        padding-bottom: 1px;
        margin: 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 35px;
        font-size: 13px;
    }

    .popup_filter--archivio {
        background-color: white;
        position: fixed;
        bottom: auto;
        top: 0;
        left: auto;
        transform: translateX(0);
        z-index: 300000000000;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        width: 100%;
        border-radius: 0;
    }

    .popup_filter--archivio .popup_filter__item {
        display: block;
        width: 100%;
        color: black;
    }

    .popup_filter__item__title {
        color: black;
    }

    .popup_filter--archivio .popup_filter__item__modal {
        min-width: auto;
        height: auto;
        background-color: white;
        border-radius: 0;
        position: relative;
        bottom: auto;
        left: auto;
        top: auto;
        padding: 0;
        visibility: visible;
        opacity: 1;
        transform: translateY(0) !important;
        box-shadow: none;
        display: none;
        -webkit-transition: none;
        transition: none;
        padding-bottom: 30px;
    }

    .popup_filter__item__modal__values {
        position: relative;
    }

    .popup_filter--archivio .popup_filter__item {
        box-shadow: none;
        display: block;
    }

    .popup_filter--archivio .popup_filter__item__modal.popup_filter__item__modal--show {
        visibility: visible;
        opacity: 1;
        /*transform: translateY(0) !important;*/
        position: relative;
    }

    .popup_filter--archivio .popup_filter__item__text {
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        margin-bottom: 30px;
    }

    .popup_darker {
        display: none;
    }

    .popup_filter--archivio .popup_filter__mobile_close__icon img {
        filter: invert(100);
        height: 12px;
    }

    .popup_filter--archivio .popup_filter__mobile_close {
        text-align: center;
        display: flex;
        justify-content: flex-start;
        padding-top: 20px;
        padding-bottom: 15px;
        padding-left: 25px;
    }

    .popup_filter__item__text__mobile {
        display: block;
    }

    .popup_filter__item__text__mobile .open {
        display: none;
    }

    .popup_filter--archivio .popup_filter__item__text--active .popup_filter__item__text__mobile .open {
        display: block;
    }

    .popup_filter--archivio .popup_filter__item__text--active .popup_filter__item__text__mobile .close {
        display: none;
    }

    .popup_filter--archivio .popup_filter__sx {
        padding-top: 30px;
    }

    .popup_filter--archivio .popup_filter__dx {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    .popup_filter--archivio .popup_filter__dx .reset_filters img {
        filter: invert(0);
    }

    .popup_filter--archivio .popup_filter__dx .popup_filter__btn--submit {
        margin: 0;
        margin-top: 0;
    }

}

@media(max-width:768px) {}


/* anteprima prodotto */

.product_item__img {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 25px;
}

.product_item__img__sx,
.product_item__img__dx {
    width: 50%;
}

.product_item__img img {
    width: 100%;
}

.label_new {
    position: absolute;
    background-color: black;
    top: 25px;
    left: 25px;
    font-size: 14px;
    color: white;
    padding: 4px 7px;
}

.product_item__text {
    width: 100%;
    position: relative;
}

.product_item__text__echosystem {
    position: absolute;
    right: 0;
    top: 0;
}

.product_item__text h2 {
    text-transform: uppercase;
    font-family: TradeGothicBoldTwo;
    font-size: 30px;
    margin-bottom: 10px;
}

.product_item__text p {
    font-size: 18px;
    margin-bottom: 4px;
}

.product_item__text span {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.product_item__text .btn {
    margin-top: 25px;
}

.prodotti_empty {
    display: none;
    text-align: center;
    width: 100%;
    font-size: 30px;
    padding: 15vh 0;
    font-family: 'titolo';
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .product_item__text h2 {
        font-size: 26px;
    }
}

@media(max-width:990px) {}

@media(max-width:768px) {
    .product_item__text h2 {
        font-size: 22px;
        margin-bottom: 17px;
    }

    .product_item__img {
        margin-bottom: 15px;
    }

    .product_item__text p {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .product_item__text__echosystem img {
        height: 30px;
        width: auto;
    }
}

/*
/////////////////////////////////////////////////////////////////
APPROFONDIMENTO
single-insights.php
@audit approfondimento
////////////////////////////////////////////////////////////////
*/

/* apri approfondimento */

figure.size-full {
    width: 100%;
    text-align: center;
}
.approfondimento_modal {
    background-color: #F2F2F0;
    position: fixed;
    z-index: 250000000000000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.approfondimento_modal--show {
    opacity: 1;
    visibility: visible;
}


.approfondimento_modal__content {
    overflow-y: scroll;
    height: 100%;
}

.approfondimento_modal__content a {
    text-decoration: underline;
}

.approfondimento_modal__content a.wp-block-button__link {
    text-decoration: none;
}

.approfondimento_modal__content h2,
.approfondimento_modal__content h3,
.approfondimento_modal__content h4 {
    margin-bottom: 30px;
    font-size: 30px;
}

.approfondimento_modal__content__intro {
    margin-bottom: 50px;
}

.approfondimento_modal__content__intro .titolo--big {
    margin-bottom: 50px;
}

.approfondimento_modal__header {
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: #F2F2F0;
    padding-left: 70px;
    height: 100px;
    display: flex;
    align-items: center;
}

.go_back {
    display: flex;
    align-items: center;
    gap: 12px;
    text-transform: uppercase;
}

.go_back:hover {
    cursor: pointer;
}

.go_back__ico {
    border-radius: 100px;
    background-color: white;
    padding: 12px 25px;
}

.go_back__ico img {
    width: 23px;
}

@media(max-width:1500px) {

    .approfondimento_modal__content h2,
    .approfondimento_modal__content h3,
    .approfondimento_modal__content h4 {
        margin-bottom: 30px;
        font-size: 26px;
    }

}

@media(max-width:1250px) {

    .approfondimento_modal__content h2,
    .approfondimento_modal__content h3,
    .approfondimento_modal__content h4 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .approfondimento_modal__header {
        padding-left: 50px;
        height: 65px;
    }
}


@media(max-width:768px) {

    .approfondimento_modal__content h2,
    .approfondimento_modal__content h3,
    .approfondimento_modal__content h4 {
        margin-bottom: 30px;
        font-size: 22px;
    }

    .approfondimento_modal__header {
        padding-left: 25px;
        height: 65px;
    }

    .go_back__ico {
        padding: 8px 18px;
    }

    .go_back {
        gap: 10px;
        font-size: 14px;
    }

    .approfondimento_modal__content .gallery__intro {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
/////////////////////////////////////////////////////////////////
SCHEDA CARTA scheda prodotto
single-products.php
@audit scheda carta
////////////////////////////////////////////////////////////////
*/

.hero_prodotto {
    position: relative;
    height: 100vh;
}

.hero_prodotto__sfondo {
    width: 100%;
}

.hero_prodotto__sfondo img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.hero_prodotto_breadcrumbs {
    position: absolute;
    top: 0;
    left: 70px;
    margin: 0 auto;
}

.hero_prodotto__go_back {
    display: flex;
    align-items: center;
    gap: 7px;
    text-transform: uppercase;
    font-size: 14px;
}

.hero_prodotto__go_back img {
    width: 24px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.hero_prodotto__go_back:hover img {
    transform: translateX(-7px);
}

.hero_prodotto__info {
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
}

.hero_prodotto__info h1 {
    font-size: 70px;
    text-transform: uppercase;
    font-family: TradeGothicBoldTwo;
    margin-bottom: 30px;
    line-height: 100%;
}

.hero_prodotto__info__links {
    margin-top: 35px;
}

.hero_prodotto__info__links a {
    margin-right: 35px;
}

.hero_prodotto .echosystem_logo {
    position: absolute;
    bottom: 65px;
    left: 70px;
    z-index: 10;
    height: 50px;
}

@media(max-width:1500px) {}

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

@media(max-width:990px) {
    .hero_prodotto__info h1 {
        font-size: 50px;
    }
}

@media(max-width:768px) {}

/* === magellan menu ===  */

.magellan_menu {
    position: fixed;
    z-index: 100;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 100px;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    gap: 10px;
    border: 1px solid #ccc;
}

.magellan_menu a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 100px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    white-space: nowrap;
}

.magellan_menu a.active {
    background-color: rgba(0, 0, 0, 0.075);
}

@media(max-width:1500px) {
    .magellan_menu a {
        padding: 10px 20px;
    }

    .magellan_menu {
        height: 60px;
        padding-left: 15px;
        padding-right: 15px;
        gap: 7px;
    }
}

@media(max-width:1250px) {
    .magellan_menu a {
        padding: 10px 15px;
        font-size: 13px;
    }

    .magellan_menu {
        padding-left: 15px;
        padding-right: 15px;
        gap: 5px;
    }
}

@media(max-width:990px) {
    .magellan_menu a {
        padding: 6px 10px;
        font-size: 13px;
    }

    .magellan_menu {
        height: 45px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 2px;
    }
}

@media(max-width:768px) {

    .hero_prodotto_breadcrumbs {
        left: 25px;
    }

    .hero_prodotto__info {
        position: absolute;
        left: 25px;
        top: 145px;
        transform: translateY(0);
    }

    .hero_prodotto__info p {
        max-width: 70%;
        font-size: 18px;
    }

    .hero_prodotto__go_back {
        display: none;
    }

    .hero_prodotto__info__links {
        margin-top: 25px;
        font-size: 14px;
    }

    .hero_prodotto__info h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .hero_prodotto .echosystem_logo {
        position: absolute;
        bottom: 25px;
        left: 25px;
        height: 40px;
    }

    .magellan_menu {
        position: fixed;
        z-index: 100;
        bottom: 0;
        left: 0;
        transform: translateX(0);
        background-color: white;
        border-radius: 0;
        height: 60px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        gap: 10px;
        border: 1px solid #ccc;
        overflow-x: scroll;
        width: 100%;
        border: none;
    }

    .magellan_menu a {
        font-size: 12px;
        height: 100%;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        padding: 0 5px;
        border-radius: 0;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        white-space: nowrap;
        position: relative;
    }

    .magellan_menu a.active {
        background-color: transparent;
    }

    .magellan_menu a.active:after {
        display: block;
        content: "";
        position: absolute;
        background-color: black;
        height: 3px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
    }
}

.sezione_prodotto {}

.sezione_prodotto:nth-child(odd) {}

/* sezione introduzione */

#introduzione h2,
#introduzione h3,
#introduzione h4 {
    font-family: titolo;
    margin-bottom: 30px;
    font-size: 30px;
}

#introduzione a.link {
    margin-top: 20px;
}

/* gamma */

.gamma {
    height: auto;
}

.gamma_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 60px 20px;
    height: auto;
}

.gamma_item__fix__img {
    position: relative;
    height: auto;
    margin-bottom: 12px;
}

.gamma_item {
    animation: gamma_item 1s ease;
}

@keyframes gamma_item {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.simbolo_busta {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.gamma_item__nome {
    font-size: 22px;
    font-family: TradeGothicBoldTwo;
    margin-bottom: 23px;
}

.gamma_item__modal .gamma_item__close,
.gamma_item__modal__img,
.gamma_item__modal .gamma_item__nome {
    display: none;
}

.gamma_item__value {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.gamma_item__value .valore {
    font-size: 16px;
    font-family: TradeGothicBoldTwo;
    display: block;
}

.gamma__testo {
    max-width: 650px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 70px;
}

.gamma__filters__item {
    font-family: titolo;
    color: #aaa;
    font-size: 16px;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.gamma__filters__item:hover {
    cursor: pointer;
    color: dimgray;
}

.gamma__filters {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
}


.gamma__filters__item:first-child {
    padding-left: 0;
    border: none;
}

.gamma__filters__item.gamma__filters__item--active {
    color: black;
}

.gamma_item__fix__open_modal {
    display: none;
}

.gamma_item__modal__box {
    position: fixed;
    background-color: white;
    z-index: 50000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 50px);
    padding: 30px;
    padding-top: 80px;
    border-radius: 25px;
}


.gamma_item__modal__box,
.gamma_item__modal__darker {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

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

}

@media(max-width:768px) {

    .gamma_item__modal__darker {
        position: fixed;
        z-index: 10000000;
        background-color: rgba(0, 0, 0, 0.25);
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .gamma_item__modal__darker--show {
        visibility: visible;
        opacity: 1;
    }

    .gamma_item__modal {
        display: none;
    }

    .gamma_item__modal__img {
        display: block;
        max-width: 150px;
        margin-bottom: 10px;
    }

    .gamma_item__modal__box--show {
        visibility: visible;
        opacity: 1;
    }

    .gamma_item__close {
        position: absolute;
        top: 20px;
        right: 20px;
        border: 1px solid #ccc;
        height: 45px;
        width: 45px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gamma_item__close img {
        filter: invert(100);
        height: 15px;
    }

    .gamma_item__nome {
        font-size: 16px;
        font-family: TradeGothicBoldTwo;
        margin-bottom: 10px;
    }

    .gamma_item__nome--modal {
        font-size: 21px;
        margin-bottom: 25px;
    }

    .gamma_item__fix__open_modal {
        display: inline-block;
        font-size: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    .gamma__filters__item {
        font-size: 14px;
        padding-left: 10px;
    }

    .gamma__filters {
        text-align: center;
        margin-bottom: 22px;
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .gamma_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 20px;
        height: auto;
    }


}

/* gallery scheda prodotto */

.swiper-container--gallery {
    padding-left: 70px;
    padding-right: 70px;
    width: 100%;
}

.swiper-container--gallery.swiper-container--gallery--pl0 {
    padding-left: 0;
    padding-right: 0;
}

.gallery__intro--pl0 {
    padding-left: 0;
    padding-right: 0;
}

.swiper-container--gallery .swiper-slide {
    width: auto;
    position: relative;
}

.gallery__intro {
    padding-left: 70px;
    padding-right: 70px;
    margin-bottom: 30px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
}

.gallery_filter--active {
    font-family: TradeGothicBoldTwo;
}

.gallery__intro .intro_label {
    margin-bottom: 0;
}

.gallery_filter span {
    margin-left: 25px;
}

.gallery_filter__item:hover {
    cursor: pointer;
}

.gallery .swiper-slide img {
    width: auto;
    height: 450px;
}

.gallery .swiper-slide {
    animation: appear 1s ease;
}

@keyframes appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.video_youtube {}

.video_youtube iframe {
    height: 450px;
    width: 800px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .gallery__intro {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .gallery_filter span {
        margin-left: 10px;
    }

    .swiper-container--gallery {
        padding-left: 25px;
        padding-right: 25px;
        width: 100%;
    }

    .video_youtube iframe {
        height: 300px;
        width: 100%;
    }

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

}

/* premi scheda prodotto */


.slide_premio {
    text-align: center;
}

.slide_premio h3 {
    font-size: 16px;
    font-family: TradeGothicBoldTwo;
    margin-bottom: 15px;
}

.slide_premio img {
    margin-bottom: 15px;
}

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

.premi__flex__text {
    max-width: 500px;
}

.premi__flex__slider {
    width: 310px;
    position: relative;
}

.premi__flex__slider .swiper-container {
    width: 310px;
    overflow: hidden;
}

.premi__flex__slider .swiper-container .swiper-slide {
    width: 100%;
}

.swiper-pagination-fraction {
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
}

.swiper_custom_control {
    width: 70px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 100px;
    background-color: white;
}

.swiper_custom_control.prev-custom img {
    transform: rotate(180deg);
}

.premi__flex__slider .swiper_custom_control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.premi__flex__slider .swiper_custom_control.prev-custom {
    left: -100px;
}

.premi__flex__slider .swiper_custom_control.next-custom {
    right: -100px;
}

@media(max-width:1500px) {
    .premi__flex__text {
        max-width: 400px;
    }

    .premi__flex__slider {
        margin-right: 100px;
    }
}

@media(max-width:1250px) {
    .premi__flex__text {
        max-width: 350px;
    }

    .premi__flex__slider .swiper_custom_control.prev-custom {
        left: -80px;
    }

    .premi__flex__slider .swiper_custom_control.next-custom {
        right: -80px;
    }

}

@media(max-width:990px) {
    .premi__flex__text {
        max-width: 270px;
    }

}

@media(max-width:768px) {

    .premi__flex__slider {
        margin-right: 0;
    }

    .premi__flex {
        display: block;
    }

    .premi__flex__text {
        max-width: 100%;
        text-align: center;
    }

    .premi__flex__slider {
        width: 100%;
        position: relative;
        margin-top: 50px;
    }

    .premi__flex__slider .swiper-container {
        width: 100%;
    }

}


/* focus  */

.focus_on .swiper_custom_control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.focus_on .swiper_custom_control.prev-custom {
    left: 50px;
}

.focus_on .swiper_custom_control.next-custom {
    right: 50px;
}

.gallery .swiper_custom_control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.gallery .swiper_custom_control.prev-custom {
    left: 50px;
}

.gallery .swiper_custom_control.next-custom {
    right: 50px;
}

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


.swiper-button-disabled {
    display: none;
}


@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

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

    #introduzione h2,
    #introduzione h3,
    #introduzione h4 {
        font-family: titolo;
        margin-bottom: 25px;
        font-size: 22px;
    }

    .gallery .swiper_custom_control {
        display: flex;
    }

    .gallery .swiper_custom_control.swiper-button-disabled {
        display: none;
    }

    .gallery .swiper_custom_control.prev-custom {
        left: 5px;
    }

    .gallery .swiper_custom_control.next-custom {
        right: 5px;
    }


}


/* sezione approfondimenti scheda prodotto */

.approfondimenti {
    background-color: #F2F2F0;
    padding: 50px 0;
}

.approfondimento__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5%;
}

.approfondimento__flex__col--text {
    max-width: 450px;
}

@media(min-width:768px) {
    .approfondimenti .approfondimento:nth-child(even) .approfondimento__flex {
        flex-direction: row-reverse;
    }
}


.approfondimento__flex__col--text h3 {
    margin-bottom: 30px;
    font-family: titolo;
    font-size: 30px;
    line-height: 120%;
}

.approfondimento__flex__col--text p {
    font-size: 21px;
}

.approfondimento__flex__col--text .intro_label {
    font-size: 14px;
}

.approfondimento__flex__col--text .btn {
    margin-top: 50px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .approfondimento__flex__col--text h3 {
        font-size: 26px;
    }
}

@media(max-width:990px) {
    .approfondimento__flex__col--text h3 {
        font-size: 24px;
    }

    .approfondimento__flex__col--text {
        max-width: 49%;
    }

    .approfondimento__flex__col--text .btn {
        margin-top: 35px;
    }
}

@media(max-width:768px) {
    .approfondimento__flex {
        display: block;
    }

    .approfondimento__flex__col--img {
        margin-bottom: 55px;
    }

    .approfondimento__flex__col--text h2,
    .approfondimento__flex__col--text h3 {
        margin-bottom: 28px;
        font-size: 22px;
    }

    .approfondimento__flex__col--text .btn {
        margin-top: 30px;
    }

    .approfondimento__flex__col--text {
        max-width: 100%;
    }

    .approfondimento__flex__col--text p {
        font-size: 16px;
    }

}

/* case history prodotto */

.case_history .swiper-container {
    width: 100%;
    overflow: hidden;
}

.case_history__slider {
    position: relative;
}

.swiper_custom_control:hover {
    cursor: pointer;
    border-color: 1px solid black;
}

.case_history__slider .swiper_custom_controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -100px;
}

.case_history__slider .swiper_custom_controls .prev-custom {
    margin-bottom: 10px;
}

@media(max-width:1500px) {
    .case_history__slider .approfondimento__flex__col--img {
        margin-right: 80px;
    }

    .case_history__slider .swiper_custom_controls {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -10px;
    }
}

@media(max-width:1250px) {
    .case_history__slider .approfondimento__flex__col--text {
        max-width: 40%;
    }
}

@media(max-width:990px) {
    .case_history__slider .approfondimento__flex__col--text {
        max-width: 50%;
    }
}

@media(max-width:768px) {

    .case_history__slider .approfondimento__flex__col--text {
        max-width: 100%;
    }

    .case_history__slider .approfondimento__flex__col--img {
        margin-right: 0;
    }

    .swiper_custom_control img {
        height: 12px;
    }

    .case_history .approfondimento__flex {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .case_history .approfondimento__flex__col--img img,
    .slide_premio .slide_premio__img img {
        width: calc(100% - 100px);
    }



    .case_history .approfondimento__flex__col--img {
        margin-bottom: 25px;
        position: relative;
    }

    .case_history .swiper_custom_control,
    .premi .swiper_custom_control,
    .dettagli__popup .swiper_custom_control {
        display: flex;
        position: absolute;
        top: 60px;
        z-index: 10;
        padding: 0;
        height: 28px;
        width: 50px;
    }

    .premi .swiper_custom_control {
        top: calc(50% - 30px);
    }

    .case_history .swiper_custom_control.prev-custom,
    .premi .swiper_custom_control.prev-custom {
        left: -10px;
        margin: 0;
    }

    .case_history .swiper_custom_control.next-custom,
    .premi .swiper_custom_control.next-custom {
        right: -10px;
    }

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

    .case_history__slider .case_history__slider {
        position: relative;
    }

    .case_history__slider .swiper_custom_controls {
        position: relative;
        top: auto;
        bottom: auto;
        transform: translateY(0);
        right: auto;
        transform: none;
    }
}

/* campioni e campionario */

#campioni_e_campionari {
    background-color: #F2F2F0;
    padding: 50px 0;
}

#campioni_e_campionari .intro_label {
    font-size: 14px;
}

.campioni_e_campionari__title {
    font-family: titolo;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.campioni_e_campionari__content__modelli {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.campioni_e_campionari__content__modelli__item {
    padding: 18px 27px;
    border-radius: 100px;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-transform: uppercase;
    font-family: TradeGothicBoldTwo;
    font-size: 20px;
    margin-right: 7px;
    margin-bottom: 7px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.campioni_e_campionari__content__modelli__item .check {
    height: 20px;
    width: 20px;
    border-radius: 100px;
    border: 1px solid #ccc;
    position: relative;
}

.campioni_e_campionari__content__modelli__item.active .check:after {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 100px;
    background-color: black;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.campioni_e_campionari__content__modelli__item.active,
.campioni_e_campionari__content__modelli__item:hover {
    border-color: dimgray;
}

.campioni_e_campionari__content__modelli__item:hover {
    cursor: pointer;
}

.campioni_e_campionari__content--single .campioni_e_campionari__content__modelli__item {
    display: none;
}

.campioni_e_campionari__content__modelli__item.active {
    display: inline-flex;
}

.campioni_e_campionari__content--single .campioni_e_campionari__content__modelli__item--show {
    display: inline-flex;
    animation: campioni_e_campionari__content__modelli__item 1s ease;
}

@keyframes campioni_e_campionari__content__modelli__item {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.campioni_e_campionari__content__descrizione__wrapper {
    font-size: 14px;
}

.campioni_e_campionari__content--single .campioni_e_campionari__content__descrizione__wrapper {
    display: none;
}

.campioni_e_campionari__content__descrizione__wrapper span {
    text-transform: uppercase;
}

.campioni_e_campionari__content--single .campioni_e_campionari__content__descrizione__wrapper.campioni_e_campionari__content__descrizione__wrapper--show,
.campioni_e_campionari__content__descrizione__wrapper--show {
    display: flex;
    align-items: center;
    gap: 30px;
}

.campioni_e_campionari__content__descrizione {
    background-color: white;
    border-radius: 100px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 15px;
}

.campioni_e_campionari__content__descrizione__wrapper {
    margin-bottom: 30px;
}

.campioni_e_campionari__content__modelli__item__description {
    display: none;
}

.espandi_campioni {
    display: none;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {

    .titolo {
        font-size: 22px;
    }

    .campioni_e_campionari__content__descrizione__wrapper,
    .campioni_e_campionari__content__descrizione__wrapper--show {
        display: none !important;
    }

    .campioni_e_campionari__content__modelli__item__description--show {
        display: block;
    }

    .campioni_e_campionari__content__modelli__item__description {
        display: none;
    }

    .campioni_e_campionari__content.active .campioni_e_campionari__content__modelli__item__description {
        display: block;
        margin-bottom: 25px;
    }

    .campioni_e_campionari__content__modelli__item__description .campioni_e_campionari__content__modelli__item__description.active {
        display: block;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content--single .campioni_e_campionari__content__modelli__item {
        display: inline-flex;
    }

    .campioni_e_campionari__content__modelli {
        margin-bottom: 40px;
        /* display: block; */
        gap: 0;
    }

    .elenco__block {
        display: block;
        width: 100%;
    }

    #mostra_tutti_campioni {
        white-space: nowrap;
    }

    .campioni_e_campionari__content--single .link {
        margin-top: 0;
    }

    .campioni_e_campionari__content--single .campioni_e_campionari__content__modelli {
        justify-content: space-between;
    }

    .campioni_e_campionari__content__modelli__item {
        padding: 11px 30px;
        font-size: 19px;
        margin-bottom: 8px;
    }

    .espandi_campioni {
        text-align: center;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content__modelli {
        height: 200px;
        display: block;
        overflow: hidden;
        -webkit-transition: height 0.35s ease;
        transition: height 0.35s ease;
        position: relative;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content__modelli:after {
        position: absolute;
        content: "";
        display: block;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f0+0,f2f2f0+100&0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(242, 242, 240, 0) 0%, rgba(242, 242, 240, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(242, 242, 240, 0) 0%, rgba(242, 242, 240, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(242, 242, 240, 0) 0%, rgba(242, 242, 240, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f2f0', endColorstr='#f2f2f0', GradientType=0);
        /* IE6-9 */

        z-index: 10;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content__modelli--height100:after {
        display: none;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content__modelli--height100 {
        height: auto;
    }

    .campioni_e_campionari__content--all .campioni_e_campionari__content__modelli__item__description {
        display: block;
        margin-bottom: 25px;
    }

    .espandi_campioni {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 50px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .espandi_campioni .link {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .espandi_campioni img {
        height: 10px;
    }

    .campioni_e_campionari__title {
        margin-bottom: 30px;
    }
}

/*
/////////////////////////////////////////////////////////////////
PAPER FROM OUR ECHOSYSTEM template-paper_from_our_echosystem.php
@audit echosystem
////////////////////////////////////////////////////////////////
*/

.paper_from_our_echosystem {
    background-color: #E6F9F2;
}

.paper_from_our_echosystem h1 {
    color: #56A88D;
}

.paper_from_our_echosystem .introduzione_pagina__flex__dx p {
    color: #56A88D;
}


/*
/////////////////////////////////////////////////////////////////
CAMPIONI E CAMPIONARI
template-campioni_e_campionari.php
@audit campioni campionari
////////////////////////////////////////////////////////////////
*/

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

.banner_grande__titolo {
    color: white;
    font-family: titolo;
    text-align: center;
    position: absolute;
    top: 20vh;
    max-width: 1300px;
    font-size: 50px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    padding-left: 25px;
    padding-right: 25px;
}

.banner_grande__descrizione {
    position: absolute;
    bottom: 10vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}

.banner_grande__descrizione p {
    color: white;
    max-width: 500px;
}

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

@media(max-width:1250px) {
    .banner_grande__titolo {
        font-size: 36px;
        top: 10vh;
    }

    .banner_grande__descrizione {
        bottom: 5vh;
    }
}

@media(max-width:990px) {}

@media(max-width:768px) {
    .container-100--full {
        width: 100%;
    }

    .banner_grande {
        height: 100vh;
    }

    .banner_grande__titolo {
        top: 40px;
        font-size: 22px;
        padding-left: 25px;
        padding-right: 25px;
        line-height: 125%;
    }

    .banner_grande img.sfondo_banner {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }

    .banner_grande__descrizione {
        flex-wrap: wrap;
        bottom: 40px;
    }
}

/* sezioni_campioni_campionari */

.sezioni_campioni_campionari__item__text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

.sezioni_campioni_campionari__item__text h2 {
    margin-bottom: 30px;
}

.sezioni_campioni_campionari__item__text p {
    max-width: 500px;
}

.sezioni_campioni_campionari__item .swiper-container {
    overflow: hidden;
    position: relative;
}

.sezioni_campioni_campionari__item .swiper-container .swiper-slide img {
    width: 100%;
}

.sezioni_campioni_campionari__item .swiper_custom_control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.sezioni_campioni_campionari__item .prev-custom {
    left: 20px;
}

.sezioni_campioni_campionari__item .next-custom {
    right: 20px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .sezioni_campioni_campionari__item__text {
        flex-wrap: wrap;
    }

    .sezioni_campioni_campionari__item__text h2 {
        margin-bottom: 30px;
    }

    .sezioni_campioni_campionari__item__text .btn {
        margin-top: 15px;
    }

    .sezioni_campioni_campionari__item__slider .swiper_custom_control {
        display: inline-flex;
    }

    .swiper_custom_control {
        padding: 0;
        height: 28px;
        width: 50px;
    }

    .sezioni_campioni_campionari__item__slider .prev-custom {
        left: 5px;
    }

    .sezioni_campioni_campionari__item__slider .next-custom {
        right: 5px;
    }

}

/*
/////////////////////////////////////////////////////////////////
ISPIRAZIONI
template-ispirazioni.php
@audit ispirazioni
////////////////////////////////////////////////////////////////
*/

.ispirazioni__socials {
    margin-top: 50px;
}

.ispirazioni__socials .btn {
    margin-right: 10px;
}

.btn--social img {
    margin: 0;
    max-height: 18px;
    max-width: 19px;
}

.btn--social {
    gap: 10px;
}

.btn--social:hover img {
    margin-left: 0;
}

.sezioni_ispirazioni__grid {
    display: grid;
    grid-template-columns: 1.75fr 1.25fr;
    grid-column-gap: 20px;
}

.sezioni_ispirazioni__grid:nth-child(even) {
    grid-template-columns: 1.25fr 1.75fr;
}

.sezioni_ispirazioni__item__text {
    position: relative;
}

.sezioni_ispirazioni__item__img {
    position: relative;
}

.sezioni_ispirazioni__item__img img {
    width: 100%;
}

.sezioni_ispirazioni__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.sezioni_ispirazioni__item__img {
    margin-bottom: 20px;
}

.sezioni_ispirazioni__item h2 {
    text-transform: uppercase;
    font-family: TradeGothicBoldTwo;
    font-size: 22px;
    margin-bottom: 30px;
}

.sezioni_ispirazioni__item__links__item img {
    height: 13px;
}

.sezioni_ispirazioni__item__links__item {
    margin-bottom: 4px;
}

.sezioni_ispirazioni__item__links__item span {
    margin-right: 6px;
}

.sezioni_ispirazioni__item .btn {
    margin-top: 30px;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .sezioni_ispirazioni__grid {
        display: grid;
        grid-template-columns: 1.25fr 1fr;
        grid-column-gap: 20px;
    }

    .sezioni_ispirazioni__grid:nth-child(even) {
        grid-template-columns: 1fr 1.25fr;
    }
}

@media(max-width:990px) {

    .sezioni_ispirazioni__grid,
    .sezioni_ispirazioni__grid:nth-child(even) {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
    }

    .sezioni_ispirazioni__item {
        display: block;
    }

}

@media(max-width:768px) {

    .sezioni_ispirazioni__grid,
    .sezioni_ispirazioni__grid:nth-child(even) {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }

    .sezioni_ispirazioni__item {
        margin-bottom: 60px;
    }

    .sezioni_ispirazioni__item h2 {
        margin-bottom: 15px;
    }

    .sezioni_ispirazioni__item .btn {
        margin-top: 25px;
    }

    .ispirazioni__socials .btn {
        margin-right: 0;
    }

    .ispirazioni__socials {
        display: flex;
        justify-content: space-between;
    }

    .sezioni_ispirazioni__item__links__item span {
        margin-right: 3px;
    }

}

/* banner */

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

.banner__sfondo {
    width: 100%;
    height: auto;
}

.banner__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
}

.banner.banner--center .banner__content {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.banner.banner--center .banner__content h3 {
    max-width: 700px;
}

.banner.banner--light {
    color: white;
}

.banner__content h3 {
    margin-bottom: 30px;
    max-width: 330px;
    line-height: 125%;
}

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {}

@media(max-width:768px) {
    .banner__content {
        position: absolute;
        top: 70px;
        transform: translateY(0);
        left: 25px;
    }

    .banner.banner--center .banner__sfondo {
        height: 80vh;
        width: 100%;
        object-fit: cover;
    }
}

/*
/////////////////////////////////////////////////////////////////
CARTE DI SICUREZZA
template-carte_di_sicurezza.php
@audit carte di sicurezza
////////////////////////////////////////////////////////////////
*/

/* faq */

.faq__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: titolo;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
}

.faq__header .titolo2 {
    max-width: calc(100% - 50px);
}

.faq__header img {
    width: 19px;
}

.faq__header:hover {
    cursor: pointer;
}

.faq__header .faq_open {
    display: none;
}

.faq__header.faq__header__active .faq_open {
    display: block;
}

.faq__header.faq__header__active .faq_close {
    display: none;
}

.faq__content {
    display: none;
    padding: 50px 0;
    animation: faq__content 1s;
}

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

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

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

.faq__content__content {
    max-width: 900px;
}

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

.faq__content__content h3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.faq .faq__content__content h3:first-child {
    margin-top: 0;
}

.faq__content__content h3:first-child {
    margin-top: 0;
}


/*
/////////////////////////////////////////////////////////////////
GOFFRATURE
template-goffrature.php
@audit goffrature
////////////////////////////////////////////////////////////////
*/

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

.banner_centro img {
    display: block;
}

.banner_centro:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.27);
    z-index: 10;
    content: "";
    z-index: 2;
}

.banner_centro h3 {
    color: white;
    max-width: 750px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    line-height: 140%;
}

/* dettagli goffrature */

.dettagli__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 60px 20px;
}

.dettagli__item__preview__name h2 {
    font-family: TradeGothicBoldTwo;
    font-size: 22px;
}

.dettagli__popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000000000000000000000;
    background-color: white;
    height: 100%;
    width: 100%;
}

.dettagli__popup__content {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.dettagli__popup .swiper_custom_control {
    position: absolute;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%);
}

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

.dettagli__popup__content__img {
    max-width: 65vw;
}

.dettagli__item__preview__name {
    margin-top: 12px;
}

.dettagli__popup .swiper_custom_control.prev-custom {
    left: 50px;
}

.dettagli__item__preview__img__symbol {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    height: 45px;
    width: 45px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    opacity: 0;
}

.dettagli__item:hover .dettagli__item__preview__img__symbol {
    opacity: 1;
}

.dettagli__item:hover {
    cursor: pointer;
}

.dettagli__item__preview__img__symbol img {
    height: 15px;
}

.dettagli__popup .swiper_custom_control.next-custom {
    right: 50px;
}

.swiper_custom_control:hover {
    cursor: pointer;
    background-color: black;
    border-color: black;
}

.swiper_custom_control:hover img {
    filter: invert(100);
}

.dettagli__popup__animation {
    animation: dettagli__popup__animation 0.4s ease;
}

@keyframes dettagli__popup__animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dettagli__popup__close {
    position: absolute;
    z-index: 10000;
    top: 50px;
    right: 50px;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.dettagli__popup__close img {
    filter: invert(100);
    height: 13px;
}

.dettagli__popup__close:hover {
    cursor: pointer;
    border-color: black;
}

/*.dettagli__popup__content__img__title {*/
/*    display: none;*/
/*}*/

@media(max-width:1500px) {}

@media(max-width:1250px) {}

@media(max-width:990px) {
    .dettagli__container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 50px 20px;
    }

    .dettagli__item__preview__name h2 {
        font-family: TradeGothicBoldTwo;
        font-size: 19px;
    }

    .dettagli__popup__content {
        background-color: white;
        min-height: 70vh;
        width: calc(100% - 100px);
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .dettagli__popup {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .dettagli__popup .swiper_custom_control.prev-custom {
        left: 20px;
    }

    .dettagli__popup .swiper_custom_control.next-custom {
        right: 20px;
    }

    .dettagli__popup__close {
        top: 25px;
        right: 25px;
        height: 50px;
        width: 50px;
    }

    .dettagli__popup__content__img__title {
        display: block;
        text-align: center;
        margin-top: 15px;
        font-size: 16px;
        font-family: TradeGothicBoldTwo;
    }

}

@media(max-width:768px) {

    .dettagli__popup__close {
        top: 15px;
        right: 15px;
        height: 45px;
        width: 45px;
    }

    .dettagli__popup__content {
        width: calc(100% - 50px);
        min-height: 65vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .dettagli__popup .swiper_custom_control {
        transform: none;
        top: calc(100% - 55px);
    }

    .dettagli__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 20px;
    }

    .banner_centro img {
        height: 85vh;
        width: 100%;
        object-fit: cover;
    }

    .banner_centro h3 {
        max-width: 100%;
        padding: 0;
        width: 70vw;
    }

    .dettagli__item__preview__name {
        margin-top: 5px;
    }

    .dettagli__item__preview__name h2 {
        font-family: TradeGothicBoldTwo;
        font-size: 16px;
    }
}

/*
/////////////////////////////////////////////////////////////////
SOLUZIONI PERSONALIZZATE
template-soluzioni_personalizzate.php
@audit soluzioni personalizzate
////////////////////////////////////////////////////////////////
*/

.personalizzati__item {
    display: flex;
    align-items: center;
}

.personalizzati__item:nth-child(even) {
    flex-direction: row-reverse;
}

.personalizzati__item__img {
    overflow: hidden;
}

.personalizzati__item__img,
.personalizzati__item__text {
    width: 50%;
}

.personalizzati__item__img img {
    display: block;
    width: 100%;
}

.personalizzati__item__text {
    display: flex;
    justify-content: center;
}

.riepilogo_testo .btn {
    margin-top: 30px;
}

.forms_switcher {
    display: flex;
    gap: 15px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.forms_switcher__item.active {
    text-decoration: underline;
}

.forms_switcher__item:hover {
    cursor: pointer;
}

.forms_head {
    display: none;
    margin-bottom: 50px;
    animation: forms_head 1s ease;
}

@keyframes forms_head {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.forms_head--active {
    display: block;
}

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

    .hero__text.hero__text--left {
        left: 0;
    }

    .personalizzati__item .approfondimento__flex__col--text {
        max-width: 100%;
        padding: 0 40px;
    }
}

@media(max-width:768px) {
    .forms_head .titolo {
        margin-bottom: 30px;
    }

    .personalizzati__item {
        flex-wrap: wrap;
    }

    .personalizzati__item__img,
    .personalizzati__item__text {
        width: 100%;
    }

    .personalizzati__item__text {
        display: block;
        padding: 60px 25px 30px 25px;
    }

    .personalizzati__item .approfondimento__flex__col--text {
        max-width: 100%;
        padding: 0;
    }

    .riepilogo_testo .btn {
        white-space: wrap;
    }

    .hero.hero--soluzioni_personalizzate .hero__text {
        top: 20%;
        transform: translateY(0);
    }

    .hero.hero--soluzioni_personalizzate .hero__scroll__text {
        color: black;
    }

    .hero.hero--soluzioni_personalizzate .hero__scroll__animation {
        background-color: rgba(0, 0, 0, 0.15);
    }

    .hero.hero--soluzioni_personalizzate .hero__scroll__animation:after {
        background-color: black;
    }

}



/*
/////////////////////////////////////////////////////////////////
DISTRIBUTORI E PARTNER
template-distributori_e_partner.php
@audit distributori
////////////////////////////////////////////////////////////////
*/

.distributori__nazione__head {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    font-family: titolo;
    font-size: 30px;
}

.distributori__nazione__head:hover {
    cursor: pointer;
}

.distributori__nazione__content__titolo {
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-family: titolo;
    font-size: 25px;
}

.distributori__nazione__content {
    padding-bottom: 50px;
    display: none;
    animation: distributori__nazione__content 1s ease;
}

.favini-map {
    height: 70vh;
}

.favini-map h3 {
    font-size: 14px;
}

.favini-map p {
    font-size: 13px;
}

@keyframes distributori__nazione__content {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

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

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

.distributori__nazione__head img {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    transform-origin: center;
}

.distributori__nazione__head.active img {
    transform: rotate(180deg);
}

.distributori__nazione__content__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 70px 30px;
}

.distributore__title strong {
    font-weight: normal;
    font-family: TradeGothicBoldTwo;
    font-size: 16px;
}

.distributore__title {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.distributore__title span {
    font-size: 14px;
}

.distributore__info {}

@media(max-width:1500px) {}

@media(max-width:1250px) {
    .distributori__nazione__head {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 27px;
    }
}

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

@media(max-width:768px) {
    .distributori__nazione__content__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 50px 25px;
    }

    .distributori__nazione__head {
        font-size: 22px;
    }

    .distributori__nazione__content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media(max-width: 600px) {
    .distributori__nazione__content__grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }
}

/*
/////////////////////////////////////////////////////////////////
CONTATTI template-contatti.php
@audit contatti
////////////////////////////////////////////////////////////////
*/

.forms {
    background-color: #F2F2F0;
}

/*
/////////////////////////////////////////////////////////////////
FOOTER footer.php
////////////////////////////////////////////////////////////////
*/
.footer {
    padding-top: 5vh;
    border-top: 1px solid #DFDFDF;
}

.footer p {
    font-size: 14px;
}

.footer .footer__flex {
    display: flex;
    flex-wrap: wrap;
}

.footer .footer__logo img {
    height: 35px;
}

.footer h4,
.footer .h4 {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 18px;
}

.footer .footer__flex .social ul {
    display: flex;
    justify-content: flex-end;
}

.footer .footer__flex .social ul li img {
    width: 20px;
    height: auto;
    margin-left: 30px;
}

.footer_line {
    border-top: 1px solid #DFDFDF;
}

.footer__flex--end {
    padding: 30px 0;
}

.footer__flex--end .footer__flex__col {
    width: auto;
}

.footer__flex__col strong {
    font-family: TradeGothicBoldTwo;
    text-transform: uppercase;
    display: inline-block;
}

.footer__flex--end {
    justify-content: space-between;
}

.footer__flex__col {
    width: 25%;
    height: auto;
}

.footer__flex__col ul li {
    margin-bottom: 8px;
    font-size: 16px;
}

.underline {
    text-decoration: underline;
}

.footer__flex__col--menu ul li {
    font-family: TradeGothicBoldTwo;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
}

.underline:after {
    content: url(https://www.favini.com/wp-content/themes/favini/img/home/hero-slider/pulsante-link.svg);
    margin-left: 7px;
}

#menu-footer-colonna-3-i-en li,
#menu-footer-colonna-3-i li {
    margin-bottom: 1vh;
}

#menu-footer-colonna-3-i li a,
#menu-footer-colonna-3-i-en li a {
    text-transform: uppercase;
    font-family: titolo;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}




/* pagina privacy */
.subnav {
    list-style: none;
    list-style-image: none;
    padding-left: 1em;
    margin-bottom: 1em;
}

.subnav li {
    font-weight: normal;
    font-size: .8em;
    line-height: 1.4em;
    float: left;
    width: 29%;
    display: block;
    height: 32px;
    color: #ef4036;
    padding-right: 1%;
}

.subnav li:before {
    content: "> ";
}

.subnav li a {
    font-size: 110%;
    padding-left: 4px;
    color: #3C424C;
}

hr.wp-block-separator {
    border: 0;
    height: 1px;
    background: #000;
    margin: 40px 10px 20px 10px;
    width: 100%;
}

.footer__flex--start {
    padding-bottom: 30px;
}

footer .link img {
    max-width: 15px;
}

footer .link {
    text-transform: inherit;
}

footer .link:first-child {
    margin-bottom: 20px;
}

@media (max-width:1200px) {

    .footer .footer__flex .social {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 2vh;
    }
}

@media (max-width:768px) {

    .footer .footer__flex .social {
        display: block;
    }

    .footer .footer__flex .social ul {
        display: flex;
        width: 100% !important;
        justify-content: space-between;
        margin-top: 5px;
        width: 100%;
    }

    .footer__flex--start .footer__flex__col:last-child {
        margin-bottom: 0;
    }

    .footer__flex__col {
        width: 50%;
        padding-right: 20px;
    }

    .footer__flex--end {
        display: block;
        text-align: center;
    }

    .footer__flex--end p {
        text-align: left;
    }

    .footer__flex--end .footer__flex__col {
        width: 100%;
    }

    .footer .footer__flex .social ul li img {
        margin-left: 0;
        margin: 0 7px;
    }

    .footer h4,
    .footer .h4 {
        font-size: 15px;
    }

    .footer,
    .footer a {
        font-size: 15px;
    }

    .footer .footer__logo img {
        height: 28px;
    }

    .footer__flex__col a {
        font-size: 16px !important;
    }

    .footer__flex--end .footer__flex__col:first-child {
        margin-bottom: 10px;
    }

    .footer__flex--end {
        padding: 30px 0;
        padding-bottom: 0;
    }

}

@media(max-width:600px) {
    .footer .footer__flex__col {
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px;
        text-align: left;
    }
}


.grecaptcha-badge {
    display: none !important;
}