@media (max-width: 1400px) {
    .hidden-1500 {
        display: none;
    }
}



@media (max-width: 1400px) {
    .container-main {
        padding-left: 90px;
        padding-right: 90px;
        margin: 0px;
    }

    .hidden-1400 {
        display: none;
    }
}

@media (max-width: 1100px) {


    :root {
        --mainBlack: #161515;
        --mainBlack41: #16151569;
        --grayLight: #eaeaea;
        --grayMiddle: #eaeaea;
        --grayText: #7f7f7f;
        --proYellow: #F5FF00;
        --supporterBlue: #324fe0;
        --subBlue: #3391ef;
        --stdWhite: #ffffff;
        --redPorpose: #FB0047;
        --partnerColor: #0fffda;
        --guruColor: #8800FD;
        --font-family-montserrat: zonzers-font-regular;
        --font-family-zonzers-font-bold: zonzers-font-bold;
        --font-family-zonzers-font-semibold: zonzers-font-semibold;
        --font-style-normal: normal;
        --font-weight-600: 600px;
        --font-weight-bold: bold;
        --font-weight-normal: normal;
        --font-size-13: 13px;
        --font-size-15: 15px;
        --font-size-16: 16px;
        --font-size-18: 18px;
        --font-size-20: 20px;
        --font-size-22: 22px;
        --font-size-28: 28px;
        --font-size-30: 30px;
        --font-size-40: 40px;
        --font-size-57: 57px;
        --character-spacing-0: 0px;
        --line-spacing-16: 16px;
        --line-spacing-19: 19px;
        --line-spacing-22: 22px;
        --line-spacing-24: 24px;
        --line-spacing-27: 27px;
        --line-spacing-34: 34px;
        --line-spacing-37: 37px;
        --line-spacing-49: 49px;
        --line-spacing-59: 59px;
    }

    .navbar-collapse ul {
        height: 100vh;
    }

    body, html {
        overflow-x: hidden;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .navbar {
        background-color: transparent;
        z-index: 999;
    }

    .button-menu {
        z-index: 99999;
    }

    .dropdown-menu {
        background-color: transparent;
    }

    .dropdown-item {
        color: white;
    }

    .navbar-brand img {
        width: 121px;
        /*height: 25px;*/
    }

    .navbar-collapse {
        z-index: 99;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 27px;
        background-color: #00000090;
        padding-top: 74px;
        bottom: 0px;
    }

    .nav-item {
        padding-bottom: 5px;
    }

    .socialfooter-first-child {
        margin-left: 0px;
    }

    .show-responsive {
        display: block;
    }

    .hide-responsive {
        display: none !important;
    }

    .no-container-responsive {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .container-responsive {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .footer {
        background-color: var(--grayMiddle);
        padding: 23px 50px 23px 50px;
    }

    .nav-black {
        background-color: var(--mainBlack) !important;
    }

    .dt-titolone-white-montserrat-40pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-28);
        line-height: var(--line-spacing-34);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-titolone-white-montserrat-40pt-responsive {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-20);
        line-height: var(--line-spacing-24);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-paragrafo-white-montserrat-18pt {
        font-family: zonzers-font-regular;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-paragrafo-xl-white-montserrat-18pt {
        font-family: zonzers-font-regular;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-titolo-black-montserrat-30pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-20);
        line-height: var(--line-spacing-24);
        letter-spacing: var(--character-spacing-0);
        color: var(--mainBlack);
    }

    .dt-titolo-black-montserrat-30pt-bigger {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-28);
        line-height: var(--line-spacing-34);
        letter-spacing: var(--character-spacing-0);
        color: var(--mainBlack);
    }

    .dt-paragrafo-black-montserrat-18pt {
        font-family: zonzers-font-regular;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--mainBlack);
    }

    .mb-paragrafo-white-montserrat-16pt {
        font-family: zonzers-font-regular;
        font-size: var(--font-size-13);
        line-height: var(--line-spacing-16);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .mb-paragrafo-evidenziato-white-montserrat-18pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .mb-paragrafo-evidenziato-white-montserrat-16pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-13);
        line-height: var(--line-spacing-16);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-titolo-card-avventura-montserrat-22pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-18);
        line-height: var(--line-spacing-22);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-paragrafo-evidenziato-white-montserrat-18pt {
        font-family: var(--font-family-zonzers-font-bold);
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-16);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-paragrafo-evidenziato-white-montserrat-28pt-responsive {
        font-family: var(--font-family-montserrat);
        font-size: var(--font-size-28);
        line-height: var(--line-spacing-34);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-titolone-black-montserrat-40pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-28);
        line-height: var(--line-spacing-34);
        letter-spacing: var(--character-spacing-0);
        color: var(--color-161515);
    }

    .dt-titolo-white-montserrat-30pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-20);
        line-height: var(--line-spacing-24);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-Subtitolo-white-montserrat-30pt {
        font-family: zonzers-font-regular;
        font-size: var(--font-size-20);
        line-height: var(--line-spacing-24);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-pulsante-black-montserrat-18pt {
        font-family: zonzers-font-semibold;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--color-161515);
    }

    .mb-paragrafo-evidenziato-black-montserrat-16pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-13);
        line-height: var(--line-spacing-16);
        letter-spacing: var(--character-spacing-0);
        color: var(--color-161515);
    }

    .mb-paragrafo-evidenziato-black-montserrat-18pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--mainBlack);
    }

    .dt-paragrafo-evidenziato-black-montserrat-18pt {
        font-family: zonzers-font-bold;
        font-size: var(--font-size-16);
        line-height: var(--line-spacing-19);
        letter-spacing: var(--character-spacing-0);
        color: var(--mainBlack);
    }

    .dt-paragrafo-evidenziato-black-montserrat-18pt-important {
        font-family: zonzers-font-bold !important;
        font-size: var(--font-size-16) !important;
        line-height: var(--line-spacing-19) !important;
        letter-spacing: var(--character-spacing-0) !important;
        color: var(--mainBlack) !important;
    }

    .dt-titolo-red-brushot-84pt {
        font-family: brushot-bold;
        font-size: var(--font-size-57);
        line-height: var(--line-spacing-59);
        letter-spacing: var(--character-spacing-0);
        color: var(--stdWhite);
    }

    .dt-titolone-red-brushot-40pt {
        font-family: brushot-bold;
        font-size: var(--font-size-40);
        line-height: var(--line-spacing-49);
        letter-spacing: var(--character-spacing-0);
        color: var(--redPorpose);
    }

    .dt-titolone-white-brushot-28pt-responsive {
        font-family: brushot-bold;
        font-size: var(--font-size-28);
        line-height: var(--line-spacing-34);
        letter-spacing: var(--character-spacing-0);
        color: white;
    }

    .st-space-95-responsive {
        height: 95px;
    }

    .st-space-84-responsive {
        height: 84px;
    }

    .st-space-70-responsive {
        height: 70px;
    }

    .st-space-60-responsive {
        height: 60px;
    }

    .st-space-40-responsive {
        height: 40px;
    }

    .st-space-30-responsive {
        height: 30px;
    }

    .st-space-20-responsive {
        height: 20px;
    }

    .st-space-11-responsive {
        height: 11px;
    }

    .st-space-9-responsive {
        height: 7px;
    }

    .st-space-7-responsive {
        height: 5px;
    }

    .max-w-700 {
        max-width: 100%;
    }

    .card-container-first-child {
        margin-left: 40px;
    }

    .card-container-first-child-space {
        width: 40px;
    }

    .container-main {
        padding-left: 40px;
        padding-right: 40px;
    }

    .container-main-responsive {
        padding-left: 40px;
        padding-right: 40px;
    }

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

    .left-responsive {
        text-align: left;
    }

    .card-container {
        width: 255px;
        height: 362px;
        padding-right: 15px
    }

    .card-price {
        padding: 3px 11px 3px 11px;
        /*background-color: var(--mainBlack);*/
        text-align: center;
        height: 22px;
        position: absolute;
        top: 19px;
        right: 19px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 27px;
        color: white;
    }

        .card-price:hover {
            color: black;
        }

    .card-opacity {
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.27) 100%);
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .card-data {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .card-data-adv {
        position: absolute;
        top: 100px;
        left: 19px;
        right: 19px;
    }

    .card-user {
        position: absolute;
        top: 19px;
        left: 19px;
        width: 58px;
        height: 58px;
    }

    .card-user-img {
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        /*border: solid 2px;*/
    }

    /*.card-user-img-guide-animal {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 20px;
        }*/

    .card-user-img-guide-animal-container {
        width: 25px;
        height: 25px;
    }

    .card-user-img-guide-animal {
        width: 60%;
        align-self: center;
    }

    .card-accepted-box {
        position: absolute;
        bottom: 68px;
        left: 19px;
        right: 19px;
        height: 37px;
        overflow: hidden;
    }

    .card-user-accepted {
        width: 27px;
        position: relative;
    }

    .card-user-accepted-img {
        position: absolute;
        left: 0px;
        top: 0px;
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        background-size: cover;
        background-position: center;
        width: 37px;
        height: 37px;
        border: solid 2px;
    }

    .card-user-accepted-img-plus {
        position: absolute;
        left: 0px;
        top: 0px;
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        background-size: cover;
        background-position: center;
        width: 37px;
        height: 37px;
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        line-height: 37px;
        text-align: center;
        font-family: zonzers-font-semibold;
        font-size: 12px;
        border: 1px solid black;
    }

    .card-lvl-box {
        position: absolute;
        left: 19px;
        bottom: 19px;
    }

    .card-activity-box {
        position: absolute;
        right: 19px;
        bottom: 19px;
        width: 31px;
        height: 31px;
        -moz-border-radius: 250px;
        -webkit-border-radius: 250px;
        border-radius: 250px;
        padding: 8px;
    }

        .card-activity-box img {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            max-width: 50%;
            max-height: 50%;
        }

    .triangle-down-small {
        margin-right: 4px;
        -webkit-filter: invert(100%); /* Safari/Chrome */
        filter: invert(100%);
    }

    .triangle-down-small-1 {
        width: auto !important;
        height: 15px !important;
    }

    .triangle-down-small-2 {
        width: auto !important;
        height: 15px !important;
    }

    .triangle-down-small-3 {
        width: auto !important;
        height: 15px !important;
    }

    .triangle-down-small-4 {
        width: auto !important;
        height: 15px !important;
    }

    .lvl-icon {
        height: 15px;
    }

    .max-h-84 {
        max-height: 64px;
    }


    .card-users-container {
        width: 188px;
        height: 188px;
        margin-right: 15px
    }

    .card-users-container-smaller {
        width: 188px;
        height: 188px;
        margin-right: 10px
    }

    .card-users-container-smaller-pro {
        width: 130px;
        height: 130px;
        margin-right: 20px
    }

        .card-users-container-smaller-pro .card-users-background-image {
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
        }

        .card-users-container-smaller-pro .card-users-opacity {
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
        }

        .card-users-container-smaller-pro:last-of-type {
            margin-right: 0px;
        }

    .card-users-background-image {
        position: relative;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
    }

    .card-users-opacity {
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        /*background-color: #00000050;*/
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .card-users-data {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .card-users-user {
        position: absolute;
        top: 20px;
        left: 20px;
        bottom: 20px;
        right: 20px;
        text-align: center;
    }

    .card-users-user-cont {
        position: relative;
        margin: 0 auto;
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        background-size: cover;
        background-position: center;
        width: 92px;
        height: 92px;
    }

    .card-users-container-smaller-pro .card-users-user-cont {
        width: 60px;
        height: 60px;
    }

    .card-users-user-img {
        margin: 0 auto;
        -moz-border-radius: 280px;
        -webkit-border-radius: 280px;
        border-radius: 280px;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        /*border: solid 2px;*/
    }

    .card-users-user-img-guide-animal-container {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 35px;
        height: 35px;
        text-align: center;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        display: flex;
        justify-content: center;
    }

    .card-users-user-img-guide-animal {
        width: 50%;
        align-self: center;
    }

    .card-users-container-smaller-pro .card-users-user-img-guide-animal {
        width: 25px;
    }

    .home-box-pro-container {
        background-color: var(--mainBlack);
    }

    .home-box-pro {
        background-color: var(--mainBlack);
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        padding: 0px;
        padding-top: 37px;
    }

    .btn-pro {
        display: inline-block;
        background-color: var(--proYellow);
        color: black;
        -webkit-text-decoration: none;
        text-decoration: none;
        padding: 10px 27px 10px 27px;
        -moz-border-radius: 27px;
        -webkit-border-radius: 27px;
        border-radius: 27px;
        margin-bottom: 5px
    }

        .btn-pro:hover {
            background-color: var(--proYellow);
            color: black;
            -webkit-text-decoration: none;
            text-decoration: none;
        }

    .bnt-std-red {
        background-color: var(--redPorpose) !important;
        color: var(--stdWhite) !important;
    }

        .bnt-std-red:hover {
            background-color: var(--redPorpose) !important;
            color: var(--stdWhite) !important;
        }

    .adv-box {
        position: relative;
        height: 513px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: var(--mainBlack);
        background-size: cover;
        background-position: center;
    }

    .adv-box-opacity {
        padding: 36px 36px 36px 36px;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*background-color: #00000081;*/
    }

    .adv-box-text {
        max-height: 300px;
        overflow-y: hidden;
    }

    .adv-box-btn {
        position: absolute;
        bottom: 36px;
        left: 36px;
        right: initial;
        padding: 10px 27px 10px 27px;
        font-size: 16px;
    }

    .new-adv-box {
        position: relative;
        height: auto;
        background-color: white;
        background-size: cover;
        background-position: center;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

    .new-adv-container {
        position: relative;
        width: 100%;
        height: 100%;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

    .new-adv-left {
        position: relative;
        top: initial;
        left: initial;
        bottom: initial;
        width: 100%;
        text-align: center;
        -moz-border-radius: 0px 0px 47px 47px;
        -webkit-border-radius: 0px 0px 47px 47px;
        border-radius: 0px 0px 47px 47px;
        z-index: 2;
    }

    .new-adv-right {
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        width: 100%;
        background-position: center;
        background-size: cover;
        -moz-transform: translateY(-47px);
        -ms-transform: translateY(-47px);
        -o-transform: translateY(-47px);
        -webkit-transform: translateY(-47px);
        transform: translateY(-47px);
        z-index: 1;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

    .new-adv-left-content {
        padding: 20px 40px 20px 40px;
    }

        .new-adv-left-content b {
            font-family: zonzers-font-bold;
            font-weight: initial !important;
        }

        .new-adv-left-content strong {
            font-family: zonzers-font-bold;
            font-weight: initial !important;
        }

        .new-adv-left-content p {
            margin-top: initial;
            margin-bottom: initial;
        }

    .new-adv-right-content {
        position: initial;
        padding-top: 67px;
        padding-bottom: 40px;
        left: initial;
        top: initial;
        width: 100%;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        min-height: 300px;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

        .new-adv-right-content img {
            width: 60%;
            margin: 0 auto;
        }


    .adv-tag-box {
        position: absolute;
        bottom: 16px;
        left: 21px;
        right: 21px;
        height: 44px;
        overflow: hidden;
    }

    .user-type-label {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding: 1px 6px 2px 6px;
        margin-top: 0px;
        margin-bottom: 2px;
        font-size: 10px;
        margin-left: 5px;
        max-height: 17px;
    }
}
