@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html {
    scroll-behavior: smooth;
}

body {
    background-color: white;
    font-family: 'Urbanist', sans-serif;
}

.editor_placeholder {
    display: none !important;
}

.editor_toolbar {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

p {}

#gtx-trans {
    display: none;
}

#eccolo {
    display: none !important;
    height: 0px;
    overflow: hidden;
}

.nascosto {
    display: none !important;
    position: fixed;
    z-index: -5;
}

@media only screen and (max-width: 768px) {
    .nascoto_mobile {
        display: none !important;
        position: fixed;
        z-index: -5;
    }
}

.immagini_full_height {
    height: 100%;
}

.immagini_full_height img {
    object-fit: cover;
    height: 100%;
}

.img_hero img {
    position: relative !important;
    z-index: -1;
    transform-origin: bottom right;
    transform: scale(1.2);
    opacity: 0;
}

#nessuna_analisi>img {
    transform: scale(1.5);
}

#row_back_mobile {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: calc(100% + 10vw);
    background-image: url(https://www.facilerogitare.it/libreria/3_ver_wide_lite.jpg);
    /* overflow: hidden; */
    position: relative;
    padding: 88px 0;
}

#row_back_mobile::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

@media only screen and (max-width: 768px) {
    #nessuna_analisi>img {
        transform: none;
    }
}

@media only screen and (max-width: 410px) {
    .img_hero {
        bottom: 0vh !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 410px) {
    .img_hero {
        bottom: 5vh !important;
    }
}

@media only screen and (max-width: 768px) {
    .img_hero img {
        transform: none !important;
    }
    .img_hero {
        position: relative !important;
        height: 200px !important;
    }
    .testo_hero1 h1 span {
        padding-top: 0px !important;
        font-weight: 700;
    }
    #testi_hero {
        font-size: inherit !important;
    }
    #row_back_mobile {
        background-size: cover;
        background-image: url(https://www.facilerogitare.it/libreria/mobile_3.jpg) !important;
        overflow: hidden;
        position: relative;
        background-position: center;
        padding: 0px !important;
    }
    #row_back_mobile::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%) !important;
    }
}

@media only screen and (max-width: 1800px) {
    #colonna_hero .testo_hero1 h1 {
        white-space: break-spaces;
    }
    .testo_hero1 h1 span {}
}

@media only screen and (max-width: 1300px) {
    .img_hero {
        position: absolute;
        bottom: 0;
    }
    .testo_hero1 h4 {
        font-size: 2em !important;
    }
    #testi_hero {
        font-size: 1.2vw;
    }
}


/*Versione 2 ver2*/

:root {
    --colore1: #4b4e52;
    --colore2: #94bf1f;
    --colore3: #020202;
    --colore4: #6a6b6d;
}

.flex_row {
    display: flex !important;
    align-items: center;
}

.flex_row_reverse_mobile{
    display: flex !important;
    align-items: center;
    flex-direction: row
}

.flex_row_stretch {
    display: flex !important;
    align-items: stretch;
    align-content: space-around;
}

.flex_row_footer {
    display: flex !important;
    align-items: flex-start;
}

@media only screen and (max-width: 768px) {
    .flex_row_stretch {
        flex-direction: column;
    }
    .flex_row_reverse_mobile{
        flex-direction: column-reverse;
    }
    .flex_row_footer {
        flex-direction: column;
        display: none !important;
    }
    .center_for_mobile {
        text-align: center;
    }
    .reduce_mobile {
        font-size: 0.8em !important;
    }
    .reduce_mobile h1,
    .reduce_mobile h1 span {
        font-size: 30px !important;
    }
    .reduce_mobile h4 span {
        font-size: 16px !important;
    }
    .testo_numeri {
        font-size: 0.8em;
        padding-bottom: 20px;
    }
    ._footer_label_mobile {
        margin-top: 0px;
        font-size: 2em;
    }
    #intrappolato {
        padding-top: 5px !important;
        padding-bottom: 20px !important;
    }
    #piramid_row {
        padding-top: 60px !important;
        padding-bottom: 20px !important;
    }
    .tua_crescita h2 {
        font-size: 30px !important;
    }
    .tua_crescita h4,
    .tua_crescita h4 span,
    .tua_crescita p {
        font-size: 18px !important;
    }
    #chi_lavora_con_noi {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    #momento {
        padding-top: 5px !important;
        padding-bottom: 20px !important;
    }
}

.hidden_custom {
    display: none !important;
    opacity: 0;
    position: absolute !important;
}

.ico_big i {
    font-size: 12em;
    font-family: 'FontAwesome';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.center_all_coll {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


/*lay sito*/

.top_scroll_button a.btn-default {
    position: fixed;
    bottom: 5vh;
    right: 6vw;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 3em;
    background-color: var(--colore2);
    border: none;
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 /30%));
    transition: 0.5s;
    opacity: 0;
}

.top_scroll_button a.btn-default:hover {
    filter: none;
}

.top_scroll_button .btn-default {
    color: white !important;
}

#line_menu {
    margin-left: 15px;
    margin-bottom: 6px;
    height: 4px;
    width: calc(100% - 25px);
    background-color: var(--colore2);
    float: right;
}

.mattonella_icon.telefono {
    float: right;
}

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

@media only screen and (max-width: 1000px) {
    .contact_header a {
        font-size: 0.8em !important;
        transform: scale(0.7);
        transform-origin: left;
    }
    .email_header {
        position: relative;
        left: -103px;
    }
}

@media only screen and (max-width: 768px) {
    .email_header {
        position: inherit;
    }
}

.social_header {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.social_header:before {
    content: 'Seguici';
    margin-right: 25px;
    color: white;
    font-size: 1.5em;
    font-weight: 600;
}

@media only screen and (max-width: 1200px) {
    .social_header:before {
        font-size: 1em;
    }
}

.social_header a {
    font-size: 2.2em;
    color: white;
    text-decoration: none;
    margin-right: 20px;
    margin-top: 12px;
    transition: 0.3s;
    white-space: nowrap;
    padding-bottom: 6px;
}

@media only screen and (max-width: 768px) {
    .contact_header,
    .contact_header_form_contatti {
        align-items: center;
        flex-direction: column-reverse;
    }
    .social_header {
        display: flex;
        justify-content: center;
    }
    .menu_main_new .navbar-default .navbar-collapse,
    .menu_main_new .navbar-default .navbar-form {
        border-color: transparent !important;
    }
    .no_block_mobile {
        position: relative !important;
    }
}

@media only screen and (max-width: 1200px) {
    .contact_header a,
    .contact_header_form_contatti a {
        font-size: 1.4em !important;
        margin-right: 0 !important;
    }
    .menu_main_new a {
        font-size: 1.1em !important;
        padding: 16px 0px !important;
    }
    .menu_main_new .navbar-nav {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .menu_main_new a {
        font-size: 16px !important;
        padding: 10px 12px !important;
    }
    .il_nostro h1 {
        font-size: 16px !important;
    }
    .il_nostro h4 {
        font-size: 16px !important;
        font-weight: 700 !important;
        text-transform: lowercase !important;
    }
    #colonna_risultati {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.contact_header a,
.contact_header_form_contatti a {
    font-size: 1.4em;
    color: white;
    text-decoration: none;
    margin-right: 20px;
    margin-top: 12px;
    transition: 0.3s;
    white-space: nowrap;
    padding-bottom: 6px;
    font-weight: 600;
}

.contact_header i,
.contact_header_form_contatti i {
    font-size: 1.45em;
    margin-right: 16px;
    margin-left: 14px;
}

.contact_header_form_contatti_container {
    margin-left: -20px;
}

.contatti_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contatti_footer a {
    font-size: 1.3em;
    color: whitesmoke;
    text-decoration: none;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.contatti_footer a:hover i {
    transform: translateX(1px) rotate(20deg);
}

.contatti_footer_mail_phone {}

@media only screen and (max-width: 1300px) {
    .contatti_footer_mail_phone {
        flex-wrap: wrap;
    }
}

.contatti_footer_mail_phone .phone_footer {
    margin-right: 12px;
    padding-right: 12px;
}

@media only screen and (max-width: 768px) {
    .phone_footer {
        border-color: transparent !important;
    }
}

.contatti_footer i {
    transition: 0.5s;
}

.contatti_footer i::before {
    margin-right: 12px;
    font-size: 1.6em;
    font-family: 'FontAwesome';
}

.contact_header a:not(.tel_header):hover,
.contact_header_form_contatti a:not(.tel_header):hover {
    transform: translateX(2px)
}

.contact_header a.email_header:hover,
.contact_header_form_contatti a.email_header:hover {
    color: var(--colore2);
}

#social_footer_container {
    /*position: absolute;*/
    top: 0;
}

.social_footer {
    display: flex;
    justify-content: flex-end;
    margin-left: 30px;
}

.social_footer a {
    font-size: 2.8em;
    color: white;
    text-decoration: none;
    transition: 0.3s;
    margin: 0px 12px;
}

.social_footer a:hover {
    color: var(--colore2);
}

@media only screen and (max-width: 768px) {
    .social_footer a {
        font-size: 1.8em !important;
        font-weight: 200;
    }
    .testi_footer a {
        color: white;
        text-decoration: none !important;
    }
    .testi_footer {
        line-height: 1;
    }
}

.facebook_header::before {}

.instagram_header::before {}

.email_header::before {}

.youtube_header::before {}

.whatsApp_header::before {}

.tel_header {
    background: linear-gradient(to left, var(--colore1) 50%, var(--colore2) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    color: white !important;
    padding-right: 20px;
    transition: 0.5s !important;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    display: flex;
    align-items: center;
}

.tel_header::before {
    font-family: 'FontAwesome';
    content: "\f095";
    padding: 0px 10px;
    background-color: var(--colore1);
    font-size: 40px;
    margin-right: 10px;
    c
}

.tel_header:hover {
    background-position: right;
}

#row_menu {
    display: flex !important;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #row_menu {
        flex-direction: column-reverse;
        width: 100%;
        margin: 0;
    }
    #line_menu {
        width: 100%;
    }
    #col_menu {
        padding-bottom: 12px;
        box-shadow: 0px 4px 6px rgb( 0 0 0 /20%);
    }
}

.logo_main {
    position: relative;
    z-index: 100;
}

.logo_mobile {
    position: absolute;
    width: 150px;
    z-index: 100;
}

.logo_main img {
    width: 100%;
    display: block;
    margin: auto;
    transition: 0.5s;
    margin-top: 5px !important;
}

@media only screen and (max-width: 768px) {
    .logo_main img {
        width: 80% !important;
    }
    .logo_main {
        /*position: absolute !important;*/
        width: 100%;
        /*top: -15px;*/
    }
    .fix_mobile_top .logo_main {}
    #logo_no_header_lay {}
    .position_ere {
        position: inherit !important;
    }
    /*#row_menu_img.fix_mobile_top .logo_main
    {
        width: 50% !important;
        position: fixed;
        top: -64px;
        z-index: 29;
    }*/
}

.mobile_header_ico {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
}

.mobile_social_header a {
    color: white;
    font-size: 1.6em;
    margin-right: 12px;
}

.mobile_social_contact a {
    color: white;
    font-size: 1.6em;
    margin-left: 6px;
}

.mobile_header_ico .whatsApp_header img {
    width: auto;
    height: 0.8em;
    margin-right: 4px;
    position: relative;
    top: -3px;
}

@media only screen and (max-width: 768px) {
    .redux_mobile h1 {
        font-size: 1.5em !important;
    }
    .redux_mobile h1 span {
        font-size: 23px !important;
    }
    .redux_mobile h1 span>strong {
        font-weight: 600;
    }
    #scopri {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .no_padding>div {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .redux_mobile2 h1 {
        font-size: 30px !important;
        font-weight: 700 !important;
    }
    .redux_mobile2 h4 {
        font-size: 16px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .redux_mobile2 h4>span {
        font-size: 16px !important;
    }
    #numeri {
        padding-top: 20px !important;
    }
    #numeri_2 {
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
}

#sezione_menu {
    position: fixed;
    width: 100% !important;
}

@media only screen and (max-width: 768px) {
    #sezione_menu {
        /*position: inherit !important;*/
    }
}

.fix_mobile_top {
    position: fixed !important;
    top: 0;
    background: white;
    z-index: 5;
    width: 100%;
}

.menu_main_new ul.nav.navbar-nav {
    display: flex !important;
    float: none;
    vertical-align: top;
    justify-content: space-between;
    align-items: center;
}

.menu_main_new li {
    width: fit-content;
    height: fit-content;
    padding: 0 0;
}

@media only screen and (max-width: 768px) {
    .menu_main_new li {
        width: 200px;
        justify-content: center;
        border-bottom: none !important;
    }
}

.menu_main_new li.tel_menu {
    display: flex;
    align-items: baseline;
    background-color: var(--colore2);
    border-radius: 25px;
    padding: 1px 15px 1px 15px;
    margin-left: 6px;
}

.menu_main_new li.tel_menu::before {
    color: white;
    font-size: 20px;
    font-family: 'FontAwesome';
}

.menu_main_new li.tel_menu a {
    border-radius: 20px;
    margin: 0 !important;
    color: white !important;
    font-size: 20px !important;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800 !important;
}

.menu_main_new li.tel_menu a:hover {
    color: var(--colore4) !important;
    background-color: transparent !important;
}

.menu_main_new li.stima_menu {
    display: flex;
    align-items: baseline;
    background-color: var(--colore2);
    border-radius: 25px;
    padding: 1px 15px 0px 15px;
    margin-left: 6px;
}

@media only screen and (max-width: 768px) {
    .menu_main_new li.stima_menu {
        margin-bottom: 12px;
    }
}

.menu_main_new li.stima_menu a {
    border-radius: 20px;
    margin: 0 !important;
    color: white !important;
    font-size: 20px !important;
    font-family: 'Urbanist', sans-serif;
    font-weight: 800 !important;
}

.menu_main_new li.stima_menu a:hover {
    color: var(--colore2) !important;
    background-color: transparent !important;
}

.menu_main_new .nav>li>a {
    background: transparent;
    padding: 8px 0.5vw 8px 0.5vw;
    transition: 0.5s;
    font-size: 20px;
    border-radius: 25px;
    text-align: center;
    margin-left: 0.2vw;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--colore1);
}

.menu_main_new a:hover {
    color: var(--colore2) !important;
}

.menu_main_new .navbar-collapse {
    padding-right: 0px;
    padding-top: 7px;
}

.menu_main_new .dropdown-menu>.active>a {
    background: var(--colore2);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    pointer-events: none;
}

.mattonella_icon a {
    background: linear-gradient(to right, whitesmoke 50%, var(--colore2) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    color: var(--colore1);
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    width: fit-content;
    text-decoration: none;
    transition: 0.5s;
}

.mattonella_icon a:hover {
    background-position: right;
}

.telefono a::before {
    font-family: 'FontAwesome';
    content: "\f095";
    position: relative;
    height: 100%;
    background: whitesmoke;
    color: var(--colore1);
    font-size: 2em;
    padding: 5px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mattonella_icon h4 {
    font-size: 1.5em;
    font-weight: 800;
    padding-right: 6px;
    padding: 0px 12px;
}

.menu_footer_lay .tel_menu {
    display: none;
}

.menu_footer_lay a {
    padding: 5px 0 !important;
    width: fit-content;
    font-size: 16px;
    font-weight: 500;
}

.menu_footer_lay .navbar {
    margin-bottom: 12px;
}

.menu_footer_lay ul {
    display: flex !important;
    flex-direction: column;
}

.menu_footer_lay .collapse.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border: none;
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    #footer_no_mobile {
        display: none !important;
    }
    .menu_footer_lay .navbar-header {
        display: none;
    }
    .menu_footer_lay .navbar-nav {
        margin: 0 !important;
    }
    .menu_footer_lay a {
        font-size: 14px;
    }
    .img_footer {
        margin: auto;
    }
    .img_footer img {
        margin: auto;
        display: block;
    }
    .contatti_footer {
        text-align: center;
    }
}

.voce_menu_footer_sottile a {
    font-weight: 200;
}

@media only screen and (max-width: 768px) {
    .menu_footer_lay ul {
        align-items: center;
    }
}


/*home*/


/*MATTONELLE PROTOCOLLO*/

.mat_chiamaci,
.mat_mail {}

.mat_chiamaci a,
.mat_mail a {
    display: flex !important;
    background: var(--colore4);
    padding: 14px 14px;
    transition: 0.5s;
    position: relative;
    align-items: center;
    justify-content: center;
}

.mat_chiamaci a:hover,
.mat_mail a:hover {
    text-decoration: none;
}

.mat_chiamaci h4:before {
    font-family: 'FontAwesome';
    content: '\f095';
    margin-right: 12px;
}

.mat_mail h4:before {
    font-family: 'FontAwesome';
    content: '\f0e0';
    margin-right: 12px;
}

.mat_chiamaci h4,
.mat_mail h4 {
    font-size: 1.5em;
    color: white;
    text-align: center;
    transition: 0.5s;
}

@media only screen and (max-width: 768px) {
    .mat_chiamaci h4,
    .mat_mail h4 {
        font-size: 1.1em !important;
    }
}

.mat_chiamaci a:hover h4,
.mat_mail a:hover h4 {
    transform: scale(1.3);
}

.mat_consulenza {
    height: 100%;
}

.mat_consulenza a {
    background: var(--colore1);
    padding: 12.5px;
    transition: 0.5s;
    position: relative;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.mat_consulenza a:hover {
    text-decoration: none;
}

.mat_consulenza a:hover h4 {
    transform: scale(1.2);
}

.mat_consulenza h4 {
    color: white;
    font-weight: 800;
    font-size: 1.72em;
    text-align: center;
    transition: 0.5s;
}

@media only screen and (max-width: 1053px) {
    .mat_consulenza h4 {
        font-size: 1.2em !important;
    }
}

.freccia_down_container {
    background: var(--colore2);
    display: block;
    margin: auto;
    width: fit-content;
    padding: 12px 19px;
    /*border-radius: 50%;*/
    clip-path: circle(27px);
    position: relative;
    top: 50px;
    filter: drop-shadow(2px 3px 4px rgb(0 0 0/21%));
}

.freccia_down_container i {
    color: white;
    font-size: 2.2em;
    text-align: center;
}

.no_top {
    top: 0px !important
}

@media only screen and (max-width: 768px) {
    .no_top {
        margin-top: 20px;
    }
}


/*sezione immgine blur*/

#img_1_row {
    position: relative;
}

#img_1_row::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb( 0 0 0 /55%);
}

@media only screen and (max-width: 1200px) {
    .widget_ricerca_home form {
        flex-direction: column;
    }
    .widget_ricerca_home form>div {
        max-width: unset !important;
        width: 100%;
    }
}

#block_on_scroll {
    width: 100%;
    z-index: 999999;
    display: flex !important;
    align-items: stretch;
}

#block_on_scroll .editor_colonna {
    position: static !important;
}

@media only screen and (max-width: 768px) {
    #freccia_down_container_parent {
        height: 20px;
    }
    .freccia_down_container {
        top: -10px !important;
        z-index: 9;
    }
    #block_on_scroll {
        display: flex !important;
        align-items: stretch;
    }
    #block_on_scroll a {
        min-height: 70px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #freccia_down {
        height: 40px;
    }
}

@media only screen and (max-width: 562px) {
    #block_on_scroll a {
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 500px) {
    #block_on_scroll .mat_chiamaci h4,
    #block_on_scroll .mat_mail h4 {
        font-size: 1px !important;
        color: transparent;
    }
    #block_on_scroll .mat_chiamaci h4:before,
    #block_on_scroll .mat_mail h4:before {
        position: relative;
        color: white;
        font-size: 25px;
        margin: 0 !important;
    }
    #block_on_scroll a {
        height: 80px;
    }
}

#logo_no_header_lay {
    position: absolute;
    z-index: 9;
    width: 100%;
    opacity: 0;
    animation: logo_load 1s ease-in 3s forwards;
}

@keyframes logo_load {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    #img_1_row {
        height: unset !important;
        padding-top: 5vh !important;
        padding-bottom: 5vh !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #siamo_qui_container {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #siamo_qui_container h4 {
        font-size: 18px !important;
    }
    #img_1_row h1 span {
        font-size: 40px !important;
    }
    .form_contatti_small form>div.row,
    .form_contatti_small form {
        flex-direction: column !important;
    }
    .testo2 h2 {
        font-size: 2.2em !important;
    }
    .testo1 h3 {
        text-align: center !important;
    }
    .green a {
        width: 100% !important;
    }
    .form_contatti_small input.invia_form_contatti {
        left: 0 !important;
        position: relative !important;
        bottom: unset !important;
        width: 300px !important;
    }
    .form_newsletter h4 {
        font-size: 1.5em !important;
    }
    .form_newsletter input {
        font-size: 1.3em !important;
    }
    .contatti_footer {
        align-items: center;
    }
    .img_metodo_1 img,
    .img_metodo_2 img {
        padding: 0px !important;
    }
    .form_contatti_small form>div.row {
        width: 100%;
    }
    .form_contatti_small form>div.form-group {
        width: 95%;
    }
    .form_contatti_small form .col-sm-6 {
        width: 100%;
    }
    .form_newsletter input.form-control,
    .form_contatti_small input.invia_form_contatti {
        width: 100% !important;
        max-width: 100% !important;
    }
    .widget_ricerca_home form {
        flex-direction: column;
        padding-bottom: 0px !important;
    }
    .img_swipe_mobile {
        filter: invert(59%) sepia(85%) saturate(409%) hue-rotate(36deg) brightness(100%) contrast(88%);
    }
    #social_footer_container {
        position: relative !important;
    }
    .social_footer {
        justify-content: center !important;
        margin-left: 0 !important;
        padding: 12px 0;
    }
    .img_footer img {
        margin-top: 0px;
    }
}

.img_metodo_1 img,
.img_metodo_2 img {
    padding: 0px !important;
    object-fit: cover;
    height: 50vh;
}

.testi_banner_hero {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15vh;
    width: 10vh;
    margin: auto;
}

.testi_banner_hero p {
    width: fit-content;
    font-size: 3em;
}

#testo_img_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 2;
}

.form_contatti_small form {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.form_contatti_small form>div.row {
    display: flex;
    align-content: center;
    flex-direction: column;
}

.form_newsletter form>div.row {
    flex-direction: row;
}

.form_newsletter input.form-control {
    max-width: 350px;
}

.form_contatti_small .col-sm-offset-2.col-sm-10 {
    display: none;
}

.form_contatti_small input.form-control {
    height: 65px;
    border: none;
    width: 40vw;
    border-radius: 12px;
    font-size: 1.7em;
}

.form_contatti_small input.form-control[name='Nome'] {
    width: 25vw;
}

@media only screen and (max-width: 768px) {
    .form_contatti_small input.form-control {}
}

.form_contatti_small input.invia_form_contatti {
    color: whitesmoke;
    background-color: var(--colore1);
    height: 65px;
    width: 200px;
    border: none;
    border-radius: 12px;
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase;
    transition: 0.5s;
    position: absolute;
    right: -30px;
    bottom: 15px;
}

.button_green input.invia_form_contatti {
    background-color: var(--colore2) !important;
    width: 250px;
}

.form_contatti_small input.invia_form_contatti:hover {
    background-color: whitesmoke;
    color: var(--colore1);
}

.text_form_contatti h2 {
    font-weight: 900;
    color: whitesmoke;
    filter: drop-shadow(2px 4px 6px rgb(255 255 255 /20%));
    font-size: 3.5em;
}

.text_form_contatti2 h2 {
    font-size: 5em;
    margin-top: 0;
    font-weight: 900;
}

.text_form_contatti h4 {
    font-size: 2em;
    font-weight: 800;
}

@media only screen and (max-width: 768px) {
    .text_form_contatti h2 {
        font-size: 2.9em;
    }
    .testo2 li::marker {
        font-size: 1.5em !important;
    }
}

@media only screen and (max-width: 1376px) {}

.elemento_in_mezzo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.elemento_in_mezzo:before {
    content: '';
    top: 0;
    left: 0;
    width: 5vw;
    height: 4px;
    background-color: var(--colore1);
}

.elemento_in_mezzo:after {
    content: '';
    top: 0;
    left: 0;
    width: 5vw;
    background-color: var(--colore4);
    height: 4px;
}

.testo1 h3 {
    color: whitesmoke;
    text-align: left;
    padding-bottom: 25px;
    font-size: 2em;
    font-weight: 600;
    filter: drop-shadow(2px 4px 6px rgb(0 0 0/50%));
    line-height: 1.8;
}

.testo1 h4 {
    font-size: 2em;
}

.testo2 h2 {
    color: white;
    text-align: center;
    font-size: 4em;
    font-weight: 600;
    filter: drop-shadow(2px 4px 6px rgb(255 255 255/20%));
}

.testo2 li::marker {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: var(--colore2);
    font-size: 2.5em;
}

.testo2 li {
    padding-left: 12px;
}

#colonna_hero {
    position: relative;
}

#colonna_hero_text {
    position: relative;
}

@media only screen and (max-width: 768px) {
    #colonna_hero_text {
        position: relative;
        top: 90px
    }
    #colonna_hero {
        padding-top: 0vh !important;
        /* height: 60vh !important; */
    }
}

#container_mat_hero {
    position: absolute;
    bottom: 10vh;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
}

#colonna_metodo_sx {
    padding-right: 5vw;
}

#colonna_metodo_dx {
    padding-left: 5vw;
}

.testo_p_base p {
    color: var(--colore1);
    font-size: 2em;
}

.testo_hero1 h1 {
    font-size: 5em;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /20%));
    color: white;
    white-space: pre;
    font-weight: 400;
    line-height: 0.5;
}

.testo_hero1 h4 {
    color: var(--colore2);
    font-size: 2.5em;
    font-weight: 800;
    margin-top: 60px;
}

.inline>div {
    display: flex;
    justify-content: space-between;
    margin: 50px 12px;
    align-items: center;
}

.inline p {
    font-size: 1.8em;
    font-weight: bold;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /30%));
    padding: 0px 12px;
    text-align: center;
    color: var(--colore1);
    width: 33%;
}

.inline_one_element>div {
    display: flex;
    justify-content: space-between;
    margin: 50px 12px;
}

.inline_one_element p {
    font-size: 1.8em;
    font-weight: bold;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /30%));
    padding: 0px 12px;
    text-align: center;
    color: var(--colore1);
    width: 100%;
}

.testo_hero2 h1 {
    text-align: center;
    font-size: 5em;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /30%));
    color: var(--colore1);
    text-transform: uppercase;
}

.testo_hero2 h2 {
    color: var(--colore1);
    text-align: center;
    font-size: 3em;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /30%));
    color: var(--colore1);
    text-transform: uppercase;
}

.testo_hero2 h3 {
    color: var(--colore1);
    text-align: center;
    font-size: 2em;
    filter: drop-shadow(2px 4px 3px rgb(0 0 0 /30%));
    color: var(--colore1);
    text-transform: uppercase;
}

@media only screen and (max-width: 1500px) {
    .testo_hero1 h1,
    .testo_hero2 h1 {
        font-size: 3.5em;
    }
    .testo_hero1 {
        top: 15%;
    }
    .testo_hero2 {
        top: 55%;
    }
}

@media only screen and (max-width: 768px) {
    .prossimo span {
        font-size: 30px !important;
    }
    .testo_hero1 h1,
    .testo_hero2 h1 {
        text-align: center;
        font-size: 3em;
        display: flex;
        flex-direction: column;
        align-items: center;
        filter: none;
        font-weight: 700;
    }
    .testo_hero1 h4 {
        margin-top: 30px !important;
        text-align: center;
    }
    .mattonella_base_2 a {
        margin: auto;
        padding: 6px 10px 5px !important;
    }
    .facile_hero {
        position: relative !important;
        top: 21px;
    }
    .text_titolo h2 {
        font-size: 2.3em !important;
    }
    .flex_row {
        flex-direction: column;
    }
    .menu_main_new ul.nav.navbar-nav {
        flex-direction: column;
        padding-bottom: 10px;
    }
    .testo_protocollo {
        margin-top: 6px !important;
    }
    .text_titolo h1 {
        /*display: flex;*/
        flex-wrap: wrap;
        justify-content: center;
        font-size: 30px !important;
        font-weight: 700 !important;
    }
    .text_titolo h4 {
        font-size: 1.8em !important;
    }
    .titolo_protoccolo h2 {
        font-size: 40px !important;
    }
    .titolo_protoccolo p,
    .font_18 h3 span {
        font-size: 18px !important;
    }
    .titolo_protoccolo>div {
        padding-bottom: 10px !important;
    }
    .menu_main_new button.navbar-toggle {
        width: 50px;
        background-color: transparent !important;
        border: none !important;
        margin-top: 5px !important;
    }
    .menu_main_new .navbar-toggle .icon-bar {
        width: 100%;
    }
    .menu_main_new.navbar-default .navbar-toggle:focus,
    .menu_main_new.navbar-default .navbar-toggle:hover {
        background-color: transparent !important;
    }
    .testo_video_home p {
        line-height: 1;
        text-align: center;
        font-size: 30px !important;
    }
    #colonna_canale_video {
        padding: 0 30px !important;
    }
    #colonna_canale_video p,
    #colonna_canale_video h2 {
        text-align: center;
    }
    #canale_video {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #colonna_canale_video h2 span {
        font-size: 30px !important;
    }
    #colonna_canale_video p {
        font-size: 16px !important;
    }
    #colonna_canale_video .mattonella_base_2 {
        padding: 20px 0;
    }
    .scale_mobile {
        transform: translateX(-54px) scale(0.6);
    }
    .testo_passo h4 {
        font-size: 16px !important;
    }
    .testo_passo h1 {
        text-align: center;
        font-size: 30px !important;
    }
    .testo_passo h1>span {
        font-size: 30px !important;
    }
    .text_titolo h3 {
        font-size: 23px !important;
    }
    .text_titolo h4 {
        font-size: 16px !important;
    }
    .testo_5_punti h3 {
        font-size: 25px;
    }
    .testo_5_punti h3>strong {
        font-weight: 500;
    }
    .testo_5_punti p {
        font-size: 18px !important;
    }
    .testo_5_punti ._container_x_mark {}
    .testo_5_punti ._container_x_mark .x_mark {
        transform: translateX(0%);
    }
    #vendo_facile {
        padding-bottom: 10px !important;
    }
    .grazie_sistema h1 {
        font-size: 25px !important;
    }
    .grazie_sistema p,
    .grazie_sistema p span {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }
    #_5_punti_container {}
    #parlare_di_se_container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    #video_container_mainr .testo_video_home p,
    #parlare_di_se_container .testo_video_home p {
        font-size: 30px !important;
        line-height: 1;
        margin-bottom: 15px;
    }
    #video_container_main .crediamo_sia_giusto_container p,
    #parlare_di_se_container .crediamo_sia_giusto_container p {
        font-size: 16px !important;
        text-align: center !important;
        line-height: 1.1;
    }
    #video_container_main .crediamo_sia_giusto_container p span,
    #parlare_di_se_container .crediamo_sia_giusto_container p span {
        font-size: 14px !important;
    }
    #resta_aggiornato {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #resta_aggiornato h4 {
        font-size: 25px !important;
    }
    #resta_aggiornato h1 {
        font-size: 30px !important;
    }
    #resta_aggiornato h3 {
        font-size: 18px !important;
    }
    #canale_video_container {
        padding-top: 20px !important;
    }
    #allora_ {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .allora_ h2 {
        font-size: 25px !important;
        font-weight: 700;
        margin: 0px !important;
    }
    .allora_ h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0px !important;
    }
    .lista_rischi .caption,
    .lista_storia_LM .caption {
        font-size: 18px !important;
        margin-top: 40px !important;
    }
    #video_container_main {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .reduce_padd {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

.form_contatti_consulenza_vendere h4 {
    font-size: 2em;
    font-weight: 600;
    border-bottom: 2px solid var(--colore1);
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: var(--colore1);
}

.form_contatti_consulenza_vendere input {
    border: none;
    font-size: 1.3em;
    height: 2.5em;
}

.form_contatti_consulenza_vendere #Note {
    border: none;
    font-size: 1.3em;
}

.form_contatti_consulenza_vendere .invia_form_contatti {
    width: 250px;
    background: var(--colore2);
    border: none;
    color: white;
}

.form_contatti_consulenza_vendere #label_campi_obbligatori {
    position: relative;
    top: -53px;
    left: -22%;
    font-size: 1.5em;
}

.text_titolo h1 {
    font-size: 5.5em;
    font-weight: 800;
    color: var(--colore1);
}

.text_titolo h2 {
    font-size: 6em;
    font-weight: 900;
    color: var(--colore1);
    text-transform: uppercase;
}

#row_metodi {
    filter: drop-shadow(2px 4px 6px darkolivegreen);
}

.line_after h2 {
    display: flex;
    align-items: center;
    white-space: pre;
}

.line_after h2::after {
    content: "";
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: var(--colore2);
    margin: 0 35px;
}

.text_titolo h3 {
    font-size: 2.5em;
    font-weight: 600;
    color: var(--colore2);
}

.text_titolo h4 {
    font-size: 2.2em;
    font-weight: 900;
    color: var(--colore2);
    margin-top: 0;
}

.text_titolo p {
    font-size: 2em;
    font-weight: 900;
    color: whitesmoke;
    filter: drop-shadow();
}

.dark_p p {
    color: var(--colore1) !important;
}

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

.sottolineatura::after {
    content: '';
    margin-top: 10px;
    width: 120px;
    height: 5px;
    background-color: var(--colore2);
}

.text_paragrafo {
    font-size: 1.5em;
}


/*Storia*/

.testi_storia h1 {
    padding: 15px 0;
    border-bottom: 2px solid var(--colore1);
    font-weight: 800;
    margin: 0 20px;
}

.testi_storia {
    color: var(--colore1);
}

.testi_storia p {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 20px;
    text-align: justify;
}

.red_back {
    background: #ff0000 !important;
    color: white !important;
    font-weight: 700 !important;
}

.grey_back {
    background: var(--colore1) !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 10px 0 15px;
}

.grey_back p {
    margin: 0;
    padding: 0 15px;
}

.green_back {
    background: var(--colore2) !important;
    color: white !important;
    font-weight: 700 !important;
}

@media only screen and (max-width: 768px) {
    #vendo_casa_img {
        width: 300px !important;
        height: auto !important;
    }
    .vendo_casa_img img {
        width: 350px !important;
        height: auto !important;
    }
}

.lista_protocollo_5_punti .thumbnail {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    max-width: 300px;
    margin: auto;
    margin-bottom: 55px;
    min-height: 390px;
    transition: 0.5s;
    border: none;
    text-decoration: none !important;
    position: relative;
}

.lista_protocollo_5_punti .thumbnail:hover {
    background: var(--colore2);
}

.lista_protocollo_5_punti .thumbnail:hover .caption {
    /*color: var(--colore1);*/
}

.lista_protocollo_5_punti .thumbnail:hover img {
    /*filter: invert(100%) sepia(92%) saturate(0%) hue-rotate(298deg) brightness(109%) contrast(101%);*/
}

.lista_protocollo_5_punti .thumbnail h4 {
    font-size: 2.5em;
    text-align: center;
    font-weight: 700;
    color: var(--colore1);
}

.lista_protocollo_5_punti .thumbnail h4 strong {
    font-weight: 900;
}

.lista_protocollo_5_punti .thumbnail img {
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    filter: invert(29%) sepia(2%) saturate(1277%) hue-rotate(175deg) brightness(92%) contrast(85%);
}

@media only screen and (max-width: 1500px) {
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(3),
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(4),
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(5) {
        min-width: 50%;
    }
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(5) {
        display: block;
        margin: auto;
        position: relative;
        left: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .lista_protocollo_5_punti .schede_bootstrap {
        padding-top: 20px !important;
    }
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(5) {
        display: block;
        margin: auto;
        position: relative;
        left: 0 !important;
    }
    .lista_protocollo_5_punti .thumbnail img {
        max-width: 100px !important;
        max-height: 100px !important;
        margin-bottom: 0 !important;
    }
    .lista_protocollo_5_punti .thumbnail {
        min-height: 290px !important;
        max-width: 260px !important;
    }
    .lista_protocollo_5_punti .thumbnail h4 {
        font-size: 1.5em !important;
    }
    .lista_protocollo_5_punti .numero_scheda {
        font-size: 25px !important;
    }
}

.lista_protocollo_5_punti .numero_scheda {
    background-color: var(--colore1);
    color: white;
    font-size: 2.5em;
    font-weight: 900;
    text-align: center;
    width: 50px;
    padding: 12px;
    margin: auto;
    top: -6px;
    left: 50%;
    transform: translate(-50%);
}

@media only screen and (max-width: 768px) {
    .lista_protocollo_5_punti .numero_scheda {
        left: unset !important;
        transform: unset !important;
    }
    .lista_protocollo_5_punti .schede_bootstrap>div {
        width: 100% !important;
    }
}

.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(1),
.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(2) {
    width: 50%;
}

.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(3),
.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(4),
.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(5) {
    width: 33%;
}

.lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(4) .thumbnail:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 10%;
    width: 60px;
    height: 92px;
    background-image: url(https://www.facilerogitare.it/libreria/coccarda_rossa_200x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .lista_protocollo_5_punti .schede_bootstrap>div:nth-of-type(4) .thumbnail:before {
        content: '';
        position: absolute;
        top: 10px !important;
        right: 10%;
        width: 40px !important;
        height: 60px !important;
        background-image: url(https://www.facilerogitare.it/libreria/coccarda_rossa_200x.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

._container_x_mark {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0.6;
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    ._container_x_mark {
        line-height: 1 !important;
        margin-top: 12px !important;
    }
}

.x_mark:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    position: relative;
    top: 0;
    left: 0;
    font-size: 2em;
    color: #ff0000;
    width: 30px;
    margin-right: 5px;
}

.x_mark {
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 1.2em;
    line-height: 1;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .x_mark {
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        max-width: 400px;
        text-align: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .x_mark:after {
        display: none;
    }
    .x_mark:before {
        width: 100% !important;
        font-size: 35px;
        padding-bottom: 6px;
    }
    .grazie_sistema {
        line-height: 0.98;
    }
    .grazie_sistema span {
        font-weight: 500;
        font-size: 0.85em;
    }
    .prenota_su_consulenza h3 {
        line-height: 1.3;
    }
    .prenota_su_consulenza h3 span {
        font-size: 25px !important;
        font-weight: 700;
    }
    #immobili_evidenza {
        padding-top: 40px !important;
    }
    .widget_ricerca_home select,
    .widget_ricerca_home input {
        font-size: 18px !important;
    }
    .widget_ricerca_home button {
        font-size: 18px !important;
    }
    #ricerca_avanzata {
        padding-top: 30px !important;
    }
    #ci_piace {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ci_piace p {
        font-size: 25px !important;
        text-transform: uppercase;
    }
}

.titolo_protoccolo h2 {
    font-size: 4em;
    font-weight: 900;
    color: var(--colore2);
}

.titolo_protoccolo p {
    font-weight: 800;
    font-size: 2em;
}

.testo_protocollo {
    margin-top: 30px;
}

.testo_protocollo h2 {
    color: var(--colore1);
    text-align: center;
    font-size: 4em;
    font-weight: 900;
    font-style: italic;
}

.testo_protocollo p {
    color: var(--colore1);
    font-weight: 600;
    font-size: 2em;
}

.testo_protocollo>div {
    display: flex;
    flex-direction: column;
    max-width: 360px;
    margin: auto;
    align-items: flex-start;
    /* padding-left: 30px; */
    font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
    .testo_protocollo>div {
        max-width: 306px !important;
        padding-left: 0 !important;
        font-size: 1em !important;
        transform: translateX(33px);
    }
    .testo_protocollo p.check_mark {
        font-size: 18px !important
    }
}

.testo_protocollo p.check_mark {
    font-weight: 700;
    font-size: 1.5em;
}

.testo_protocollo p.check_mark:before {
    content: '\f00c';
    position: relative;
    font-family: 'FontAwesome';
    color: var(--colore2);
    margin-right: 10px;
}

.img_protocollo {
    width: 120px;
    display: block;
    margin: auto;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
}

#sezione_immobili {}

.lista_immobili .thumbnail {
    padding: 0;
    position: relative;
    border: none;
    box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 20%);
    text-decoration: none;
    transition: 0.5s;
    overflow: hidden !important;
}

.lista_immobili .thumbnail:hover {
    box-shadow: none;
}

.lista_immobili .thumbnail:hover #prezzo_immobile {
    opacity: 1;
}

.lista_immobili .thumbnail:hover>img {
    transform: scale(1.1);
}

.lista_immobili .thumbnail:hover>p {
    background: var(--colore2);
}

.lista_immobili .thumbnail .caption {
    padding: 15px;
    background: white;
    z-index: 2;
    position: relative;
    padding-top: 0;
}

.lista_immobili .thumbnail .caption h4 {
    display: flex;
    align-items: flex-start;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--colore1);
    min-height: 4rem;
}

.lista_immobili .thumbnail h5::before {
    font-family: 'FontAwesome';
    content: "\f041";
    font-size: 1em;
    color: var(--colore4);
    margin-right: 5px;
}

.lista_immobili .thumbnail h5 {
    margin-bottom: 5px;
    font-size: 1.3em;
}

.lista_immobili .thumbnail .caption p {
    color: var(--colore4);
    max-height: 5rem;
    margin-bottom: 12px;
    overflow: hidden;
    font-size: 1.2em;
}

.lista_immobili .thumbnail div.row:nth-child(7) {
    display: flex;
}

.lista_immobili .thumbnail>p {
    width: fit-content;
    padding: 14px 22px 11px 22px;
    color: white;
    background: var(--colore1);
    border-radius: 10px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 20px;
    transition: 0.5s;
    font-size: 1.2em;
    font-weight: 700;
}

.lista_immobili .thumbnail>img {
    min-height: 30vh;
    max-height: 30vh;
    object-fit: cover;
    transition: 0.5s;
    transform: scale(1.01);
}

.lista_immobili #prezzo_immobile {
    position: absolute;
    right: 0;
    font-size: 2.5em;
    background: var(--colore2);
    padding: 2px 20px 0px 25px;
    color: whitesmoke;
    display: flex;
    justify-content: space-around;
    opacity: 0.9;
    transition: 0.5s;
    font-weight: 900;
    z-index: 2;
    border-top-left-radius: 10px;
    transform: translateY(-96%);
    width: fit-content;
    top: 30vh;
}

.lista_immobili #codice_immobile,
.lista_immobili #indirizzo_immobile {
    display: none;
}

.lista_immobili h6 {
    position: absolute;
    right: 15px;
    bottom: 41%;
}

.lista_immobili #condizioni_immobile {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5em;
    color: white;
    background: var(--colore4);
    z-index: 2;
    border-bottom-left-radius: 10px;
    text-align: right;
    width: fit-content;
    /* padding: 4px 15px; */
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    .lista_immobili #condizioni_immobile {
        opacity: 0;
    }
}

.lista_immobili #comune_immobile {
    background: white;
    color: var(--colore2);
    font-size: 2em;
    font-weight: 800;
    padding: 6px 15px 1px;
    text-align: right;
    padding-right: 30px;
}

@media only screen and (max-width: 1800px) {
    .lista_immobili #prezzo_immobile {
        font-size: 1.5em;
    }
}

.lista_immobili #prezzo_immobile::before {
    content: "€";
    margin-right: 10px;
}

.lista_immobili #locali_immobile,
.lista_immobili #camere_immobile,
.lista_immobili #bagni_immobile {
    color: var(--colore1);
    font-size: 1.4em;
    padding-bottom: 12px;
    margin-left: 12px;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.lista_immobili #locali_immobile span,
.lista_immobili #camere_immobile span,
.lista_immobili #bagni_immobile span {
    text-align: center;
}

.lista_immobili #camere_immobile,
.lista_immobili #bagni_immobile {
    margin-left: 0;
}

.lista_immobili #bagni_immobile {
    margin-right: 15px;
}

.lista_immobili #locali_immobile::before {
    font-family: 'FontAwesome';
    content: '\f009';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili #camere_immobile::before {
    font-family: 'FontAwesome';
    content: '\f236';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili #bagni_immobile::before {
    font-family: 'FontAwesome';
    content: '\f2cc';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili #garage_immobile,
.lista_immobili #provincia_immobile {
    display: none;
}

.lista_immobili .thumbnail>div:nth-child(5)::before {
    content: "";
    position: relative;
    height: 2px;
    width: 100%;
    background: var(--colore4);
    display: block;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mattonella_base_1 a {
    background-color: var(--colore1);
    color: white;
    padding: 12px 6px;
    text-align: center;
    border-radius: 13px;
    text-decoration: none;
    border: none;
    transition: 0.5s;
    border: 2px solid var(--colore1);
}

.mattonella_base_1 a:hover {
    background-color: white;
    border-color: var(--colore2);
}

.mattonella_base_1 a:hover h4 {
    color: var(--colore1);
}

.mattonella_base_2 a {
    background-color: var(--colore2);
    color: white;
    font-weight: bold;
    padding: 12px 2.4vw 10px 2.4vw;
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    border: none;
    transition: 0.5s;
    width: fit-content;
    /*position: relative;*/
    z-index: 99;
}

.full_width a {
    min-width: 100% !important;
}

.centrato a {
    margin: auto;
}

.grigia a {
    background-color: var(--colore1) !important;
    border-radius: 35px;
    border-color: var(--colore1);
}

.grigia a:hover {
    background-color: white !important;
}

.grigia a:hover h4 {
    color: var(--colore1);
}

.border_green a {
    border-color: var(--colore2) !important;
}

.border_green a:hover {
    border-color: var(--colore1) !important;
}

.border_white {
    border: 1px solid white;
}

.mattonella_base_2 h4 {
    margin: 0;
}

.mattonella_base_2 a:hover {
    background-color: var(--colore1);
    border-color: var(--colore1);
}

.fit_width a {
    width: fit-content;
    padding: 12px 20px;
    display: block;
    margin: 0px auto;
    margin-top: 45px;
    margin-bottom: -33px;
    position: relative;
}

.mattonella_base_3 a {
    background-color: white;
    color: var(--colore1);
    padding: 12px 6px;
    text-align: center;
    border-radius: 13px;
    text-decoration: none;
    border: none;
    transition: 0.5s;
    border: 2px solid white;
}

.mattonella_base_3 a:hover {
    background-color: var(--colore1);
    border-color: var(--colore1);
}

.mattonella_base_3 a:hover h4 {
    color: white;
}

.mattonella_base_1 h4,
.mattonella_base_2 h4 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
}

@media only screen and (max-width: 768px) {
    .mattonella_base_1 h4,
    .mattonella_base_2 h4 {
        font-size: 12px !important;
    }
}

.mattonella_base_3 h4 {
    color: var(--colore1);
    text-transform: uppercase;
}

#scopri {
    scroll-margin: -200px;
}

#colonna_scopri {
    padding: 1vw 3vw 3vw 3vw;
}

.widget_ricerca_home form div:nth-child(5),
.widget_ricerca_home form div:nth-child(6),
.widget_ricerca_home form div:nth-child(7),
.widget_ricerca_home form div:nth-child(8) {
    display: none;
}

.widget_ricerca_home form {
    display: flex;
    justify-content: center;
    align-content: center;
    font-size: 2em;
    text-align: center;
    align-items: baseline;
    padding: 40px 0px;
    max-width: 1500px;
    margin: auto;
}

.widget_ricerca_home form>div {
    max-width: 600px;
    width: 100%;
}

.widget_ricerca_home form>div.text-center {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget_ricerca_home .form-control {
    background-color: transparent;
}

.widget_ricerca_home .form-group.form_group_lista_ricerca {
    margin: 0px 20px;
    background: white;
    border-radius: 12px;
    display: flex;
    align-items: baseline;
    padding: 6px 25px;
}

.widget_ricerca_home select,
.widget_ricerca_home input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    box-shadow: none;
    height: fit-content;
    font-size: 1em;
    color: var(--colore4);
}

.widget_ricerca_home select:focus,
.widget_ricerca_home input:focus {
    border-color: var(--colore2);
    box-shadow: none;
    -webkit-box-shadow: none
}

.widget_ricerca_home button {
    width: 200px;
    padding: 0 50px;
    border: none;
    height: 60px;
    background: var(--colore1);
    position: relative;
    bottom: 5px;
    font-size: 1.1em;
    font-weight: 800;
    transition: 0.5s;
    border-radius: 14px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.widget_ricerca_home label {
    color: #6a6b6d;
    font-weight: 400;
    white-space: nowrap;
}

.widget_ricerca_home button:hover {
    font-weight: 600;
    background-color: var(--colore2);
}


/*Altre Testimonianze*/

.lista_recensione_1_row {
    padding: 0 4vw;
}

@media only screen and (max-width: 1500px) and (min-width: 768px) {
    .lista_recensione_1_row {
        padding: 0 0 !important;
    }
    .lista_recensione_2_row {
        padding: 0 0 !important;
    }
}

@media only screen and (max-width: 1200px) {}

.testo_anteprima {
    margin-bottom: 30px !important;
}

.scopri_di_piu {
    display: inline;
}

.lista_recensione_1_row .thumbnail {
    background: var(--colore1);
    padding: 50px;
    border-radius: 20px;
    box-shadow: 2px 4px 6px rgb( 0 0 0 /30%)
}

@media only screen and (max-width: 768px) {
    .lista_recensione_1_row .thumbnail {
        padding: 20px !important;
        padding-bottom: 50px !important;
    }
    .lista_recensione_1_row .thumbnail:after {
        bottom: 19px !important;
        font-size: 22px !important;
        padding-bottom: 30px;
        text-align: left !important;
        left: 30px !important;
    }
    #label_campi_obbligatori {
        font-size: 1em;
        right: 0;
        left: unset !important;
        top: unset !important;
    }
    .lista_recensione_1_row h4 {
        font-size: 23px !important;
    }
    .lista_recensione_1_row p {
        font-size: 18px !important;
        text-justify: auto;
        text-align: justify !important;
    }
    .lista_recensione_1_row .thumbnail {
        padding: 20px 20px 30px !important;
    }
    .lista_recensione_2_row .thumbnail {
        padding: 20px 20px 30px !important;
    }
    .lista_recensione_2_row h4 {
        font-size: 23px !important;
    }
    .lista_recensione_2_row p {
        font-size: 18px !important;
        text-justify: auto;
        text-align: justify;
    }
    #prossimo {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #prossimo h1 {
        font-size: 30px !important;
    }
}

.expand_descr {
    padding: 6px 12px;
    color: white;
    border-radius: 10px;
    background: var(--colore2);
    font-size: 14px;
    text-decoration: none !important;
    margin-bottom: 12px;
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 5;
}

.expand_descr:hover {
    color: #4b4e52;
}

.lista_recensione_1_row .thumbnail .caption {
    color: white;
    text-align: center;
    font-size: 1.5em;
}

.lista_recensione_1_row .thumbnail .caption h4 {
    font-size: 1.5em;
    font-weight: 700;
}

.lista_recensione_1_row .thumbnail:after {
    content: '\f005   \f005   \f005   \f005   \f005';
    font-family: 'Fontawesome';
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    color: yellow;
    font-size: 1.8em;
}

.lista_recensione_1_row .thumbnail img {
    border-radius: 20px;
}

.lista_recensione_2_row {
    padding: 0 4vw;
}

.lista_recensione_2_row .row.schede_bootstrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.lista_recensione_2_row .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
    margin-bottom: 30px;
}

.lista_recensione_2_row .thumbnail {
    background: var(--colore2);
    border-radius: 10px;
    border: none;
    box-shadow: 2px 4px 6px rgb(0 0 0/30%);
    padding: 20px 40px 30px;
    height: 100%;
}

.lista_recensione_2_row .thumbnail .caption {
    color: var(--colore1);
    text-align: center;
    font-size: 1.5em;
}

.lista_recensione_2_row .thumbnail .caption h4 {
    font-weight: 800;
}

.lista_recensione_2_row .thumbnail .caption p {
    font-weight: 500;
}

.lista_recensione_2_row .thumbnail:after {
    content: '\f005   \f005   \f005   \f005   \f005';
    font-family: 'Fontawesome';
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    color: yellow;
    font-size: 1.5em;
}

.lista_recensione_2_row .thumbnail img {
    max-width: 120px;
    border-radius: 50%;
}


/*sezione interviste*/

@media only screen and (max-width: 768px) {
    #colonna_video_home {
        padding: 0 15px !important;
    }
    .testo_team p {
        text-align: center;
        font-size: 0.7em;
    }
    .testo_team div>p>strong>span {
        display: flex;
        flex-direction: column;
        line-height: 1;
    }
    .lista_recensione_2_row .thumbnail:after {
        content: '\f005   \f005   \f005   \f005   \f005';
        font-family: 'Fontawesome';
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
        height: 20px;
        text-align: center;
        color: yellow;
        font-size: 1.3em;
    }
}

.lista_video_home .thumbnail {
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    background-color: var(--colore4);
    border: none;
    outline: none;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
    box-shadow: 2px 2px 5px 1px darkolivegreen;
}

.lista_video_home .thumbnail:hover {
    box-shadow: none;
}

.lista_video_home .thumbnail h4 {
    color: white;
}

.lista_video_home .thumbnail:hover::after {
    color: var(--colore2);
    opacity: 1;
}

.lista_video_home .thumbnail img {
    pointer-events: none;
    object-fit: cover;
    max-height: 212px;
    min-height: 212px;
}

.lista_video_home .thumbnail::after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f144";
    font-size: 7em;
    top: 40%;
    left: 50%;
    color: whitesmoke;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    transition: 0.5s;
}

.no_button_green .thumbnail::after {
    display: none;
}

.no_button_green .thumbnail {
    margin-bottom: 100px;
}

.lista_video_home .thumbnail .caption {
    padding: 0;
    pointer-events: none !important;
}

.lista_video_home .thumbnail .caption p {
    margin: 0;
    display: none;
}

.lista_video_home .thumbnail .caption h4 {
    padding-left: 12px;
    padding-bottom: 0;
    font-size: 1.1em;
    font-weight: normal;
    display: flex;
    align-items: center;
    text-decoration: none;
    /* white-space: pre; */
}

.lista_video_home .thumbnail .caption h4::after {
    width: 0%;
    content: "";
    height: 3px;
    background-color: whitesmoke;
    filter: drop-shadow(2px 4px 6px rgb( 0 0 0 /20%));
    border-radius: 5px;
}

.lista_video_home .embed-responsive {
    display: none;
}

@media only screen and (max-width: 768px) {
    .lista_video_home .embed-responsive {
        display: block !important;
    }
    .lista_video_home .thumbnail img {
        display: none;
    }
    .lista_video_home .thumbnail::after {
        display: none !important;
    }
    .lista_video_home .thumbnail .caption p {
        display: block;
        color: white;
        padding: 0px 15px 15px;
        font-size: 18px;
    }
    .lista_video_home .thumbnail .caption h4 {
        font-size: 18px !important;
    }
    .lista_descrizione_video {
        display: none;
    }
    .video_grande {
        /*display: none;*/
    }
}


/*newsletter*/

.form_newsletter h4 {
    font-size: 2.5em;
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.form_newsletter h4::after {
    width: 100%;
    content: "";
    height: 3px;
    background-color: var(--colore2);
    filter: drop-shadow(2px 4px 6px rgb( 0 0 0 /20%));
    margin: 0 0 0 20px;
    border-radius: 5px;
}

.form_newsletter input {
    font-size: 2em;
    height: fit-content;
}

.form_newsletter .invia_form_contatti {
    color: whitesmoke;
    background-color: var(--colore2);
    border-color: var(--colore2);
    transition: 0.5s;
}

.form_newsletter .invia_form_contatti:hover {
    color: var(--colore1);
    background-color: whitesmoke;
}


/*sezione blog*/

.lista_news a.thumbnail {
    padding: 0;
    border: none;
    text-decoration: none;
    transition: 0.5s;
    box-shadow: none;
    margin: 0px 3vw;
}

.lista_news a.thumbnail h4 {
    font-weight: 600;
    color: var(--colore1);
    border-top: 5px solid var(--colore2);
    padding-top: 8px;
    font-size: 2.2em;
}

.lista_news a.thumbnail p {
    font-size: 1.8em;
    font-weight: 300;
}

.lista_news a.thumbnail:hover {
    box-shadow: none;
}

.lista_news a.thumbnail img {
    object-fit: cover;
    min-height: 40vh;
    max-height: 40vh;
}


/*lavora con noi*/

.video_grande_lavora_con_noi {
    padding-bottom: 30px;
}

.video_grande_lavora_con_noi>div {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 20px;
}

.video_grande_lavora_con_noi iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.titolo_noi_siamo h1>span {
    font-size: 2em;
}

@media only screen and (max-width: 768px) {
    .video_grande_lavora_con_noi>div {
        border-radius: 0px !important;
    }
    .testo2 h1>span {
        font-size: 40px !important;
    }
    .testo1 h4 {
        text-align: center;
    }
    #chi_siamo {
        font-size: 0.6em;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #sezione_risposta {
        font-size: 0.6em;
        text-align: center;
    }
    .titolo_noi_siamo h4>span {
        font-size: 23px !important;
    }
    .titolo_noi_siamo h1>span {
        font-size: 1.2em !important;
    }
    .titolo_noi_siamo h1 {
        margin-top: 10px !important;
    }
    .no_mobile {
        display: none !important;
    }
    #contatta {
        padding-top: 0px !important;
        padding-bottom: 12px !important;
    }
    #testimonianze {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #testimonianze2 {
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }
}

@media only screen and (max-width: 1000px) {
    #button_hero_lavoraconnoi {
        /*
        top: 25vh !important;
        opacity: 0;
        */
        top: 1vh !important;
    }
    .lavora_con_noi_button {
        top: 25vh !important;
    }
}

#button_hero_lavoraconnoi {
    position: absolute;
    top: 10vh;
    display: flex !important;
    align-items: center;
    justify-content: end;
    z-index: 20;
    pointer-events: auto;
}

#testi_hero_lavoraconnoi {
    position: absolute;
    bottom: 10vh;
}

#testi_hero_lavoraconnoi h1 {
    font-size: 6em;
    font-weight: 800;
}

#testi_hero_lavoraconnoi h4 {
    font-size: 3em;
    font-weight: 800;
}

#testi_hero_vendo_casa_facile {
    top: -20px;
    position: relative;
    bottom: 10vh;
}

#testi_hero_vendo_casa_facile h1 {
    font-size: 6em;
    font-weight: 500;
}

#noi_siamo_facile_rogitare {
    font-size: 0.7em;
}

.testo_lavoraconnoi_p2 {
    font-size: 0.8em;
}

@media only screen and (max-width: 768px) {
    #rischi {
        padding-top: 0px !important;
    }
    #testi_hero_vendo_casa_facile {
        top: 10px !important;
    }
    #testi_hero_vendo_casa_facile h1 {
        font-size: 30px;
    }
    #testi_hero_vendo_casa_facile h4 {
        font-size: 14px !important;
    }
    .font_size_mobile {
        font-size: 0.6em;
    }
    .font_size_mobile_2 {
        font-size: 0.7em;
    }
    .ora_puoi p {
        font-size: 23px !important;
        font-weight: 700 !important;
        justify-content: center;
    }
    .text_form_contatti2 {
        font-size: 0.75em;
    }
    .noi_siamo_facile_img {
        width: 50%;
        margin: auto;
    }
    .noi_siamo_facile_img img {
        display: block;
    }
    #noi_siamo_facile_rogitare {
        text-align: center;
    }
    #noi_siamo_facile_rogitare h4 {
        margin-top: 0px;
        font-size: 18px !important;
    }
    #noi_siamo_facile_rogitare h1 {
        font-size: 30px !important;
    }
    .testo_lista_lavora_connoi span {
        font-size: 18px;
    }
    .testo_lista_lavora_connoi ul {
        padding: 0;
        margin-top: 20px !important;
    }
    .testo_lista_lavora_connoi li::marker {
        color: transparent !important;
        height: 1px;
        width: 1px;
    }
    .testo_lista_lavora_connoi li>b::before,
    .testo_lista_lavora_connoi li>strong::before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: var(--colore2);
        font-size: 1em;
        letter-spacing: 10px;
    }
    .testo_lavoraconnoi_p2 {
        text-align: center;
        position: relative;
        top: 10px;
    }
    .testo_lavoraconnoi_p2 p {
        font-size: 18px !important;
    }
    .testo_lavoraconnoi_p2 em {
        font-size: 16px !important;
    }
    #button_hero_lavoraconnoi .richiedi_info_button {
        display: none;
    }
    .stanco p {
        font-size: 20px;
        font-weight: 600 !important;
    }
    #stanco {
        padding-bottom: 0px !important;
        padding-top: 12px !important;
    }
    #vendo_casa_coll {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #protocollo {
        padding-top: 30px !important;
    }
    #protocollo_lista_mobile {
        padding-top: 40px !important;
    }
    #contatta_facile span {
        font-size: 23px !important;
        display: flex;
        justify-content: center;
    }
    #contatta_facile h4 {
        font-size: 18px !important;
    }
    #consulenza {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

#testi_hero_vendo_casa_facile h4 {
    font-size: 3em;
    font-weight: 800;
}

.video_vendo_casa {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 4px 6px rgb(0 0 0/ 80%);
}

.video_vendo_casa .embed-responsive {
    padding-bottom: 52%;
}

#hero_lavora_con_noi {
    min-height: 100vh;
    position: relative;
}

#hero_vendo_casa_facile {
    min-height: 23vh;
}

@media only screen and (max-width: 768px) {
    #testimonianze_video {
        padding-top: 30px!important;
        padding-bottom: 30px !important;
    }
    #open_house_sez {
        padding-top: 20px!important;
        padding-bottom: 40px!important;
    }
    #video_vendo_casa {
        padding-top: 20px !important;
    }
    .scopri_di_piu {
        display: none !important;
    }
    #button_hero_lavoraconnoi {
        /*display: none !important;*/
        position: relative !important;
        flex-direction: column;
        top: -7vh !important;
        display: none !important;
    }
    #button_hero_lavoraconnoi>div {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #button_hero_lavoraconnoi>div a {
        margin: 0 !important;
    }
    #hero_vendo_casa_facile {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }
    .il_protocollo span,
    .open_house_facile span {
        font-size: 23px !important;
    }
    .open_house_facile span {
        transform: translateY(13px);
    }
    .open_house_facile img {
        max-width: 380px;
        width: 100% !important;
        padding-bottom: 0px !important;
    }
    .testo_lavoraconnoi_p1 h4 {
        font-size: 18px !important;
        font-weight: 700 !important;
    }
    .testo_lavoraconnoi_p1 p {
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    .testo_lavoraconnoi_p1>div {
        margin-bottom: 20px !important;
    }
}

.testo_lavoraconnoi_p1 h4 {
    font-size: 2.2em;
    font-weight: 800;
}

.testo_lavoraconnoi_p1 p {
    font-size: 2em;
    font-weight: 400;
    color: var(--colore1);
}

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

.testo_lista_lavora_connoi li::marker {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: var(--colore2);
    font-size: 1em;
    letter-spacing: 10px;
}

@media only screen and (max-width: 768px) {
    .testo_lista_lavora_connoi b,
    .testo_lista_lavora_connoi strong {
        font-size: 18px !important;
    }
}

#elemento_top::before {
    content: '';
    height: 5px;
    background: var(--colore2);
    width: 10%;
    position: absolute;
    top: -15px;
    left: 0;
}

#hero_lavora_con_noi::before {
    content: '';
    height: 100%;
    width: 100%;
    background: rgb(0 0 0/40%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#hero_vendo_casa_facile::before {
    content: '';
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (max-width: 768px) {
    #hero_lavora_con_noi::before {}
    #hero_lavora_con_noi {
        padding-top: 200px !important;
        padding-bottom: 0px !important;
        min-height: unset !important;
    }
    #hero_lavora_con_noi {
        background-position: 40% 50% !important;
    }
    #testi_hero_lavoraconnoi h1 {
        font-size: 30px !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
    }
    #testi_hero_lavoraconnoi h4 {
        font-size: 14px !important;
    }
    #testi_hero_lavoraconnoi {
        bottom: 1vh !important;
        font-size: 0.8em;
        position: relative !important;
    }
    .testo_agente_top span {
        font-size: 1.5em !important;
        line-height: 0.8;
        text-align: center;
    }
    .testo_agente_top h1 {
        text-align: center;
    }
    .testo_agente_top h1 span {
        font-size: 35px !important;
        display: flex;
        justify-content: center;
    }
    .testo_agente_top h1 em {
        margin-left: 5px !important;
    }
    .testo_agente_top h4 {
        text-align: center;
        position: relative;
        top: -20px !important;
    }
    .testo_agente_top h4 span {
        padding-top: 0px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    #more {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .mat_lav_noi a {
        margin-top: -10px !important;
    }
    #sezione_risposta {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #sezione_risposta h1>span {
        font-size: 1.6em !important;
    }
    #sezione_risposta h4 {}
    #sezione_risposta p {
        font-size: 0.8em;
    }
    #sezione_risposta ul {
        /*font-size: 0.6em;*/
    }
    .testo_numeri h1 {
        font-size: 30px !important;
        text-align: center;
    }
    .testo_numeri h1>span {
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    .testo_numeri h1 strong {
        display: flex;
        justify-content: center;
    }
    .testo_numeri h1 strong em {
        margin-left: 5px;
    }
    .testo_numeri h4 {
        text-align: center;
    }
    #testo_agente_top_mobile {
        padding-top: 20px;
    }
    .lista_prot_vendo_casa.one_elem .thumbnail {
        padding-top: 0px;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(1),
    .lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(17) {
        padding-top: 30px;
    }
    #staff_1 {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }
    #staff_1 span {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 18px !important;
    }
    #staff_1 span>span {
        padding-top: 6px;
        color: white !important;
    }
    #staff_1 span>span>em {
        padding-bottom: 6px;
        color: var(--colore1) !important;
    }
    #staff_1 span br {
        display: none !important;
    }
}

.lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(-n+15) {
    background: var(--colore1) !important;
}

.lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(n+16) {
    background: white !important;
}

.lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(-n+15) .thumbnail .caption {
    color: white;
}

.lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(n+16) .thumbnail .caption {
    color: var(--colore1);
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(odd) {
    background: var(--colore1);
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(odd) .caption:after {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    transform: translate(13px, -30px);
    right: 0;
    padding: 13px;
    color: white;
    background: var(--colore2);
    clip-path: circle(15px);
    z-index: 1;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(odd) .caption:after {
        display: none;
    }
    .lista_prot_vendo_casa .row.schede_bootstrap>div::after {
        display: none;
    }
    .one_elem {}
    .lista_prot_vendo_casa .caption {
        text-align: center;
    }
    .lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(17) img {
        text-align: center;
        display: block;
        width: 100vw !important;
        max-width: 500px !important;
        margin: auto;
        margin-left: -50px;
    }
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(even) {
    background: white;
    z-index: -1;
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(2) img,
.lista_prot_vendo_casa.one_elem .row.schede_bootstrap>div:nth-child(17) img {
    filter: invert(28%) sepia(8%) saturate(336%) hue-rotate(175deg) brightness(94%) contrast(86%);
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(25)::after,
.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(26)::after,
.lista_prot_vendo_casa .row.schede_bootstrap>div:last-child::after,
.lista_prot_vendo_casa .row.schede_bootstrap>div.clearfix.visible-lg-block::after {
    display: none;
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(even)::after {
    content: '';
    bottom: 0;
    left: 40px;
    position: absolute;
    height: 2px;
    background: var(--colore1);
    z-index: 0;
    width: calc(100% - 80px);
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(odd)::after {
    content: '';
    bottom: 0;
    left: 40px;
    position: absolute;
    height: 2px;
    background: white;
    z-index: 0;
    width: calc(100% - 80px);
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(even) .caption {
    color: var(--colore1);
    /*border-bottom: 2px solid white;*/
}

.lista_prot_vendo_casa .row.schede_bootstrap>div:nth-child(odd) .caption {
    color: white;
    /*border-bottom: 2px solid white;*/
}

.lista_prot_vendo_casa .row.schede_bootstrap {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
    .lista_prot_vendo_casa .row.schede_bootstrap {
        flex-direction: column;
    }
    .lista_prot_vendo_casa .col-xs-6 {
        width: 100%;
    }
}

.lista_prot_vendo_casa .thumbnail {
    height: 100%;
    padding: 20px 40px;
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    scroll-margin-top: 50vh;
}

.lista_prot_vendo_casa .thumbnail .caption {
    /*border-bottom: 2px solid var(--colore1);*/
    font-size: 1.4em;
}

.lista_prot_vendo_casa .thumbnail .caption h4 {
    font-weight: 800;
    font-size: 1.3em;
}

@media only screen and (max-width: 768px) {
    .lista_prot_vendo_casa .thumbnail .caption {
        font-size: 16px !important;
    }
    .lista_prot_vendo_casa .thumbnail .caption h4 {
        font-size: 18px !important;
    }
}

.lista_prot_vendo_casa .col-xs-6.col-sm-6.col-md-6.col-lg-6 {
    padding: 0;
}

.lista_prot_vendo_casa .thumbnail img {
    text-align: center;
    display: block;
    margin: auto;
    max-width: 250px;
    margin-bottom: 50px;
}

.check_prot {
    display: flex;
}

.check_prot:before {
    content: '\f00c';
    position: relative;
    font-family: 'FontAwesome';
    color: white top: 0;
    left: 0;
    width: fit-content;
    height: 20px;
    margin-right: 6px;
}

.container_check {
    background-color: var(--colore1);
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0px;
}

.container_check ul {
    margin: 0;
    padding: 0;
}

.container_check .check_box {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.container_check .check_box span {
    color: white;
    font-weight: 500;
    font-size: 18px;
}

.container_check .check_box i {
    color: var(--colore2);
    filter: drop-shadow(2px 2px 2px rgb(0 0 0/30%));
    font-size: 46px;
    margin-right: 15px;
}

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

.form_candidatura .invia_form_contatti.btn-default,
.form_scheda_immobile .invia_form_contatti.btn-default {
    background-color: var(--colore2);
    border: none;
    color: whitesmoke;
    transition: 0.5s;
    font-size: 2em;
    font-weight: 800;
    padding: 5px 60px;
}

@media only screen and (max-width: 768px) {
    .form_candidatura .invia_form_contatti.btn-default,
    .form_scheda_immobile .invia_form_contatti.btn-default {
        padding: 5px 50px;
        font-size: 1.5em;
    }
    .form_scheda_immobile .pull-right {
        display: flex;
        justify-content: center;
        float: none !important;
    }
}

.form_candidatura .invia_form_contatti.btn-default:hover,
.form_scheda_immobile .invia_form_contatti.btn-default:hover {
    background-color: var(--colore1);
    border: none;
}

.form_candidatura .col-sm-offset-2.col-sm-10,
.form_scheda_immobile .col-sm-offset-2.col-sm-10 {
    display: none;
}

.form_candidatura input.form-control,
.form_candidatura select,
.form_scheda_immobile input.form-control {
    height: 65px;
    border: none;
    width: 100%;
    border-radius: 12px;
    font-size: 1.5em;
    margin: 5px 0;
    color: var(--colore1);
}

.form_candidatura #Quali_informazioni_sta_cercando,
.form_candidatura #Richiedi_informazioni,
.form_candidatura #Note,
.form_candidatura #Breve_descrizione,
.form_scheda_immobile #Richiedi_informazioni {
    border: none;
    width: 100%;
    border-radius: 12px;
    font-size: 1.7em;
    margin: 5px 0;
}

.form_candidatura legend {
    font-size: 1.6em;
    color: var(--colore1);
    padding-top: 15px;
    margin-bottom: 6px !important;
    font-weight: 600;
    border: none;
}

.form_candidatura .panel-body,
.form_scheda_immobile .panel-body {
    width: 100%;
    border-radius: 12px;
    font-size: 1.3em;
    margin: 5px 0;
}

.form_candidatura .panel.panel-default,
.form_scheda_immobile .panel.panel-default {
    border: none;
    background: transparent !important;
    color: #444;
}

.form_candidatura .label_trattamento_dati,
.form_scheda_immobile .label_trattamento_dati {
    display: none;
}

.gallery_planimetrie .lightboxgallery{
    display: flex;
    align-items: center;
}

.form_candidatura h4 {
    font-size: 1.7em;
    color: var(--colore1);
    font-weight: 600;
    padding-bottom: 6px;
    margin-bottom: 12px;
    margin-top: 12px;
}

.lista_schede_lavora_con_noi .thumbnail {
    padding: 0px;
    min-height: 400px;
    position: relative;
    overflow: hidden;
    background: transparent;
    border: none;
    filter: drop-shadow(2px 4px 6px rgb( 0 0 0 /80%));
}

.lista_schede_lavora_con_noi .schede_bootstrap {
    display: flex;
    align-items: center;
}

.lista_schede_lavora_con_noi .schede_bootstrap div:nth-child(2)>div.thumbnail {
    z-index: 2;
    min-height: 450px;
}

.lista_schede_lavora_con_noi .thumbnail img {
    position: absolute;
    z-index: 0;
}

.lista_schede_lavora_con_noi .thumbnail .caption {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    padding-left: 35px;
    padding-right: 35px;
    overflow: hidden;
}

.lista_schede_lavora_con_noi .thumbnail .caption h4 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
}

.lista_schede_lavora_con_noi .thumbnail .caption p {
    color: whitesmoke;
    font-size: 1.2em;
}

.lista_schede_lavora_con_noi .col-sm-4 {
    padding: 0;
}

.guadagno_table_container {
    padding: 0px;
    border-radius: 5px;
    box-shadow: 2px 2px 15px 5px rgb(0 0 0 /40%);
    overflow: hidden;
}

.guadagno_table {
    width: 100%;
}

.guadagno_table td,
.guadagno_table th {
    width: 25%;
    padding: 18px 12px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.guadagno_table .dati td:nth-child(2):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb( 0 0 0 /20%);
    z-index: -1;
}

.guadagno_table .dati td:nth-child(3):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb( 0 0 0 /40%);
    z-index: -1;
}

.guadagno_table .dati td:first-child {
    background-color: rgb(245 245 245 / 90%);
    color: var(--colore1);
    font-size: 2em;
    font-weight: 700;
}

.guadagno_table .dati td:not(:first-child) {
    background-color: rgb(245 245 245 / 90%);
    font-size: 2em;
    color: white;
}

.guadagno_table .dati.dispari td:first-child {
    background-color: rgb( 255 255 255 /60%);
    font-size: 2em;
    font-weight: 700;
}

.guadagno_table .dati.dispari td:not(:first-child) {
    background-color: rgb( 255 255 255 /60%)
}

.guadagno_table .intestazione {
    color: var(--colore1);
    background-color: rgb(245 245 245 / 90%);
    font-size: 2em;
}

.guadagno_table .intestazione .pari {}


/*Grafico*/

g.testi_grafico {
    transform: translate(-12px, 2px);
}

.testi_grafico {
    font-size: 17.6px;
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
}

.testi_grafico,
.cls-2 {
    fill: #fff;
}

#starter_graf_id {
    fill: #87de6b;
    transition: 0.5s;
    opacity: 0;
}

#junior_graf_id {
    fill: #00cf9e;
    transition: 0.5s;
    opacity: 0;
}

#expert_graf_id {
    fill: #00b8c4;
    transition: 0.5s;
    opacity: 0;
}

#tutor_graf_id {
    fill: #009ccf;
    transition: 0.5s;
    opacity: 0;
}

.barre_anim {
    animation: dash 3s linear forwards;
    transform-origin: 100% 74%;
}

@keyframes dash {
    from {
        transform: scaleY(0.1) translateY(-6px) translateX(-6px);
        opacity: 0;
    }
    to {
        stroke-dashoffset: 0;
        transform: scaleY(1) translateY(-6px) translateX(-6px);
        opacity: 1;
    }
}

.piramide {
    opacity: 0;
}

.piramide_anim {
    animation: bottomUp 0.5s ease-in forwards;
}

@keyframes bottomUp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*testimonianze*/

#sezione_video_page {
    filter: grayscale(1) brightness(0.9);
}

.video_grande,
.video_grande_1,
.video_grande_2,
.video_grande_3,
.video_grande_4 {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 2px 2px;
    transition: 0.5s;
}

.video_grande iframe {
    transition: 0.5s;
}

.lista_descrizione_video .thumbnail .embed-responsive {
    display: none;
}

.lista_descrizione_video .thumbnail {
    border: none;
    padding: 0 3vw;
    text-decoration: none;
    pointer-events: none;
    background: transparent;
}

.lista_descrizione_video .thumbnail .caption h4 {
    font-size: 2.5em;
    text-align: center;
}

.lista_descrizione_video .thumbnail .caption p {
    font-size: 1.5em;
    text-align: center;
}


/*scheda immobile*/

.lista_immobili_evidenza_scheda_immobili .list-group-item {
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 25px 0px;
}

.lista_immobili_evidenza_scheda_immobili .list-group-item:hover {
    background-color: white !important;
}

.lista_immobili_evidenza_scheda_immobili #condizioni_immobile {
    /*
    position: absolute;
	color: white;
	z-index: 5;
	background: var(--colore1);
	left: 0;
	width: calc(50%);
	top: 80px;
    */
    display: none;
}

.lista_immobili_evidenza_scheda_immobili img {
    object-fit: cover;
    min-width: 80px;
    min-height: 80px;
    max-height: 80px;
}

.lista_immobili_evidenza_scheda_immobili .col-sm-6 {
    padding-right: 0;
}

.lista_immobili_evidenza_scheda_immobili #prezzo_immobile {
    background: var(--colore2);
    color: white;
    font-weight: 800;
    display: flex;
    position: absolute;
    z-index: 2;
    left: calc(100% + 0px);
    padding: 2px 8px;
    width: fit-content;
    border-radius: 5px;
    top: 0px;
}

.lista_immobili_evidenza_scheda_immobili #prezzo_immobile:before {
    content: '€';
    margin-right: 6px;
}

.lista_immobili_evidenza_scheda_immobili #indirizzo_immobile,
.lista_immobili_evidenza_scheda_immobili #comune_immobile,
.lista_immobili_evidenza_scheda_immobili #provincia_immobile,
.lista_immobili_evidenza_scheda_immobili p {
    display: none !important;
}

.lista_immobili_evidenza_scheda_immobili .list-group-item div.row:last-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    position: relative;
    margin-top: 30px;
}

.lista_immobili_evidenza_scheda_immobili .list-group-item div.row:last-of-type .lca_elemento {
    width: 33%;
    display: flex;
    margin-bottom: 6px;
}

.lista_immobili_evidenza_scheda_immobili .list-group-item div.row:last-of-type .lca_elemento div {
    margin-right: 3px;
    font-weight: 800;
}

.lista_immobili_evidenza_scheda_immobili .caption h4 {
    font-size: 1.1em;
    font-weight: 900;
    color: var(--colore2);
}

.lista_immobili_evidenza_scheda_immobili #locali_immobile:before {
    content: '\f009';
    font-family: 'FontAwesome';
    margin: 0 3px;
}

.lista_immobili_evidenza_scheda_immobili #camere_immobile:before {
    font-family: 'FontAwesome';
    content: '\f236';
    margin: 0 3px;
}

.lista_immobili_evidenza_scheda_immobili #bagni_immobile:before {
    font-family: 'FontAwesome';
    content: '\f2cc';
    margin: 0 3px;
}

.lista_immobili_evidenza_scheda_immobili #garage_immobile:before {
    font-family: 'FontAwesome';
    content: '\f1b9';
    margin: 0 3px;
}

@media only screen and (max-width: 768px) {
    #row_scheda_immobile_titolo {
        padding-top: 20px !important;
    }
}

.label_scheda_immobile h3 {
    font-size: 1.5em;
    font-weight: 800;
    color: var(--colore1);
    border-bottom: 3px solid var(--colore2);
    margin: 20px 0px;
    padding: 6px 0;
    text-transform: uppercase;
}

.label_scheda_immobile p {
    font-size: 1.3em;
    font-weight: 600;
    color: var(--colore1);
}

.flex_col_center {
    display: flex !important;
    justify-content: center;
}

#tabella_referente {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    text-align: center;
}

@media only screen and (min-width: 1000px) {
    #tabella_referente.tab_mobile {
        opacity: 0;
        max-height: 0;
    }
}

.img_referente {
    width: 160px;
}

.img_referente img {
    position: relative;
    object-fit: cover;
}

.referente_intestazione {
    font-size: 2em;
    color: var(--colore1);
    font-weight: 800;
}

.referente_email,
.referente_telefono,
.referente_cellulare {
    font-size: 1.3em;
    color: var(--colore1);
    font-weight: 600;
    display: flex;
    margin: 5px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-width: 1000px) {
    #scheda_ref {
        padding-top: 20px !important;
    }
}

.referente_email:before,
.referente_telefono:before,
.referente_cellulare:before {
    font-family: 'FontAwesome';
    margin-right: 6px;
}

.referente_email:before {
    content: '\f0e0';
}

.referente_telefono:before {
    content: '\f095';
}

.referente_cellulare:before {
    content: '\f232';
}

.referente_email a,
.referente_telefono a,
.referente_cellulare a {
    color: var(--colore4);
    text-decoration: none !important;
    transition: 0.5s;
}

.referente_email a:hover,
.referente_telefono a:hover,
.referente_cellulare a:hover {
    color: var(--colore2);
}

.titolo_immo div {
    font-size: 4em;
    color: var(--colore2);
    font-weight: 900;
}

@media only screen and (max-width: 768px) {
    .titolo_immo div {
        font-weight: 600 !important;
        font-size: 1.6em;
    }
}

.comune_immo,
.indirizzo_immo,
.provincia_immo {
    display: none;
}

#indirizzo_scheda_immobile {
    font-size: 1.2em;
    color: var(--colore1);
}

.mattonella_goback_search a {
    text-decoration: none;
    transition: 0.5s;
    color: var(--colore1);
}

.mattonella_goback_search a:hover h4::before {
    color: var(--colore1);
}

.mattonella_goback_search a:hover h4 {
    display: flex;
    align-items: baseline;
}

.mattonella_goback_search a h4 {
    font-size: 1.6em;
}

.mattonella_goback_search a h4::before {
    font-family: 'FontAwesome';
    content: "\f0d9";
    margin-right: 6px;
    color: var(--colore2);
    transition: 0.5s;
}


/*gallery scheda immobile*/

.galleria-thumbnails .galleria-image {
    border: none;
    width: 100% !important;
    height: auto !important;
    margin: 0px 6px;
    background: #0000;
}

.galleria-container {
    overflow: unset !important;
}

.galleria-thumbnails {
    overflow: hidden;
    position: relative;
    width: 100% !important;
    height: 150px;
    display: flex;
    flex-wrap: nowrap;
}

@media (max-width: 768px) {
    #galleriaio_0 {
        height: 77vw !important;
    }
    .galleria-lightbox-content {
        top: 0 !important;
        bottom: -15px !important;
    }
    .galleria-lightbox-content .galleria-lightbox-image .galleria-image {
        top: 50%;
        transform: translateY(-50%);
    }
}

.schedaImmobileGallery .galleria-container {
    background: transparent!important;
}

.schedaImmobileGallery .galleria-image-nav-left {
    left: 10px!important;
    background-image: none;
}

.schedaImmobileGallery .galleria-image-nav-right {
    right: 0px !important;
    background-image: none;
}

.schedaImmobileGallery .galleria-image-nav-right::before {
    font-family: 'Glyphicons Halflings';
    content: "\e131";
    font-size: 55px;
    color: var(--colore2);
    position: absolute;
    top: 50%;
    transition: 0.5s;
    clip-path: circle(38%);
    background: radial-gradient(circle, white 0%, rgba(0, 0, 0, 0) 75%);
}

.schedaImmobileGallery .galleria-image-nav-left::before {
    font-family: 'Glyphicons Halflings';
    content: "\e132";
    font-size: 55px;
    color: var(--colore2);
    position: absolute;
    top: 50%;
    transition: 0.5s;
    clip-path: circle(38%);
    background: radial-gradient(circle, white 0%, rgba(0, 0, 0, 0) 75%);
}

@media only screen and (min-width: 768px) {
    #galleriaio_0 {
        height: 700px !important;
    }
    .paddig_0_mobile {
        padding-bottom: 0px;
    }
}

#galleriaio_0 {
    background: transparent!important;
}

#galleriaio_0 .galleria-thumbnails-container {}

.galleria-container.notouch {
    height: 900px!important;
    position: relative;
}

.galleria-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: 90vh !important;
    object-fit: contain;
}

.galleria-stage .galleria-images .galleria-image {
    height: 100%!important;
}

.galleria-stage .galleria-images .galleria-image img {
    width: 100% !important;
    height: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
    object-position: top;
}

.galleria-lightbox-close {
    display: none;
}

.galleria-lightbox-box {
    transform: scale(0.8) translateY(11vh);
}

.galleria-lightbox-shadow {
    background: transparent !important;
}


/*fine gallery*/

#colonna_dettagli {
    position: relative !important;
    top: 10px;
    display: flex !important;
    align-items: center;
    justify-content: start;
    z-index: 2;
    margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    #colonna_dettagli {
        flex-wrap: wrap;
        justify-items: center;
        position: relative !important;
        justify-content: start;
    }
}

.camere_immo_gall div,
.bagni_immo_gall div,
.locali_immo_gall div,
.garage_immo_gall div {
    font-size: 1.6em;
    color: var(--colore1);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.prezzo_immo_gall div {
    font-size: 2.5em;
    align-items: center;
    background: var(--colore2);
    padding: 3px 20px;
    color: white;
    font-weight: 800;
    position: absolute;
    top: 15px;
    right: 25px;
    border-radius: 10px;
    display: flex;
}

.prezzo_immo_gall.prezzo_zero div::before {
    content: '';
    margin-right: 6px;
}

@media only screen and (max-width: 768px) {
    .prezzo_immo_gall div {
        position: inherit;
        max-width: fit-content;
        font-size: 22px;
    }
    .camere_immo_gall,
    .bagni_immo_gall,
    .locali_immo_gall,
    .garage_immo_gall {
        transform: scale(0.7);
        max-width: 75px;
    }
}

.prezzo_immo_gall div::before {
    content: '€';
    margin-right: 6px;
}

.camere_immo_gall div::after,
.bagni_immo_gall div::after,
.locali_immo_gall div::after,
.garage_immo_gall div::after {
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.camere_immo_gall div::after {
    content: "Camere";
}

.camere_immo_gall div::before {
    font-family: 'FontAwesome';
    content: '\f236';
    margin: 0 7px;
}

.bagni_immo_gall div::after {
    content: "Bagni";
}

.bagni_immo_gall div::before {
    font-family: 'FontAwesome';
    content: '\f2cc';
    margin: 0 7px;
}

.locali_immo_gall div::after {
    content: "Locali";
}

.locali_immo_gall div:before {
    content: '\f009';
    font-family: 'FontAwesome';
    margin: 0 7px;
}

.garage_immo_gall div::after {
    content: "Garage/P.Auto";
}

.garage_immo_gall div:before {
    content: '\f1b9';
    font-family: 'FontAwesome';
    margin: 0 7px;
}

@media only screen and (max-width: 768px) {
    .codice_immo div,
    .prezzo_immo div,
    .anno_costruzione_immo div,
    .n_locali_immo div,
    .terrazze_immo div,
    .piano_immo div,
    .tipologia_immo div,
    .mq_immo div,
    .bagni_immo div,
    .classe_ene_immo div,
    .ascensore_immo div,
    .garage_immo div,
    .carat_extra_giardino div,
    .contratto_immo div {
        font-size: 16px !important;
    }
    .carat_extra_riscaldamento div,
    .carat_extra_manut div,
    .carat_extra_giardino div,
    .carat_extra_climati div,
    .carat_extra_spese_cond div,
    .carat_extra_Tipo_Impianto div,
    .carat_extra_AriaCond div,
    .carat_extra_stato_immobile div,
    .carat_extra_garage div,
    .carat_extra_boxauto_coperto div,
    .carat_extra_box_auto_scoperto div,
    .carat_extra_postoauto div,
    .carat_extra_stato_occupazione div,
    .carat_extra_balconi div,
    .carat_extra_terrazzi div {
        font-size: 16px !important;
    }
    .descrizione_immobile>div {
        font-size: 18px !important;
    }
    #padding_mobile_reduc_scheda_immobile {
        padding-top: 12px !important;
    }
    #scheda_ref {
        padding-top: 20px !important;
    }
}

.codice_immo div,
.prezzo_immo div,
.anno_costruzione_immo div,
.n_locali_immo div,
.terrazze_immo div,
.piano_immo div,
.tipologia_immo div,
.mq_immo div,
.bagni_immo div,
.classe_ene_immo div,
.ascensore_immo div,
.garage_immo div,
.carat_extra_giardino div,
.contratto_immo div {
    display: flex;
    justify-content: space-between;
    font-size: 1.5em;
    margin: 6px 0;
    font-weight: 800;
    align-items: center;
    color: var(--colore1);
}

.codice_immo div::before,
.prezzo_immo div::before,
.anno_costruzione_immo div::before,
.n_locali_immo div::before,
.terrazze_immo div::before,
.piano_immo div::before,
.tipologia_immo div::before,
.mq_immo div::before,
.bagni_immo div::before,
.classe_ene_immo div::before,
.ascensore_immo div::before,
.garage_immo div::before,
.carat_extra_giardino div:before,
.contratto_immo div::before {
    padding: 3px 0px;
    font-weight: 300;
    font-family: 'Urbanist';
}

.codice_immo,
.prezzo_immo,
.anno_costruzione_immo,
.n_locali_immo,
.terrazze_immo,
.piano_immo,
.tipologia_immo,
.mq_immo,
.bagni_immo,
.classe_ene_immo,
.ascensore_immo,
.garage_immo,
.carat_extra_giardino,
.contratto_immo {
    border-bottom: 1px solid var(--colore1);
}

.contratto_immo div::before {
    content: "Contratto";
}

.codice_immo div::before {
    content: "Codice";
}

.prezzo_immo div::before {
    content: "Prezzo €";
}

.anno_costruzione_immo div::before {
    content: "Anno di Costruzione";
}

.anno_costruzione_immo.ristr div::before {
    content: "Anno di Costruzione/Ristrut.";
}

.n_locali_immo div::before {
    content: "Numero Locali";
}

.terrazze_immo div::before {
    content: "Terrazze/Balconi";
}

.piano_immo div::before {
    content: "Piano";
}

.tipologia_immo div::before {
    content: "Tipologia";
}

.mq_immo div::before {
    content: "Mq";
}

.bagni_immo div::before {
    content: "Bagni";
}

.classe_ene_immo div::before {
    content: "Classe Energetica";
}

.ascensore_immo div::before {
    content: "Ascensore";
}

.descrizione_immobile p {
    font-size: 1.1em;
    font-weight: 500;
    color: var(--colore4);
    line-height: 1.6;
    letter-spacing: 1px;
}

.carat_extra_riscaldamento,
.carat_extra_manut,
.carat_extra_giardino,
.carat_extra_climati,
.carat_extra_spese_cond,
.carat_extra_stato_immobile,
.carat_extra_Tipo_Impianto,
.carat_extra_AriaCond,
.carat_extra_garage,
.carat_extra_box_auto_coperto,
.carat_extra_box_auto_scoperto,
.carat_extra_postoauto,
.carat_extra_stato_occupazione,
.carat_extra_balconi,
.carat_extra_terrazzi {
    border-bottom: 1px solid var(--colore1);
    display: flex;
    align-items: center;
}

.carat_extra_riscaldamento div,
.carat_extra_manut div,
.carat_extra_giardino div,
.carat_extra_climati div,
.carat_extra_spese_cond div,
.carat_extra_Tipo_Impianto div,
.carat_extra_AriaCond div,
.carat_extra_stato_immobile div,
.carat_extra_garage div,
.carat_extra_postoauto div,
.carat_extra_box_auto_coperto div,
.carat_extra_box_auto_scoperto div,
.carat_extra_stato_occupazione div,
.carat_extra_balconi div,
.carat_extra_terrazzi div {
    display: flex;
    justify-content: space-between;
    font-size: 1.5em;
    margin: 6px 0;
    font-weight: 800;
    align-items: center;
    color: var(--colore1);
    width: 100%;
}

.carat_extra_riscaldamento div::before,
.carat_extra_manut div::before,
.carat_extra_giardino div::before,
.carat_extra_climati div::before,
.carat_extra_spese_cond div::before,
.carat_extra_garage div::before,
.carat_extra_box_auto_coperto div::before,
.carat_extra_box_auto_scoperto div::before,
.carat_extra_postoauto div::before,
.carat_extra_stato_occupazione div::before,
.carat_extra_Tipo_Impianto div:before,
.carat_extra_AriaCond div:before,
.carat_extra_stato_immobile div::before,
.carat_extra_balconi div::before,
.carat_extra_terrazzi div::before {
    padding: 3px 0px;
    font-weight: 300;
    font-family: 'Urbanist';
}

.carat_extra_riscaldamento::before,
.carat_extra_manut::before,
.carat_extra_giardino::before,
.carat_extra_climati::before,
.carat_extra_spese_cond::before,
.carat_extra_garage:before,
.carat_extra_box_auto_coperto::before,
.carat_extra_box_auto_scoperto::before,
.carat_extra_postoauto::before,
.carat_extra_stato_occupazione::before,
.carat_extra_Tipo_Impianto:before,
.carat_extra_AriaCond:before,
.carat_extra_stato_immobile::before,
.carat_extra_balconi::before,
.carat_extra_terrazzi::before {
    width: 30px;
}

.carat_extra_balconi div::before {
    content: 'Balcone';
}

.carat_extra_terrazzi div::before {
    content: 'Terrazzo';
}

.carat_extra_Tipo_Impianto div::before {
    content: 'Impianto Riscaldamento';
}

.carat_extra_AriaCond div::before {
    content: 'Aria Condizionata';
}

.carat_extra_riscaldamento div::before {
    content: 'Riscaldamento';
}

.carat_extra_riscaldamento div::before::before {
    content: '';
}

.carat_extra_manut div::before {
    content: 'Stato Manutenzione';
}

.carat_extra_giardino div::before {
    content: 'Giardino';
}

.carat_extra_climati div::before {
    content: 'Climatizzazione';
}

.carat_extra_spese_cond div::before {
    content: 'Spese Condominiali';
}

.carat_extra_garage div::before {
    content: 'Garage';
}

.carat_extra_box_auto_coperto div::before {
    content: 'Garage';
}

.carat_extra_box_auto_scoperto div::before {
    content: 'Box Auto Scoperto';
}

.carat_extra_postoauto div::before {
    content: 'Posto Auto';
}

.carat_extra_stato_occupazione div::before {
    content: 'Stato Occupazione';
}

.carat_extra_stato_immobile div::before {
    content: 'Stato Immobile';
}

.carat_extra_terrazzi::before {
    content: "\f185";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_balconi::before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}


/*.carat_extra_balconi_terrazzi::before {
    content: "\f185";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}*/

.carat_extra_Tipo_Impianto::before {
    content: '\f06d';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_AriaCond::before {
    content: '\f2dc';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_riscaldamento:before {
    content: "\f2c8";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_manut:before {
    content: '\f0ad';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_giardino:before {
    content: '\f1bb';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_climati:before {
    content: '\f2dc';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_spese_cond:before {
    content: '\f07a';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_garage:before {
    content: "\f1b9";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_box_auto_coperto:before {
    content: "\f1b9";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_box_auto_scoperto:before {
    content: "\f1b9";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_postoauto:before {
    content: "\f02b";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_stato_occupazione:before {
    content: '\f090';
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.carat_extra_stato_immobile:before {
    content: "\f085";
    font-family: 'FontAwesome';
    margin-right: 6px;
    font-size: 2em;
}

.lista_accessori .lista_campo {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.lista_accessori .lista_campo .tag_scheda {
    margin-right: 30px;
    font-size: 1em;
    font-weight: 600;
}

.lista_accessori .lista_campo .tag_scheda:before {
    content: '\f00c';
    position: relative;
    font-family: 'FontAwesome';
    color: var(--colore2);
    font-size: 1.8em;
}

#colonna_dettagli_scheda_immobile {
    padding: 20px;
    border: 1px solid var(--colore1);
    margin-top: 15vh;
}

#colonna_form_scheda_immobile {
    padding: 20px;
    border: 1px solid var(--colore1);
}

@media only screen and (max-width: 768px) {
    .contact_header {
        padding-left: 15px;
    }
    .carat_extra_stato_immobile:before,
    .carat_extra_garage:before,
    .carat_extra_box_auto_coperto:before,
    .carat_extra_box_auto_scoperto:before,
    .carat_extra_postoauto:before,
    .carat_extra_stato_occupazione:before,
    .carat_extra_giardino:before,
    .carat_extra_climati:before,
    .carat_extra_spese_cond:before,
    .carat_extra_riscaldamento:before,
    .carat_extra_balconi_terrazzi::before,
    .carat_extra_Tipo_Impianto::before,
    .carat_extra_manut:before {
        font-size: 20px !important;
        width: 30px !important;
        text-align: center;
    }
}

.contact_header_form_contatti {
    display: flex;
    justify-content: flex-start !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
}

.form_contatti_immobile .invia_form_contatti {
    color: white;
    padding: 12px 36px;
    background: var(--colore2);
    font-size: 2em;
    font-weight: 600;
    transition: 0.5s;
}

.form_contatti_immobile .invia_form_contatti:hover {
    background: var(--colore1);
}

.whatsApp_header img {
    max-width: 37px;
    height: auto;
    margin-right: 16px;
}

.immo_disposizione_interna .lista_campo {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.immo_disposizione_interna .lista_campo .tag_scheda {
    background: #f7f7f7;
    color: #333;
    margin-right: 5px;
    margin-bottom: 4px;
    padding: 2px 10px;
    border-radius: 5px;
}


/*pagina immobili*/

.label_elemento h3 {
    text-align: center;
    font-weight: 900;
    color: var(--colore1);
    margin: 0;
}

#colonna_ordina_elementi {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    background: white;
    padding: 10px 15px;
    width: calc(100% - 15px);
}

@media only screen and (max-width: 1000px) {
    #colonna_ordina_elementi {
        width: 100% !important;
        justify-content: center;
    }
}

#colonna_ricerca_immobili {
    padding: 12px 25px;
}

#colonna_ricerca_immobili select,
#colonna_ricerca_immobili input,
#colonna_ordina_elementi select,
#colonna_ordina_elementi input {
    border-radius: 10px;
    background: rgb(247 247 247);
    font-size: 1.3em;
    padding: 10px 12px;
    color: var(--colore4);
    height: fit-content;
    border: none;
    box-shadow: none;
    text-align: left;
}

#colonna_ricerca_immobili label,
#colonna_ordina_elementi label {
    margin-bottom: 5px !important;
    margin-top: 12px;
    font-size: 1.2em !important;
    font-weight: 800;
    color: var(--colore1);
}

#colonna_ricerca_immobili label[for='filter_immo_prezzo']+div.row {
    display: flex;
    flex-direction: column;
}

#colonna_ricerca_immobili label[for='filter_immo_prezzo']+div.row .col-sm-6 {
    width: 100%;
    margin-bottom: 12px;
}

#colonna_ricerca_immobili button[type='button'] {
    background: var(--colore2);
    border: none;
    margin-bottom: 2vh;
    color: white;
    font-size: 2.5em;
    width: 100%;
    transition: 0.5s;
}

.vitual_tour_immo_link {
    display: none;
}

@media only screen and (max-width: 768px) {
    #colonna_ordina_elementi {
        flex-direction: column;
        width: 100%;
        margin: 0;
        align-items: stretch;
        padding: 15px 25px;
    }
    #colonna_ordina_elementi .label_elemento {
        padding-bottom: 12px;
    }
    #no_padding_up_mobile {
        padding-top: 0px !important;
    }
    .padding_up_mobile {
        padding-top: 50px !important;
    }
}

.ordina_lista {}

.ricerca_lista label.lista_ricerca_label {
    font-size: 1.1em !important;
}

.ricerca_lista button[type='button'] {
    background: var(--colore2);
    border: none;
    margin-bottom: 2vh;
    color: white;
    font-size: 2.5em;
    width: 100%;
    transition: 0.5s;
}

.ricerca_lista button[type='button']:hover {
    background: var(--colore1);
}

.lista_immobili .pagination>.active>a,
.lista_immobili_ricerca .pagination>.active>a {
    background-color: var(--colore2) !important;
    border-color: var(--colore2) !important;
}

.lista_immobili_ricerca .list-group-item {
    padding: 0;
    border: none;
    background: white;
    margin: 30px 0;
}

.lista_immobili_ricerca .list-group-item:hover>p {
    background: var(--colore2);
}

.lista_immobili_ricerca .list-group-item>p {
    width: fit-content;
    padding: 14px 22px 11px 22px;
    color: white;
    background: var(--colore1);
    border-radius: 10px;
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 20px;
    transition: 0.5s;
    font-size: 1.2em;
    font-weight: 700;
    bottom: 0px;
    right: 15px;
    position: absolute;
}

@media only screen and (max-width: 1440px) {
    .lista_immobili_ricerca .list-group-item>p {
        /*display: none !important;*/
    }
    .lista_immobili_ricerca .list-group-item>div:nth-child(5) {
        bottom: 10vh;
    }
    .lista_immobili_ricerca #prezzo_immobile {
        font-size: 1.6em !important;
        padding: 7px 20px 5px 16px !important;
    }
    .lista_immobili_ricerca .caption h4 {
        font-size: 1.5em !important;
    }
}

.lista_immobili_ricerca .list-group-item img {
    max-height: 350px;
    min-height: 350px;
    width: 100%;
    object-fit: cover;
}

.lista_immobili_ricerca #prezzo_immobile {
    font-size: 1.6em;
    background: var(--colore2);
    padding: 10px 20px 5px 25px;
    color: whitesmoke;
    display: flex;
    justify-content: space-around;
    opacity: 0.9;
    transition: 0.5s;
    font-weight: 900;
    z-index: 2;
    width: fit-content;
    border-radius: 8px;
    bottom: 13px;
    left: 40px;
}

.lista_immobili_ricerca #prezzo_immobile.prezzo_zero:before {
    content: '';
    margin-right: 6px;
}

.lista_immobili_ricerca #prezzo_immobile:before {
    content: ' € ';
    margin-right: 6px;
}

.lista_immobili_ricerca #indirizzo_immobile {
    display: none;
}

.lista_immobili_ricerca .caption h5::before {
    font-family: 'FontAwesome';
    content: "\f041";
    font-size: 1em;
    color: var(--colore4);
    margin-right: 5px;
}

.lista_immobili_ricerca .caption h6 {
    font-size: 1em;
    margin: 1px;
}

.lista_immobili_ricerca .caption h5 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.3em;
    padding-top: 5px;
}

.lista_immobili_ricerca #condizioni_immobile {
    /*
    position: absolute;
    right: calc(50%);
    top: 2px;
    font-size: 1.5em;
    color: white;
    background: var(--colore4);
    z-index: 2;
    border-bottom-left-radius: 10px;
    text-align: right;
    width: fit-content;
    padding: 4px 15px;
    font-weight: 600;
    */
    display: none;
}

.lista_immobili_ricerca #comune_immobile {
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: -15px;
    background: var(--colore2);
    opacity: 0.9;
    width: fit-content;
    padding: 5px 15px;
    border-top-right-radius: 10px;
}

.lista_immobili_ricerca #provincia_immobile,
.lista_immobili_ricerca #codice_immobile {
    display: none;
}

.lista_immobili_ricerca .col-sm-6.testo {
    position: static;
}

.lista_immobili_ricerca .col-sm-6 {
    padding: 0;
}

.lista_immobili_ricerca .caption h4 {
    color: var(--colore2);
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}

.lista_immobili_ricerca .caption {
    padding: 6px 30px;
}

.lista_immobili_ricerca #locali_immobile,
.lista_immobili_ricerca #camere_immobile,
.lista_immobili_ricerca #bagni_immobile,
.lista_immobili_ricerca #garage_immobile {
    color: var(--colore1);
    font-size: 1.4em;
    padding-bottom: 12px;
    margin-left: 12px;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90px;
}

.lista_immobili_ricerca #locali_immobile {
    padding-left: 0px;
    margin-left: -5px;
}

@media only screen and (max-width: 1195px) {
    .lista_immobili_ricerca #garage_immobile {
        padding-left: 0 !important;
    }
    .lista_immobili_ricerca #camere_immobile {
        padding-left: 0 !important;
    }
}

.lista_immobili_ricerca #locali_immobile span,
.lista_immobili_ricerca #camere_immobile span,
.lista_immobili_ricerca #bagni_immobile span,
.lista_immobili_ricerca #garage_immobile span {
    text-align: center;
}

.lista_immobili_ricerca #camere_immobile,
.lista_immobili_ricerca #bagni_immobile,
.lista_immobili_ricerca #garage_immobile {
    margin-left: 0;
}

.lista_immobili_ricerca #bagni_immobile {
    margin-right: 0px;
}

.lista_immobili_ricerca #locali_immobile::before {
    font-family: 'FontAwesome';
    content: '\f009';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili_ricerca #camere_immobile::before {
    font-family: 'FontAwesome';
    content: '\f236';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili_ricerca #bagni_immobile::before {
    font-family: 'FontAwesome';
    content: '\f2cc';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili_ricerca #garage_immobile::before {
    font-family: 'FontAwesome';
    content: '\f1b9';
    color: var(--colore1);
    margin: 0 7px;
}

.lista_immobili_ricerca .testo.col-sm-6 .row {
    display: flex;
    margin-top: 6px;
    flex-wrap: wrap;
}

.lista_immobili_ricerca .list-group-item>div:nth-child(5) {
    display: flex;
    position: relative;
    width: 50%;
    float: right;
    bottom: 160px;
    flex-wrap: wrap;
    padding-top: 12px;
}

.lista_immobili_ricerca .lista_bootstrap {
    display: none !important;
}

.lista_immobili .lista_scheda_bootstrap {
    display: none !important;
}


/*pagina blog*/

.lista_news_blog a {
    transition: 0.5s;
}

.lista_news_blog .thumbnail:hover{
    background: rgb(247, 247, 247);
}

.lista_news_blog .pagination>.active>a {
    background-color: var(--colore2);
    border-color: var(--colore2);
}

.lista_news_blog .thumbnail {
    border: none;
    padding: 0;
    margin: 0;
    background: white;
    box-shadow: 2px 2px 2px rgb( 0 0 0 /20%);
    overflow: hidden;
    text-decoration: none !important;
}

.lista_news_blog .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

#colonna_ricerca_news {
    border: 1px solid var(--colore1);
    padding: 12px 25px;
}

.articoli_evidenza_list a {
    border: none;
    transition: 0.5s;
}

.categorie_news_list a {
    border: none;
    transition: 0.5s;
}

.cerca_news_list input,
.container_cerca input{
    border: 1px solid #8b8b8b46;
    transition: 0.5s;
    border-radius: 20px;
    box-shadow: 2px 2px 2px rgb( 0 0 0 /20%);

}

.cerca_news_list button,
.container_cerca button {
    background: var(--colore2);
    color: white !important;
    transition: 0.5s;
    height: 35.3px;
}

.cerca_news_list button:hover,
.container_cerca button:hover {
    background: var(--colore1);
}

.cerca_news_tags ul{
    padding-left: 20px;
}
.cerca_news_tags ul li::marker{
    display: none;
    color: white;
}

.cerca_news_tags button{
    font-size: 20px;
    color: white;
    border-radius: 20px;
    box-shadow: 2px 2px 2px rgb( 0 0 0 /20%);
    background: var(--colore2);
    border: 1px solid #8b8b8b46;
    padding: 5px 20px;
}

#tags_container{
    background: rgb(247, 247, 247);
    box-shadow: 2px 2px 2px rgb( 0 0 0 /20%);
    border-radius: 20px;
    padding: 10px 30px 27px;
}

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

}

.img_news_ante img{
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.info_news{
    transform: translateY(-100%);
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    border-top-right-radius: 20px;
    color: white;
    padding: 10px 20px;
}

.testo_news {
    font-size: 18px;
}

.share_news{
    padding-bottom: 30px;
}

.lista_news_small .thumbnail{
    border-radius: 20px;
    background: none;
    border-color: #6a6b6d !important;
    padding: 0;
    overflow: hidden !important;
    text-decoration: none !important;
}
.lista_news_small .thumbnail:hover{
    background: white;
}

.lista_news_small .thumbnail .caption{
    padding: 10px 20px;
    font-size: 16px;
}
.lista_news_small .thumbnail .caption h4{
    text-decoration: none !important;
}

/*il nostro staff*/

.link_ana {
    position: absolute;
    opacity: 0;
}

.lista_staff .row img {
    object-fit: cover;
}

.lista_staff .caption {
    padding: 2vw 5vw;
}

.lista_staff .caption h4 {
    font-size: 2.5em;
    color: var(--colore2);
    font-weight: 300;
}

.lista_staff .caption h3 {
    font-size: 1.5em;
    font-weight: 900;
    color: var(--colore4);
    padding-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    .lista_staff ul.list-group>li {
        box-shadow: none !important;
    }
    .lista_staff .contatti_staff {
        border: none !important;
    }
    .lista_staff .list-group-item {
        border: none !important;
    }
    .lista_staff .caption {
        text-align: center;
    }
    .lista_staff .caption h4 {
        font-size: 23px !important;
    }
    .lista_staff .caption i {
        font-size: 16px !important;
    }
}

.lista_staff ul.list-group>li {
    box-shadow: 2px 2px 2px rgb( 0 0 0 /20%);
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0;
}

.lista_staff .con_contatti_staff {
    display: flex;
    flex-direction: column;
}

.lista_staff .contatti_staff {
    width: 100%;
    display: flex;
    margin-bottom: 6px;
    border-bottom: 1px solid var(--colore2);
    flex-direction: column;
}

.lista_staff .contatti_staff i {
    font-family: 'Josefin Sans', sans-serif;
}

.lista_staff .contatti_staff a {
    color: var(--colore1);
    font-size: 1.5em;
    margin-right: 6px;
    margin-bottom: 6px;
}

.lista_staff .contatti_staff a:hover i::before {
    color: var(--colore1);
}

.lista_staff .contatti_staff i::before {
    margin-right: 10px;
    font-size: 1.2em;
    color: var(--colore2);
    font-family: 'FontAwesome';
    transition: 0.5s;
}

.lista_staff .social_staff {
    display: flex;
    flex-direction: row;
    justify-items: center;
}

.lista_staff .social_staff a {
    padding: 12px 20px 12px 0px;
}

.lista_staff .social_staff a:hover i {
    opacity: 1;
}

.lista_staff .social_staff i {
    color: var(--colore4);
    opacity: 0.4;
    font-size: 2em;
    transition: 0.5s;
}

.lista_staff .pagination>.active>a {
    background-color: var(--colore2) !important;
    border-color: var(--colore2) !important;
}

.lista_staff .list-group-item>div:nth-child(3) {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .lista_staff .list-group-item>div:nth-child(3) {
        flex-direction: column;
    }
    .lista_staff .contatti_staff a {
        font-size: 1em !important;
    }
    .lista_staff .col-sm-8 {
        width: 100% !important;
    }
    .lista_staff .row img {
        max-height: 20vh;
        object-fit: contain !important;
    }
    #staff_1 p {
        font-size: 30px !important;
        line-height: 1;
    }
    #col_conosci {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.lista_staff .list-group>li:nth-child(6)>div:nth-child(3)>div.col-sm-4>img,
.lista_staff .list-group>li:nth-child(10)>div:nth-child(3)>div.col-sm-4>img {
    transform: scaleX(1) !important;
}

.lista_staff .list-group>li>div:nth-child(3)>div.col-sm-4>img,
{
    transform: scaleX(-1);
}

.lista_staff .list-group .ante_mansione {
    background: var(--colore2);
    font-size: 25px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none !important;
}

.lista_staff .list-group #mansione_staff {
    color: var(--colore2);
    font-size: 20px;
    font-weight: 700;
}


/*Animazioni entrata*/

.facile_hero {
    transition: 0.2s;
    opacity: 0;
    animation-name: wordEntrata;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    transform: translateX(-27px);
    /*position: absolute;*/
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 3px;
    font-weight: 700;
}

@keyframes wordEntrata {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes appearFromDown {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes appearFromL {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }
    to {
        transform: translate(0px);
        opacity: 1;
    }
}

@keyframes appearFromR {
    from {
        transform: translateX(50px);
        opacity: 0;
    }
    to {
        transform: translate(0px);
        opacity: 1;
    }
}

.opacity_start {
    opacity: 0;
}

.appearFromDown {
    animation-name: appearFromDown;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

.appearFromDown_delay1 {
    animation-name: appearFromDown;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
}

.appearFromL {
    animation-name: appearFromL;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

.appearFromR {
    animation-name: appearFromR;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

.delay_anim {
    animation-delay: 0.8s !important;
}

.delay_anim_2 {
    animation-delay: 1.2s !important;
}

.mappa>small {
    display: none;
}


/*layout_vendo_casa_facile_new*/

.lista_video_recens_vendo_casa .embed-responsive.embed-responsive-4by3 {
    padding-bottom: 54%;
}

.lista_video_recens_vendo_casa .thumbnail {
    padding: 0;
    background: var(--colore1);
    border-radius: 10px;
    overflow: hidden;
}

.lista_video_recens_vendo_casa .thumbnail .caption {
    color: white;
}

.lista_video_recens_vendo_casa .thumbnail .caption h4 {
    padding-left: 12px;
    padding-bottom: 0;
    font-size: 1.9em;
    font-weight: normal;
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: pre;
}

.lista_video_recens_vendo_casa .schede_bootstrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .lista_video_recens_vendo_casa .thumbnail .caption h4 {
        font-size: 1.4em !important;
        margin: 1 0;
    }
    .lista_video_recens_vendo_casa .schede_bootstrap {
        display: unset;
    }
}

.lista_video_recens_vendo_casa .thumbnail img {
    display: none;
}

#storia {
    overflow: hidden;
    transform: scaleY(0);
    transition: 0.5s;
    max-height: 0;
}

.apri_tutto {
    transform: scaleY(1) !important;
    max-height: unset !important;
    transition: 0.5s;
}

.lista_rischi .rischi_titolo,
.lista_storia_LM .rischi_titolo {
    color: white;
    background: #ff0000;
    border-radius: 10px;
    padding: 5px 20px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 35px;
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(2) .rischi_titolo {
    background: var(--colore1) !important;
    color: white !important;
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(2) .rischi_intestazione {
    color: var(--colore1);
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(2) .rischi_intestazione span {
    color: var(--colore2);
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(3) .rischi_titolo {
    background: var(--colore2) !important;
    color: white !important;
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(3) .rischi_intestazione {
    color: var(--colore2) !important;
}

@media only screen and (max-width: 768px) {
    .lista_rischi .rischi_intestazione,
    .lista_storia_LM .rischi_intestazione {
        font-size: 18px !important;
    }
    .lista_rischi .rischi_note,
    .lista_storia_LM .rischi_note {
        font-size: 16px !important;
    }
}

.lista_rischi .rischi_intestazione,
.lista_storia_LM .rischi_intestazione {
    color: #ff0000;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 6px;
}

.lista_rischi .rischi_note {
    color: white;
    font-size: 20px;
    height: 4rem;
}

.lista_storia_LM .rischi_note {
    color: var(--colore1);
    font-size: 20px;
    height: 4rem;
}

.lista_rischi .thumbnail,
.lista_storia_LM .thumbnail {
    background: transparent;
    text-align: center;
    border: none;
    pointer-events: none;
}

.lista_storia_LM .thumbnail:hover {
    text-decoration: none;
}

.lista_storia_LM .thumbnail:hover .caption:before {
    transition: 0.5s;
    transform: translate(-50%, 10px) !important;
}

.lista_rischi .thumbnail>img,
.lista_storia_LM .thumbnail>img {
    margin: auto;
    display: block;
    width: 120px !important;
    height: 120px !important;
}

.lista_rischi .caption {
    background: white;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5em;
    margin-top: 50px;
    position: relative;
    padding: 20px 2vw;
}

.lista_storia_LM .caption {
    background: rgb( 0 0 0 /10%);
    border-radius: 10px;
    text-align: center;
    font-size: 1.5em;
    margin-top: 60px;
    position: relative;
    padding: 20px 2vw;
}

.lista_rischi .caption span,
.lista_storia_LM .caption span {
    font-weight: 800;
}

.lista_rischi .caption:before {
    position: absolute;
    content: "\f0d7";
    top: -55px;
    left: 50%;
    font-family: 'FontAwesome';
    background-color: #ff0000;
    color: white;
    clip-path: circle(25px);
    padding: 30px;
    font-size: 1.5em;
    transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
    .lista_rischi .caption {
        margin-top: 20px !important;
    }
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(1) .caption:before {
    position: absolute;
    content: "\f0d7";
    top: -55px;
    left: 50%;
    font-family: 'FontAwesome';
    background-color: #ff0000;
    color: white;
    clip-path: circle(25px);
    padding: 30px;
    font-size: 1.5em;
    transform: translateX(-50%);
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(2) .caption:before {
    position: absolute;
    content: "\f0d7";
    top: -55px;
    left: 50%;
    font-family: 'FontAwesome';
    background-color: var(--colore1);
    color: white;
    clip-path: circle(25px);
    padding: 30px;
    font-size: 1.5em;
    transform: translateX(-50%);
}

.lista_storia_LM .schede_bootstrap>.col-sm-4:nth-child(3) .caption:before {
    position: absolute;
    content: "\f0d7";
    top: -55px;
    left: 50%;
    font-family: 'FontAwesome';
    background-color: var(--colore2);
    color: white;
    clip-path: circle(25px);
    padding: 30px;
    font-size: 1.5em;
    transform: translateX(-50%);
}

.lista_immobili_venduti .thumbnail {
    padding: 0;
    border: none;
    position: relative;
    min-height: 40vh;
    overflow: hidden;
}

.lista_immobili_venduti .thumbnail:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: var(--colore4);
    transition: 0.5s;
}

.lista_immobili_venduti .thumbnail:hover:after {
    opacity: 0.8;
}

.lista_immobili_venduti .thumbnail:hover .caption {
    background-color: transparent;
    transform: none;
}

.lista_immobili_venduti .thumbnail:hover .caption h3 {
    color: white;
}

.lista_immobili_venduti .thumbnail:hover .caption p {
    /*color: white;
    background:transparent;*/
    display: none;
}

.lista_immobili_venduti .thumbnail:hover .nota_al_passaggio {
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .lista_immobili_venduti .thumbnail .nota_al_passaggio {
        width: 100%;
        top: calc(50% + 6rem) !important;
    }
}

.lista_immobili_venduti .thumbnail img {
    object-fit: cover;
    min-height: 55vh;
}

.lista_immobili_venduti .thumbnail .caption {
    position: absolute;
    top: 35%;
    width: 120%;
    left: -10%;
    background: #6a6b6dad;
    z-index: 1;
    transition: 0.5s;
    padding: 0;
    transform: rotate(-10deg);
    font-size: 0.9em;
}

.lista_immobili_venduti .thumbnail .caption h2 {
    color: white;
    font-size: 3em;
}

.lista_immobili_venduti .thumbnail .caption h3 {
    color: var(--colore2);
    font-size: 2em;
    transition: 0.5s;
    margin: 0 0 20px 0;
}

.lista_immobili_venduti .thumbnail .caption p {
    color: var(--colore1);
    background: white;
    margin: 0;
    font-size: 20px;
    transition: 0.5s;
}

.lista_immobili_venduti .thumbnail .nota_al_passaggio {
    z-index: 2;
    position: absolute;
    top: calc(50% + 3rem);
    color: white;
    font-size: 1.8em;
    font-weight: 800;
    opacity: 0;
    text-align: center;
    transition: 0.5s;
    left: 50%;
    transform: translateX(-50%);
}

.lista_4_elementi .thumbnail {
    padding: 0;
    background: transparent;
    border: none;
}

.lista_4_elementi .thumbnail img {
    max-width: 200px;
}

.lista_4_elementi .thumbnail .caption {
    color: white;
    text-align: center;
}

.lista_4_elementi .thumbnail .caption h4 {
    font-size: 2em;
    font-weight: 700;
}

.lista_4_elementi .thumbnail .caption p {
    font-size: 1.5em;
}

.lista_4_elementi_verticale .list-group-item {
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
}

.lista_4_elementi_verticale .list-group-item img {
    max-width: 100px;
}

.lista_4_elementi_verticale .list-group-item .caption {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    border-bottom: 1px solid var(--colore2);
}

.lista_4_elementi_verticale .list-group-item .caption h4 {
    font-size: 4em;
    font-weight: 800;
    color: var(--colore1);
    width: 50%;
}

.lista_4_elementi_verticale .list-group-item .caption .container_testo {
    width: 50%;
}

.lista_4_elementi_verticale .list-group-item .caption .container_testo p {
    font-size: 1.2em;
    font-weight: 600;
}

.lista_4_elementi_verticale .list-group-item .caption .container_testo strong {
    color: #ff0000;
    font-size: 1.4em;
    font-weight: 800;
}


/*Prenota consulenza*/

.form_contatti_prenota_consulenza h4 {
    color: var(--colore1);
    font-size: 2em;
    font-weight: 600;
}

.modal-content {
    top: 150px;
}

.spese_condominiali_1 div:before {
    content: "Spese Condominiali Mensili:";
    margin-right: 5px;
    font-weight: 900;
    position: unset !important;
}

.spese_condominiali_1 div:after {
    content: "€";
    margin-right: 5px;
}

/*Cerca*/

.container_cerca .list-group .row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.container_cerca .list-group-item{
    border: none;

}

.container_cerca .btn.btn-sm.btn-default{
    background: var(--colore2);
    color: white;
    border: none;
    font-size: 1.5em;
    padding: 10px 20px;
    transition: 0.5s;
    height: 50px;
}

/*Float WhatsApp*/

.float_whatsapp{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    animation: float_whatsapp 3s infinite;
}

/*animazione per float_whatsapp che lo fa oscillarre tipo drin drin ogni 3 secondi*/

@keyframes float_whatsapp {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    75% {
        transform: rotate(5deg);
    }
}