@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&display=swap&subset=latin-ext");

    @font-face {
        font-family: "HelveticaNeueLTPro-MdCn";
        src: url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.eot");
        src: url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.woff") format("woff"), url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/40dd6938641e0a098189ece0fe5b13e4.svg#HelveticaNeueLTPro-MdCn") format("svg");
    }

    /*.root-body {
    background-image: url('../img/root-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
*/

    .news-section,
    .parks-section,
    .entries-section,
    .birthday-section,
    .passes-section,
    .coach-section,
    .discount-section,
    .eq-section,
    .template-section,
    .park-section,
    .faq-section,
    .contact-section,
    .contact-section2,
    .form-section,
    .trust-us-section {
        padding-top: 40px;
        background: #09376e;
    }

    .logo-mobile {
        display: none;
    }

    .breadcrumb {
        background: #09376e;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
        margin-bottom: 0;
        margin-left: 10px;
    }

    .breadcrumb .current {
        font-weight: 600;
    }

    .breadcrumb a {
        transition-duration: 0.5s;
    }

    .breadcrumb a:hover {
        color: #fc8d2f;
    }

    .instructors-section {
        margin-top: 75px;
        border: 3px solid #ffffffb3 !important;
    }

    a {
        color: #fa6b0e;
        transition-duration: 0.5s;
    }

    a:hover {
        text-decoration: none;
        color: #fc8d2f;
    }

    h1 {
        font-size: 2.1rem;
    }

    h2 {
        font-size: 1.9rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.4rem;
    }

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

    .mtphr-dnt {
        position: relative;
        right: -5px;
    }

    .eq-section .entries-info-box,
    .eq-section .entries-info-box .entries-bottom {
        min-height: auto;
    }

    .entries-info-box.b-day {
        min-width: 260px;
    }

    .coach-section .entries-info-box,
    .coach-section .entries-info-box .entries-bottom {
        min-height: auto;
    }

    .owl-carousel .owl-item img {
        width: 100%;
        /*height: 100%;*/
        object-fit: cover;
    }

    @media (max-width: 1200px) {
        .logo-desktop {
            display: none;
        }

        .logo-mobile {
            display: block;
        }

        .logo-mobile .logo {
            width: 40px;
        }

        h1 {
            font-size: 1.8rem;
        }

        h2 {
            font-size: 1.6rem;
        }

        h3 {
            font-size: 1.2rem;
        }

        h4 {
            font-size: 1rem;
        }
    }

    body {
        overflow-x: hidden;
        font-family: "Titillium Web", sans-serif;
        color: #fff;
        background: #09376e;
    }

    header {
        position: relative;
    }

    .main-img-wrapper {
        width: 465px;
        height: 270px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition-duration: 0.5s;
        position: relative;
        border: 3px solid #f37920;
    }

    .main-img-wrapper a {
        transition-duration: 0.5s;
    }

    .main-img-wrapper a div {
        width: 465px;
        height: 270px;
        transition-duration: 0.5s;
    }

    .copyright {
        background-color: #fff;
        color: #666 !important;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        font-size: 0.9rem;
        margin-top: 50px;
        padding: 25px 0 10px 0;
    }

    .copy-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #09376e;
        opacity: 0.8;
    }

    .root-logo-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 55px 0 40px 0;
    }

    .root-title {
        text-align: center;
        font-size: 1.6rem;
        color: #fff;
        margin-bottom: 40px;
        font-family: "Titillium Web", sans-serif;
    }

    .main-img-wrapper {
        transition-duration: 0.5s;
    }

    .main-img-wrapper:hover {
        transform: translateY(-25px);
    }

    .main-img-wrapper div {
        text-align: center;
        width: 100%;
    }

    .main-img-wrapper a {
        font-size: 1.5rem;
        color: #fff;
        padding: 40px 0;
        font-family: "Titillium Web", sans-serif;
    }

    .main-img-wrapper a:hover {
        text-decoration: none;
    }

    .cities {
        padding: 15px;
        position: relative;
        margin-bottom: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cities strong {
        position: absolute;
        bottom: 40%;
        transition-duration: 0.5s;
        transform: translateX(-50%);
        font-size: 45px;
        text-shadow: 1px 1px 10px #000;
    }

    .text-slide a {
        color: #f37920;
    }

    .logo {
        width: 200px;
        height: auto;
    }

    .reservation-btn {
        background: #f37920;
        padding: 10px 60px;
        color: #fff;
        transition-duration: 0.5s;
        text-transform: uppercase;
        font-weight: 800;
        margin-left: auto;
        margin-right: 50px;
        display: none;
    }

    .reservation-btn:hover {
        color: #fff;
        opacity: 0.8;
    }

    .navbar-brand {
        position: relative;
    }

    .navbar-brand-wwa::after,
    .navbar-brand-ldz::after,
    .navbar-brand-cz::after,
    .navbar-brand-pz::after {
        background-color: #09376e;
        position: absolute;
        top: 0;
        left: 65px;
        color: #fff;
        font-weight: bold;
        padding: 15px 30px 10px 0;
        min-width: 135px;
    }

    .navbar-brand-wwa::after {
        content: "WARSZAWA";
    }

    .navbar-brand-ldz::after {
        content: "ŁÓDŹ";
    }

    .navbar-brand-cz::after {
        content: "CZĘSTOCHOWA";
    }

    .navbar-brand-pz::after {
        content: "POZNAŃ";
    }

    .navbar {
        background-color: #09376e;
        padding: 0;
    }

    .navbar-light .navbar-nav .nav-link {
        outline: 0;
    }

    .navbar-brand {
        margin-left: 10px;
    }

    .navbar-collapse {
        z-index: 10000;
    }

    .navbar-toggler {
        border-color: transparent !important;
        margin-right: 15px;
        position: relative;
        z-index: 10;
    }

    .navbar-toggler>i {
        font-size: 24px;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .nav {
        justify-content: space-between;
    }

    .navbar #navbarNavDropdown .navbar-nav .nav-link {
        color: #fff;
        font-family: "Titillium Web", sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .fa-bars {
        color: #fa6b0e !important;
    }

    .menu-item {
        position: relative;
    }

    .navbar-nav .menu-item::after {
        content: "";
        width: 0%;
        height: 2px;
        background: #f37920;
        position: absolute;
        left: 50%;
        bottom: 24%;
        transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .navbar-nav .menu-item:hover::after {
        width: 76%;
        left: 12%;
    }

    .navbar-nav .menu-item:last-child:after {
        background: #052142;
    }

    .orange {
        background-color: #f37920;
        padding: 20px 20px;
        box-sizing: border-box;
        width: 140px;
        text-align: center;
    }

    .orange a {
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
    }

    .darker a {
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
    }

    .darker {
        background-color: #052142;
        padding: 20px 20px;
        box-sizing: border-box;
        width: 140px;
        text-align: center;
    }

    .menu-item {
        padding: 20px 10px;
    }

    .info-bar {
        margin-top: 73px;
        align-items: center;
        color: #000;
        padding: 9px 0;
        background-color: #fff;
        width: 100%;
        height: 37px;
        position: fixed;
        top: 0;
        z-index: 123;
    }

    .info-bar p {
        margin: 0;
    }

    .last-news {
        color: #f37920;
        min-width: 175px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
        font-size: 14px;
        position: absolute;
        z-index: 10;
        background: #fff;
        height: 25px;
        padding-left: 10px;
    }

    .mtphr-dnt-tick {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .mtphr-dnt-tick a,
    .mtphr-dnt-tick a:hover {
        color: #000;
    }

    .last-news::after {
        position: absolute;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
        width: 90px;
        height: 30px;
        content: "";
        top: -6px;
        left: 173px;
        z-index: 10;
    }

    .main-slider-wrapper {
        background: #09376e;
    }

    .owl-carousel .item h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .owl-carousel .owl-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .owl1 a,
    .owl1 a p {
        color: #000;
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        font-size: 14px;
    }

    .mtphr-dnt-tick::before {
        content: "";
        background-image: url("../img/SG_SYGNET.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        left: -25px;
        top: 0;
    }

    .owl1a img {
        width: 18px !important;
        height: 18px;
        margin-right: 10px;
    }

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

    .owl-dots {
        position: absolute;
        width: 100%;
        bottom: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .owl-dot {
        width: 7px;
        height: 7px;
        background: #9499ab !important;
        margin: 0 5px;
        border-radius: 50%;
    }

    .owl-dots .active {
        background: #fff !important;
    }

    .owl2-item {
        position: relative;
        width: 100%;
        max-height: 720px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 220px;
    }

    .owl-prev {
        position: absolute;
        top: 40%;
        left: 10px;
    }

    .owl-next {
        position: absolute;
        top: 40%;
        right: 10px;
    }

    .owl-prev span,
    .owl-next span {
        font-size: 58px;
    }

    .owl-prev:focus,
    .owl-next:focus {
        outline: none;
    }

    .owl2-text {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(to left, transparent, #09376e);
        padding-left: 10%;
        z-index: 10;
    }

    .owl2-item::after {
        content: "";
        background-image: linear-gradient(to left, transparent, #09376e);
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.78;
    }

    .owl2-text img {
        width: auto !important;
    }

    .text-slide {
        color: #fff;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        font-family: "Titillium Web", sans-serif;
        font-weight: 500;
        line-height: 1.7em;
        opacity: 0;
        display: none;
    }

    .text-slide .slider-button {
        color: #fff;
    }

    .text-slide h1,
    .text-slide h2,
    .text-slide h3,
    .text-slide h4 {
        font-weight: 800;
        max-width: 790px;
    }

    .text-slide h1 {
        font-size: 2.8rem;
    }

    .text-slide h2 {
        font-size: 3rem;
    }

    .text-slide h3 {
        font-size: 1.6rem;
    }

    .text-slide h4 {
        font-size: 1.4rem;
    }

    .text-slide p {
        font-size: 18px;
    }

    @media (max-width: 1366px) {
        .text-slide h1 {
            font-size: 1.8rem;
        }

        .text-slide h2 {
            font-size: 1.6rem;
        }

        .text-slide h3 {
            font-size: 1.2rem;
        }

        .text-slide h4 {
            font-size: 1rem;
        }

        .text-slide p {
            font-size: 16px;
        }

        .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
            font-size: 10px;
        }
    }

    @media (max-width: 1200px) {
        .text-slide h1 {
            font-size: 1.5rem;
        }

        .text-slide h2 {
            font-size: 1.3rem;
        }

        .text-slide h3 {
            font-size: 1rem;
        }

        .text-slide h4 {
            font-size: 1rem;
        }

        .text-slide p {
            font-size: 14px;
        }
    }

    @media (max-width: 768px) {
        .text-slide h1 {
            font-size: 1.3rem;
        }

        .text-slide h2 {
            font-size: 1.1rem;
        }

        .text-slide h3 {
            font-size: 1rem;
        }

        .text-slide h4 {
            font-size: 1rem;
        }

        .owl2-text {
            max-width: 90%;
        }

        .text-slide p {
            font-size: 12px;
            line-height: 1.2;
            margin-bottom: 0.2rem;
        }
    }

    @media (max-width: 550px) {
        .owl2-text {
            width: 98%;
            max-width: 98%;
            padding-left: 3%;
        }
    }

    .section-title {
        text-align: center;
    }

    .section-title h1,
    .section-title h2,
    .section-title h3 {
        color: #fff;
        text-align: center;
        margin-bottom: 45px;
    }

    .section-title h1 {
        font-size: 2.2rem;
    }

    .section-title h2 {
        font-size: 1.8rem;
    }

    .section-title h3 {
        font-size: 1.4rem;
    }

    .section-title h1::after,
    .section-title h2::after,
    .section-title h3::after {
        content: "";
        background: #f37920;
        position: absolute;
        width: 360px;
        bottom: 30px;
        height: 1px;
        left: 50%;
        transform: translate(-50%);
    }

    .readmore {
        color: #f37920;
        text-transform: uppercase;
        font-weight: 800;
    }

    .post-preview {
        padding: 20px 15px;
        margin-bottom: 25px;
        transition-duration: 0.5s;
        color: #fff;
        border-radius: 10px;
    }

    .post-preview-row>.col-md-6 {
        z-index: 20;
    }

    .post-preview:hover {
        background: #f37920;
        text-decoration: none;
    }

    .post-preview:hover .readmore,
    .awarded .readmore {
        color: #fff;
    }

    .post-preview:hover .post-link,
    .post-link:hover {
        text-decoration: none;
    }

    .preview-text p,
    .preview-title,
    .preview-title p {
        word-wrap: break-word;
    }

    .thumbnail-wrapper {
        width: 100%;
        padding: 33%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        border-radius: 5px;
    }

    .news-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    @media (max-width: 768px) {
        .post-preview {
            text-align: center;
        }
    }

    .preview-title {
        font-size: 24px;
        font-weight: 800;
    }

    .parks-wrapper {
        background: #09376e;
    }

    .parks-info {
        text-align: center;
    }

    .parks-info h2 {
        font-size: 1.5rem;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
    }

    .parks-info p {
        font-size: 17px;
    }

    .parks-info strong {
        font-size: 18px;
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
    }

    .parks-info-row {
        margin-top: 25px;
    }

    .entries-info-box {
        background: #fff;
        border-radius: 10px;
        position: relative;
        z-index: 10;
        padding-bottom: 15px;
        /*        min-height: 400px;*/
    }

    .entries-info-box-promotion {
        position: absolute;
        width: 132px;
        color: #f37920;
        background: #fff;
        border: 2px solid #09376e;
        border-radius: 12px;
        padding: 6px 3px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 18px;
        transform: translate(38%, -33px) rotate(-2deg);
        z-index: -1;
        text-align: center;
    }

    .entries-top {
        background: #f37920;
        text-align: center;
        font-family: "Titillium Web", sans-serif;
        font-weight: 800;
        height: 75px;
        font-size: 1.2rem;
        border-radius: 10px 10px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .entries-top2 {
        padding: 5px 0 5px 0;
    }

    .entries-top h1,
    .entries-top h2,
    .entries-top h3,
    .entries-top h4 {
        font-size: 18px;
        margin: 0;
        font-weight: 600;
    }

    .entries-top,
    .entries-top p {
        font-size: 13px;
        margin: 0;
        font-weight: 500;
    }

    .entries-price,
    .entries-bottom-header {
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        color: #000;
        text-align: center;
        font-size: 1.3rem;
    }

    .entries-bottom {
        height: 100%;
        display: flex;
        flex-direction: column;
        /* min-height: 345px;*/
    }

    .empty-entries {
        min-height: 220px;
    }

    .empty-entries .entries-bottom {
        min-height: 190px;
    }

    .entries-bottom-header {
        position: relative;
        margin: 5px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .entries-bottom-header img {
        width: 21px;
        height: 21px;
        display: block;
        margin-right: 6px;
    }

    .entries-price-in {
        color: #09376e;
        font-size: 4rem;
        display: flex;
        flex-direction: column;
        margin: 0px 10px;
        font-family: "Open Sans", sans-serif;
        font-weight: 800;
    }

    .entries-price-in span {
        letter-spacing: -2px;
    }

    .entries-price-in2::before {
        content: "WWW / NA MIEJSCU";
        font-size: 12px;
        font-weight: 800;
        color: #fa6b0f;
        height: 10px;
        font-family: "Titillium Web", sans-serif;
    }

    /* .entries-price-in3:first-of-type::before {
    content: 'BEZ KARTY';
    font-size: 12px;
    font-weight: 800;
    color: #fa6b0f;
    height: 10px;
    font-family: 'Titillium Web', sans-serif;
} */
    /* .entries-price-in3:last-of-type::before {
    content: 'Z KARTĄ';
    font-size: 12px;
    font-weight: 800;
    color: #fa6b0f;
    height: 10px;
    font-family: 'Titillium Web', sans-serif;
} */
    /** 
.entries-price-in1:first-of-type::before {
    content: 'WWW';
    font-size: 12px;
    font-weight: 500;
    color: #fa6b0f;
    height: 10px;
    font-family: 'Titillium Web', sans-serif;
}

.entries-price-in1:last-of-type::before {
    content: 'NA MIEJSCU';
    font-size: 12px;
    font-weight: 500;
    color: #fa6b0f;
    height: 10px;
    font-family: 'Titillium Web', sans-serif;
}
*/

    .entries-price {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .zl {
        font-size: 2rem;
        margin-top: -20px;
    }

    .entries-for {
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
    }

    .eq-row .entries-for {
        min-height: 0px;
    }

    .entries-for p {
        text-align: center;
        color: #f37920;
        margin: 2px 0;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
    }

    .entries-header {
        color: #09376e !important;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        font-size: 16px;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pricing-row {
        padding-top: 35px;
        justify-content: center;
    }

    .pricing-main {
        position: relative;
        width: 100%;
    }

    .pricing-column {
        min-width: 250px;
    }

    .pricing-row,
    .accordion {
        max-width: 1580px;
        margin-left: auto;
        margin-right: auto;
    }

    .acc-text {
        width: 80%;
    }

    .entries-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .entries-button a {
        background: #fa6b0f;
        color: #fff;
        padding: 10px 30px;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 5px;
        transition-duration: 0.5s;
    }

    .no-online.entries-button a,
    .no-online a {
        background: #09376e;
    }

    .pe-button {
        margin-bottom: -40px;
    }

    .return-button {
        display: flex;
        align-items: center;
        justify-content: left;
        margin-top: auto;
        padding-top: 70px;
    }

    .return-button a {
        background: #fa6b0f;
        color: #fff;
        padding: 10px 30px;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 5px;
        transition-duration: 0.5s;
        opacity: 1;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .return-button a:hover {
        opacity: 0.6;
    }

    .no-online span {
        background: #09376e;
        color: #fff;
        padding: 10px 30px;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 5px;
        transition-duration: 0.5s;
    }

    .no-online span:hover,
    .no-online a:hover {
        background: #09376e;
        cursor: default;
    }

    .attractions-button {
        background-color: #995634;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        font-weight: 800;
        text-transform: uppercase;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 0;
        transition: all 0.5s;
    }

    .attractions-row {
        padding-top: 15px;
        padding-bottom: 15px;
        max-width: 1580px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .attractions-button:hover {
        color: #fff;
        text-decoration: none;
        transform: translateY(-10px);
        background-color: #fa6b0f;
    }

    .park-wrapper h3 {
        color: #f37920;
        font-size: 30px;
        font-weight: 800;
        margin: 20px 0;
    }

    .card-header {
        background: #f37920;
        color: #fff;
        font-weight: 800;
        border-radius: 10px;
    }

    .card-header .btn-link {
        color: #fff;
        font-weight: 800;
        text-decoration: none;
        text-align: left;
        width: 100%;
    }

    .card-header .btn-link:hover {
        text-decoration: none;
    }

    .card-body {
        color: #09376e;
    }

    .card {
        margin-bottom: 5px;
        border: none;
        border-radius: 10px !important;
    }

    .card-header h5 button {
        font-size: 24px;
        font-weight: 800;
    }

    .slider-button {
        background: #f37920;
        padding: 10px 60px;
        color: #fff;
        transition-duration: 0.5s;
        text-transform: uppercase;
        font-weight: 800;
    }

    .slider-button:hover {
        text-decoration: none;
        background: #995634;
        color: #a2a2a2;
    }

    .menu-item .dropdown-toggle:hover .dropdown-menu {
        display: block !important;
    }

    .navbar #navbarNavDropdown .navbar-nav .dropdown-menu {
        background: #fff;
        width: 200px;
        color: #052142;
        border-radius: 0;
        border: none;
        width: 250px;
    }

    .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
        color: #052142;
        transition-duration: 0.5s;
        text-align: left;
        margin: 0 15px;
        font-size: 14px;
        font-weight: 600;
    }

    .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .active a {
        color: #f37920;
    }

    .dropdown-menu .nav-link {
        text-align: center;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        top: 55px;
        left: -40px;
        padding: 0;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu .nav-link {
        margin: 0;
    }

    .dropdown-menu .menu-item {
        padding: 0;
    }

    .dropdown-menu .menu-item a:hover {
        text-decoration: none !important;
        background-color: #f37920 !important;
        color: #fff !important;
    }

    .dropdown-menu .menu-item:hover::after {
        color: transparent !important;
        width: 0 !important;
        height: 0 !important;
    }

    ul li:hover ul {
        display: inline-block;
    }

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

    .image-under-title {
        padding: 4% 0 6%;
    }

    .image-under-title img {
        width: 200px;
    }

    .template-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /*
.template-col ul,
.template-col ol,
.template-col h1,
.template-col h2,
.template-col h3,
.template-col h4,
.template-col h5,
.template-col p {
    width: 100%;
}
*/

    .template-col ul,
    .template-col ol {
        font-size: 16px;
        font-weight: 500;
    }

    .template-col a:hover {
        color: #fc8d2f;
    }

    .entries-button a:hover {
        background: #fc8d2f;
        color: #fff;
    }

    .cities-bottom {
        position: fixed;
        bottom: 10px;
        width: 100%;
        z-index: 25;
    }

    .social-wrapper,
    .social-container {
        display: flex;
    }

    .social-container {
        justify-content: flex-end;
        margin-top: auto;
        margin-bottom: 5px;
    }

    .facebook i,
    .insta i,
    .youtube i {
        font-size: 28px;
        margin: 0 5px;
    }

    .social-wrapper a {
        transition-duration: 0.5s;
        color: #fff;
    }

    .social-wrapper a:hover {
        text-decoration: none;
    }

    .social-wrapper i {
        transition-duration: 0.5s;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .facebook i {
        background-color: #4267b2;
        color: #fff;
        border: 2px solid #4267b2;
    }

    .youtube i {
        background-color: #dc2925;
        color: #fff;
        border: 2px solid #dc2925;
    }

    .insta i {
        background-color: #87439c;
        color: #fff;
        border: 2px solid #87439c;
    }

    .facebook i:hover {
        color: #4267b2;
        background-color: #fff;
        border: 2px solid #4267b2;
    }

    .youtube i:hover {
        color: #dc2925;
        background-color: #fff;
        border: 2px solid #dc2925;
    }

    .insta i:hover {
        color: #87439c;
        background-color: #fff;
        border: 2px solid #87439c;
    }

    .cities-choose {
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        border-radius: 5px;
        padding: 10px 10px;
        display: flex;
        justify-content: space-between;
        border: 2px solid #f37920;
        display: none;
        margin-bottom: 1px;
        max-width: 170px;
        min-width: 170px;
        position: absolute;
        bottom: 50px;
    }

    .cities-choose a {
        font-weight: 800;
        color: #f37920;
        transition-duration: 0.5s;
    }

    .cities-choose a:hover {
        font-weight: 800;
        color: #09376e;
    }

    .cities-picker {
        z-index: 25;
        min-height: 50px;
        position: relative;
    }

    .show-cities {
        text-transform: uppercase;
        color: #f37920;
        font-weight: 800;
        background: #fff;
        border: 2px solid #09376e;
        transition-duration: 0.5s;
        margin-top: 5px;
        position: absolute;
        z-index: 30;
    }

    .show-cities:hover {
        color: #fff;
        background: #f37920;
    }

    .cities-choose-inside {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .lessons-price-box {
        padding: 0 0 40px 0;
    }

    .panel-wrapper {
        border-radius: 10px;
        overflow: hidden;
        margin: 5px;
    }

    .panel-wrapper .active {
        background: #fff;
        color: #fa6b0e;
    }

    .accordion {
        background-color: #f37920;
        color: #fff;
        cursor: pointer;
        padding: 10px 20px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 24px;
        font-weight: 800;
        transition: 0.4s;
        position: relative;
    }

    .plus {
        position: absolute;
        right: 25px;
        width: 25px;
        height: 25px;
        background: #fff;
        top: 30%;
        border-radius: 50%;
        display: flex;
        align-items: center;
    }

    .plus svg {
        color: #fa6b0e;
        transition-duration: 0.5s;
    }

    .accordion:hover .plus svg,
    .active .plus svg {
        color: #fff;
    }

    .accordion:hover {
        background-color: #fff;
        color: #f37920;
    }

    .accordion:focus {
        outline: none;
    }

    .panel {
        display: none;
        background-color: white;
        overflow: hidden;
        color: #09376e;
        min-width: 100%;
    }

    .acc-row {
        display: flex;
        justify-content: center;
    }

    .answer {
        padding: 10px 20px;
        font-size: 18px;
    }

    .answer a {
        color: #f37920;
    }

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

    .news-slider {
        overflow: hidden;
    }

    .row {
        justify-content: center;
    }

    .instructors-headers div,
    .instructors-content div {
        text-align: center;
        font-weight: 600;
        margin: 10px 0;
        font-size: 14px;
    }

    .signs {
        margin-bottom: 15px;
    }

    .signs p {
        margin: 0;
    }

    .info-box {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .info-box h3 {
        font-size: 20px;
    }

    .info-box a {
        color: #fa6b0e;
        font-size: 17px;
    }

    .info-box a:hover {
        color: #fa6b0e;
        text-decoration: none;
    }

    .contact-row {
        max-width: 1530px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .contact-container {
        display: flex;
        justify-content: center;
    }

    .codedropz-upload-handler {
        min-height: 200px;
    }

    .codedropz-upload-inner {
        min-height: 165px;
    }

    .codedropz-btn-wrap {
        margin-top: 25px;
    }

    .codedropz-btn-wrap a {
        text-transform: uppercase;
        margin-top: 15px;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 40px;
        font-weight: 800;
        transition-duration: 0.5s;
    }

    .codedropz-btn-wrap a:hover {
        background: #fa6b0e;
        border: none;
    }

    .send-file {
        display: flex;
        flex-direction: column;
    }

    .submit-file {
        margin-left: auto;
        margin-right: auto;
        padding: 10px 40px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 18px;
        background: #fa6b0e;
        border: none;
        border-radius: 5px;
    }

    .submit-file:hover {
        cursor: pointer;
        background: #fc8d2f;
    }

    .owl-carousel .single {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .eq-section .pricing-main .eq-row .entries-info-box {
        background: #f37920;
        padding: 15px 0;
    }

    .pe-columns .entries-info-box,
    .pe-columns .lessons-price-box {
        min-height: unset;
    }

    .eq-section .pricing-main .eq-row .entries-price-in {
        flex-direction: column;
        margin: 0;
        color: #fff;
        align-items: center;
    }

    .eq-section .pricing-main .eq-row .entries-top {
        height: auto;
    }

    .eq-section .pricing-main .eq-row .entries-price-in .zl {
        margin-top: -18px;
    }

    .coach-section .entries-top {
        height: 85px;
    }

    .statements h2 {
        font-weight: 600;
        text-align: center;
    }

    .date-post {
        color: #fa6b0e;
    }

    .post-title {
        font-weight: 800;
    }

    .separator {
        height: 31px;
    }

    .lodz:last-of-type .entries-for {
        z-index: -1;
        opacity: 0;
    }

    .content-post img,
    .template-col img {
        max-width: 100%;
        height: auto;
    }

    .form-parties,
    form {
        width: 100%;
    }

    .form-parties input,
    .form-parties textarea,
    form input,
    form textarea {
        width: 100%;
        text-align: center;
        padding: 15px 0;
        border-radius: 5px;
        border: 2px solid #fa6b0e;
        font-weight: 800;
        color: #b6a2a2;
        font-family: "Titillium Web", sans-serif;
    }

    .form-parties textarea,
    form textarea {
        margin-top: 15px;
    }

    .form-parties .wpcf7-submit,
    form .wpcf7-submit {
        background: #fa6b0e;
        margin-top: 50px;
        color: #fff;
        transition-duration: 0.5s;
        border: none;
    }

    .form-parties .wpcf7-submit:hover,
    form .wpcf7-submit:hover {
        background: #fa6b0e90;
        margin-top: 50px;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .form-row-p {
        display: flex;
    }

    .form-header {
        color: #fa6b0e;
        margin-bottom: 30px;
        font-weight: 800;
    }

    .navbar #navbarNavDropdown .navbar-nav .active .nav-link {
        color: #f37920;
    }

    .navbar #navbarNavDropdown .navbar-nav>.menu-item:last-child.active .nav-link {
        color: #052142;
    }

    .mask-all {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 77px;
        background: #00000090;
        z-index: 11;
        display: none;
    }

    .footer-sticky-wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 15px;
    }

    .birth-row {
        justify-content: center;
    }

    .passes-section .container-fluid .pricing-row {
        justify-content: center;
    }

    @media (max-width: 1560px) {
        .navbar-expand-xl .navbar-nav .dropdown-menu {
            top: 50px;
        }

        .darker,
        .orange {
            width: 120px;
        }

        .entries-bottom-header::before {
            left: 30px;
        }

        .navbar #navbarNavDropdown .navbar-nav .nav-link {
            font-size: 12px;
        }
    }

    @media (max-width: 1450px) {
        .btn {
            font-size: 13px;
        }

        .show-cities,
        .cities-choose-inside .btn {
            font-size: 16px;
        }
    }

    @media (max-width: 1386px) {
        .entries-bottom-header::before {
            left: 15px;
        }
    }

    @media (max-width: 1520px) {

        .menu-item a,
        .menu-item a {
            font-size: 11px;
        }

        .menu-item,
        .menu-item {
            padding: 20px 2px;
        }
    }

    @media (max-width: 1420px) {
        p {
            font-size: 16px;
        }

        .entries-top h1,
        .entries-top h2,
        .entries-top h3,
        .entries-top h4 {
            font-size: 16px;
        }

        .entries-top p {
            font-size: 14px;
        }
    }

    .dropdown-mobile-menu-wrapper {
        display: flex;
        width: 55%;
        justify-content: space-between;
    }

    .dropdown-mobile-menu {
        position: relative;
    }

    .dropdown-links {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 5px;
        width: 150%;
    }

    .dropdown-links ul {
        padding-left: 5px;
    }

    .dropdown-links ul li {
        list-style-type: none;
    }

    .dropdown-links ul li:hover {
        background-color: #f37920;
        color: #fff;
    }

    .dropdown-links ul li:hover a {
        color: #fff;
    }

    .dropdown-mobile-menu:hover .dropdown-links {
        display: block;
    }

    .dropdown-links ul li a {
        font-size: 12px;
    }

    .dropdown-mobile-menu .dropdown-links {
        display: none;
    }

    @media (min-width: 1200px) {
        .dropdown-mobile-menu {
            display: none;
        }

        #navbarNavDropdown {
            min-height: 77px;
        }

        .pagination,
        .pagination li {
            z-index: 999999;
        }

        .pricing-row .pricing-column {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 40px;
        }

        .b-day1 {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .b-day {
            max-width: 270px;
            min-width: 270px;
        }
    }

    @media (max-width: 1199px) {
        .text-slide-mobile {
            width: 80%;
        }

        .owl2-text {
            max-width: 98%;
            padding-left: 1%;
        }

        .text-slide-mobile p {
            margin-bottom: 7px;
        }

        .pricing-main {
            overflow-x: scroll;
        }

        .flex-nowrap1 {
            flex-wrap: nowrap;
        }

        .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
            font-size: 14px;
        }

        .pricing-row .pricing-column {
            margin: 15px 0;
        }

        .entries-info-box {
            margin-bottom: 35px;
        }

        .menu-item a,
        .menu-item a {
            font-size: 14px;
            text-align: center;
            color: #052142 !important;
            text-align: left;
        }

        .menu-item,
        .menu-item {
            padding: 20px 10px;
        }

        ul li:hover ul {
            display: none;
        }

        .menu-item .dropdown-toggle:hover .dropdown-menu,
        .nav-link .dropdown-menu {
            display: block !important;
        }

        .dropdown-menu {
            width: 90%;
            display: block !important;
        }

        .menu-item {
            padding: 0;
        }

        .navbar-nav {
            align-items: center;
            padding: 0;
        }

        .owl-nav {
            display: none;
        }

        .navbar-nav .menu-item::after {
            background-color: transparent;
        }

        .navbar-nav {
            background: #fff;
        }

        .darker {
            background-color: #fff;
        }

        .menu-item {
            width: 100%;
            text-align: left;
        }

        .navbar-nav .nav-link {
            border-bottom: 1px solid #09376e1a;
            padding: 20px 25px;
            transition-duration: 0.5s;
        }

        .nav-link:hover {
            background-color: rgba(0, 0, 0, 0.03) !important;
        }

        .scrollable-menu {
            height: auto;
            max-height: 85vh;
            overflow-x: hidden;
        }

        .dropdown::after {
            position: absolute;
            content: "";
            width: 15px;
            height: 15px;
            background: red;
        }

        .thumbnail-wrapper {
            width: 100%;
        }

        .reservation-btn {
            display: block;
        }

        .pricing-row,
        .pricing-row1 {
            justify-content: flex-start;
        }

        #menu-menu-glowne li:hover,
        #menu-menu-glowne li:hover .nav-link {
            background-color: #f37920;
        }

        #menu-menu-glowne li:hover .dropdown-menu li,
        #menu-menu-glowne li:hover .dropdown-menu li .nav-link {
            background-color: #fff;
        }

        .navbar #navbarNavDropdown .navbar-nav .dropdown-menu {
            width: 100%;
        }

        .info-bar {
            margin-top: 68px;
        }
    }

    @media (max-width: 992px) {
        .last-news {
            display: none;
        }

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

        .text-slide-mobile p {
            font-size: 14px;
        }
    }

    #cookie-law-info-bar,
    #cookie-law-info-bar span {
        font-size: 11px;
    }

    @media (max-width: 1199px) {
        .text-slide {
            display: none;
        }
    }

    .text-slide {
        display: none;
    }

    .text-slide-mobile {
        display: block;
    }

    @media (min-width: 1200px) {
        .text-slide {
            display: block;
        }

        .text-slide-mobile {
            display: none;
        }
    }

    @media (max-width: 690px) {
        footer {
            margin-bottom: 75px;
        }

        .copyright {
            z-index: 20;
        }

        .copy-text,
        .copy-text p {
            font-size: 9px;
        }

        .cities-choose-inside a {
            font-size: 0.7rem;
        }

        .owl-carousel .owl-item .img-fluid {
            min-height: 450px;
        }

        .text-slide-mobile p {
            font-size: 13px;
        }
    }

    @media (max-width: 600px) {
        #wpadminbar {
            position: fixed;
        }
    }

    @media (max-width: 576px) {
        .cities-picker {
            text-align: center;
        }

        .copy-text {
            justify-content: start;
        }

        .text-slide h1 {
            font-size: 1rem;
        }

        .text-slide h2 {
            font-size: 1rem;
        }

        .text-slide h3 {
            font-size: 1rem;
        }

        .text-slide h4 {
            font-size: 1rem;
        }

        .text-slide p {
            font-size: 11px;
            line-height: 1.1;
            margin-bottom: 0.2rem;
        }

        .owl1 .item p {
            font-size: 12px;
        }

        .main-img-wrapper a div {
            width: auto;
        }

        .root-logo-wrapper {
            padding: 55px 20px 40px 20px;
        }

        .logo {
            width: 150px;
        }

        .navbar-brand-wwa::after,
        .navbar-brand-ldz::after,
        .navbar-brand-cz::after,
        .navbar-brand-pz::after {
            top: 0;
            left: 45px;
            color: #fff;
            padding: 13px 30px 10px 0;
            min-width: 105px;
            font-size: 16px;
        }

        .reservation-btn {
            padding: 5px 20px;
            margin-right: 10px;
        }

        .info-bar {
            margin-top: 53px;
        }

        .passes-section .container-fluid .pricing-row .empty-entries,
        .coach-section .container-fluid .pricing-row .entries-info-box {
            max-width: 250px;
        }

        .empty-entries,
        .single-column .entries-info-box {
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media (max-width: 420px) {
        .cities-choose-inside {
            flex-direction: column;
        }
    }

    @media (max-width: 386px) {

        .copy-text,
        .copy-text p {
            font-size: 10px;
        }

        .social-wrapper i {
            width: 34px;
            height: 34px;
            font-size: 24px;
        }

        .logo {
            width: 110px;
        }

        .navbar-brand-wwa::after,
        .navbar-brand-ldz::after,
        .navbar-brand-cz::after,
        .navbar-brand-pz::after {
            top: 0;
            left: 35px;
            color: #fff;
            padding: 12px 30px 5px 0;
            min-width: 90px;
            font-size: 12px;
        }

        .reservation-btn {
            padding: 5px 18px;
            margin-right: 10px;
            margin-left: 10px;
        }

        .info-bar {
            margin-top: 46px;
        }
    }

    .hour-column,
    .day-column {
        text-align: center;
        box-sizing: border-box;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
    }

    #all-events .tt_timetable table thead tr th,
    .tt_timetable th,
    .tt_timetable td,
    .tt_responsive .tt_timetable.small .box_header {
        color: #fff !important;
        font-weight: bold !important;
    }

    #all-events .small h3,
    #all-events .small .value,
    .box_header,
    .event_container .event_header,
    .tt_responsive .tt_timetable.small .tt_items_list a {
        color: #fff !important;
    }

    .pagination {
        align-items: center;
        justify-content: center;
    }

    .pagination li {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px;
    }

    .pagination li a {
        color: #fff;
        transition-duration: 0.5s;
        width: 30px;
        height: 35px;
        font-size: 25px;
        color: #fff;
        background: #f37920;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid transparent;
    }

    .pagination .active span {
        width: 30px;
        height: 35px;
        font-size: 25px;
        box-sizing: border-box;
        text-align: center;
        color: #f37920;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagination .active,
    .pagination li a:hover {
        background-color: #09376e;
        border: 2px solid #f37920;
        box-sizing: border-box;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .return-button {
        display: none !important;
    }

    .go-back-news-btn {
        background: #fa6b0f;
        color: #fff;
        padding: 10px 30px;
        font-family: "Titillium Web", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 5px;
        transition-duration: 0.5s;
        opacity: 1;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .go-back-news-btn:hover {
        color: #fff;
        opacity: 0.8;
    }

    .event_container:hover {
        cursor: pointer;
    }

    .limited-fluid,
    .limited-fluid .row {
        max-width: 1900px;
    }

    .mobile-fb {
        display: none;
    }

    @media (max-width: 1200px) {
        .mobile-fb {
            display: block;
        }

        .desktop-fb {
            display: none;
        }
    }

    label,
    input {
        clear: both;
    }

    .hidden {
        display: none;
    }

    .mtphr-dnt-tick-container {
        background-color: #fff;
    }

    .lodz-pricing .entries-for {
        min-height: 67px;
    }

    .discount-section .entries-for {
        min-height: 148px;
    }

    .trust-us-slider .owl3 .owl3-item {
        max-height: 120px;
        max-width: 180px;
        min-height: 120px;
        overflow: hidden;
        position: relative;
    }

    .trust-us-slider .owl3 .owl3-item img {
        max-width: 100%;
        width: auto;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .trust-us-slider .owl3 .owl3-item .item-inside {
        height: 110px;
        background-color: transparent;
        margin: 5px;
    }

    .shop-link {
        /* margin-top: 50px; */
        margin-top: 20px;
    }

    .shop-link p {
        margin-bottom: 0px;
    }

    .shop-link p,
    .shop-link h4 {
        text-align: center;
    }

    .shop-link>div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .shop-link a {
        color: #fff;
    }

    .tt_timetable .event a,
    .tt_timetable .event .event_header,
    .tt_timetable th,
    .tt_timetable td {
        font-size: 18px !important;
    }

    .button-below {
        display: flex;
        /* margin-top: 100px; */
        margin-top: 40px;
        align-items: center;
        justify-content: center;
    }

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

    /* ==== NEW INTRO PAGE === */
    /* .cities-section {
    padding-top: 117px;
} */

    .custom-fluid {
        padding-right: 70px;
        padding-left: 70px;
    }

    .cities-section .custom-fluid {
        margin-top: 100px;
    }

    .cities-section .custom-fluid .col-xl-3.col-md-6,
    .columns-grid .custom-fluid .col-xl-3.col-md-6,
    .attractions-intro-section .custom-fluid .col-xl-6,
    .attractions-intro-section .custom-fluid .col-xl-3.col-md-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .intro-page-body {
        background: #fff;
    }

    .intro-page-body .cities-section .city-block-wrapper p {}

    .city-block {
        border-radius: 10px;
        position: relative;
        padding-bottom: 34px;
        overflow: hidden;
    }

    .city-block .city-name {
        text-align: center;
        text-transform: uppercase;
        padding: 5px 0;
        color: #fff;
        position: absolute;
        bottom: -181px;
        width: 100%;
        border-radius: 0 0 5px 5px;
        transition-duration: 0.4s;
        height: 215px;
        font-weight: bold;
    }

    .city-block-wrapper a:hover .city-name {
        transform: translateY(-181px);
        opacity: 0.85;
        padding-top: 20%;
        font-size: 26px;
        width: 101%;
        height: 101%;
    }

    @media (max-width: 1200px) {
        .city-block-wrapper a:hover .city-name {
            padding-top: 27%;
        }
    }

    .columns-grid {
        padding-top: 13px;
    }

    .square,
    .rectangle {
        transition-duration: 0.4s;
    }

    .columns-grid-row a:hover .rectangle,
    .columns-grid-row a:hover .square {
        opacity: 0.75;
    }

    .rectangle {
        width: 100%;
        border-radius: 10px;
        height: 185px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background-size: cover;
    }

    .square {
        width: 100%;
        border-radius: 10px;
        height: 370px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background-size: cover;
    }

    @media (max-width: 1900px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 360px;
        }
    }

    @media (max-width: 1800px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 330px;
        }
    }

    @media (max-width: 1700px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 310px;
        }
    }

    @media (max-width: 1600px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 290px;
        }
    }

    @media (max-width: 1500px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 280px;
        }
    }

    @media (max-width: 1400px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 260px;
        }
    }

    @media (max-width: 1300px) {

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 240px;
        }
    }

    @media (max-width: 1900px) {
        .rectangle {
            height: 180px;
        }
    }

    @media (max-width: 1800px) {
        .rectangle {
            height: 175px;
        }
    }

    @media (max-width: 170px) {
        .rectangle {
            height: 160px;
        }
    }

    @media (max-width: 1600px) {
        .rectangle {
            height: 155px;
        }
    }

    @media (max-width: 1500px) {
        .rectangle {
            height: 150px;
        }
    }

    @media (max-width: 1400px) {
        .rectangle {
            height: 145px;
        }
    }

    @media (max-width: 1300px) {
        .rectangle {
            height: 140px;
        }
    }

    .shape-up {
        margin-bottom: 10px;
    }

    .rectangle .rectangle-text,
    .square .square-text {
        z-index: 10;
    }

    .rectangle .rectangle-text p,
    .square .square-text p {
        z-index: 10;
        color: #fff;
        font-size: 42px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 0;
    }

    .rectangle-mask,
    .square-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.7;
        border-radius: 10px;
    }

    .two-rectangles {
        display: flex;
        justify-content: space-between;
    }

    .two-rectangles a {
        width: 48%;
    }

    .rectangle1a,
    .rectangle2a,
    .rectangle3a {
        margin: 0;
        padding: 0;
    }

    .rectangle1a,
    .rectangle2a {
        height: 370px;
    }

    .shape-down {
        margin-top: 10px;
    }

    .attractions-intro-section {
        padding: 13px 0;
    }

    .tile {
        height: 280px;
        background-size: cover;
        position: relative;
        display: flex;
        align-items: end;
        transition-duration: 0.4s;
        margin-bottom: 13px;
        border-radius: 10px;
    }

    .tiles-row a:hover .tile {
        opacity: 0.8;
    }

    .tile .tile-text {
        padding: 5px 35px;
        background-color: #f47920;
        border-radius: 7px;
        color: #fff;
        z-index: 10;
    }

    .tile .tile-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, #09376e, rgba(0, 0, 0, 0));
        border-radius: 10px;
        opacity: 0.8;
    }

    .tile .tile-text p {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .parks-section.intro-footer {
        padding-top: 40px;
    }

    .intro-footer .parks-info-row {
        margin-top: 0;
    }

    .intro-footer .section-title h2::after {
        width: 240px;
    }

    .intro-footer .parks-info strong {
        font-size: 19px;
    }

    .intro-footer .parks-info p {
        font-size: 17px;
    }

    .intro-footer .copyright {
        font-size: 22px;
        margin-top: 0;
        background-color: #09376e;
    }

    .intro-footer .copyright p {
        font-size: 26px;
        color: #fff;
        text-align: center;
        width: 100%;
    }

    .intro-footer .copyright p a {
        color: #fff;
    }

    .intro-footer .copyright p a:hover {
        color: #fa6b0e;
    }

    .intro-footer .parks-info-row {
        align-items: center;
    }

    .intro-footer .row.parks-info-row .social-url {
        padding: 5px 10px;
        font-size: 22px;
    }

    .intro-navbar {
        padding-left: 70px;
        width: 90%;
    }

    .intro-navbar .menu-item {
        padding: 17px 10px;
    }

    .intro-navbar #navbarNavDropdown #menu-main-menu li a {
        font-size: 18px;
        font-weight: 400;
    }

    .intro-socials {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 40px;
        position: fixed;
        background-color: #09376e;
        height: 77px;
        z-index: 1000;
    }

    .intro-socials .icon {
        margin: 0 10px 0 0;
    }

    .intro-socials .icon a .icon-inside {
        background-color: #fff;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        color: #09376e;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-duration: 0.4s;
        border: 1px solid #fff;
    }

    .intro-socials .icon a:hover .icon-inside {
        background-color: #09376e;
        color: #fff;
    }

    @media (max-width: 1600px) {
        .intro-navbar {
            width: 85%;
        }
    }

    @media (max-width: 1560px) {
        .intro-navbar #navbarNavDropdown #menu-main-menu li a {
            font-size: 14px;
        }
    }

    @media (max-width: 1200px) {
        .columns-grid {
            padding-top: 0;
        }

        .intro-page-body .reservation-btn {
            display: none;
        }

        .intro-page-body1 .reservation-btn {
            display: block;
            padding: 5px;
            margin-left: -20px;
        }

        .intro-page-body1 .reservation-btn.declaration {
            background-color: #052142;
        }

        .city-block {
            margin-bottom: 6px;
            max-width: 430px;
        }

        .city-block-wrapper {
            display: flex;
            justify-content: center;
        }

        .custom-fluid {
            padding-right: 15px;
            padding-left: 15px;
        }

        /* .cities-section {
        padding-top: 127px;
    } */
        .rectangle .rectangle-text p,
        .square .square-text p {
            font-size: 24px;
        }

        .square,
        .columns-grid-row .two-rectangles .rectangle {
            height: 360px;
        }

        .rectangle {
            height: 180px;
        }

        .rectangle,
        .square {
            margin: 5px;
        }

        .intro-footer .parks-info strong {
            font-size: 22px;
        }

        .intro-footer .parks-info p {
            font-size: 16px;
        }

        .intro-footer .copyright p {
            font-size: 16px;
            color: #fff;
        }

        .intro-socials {
            height: 63px;
        }

        .intro-navbar {
            padding: 0;
        }
    }

    @media (max-width: 1000px) {
        .intro-navbar {
            width: 75%;
        }
    }

    @media (max-width: 782px) {
        .intro-socials {
            height: 30px;
            top: 107px;
            justify-content: center;
        }

        .intro-navbar {
            width: 100%;
        }

        .intro-socials {
            padding: 0;
        }

        .intro-socials .icon {
            margin: 0 5px;
        }
    }

    @media (max-width: 576px) {
        .intro-socials {
            top: 94px;
        }
    }

    @media (max-width: 386px) {
        .intro-socials {
            top: 80px;
        }
    }

    .survey-form {
        margin: 0 auto 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .survey-form span.wpcf7-list-item {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 0 23px;
    }

    .survey-form .wpcf7-form-control.wpcf7-radio {
        display: flex;
        margin-top: 14px;
    }

    .survey-form label {
        text-align: left;
    }

    .survey-form textarea {
        max-height: 300px;
        min-height: 150px;
        height: 150px;
    }

    @media (max-width: 768px) {
        .survey-form span.wpcf7-list-item {
            padding: 0 18;
        }

        .rectangle,
        .square {
            margin: 5px 0;
        }
    }

    .survey-form .wpcf7-list-item label {
        position: relative;
        transition: all 0.2s ease-in-out;
        text-align: center;
    }

    .survey-form .wpcf7-list-item label input {
        opacity: 0;
    }

    .survey-form .wpcf7-list-item label input:checked~span:after {
        opacity: 1;
    }

    .survey-form .wpcf7-list-item label span:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 24px;
        width: 24px;
        background-color: transparent;
        border-radius: 50%;
        border: 2px solid #fa6b0e;
        transition: all 0.2s ease-in-out;
    }

    .survey-form .wpcf7-list-item label span:after {
        content: "";
        position: absolute;
        left: 6px;
        top: 6px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #fff;
        padding: 6px;
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }

    .setLower {
        z-index: -1;
    }

    @media (max-width: 768px) {
        .section-title p a img {
            margin-bottom: 15px;
        }
    }

    #menu-main-menu>li {
        min-width: 74px;
    }

    @media only screen and (max-width: 1605px) {
        .row>.navbar.navbar-intro-page {
            height: 77px;
        }

        #menu-main-menu {
            max-height: 74px;
        }
    }

    @media only screen and (max-width: 1375px) {
        #menu-main-menu>li {
            min-width: 53px;
        }
    }

    @media only screen and (max-width: 576px) {
        .row>.navbar.navbar-intro-page {
            height: 53px;
        }
    }

    /* start reservations */
    /* section.text-up,
section.cities-section{
    margin-top: 125px;
} */

    header {
        min-height: 95px;
    }

    .main-page-body .breadcrumb {
        margin-left: 0px;
        padding-left: 10px;
        border-radius: 0;
    }

    section>.container-fluid.reservations {
        background-color: #fff;
    }

    .section-title>.activities-section {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 70px;
        padding-left: 70px;
        padding-bottom: 0px;
    }

    .section-title>.activities-section>.row {
        padding-bottom: 10px;
    }

    .section-title>.activities-section>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }

    @media only screen and (max-width: 1199px) {
        .section-title>.activities-section>.row>div {
            display: flex;
        }

        .section-title>.activities-section>.row>div:nth-child(odd) {
            justify-content: flex-end;
        }

        .section-title>.activities-section>.row>div:nth-child(even) {
            justify-content: flex-start;
        }

        .activities-section>.row:last-child>div:first-child:nth-last-child(1) {
            justify-content: center;
        }
    }

    .activities-section .city-block {
        margin-bottom: 0px;
    }

    @media only screen and (max-width: 576px) {
        .section-title>.activities-section>.row>div {
            display: flex;
            justify-content: center !important;
        }

        .section-title>.activities-section>.row {
            padding-bottom: 0px;
        }

        .activities-section>.row>div {
            padding-bottom: 10px;
        }

        .section-title>.activities-section {
            padding-right: 0px;
            padding-left: 0px;
        }
    }

    /* end reservations */

    .image>img {
        width: 100%;
    }

    .entries-button.pe-button {
        margin-bottom: 0px;
    }

    /* grafik css */

    .calendar-table-tr {
        display: flex;
        width: 100%;
        height: 102px;
        border: 1px solid #fff;
    }

    .calendar-table-th {
        align-items: center;
        font-weight: bold;
    }

    .calendar-table-td,
    .calendar-table-th {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        /* min-width: 152px;
    width: 100%; */
        min-width: 152px;
        width: 152px;
        max-width: 152px;
        border: 1px solid #fff;
    }

    .calendar-table-td>.event_container {
        min-width: 150px;
        width: 100%;
        height: 100px;
        text-align: center;
        padding-top: 10px;
        z-index: 10;
        border: 1px solid white;
    }

    .calendar-table-head {
        align-items: center;
    }

    .calendar-table-td:first-child,
    .calendar-table-th:first-child {
        /* min-width: 75px;
    max-width: 100px; */
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        align-items: center;
        font-weight: bold;
    }

    #all-events .calendar-table-tr>.calendar-table-th,
    #all-events .calendar-table-body>.calendar-table-tr:nth-child(odd)>div {
        background-color: #1b3a6d !important;
    }

    #all-events .calendar-table-body>.calendar-table-tr:nth-child(even)>div {
        background-color: #687de6 !important;
    }

    @media only screen and (max-width: 768px) {
        .cities-section .custom-fluid {
            margin-top: 80px;
        }

        .tt_timetable.small {
            display: block;
        }

        .calendar-table {
            display: none;
        }
    }

    .calendar-table-tr {
        border: transparent;
        background-color: transparent !important;
    }

    .calendar-table-tr {
        display: flex;
        width: 100%;
        height: 102px;
        border: 1px solid #fff;
    }

    .calendar-table-td,
    .calendar-table-th {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        /* min-width: 152px;
    width: 100%; */
        min-width: 152px;
        width: 152px;
        max-width: 152px;
        border: 1px solid #fff;
    }

    .calendar-table-td>.event_container {
        min-width: 150px;
        width: 100%;
        height: 100px;
        text-align: center;
        padding-top: 10px;
        z-index: 10;
        border: 1px solid white;
    }

    .calendar-table-head {
        align-items: center;
    }

    .calendar-table-td:first-child,
    .calendar-table-th:first-child {
        /* min-width: 75px;
    max-width: 100px; */
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        align-items: center;
    }

    .grafik-container {
        overflow-x: scroll;
        margin: 0 auto;
    }

    #all-events .calendar-table-tr>.calendar-table-th,
    #all-events .calendar-table-body>.calendar-table-tr:nth-child(odd)>div {
        background-color: #1b3a6d !important;
    }

    #all-events .calendar-table-body>.calendar-table-tr:nth-child(even)>div {
        background-color: #687de6 !important;
    }

    @media only screen and (max-width: 768px) {
        .tt_timetable.small {
            display: block;
        }

        .calendar-table {
            display: none;
        }
    }

    .calendar-table-tr {
        border: transparent;
        background-color: transparent !important;
    }

    .carousel-video {
        /* width:100%; */
        /* max-height: 720px; */
        min-height: 720px;
        width: 100%;
    }

    /* end of grafik css */

    #navbarNavDropdown,
    #menu-main-menu,
    #menu-menu-glowne {
        height: 58px;
    }

    /* navbar mainpage */

    .container-fluid.new .navbar {
        height: auto;
        height: 58px;
    }

    .container-fluid.new .navbar .logo {
        width: 150px;
    }

    #navbarNavDropdown {
        min-height: auto;
    }

    .container-fluid.new .nav-link {
        padding-top: 0px;
        padding-bottom: 0px;
        justify-content: center;
        display: flex;
    }

    .container-fluid.new .info-bar {
        margin-top: 58px;
    }

    @media only screen and (max-width: 1201px) {
        .container-fluid.new .navbar .logo-desktop {
            display: block;
        }

        .container-fluid.new .navbar .logo-mobile {
            display: none;
        }
    }

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

        .container-fluid.new .navbar .navbar-toggler,
        .container-fluid.new .navbar .dropdown-mobile-menu-wrapper {
            display: none;
        }

        .container-fluid.new #navbarNavDropdown {
            display: flex;
            flex-basis: auto;
        }

        .container-fluid.new .dropdown-mobile-menu {
            display: none;
        }

        .container-fluid.new #navbarNavDropdown {
            min-height: auto;
            height: 100%;
            max-height: none;
        }

        .intro-page-body .container-fluid.new .reservation-btn {
            display: none;
        }

        .intro-page-body1 .container-fluid.new .reservation-btn {
            display: none;
        }

        .intro-page-body1 .container-fluid.new .reservation-btn.declaration {
            background-color: #052142;
            display: none;
        }

        .container-fluid.new a.nav-link {
            display: block;
            padding: 0.5rem;
            color: #fff !important;
            border-bottom: 0px transparent;
            background-color: transparent;
            text-decoration: none;
            white-space: nowrap;
            border-bottom: none;
        }

        .container-fluid.new li.menu-item {
            min-width: 53px;
            white-space: nowrap;
            position: relative;
            width: auto;
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .container-fluid.new #menu-main-menu {
            max-height: none;
            height: 100%;
            flex-direction: row;
            padding-left: 0;
            margin-bottom: 0;
            margin-top: 0;
            overflow-x: auto;
            background: transparent;
            align-items: unset;
        }

        .container-fluid.new .dropdown-menu {
            display: none !important;
        }

        .container-fluid.new .darker {
            background-color: #052142;
        }

        .container-fluid.new .darker,
        .container-fluid.new .orange {
            width: 120px !important;
        }

        .container-fluid.new ul li:hover ul {
            display: inline-block !important;
        }

        .container-fluid.new .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .container-fluid.new .scrollable-menu {
            overflow-x: unset !important;
        }

        .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
            justify-content: left;
            width: 100%;
        }
    }

    @media only screen and (max-width: 1199px) {
        .container-fluid.new .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
            border-bottom: none;
        }

        .container-fluid.new .navbar-nav .menu-item::after {
            background-color: #f37920;
        }

        .container-fluid.new ul li:hover ul {
            display: inline-block !important;
        }

        .container-fluid.new .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .container-fluid.new .scrollable-menu {
            overflow-x: unset !important;
        }

        .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
            justify-content: left;
        }

        .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu {
            width: 250px;
        }
    }

    .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
        justify-content: left;
        padding: .5rem 1rem;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #052142 !important;
    }

    .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a:hover {
        color: #fff !important;
    }

    .container-fluid.new .dropdown-links {
        z-index: 999999;
    }

    @media (max-width: 768px) {
        .container-fluid.new .reservation-btn {
            padding: 5px;
            margin-right: 0px;
            margin-left: 0px;
        }

        .container-fluid.new #navbarNavDropdown {
            display: none;
            z-index: 10000;
            flex-basis: 100%;
            flex-grow: 1;
            height: auto;
        }

        .container-fluid.new .navbar .dropdown-mobile-menu-wrapper,
        .container-fluid.new .dropdown-mobile-menu,
        .intro-page-body1 .container-fluid.new .reservation-btn,
        .intro-page-body1 .container-fluid.new .reservation-btn.declaration,
        .container-fluid.new .navbar .navbar-toggler {
            display: block;
            margin-right: 0px;
            margin-left: 0px;
        }

        .container-fluid.new .navbar .dropdown-mobile-menu-wrapper {
            display: flex;
            padding: 10px;
            width: auto;
            flex-grow: 100;
            justify-content: end;
        }

        .container-fluid.new .navbar .dropdown-mobile-menu-wrapper>.dropdown-mobile-menu:not(:first-child) {
            margin-left: 10px;
        }

        .container-fluid.new #menu-main-menu {
            float: right;
            display: flex;
            max-height: 85vh;
            height: auto;
            overflow-x: hidden !important;
            background: #fff;
            align-items: center;
            padding: 0;
            flex-direction: column;
            list-style: none;
            width: 100%;
        }

        .container-fluid.new #navbarNavDropdown {
            display: unset;
        }

        .container-fluid.new .navbar-collapse.collapse {
            display: none !important;
        }

        .container-fluid.new .navbar-collapse.collapse.show {
            display: block !important;
        }

        .container-fluid.new .navbar-nav .menu-item::after {
            background-color: transparent;
        }

        .container-fluid.new #menu-main-menu>li {
            width: 100% !important;
            text-align: left;
            padding: 0;
            background-color: #fff;
            display: block;
        }

        .container-fluid.new #navbarNavDropdown .navbar-nav .nav-link {
            border-bottom: 1px solid #09376e1a;
            padding: 20px 25px;
            transition-duration: .5s;
            color: #052142 !important;
            text-align: left;
            display: block;
            width: 100%;
        }

        .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu {
            display: block !important;
            width: 100%;
            position: static;
        }

        .container-fluid.new .navbar #navbarNavDropdown .navbar-nav .dropdown-menu .menu-item a {
            padding: 20px 25px;
            margin: 0 15px;
        }

        .container-fluid.new #navbarNavDropdown .navbar-nav .nav-link:hover {
            color: #fff !important;
            background-color: #f37920 !important;
            text-decoration: none;
        }

        .container-fluid.new #menu-main-menu>li:hover>.nav-link {
            color: #fff !important;
            background-color: #f37920 !important;
            text-decoration: none;
        }

        .container-fluid.new .navbar-nav .menu-item:last-child::after {
            background: none;
        }
    }

    @media (max-width: 577px) {
        .intro-page-body1 .container-fluid.new .reservation-btn {
            margin-left: 0px;
            margin-right: 10px;
        }
    }

    @media (max-width: 472px) {
        .container-fluid.new .navbar .logo-desktop {
            display: none;
        }

        .container-fluid.new .navbar .logo-mobile .logo {
            width: 50px;
        }

        .container-fluid.new .navbar .logo-mobile {
            display: block;
        }
    }

    @media (max-width: 372px) {
        .container-fluid.new .navbar-brand {
            margin-right: 0px;
            margin-left: 0px;
        }

        .container-fluid.new .dropdown-mobile-menu-wrapper {
            padding-right: 0px;
        }

        .container-fluid.new .navbar-toggler {
            margin-right: 0px;
            padding-left: 0px;
        }

        .container-fluid.new .navbar {
            min-width: 320px;
        }
    }

    /* end of navbar mainpage */
    /* city navbar */

    #menu-menu-glowne>li>ul>li>a {
        justify-content: left;
        padding: .5rem 1rem;
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .container-fluid.new-city .navbar {
        height: 58px;
    }

    .container-fluid.new-city .info-bar {
        margin-top: 58px;
    }

    .container-fluid.new-city .navbar .logo {
        width: 150px;
    }

    .container-fluid.new-city .navbar-brand-wwa::after,
    .container-fluid.new-city .navbar-brand-ldz::after,
    .container-fluid.new-city .navbar-brand-cz::after,
    .container-fluid.new-city .navbar-brand-pz::after {
        left: 49px;
        padding-top: 11px;
    }

    .container-fluid.new-city #menu-menu-glowne {
        height: 100%;
    }

    .container-fluid.new-city #menu-menu-glowne>.li {
        min-width: 53px;
        white-space: nowrap;
    }

    .container-fluid.new-city .nav-link {
        padding-top: 0px;
        padding-bottom: 0px;
        justify-content: center;
        display: flex;
    }

    .container-fluid.new-city .dropdown-mobile-menu-wrapper {
        display: none;
        padding: 10px;
        width: auto;
        flex-grow: 100;
        justify-content: end;
    }

    .container-fluid.new-city .logo-mobile {
        display: none;
    }

    .container-fluid.new-city .logo-mobile-img {
        width: 50px;
    }

    .container-fluid.new-city .navbar-brand.logo-mobile::after {
        content: "";
        display: none;
    }

    .container-fluid.new-city .navbar {
        min-width: 320px;
    }

    @media (max-width: 1199px) {
        .container-fluid.new-city .dropdown-mobile-menu-wrapper {
            display: flex;
        }

        .container-fluid.new-city .reservation-btn {
            display: block;
            margin-right: 0px;
            margin-left: 0px;
        }

        .container-fluid.new-city .reservation-btn.declaration {
            background-color: #052142;
        }

        .container-fluid.new-city .dropdown-mobile-menu:not(:first-child) {
            margin-left: 10px;
        }

        #menu-menu-glowne {
            float: right;
            display: flex;
            max-height: 85vh;
            height: auto !important;
            overflow-x: hidden !important;
            background: #fff;
            align-items: center;
            padding: 0;
            flex-direction: column;
            list-style: none;
            width: 100%;
        }

        #menu-menu-glowne>li>ul>li>a,
        #menu-menu-glowne>li>a {
            border-bottom: 1px solid #09376e1a;
            padding: 20px 25px !important;
            transition-duration: .5s;
            color: #052142 !important;
            text-align: left;
            display: block;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .container-fluid.new-city .reservation-btn {
            width: 120px;
            padding: 5px;
        }
    }

    @media (max-width: 510px) {
        .container-fluid.new-city .navbar-brand {
            display: none;
        }

        .container-fluid.new-city .navbar-brand.logo-mobile {
            display: block;
            margin: 0px;
        }

        .container-fluid.new-city .navbar-toggler {
            display: block;
            margin-right: 0px;
            margin-left: 0px;
            padding-left: 0px;
        }

        .container-fluid.new-city .reservation-btn {
            width: auto;
        }
    }

    /* end of city navbar*/

    .pricing-row {
        justify-content: stretch;
    }

    .pricing-row .pricing-column:first-child {
        margin-left: auto;
    }

    .pricing-row .pricing-column:last-child {
        margin-right: auto;
    }

    /* .attraction-section[data-blog="4"] .attraction-background{
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    min-height: 300px;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
}

.attraction-section[data-blog="4"] .row.attractions-row>div{
    padding-top: 30px;
}

.attraction-section[data-blog="4"] .row.attractions-row a{
    display: grid;
}

.attraction-section[data-blog="4"] .attraction-name{
    padding: 5px;
    color: #fff;
    font-weight: bold;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 15%;
    position: absolute;
    top: 85%;
    width: 100%;
    transition-duration: 0.4s;
}

.attraction-section[data-blog="4"] .attraction-container{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.attraction-section[data-blog="4"] .row.attractions-row>div:nth-child(odd) .attraction-name{
    background-color: #09376e;
}
.attraction-section[data-blog="4"] .row.attractions-row>div:nth-child(even) .attraction-name{
    background-color: #f47920;
}

.attraction-section[data-blog="4"] .row.attractions-row a:hover .attraction-name{
    height: 100%;
    top: 0%;
    opacity: 0.85;
    transition-duration: 0.4s;
} */

    section.text-up p>img {
        width: 100%;
        height: auto;
    }

    @media (max-width: 768px) {
        .container-fluid.new-city .info-bar {
            margin-top: 47px;
        }

        .info-bar {
            padding: 14px 0;
        }

        .mtphr-dnt-tick {
            font-size: 12px;
        }

        .header {
            min-height: 84px;
        }

        .info-bar .mtphr-dnt-clearfix {
            font-size: 12px;
        }

        .city-block-wrapper a:hover .city-name {
            font-size: 14px;
        }
    }

    @media (max-width: 768px) {
        .attractions-intro-section .tile .tile-text {
            padding: 5px 25px;
        }

        .attractions-intro-section .tile .tile-text p {
            font-size: 18px;
        }

        .text-slide-mobile h2,
        .text-slide-mobile h3 {
            font-size: 1rem;
        }
    }

    @media (max-width: 578px) {
        .attractions-intro-section .tile .tile-text {
            padding: 5px 15px;
        }

        .attractions-intro-section .tile .tile-text p {
            font-size: 16px;
        }
    }

    @media (max-width: 480px) {
        .attractions-intro-section .tile .tile-text {
            padding: 5px 10px;
        }

        .attractions-intro-section .tile .tile-text p {
            font-size: 14px;
        }

        .text-slide-mobile p {
            font-size: 11px;
            margin-bottom: 5px;
        }
    }

    .intro-page-body1.intro-page-body .cities-section .custom-fluid {
        margin-top: 10px;
    }

    .fb_dialog_content iframe,
    .fb_iframe_widget_fluid iframe {
        bottom: 60px !important;
    }

    /**
 * New Pricing
 */

    .pricing-nav .row {
        display: flex;
        justify-content: center;
    }

    .col-xs-6 {
        padding: 15px;
    }

    .pricing-item {
        margin-top: 20px;
    }

    @media (min-width: 1400px) {
        .col-xs-6 {
            width: 16%;
        }

        .pricing-item-header h2 {
            font-size: 16px;
        }

        .pricing-item-header p {
            font-size: 15px;
        }
    }

    @media (min-width: 1200px)and (max-width: 1398) {
        .col-xs-6 {
            width: 33.3%;
        }
    }

    @media (max-width: 648px) {
        .col-xs-6 {
            width: 50%;
            padding: 10px 6px;
        }

        .entry-for-modal h3 {
            font-size: 12px;
            font-weight: bold;
        }

        .entry-for-modal h4 {
            font-size: 11px;
            margin-bottom: 1rem;
        }

        .entry-for-modal p {
            font-weight: bold;
            font-size: 12px;
        }
    }

    .entry-for-modal p,
    .entry-for-modal h3 {
        font-weight: bold;
    }

    .entry-for-modal p {
        margin-bottom: .5rem;
    }

    .entry-for-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        justify-content: center;
        align-items: center;
        background-color: #00000050;
    }

    .close-modal-wrapper .close-modal {
        color: #fff;
        display: inline-block;
        width: 32px;
        height: 32px;
        background-color: #fff;
        border-radius: 50%;
        position: relative;
    }

    .close-modal-wrapper .close-modal::before,
    .close-modal-wrapper .close-modal::after {
        content: '';
    }

    .close-modal-wrapper .close-modal::before {
        width: 50%;
        border-top: 2px solid #235AAE;
        display: block;
        position: absolute;
        top: 14px;
        left: 8px;
        transform: rotate(45deg);
    }

    .close-modal-wrapper .close-modal::after {
        width: 50%;
        border-top: 2px solid #235AAE;
        display: block;
        position: absolute;
        top: 14px;
        left: 8px;
        transform: rotate(-45deg);
    }

    .close-modal-wrapper .close-modal:hover {
        color: #E3803A;
    }

    .entry-for-modal.active-modal {
        display: flex;
        z-index: 10000;
    }

    .pricing-modal-body {
        width: 100%;
        max-width: 420px;
        background-color: #18366A;
        padding: 15px;
        border-radius: 15px;
        text-align: center;
    }

    .close-modal-wrapper {
        text-align: right;
    }

    .pricing-nav .btn.pricing-btn-new {
        color: #fff;
        border-radius: 20px;
        background-color: #E3803A;
        padding: 10px 0px;
        min-width: 180px;
        font-size: 16px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

    @media (max-width: 1200px) {
        .pricing-nav .btn.pricing-btn-new {
            color: #fff;
            border-radius: 20px;
            background-color: #E3803A;
            padding: 13px 0px;
            min-width: 180px;
            font-size: 12px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    /** icon */

    .icon {
        position: relative;
        top: 4px;
        left: 5px;
        /* transform: translate(-50%, -50%); */
        width: 20px;
        height: 20px;
        cursor: pointer;
        transform: rotate(90deg);
    }

    .pricing-btn-wrapper {
        width: 100%;
        text-align: center;
    }

    .arrow {
        position: absolute;
        top: 8px;
        width: 65%;
        height: 2px;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        animation: arrow 700ms linear infinite;
    }

    .arrow::after,
    .arrow::before {
        content: '';
        position: absolute;
        width: 60%;
        height: 2px;
        right: 0px;
        background-color: #fff;
    }

    .arrow::after {
        top: -3px;
        transform: rotate(45deg);
    }

    .arrow::before {
        top: 3px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        transform: rotate(-45deg);
    }

    .section-title-new h2 {
        font-size: 1.8rem;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .section-title-new.no-top-m h2 {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .pricing-item {
        background: #fff;
        padding: 0 0 0px 0;
        position: relative;
        color: #fff;
    }

    .pricing-item-header {
        position: relative;
        background-color: #244D7E;
        padding: 10px 0;
        display: flex;
    }

    .ndClass .pricing-item-header {
        background-color: #E3803A
    }

    .pricing-item-header-title {
        width: 50%;
    }

    .pricing-item-header-time {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    .pricing-item-header-time div {
        width: 33.3%;
    }

    .pricing-item-header .pricing-item-header-time p {
        margin-left: 0;
        font-size: 19px;
    }

    .pricing-item-header h2 {
        font-size: 12px;
        margin: 0;
        font-weight: bold;
    }

    .pricing-item-header p {
        font-size: 11px;
        margin: 0;
    }

    .pricing-time {
        text-align: center;
    }

    .pricing-item-header p {
        font-size: 16px;
        margin-left: 15px;
    }

    .pricing-item-content {
        padding: 0px 0px 0;
        background-color: #3C618C;
        display: flex;
        border: 1px solid #244D7E;
        flex-wrap: wrap;
    }

    .ndClass .pricing-item-content {
        background-color: #E68E50;
        border: 1px solid #E3803A;

    }

    .pricing-item-content-title {
        width: 50%;
        padding-left: 15px;
        min-height: 65px;
        display: flex;
        align-items: center;
    }

    .pricing-item-content-title h2 {
        font-size: 18px;
        margin: 10px 0;
        line-height: 29px;
    }

    .pricing-item-content-price {
        width: 50%;

        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .pricing-item-content-price .open-modal-btn {
        width: 33.3%;
        border-left: 1px solid #244D7E;
        border-right: 1px solid #244D7E;
        min-height: 65px;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 15px;

    }

    .list-of-attractions {
        text-align: left;
    }

    .ndClass .pricing-item-content-price .open-modal-btn {
        border-left: 1px solid #E3803A;
        border-right: 1px solid #E3803A;
    }

    .pricing-item-content-price div .pricing-price-label-btm {
        font-size: 13px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background-color: #E3803A;
        border-radius: 10px 10px 0 0;
        min-height: 0;
        height: 18px;
        padding: 0;
    }

    .ndClass .pricing-item-content-price div .pricing-price-label-btm {
        background-color: #09376E;

    }

    .pricing-item-content-price div .pricing-price-label-top {
        font-size: 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background-color: #E3803A;
        border-radius: 0 0 10px 10px;
        min-height: 0;
        height: 15px;
        padding: 0;
    }

    .ndClass .pricing-item-content-price div .pricing-price-label-top {
        background-color: #09376E;

    }

    .pricing-price {
        font-size: 24px;
        text-align: center;
        margin: 0;
    }

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

    .flex-div p {
        margin: 0;
    }

    .clock-img {
        width: 20px;
    }

    .btn.pricing-reservation-btn-on,
    .btn.pricing-reservation-btn-off {
        width: 100%;
        position: relative;
        bottom: -30px;
        color: #fff;
        border-radius: 20px;
    }

    .btn.pricing-reservation-btn-off {
        background-color: #D25700;
    }

    .btn.pricing-reservation-btn-on {
        background-color: #4A74BE;
    }

    .open-modal-btn {
        padding: 0;
        color: #fff;

    }

    @media (min-width: 1300px) {
        .pricing-item-header h2 {
            font-size: 16px;
        }

        .pricing-item-header p {
            font-size: 16px;
        }

        .flex-div {
            margin: 10px 0;
        }

        .btn.open-modal-btn {
            font-size: 14px;
            padding: 6px 8px;
        }
    }

    .open-modal-btn:hover {
        color: #fff;
    }

    .video-wrapper {
        margin-top: 30px;
        position: relative;
        padding-top: 56.25%;
    }

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }