/**
 * VARIABILI
 */
:root {
    --black-text: #2D2926;
    --orange: #FE5000;
    --color2: #BE3E00;

    --grey: #F1F1F1;
    --dark-grey: #CCC9C9;

    --admin-bar: 0px;
    --header-height: 97px;

    --shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    --transition: .3s ease;

    --m1: 96px;
    --m2: 74px;
}

/**
 * Dimensione admin-bar per eventuali header fixed
 */

body.admin-bar {
    --admin-bar: 46px;
}

#wpadminbar {
    position: fixed;
}

@media screen and (min-width: 783px) {
    body.admin-bar {
        --admin-bar: 32px;
    }
}


/**
 * TAG GENERICI
 */
html, body {
    font-family: 'Karla', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: var(--black-text);
    overflow-x: hidden;
    min-width: 320px;
    scroll-padding-top: var(--header-height);
}

body {
    /*padding-top: var(--header-height);*/
}


h1 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 25px;
    font-weight: 400;
}

h4 {
    font-size: 22px;
    font-weight: 400;
}

h5 {
    font-size: 18px;
    font-weight: 700;
}

div, p, ul, ol, li {
    color: var(--black-text);
}

p {
    font-size: 18px;
    font-weight: 300;
}


/**
 * CLASSI GENERICHE
 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 30px;
    padding-left: 30px;
}

ul:is(.menu, .sub-menu) {
    padding-left: 0;
    list-style: none;
}

.relative {
    position: relative;
}

.fit-content {
    width: fit-content;
}
.single-landing form input:not([type="checkbox"]).fit-content {
    width: fit-content !important;
} 

/**
 * HEADER
 */
#header {
    position: fixed;
    top: var(--admin-bar);
    left: 0;
    width: 100%;
    height: var(--header-height);
    z-index: 777;
    transition: var(--transition);
}

body.page-template-tpl-homepage #header,
body.home #header {
    background: var(--dark-grey);
}

#header.headerscroll {
    background: #fff;
    width: 100%;
    box-shadow: var(--shadow);
}

#header > .container,
#header > .container > .row {
    height: var(--header-height);
}

.headerscroll #main_menu-toggle {
    background-color: var(--orange);
}

.headerscroll #main_menu-toggle span {
    background-color: #fff;
}


.header-cta {
    display: inline-block;
    border-bottom: 8px solid var(--orange);
    font-size: 22px;
    font-weight: 400;
    color: var(--black-text);
    text-decoration: none !important;
}

.header-cta:hover {
    color: var(--orange);
}


#main_menu-toggle {
    background: #fff;
    height: 61px;
    width: 61px;
    padding: 0;
    border: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}

#main_menu-toggle span {
    display: block;
    width: 25px;
    height: 2px;
    background: var(--orange);
    margin-bottom: 7px;
}

#main_menu-toggle span:last-child {
    margin-bottom: 0;
}


/**
 * MAIN MENU
 */
html.main_menu-open {
    overflow: hidden;
}

#main_menu-wrapper {
    --black-text: #fff;
    color: var(--black-text);
    position: fixed;
    top: var(--admin-bar);
    left: 0;
    right: 0;
    bottom: 0;
    background: #2D2926;
    z-index: 888;
    overflow-y: auto;
    padding: 30px 0;
    transition: transform .5s ease;
    transform: translateY(-100%);
}

#main_menu-wrapper.open {
    transform: translateY(0);
}

@media (min-width: 1200px) {
    #main_menu-wrapper {
        padding-top: 80px;
    }
}

#main_menu-wrapper > .container {
    overflow: hidden;
}

#main_menu-wrapper > .container > *:not(:last-child) {
    margin-bottom: 52px;
}

#main_menu-close {
    height: 61px;
    width: 61px;
    border-radius: 50%;
    background: #fff;
    color: var(--orange);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    padding: 0;
    border: 0;
    margin: 0;
}

#main_menu-close object {
    height: 25px;
    pointer-events: none;
}

#main_menu-wrapper .menu-light > a {
    font-weight: 300;
}

.main-menu li.in_evidenza a {
    position: relative;
}
.main-menu li.in_evidenza a:before,
.main-menu li.in_evidenza a:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid var(--orange);
    border-bottom: 0;
    border-right: 0;
}
.main-menu li.in_evidenza a:before {
    top: -3px;
    left: -10px;
}
.main-menu li.in_evidenza a:after {
    bottom: -3px;
    right: -10px;
    transform: rotate(180deg);
}

.main-menu li.in_evidenza a {
    position: relative;
}
.main-menu li.in_evidenza a:before {
    
}



/* MENU */

.language_selector {
}

.language_selector li {
    font-size: 25px;
    text-transform: uppercase;
}

.language_selector li:first-child {
    margin-right: 15px;
}

.language_selector li:not(:first-child, :last-child):after {
    content: '|';
    margin: 0 15px;
}

.language_selector li[data-active="1"] a {
    font-weight: 700;
}

.language_selector li a {
    text-decoration: none;
}

.language_selector li a:hover {
}


#sfondoWhoHow {
    position: absolute;
    top: -80px;
    width: 100%;
    height: 100%;
    background-position: center right;
    background-size: contain;
    z-index: 1;
    background-repeat: no-repeat;
}

#sfondoWhoHow.withscroll::after {
    top: -120px;
}

#sfondoService::after {
    position: absolute;
    content: '';
    top: 28%;
    width: 85%;
    height: 55%;
    background-position: center right;
    background-size: contain;
    z-index: 1;
    background-repeat: no-repeat;
}


#sfondoService.withscroll::after {
    top: 20%;
}

#imgSopra::after {
    background-size: cover;
    position: absolute;
    content: '';
    width: 100%;
    top: -300%;
    z-index: 2;
    background-repeat: no-repeat;
    min-height: 825px;
}


#grey.wpb_column.vc_column_container .vc_column-inner .wpb_wrapper {
    background-color: #f1f1f1 !important;
    padding-top: 50px;
    margin-top: 25px;
    padding-bottom: 25px;
    height: 400px;
}

#grey .vc_column-inner .wpb_wrapper::before {
    background: #f1f1f1;
    position: absolute;
    content: '';
    top: 25px;
    width: 100%;
    left: -810px;
    height: 100%;
}

#grey .vc_column-inner .wpb_wrapper::after {
    background: #f1f1f1;
    position: absolute;
    content: '';
    top: 25px;
    width: 120%;
    left: 98%;
    height: 100%;
}

/*#grey .vc_column-inner::before {
	background: #f1f1f1;
	position: absolute;
	content: '';
	top: 0%;
	width: 100%;
	left: -100%;
	height: 100%;
}*/

/*#grey .vc_column-inner::after {
	background: #f1f1f1;
	position: absolute;
	content: '';
	top: 0%;
	width: 120%;
	left: 100%;
	height: 100%;
}*/


#important {
    z-index: 2;
}

#important.noimpor {
    z-index: 1;
}

b, strong {
    font-weight: 700;
}

p {
    margin-bottom: 15px;
}

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

a:hover {
    color: inherit;
    text-decoration: underline;
}

img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

li::marker {
    color: var(--orange);
}


h1.digital {
    font-size: 122px;
    line-height: 100px;
}


span.think {
    text-transform: lowercase;
    letter-spacing: 32px;
}


h2.titoloObiettivo {
    font-size: 61px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}

#breadcrumbs li::marker {
    color: transparent;
}

#breadcrumbs li {
    font-size: 16px;
    margin-right: 20px;
    position: relative;
}

#breadcrumbs li::after {
    position: absolute;
    content: '';
    border-right: 1px solid #2D2926;
    height: 20px;
    margin-left: 10px;
    margin-top: 5px;
}

#breadcrumbs li:last-child::after {
    border-right: 0;
}

#breadcrumbs {
    display: flex;
    padding: 0;
}

#end {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    z-index: 20;
}


.main_menu-inner .header-cta {
    color: #ffffff;
}


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


.main-menu {
    --main-menu-max-width: 350px;
    user-select: none;
    max-width: var(--main-menu-max-width);
    position: relative;
}

.main-menu > li {
    color: #A2A19F;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin: 30px 0;
}

.main-menu li a {
    text-decoration: unset;
}

.main-menu li ul.sub-menu li a {
    text-transform: initial;
}

/*.main-menu li.menu-item-has-children,*/
.main-menu li.menu-item-has-children > a {
    position: relative;
}

.main-menu li.menu-item-has-children.open > a {
    color: var(--orange);
    padding-bottom: 5px;
}

.main-menu li.menu-item-has-children.open > a::after {
    content: '';
    display: block;
    border-bottom: 2px dashed var(--orange);
    pointer-events: none;
    cursor: initial;
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100vw - 60px);
    max-width: var(--main-menu-max-width);
}

.main-menu li.menu-item-has-children > span {
    content: url(../svg/plus.svg);
    float: right;
    width: 18px;
    cursor: pointer;
    padding: 10px 0;
    margin-left: 10px;
}

.main-menu li.menu-item-has-children.open > span {
    content: url(../svg/times.svg);
    width: 16px;
}

.main-menu .sub-menu {
    font-size: 25px;
}

.main-menu li.menu-item-has-children:not(.open) > .sub-menu {
    display: none;
}

.main-menu .sub-menu li {
    margin: 25px 0;
}

.main-menu .sub-menu li:first-child {
    margin-top: 0;
}

@media (min-width: 768px) {
    .main-menu .sub-menu {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        margin-left: 60px;
    }
}

@media (min-width: 1200px) {
    .main-menu .sub-menu {
        margin-left: 150px;
    }
}


#borderOrange:before {
    position: absolute;
    top: 24%;
    content: '';
    border-top: 25px solid var(--orange);
    width: 20%;
    transform: translate(0%, -5px) rotate(135deg);
    left: -5%;
}

li.menu-item-has-children.open a > li {
    color: var(--orange);
}


.single-servizio .separate {
    margin-bottom: 10px;
}

.page-template-tpl-lavoraconnoi .separatoreIndustry::after {
    height: 46%;
}

.single-posizione .separatoreIndustry::after {
    height: 62%;
    left: 1%;
}

.page-template-tpl-lavoraconnoi .columnBorder:nth-child(2n) .vc_column-inner::after {
    left: 14%;
}

.single-posizione .columnBorder .vc_column-inner::after {
    left: 2%;
    width: 90%;
}

.wpb_wrapper p span {
    font-weight: 700;
}

.scrittaorange {
    background: var(--orange);
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
}


.actual::after {
    position: absolute;
    content: '';
    margin: 5px 10px;
    height: 30px;
    border-right: 1px solid #fff;
}


.border {
    border: 2px solid #fff;
    width: 100%;
    margin-bottom: 35px;
}


.borderFooter {
    display: block;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin: 35px 0;
}

#columnBorder .vc_column-inner .wpb_wrapper {
    flex-grow: 1;
}


#menuDesktop {
    display: flex;
}

#menuMobile {
    display: none;
}


#PrefooterOrange .ctaPallino {
    margin-top: 25px;
}


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

.Centro .col-lg-10 {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.Centro .col-lg-10 a {
    margin-left: 0px;
}


.Centro .pallino {
    left: 50%;
}

.Centro .ctaPallino:hover .pallino.black {
    transition: .5s ease;
    left: 70%;
    background-color: #2D2926 !important;
    border: 2px solid #2D2926 !important;
}

.ctaPallino.Centro {
    display: flex;
    text-align: center;
    justify-content: center;
    position: relative;
}

.Centro .pallino {
    left: 30%;
}

.ctaPallino {
}

.ctaPallino .pallino {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}

.pallino1 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}


.ctaPallino:hover .pallino.black {
    transition: .5s ease;
    left: 32%;
    background-color: #2D2926 !important;
    border: 2px solid #2D2926 !important;
}

.ctaPallino.Sinistra:hover .pallino.black {
    left: 24px;
    transition: .5s ease;
}


.ctaPallino:hover .pallino.prefooter i {
    color: #fff !important;
}

.ctaPallino:hover .pallino.prefooter {
    transition: .5s ease;
    left: 10%;
    background-color: #2D2926 !important;
    border: 2px solid #2D2926 !important;
}

.ctaPallino .pallino.prefooter {
    left: 0%;
}

.ctaPallino .pallino.servizio {
    left: 2%;
    padding: 0px;
}

.ctaPallino:hover .pallino.servizio {
    left: 5%;
}

.ctaPallino:hover .pallino.servizio i {
    color: var(--orange) !important;
}

.ctaPallino:hover .pallino.orange {
    transition: .5s ease;
    margin-left: 8px;
    background-color: #fff !important;
    border: 2px solid #fff !important;
}

.ctaPallino:hover .pallino.orange i {
    color: var(--orange) !important;
}

.ctaPallino.orange:hover a {
    text-decoration: underline !important;
    color: #fff !important;
}

.ctaPallino.orange.invoice {
    padding-top: 15px;
    display: flex;
    justify-content: start;
    align-items: end;
    height: 100%;
}

.ctaPallino:hover a {
    color: #2D2926 !important;
    text-decoration: unset !important;
}

/*
.animate__animated{
	animation-duration: 3s;
}*/


.categoria {
    color: #0B0908;
    text-transform: uppercase;
    background: var(--orange);
    padding: 5px 25px;
    font-weight: 700;
    line-height: 24px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}


a.case {
    text-decoration: unset;
}

#case {
    z-index: 1;
    margin-bottom: 50px;
    margin-top: 20px;
}

#caseMobile, #newsMobile {
    display: none;
}

#caseDesktop {
    display: inline;
}

div.vc_row-flex.sfondoCase {
    background-position: right !important;
}

#newsDesktop {
    display: flex;
}
#newsDesktop a {
    text-decoration: none;
}


.animate__animated:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

#sfondoCase {
    background-size: cover;
    background-position: top;
    position: absolute;
    right: -20%;
    opacity: 0;
    min-width: 110%;
    height: 270px;
    bottom: 35px;
    top: 42%;
    transform: translateY(-50%);
}

#singlecase:hover #sfondoCase {
    opacity: 1;
    transition: .5s ease;
}

.parallax {
    position: relative;
    transition: top 1.5s cubic-bezier(0.2, 0.54, 0.36, 1);
}


.btnGrey a {
    padding: 15px 30px;
    background: #CCC9C9;
    color: #2d2926;
    text-transform: uppercase;
    text-decoration: unset;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid #CCC9C9;
}

.btnGrey a:hover {
    background: #2D2926;
    border: 2px solid #2D2926;
    color: #fff;
}

.btnGrey a.click {
    background: var(--orange);
    border: 2px solid var(--orange);
}

.btnOrange a,
a.btnOrange,
button.btnOrange,
input.btnOrange,
.wpcf7-form-control.has-spinner.wpcf7-submit.btnOrange {
    padding: 15px 30px;
    background: var(--orange);
    color: #0B0908;
    text-transform: uppercase;
    text-decoration: unset;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid var(--orange);
    display: inline-block;
    text-align: center;
}

.btnOrange a:hover,
a.btnOrange:hover,
button.btnOrange:hover,
input.btnOrange:hover,
.wpcf7-form-control.has-spinner.wpcf7-submit.btnOrange:hover {
    background: transparent;
    color: var(--orange);
}

.btnOrange.testo-minuscolo a {
    text-transform: none;
}

.btnWhite,
.wpcf7-form-control.has-spinner.wpcf7-submit.btnWhite {
    color: var(--orange);
    background: white;
}
.btnWhite:hover,
.wpcf7-form-control.has-spinner.wpcf7-submit.btnWhite:hover {
    background: #F1F1F1;
}

a.social {
    text-decoration: unset;
    color: var(--orange);
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
}
a.social:last-child {
    margin-right: 0;
}
.social:hover {
    background: var(--orange);
    color: #fff;
}


/*
* CONTATORE
*/

.dopo {
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 700;
}

.num, .simbolo {
    font-size: 98px;
    font-weight: 700;
}


.counter_shortcode {
    box-shadow: 0 3px 46px rgba(0, 0, 0, 0.16);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    height: 100%;
    flex-grow: 1;
    z-index: 1;
    position: relative;
}

.single-industry .counter_shortcode {
    padding: 30px 40px;
}


.single-industry .contatore {
    margin: -25px 0px;
}

.images {
    position: relative;
}

.titleCase {
    background: #CCC9C9;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}


.selected a {
    text-decoration: unset;
}

.selected a:hover {
    text-decoration: underline;
}

#choice.open li:first-child {
    margin-bottom: 40px;
}

#choice {
    position: relative;
}

#choice .fa.fa-chevron-down {
    content: '';
    position: absolute;
    top: 0%;
    right: 0%;
}

#choice .fa.fa-chevron-up {
    display: none
}

#choice.open .fa.fa-chevron-up {
    display: block;
    content: '';
    position: absolute;
    top: 0%;
    right: 0%;
}

#choice.open .fa.fa-chevron-down {
    display: none;
}

.servizio {
    display: block;
    position: relative;
    background: #f1f1f1;
    padding: 40px;
    margin-bottom: 25px;
    height: calc(100% - 25px);
    text-decoration: none !important;
}

.servizio:hover {
    background: var(--orange);
    color: #fff;
}

.servizio:hover .ctaPallino {
    --pallino-bg: #fff;
    --pallino-color: var(--orange);
    --pallino-cta: #fff;
}

.servizio * {
    color: inherit;
}

.servizio .testo {
    position: relative;
    z-index: 1;
}

.servizio .riassunto {
    font-size: 20px;
}

.servizio:hover .riassunto {}

.servizio img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: none;
    height: 110%;
    opacity: 0.4;
}

a.serv {
    text-decoration: unset;
}

.imgServizio::after {
    position: absolute;
    content: '';
    top: -40%;
    height: 165%;
    width: 168%;
    left: -55%;
    background-repeat: no-repeat;
}

.servizio:hover .pallino.services i {
    color: var(--orange) !important;
}

.servizio:hover .pallino.services {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    transition: .5s ease;
    left: 5%;
}

/*.servizio::after {
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 9999;
    position: absolute;
    top: -10%;
    right: 2%;
}*/

.servizio:hover .ctaPallino span.cta {
    color: #fff !important;
}

.servicesCorr {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #F1F1F1;
    height: 100%;
    padding: 25px;
}

.servicesCorr:hover {
    background: var(--orange);
    color: #fff;
}

.servicesCorr:hover .riassunto {
    color: #fff;
    font-weight: bold;
}

.servicesCorr .titolo {
    text-transform: uppercase;
    font-size: 25px;
}

.servicesCorr .riassunto {
    font-size: 20px;
}

#salvataggio, .catSelected {
    display: none;
}

a.cat, .cat button {
    border: 1px solid #2D2926;
    text-align: center;
    text-decoration: unset;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    color: #2D2926;
    border-radius: 0;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 15px;
}

a.cat:last-child, .cat button:last-child {
    margin-right: 0;
}

a.cat:hover {
    border-color: var(--orange);
    color: var(--orange);
}

.cat.current {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
}

.reset.cat:hover,
.cat button:hover {
    background: var(--orange);
    border: 1px solid var(--orange);
    color: #fff;
}

.pagination li::marker {
    color: transparent;
}

.pagination {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 25px 0px;
}

.pagination li {
    margin: 0px 5px;
    font-size: 18px;
    font-weight: 400;

}

.pagination-previous a {
    padding: 0px 5px;
    text-decoration: unset;
}

li.current {
    color: var(--orange);
    font-weight: 700;
}

.vc_row.imgSede {
    margin-top: -275px !important;
}

.imgResponsabili.wpb_column {
    margin-top: 80px !important;
}

.space {
    margin: 85px 0px;
}


/* Lavora con Noi - posizioni */


.posizioni {
    background: #F1F1F1;
    padding: 19px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    text-align: center;
}

a.posizioni {
    text-decoration: unset;
}

a.posizioni * {
    color: inherit;
}

a.posizioni .titolo {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.posizioni:hover {
    background: var(--orange);
    color: #fff;
}

.posizioni .riassunto {
    font-size: 20px;
}

.posizioni:hover .riassunto {
    font-weight: bold;
}

.btnPosizione {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}


.single-posizione .wpcf7-form-control {
    padding: 10px 70px 10px 30px;
}

.single-posizione .wpcf7-form-control.wpcf7-acceptance {
    padding: 0px;
}

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

.wpcf7-list-item span.wpcf7-list-item-label {
    font-weight: 400;
}

.wpcf7-list-item.first .wpcf7-list-item-label,
.wpcf7-list-item.last .wpcf7-list-item-label {
    margin: 0px 45px 0px 10px;
}


#space {
    margin-top: 55px;
}

.rowWhite {
    z-index: 1;
    position: relative;
}

.ctaPallino.Contact:hover .pallino.black {
    transition: .5s ease;
    left: 2%;
    background-color: #2D2926 !important;
    border: 2px solid #2D2926 !important;
}

.ctaPallino.Contact:hover p input {
    color: #2D2926;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: transparent;
    border: 0px;
    font-size: 18px;
    font-weight: 700;
    color: var(--orange);
    text-transform: uppercase;
    margin-left: 25px;
    margin-top: -10px;
}

.single-posizione .wpcf7-form-control.wpcf7-file {
    padding: 15px;
    border: 2px solid var(--orange);
    margin: 15px 0px;
}


/* Blog */

.boxBlog {
    background: #f1f1f1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-top: 140px;
    height: 500px;
}

.imgUp {
    margin-top: -125px;
}

.read:hover {
    background: var(--orange);
    color: #fff;
    text-decoration: underline;
    padding: 10px 15px;
}

.leggi {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    height: 100%;
    position: relative;
}


.catBlog {
    display: inline-block;
    text-transform: uppercase;
    background: #fff;
    padding: 3px 25px 2px;
    font-size: 18px;
    color: #2D2926;
    margin-bottom: 18px;
}

.read:hover {
    background: var(--orange);
    color: #fff;
    text-decoration: underline;
    padding: 10px 45px 10px 15px;
}

.leggi:hover .maggiore {
    margin-left: -25px;
    color: #fff;
    padding: 10px 0px;
}

.boxBlog:hover {
    background: var(--orange);
    color: #0B0908;
}

.boxBlog:hover :where(.titolo , .riassunto, .leggi) {
    color: #0B0908;
}

.maggiore {
    font-weight: 700;
    margin-left: 15px;
}

.voice {
    background-color: #2D2926;
    color: #fff;
    padding: 50px;
    flex-grow: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.case-associata {
    background-color: #CCC9C9;
    color: #fff;
    padding: 50px;
    flex-grow: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/**
 * PAGE TITLE
 */
#page_title {
    background: #CCC9C9;
    padding-top: calc(var(--header-height) + 20px);
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    #page_title {
        padding-top: calc(var(--header-height) + 70px);
    }
}


/* Pagina Contact -> Form a step custom */

form#form-s2 input {
    padding: 15px 280px 15px 20px;
    position: relative;
    border: 1px solid #2D2926;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}

.btn.btn-back {
    background: transparent;
    border: 1px solid transparent;
    color: #2D2926;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
}

.btn.btn-step {
    background: transparent;
    border: 1px solid transparent;
    text-align: left;
    padding: 0px;
}


.btn-step .ctaPallino:hover .pallino.black {
    left: 30px;
}


ul.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

ul.breadcrumbs li:not(:last-child):after {
    content: '|';
    margin: 0 10px;
}


@media (min-width: 992px) {
    :is(#sfondoCategory, #sfondoServizio)::after {
        background-size: cover;
        top: 30%;
        position: absolute;
        content: '';
        right: 0;
        width: 70%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: center;
    }
}