.main-menu .navbar-nav>li.prodotti-menu {
    border-bottom: solid 5px #fff;
}

.listatonegozi .main-menu .navbar-nav>li.prodotti-menu {
    border-bottom: solid 5px transparent;
}

.listatonegozi .main-menu .navbar-nav>li.prodotti-menu:hover {
    border-bottom:solid 5px #223C7E;
}

.listatonegozi .main-menu .navbar-nav>li.negozi-menu {
    border-bottom: solid 5px #223C7E;
}

h3 a:hover,
h2 a:hover {
    text-decoration: none;
}

/*-----------------------
INTRO CERCA E TITOLO
-----------------------*/

.intro {
    margin-bottom: 30px;
    margin-top: 10px;
}

.intro p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

.intro p a {
    text-decoration: underline;
}


/*.vicino-search {
    margin-top: 3px;
}*/

.vicino-search .btn {
    padding: 8px 17px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.vicino-search .btn.name {
    padding: 5px 17px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 400;
    cursor: auto;
}

.vicino-search .btn.name:hover {
    color: #333;
    background-color: #fff;
    border-color: #d5d5d5;
}



.vicino-search .form-control {
    height: 40px;
    /*font-size: 19px;*/
}


section .intestazione {
}

section h2.sottotitolo {
    padding: 10px 0 0 0;
    width: calc(100% - 80px);
}


.listatonegozi section h2.sottotitolo {
    padding: 7px 7px 5px;
    width: 100%;
}

section h2.sottotitolo a {
    color: #333;
    text-decoration: underline;
}


section .intestazione p {
    position: relative;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    width: calc(100% - 80px);
}

section .intestazione .img-thumb-titolo {
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    overflow: hidden;
}

section .intestazione .img-thumb-titolo img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}


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

    .vicino-search .btn,
    .vicino-search .btn.name {
        font-size: 15px;
    }

    .vicino-search .form-control {
        height: 39px;
        font-size: 16px;
    }


}

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

    .vicino-search .btn,
    .vicino-search .btn.name {
        font-size: 12px;
        padding: 10px 8px;
    }

    .vicino-search .form-control {
        height: 39px;
        font-size: 13px;
        padding: 5px;
    }

    .intro {
        margin-top: 15px;
    }

}

/*-----------------------
SIDEBAR
-----------------------*/

#map {
    height: 400px;
}

#map.heightmap {
    height: 640px;
    border-radius: 12px;
    border: 2px solid var(--primary-color);
}

.filtri .checkbox-filtro .contenitore-filtri ul {
    width: 100%;
    background: none;
    border: none;
    height: auto;
    overflow: hidden;
}

.filtri .checkbox-filtro .contenitore-filtri .mutliSelect .uncheck {
    margin-bottom: 5px;
}

.filtri p {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    margin: 15px 0 0 0;
}

.filtri .filtrodistanza p {
    margin-bottom: 15px;
}
.filtri select#taglia {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
}


.filtri #filtri-negozi p {
    margin-top: 30px;
}

.filtri input#barradistanza {
    pointer-events: auto;
    top: -12px
}

.filtri input#valoredistanza {
    border: none;
    text-align: end;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    padding: 0;
    border: solid 1px #d5d5d5;
}

.filtri .filtroprezzo .range-slider {
    position: relative;
    width: 100%;
    padding: 15px 5px 20px;
    display: block;
    margin-bottom: 40px;
    height: auto;
}

.filtri .filtrodistanza .valoredistanza {
    width: 70px;
}

/*-----------------------
VISUALIZZAZIONE
-----------------------*/

p.risultati {
    font-size: 18px;
    font-weight: 100;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin: 8px 0 0 0;
    vertical-align: top;
}

.visualizzazione {
    display: inline-block;
    margin-left: 10px;
}

.visualizzazione a {
    padding: 8px 24px;
    color: var(--primary-color);
    font-size: 20px;
    text-transform: uppercase;
    border: solid 2px var(--primary-color);
    border-radius: 12px;
    width: 150px;
    text-align: center;
}

.visualizzazione.attiva a {
    background: var(--primary-color);
    color: var(--background-color);
}

.visualizzazione.attiva p {
    padding: 8px 24px;
    background: var(--primary-color);
    font-size: 20px;
    color: var(--background-color);
    text-transform: uppercase;
    border: solid 2px var(--primary-color);
    border-radius: 12px;
    width: 150px;
    text-align: center;
}


/*-----------------------
LISTATO
-----------------------*/
.blocco-singolo-negozio {
    border: 2px solid var(--primary-color);
    border-radius: 12px;
    padding: 0;
    /* margin-bottom: 20px; */
    transition: all .3s ease-in-out;
    display: flex;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
}

.blocco-singolo-negozio:hover {
    border: 3px solid var(--primary-color);
}

.blocco-singolo-negozio.gold {
    border: solid 3px #223C7E;
}

.blocco-singolo-negozio.silver {
    border: solid 3px #428bca;
}

.blocco-singolo-negozio.active {
    background: var(--background-secondary-color);
}

/* .blocco-singolo-negozio.gold.active {
    border-color: #555555;
}

.blocco-singolo-negozio.silver.active {
    border-color: #555555;
} */

.blocco-singolo-negozio .silver-info {
    position: absolute;
    right: 20px;
    padding: 5px;
    z-index: 999;
}

.listato-prodotti.other-ortopedie {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blocco-singolo-negozio.listato-prod .silver-info {
    top: 0px;
}

.blocco-singolo-negozio .gold-info {
    position: absolute;
    right: 0;
    background: #223C7E;
    padding: 5px;
    z-index: 999;
}

.full-map .blocco-singolo-negozio .gold-info {
    position: relative;
    width: 128px;
    margin-bottom: 10px;
}

.blocco-singolo-negozio .silver-info a,
.blocco-singolo-negozio .silver-info i {
    color: #428bca;
    font-size: 1.2em;
}

.blocco-singolo-negozio .gold-info a {
    color: #fff;
}

.blocco-singolo-negozio .blocco-qualita {
    background: var(--background-tertiary-color);
    padding: 12px;
}

.blocco-singolo-negozio .blocco-qualita p {
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 5px;
    color: var(--background-color);
    font-weight: 600;
}

.blocco-singolo-negozio .blocco-qualita.nopartner p {
    font-weight: 700;
}

.blocco-singolo-negozio .blocco-logo {
    /*padding: 0;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: center;*/
    margin: 15px 0px 10px;
}

.blocco-singolo-negozio .blocco-logo a {
    display: block;
}

.blocco-singolo-negozio .blocco-logo a img {
    max-width: 100%;
    max-height: 90px;
}

.blocco-singolo-negozio .blocco-info {
    padding-right: 0;
    width: 100%;
}

.blocco-singolo-negozio .blocco-info .row {
    margin: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .blocco-singolo-negozio .blocco-info .row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .blocco-geo-contatti-nav {
        gap: 20px
    }
    
}

/* .blocco-singolo-negozio .nome-negozio {
    margin: 5px 0 5px;
} */
h2.nome-negozio {
    line-height: 1.5rem;
    text-align: left;
}
.blocco-singolo-negozio .nome-negozio a {
    font-size: 24px;
    color: var(--primary-color);
    text-transform: capitalize;
}

.blocco-singolo-negozio .nome-negozio a:hover {
    text-decoration: none;
    color: var(--primary-hover-color);
}

.blocco-singolo-negozio p,
.blocco-singolo-negozio p a {
    font-size: 18px;
    color: #000;
    line-height: 19px;
    /* margin: 0 0 5px; */
    text-align: left;
}

.blocco-singolo-negozio p a {
    text-decoration: underline;
}

.blocco-singolo-negozio .blocco-nav {
    position: relative;
    /* height: 50px; */
    display: block;
}

/* .blocco-singolo-negozio .link-to-page {
    clear: both;
    position: absolute;
    right: 5px;
    bottom: -10px;
    width: 100%;
    max-width: 170px;
} */

.logoreplace {
    font-size: 18px;
    line-height: 18px;
}

.blocco-singolo-negozio .link-to-page a, .blocco-singolo-negozio .link-to-page button {
    text-transform: capitalize;
    border: 2px solid var(--primary-color);
    text-align: center;
    border-radius: 12px;
    padding: 8px 24px;
    min-width: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blocco-singolo-negozio span.prezzomediolabel {
    /*position: absolute;
    right: 13px;*/
    text-align: right;
}

.blocco-singolo-negozio .link-to-page a:hover,
.blocco-singolo-negozio .link-to-page button:hover{
    background: var(--primary-hover-color);
    text-decoration: none;
}

.blocco-singolo-negozio span.barrato {
    font-size: 15px;
    text-decoration: line-through;
    color: #666;
}

.blocco-singolo-negozio span.reale {
    font-size: 23px;
    font-weight: 700;
    color: #223C7E;
    width: 100%;
    text-align: right;
    display: block;
    padding-top: 3px;
}

.blocco-singolo-negozio span.tempo {
    margin-left: 10px;
    font-size: 12px;
}

.blocco-nome {
    margin-bottom: 10px;
}

.blocco-geo{
    margin-bottom: 10px;

}

.blocco_sponsorizzato {
    border-color: #223C7E;
}

.blocco_sponsorizzato .blocco-nome {
    padding-top: 35px;
}

.blocco_sponsorizzato .in_evidenza {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 5px;
    text-transform: uppercase;
    background: #223C7E;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
}


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

    .blocco-singolo-negozio .blocco-logo {
        max-width: 200px;
    }
    .blocco-singolo-negozio .blocco-logo, 
    .blocco-singolo-negozio .blocco-nome {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        flex-direction: column;
        gap: 4px;
        justify-content: center;
    }

    .blocco-singolo-negozio div.prezzo {
        text-align: center;
    }

    .blocco-singolo-negozio span.reale {
        text-align: center;
    }

    .blocco-singolo-negozio .link-to-page {
        margin: 10px auto;
    }

    .blocco-singolo-negozio .blocco-logo a img {
        margin-top: 6px !important;
        max-height: 60px;
    }

    .blocco-singolo-negozio .blocco-logo a {
        text-align: center;
    }

    .blocco-singolo-negozio .blocco-info {
        text-align: center;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .blocco-singolo-negozio .link-to-page {
        clear: both;
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin: 0;
        max-width: none;
        display: block;
    }

    .blocco-singolo-negozio .blocco-nav {
        height: auto;
    }

    p.risultati {
        display: none;
    }

    .visualizzazione.lista {
        margin-left: 0;
    }

    .menu-sezione {
        overflow: hidden;
        position: relative;
        display: block;
        font-size: 20px;
    }

    .menu-sezione:after {
        top: 8px;
        margin-left: 10px;
        right: auto;
    }

    .menu-sezione.ruota:after {
        top: 10px;
    }

    #map, .map-container {
        display: none;
    }

    .blocco-singolo-negozio span.tempo {
        margin-left: 0;
    }

    .blocco-singolo-negozio .prezzo {
        margin-bottom: 15px;
    }

    .blocco-singolo-negozio .gold-info {
        position: relative;
        display: inherit;
    }

    .blocco-geo,
    .blocco-contatti {
        padding: 0;
        margin: 0;
    }

}


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

    /* .visualizzazione a {
        width: 85px;
        font-size: 16px;
    }

    .menu-sezione {
        width: 85px;
        font-size: 16px;
    } */

    .menu-sezione:after {
        top: 4px;
    }

    .menu-sezione.ruota:after {
        top: 10px;
    }

    .blocco-singolo-negozio .blocco-info {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}


/*-----------------------
MAPPA FULLSCREEN
-----------------------*/

.full-map,
.full-map > .row {
    padding: 0;
    margin: 0;
}

.full-map .visualizzazione {
    background: #fff;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.full-map .filtri-prodotti {
    position: relative;
}

.full-map .menu-sezione {
    border: solid 2px var(--primary-color);
    background: #fff;
    overflow: hidden;
    padding: 6px 8px;
    width: 100px;
    color: var(--primary-color);
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
}

.full-map .menu-sezione:after {
    right: 10px;
    top: 7px;
}

.full-map .menu-sezione.ruota:after {
    top: 12px;
}

.full-map #map {
    margin:0;
    width: calc(100% - 240px);
}

.full-map .cont-mappa,
.full-map .nomargin {
    margin: 0;
    padding: 0;
}

.full-map sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 4px;
    /* max-height: calc(80vh - 24px); */
}

.full-map sidebar .intestazione {
    background: var(--background-secondary-color);
    margin: 0;
    padding: 10px;
    border-radius: 12px;
    width: 100%;
}

.full-map sidebar .blocco-singolo-negozio span.reale {
    text-align: left;
    font-size: 20px;
    padding-top: 0;
}

.full-map sidebar .blocco-singolo-negozio .prezzo {
    width: 100%;
    margin: 0;
    padding: 0;
}

.full-map sidebar .intestazione h2.sottotitolo, .full-map sidebar .intestazione h1.sottotitolo {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
}

.full-map sidebar .intestazione p {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
}

.full-map sidebar .blocco-singolo-negozio {
    border: 2px solid var(--primary-color);
    margin-bottom: 0;
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: fit-content;
}

.acquisto-noleggio-prodotti .row.listato-prodotti {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 20px;
}

.acquisto-noleggio-prodotti .our-ortopedie,
.acquisto-noleggio-prodotti .other-ortopedie {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blocco-contatti {
    font-size: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blocco-nome-logo {
    gap: 20px;
}

.blocco-contatti .iconaverde{
    display: inline-block;
    border: 1px solid #25D366;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #25D366;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    margin-top:7px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.blocco-contatti .iconaverde:hover{
    background-color: #25D366;
    color: #ffffff;
}

.blocco-contatti .iconablu{
    display: inline-block;
    border: 1px solid #223C7E;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #223C7E;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    margin-top:7px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}
.blocco-contatti .iconablu:hover{
    background-color: #223C7E;
    color: #ffffff;
}



.full-map sidebar .blocco-singolo-negozio .blocco-logo,
.full-map sidebar .blocco-singolo-negozio .specificheindirizzo,
.full-map sidebar .blocco-singolo-negozio .blocco-nav,
.full-map sidebar .blocco-singolo-negozio .blocco-disp,
.full-map sidebar .blocco-singolo-negozio .blocco-altreinfo{
    display: none;
}

.full-map .row.listato-prodotti {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.full-map sidebar .blocco-singolo-negozio .blocco-info {
    width: 100%;
    padding: 12px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.full-map .vicino-search {
    width: calc(100% - 240px);
    margin-top: 0px;
}

.full-map sidebar .blocco-singolo-negozio .blocco-contatti {
    display: none;
}

.full-map sidebar .blocco-singolo-negozio .blocco-geo {
    width: 100%;
    margin: 0;
    padding: 0;
}

.full-map .blocco-nome {
    margin: 0;
    padding: 0;
    width: 100%;
}

.full-map sidebar .blocco-singolo-negozio .nome-negozio {
    line-height: 22px;
}

.full-map sidebar .blocco-singolo-negozio .nome-negozio a {
    font-size: 22px;
    display: flex;
    gap: 4px;
    text-align: left;
}

.full-map sidebar .blocco-singolo-negozio p {
    font-size: 15px;
    margin: 0;
    color: var(--background-color);
    line-height: 16px;
    margin-bottom: 5px;
}

.full-map sidebar .blocco-singolo-negozio .blocco-info p {
    color: black;
}

.full-map sidebar .blocco-singolo-negozio .blocco-info p .badge {
    white-space: pre-wrap;
}

.full-map sidebar .blocco-geo p {
    color: black;
}

.full-map h3.titoletto {
    margin: 0;
}

.full-map footer.footer {
    margin-top: 0;
}

.full-map .filtri {
    position: absolute;
    z-index: 900;
    top: 0;
    right: 0;
    width: 240px;
    background: #fff;
    padding: 10px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    direction:rtl;
}

.full-map .filtri * {
    direction: ltr;
}

.full-map .filtri > div {
    direction: ltr;
}

.full-map .blocco-singolo-negozio span.prezzomediolabel {
    position: relative;
    right: auto;
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
}

.full-map sidebar .blocco-singolo-negozio.blocco_sponsorizzato {
    background: #ccc;
}

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

    /* .full-map .visualizzazione.mappa {
        left: 105px;
    } */

}

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

    .full-map #map {
        display: block;
        width: calc(100%);
    }

    .full-map .vicino-search {
        width: calc(100%);
    }

    .full-map .row.listato-prodotti {
        height: 100%;
    }

    .full-map .filtri {
       display: none;
    }

    .full-map .visualizzazione.attiva p {
        display: flex;
        align-items: center;
        gap: 8px;
    }

}

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

    .full-map .visualizzazione.attiva a {
        display: none;
    }

    .full-map .nomargin {
        display: none;
    }

    .full-map .cont-mappa {
        width: 100%;
    }
    .full-map .menu-sezione {
        height: 40px;
    }
/* 
    .titolo-sezione h1 {
        font-size: 22px;
        padding-top: 4px;
    } */


}

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

    .full-map .visualizzazione {
        position: relative;
    }

}



/*-----------------------
MAPPA INFOBOX
-----------------------*/

.infowindow img {
    max-width: 90% !important;
    max-height: 50px;
}

.scrollbarstretta::-webkit-scrollbar {
    width: 4px;
}

.scrollbarstretta {
    max-width: 184px !important;
}

.full-map .scrollbarstretta {
    max-width: 300px !important;
}

.infowindow {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

button.gm-svpc, button.gm-control-active {
    min-width: 0;
}

.infowindow h3 a {
    font-size: 16px;
    line-height: 2rem;
    width: 100%;
    font-weight: 700;
    display: block;
    margin: 0;
}

.infowindow p {
    width: 100%;
    margin: 0;
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
}

.infowindow i.fa {
    font-size: 15px;
    margin-right: 2px;
    color: #223C7E;
    width: 18px;
}

/* .infowindow h3 {
    margin-top: 10px;
} */

.infowindow p.price {
    font-size: 17px;
    font-weight: 700;
    color: #223C7E;
}

.infowindow p.ind span {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: bottom;
}

.full-map .infowindow {
    padding-left: 4px;
}

.full-map .infowindow p.tel,
.full-map .infowindow p.email,
.full-map .infowindow div.link-to-page {
    display: block;
}

.full-map .infowindow div.link-to-page a {
    background: #223C7E;
    color: #fff;
    width: 100%;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    border: solid 1px #223C7E;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s;
    display: block;
    text-align: center;
    border-radius: 8px;
    padding: 5px;
    line-height: 19px;
    text-decoration: none;
}

.full-map .infowindow div.link-to-page a:hover {
    background: #fff;
    color: #223C7E;
}