body {
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
}

/* COLORI */
:root {
    --main-color-1: #0582ca;
    /*#DA291C;*/
    --main-color-2: #003554;
    /*#A01724;*/
    --main-color-3: #003554;
    /*#5F0C14;*/
    --main-color-4: #006494;
    /*#B4190E;*/
    --main-color-5: #959595;
    --grigio-scuro: #242424;
    --grigio-medio: #D9D9D9;
    --grigio-chiaro: #f6f6f6;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.left-square {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 247px;
    height: 247px;
    background-image: url("/img/quadrato-sx.png");
    background-size: cover;
}

.right-square {
    position: absolute;
    right: 0;
    top: 100px;
    width: 248px;
    height: 494px;
    background-image: url("/img/quadrato-dx.png");
    background-size: cover;
}

.rounded-circle {
    border-radius: 50%;
}

.grid {
    display: inline-grid;
}

.main-color-1 {
    color: var(--main-color-1);
}

.main-color-2 {
    color: var(--main-color-2);
}

.main-color-3 {
    color: var(--main-color-3);
}

.main-color-4 {
    color: var(--main-color-4);
}

.main-color-5 {
    color: var(--main-color-5);
}

.grigio-scuro-color {
    color: var(--grigio-scuro);
}

.grigio-scuro-back {
    background-color: var(--grigio-scuro);
}

.grigio-medio-color {
    color: var(--grigio-scuro);
}

.grigio-medio-back {
    background-color: var(--grigio-medio);
}

.grigio-chiaro-color {
    color: var(--grigio-chiaro);
}

.grigio-chiaro-back {
    background-color: var(--grigio-chiaro);
    z-index: 1;
    position: relative;
}

.main-bg-1 {
    background-color: var(--main-color-1);
}

.main-bg-2 {
    background-color: var(--main-color-2);
}

.main-bg-3 {
    background-color: var(--main-color-3);
}

.main-bg-4 {
    background-color: var(--main-color-4);
}

.main-bg-5 {
    background-color: var(--main-color-5);
}

.bianco-color {
    color: #fff;
}

.bianco-back {
    background-color: #fff;
}

.logo-gsy {
    max-height: 50px;
}

/* COLORI */
/* TYPO */
.titolo-1 {
    font-family: 'Bebas Neue';
    font-size: 6vw;
    line-height: .9;
    letter-spacing: 2px;
    font-weight: 400;
}

.titolo-2 {
    font-family: 'Bebas Neue';
    font-size: 60px;
    line-height: .9;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.sottotitolo-pagina {
    font-family: 'Roboto';
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.titolo-form {
    font-family: 'Bebas Neue';
    font-size: 3vw;
    line-height: 1;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.titolo-pagina {
    font-family: 'Bebas Neue';
    font-size: 3.708333vw;
    line-height: .9;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.titolo-pagina-fisso {
    font-family: 'Bebas Neue';
    font-size: 60px;
    line-height: .9;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.titolo-software {
    font-family: "Roboto";
    font-size: 5.2vw;
    line-height: .9;
    font-weight: 700;
    margin: 0;
    padding: 0;
    letter-spacing: -.15rem;
    display: flex;
    align-items: center;
    position: relative;
}

.titolo-software span {
    position: absolute;
    display: flex;
    right: 0;
    align-items: center;
}

.sw-titolo {
    font-family: "Bebas Neue";
    font-size: 29px;
    margin: 0;
}

.sw-descrizione {
    font-family: "Roboto";
    font-size: 17px;
    font-weight: 400;
    margin: 0;
}

.titolo-piccolo {
    font-family: 'Bebas Neue';
    font-size: 27px;
    line-height: .9;
    font-weight: 400;
}

.plus-titolo {
    font-family: "Bebas Neue";
    font: normal normal normal 28px/36px Bebas Neue;
    letter-spacing: .1rem;
}

.plus-testo {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
}

.titolo-blocchi-logo {
    font-family: 'Roboto';
    font-size: 27px;
    line-height: .9;
    font-weight: 700;
}

.sottotitolo-blocchi-logo {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: .9;
    font-weight: 700;
}

.titolo-blocchi-software {
    font-family: "Bebas Neue";
    font-size: 36px;
    line-height: .9;
    width: 50%;
}

.single_sw {
    display: block;
    position: relative;
    padding: 20px 30px 20px 0;
}

.ppl-nome {
    font-family: 'Roboto';
    font-size: 1.675vw;
    line-height: .9;
    font-weight: 700;
}

.sottotitolo-blocchi-logo a,
.titolo-blocchi-logo a {
    text-decoration: none;
}

.testo-blocchi-logo {
    font-family: 'Roboto';
    font-size: 19px;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 5px !important;
    margin-top: 0px;
}

.titolo-piccolo-grigio {
    font-family: 'Bebas Neue';
    font-size: 17px;
    line-height: .9;
    font-weight: 400;
    color: #B9B5B5;
    letter-spacing: 3px;
}

.titolo-blocchi {
    font-family: 'Bebas Neue';
    font-size: 2.708333vw;
    line-height: 1;
    font-weight: 400;
}

.titolo-blocchi-piccolo {
    font-family: 'Bebas Neue';
    font-size: 1.5625vw;
    line-height: 1;
    font-weight: 400;
}

.testo-1 {
    font-family: 'Roboto';
    font-size: 18px !important;
    /*.9375vw;*/
    font-weight: 400;
    line-height: 1.55;

}

.testo-1-fix {
    font-family: 'Roboto';
    font-size: 15px;
    /*0.78125vw;*/
    font-weight: 400;
    line-height: 1.55;
}

.news-column {
    width: 19.98% !important;
}

.news-paragraph-container p a,
.news-paragraph-container p,
.news-paragraph-container a,
.news-paragraph-container ul,
.news-paragraph-container li,
.news-paragraph-container span {
    font-family: 'Roboto';
    font-size: 15px;
    /*0.78125vw;*/
    font-weight: 400;
}

.news-paragraph-container p a {
    color: #000000;
}

.testo-1 strong {
    font-weight: 700;
}

.titolo-blocchi.negative {
    color: var(--main-color-1);
}

.testo-1 a,
.titolo-1 a,
.titolo-2 a,
.titolo-piccolo a,
.titolo-blocchi a {
    text-decoration: none;
    color: inherit;
}

.donwload-logo-adj {
    position: absolute;
    right: 0;
    top: 0;
}

.lang-button {
    padding: 3px 5px;
    /*3px 20px;*/
    display: flex;
    flex-direction: row;
    color: var(--grigio-scuro);
    align-items: center;
    text-decoration: none;
    font-size: 17px;
    font-family: "Bebas Neue";
}

.lang-button:last-child {
    padding-right: 0;
}

@media (max-width: 1199px) {
    .titolo-1 {
        font-size: 5.2vw;
    }

    .titolo-2 {
        font-size: 60px;
    }

    .titolo-pagina {
        font-size: 2.708333vw;
    }

    .titolo-piccolo {
        font-size: 22px;
    }

    .titolo-piccolo-grigio {
        font-size: 17px;
    }

    .titolo-blocchi {
        font-size: 3.208333vw;
    }

    .titolo-blocchi-piccolo {
        font-size: 1.5625vw;
    }

    .testo-1 {
        font-size: 13px !important;
    }

    .testo-1-fix {
        font-size: 13px;
        /*0.78125vw;*/
    }
}

@media (max-width: 991px) {
    .titolo-2 {
        font-size: 40px;
    }

    .news-column {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .left-square {
        display: none;
    }

    .right-square {
        display: none;
    }

    .titolo-2 {
        font-size: 32px;
    }

    .titolo-pagina {
        font-size: 24px;
    }

    .titolo-software {
        font-size: 10.2vw;
    }

    .titolo-form {
        font-size: 9.90625vw;
    }
}

@media (max-width: 575px) {
    .lang-button {
        padding: 5px 10px;
    }

    .logo-gsy {}

    .titolo-blocchi {
        font-size: 24px;
    }

    .titolo-blocchi-piccolo {
        font-size: 18px;
    }

    .titolo-blocchi-software {
        width: 90%;
    }
}

/* TYPO */
/* ATOMIC */
.w-10 {
    width: 10%;
}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

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

.text-nowrap {
    white-space: nowrap;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.gsy-x-padder {
    padding-left: calc(1.57645vw + 15px);
    padding-right: calc(1.57645vw + 15px);
}

.gsy-x-padder-paragrafi {
    padding-left: 110px;
    padding-right: 110px;
}

.expert_title_padder {}

.row.padded,
.special-column .row.padded,
.container-lefted .row.padded {
    padding-left: 11.4583333vw;
    padding-right: 11.4583333vw;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.shadowed {
    box-shadow: 0px 3px 6px #00000029;
}

.shadowed-2 {
    box-shadow: 0px 2px 30px #00000041;
}

.software-shadow {
    box-shadow: 0px -3px 10px #00000033;
}

.padder-10 {
    padding-top: 10px;
}

.padder-20 {
    padding-top: 20px;
}

.padder-30 {
    padding-top: 30px;
}

.padder-40 {
    padding-top: 40px;
}

.padder-50 {
    padding-top: 50px;
}

.padder-60 {
    padding-top: 60px;
}

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

.padder-70-responsive {
    padding-top: 70px;
}

.padder-80 {
    padding-top: 80px;
}

.padder-90 {
    padding-top: 90px;
}

.padder-100 {
    padding-top: 100px;
}

.margin-10 {
    margin-top: 10px;
}

.margin-20 {
    margin-top: 20px;
}

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

.margin-40 {
    margin-top: 40px;
}

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

.margin-60 {
    margin-top: 60px;
}

.margin-70 {
    margin-top: 70px;
}

.margin-80 {
    margin-top: 80px;
}

.margin-90 {
    margin-top: 90px;
}

.margin-100 {
    margin-top: 100px;
}

.padder-100-responsive {
    padding-top: 100px;
}

.padder-50-responsive {
    padding-top: 50px;
}

.top-borded {
    border-top: 1px solid #ffffff;
}

.overflow-hidden {
    overflow: hidden;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1199px) {
    .padder-100-responsive {
        padding-top: 80px;
    }

    .right-square {
        top: 80px;
    }

    .gsy-x-padder-paragrafi {
        padding-left: 90px;
        padding-right: 90px;
    }

    .expert_title_padder {
        padding-left: 90px;
    }

    .padder-70-responsive {
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .padder-100-responsive {
        padding-top: 50px;
    }

    .right-square {
        top: 50px;
    }

    .gsy-x-padder-paragrafi {
        padding-left: 60px;
        padding-right: 60px;
    }

    .expert_title_padder {
        padding-left: 60px;
    }

    .row.padded,
    .special-column .row.padded,
    .container-lefted .row.padded {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padder-70-responsive {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .padder-100-responsive {
        padding-top: 30px;
    }

    .right-square {
        top: 30px;
    }

    .gsy-x-padder-paragrafi {
        padding-left: 30px;
        padding-right: 30px;
    }

    .expert_title_padder {
        padding-left: 30px;
    }

    .padder-70-responsive {
        padding-top: 30px;
    }

    .gsy-x-padder {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .padder-100-responsive {
        padding-top: 30px;
    }

    .padder-70-responsive {
        padding-top: 20px;
    }
}

/* ATOMIC */
/* COMPONENTI */
/* CUSTOM CHECKBOX */
.secondary-bg-home {
    position: absolute;
    left: 0;
    top: 0;
}

.arrow-wrapper {
    margin-top: -12px;
    position: absolute;
    right: 40px;
}

.arrow {
    box-sizing: border-box;
    border-style: solid;
    height: 15px;
    width: 15px;
    border-width: 0px 4px 4px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    border-color: #ffffff;
}

.arrow.arrow-1 {
    border-color: var(--main-color-1);
}

.arrow.arrow-2 {
    border-color: var(--main-color-2);
}

.arrow.arrow-3 {
    border-color: var(--main-color-3);
}

.arrow.arrow-4 {
    border-color: var(--main-color-4);
}

.arrow.arrow-5 {
    border-color: var(--main-color-5);
}

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 9px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 15px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border: 1px double #000000;
    border-radius: 0px;
}

.control.control-checkbox {
    font-family: Roboto;
    font-size: 13px;
}

.control.control-checkbox a:hover,
.control.control-checkbox a {}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
    background: #cccccc;
}

.control input:checked~.control_indicator {
    background: #ffffff;
}

.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
    background: #ffffff;
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled~.control_indicator:after {
    border-color: #7b7b7b;
}

.control-checkbox .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.55rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: #2aa1c0;
    border-radius: 3rem;
    opacity: 0.5;
    z-index: 99999;
    transform: scale(0);
}

@keyframes s-ripple {
    0% {
        transform: scale(0);
    }

    20% {
        transform: scale(1);
    }

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

@keyframes s-ripple-dup {
    0% {
        transform: scale(0);
    }

    30% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

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

.control-checkbox input+.control_indicator::before {
    animation: s-ripple 250ms ease-out;
}

.control-checkbox input:checked+.control_indicator::before {
    animation-name: s-ripple-dup;
}

/* CUSTOM CHECKBOX */
#map {
    height: 35.45vw;
    width: 100%;
}

.custom-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1460px;
}

.chevron-arrow-right {
    display: inline-block;
    border-right: 0.3125vw solid;
    border-bottom: 0.3125vw solid;
    width: 1.0416666vw;
    height: 1.0416666vw;
    transform: rotate(-45deg);
}

.red-color {
    color: red;
}

.main-color-1 .chevron-arrow-right {
    border-color: var(--main-color-1);
}

.main-color-2 .chevron-arrow-right {
    border-color: var(--main-color-2);
}

.main-color-3 .chevron-arrow-right {
    border-color: var(--main-color-3);
}

.main-color-4 .chevron-arrow-right {
    border-color: var(--main-color-4);
}

.main-color-5 .chevron-arrow-right {
    border-color: var(--main-color-5);
}

.rotated {
    transform: rotate(45deg);
    /* Equal to rotateZ(45deg) */
    transition: .4s all ease-in;
}

.read-more-big {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    cursor: pointer;
    height: 3.6458333vw;
    z-index: 10;
    transition: .4s all ease-in;
    background-color: #ffffff;
}

.single-expert .read-more-big {
    pointer-events: none;
}

.read-more-big.command-arrow {
    bottom: calc(100% + 2px);
}

.read-more-big.command-arrow svg {
    font-size: 2.1vw;
}

.command-arrow.command-arrow-left {
    right: calc(3.6458333vw + 1px);
}

.x-expert-closer {
    width: 3.6458333vw;
    height: 3.6458333vw;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
    pointer-events: none;
}

.custom-close,
.custom-plus {
    position: relative;
    display: inline-block;
    width: 3.6458333vw;
    height: 3.6458333vw;
    background: linear-gradient(var(--main-color-1), var(--main-color-1)), linear-gradient(var(--main-color-1), var(--main-color-1)), transparent;
    transition: .4s all cubic-bezier(.9, .28, .64, .75);
}

.news-column .custom-plus {
    background: linear-gradient(var(--main-color-2), var(--main-color-2)), linear-gradient(var(--main-color-2), var(--main-color-2)), transparent;
}

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

.blocco-1-colori .custom-close,
.blocco-1-colori .custom-plus {
    background: linear-gradient(var(--main-color-1), var(--main-color-1)), linear-gradient(var(--main-color-1), var(--main-color-1)), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-2-colori .custom-close,
.blocco-2-colori .custom-plus {
    background: linear-gradient(var(--main-color-2), var(--main-color-2)), linear-gradient(var(--main-color-2), var(--main-color-2)), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-3-colori .custom-close,
.blocco-3-colori .custom-plus {
    background: linear-gradient(var(--main-color-3), var(--main-color-3)), linear-gradient(var(--main-color-3), var(--main-color-3)), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-4-colori .custom-close,
.blocco-4-colori .custom-plus {
    background: linear-gradient(var(--main-color-4), var(--main-color-4)), linear-gradient(var(--main-color-4), var(--main-color-4)), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-5-colori .custom-close,
.blocco-5-colori .custom-plus {
    background: linear-gradient(var(--main-color-5), var(--main-color-5)), linear-gradient(var(--main-color-5), var(--main-color-5)), transparent;
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-1-colori.negative .custom-close,
.blocco-1-colori.negative .custom-plus {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-1);
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-2-colori.negative .custom-close,
.blocco-2-colori.negative .custom-plus {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-2);
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-3-colori.negative .custom-close,
.blocco-3-colori.negative .custom-plus {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-3);
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-4-colori.negative .custom-close,
.blocco-4-colori.negative .custom-plus {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-4);
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}

.blocco-5-colori.negative .custom-close,
.blocco-5-colori.negative .custom-plus {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-5);
    background-position: center;
    background-size: 50% .20833vw, .20833vw 50%;
    /*thickness = 2px, length = 50% (25px)*/
    background-repeat: no-repeat;
}


a.blocco-1-colori.negative .titolo-blocchi-piccolo,
a.blocco-2-colori.negative .titolo-blocchi-piccolo,
a.blocco-3-colori.negative .titolo-blocchi-piccolo,
a.blocco-5-colori.negative .titolo-blocchi-piccolo,
a.blocco-4-colori.negative .titolo-blocchi-piccolo {
    color: #ffffff;
}

a.blocco-1-colori .titolo-blocchi-piccolo {
    color: var(--main-color-1);
}

a.blocco-2-colori .titolo-blocchi-piccolo {
    color: var(--main-color-2);
}

a.blocco-3-colori .titolo-blocchi-piccolo {
    color: var(--main-color-3);
}

a.blocco-4-colori .titolo-blocchi-piccolo {
    color: var(--main-color-4);
}

a.blocco-5-colori .titolo-blocchi-piccolo {
    color: var(--main-color-5);
}

/*p.titolo-blocchi:hover { -webkit-transform: scale(1.05) !important; -moz-transform: scale(1.05) !important; transform: scale(1.05) !important; transition: all .1s ease-in-out;}*/
.read-more-big-wrapper {
    width: 0;
    height: 3.6458333vw;
    overflow: hidden;
    transition: .3s width ease-out;
}

.read-more-popup {
    height: 3.6458333vw;
    position: absolute;
    right: 3.6458333vw;
    background-color: #fff;
    margin: 0;
}

.blocco-1-colori.negative .read-more-popup {
    background-color: var(--main-color-1);
    color: #fff;
}

.blocco-2-colori.negative .read-more-popup {
    background-color: var(--main-color-2);
    color: #fff;
}

.blocco-3-colori.negative .read-more-popup {
    background-color: var(--main-color-3);
    color: #fff;
}

.blocco-4-colori.negative .read-more-popup {
    background-color: var(--main-color-4);
    color: #fff;
}

.blocco-5-colori.negative .read-more-popup {
    background-color: var(--main-color-5);
    color: #fff;
}

.read-more-popup p {
    margin: 1.216666vw 1.302083vw 0;
}

.custom-close:hover .read-more-big-wrapper,
.custom-plus:hover .read-more-big-wrapper {
    width: 7.8125vw;
    transition: .3s width ease-in;
}

.blocchi-logo-wrapper-part {
    margin: 30px 52px 30px 52px;
    background-color: #ffffff;
    box-shadow: 0 -3px 10px #00000033;
    padding: 30px 30px 45px;
    height: calc(100% - 60px);
    position: relative;
}

.blocchi-transparent-wrapper-part {
    margin: 30px 52px 30px 52px;
    background-color: transparent;
    padding: 30px 0 45px;
    height: calc(100% - 60px);
    position: relative;
}

.blocchi-logo-wrapper-part img {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.blocchi-logo-wrapper-part .img-container {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.blocchi-logo-wrapper-part.singolo {
    background-color: transparent;
    box-shadow: none;
}

.blocchi-logo-wrapper {
    margin: 30px 52px 30px 52px;
    background-color: #ffffff;
    box-shadow: 0px -3px 10px #00000033;
    padding: 50px 30px;
    height: calc(100% - 60px);
}

.blocchi-logo-wrapper ul {
    padding-left: 15px;
}

.blocchi-logo-wrapper.sx {
    margin-right: 10px;
}

.blocchi-logo-wrapper.dx {
    margin-left: 10px;
}

.blocchi-logo-wrapper {
    display: flex;
    flex-direction: column;
}


.sw-icons-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.sw-icon-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 5px 0;
    margin-top: 30px;
    max-width: 300px;
}

.sw-icon-block .titolo {
    font-family: Roboto;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 25px;
    text-transform: uppercase;
    text-align: center;
}

.sw-icon-block .testo {
    font-family: Roboto;
    font-size: 17px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
}

.row.counters-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    /* align-items: baseline; */
    margin-left: 0;
}

.bi-counters-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    /* align-items: baseline; */
    margin-left: 0;
}

.oriz-icons-div {
    position: relative;
    padding-right: 15px;
    padding-left: 3px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 30px;
    min-width: 190px;
}

.oriz-icons-div img {
    margin-right: 7px;
    height: 54px;
    width: auto;
}

.oriz-icons-div .numero {
    font-family: "Bebas Neue";
    font-size: 51px;
    margin: 0;
    line-height: .8;
}

.oriz-icons-div .numero span {
    font-family: "Roboto";
    font-size: 13px;
    margin: 0;
    font-weight: 700;
    margin-left: 3px;
}

.oriz-icons-div .testo {
    font-family: "Roboto";
    font-size: 13px;
    margin: 0;
    font-weight: 700;
}

.blocchi-logo-wrapper .img-container {
    position: absolute;
    bottom: 60px;
    right: 60px;
    place-content: flex-end;
}

.blocchi-logo-wrapper .description-container {
    padding-bottom: 110px;
}

.blocchi-logo-wrapper.singolo {
    background-color: transparent;
    box-shadow: none;
}

.cyan_square {
    width: 45px;
    height: 45px;
    position: absolute;
    top: -10px;
    box-shadow: 0px 3px 6px #00000029;
}

.sx .cyan_square {
    left: -60px;
}

.dx .cyan_square {
    right: -60px;
}

.button-link {
    font-family: "Bebas Neue";
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 20px;
}

.ppl-container {
    position: absolute;
    bottom: 0;
}

.ppl-container img {
    max-width: 250px;
}

.expert-block img {}

.expert-block img:hover {}

.z-index-10 {
    z-index: 10;
}

.single-expert {
    min-height: 24.7872327vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 5;
    cursor: pointer;
}

.content-expert-wrapper {
    position: absolute;
    top: 0;
    min-height: 100%;
    height: 100%;
    width: 0;
    overflow: hidden;
    transition: all .4s ease-in;
    transition: opacity .6s ease-in-out;
    /*opacity: 0;*/
}

.content-expert-wrapper.to-right {
    right: 0;
    transition: all .34s ease-in;
}

.content-expert-wrapper.to-right .content-expert-content {
    float: right;
}

.content-expert-wrapper.to-left {
    left: 0;
    transition: all .4s ease-in;
}

.content-expert-content {
    padding: 30px 15px;
    color: #fff;
}

.content-expert-content .nome {
    font-family: "Bebas Neue";
    font-size: 28px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 1;
    pointer-events: none;
}

.content-expert-content .ruolo {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 45px;
    pointer-events: none;
}

.content-expert-content .descrizione {
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    pointer-events: none;
    margin-bottom: 45px;
}

.content-expert-content .expert_linkedin {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-expert-content .expert_linkedin img {
    width: 0;
    height: 0;
    border-radius: 4px;
    transition: all .05s ease-in;
}



.expert-block .titolo-2 {
    padding-bottom: 80px;
}

.liste-orizzontali {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liste-orizzontali.clienti .loghi-sw {
    margin-top: 0;
    margin-bottom: 0;
}

.liste-orizzontali div {
    display: block;
    position: relative;
    margin: 15px auto;
}

.bg-video {
    height: 29.8958333vw;
    width: 58.072916666vw;
    background-size: cover;
    margin: auto;
}

.video {
    position: absolute;
    left: 12.8645833vw;
    width: 25vw;
    position: relative;
    top: 3.125vw;
}

.video iframe {
    position: absolute;
    width: 32.34375vw;
    height: 19.79166666vw;
}

.liste-sw-alt img {
    margin: 15px auto;
}

@media (max-width: 1199px) {
    .ppl-container img {
        max-width: 190px;
    }

    blocchi-transparent-wrapper-part,
    .blocchi-logo-wrapper {
        margin: 30px 0;
    }

    .sx .cyan_square {
        left: -38px;
    }

    .dx .cyan_square {
        right: -38px;
    }

    .bg-video {
        margin: 0;
    }

    .single-expert {
        min-height: 36.9914095vw;
    }
}

@media (max-width: 991px) {
    .expert-block {}

    .ppl-datas {
        padding-bottom: 40px;
    }

    .ppl-container {
        position: relative;
    }

    .ppl-container img {
        max-width: 170px;
    }

    .expert-block .titolo-2 {
        padding-bottom: 75px;
    }

    .chevron-arrow-right {
        border-right: 0.6125vw solid;
        border-bottom: 0.6125vw solid;
        width: 2.0416666vw;
        height: 2.0416666vw;
    }

    .blocchi-transparent-wrapper-part {
        margin: 0;
    }

    .blocchi-logo-wrapper.sx,
    .blocchi-logo-wrapper.dx {
        margin-right: 0;
        margin-left: 0;
    }

    .single-expert {
        min-height: 64.2914095vw;
    }
}

@media (max-width: 767px) {

    blocchi-transparent-wrapper-part,
    .blocchi-logo-wrapper-part {
        margin: 30px 0 30px;
    }

    .expert-block .titolo-2 {
        padding-bottom: 30px;
    }

    .expert-block .row {
        margin: 0;
    }

    .ppl-container {
        position: relative;
    }

    .ppl-datas {
        margin-left: 0;
    }

    .ppl-nome {
        font-size: 31px;
    }

    .bg-video {
        height: 51.479820565vw;
        width: 100vw;
    }

    .video {
        left: 22.152466308vw;
        width: 43.04932735vw;
        top: 5.3811659vw;
    }

    .video iframe {
        width: 55.69506725vw;
        height: 34.08071747vw;
    }

    .blocchi-logo-wrapper-part img {
        max-width: 150px;
    }

    .single-expert {
        min-height: 64.2914095vw;
        background-position: top;
    }
}

@media (max-width: 359px) {
    .ppl-nome {
        font-size: 10vw;
    }
}

@media (max-width: 575px) {
    .single-expert {
        min-height: 90.2914095vw;
        background-position: top;
    }

    .liste-sw-alt img {
        max-width: 130px;
    }

    .loghi-sw img {
        max-width: 130px;
    }

    .read-more-big.command-arrow svg {
        font-size: 4.8vw;
    }

    .expert-block .titolo-2 {
        padding-bottom: 0;
    }

    .custom-close,
    .custom-plus {
        width: 12.6458333vw;
        height: 12.6458333vw;
    }

    .x-expert-closer {
        width: 12.6458333vw;
        height: 12.6458333vw;
        background-size: 50% .30833vw, .30833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
    }

    .command-arrow.command-arrow-left {
        right: calc(7.6458333vw + 1px);
    }

    .read-more-big-wrapper {
        height: 7.6458333vw;
        display: flex;
        align-items: center;
    }

    .read-more-popup {
        height: 7.6458333vw;
        right: 7.6458333vw;
    }

    .custom-close:hover .read-more-big-wrapper,
    .custom-plus:hover .read-more-big-wrapper {
        width: 15.8125vw;
        transition: .3s width ease-in;
    }

    .read-more-big {
        height: 12.6458333vw;
    }

    .read-more-popup p {
        margin: 1.216666vw 1.302083vw 0;
    }

    .read-more-popup {
        display: none;
    }

    .blocco-1-colori .custom-close,
    .blocco-1-colori .custom-plus {
        background: linear-gradient(var(--main-color-1), var(--main-color-1)), linear-gradient(var(--main-color-1), var(--main-color-1)), transparent;
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }

    .blocco-2-colori .custom-close,
    .blocco-2-colori .custom-plus {
        background: linear-gradient(var(--main-color-2), var(--main-color-2)), linear-gradient(var(--main-color-2), var(--main-color-2)), transparent;
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }

    .blocco-3-colori .custom-close,
    .blocco-3-colori .custom-plus {
        background: linear-gradient(var(--main-color-3), var(--main-color-3)), linear-gradient(var(--main-color-3), var(--main-color-3)), transparent;
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }

    .blocco-4-colori .custom-close,
    .blocco-4-colori .custom-plus {
        background: linear-gradient(var(--main-color-4), var(--main-color-4)), linear-gradient(var(--main-color-4), var(--main-color-4)), transparent;
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }

    .blocco-5-colori .custom-close,
    .blocco-5-colori .custom-plus {
        background: linear-gradient(var(--main-color-5), var(--main-color-5)), linear-gradient(var(--main-color-5), var(--main-color-5)), transparent;
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }

    .blocco-1-colori.negative .custom-close,
    .blocco-1-colori.negative .custom-plus {
        background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), var(--main-color-1);
        background-position: center;
        background-size: 50% .50833vw, .50833vw 50%;
        /*thickness = 2px, length = 50% (25px)*/
        background-repeat: no-repeat;
    }
}

/* COMPONENTI */
/* SIDENAV */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 4px;
}

.hamburger-box {
    width: 30px;
}

#hamburger {
    position: absolute;
    left: 1.57645vw;
}

.right-header {
    position: absolute;
    margin-right: 1.57645vw;
    right: 0;
}

.sidenav {
    height: calc(100% - 80px);
    width: 50%;
    position: fixed;
    z-index: 50;
    top: 80px;
    left: -50%;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 40px;
    transition: 0.5s;
    transition: left .5s cubic-bezier(.9, .28, .64, .75);
}

.sidenav.is-active {
    left: 0;
    transition: left .6s cubic-bezier(.9, .28, .64, .75);
}

.sidenav ul {}

.sidenav ul li {
    display: flex;
    flex-direction: row;
}

/* The navigation menu links */
.sidenav a {
    font-family: 'Bebas Neue';
    padding: 0 3.125vw;
    text-decoration: none;
    font-size: 2.8vw;
    display: flex;
    transition: 0.3s;
    font-weight: 400;
    align-items: center;
}

.sidenav p {
    padding: 0 3.125vw;
}

.sidenav a:hover span {}

.sidenav a span {
    margin-left: 0.78125vw;
    margin-bottom: 0.3645833vw;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

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

@media (max-width: 991px) {
    .sidenav a {
        font-size: 4.8vw;
    }
}

@media (max-width: 767px) {
    #hamburger {
        left: 0
    }

    .right-header {
        margin-right: 0;
        right: 0;
    }

    .right-header a {
        padding-right: 0;
    }

    .sidenav a {
        font-size: 3.25vw;
    }

    .hamburger {
        margin-left: 15px;
    }

    .right-header {
        margin-right: 30px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 25px;
        height: 3px;
    }

    .hamburger-inner::before {
        top: -8px;
    }

    .hamburger-inner::after {
        top: +8px;
    }

    .is-active .hamburger-inner::after {
        top: 0;
    }

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
}

@media (max-width: 575px) {
    .sidenav {
        width: 75%;
        left: -75%;
    }

    .sidenav a {
        font-size: 6.425vw;
    }
}

/* SIDENAV */
/* HEADER */
header {
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    height: 80px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}

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

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

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

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

/* HEADER */
/* MAIN BG */
/*.bg-div { display: flex; width: 100%; height: 100vh; min-height: 400px; top: 0; left: 0; z-index: -1; background-size: cover; background-position: top;}*/
.bg-div {
    /* display: flex; */
    width: 100%;
    /* height: 100vh; */
    /* min-height: 400px; */
    top: 0;
    left: 0;
    z-index: 0;
    /* background-size: cover; */
    /* background-position: top; */


    max-width: 100vw;
    overflow: hidden;
}

.bg-div.page {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 80px;
}

.main-padder {
    height: 100vh;
    min-height: 100px;
    pointer-events: none;
}

.main-padder.page {
    height: calc(calc(100vw / 2.63013698) + 80px);
    min-height: 100px;
}

.bg-div .claim {
    width: 70vw;
    font-size: 6vw;
    text-align: right;
    position: absolute;
    top: 13vw;
    margin: 0;
}

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

@media (max-width: 991px) {
    .bg-div .claim {
        font-size: 10vw;
        top: 5.5vw;
    }
}

@media (max-width: 767px) {
    .bg-div .claim {
        font-size: 11vw;
        top: 5vw;
    }
}

@media (max-width: 575px) {
    .bg-div .claim {
        font-size: 7vw;
        text-align: center;
        top: 15vw;
    }

    .solution-div.page {
        display: none;
    }
}

/* MAIN BG */
/* Main BU BLOCK */
.solution-div {
    width: 25%;
    position: absolute;
    top: calc(100vh - 100px);
    left: 0;
    height: 100px;
}

.solution-div.page {
    top: calc(calc(calc(100vw / 2.63013698) + 80px) - 100px);
}

.custom-col-1 {
    height: 22.33958vw;
    ;
    background-color: var(--main-color-1);
}

.custom-col-2 {
    height: 22.33958vw;
    ;
    background-color: var(--main-color-2);
}

.custom-col-3 {
    height: 22.33958vw;
    ;
    background-color: var(--main-color-3);
}

.custom-col-4 {
    height: 22.33958vw;
    ;
    background-color: var(--main-color-4);
}

.custom-col-5 {
    height: 22.33958vw;
    ;
    background-color: var(--main-color-5);
}

.offset-sm-6.col-sm-6.custom-col-5 {
    margin-left: 46.3%;
    flex: 0 0 53.7%;
    max-width: 53.7%;
}

.d-sm-flex.custom-col-5-image {
    height: 43.08985811vw;
}

.d-sm-flex.custom-col-5-image img {
    height: auto;
    /*43.08985811vw;*/
    width: 74.2354114vw;
}

.solution-div {
    align-items: center;
    padding: 0 15px;
}

.solution-div,
.custom-col-1,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5 {
    display: flex;
    justify-content: left;
}

.solution-div-testo {
    display: flex;
    align-items: center;
    justify-content: left;
}

.home-content-wrapper {
    width: 100%;
    padding: 4.17083vw 0;
}

.bu_wrapper {
    width: 75%;
    margin-left: 1.57645vw;
}

@media (max-width: 1335px) {
    .main-padder {
        height: calc(56.25vw + 70px);
    }

    .solution-div {
        /* top: calc(56.25vw - 20px);*/
    }
}

@media (max-width: 1199px) {

    /*.solution-div { top: calc(100vh - 75px); height: 75px; }*/
    .solution-div.page {
        /*  top: calc(calc(calc(100vw / 2.63013698) + 80px) - 75px); */
    }
}

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

@media (max-width: 767px) {
    .home-content-wrapper {
        width: 100%;
        padding: 2.17083vw 0;
    }
}

@media (max-width: 575px) {
    .bu_wrapper {
        width: 100%;
    }

    .offset-sm-6.col-sm-6.custom-col-5 {
        margin-left: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-col-1 {
        height: auto;
        padding-bottom: 15px;
        background-color: var(--main-color-1);
    }

    .custom-col-2 {
        padding-bottom: 15px;
        height: auto;
        background-color: var(--main-color-2);
    }

    .custom-col-3 {
        padding-bottom: 15px;
        height: auto;
        background-color: var(--main-color-3);
    }

    .custom-col-4 {
        padding-bottom: 15px;
        height: auto;
        background-color: var(--main-color-4);
    }

    .custom-col-5 {
        padding-bottom: 15px;
        height: auto;
        background-color: var(--main-color-5);
    }

    .main-padder {
        height: calc(56.25vw + 170px);
    }

    .solution-div {
        /* top: calc(56.25vw + 70px); */
        width: 100%;
    }
}

/* Main BU BLOCK */
/* LOGHI SOFTWARE */
.padder-sw {
    padding-top: 13.625vw;
}

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

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

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

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

/* LOGHI SOFTWARE */
/* NEWS BLOCK */
.news-explorer {
    position: relative;
    height: 50%;
    background: #000;
    top: 50%;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

.news-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    padding: 1.822916vw;
}

.news-block .data,
.news-block .categoria,
.news-block .titolo,
.news-block .sottotitolo {
    font-family: "Bebas Neue";
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: .9;
    text-transform: uppercase;
    color: #ffffff;
}

.news-block .data,
.news-block .categoria {
    font-size: 0.9375vw;
}

.news-block .titolo {
    font-size: 1.875vw;
}

.news-block .sottotitolo {
    font-size: 1.2583333vw;
}

.news-block .testo,
.news-block .testo p {
    font-family: "Roboto";
    font-size: 0.9375vw;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    padding: 0 0 4.166666vw 0;
    line-height: 1.4;
}

.categories {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    width: 210px;
    border: none;
    font-family: Roboto;
    font-size: 15px;
    margin-right: 30px;
    margin-bottom: 15px;
}

.categories span {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    font-size: 12px;
}

.news-block .categoria {
    position: absolute;
    bottom: 1.822916vw;
}

.news-block>div {
    height: 19.98vw;
}

.news-block.full-page>div {
    height: 15vw;
}

.news-block a {
    color: #ffffff;
    text-decoration: none;
}


.pagination-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.titolo-paginator {
    font-family: 'Bebas Neue';
    font-size: 22px;
    line-height: .9;
    font-weight: 400;
    text-align: center;
    margin: 50px 0 0 0;
    color: var(--main-color-1);
}

ul.pagination {
    list-style: none;
    display: flex;
    padding: 0;
    width: fit-content;
}

ul.pagination li {
    font-family: Lato;
    margin-right: 15px;
    font-size: 18px;
}

.pagination-numbers {
    font-family: "Bebas Neue";
    margin-right: 15px;
    font-size: 18px;
}

.pagination-arrows {
    font-family: Roboto;
    margin-right: 15px;
    font-size: 13px;
}

ul.pagination li a {
    color: var(--main-color-1);
    text-decoration: none;
}

.data-tipo-news-block {
    align-content: center;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.data-tipo-news-block p {
    font-family: "Bebas Neue";
    font-size: 18px;
    padding: 5px 15px;
}

.data-tipo-news-block p:first-child {
    padding: 0 15px 0 0;
    border-right: 2px solid;
}

.data-tipo-news-block p:last-child {
    padding: 0 15px 0 15px;
}

.data-tipo-news-block p.main-color-1 {
    border-color: var(--main-color-1);
}

.data-tipo-news-block p.main-color-2 {
    border-color: var(--main-color-2);
}

.data-tipo-news-block p.main-color-3 {
    border-color: var(--main-color-3);
}

.data-tipo-news-block p.main-color-4 {
    border-color: var(--main-color-4);
}

.data-tipo-news-block p.main-color-5 {
    border-color: var(--main-color-5);
}

@media (max-width: 1199px) {

    .news-block .data,
    .news-block .categoria {
        font-size: 18px;
    }

    .news-block .titolo {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .news-block .sottotitolo {
        font-size: 18px;
    }

    .news-block .testo {
        font-size: 13px;
        padding: 0 0 4.166666vw 0;
    }

    .news-block .categoria {
        bottom: 1.822916vw;
    }
}

@media (max-width: 991px) {
    .news-block>div {
        height: 25.00vw;
    }

    .news-block.full-page>div {
        height: 9.98vw;
    }

}

@media (max-width: 767px) {
    .news-explorer {
        height: 100%;
        top: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-explorer .bu_wrapper {
        width: 100%;
    }

    .news-wrapper {
        padding: 30px 15px;
    }

    .news-block .testo {
        padding: 0 0 50px 0;
    }

    .news-block .categoria {
        bottom: 30px;
    }
}

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

/* NEWS BLOCK */
/* FORM WRAPPER */
.form-wrapper {}

.forms-buttons {
    padding: 10px 20px;
    font-family: "Bebas Neue";
    font-size: 23px;
    min-width: 150px;
    margin: auto;
    cursor: pointer;
    border: 0;
    display: block;
    text-align: center;
}

.form-control {
    display: block;
    width: 100%;
    /*height: calc(1.5em + .75rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media(min-width: 992px) {

    input,
    textarea {
        margin: 15px;
    }
}


input,
textarea {
    padding: 10px 15px;
    margin-bottom: 15px;
    font-family: "Roboto";
    font-size: 18px;
}

textarea {
    height: 250px;
}

.form-wrapper input,
.form-wrapper textarea {
    padding: 10px 15px;
    margin: 15px 15px 0;
    width: calc(100% - 30px);
    font-family: "Roboto";
    font-size: 18px;
}

/*.form-main-1 input, .form-main-1 textarea { border: 2px solid var(--main-color-1);}.form-main-2 input, .form-main-2 textarea { border: 2px solid var(--main-color-2);}.form-main-3 input, .form-main-3 textarea { border: 2px solid var(--main-color-3);}.form-main-4 input, .form-main-4 textarea { border: 2px solid var(--main-color-4);}.form-main-5 input, .form-main-5 textarea { border: 2px solid var(--main-color-5);} */
.form-main-5 textarea,
.form-main-5 input,
.form-main-4 textarea,
.form-main-4 input,
.form-main-3 textarea,
.form-main-3 input,
.form-main-2 textarea,
.form-main-2 input,
.form-main-1 textarea,
.form-main-1 input {
    margin: 15px 0;
}

.form-wrapper-in-page-sw .form-group {
    width: 100%;
    margin-bottom: 15px;
}

.form-wrapper-in-page-sw input {
    padding: 5px 15px;
    margin: 0;
    font-family: "Roboto";
    font-size: 18px;
    border: 2px solid #ffffff;
    background: rgba(255, 255, 255, .3);
    color: #ffffff;
}

.form-wrapper-in-page-sw input::-webkit-input-placeholder {
    color: #ffffff;
}

.form-wrapper-in-page-sw input:-ms-input-placeholder {
    color: #ffffff;
}

.form-wrapper-in-page-sw input::placeholder {
    color: #ffffff;
}

.invalid-feedback {
    font-family: "Roboto";
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 15px;
    display: block;
}

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

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

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

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

/* FORM WRAPPER */
/* SPECIAL CONTAINER */
.custom-pages-wrapper {
    display: flex;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

.container.container-lefted {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 0;
    max-width: 66.66666%;
}

.container.container-righted {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: auto;
    max-width: 33.33333%;
    z-index: 1;
}

.sw-form-wrapper {
    height: calc(100vh - 80px);
    width: 33.333333%;
    position: fixed;
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 1.1vw 4.166666vw 0 4.166666vw;
    -webkit-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    overflow-y: auto;
}

.sw-form-wrapper-login {
    width: 50%;
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
    padding: 3vw 4.166666vw;
    -webkit-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
    margin: auto;
}

/*.sw-form-wrapper { min-height: calc(100vh - 80px); width: 33.333333%; position: relative; background-size: auto; background-position: top; background-repeat: no-repeat; padding: 4.166666vw; top: 0; width: 100%;}*/
.titolo-sw-form {
    font-family: "Bebas Neue";
    font-size: 2.8125vw;
    font-weight: 400;
    text-transform: uppercase;
    line-height: .9;
    margin: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 2px solid var(--main-color-1);
}

.sw-plus-block {
    width: 65%;
}

.row.reduced {
    width: 66.6666666%;
}

.img-content-maxed {
    max-height: 150px;
    overflow: visible;
}

.sw-plus-block img {
    margin-left: 15px;
}

.sw-page-logo {
    width: 10.15625vw;
}

.sw-categoria {
    margin: 30px 30px 0;
}

.z-index-1 {
    z-index: -1;
}

.cta-free-trial {
    display: none;
    background-position: center center;
    background-repeat: no-repeat;
}

.didascalia-sw {
    width: 75%;
}

/* SPECIAL CONTAINER */
/* FOOTER */
footer {
    position: relative;
    padding-top: 1.0416666vw;
    padding-bottom: 0.78125vw;
    background-color: var(--grigio-scuro);
    color: #fff;
    font: normal normal normal 12px/1rem Roboto;
}

footer .logo-wrapper img {
    width: 75px;
}

.cosulich-wrapper img.cosulich {
    height: 40px;
    width: 49px;
}

.cosulich-wrapper img.gsy {
    height: 36px;
    width: 60px;
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    footer {
        font: normal normal normal 12px/14px Roboto;
    }

    .sw-plus-block {
        width: 100%;
    }

    .container.container-lefted {
        max-width: 60%;
    }

    .container.container-righted {
        max-width: 40%;
    }

    .sw-form-wrapper {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .form-wrapper-in-page-sw input {
        padding: 6px 10px;
        font-size: 12px;
        border: 2px solid #ffffff;
    }

    .didascalia-sw {
        width: 90%;
    }

    .sw-form-wrapper-login {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .form-closer {
        position: absolute;
        top: 15px;
        right: 30px;
    }

    .sw-form-wrapper {
        width: 100%;
        position: fixed;
        background-size: auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 30px;
        -webkit-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
        box-shadow: -7px 8px 13px -10px rgba(0, 0, 0, 0.75);
        height: calc(100% - 80px);
    }

    .sw-form-wrapper-login {
        width: 100%;
        padding: 40px;
    }

    .titolo-blocchi-software {
        width: 80%;
    }

    #prova_gratuita_trigger {
        cursor: pointer;
    }

    #prova_gratuita_target {
        right: -101%;
        transition: right .8s cubic-bezier(0.4, 0, 0.79, 0.98);
    }

    .opened#prova_gratuita_target {
        right: 0;
        transition: right .8s cubic-bezier(0.4, 0, 0.79, 0.98);
    }

    .container.container-lefted {
        max-width: 55%;
    }

    .container.container-righted {
        max-width: 100%;
    }

    .row.reduced {
        width: 100%;
    }

    .container-lefted.full-responsive-lefted {
        width: 100%;
        max-width: 100%;
    }

    .container.container-righted {
        /*display: flex !important;*/
        position: absolute;
    }

    .padder-sw {
        padding-top: 25.625vw;
    }

    .sw-page-logo {
        width: 15.15625vw;
    }

    .sw-categoria {
        margin: 0;
    }

    .titolo-sw-form {
        font-size: 7.8125vw;
    }
}

@media (max-width: 575px) {
    .padder-sw {
        padding-top: 15.625vw;
    }

    .sw-page-logo {
        width: 18.15625vw;
    }
}

/* FOOTER */
/* SPECIAL BUTTON */
.cta-free-trial {
    display: block;
    width: 100%;
    font-family: "Bebas Neue";
    font-size: 22px;
    padding: 10px 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin-top: 30px;
}

.cta-free-trial:hover {}

/* SPECIAL BUTTON */
/* HISTORY COL */
.history-col {
    display: flex;
    align-items: start;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}

.history-col .photo-col {
    width: 50%;
    display: flex;
    align-items: start;
    padding-top: 60px;
    position: relative;
    height: 100%;
}

.history-col .testo {
    width: 50%;
    padding: 60px 50px 0;
    height: 100%;
    margin: 0;
}

.history-col .anno {
    height: 50px;
    display: flex;
    align-items: center;
    position: absolute;
}

.history-col.dx .anno {
    right: 50px;
}

.history-col.sx .anno {
    left: 50px;
}

.history-col .anno p {
    display: flex;
    align-items: start;
    margin: 0;
    font-size: 50px;
    line-height: .8;
}

.history-col.dx .anno p {}

.history-col.dx .testo {
    border-left: 2px solid #707070;
    padding-right: 0;
}

.history-col.sx .testo {
    padding-left: 0;
}

.history-col .quadrato {
    position: absolute;
    right: calc(50% - 25px);
    top: 60px;
    background-color: var(--main-color-1);
    width: 50px;
    height: 50px;
    z-index: 10;
}

.history-col .history-img {
    width: calc(100% - 160px);
}

.history-col.sx .history-img {
    margin-left: 160px;
}

.history-col.sx .photo-col {
    border-left: 2px solid #707070;
    height: 100%;
}

.history-col .history-img img {
    width: 100%;
}

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

@media (max-width: 991px) {
    .history-col .quadrato {
        top: 30px;
    }

    .history-col .testo {
        padding: 30px 50px;
    }

    .history-col .photo-col {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .history-col .history-img {
        width: 100%;
        margin-top: 75px;
    }

    .history-col.sx .history-img {
        margin-left: 0;
    }
}

@media (max-width: 450px) {
    .history-col .history-img {
        display: none;
    }

    .history-col.dx .testo {
        border-left: none;
        padding-right: 0;
    }

    .history-col.sx .photo-col {
        border-left: none;
        height: 100%;
    }

    .history-col .quadrato {
        display: none;
    }

    .dx.history-col .anno p {
        margin-right: -30px;
    }

    .sx.history-col .anno p {
        margin-left: -30px;
    }

    .history-col .photo-col {
        /*width: 20%;*/
        display: flex;
        align-items: start;
        position: relative;
        height: 100%;
    }

    .history-col .testo {
        width: 100%;
        padding: 30px 0;
        height: 100%;
        margin: 0;
        padding-right: 30px;
    }

    .history-col.dx .quadrato {
        right: calc(80% + 25px);
    }

    .history-col.sx .quadrato {
        right: calc(20% - 25px);
    }
}

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

/* HISTORY COL */




/* ############################################################# */
/* ARGENTON */
/* ############################################################# */

/* Hamburger */
#hamburger:not(.is-active) .hamburger-inner {
    width: 18px;
}

#hamburger *,
#hamburger *:before,
#hamburger *:after {
    border-radius: 0 !important;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    height: 2px;
}




@media(min-width: 992px) {
    /* menu */

    .main-nav {
        min-height: 625px;
        max-height: calc(100vh - 80px);
        display: flex;
        flex-direction: column;
        row-gap: 22px;
        /*68px;*/
    }


    .main-nav .menu-part-1 {
        flex-grow: 1;
    }



    /* */

    .menu-part-1 li:nth-child(1) a {
        color: var(--main-color-1);
        --c1234: var(--main-color-1);
    }

    .menu-part-1 li:nth-child(1) a {
        color: var(--main-color-2);
        --c1234: var(--main-color-2);
    }

    .menu-part-1 li:nth-child(1) a {
        color: var(--main-color-4);
        --c1234: var(--main-color-4);
    }

    /* */

    .menu-part-2 a {
        color: var(--main-color-1);
        --c1234: var(--main-color-1);
    }

    .main-nav .chevron-arrow-right {
        border-color: var(--c1234) !important;
    }

    .menu-part-3 a {
        font-size: 2vw;
    }
}


@media(min-width: 992px) {

    .solution-div {
        width: 33.333333%;
    }

    #first-content-home {
        --hBoxes: 22.33958vw;
        --first: calc(var(--hBoxes) + var(--hBoxes) / 1.5);
        height: var(--hBoxes);
        z-index: 10;
        /*pointer-events: none;*/
    }

    .custom-plus {
        pointer-events: initial !important;
    }

    #first-content-home [class*="col-"] {
        height: var(--hBoxes);
    }

    #first-content-home .row [class*="col-"]:first-child {
        height: var(--first);
    }
}

@media(min-width: 992px) {
    .container-fix-desktop-123 {
        width: 100%;
        max-width: 100%;
    }

    .container-fix-desktop-123 .row {
        justify-content: flex-end;
    }

    .container-fix-desktop-123 [class*="col-"] {
        /* padding-right: calc((100vw - 1140px) / 2);*/
        padding-right: 124px;
        min-width: 60%;
        max-width: 60%;
    }
}


.custom-block-wrapper .intro-news {
    max-width: 480px;
}

.custom-block-wrapper .news-column {
    flex-grow: 1;
}

.log-box-123 {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
    max-width: 263px;
}

.log-box-123 img {
    width: 100%;
    max-width: max-content;

}

@media(max-width: 992px) {
    .log-box-123 {
        max-width: 80%;
        margin-right: auto;
        margin-left: auto;
        display: table;
    }
}


.small {
    font-size: 14px;
}

#footer * {
    font-family: 'Roboto', sans-serif;
}



/* testate */
.main-padder {
    display: flex;
    align-items: center;
}

.main-padder>* {
    position: relative;
    z-index: 10;
}


/* our industries */

.cut-overflow-wrapper {
    width: 100%;
    overflow: hidden;
}



@media(min-width: 992px) {
    .container-custom-123 {
        width: 100%;
        max-width: 1486px;
    }

    .container-custom-123 [class*="col-"] {
        position: relative;
    }

    .col-img {
        aspect-ratio: 5/6;
    }

    .col-img img {
        position: absolute;

        top: 0;
        height: 100%;
        width: 45vw;
        object-fit: cover;
        object-position: center;
    }

    .container-custom-123 .row>.col-img:first-child img {
        right: 0;
    }

    .container-custom-123 .row>.col-img:last-child img {
        left: 0;
    }

    .container-custom-123 .row>.col-text:first-child {
        padding-right: 114px;
    }

    .container-custom-123 .row>.col-text:last-child {
        padding-left: 114px;
    }
}

@media(max-width: 992px) {
    .container-custom-123 .col-text {
        order: 2;
    }

    .container-custom-123 .col-img {
        order: 1;
        margin-bottom: 30px;
    }

    .container-custom-123 .col-img img {
        width: 100%;
        height: auto;
    }
}



/* titolo big */

.title-big-1-wrapper {
    position: relative;
    z-index: 10;
}

@media(min-width: 992px) {
    .title-big-1-wrapper {
        margin-top: 82px;
        margin-bottom: 82px;
    }

    .titolo-big-1 {
        font-size: max(3vw, 134px);
    }
}

@media(max-width: 992px) {
    .title-big-1-wrapper {
        margin-top: 80px;
    }

    #first-content {
        display: contents;
    }

    #first-content>*:first-child {
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }
}




/* LANG ------------------- */

.box-flags {
    display: flex;
    align-items: center;
    column-gap: 0.75em;
    font-size: 14px;
    /*16px;*/
}

@media(max-width: 768px) {
    .box-flags {
        font-size: 10px;
    }
}



/* BANDIERA */
/*
.lang-button {
    font-size: 1em;
    width: 2em;
    aspect-ratio: 3/2;
    display: block;
    padding: 0;
}

.lang-button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

*/
.logo-gsy {
    max-width: 30%;
}

.logo-gsy {
    max-width: 30vw;
    margin-right: auto;
    margin-left: auto;
    display: block;
}



.buttons-1,
.buttons-2,
.buttons-3,
.buttons-1-small,
.buttons-2-small,
.buttons-3-small {
    display: inline-flex;
    width: auto;
    padding: 10px 20px;
    font-family: "Bebas Neue";
    font-size: 23px;
    cursor: pointer;
    border: 0;
    text-align: center;

    text-decoration: none;
}

.buttons-1-small,
.buttons-1 {
    background-color: var(--main-color-1);
    color: white;
}

.buttons-2-small,
.buttons-2 {
    background-color: white;
    color: var(--main-color-1);
}

.buttons-3-small,
.buttons-3 {
    background-color: #022F49;
    color: white;
}

.buttons-1-small,
.buttons-2-small,
.buttons-3-small {
    font-size: 20px;
    padding: 6px 14px;
}

/* TIMELINE |||||||||||||||||||||||||||||||||||||||||||||| */
.timeline-item-box {
    --sizeSquare: 50px;

    display: flex;
    width: 100%;
    color: var(--grigio-scuro);
    font-family: 'Roboto';

    position: relative;
    z-index: 10;
}

.timeline-item-box h3 {
    font-size: 60px;
    margin: 0;
    font-family: 'Bebas Neue';
    line-height: 1;
}

.timeline-item-box p {
    font-size: 19px;
    margin: 0;
}

.text-box,
.title-box {
    min-width: calc(50% - var(--sizeSquare) / 2);
    max-width: calc(50% - var(--sizeSquare) / 2);
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 25px;

}

.text-box *,
.title-box * {
    width: 100%;
    text-align: inherit;
}

.timeline-line {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: var(--sizeSquare);
    max-width: var(--sizeSquare);
}

.timeline-line::before {
    content: "";
    display: block;
    min-width: 100%;
    aspect-ratio: 1/1;
    background-color: var(--main-color-4);
}

.timeline-line::after {
    content: "";
    display: block;
    width: 1px;
    flex-grow: 1;
    background-color: var(--grigio-scuro);
}

/* prev/default */
.title-box {
    text-align: right;
    min-height: var(--sizeSquare);
    display: flex;
    /*align-items: center;*/
    align-self: baseline;
}

.text-box {
    text-align: left;
    min-height: 129px;
}

/* next */
.timeline-item-box:nth-child(2n+2) {
    flex-direction: row-reverse;
}

.timeline-item-box:nth-child(2n+2) .title-box {
    text-align: left;
}

.timeline-item-box:nth-child(2n+2) .text-box {
    text-align: right;
}

/* last */
.timeline-item-box:last-child .timeline-line:after {
    display: none;
}


/* MOBILE */
@media(max-width: 768px) {
    /*
    .timeline-item-box {
        flex-direction: row !important;
        column-gap: 20px;
    }

    .timeline-item-box .text-box,
    .timeline-item-box .title-box {
        padding: 0;
    }

    .timeline-item-box .title-box {
        font-size: 30px;
        min-width: 4ch;
        max-width: 4ch;
    }

    .timeline-item-box .title-box h3 {
        font-size: 1em;
    }

    .timeline-item-box .text-box {
        flex-grow: 1;
    }
    */

    .title-box {
        padding: 0;
        max-width: initial;
        min-width: initial;
        min-width: 25%;
    }

    .timeline-item-box h3 {
        font-size: 40px;
    }

    .timeline-line {
        display: none;
    }

    .text-box {
        flex-grow: 1;
        max-width: initial;
        min-width: initial;
        min-height: initial;
        padding-bottom: 0;
    }

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

    .timeline-item-box:nth-child(2n+1) .title-box h3 {
        text-align: left;
    }

    .timeline-item-box:nth-child(2n+2) .title-box h3 {
        text-align: right;
    }

    .timeline-item-box:nth-child(2n+2) .text-box {
        padding-left: 0;
        padding-right: 10px;
    }

    .timeline-item-box:nth-child(2n+1) .text-box {
        padding-right: 0;
        padding-left: 15px;
    }

    .timeline-item-box {
        margin-bottom: 60px;
    }
}



/* 19-01-2024 FINAL SPRINT ############################################################## */

.main-background-1 {
    background-color: var(--main-color-1);
    z-index: 1;
    position: relative;
}

.main-background-2 {
    background-color: var(--main-color-2);
    z-index: 1;
    position: relative;
}

.white-text {
    color: white !important;
}

.white-text label a,
.white-text a {
    color: inherit;
}

@media(min-width: 992px) {
    .col-lg-auto {
        flex-grow: 1;
        min-width: inherit;
        max-width: inherit;
        flex-basis: auto;
        flex-shrink: 1;
        display: flex;
    }

}

#contact-form input,
#contact-form select,
#contact-form textarea {
    border-radius: 0 !important;
}


/*   */
/*  #case-history */


.title-case-history {
    font-family: 'Bebas Neue';
    font-weight: 400;
    font-size: 28px;
    margin-bottom: clamp(30px, 30vh, 79px)
}


.case-histoy-menu {
    display: flex;
    flex-direction: column;
    gap: 37px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}



.case-histoy-menu li {
    cursor: pointer;
    color: white;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 28px;
    font-weight: 700;
    font-family: 'roboto' !important;
}

.case-histoy-menu li {
    font-size: 20px;
}

.case-histoy-menu li:hover {
    opacity: 1;
}

.case-histoy-menu li.active {
    opacity: 1;
}




.panell-case-history {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.panell-case-history:not(.active) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

/*
.panell-case-history.active {
    display: flex;

}
*/
.panell-case-history>* {
    flex-grow: 1;

}

#case-history .box-img {
    aspect-ratio: 3/2;

}

@media(min-width: 992px) {
    #case-history .box-img {
        max-width: 33.3333%;
        min-width: 33.3333%;
    }
}

@media(max-width: 992px) {
    .panell-case-history {
        flex-direction: column;
    }

    .box-img {
        min-width: 100%;
    }
}

#case-history .box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}


/* fix colors */
.main-color-argenton-primary-color {
    color: #0582ca;
}

.main-bg-argenton-primary-color {
    background-color: #0582ca;
}


.text-1234-1 {
    font-family: 'Roboto';
    font-size: 27px;
}


.section-bottom p.testo-1 {
    font-size: 24px !important;
    /*27px !important;*/
    color: #166EB3;
    line-height: normal;
}



@media(max-width: 992px) {

    .text-1234-1,
    .section-bottom p.testo-1 {
        font-size: 16px !important;
    }
}

@media(min-width: 1200px) {
    .section-bottom {
        min-height: 685px;
    }
}

@media(min-width: 992px) {
    .section-bottom {
        overflow: hidden;

    }

    .testo-1 {
        /* max-width: 499px; */
    }

    .section-bottom [class*="col-"] {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: self-start;
    }

    .section-bottom [class*="col-"]:has(img) {
        aspect-ratio: 3/2;
    }

    .section-bottom [class*="col-"] img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 50vw;
        height: auto;
    }

    .section-bottom .container-fluid {
        max-width: 1626px;
        width: 80%;
    }

    .section-bottom .buttons-1 {
        margin-top: 75px !important;
    }
}

@media(max-width: 992px) {
    .section-bottom [class*="col-"] img {
        position: relative;
        transform: translateX(-50%);
        left: 50%;
        width: 100vw !important;
        height: 100%;
    }

    .section-bottom [class*="col-"] {
        order: 10;

    }

    .section-bottom [class*="col-"]:has(img) {
        order: 1;
        position: relative;
        aspect-ratio: 3/2;
    }
}


@media(min-width: 992px) {
    .mobile {
        display: none;
    }
}

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



.loghi-box-12 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;

    margin-top: 54px;
    margin-bottom: 67px;
}

.log-box-125 {
    max-width: 180px;
    min-width: 180px;
    width: auto;
    width: auto;

}

.log-box-125 img {
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
}

@media(max-width: 992px) {
    .loghi-box-12 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media(max-width: 1400px) {
    .loghi-box-12 {
        gap: 30px;
    }
}


@media(min-width: 1400px) {
    .container-partner {
        width: 100%;
        max-width: 981px;
        margin-right: auto;
        margin-left: auto;
    }

    .container-partnerimg {
        padding: 15px;
    }
}


@media(min-width: 992px) {
    .partner-box>*:last-child>* {
        display: flex !important;
        justify-content: space-between !important;
        flex-direction: row;
        margin-block-start: auto;
        align-content: flex-end !important;
        align-items: center;
        flex-wrap: wrap;
    }

    .partner-box>*:nth-last-child(2) {
        margin-bottom: 30px;
    }

    .partner-box>*:last-child {
        margin-block-start: auto;
    }

    .partner-box>*:last-child img {
        /* height: 45px; */
        min-height: 77px !important;
        width: auto !important;
    }
}



/* 19-01-2024  ############################################################## */
.reverse-color .main-background-1 {
    background: transparent;
}

.reverse-color .white-text {
    color: #022F49 !important;
}

.reverse-color button.buttons-2 {
    color: #013553;
}





.experts-block {
    --padd-experts: 117px;

    background-color: #095A86;
    padding-top: var(--padd-experts);

    width: 100%;
}

.experts-block img {
    width: 100%;
    aspect-ratio: 1/1;
}

.photo {
    border: 15px solid #ffffff;
    box-shadow: 0px 0px 20px #00000029;
    margin: auto;
}


@media(min-width: 992px) {
    .experts-block {
        padding-bottom: calc(var(--padd-experts) - 60px);
    }

    .box-team-2 {
        position: relative;
        margin-top: calc(-1 * var(--padd-experts));
        top: -60px;
    }
}

@media(min-width: 1506px) {
    .experts-block .container {
        max-width: 1506px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .experts-block .box-team-2 .row {
        justify-content: center;
    }



}


.super-et {
    display: inline-flex;
    min-width: 30px;
    min-height: 30px;
    margin-right: 10px;
    mask-image: url('/img/main-icon.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-color: #0582ca;

}

.link-assistance {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
}

.link-assistance a {
    text-decoration: underline;
}

#hamburger:not(.is-active) .hamburger-inner {
    width: 30px;
}

@media (max-width: 767px) {
    #hamburger:not(.is-active) .hamburger-inner {
        width: 25px
    }
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    height: 3px;
    border-radius: 10px !important;
}


#hamburger *,
#hamburger *:before,
#hamburger *:after {
    border-radius: 10px !important;
}

@media(min-width: 992px) {
    .flags-menu a {
        font-size: 36px;
    }
}

@media (max-width: 575px) {

    .read-more-big,
    .custom-plus {
        width: 7.6458333vw !important;
        height: 7.6458333vw !important;
    }
}


@media (max-width: 767px) {

    .titolo-form,
    .titolo-pagina-fisso {
        font-size: 24px;
    }
}


@media (max-width: 992px) {
    .news-wrapper .sottotitolo {
        width: calc(100% - 30px);
    }

    .news-wrapper .categoria {
        display: none;
    }

    .news-wrapper .testo {
        display: none;
    }

    .news-block>div {
        height: auto;
    }

    .sottotitolo {
        padding-bottom: 0 !important;
    }

    /*
    #first-content .gsy-x-padder-paragrafi {
        background-color: #ffffff;
        position: relative;
    }
    */

}


.inner-team-box {
    width: 100%;
    max-width: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inner-team-box img {
    width: 100%;
    max-width: 185px;
}

.inner-team-box .testo-blocchi-logo {
    font-size: 14px;
    margin-top: 15px !important;
}

.inner-team-box .ppl-nome {
    font-family: "Bebas Neue";
    font-weight: 400;
}


@media(max-width: 992px) {
    .container-fluid:has(.container) {
        padding-left: 0;
        padding-right: 0;
    }
}

.titolo-1234 {
    font-family: 'Roboto';
    text-transform: inherit;
    font-weight: 700;
}

.small {
    font-size: 14px;

}

@media(max-width: 992px) {
    #footer .fix-33 {
        margin-left: 0 !important;
    }
}

.control_indicator {
    border: 1px solid #ced4da;
}

@media(max-width: 992px) {
    /* .titolo-blocchi-logo {
        font-size: 20px;
    }*/

    .testo-blocchi-logo {
        font-size: 13px;
    }
}

.overflow-x {
    overflow: hidden;
}

.main-padder {
    height: 100vh;
    min-height: 400px;
}


/* GSY ############################################### */
/* HEADER */
/* MAIN BG */
.bg-div {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 400px;
    top: 0;
    left: 0;
    background-color: #1d68a7;
    z-index: -1;
    background-size: cover;
    background-position: top;
}

.main-padder {
    height: 100vh;
    min-height: 400px;
}

.bg-div .claim {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    text-align: left;
}

@media (max-width: 1199px) {
    .bg-div .claim {
        font-size: 9.5vw;
    }
}

@media (max-width: 991px) {
    .bg-div .claim {
        font-size: 11vw;
    }
}

@media (max-width: 767px) {
    .bg-div .claim {
        font-size: 12vw;
    }
}

@media (max-width: 575px) {
    .bg-div .claim {
        width: 100vw;
        padding: 0 0 0 30px;
        font-size: 13vw;
    }
}

.bg-div .claim {
    width: 70vw;
}

@media (max-width: 1199px) {
    .bg-div .claim {
        font-size: 9.5vw;
    }
}

@media (max-width: 991px) {
    .bg-div .claim {
        font-size: 11vw;
    }
}

@media (max-width: 767px) {
    .bg-div .claim {
        font-size: 12vw;
    }
}

@media (max-width: 575px) {
    .bg-div .claim {
        width: 100vw;
        padding: 0 0 0 30px;
        font-size: 13vw;
    }
}

@media(max-width: 992px) {
    .partner-box .last-row {
        margin-top: 30px;
    }
}


.map-box iframe {
    border: 0px solid transparent;
}



.grid-case-history-panels-wrapper {
    display: grid;
}

.grid-case-history-panels-wrapper>* {
    grid-column: 1/1;
    grid-row: 1/1;
}


@media(min-width: 992px) {
    .box-team-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        position: relative;
        top: calc(-1 * (var(--padd-experts) * 1));
    }
}