.nav-button-wrap.color-bg {
    background-color: #5ecfb1;
}

.nav-button-wrap {
    left: -10px;
}

/* ------------ start style menu button ------------------------------ */
.nav-button-wrap.color-bg {
    background-color: #5ecfb1;
    height: 43px;
    width: 43px;
    top: 17px !important;

}

.logo-main img {
    height: 48px !important;
    top: 17px !important;
    left: 67px !important
}

.nav-button-wrap.vismobmenu_btn:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f00d";
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 13px;
    left: 16px;
    font-weight: 100;
}

/* ------------ end style menu button ------------------------------ */

.customMenu {
    display: none;
    float: left;
    width: 300px;
    background: #fff;
    position: absolute;
    top: 80px;
    left: 0px
}

.customMenu ul {
    padding: 0px;
    margin: 0px
}

.customMenu li {
    text-align: left;
    width: 100%;
    border: 1px solid #e8e7e7;
    height: 50px;
}

.customMenu li a {
    line-height: 50px;
    margin: 10px;
    color: #757575
}

.customMenu li a i {
    padding-right: 10px !important;
}


.leaflet-popup-content {
    margin: 13px 24px 13px 24px !important;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;

}

.flexslider:hover .flex-direction-nav .flex-next {
    right: 17px !important;
}

.menusb.sliding-menu a {
    margin-bottom: 0px !important;

}

header .nav-button-wrap {
    z-index: 9999
}

.header-user-name {
    padding-top: 12px;
}

.main-menu, .nav-button-wrap {
    display: block;
    float: left;
}

.main-header {
    height: 80px !important;
}

.menusb a.act-link {
    color: #000;
}

.lang-mobile {
    display: block;
    height: 55px;
    position: absolute;
    right: 20px;
    top:0px;
}

a.lang {
    float: left;
}

a.lang.it {
    padding-right: 10px;
}

header .nav-button-wrap {
    top: 22px;
    margin-right: 0px !important;
}

.main-header {
    padding: 3px 20px 10px 20px;
}

.food_sleep_space {
    margin-bottom: 65px
}

.defaultLink {
    font-size: 14px !important;
}

.uk-modal-close.uk-close {
    z-index: 9999999
}

/* Stile per lo sfondo opacizzato */
#background-overlay {
    display: none; /* Nascondi inizialmente */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Colore bianco con opacità 0.7 */
    z-index: 999; /* Assicura che lo sfondo sia dietro al popup */
}

/* Stile per il popup */
#popup {
    display: none; /* Nascondi inizialmente */
    position: fixed;
    width: 400px;
    height: 400px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* Assicura che il popup sia sopra lo sfondo */
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
}

/* Stile per il pulsante di chiusura */
#close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
}

/* Stile per l'immagine */
#popup img {
    max-width: 100%;
    max-height: 100%;
}

.myGallery {
    width: 100%;
    float: left;
    text-align: left;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-direction: column;
}

.swiper.swiper-container-horizontal {
    width: 90% !important;
}

/* Nascondi i pulsanti di navigazione di default */
.myGallery .swiper-button-next, .myGallery .swiper-button-prev {
    display: none !important;
}

.swiper-slide img {
    height: auto !important; /* Reset generico per evitare interferenze */
    aspect-ratio: 1 / 1 !important; /* Imposta l'immagine quadrata (larghezza = altezza) */
}

.logo-esercizio {
    position: relative;
    top: 120px
}

.VideoYoutube {
    margin-top: 0px !important;
}


.promo-video {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: stretch;

}

.promo-video .VideoYoutube {
    width: 286px;
    height: 286px;
    margin: 1%;
}

.promo-video iframe {
    width: 286px;
    height: 286px;
}

#wrap-video-promo {
    padding: 0px !important;
    padding-top: 40px !important;
    padding-bottom: 60px !important;
    margin-top: 50px
}

.flex-active-slide {
    height: 241px !important;
}

.flexslider .slides > li {
    height: 241px !important;
    overflow: hidden;
}

.imagePopup {
    width: 241px;
    height: 241px !important;
    object-fit: cover !important;
    overflow: hidden
}

.grid-video {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: center;
    margin: 0 auto !important;
}

.category-carousel .swiper-slide, .single-carousel-wrap .swiper-slide, .category-carousel .swiper-slide img, .single-carousel-wrap .swiper-slide img {
    /* width: auto !important;*/
    height: 190px !important;
}

.single-carousel-wrap .swiper-slide img {
    width: fit-content !important;
    height: 100% !important;
}

.lightgallery .box-item .gal-link {
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.4);
}

.lightgallery .box-item:hover a.gal-link {
    top: 35px;
    left: 35px;
    opacity: 1;
}

.myGallery .box-item a.gal-link {
    top: 50% !important;
    left: 50% !important;
}


.previewPromo {
    width: 350px;
    height: auto
}


.wrapperFilter {
    width: 100%;
    display: flex;
    justify-content: center
}

.list-widget-social.bottom-bcw-box.fl-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 30px 30px 12px 15px;
    border-top: 1px solid #eee;
}

.geodir-category-footer {
    margin: 4px 0 0 0;
    padding: 10px 0px 10px 5px !important;
    border-top: 1px solid #eee;
}

.geodir-opt-list li {
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.esercizio {
    float: left;
    position: relative;
    padding-left: 20px; /* Spazio per il carattere ● */
    text-indent: -12px; /* Allineare la prima riga */
}

.esercizio::before {
    /*  content: "●";
      position: absolute;
      left: 0; !* Posizione esatta del simbolo *!
      top: 0;
      color: black; !* Colore del simbolo *!*/
}


/* video youtube -----------------------------------------------------------------------------------------------------*/

.videoContainer {
    position: relative;
    /*  width: 400px;*/
    min-height: 300px;
    width: 31%;
    margin: 1% !important;
}

.videoPlayer, .thumbnail {
    width: 100%;
    /*height: 100%;*/
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.thumbnail {
    cursor: pointer;
    display: block;
    min-height: 150px;
}

.playButton {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 47px;
    background-color: #ff0033;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 16px / 7px;
    overflow: hidden;
}

.playButton:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*!* Triangolo bianco al centro dell'icona Play *!
#playButton:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid white; !* Triangolo *!
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); !* Centra il triangolo *!
}*/

/* Footer */
.footer {
    width: 100%;
    height: 70px;
    background: #1c1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 15; /* Footer sopra tutto */
    font-family: 'Montserrat', sans-serif; /* Applica Montserrat come font di base */
}

/* Pulsanti footer */
.footer .button {
    width: 200px;
    height: 57px;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 13px;
    cursor: pointer;
    margin: 0 10px;
    text-decoration: none;
    transition: background 0.3s;
    border-radius: 10px;
    text-align: center;
}

.footer .button i {
    font-size: 24px;
    margin-bottom: 5px;
}

.footer .button:hover {
    background: #f82c72;
}

.main-search-input:before {
    display: none;
}

p.single-main-wrapper-desc {
    text-align: justify;
}


/*********** override del file style.css ########################################################################*/
.slider span {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Montserrat';
}

.sidebar .content .grid button, .sidebar .content button {
    font-size: 20px;
}

/* Solo per Firefox */
@-moz-document url-prefix() {
    .sidebar .content .grid button,
    .sidebar .content button {
        font-size: 18px;
    }
}

/*********** ########################################################################*/


/************************************** responsive ********************************************************************/

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

    button.reset {
        width: 100%;
    }

    button.ajaxSearch {
        min-width: 100px;
    }

    button.ajaxSearch.reset {
        width: 200px;
    }

    .wrapperFilter {
        width: auto;
        display: block;
        text-align: center;
    }

    .wrapperFilter > div {
        width: 100%;
    }


    .wrap-timer {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1071px) {
    .page-promo {
        padding: 120px 0 120px 0;
    }
}


@media only screen and (max-width: 1290px) {
    .swiper.swiper-container-horizontal {
        width: 100% !important;
    }
}

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


    .logo-esercizio {
        position: relative;
        top: 0px
    }

    .main-menu.vismobmenu {
        left: 0 !important;
        right: auto;
        float: left
    }

    .menusb li i {
        position: absolute;
        right: 18px;
        top: 7px !important;
        padding: 0px !important;
    }

    .menusb li {
        padding: 0px !important;
    }

    .menusb a {
        padding: 5px 0px 20px 0px;
        position: relative;
        font-weight: 600;
        font-size: 12px;
        color: #50596E;
        line-height: 14px;
        text-align: left;
    }


    .myGallery {
        width: 100%;
        float: left;
        text-align: left;
        display: inline;
    }

    .swiper.swiper-container-horizontal {
        width: 100% !important;
    }


}


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

    .promo-video {
        width: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 3% !important;


    }

    .promo-video .VideoYoutube {
        width: 100%;
        height: 450px;
        margin: 5%;
    }

    .promo-video iframe {
        width: 100%;
        height: 450px;
    }

    #wrap-video-promo {
        padding: 1% !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;
        margin-top: 50px;

    }

}

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


    .VideoYoutube {
        height: 450px !important;
    }

    .main-menu, .nav-button-wrap {
        display: block;
    }


    .nav-desktop {
        display: none;
    }
}

@media (max-width: 991px) {
    /* override del codice che trovo nei file style.css dei vari distretti */
    #leftsidebar {
        top: calc(50% - 150px);
        /* 150px è un numero arbitrario che mi è servito giusto per avere la maniglia
                appena sotto i tasti di controllo della mappa leaflet */
    }
}


@media (min-width: 814px) {
    /* punto di rottura dove i campi del filtro di shopping promo vanno uno sotto l'altro */
    #buttonMap {
        position: relative;
        top: 0px;
        max-width: 180px;
        margin: 0 auto;
        margin-top: 100px !important;
        padding-top: 50px !important;
        display: block;
    }

}

@media (max-width: 820px) {

    #search_engine {
        width: 100%;
        max-width: 95% !important;
    }

    .uk-flex.engine {
        display: block;
    }

    .searchEngine {
        width: 100% !important;
    }

    button.ajaxSearch {
        width: 100% !important;
        margin: 15px 0px 15px 0px !important;
    }


    #sec1 {
        padding-bottom: 70px;
    }

    section#sec1.sec-filtri {
        padding-bottom: 110px;
    }

    .page-promo + section #sec2 {
        padding-bottom: 90px;
    }

    .footer {
        position: fixed;
        bottom: 0;
        z-index: 99999
    }

    .listing-hero-section {
        padding: 90px 0 0;
    }


    .class-Esercizio .listing-hero-section .list-single-header_bottom {
        margin: 0 0;
        padding: 0 0 0;
    }

    .class-Esercizio .list-single-header_bottom {
        padding: 0 0;
    }

    .class-Esercizio .list-single-header_bottom .geodir_status_date {
        top: 32px;
    }

}

@media (max-width: 801px) {

}

/* Mostra i pulsanti di navigazione per viewport più grandi di 800px */
@media (max-width: 800px) {

    .myGallery .swiper-button-next, .myGallery .swiper-button-prev {
        display: block !important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: none !important;
    }

    .swiper-slide img {
        height: auto !important; /* Reset generico per evitare interferenze */
        aspect-ratio: 1 / 1 !important; /* Imposta l'immagine quadrata (larghezza = altezza) */
    }

    .grid-video {
        height: auto !important;
    }

    .videoContainer {
        width: 100% !important;
        /* min-height: 200px !important;*/
        /* max-height: 100% !important;*/
        height: auto;
    }

    .video-container .thumbnail {
        z-index: 999999999 !important;
    }

    .playButton {
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .videoPlayer, .thumbnail {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .scroll-nav-wrapper-opt {
        top: 16px
    }

}


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

    /* ------------ start style menu button ------------------------------ */
    .nav-button-wrap.color-bg {
        background-color: #5ecfb1;
        height: 43px;
        width: 43px;
        top: 7px !important;

    }

    .logo-main img {
        height: 48px !important;
        top: 17px !important;
        left: 67px !important
    }

    .nav-button-wrap.vismobmenu_btn:before {
        font-family: Font Awesome\ 5 Pro;
        content: "\f00d";
        position: absolute;
        color: #fff;
        font-size: 18px;
        top: 13px;
        left: 16px;
        font-weight: 100;
    }

    /* ------------ end style menu button ------------------------------ */
    #Home .hero-section {
        padding: 40px 0px;
    }

    .small-container {
        max-width: 1024px;
        padding: 0 0 !important;
    }

    .category-carousel .swiper-slide, .single-carousel-wrap .swiper-slide, .category-carousel .swiper-slide img, .single-carousel-wrap .swiper-slide img {
        width: 100% !important;
        height: auto !important;
    }


    .category-carousel-wrap, .single-carousel-wrap {
        height: auto !important;
        overflow: hidden;
        background: #fff;
    }

    .lightgallery .box-item .gal-link {
        top: 50%;
        left: 50%;
        box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);
    }

    .lightgallery .box-item:hover a.gal-link {
        top: 50%;
        left: 50%;
        opacity: 1;
    }


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

    body#Esercizio .blog_article .uk-thumbnail.thumbnail_left {
        float: left;
        margin: 0 !important;
    }

    .promo-video {
        width: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0% !important;
    }

    .promo-video .VideoYoutube {
        width: 100%;
        height: auto !important;
        margin: 5%;
    }

    .promo-video iframe {
        width: 100%;
        height: auto !important;
        min-height: 400px;
    }

    #wrap-video-promo {
        padding: 1% !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;
        margin-top: auto;

    }

    header .nav-button-wrap {
        top: 12px !important;
        margin-right: 0px !important;

    }

    .main-header {
        padding: 13px 20px 10px 20px;
    }

    .lang-mobile {
        display: block;
        height: 55px;
        position: absolute;
        right: 20px;
        top:12px;
    }

    a.lang {
        float: left;
        line-height: 53px;
    }

    .videoContainer {
        max-height: auto !important;
        height: auto;
        display: block;
    }

    .video-container .thumbnail {
        z-index: 999999999 !important;
    }

    .videoPlayer, .thumbnail {
        width: 100%;
        min-height: 250px !important;
        max-height: 500px !important;
        height: 100%
    }

    .blog_article .uk-thumbnail.thumbnail_left {
        float: left;
        margin: 0 !important;
    }
}


@media only screen and (max-width: 650px) {
    #sec1 .bg.par-elem {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
}


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

    /*.bg-parallax-wrap, .bg-tabs-wrap {
        position: static;
    }*/

    .list-single-header-item {
        padding: 0 0 0;
    }

    .logo-esercizio {
        position: relative;
        top: 13px;
        margin-bottom: 30px;
    }

    .wrap-head {
        float: left;
        margin-top: 20px;
        /*  padding-top:40px*/
    }

    .class-Esercizio #sec1 {
        padding-bottom: 0;
    }

    .class-Esercizio #sec1 h1 {
        margin: 0;
        padding: 0;
    }

    .class-Esercizio .listing-hero-section {
        padding: 0 0 0;
    }

    .class-Esercizio .scroll-nav-wrapper-opt {
        /* display: none;*/
    }

    .class-Esercizio .list-single-header_bottom .geodir_status_date {
        top: 2px;
    }

    .class-Esercizio .listing-hero-section .list-single-header_bottom {
        margin: 20px 0;
        padding: 25px 0 15px;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .class-Esercizio .list-single-header_bottom {
        border-top: 1px solid #eee;
        padding: 15px 0;
        margin-top: 10px;
    }

    .videoContainer {
        width: 100% !important;
        min-height: 200px !important;
        max-height: 100% !important;
        height: auto;
        margin-bottom: 20px !important;
    }

    .video-container .thumbnail {
        z-index: 999999999 !important;
    }

    .videoPlayer, .thumbnail {
        width: 100%;
        min-height: 200px !important;
        max-height: 100% !important;
        height: auto !important;
    }

}

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

    .scroll-nav-wrapper-opt {
        position: relative;
        float: right;
        top: 6px;
        height: auto;
        margin: 0;
        width: 100px;

    }


}

@media only screen and (max-width: 421px) {
    .scroll-nav-wrapper-opt {
        top: 0;
        float: right;
        width: 100px
    }

    #mapId {
        min-height: 910px !important;
    }
}


/* VERSIONE NOTEBOOK 15 POLLICI (DI SOLITO 1336 X 768 oppure 1536 x 738)*/
@media screen and (min-width: 1300px) and (max-width: 1536px) {
    #mapId {
        min-height: 900px !important;
    }
}

/* Versione cellulare landscape */
@media screen and (max-height: 590px)  {
    .fl-wrap.mobile {
        background: #000;
    }

    .class-Esercizio .geodir-category-location {
        margin-top: 45px;
    }
}