/*
Theme Name:     Storefront Child Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart DuffAuthor URI:     http://stuartduff.com
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.3.25
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-readyThis theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.Resetting and rebuilding styles have been helped along thanks to the fine work ofEric Meyer http://meyerweb.com/eric/tools/css/reset/index.htmlalong with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFLImages License: GNU General Public License v2 or later*/ /* * Add your own custom css below this text. */

@import url('https://megakids.rs/wp-content/themes/storefront-child/icons/style.css?v=1.0.1');

body {
    font-family: "Nunito", sans-serif;
    background-color: #F7F6F1;
    font-size: 21px;
    line-height: 140%;
    letter-spacing: -0.5px;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #32256A;
}
ul {
    list-style: none;
    padding-left: 0;
    margin-left: 30px;
}
ul li {
    position: relative;
    line-height: 140%;
}
ul li:before {
    content: url(img/checkedPurple.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    display: inline-block;
    transform: scale(0.2);
    left: -43px;
    top: -11px;
}
.input-text:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    background-color: #f0f0f1 !important;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: #a79ecd !important;
}
a {
    color: #a79ecd;
    text-decoration: underline;
}
.navigation-content a, .call-button-wrapper a, div#blog a {
    text-decoration: none;
}
::selection {
    background-color: #A79ECD;
    color: white;
}
::-moz-selection {
    background-color: #A79ECD;
    color: white;
}
div#blog ::selection {
    background-color: #F7CFD8;
    color: white;
}
div#blog ::-moz-selection {
    background-color: #F7CFD8;
    color: white;
}
.site-footer ::selection {
    background-color: #9EC6F3;
    color: white;
}
.site-footer ::-moz-selection {
    background-color: #9EC6F3;
    color: white;
}
.container {
    max-width: 1500px;
}
.about-button {
    margin-top: 15px;
}
.btn-primary {
    color: #fff;
    background-color: #a79ecd;
    border-color: #a79ecd;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
[class*="page-template-template-homepage"] .faq button.btn-primary:hover,
[class*="page-template-template-homepage"] .faq button.btn-primary:focus,
[class*="page-template-template-homepage"] .faq button.btn-primary:active {
    color: #fff;
    background-color: #8b7fbc;
    border-color: #8b7fbc;
    box-shadow: none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal !important;
}
h1,
h2,
.h1,
.h2,
h3,
.h3,
h4,
.h4 {
    font-family: "coolvetica", sans-serif;
    letter-spacing: 0;
}
h1,
.h1 {
    font-size: 140px;
    line-height: 90%;
    margin-bottom: 30px;
}
b, strong {
    font-weight: 700;
}
.hero-section h1 {
    color: #fff;
}
.hero-section h1 em {
    display: inline-block;
    background: #5981c2;
    padding: 8px 30px;
    border-radius: 100px;
    font-size: 0.5em !important;
    font-style: normal;
    line-height: 1.2em;
    color: #fff;
    transition: 0.5s;
    position: relative;
    top: -10px;
}
.hero-section h1 em:hover {
    transform: rotate(-5deg) !important;
}
.hero-section h1 strong {
    color: transparent;
    -webkit-text-stroke: 2px #ffffff;
    text-stroke: 2px white;
    font-weight: normal;
}
.hero-section p {
    color: #fff;
}
.main-logo img {
    width: 140px;
    transition: 0.5s;
}
.fixed-top .main-logo img {
    width: 100px;
}
.hero-mask-img img {
    mask: url("img/shapeHero.svg");
    -webkit-mask: url("img/shapeHero.svg"); /* Potrebno za WebKit pregledače */
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transform: scale(1.3);
}
.hero-content {
    position: absolute;
    top: 90px;
}
.img-shape-1 img {
    mask: url("img/shape1.svg");
    -webkit-mask: url("img/shape1.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.img-shape-2 img {
    border-radius: 300px;
}
.img-shape-3 img {
    border-radius: 30px;
}
.img-shape-3 {
    padding: 10px;
}
section.full-img {
    margin: 100px 0;
}
section.full-img img {
    width: 100%;
    /*mask: url(img/fullImgMask.svg);
    -webkit-mask: url(img/fullImgMask.svg);*/
    mask-repeat: repeat-x;
    mask-size: contain;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: contain;
    height: 100%;
    max-height: 800px;
    object-fit: cover;
    object-position: center;
}
.section-heading h2 strong {
    font-weight: normal;
    position: relative;
    color: #F7CFD8;
    margin: 0 10px;
}
.section-heading h2 strong:before {
    content: url("img/shapeNew2.svg");
    position: absolute;
    top: -7px;
    left: -27px;
}
div#cilj {
    margin: 200px 0;
}
div#cilj .col-md-10:before {
    content: url(img/shape2.svg);
    position: absolute;
    top: -160px;
    left: -350px;
    z-index: -1;
}
div#cilj .col-md-10:after {
    content: url(img/shape3.svg);
    position: absolute;
    right: -350px;
    bottom: -150px;
    z-index: -1;
}
.blog-header {
    min-height: 480px;
    padding-top: 200px;
    height: auto;
    background-image: url(img/blogBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.single .entry-content img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 12px;
}
div#blog {
    background-color: #9EC6F3;
    padding: 20px 0 80px;
    margin-top: 140px;
    background-image: url(img/blogBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div#blog a {
    color: #fff;
}
.featured-post h3 {
    font-size: 50px;
}
div#blog img {
    border-radius: 12px;
    margin-bottom: 12px;
    height: 280px;
    object-fit: cover;
}
div#blog .featured-post img {
    border-radius: 20px;
    height: initial;
    max-height: 600px;
}
div#blog h2 {
    color: #fff;
}
div#blog .section {
    margin-top: 80px;
}
.blog-title h3 {
    font-size: 45px;
    line-height: 100%;
}
.blog-title a:hover {
    text-decoration: none;
}
.blog-title a h3 {
    color: #32256A !important;
}
.reading-time {
    display: inline-block;
    background: #e4e3f9;
    padding: 3px 20px;
    border-radius: 100px;
    color: #ad9ecd;
    font-weight: bold;
}
.blog-thumbnail img {
    max-height: 360px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reading-time,
.blog-date {
    font-size: 0.85em;
    margin-bottom: 10px;
}
.wrapper-single-blog {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #dfdfe7;
}
.single-blog-post a {
    text-decoration: none;
}
.wrapper-single-blog:nth-child(4n + 1) .blog-thumbnail img {
    mask: url(img/blogshape1.svg);
    -webkit-mask: url(img/blogshape1.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.wrapper-single-blog:nth-child(4n + 2) .blog-thumbnail img {
    mask: url(img/blogshape3.svg);
    -webkit-mask: url(img/blogshape3.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.wrapper-single-blog:nth-child(4n + 3) .blog-thumbnail img {
    mask: url(img/blogshape4.svg);
    -webkit-mask: url(img/blogshape4.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.wrapper-single-blog:nth-child(4n) .blog-thumbnail img {
    mask: url(img/blogshape2.svg);
    -webkit-mask: url(img/blogshape2.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.wrapper-single-blog .blog-thumbnail img {
    transition: transform 0.3s ease-in-out;
}
.wrapper-single-blog:nth-child(4n + 3):hover .blog-thumbnail img,
.wrapper-single-blog:nth-child(4n + 1):hover .blog-thumbnail img {
    transform: rotate(3deg);
}
.wrapper-single-blog:nth-child(4n):hover .blog-thumbnail img,
.wrapper-single-blog:nth-child(4n + 2):hover .blog-thumbnail img {
    transform: rotate(-2deg);
}
.blog-header {
    background-color: #9EC6F3;
    display: flex;
    align-items: end;
    margin-bottom: 120px;
}
.blog-header.Blue {
    background-color: #9EC6F3;
}
.blog-header.Pink {
    background-color: #F7CFD8;
}
.blog-header.Purple {
    background-color: #A79ECD;
}
section.dodatne-skolice {
    margin-top: 140px;
}
.school-group-wrapper,
.main-section-padding {
    margin-bottom: 100px;
}
.single-paket-wrapper {
    border-radius: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 18px;
}
.single-paket-wrapper.color-purple {
    background: #E8C8E0;
}
.single-paket-wrapper.color-yellow {
    background: #FFEAA9;
}
.single-paket-wrapper.color-lila {
    background: rgb(171 158 205 / 30%);
}
.single-paket-wrapper ul {
    padding-left: 0;
    margin-left: 30px;
}
blockquote {
    font-size: 0.8em;
    line-height: 130%;
    background: hsl(256.6deg 31.97% 71.18% / 16%);
    border-color: #ffe1ed;
    margin-top: 20px;
    padding: 15px 20px 5px;
    border: 0;
    border-radius: 12px;
}
.page-template-template-catering blockquote {
    padding: 15px 20px 15px;
}
.school-img img {
    max-width: 60px;
}
.school-img {
    margin-bottom: 16px;
}
.school-item {
    margin-bottom: 60px;
}
.package-body ul {
    list-style-type: none;
}
.package-body ul li {
    position: relative;
}
.color-pink .package-body ul li:before {
    content: url(img/checkedPink.svg);
}
.color-blue .package-body ul li:before {
    content: url(img/checkedBlue.svg);
}
.color-purple .package-body ul li:before {
    content: url(img/checkedPurple.svg);
}
.package-body ul li:before {
    width: 40px;
    height: 40px;
    position: absolute;
    display: inline-block;
    transform: scale(0.2);
    left: -43px;
    top: -13px;
}
.package-btn {
    padding: 30px 20px;
}
button.btn.btn-package {
    width: 100%;
    border-radius: 12px;
}
.btn-purple {
    background: #9559A2;
    color: #fff;
}
.btn-yellow {
    background: #FFC615;
    color: #fff;
}
.btn-lila {
    background: #A79ECD;
    color: #fff;
}
.package-title {
    padding: 40px 30px 20px;
    color: #fff;
    border-radius: 30px 30px 0 0;
    position: sticky;
    top: 100px;
    z-index: 9;
}
.package-title h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 3em;
    line-height: 100%;
}
.package-title>span {
    font-size: 1.2em;
}

.color-lila .package-title {
    background: #A79ECD;
}
.color-yellow .package-title {
    background: #FFC615;
}
.color-purple .package-title {
    background: #9559A2;
}
.package-body {
    padding: 30px 30px 0 30px;
}
main#main {
    width: 100%;
}
.blog-header h1 {
    color: #fff;
}
.single-blog-content-wrapper {
    padding-left: 40px;
}
div#primary.content-area {
    float: none !important;
}
.page-title .extra-large-text {
    line-height: 100%;
}
nav#post-navigation {
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    border: 0;
    padding: 0;
}
.pagination .page-numbers a,
.pagination .page-numbers span {
    width: 70px !important;
    height: 70px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #f9dee9 !important;
    color: #e780ab !important;
    font-weight: bold;
    font-size: 0.85em;
}
.pagination .page-numbers span.current,
.pagination .page-numbers a:hover {
    background: #F7CFD8 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.single-blog-post:hover .blog-title a h3 {
    color: #9EC6F3 !important;
}
.single-staff-wrapper:nth-child(7n + 1) .single-staff img,
.home-shape-3, .home-shape-5 {
    mask: url("img/team4.svg");
    -webkit-mask: url("img/team4.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n + 2) .single-staff img,
.home-shape-2, .home-shape-8 {
    mask: url("img/team1.svg");
    -webkit-mask: url("img/team1.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n + 3) .single-staff img,
.home-shape-4 {
    mask: url("img/team5.svg");
    -webkit-mask: url("img/team5.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n + 4) .single-staff img {
    mask: url("img/team7.svg");
    -webkit-mask: url("img/team7.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n + 5) .single-staff img {
    mask: url("img/team5.svg");
    -webkit-mask: url("img/team5.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n + 6) .single-staff img,
.home-shape-6 {
    mask: url("img/team6.svg");
    -webkit-mask: url("img/team6.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.single-staff-wrapper:nth-child(7n) .single-staff img,
.home-shape-1, .home-shape-7 {
    mask: url("img/team7.svg");
    -webkit-mask: url("img/team7.svg");
    mask-repeat: no-repeat;
    mask-size: contain; /* Prilagodjava masku veličini slike */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 100%;
}
.text-center.single-staff h5 {
    font-family: "coolvetica", sans-serif;
    color: #32256A;
    letter-spacing: 0;
}
.single-staff .card-title {
    margin-top: 20px;
    margin-bottom: 5px;
}
.single-staff p.card-text {
    font-weight: bold;
    font-size: 0.85em;
    color: #ad9ecd;
}
.single-staff {
    margin-bottom: 40px;
}
.staff-img {
    padding: 15px;
}
.wpml-ls-current-language a {
    text-decoration: underline;
    opacity: 1;
}
.wpml-ls-legacy-list-horizontal {
    padding: 0;
}
header#masthead li a {
    padding-left: 0;
} /* Hamburger Icon */
.menu-icon {
    position: absolute;
    top: 60px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1001;
    transition: 0.3s;
}
.menu-icon span {
    display: block;
    height: 4px;
    width: 100%;
    background-color: #F7F6F1;
    margin: 8px 0;
    transition: all 0.3s;
    border-radius: 8px;
}
.fixed-top .menu-icon span {
    background-color: #163b2a;
}
.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
}
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
} /* Full Screen Menu */
.full-screen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(249 243 229 / 95%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
    padding: 140px 40px;
}
.full-screen-menu.active {
    opacity: 1;
    visibility: visible;
}
.full-screen-menu a {
    text-decoration: none;
    transition: color 0.3s;
}
.full-screen-menu a:hover {
    color: #32256A;
}
a:focus {
    outline: none;
}
.fixed-top .menu-icon {
    top: 30px;
}
.full-screen-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.full-screen-menu a {
    font-size: 100px;
    margin: 10px 0;
    display: block;
    font-family: "Melodrama-Semibold";
    text-transform: uppercase;
    color: #163b2a !important;
    line-height: 100%;
}
.full-screen-menu a:hover {
    color: #32256A !important;
}
.small-title {
    font-family: 'Nunito';
    font-size: 22px;
    margin-bottom: 30px;
}
p {
    line-height: 140%;
}
.section {
    margin: 160px 0;
}
.red-text,
.red-text p,
.red-text h2 {
    color: #32256A;
}
.lighter-text p {
    color: #ad9ecd;
    font-weight: bold;
    max-width: 480px;
}
.lighter-text h2 {
    margin-bottom: 25px;
}
.green-text {
    color: #163b2a;
}
div#features h3 {
    color: #32256A;
}
.large-text {
    font-size: 32px;
}
.extra-large-text,
.lighter-text h2 {
    font-family: "coolvetica", sans-serif;
    font-size: 85px;
    color: #32256A;
    line-height: 80%;
    font-weight: normal;
    letter-spacing: 0;
}
.extra-large-text p {
    line-height: 80%;
}
.hero-section {
    background-color: #A79ECD;
    height: 100vh;
    padding-top: 200px;
    background-image: url(img/bgshape-4.svg);
    background-position: center;
    background-size: cover;
}

body.page-template.page-template-template-cafe .hero-section,
body.page-template.page-template-template-birth .hero-section {
    height: auto;
    padding-bottom: 220px;
}
.image-container {
    position: relative;
    width: 80%; /* Initial width */
    margin: 0 auto;
}
.page-template-template-birth .hero-section p {
    max-width: initial;
    margin: initial;
}
.hero-text-interior {
    max-width: 1120px;
    margin: 0 auto;
}
.image-container img {
    width: 100%;
    height: auto;
    border-radius: 600px; /* Initial border-radius */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.section.about-section .single-line {
    margin: 6px 0;
} /* Container styles */
.scrolling-text-container {
    background-color: #eff5ff;
    border-radius: 4px;
    overflow: hidden;
} /* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    padding: 8px 0;
} /* Text styles */
.scrolling-wrapper {
    overflow: hidden;
}
.scrolling-text {
    display: flex;
    white-space: nowrap;
    gap: 30px;
}
.scrolling-text .item {
    display: flex;
    align-items: center;
    font-size: 90px;
    padding: 20px 0;
    color: #32256A;
    gap: 10px;
}
.scrolling-text-to-left .scrolling-text {
    animation: to-left 60s linear infinite;
}
.scrolling-text-to-right .scrolling-text {
    animation: to-right 60s linear infinite;
}
.scrolling-text .item span {
    color: transparent;
    -webkit-text-stroke: 1px #32256A;
    text-stroke: 1px #32256A;
}
.pink-text {
    color: #F7CFD8 !important;
}
.blue-text {
    color: #9EC6F3 !important;
}
.scrolling-text .item span.pink-text {
    -webkit-text-stroke: unset;
    text-stroke: unset;
}
.scrolling-text .item span.blue-text {
    color: transparent !important;
    -webkit-text-stroke: 1px #9EC6F3;
    text-stroke: 1px #9EC6F3;
}
@keyframes to-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes to-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}
.img-container {
    /*    position: relative;*/
    overflow: hidden;
    width: 100%;
    --height: 0%;
}
.img-container img {
    width: 100%; /*    position: absolute;*/
    opacity: 0;
}
.img-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--height);
    bottom: 0;
    left: 0;
    background: #32256A;
}
.birthday-section span div.single-line,
.birthday-section span div.single-line .single-line-inner {
    width: 100%;
    margin: -10px 0;
}
.birthday-section span div.single-line:first-child .single-line-inner {
    text-align: left !important;
}
.birthday-section span div.single-line:nth-child(2) .single-line-inner {
    text-align: right !important;
}
.birthday-section span div.single-line:last-child .single-line-inner {
    text-align: center !important;
}
.scroll-container {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.birth-content {
    max-width: 480px;
    margin-left: 80px;
    margin-top: 180px;
}
.mt--140 {
    margin-top: -140px;
}
.z-index-1 {
    z-index: 1;
}
.game-content {
    max-width: 670px;
    margin-top: 80px;
}
.day-game-section {
    position: relative;
    margin-top: 260px;
}
body.page-template.page-template-template-birth .day-game-section {
    margin-top: 160px;
}
.day-game-section img.img-fluid.rounded-circle {
    position: absolute;
    right: -280px;
    bottom: -40px;
}
body.page-template.page-template-template-birth .day-game-section img.img-fluid.rounded-circle {
    right: initial;
    bottom: 40px;
}
.section.below-hero-section {
    margin-top: -100px;
}
.text-below-hero {
    max-width: 600px;
    padding-left: 40px;
    padding-top: 80px;
}
.section.below-hero-section .img-container::after {
    background: #163b2a;
}
.day-game-section .slide-in-left {
    position: absolute;
    top: -100px;
    right: 0;
    width: 500px;
}
.day-game-section img.img-fluid.overflow-right-img {
    width: 100%;
    height: auto;
}
div#dream-birthday.day-game-section .slide-in-left {
    top: 30px;
}
div#dream-birthday .text-heading .single-line:last-child {
    margin-left: 90px;
}
div#dream-birthday .h1.split-lines {
    margin-bottom: 60px !important;
    display: block;
}
body.page-template.page-template-template-cafe .parents-section,
body.page-template.page-template-template-birth .parents-section {
    margin-top: 240px;
}
.cta-bday-section {
    padding-top: 140px;
}
.circle-text {
    width: 230px;
    height: 230px;
    background: #f3d7d4;
    border-radius: 100%;
    place-content: center;
    text-align: center;
    transform: rotate(-15deg);
    position: absolute;
    top: -120px;
    left: 50%;
    font-family: "Melodrama-Semibold";
}
#circleContentWrapper {
    position: relative;
}
#circleContent {
    position: absolute;
    top: 0;
    left: 40%;
    pointer-events: none; /* Prevent the element from blocking mouse events */
    transform: translate(-50%, -50%); /* Centers the element on the cursor */
    z-index: 2;
    padding: 25px;
}
@keyframes rotateSwing {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(-15deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    75% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
.rotating-element {
    animation: rotateSwing 6s ease-in-out infinite;
}
div#circleContentWrapper:hover .rotating-element {
    animation: none;
}
@keyframes rotateAvokado {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.rotate-avokado {
    animation: rotateAvokado 6s ease-in-out infinite;
}
.inView {
    /* visibility: hidden; */
}
.animate {
    visibility: visible;
}
.animate-zoomIn {
    animation: zoomIn 0.5s ease-in-out forwards;
}
@keyframes zoomIn {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}
.birth-img {
    max-height: 75vh;
}
.parents-img,
.birth-img {
    overflow: hidden;
}
.parents-img img,
.birth-img img {
    width: 100%;
    transform: scale(1);
    transition: 2s ease-in-out;
}
.parents-img:hover img,
.birth-img:hover img {
    transform: scale(1.15);
}
.parents-content {
    max-width: 1120px;
    border-radius: 200px;
    background: #A79ECD;
    padding: 60px 120px;
    position: absolute;
    top: -195px;
    right: 0;
    z-index: 2;
}
.birthday-content {
    max-width: 1120px;
    border-radius: 200px;
    background: #f3d7d4;
    padding: 60px 120px;
    position: absolute;
    bottom: -140px;
    z-index: 2;
    text-align: center;
    transform: translate(-50%, 0px);
    left: 50%;
    width: 100%;
}
.parents-section {
    margin-top: 400px;
}
.parents-content h2 {
    text-align: right;
    margin: 0;
}
.parents-content-text .green-text,
.parents-content-text .red-text {
    padding-left: 40px;
    margin-top: 15px;
}
.workshop-section {
    background: #f3d7d4;
    margin: 0;
    padding: 130px 0 100px;
}
.heading-normal-text {
    font-family: "CabinetGrotesk-Bold" !important;
    font-size: 21px;
    margin-bottom: 1em;
    text-transform: initial;
}
.workshop-content-text.split-lines {
    margin-top: 30px;
}
.section.workshop-section img.img-fluid.rounded-circle {
    position: absolute;
    top: -300px;
    right: 0;
}
.section.workshop-section img.img-fluid.first-img {
    position: relative;
    left: 0px;
    bottom: -270px;
}
hr,
p {
    margin: 0 0 1em;
}
.workshop-content > span {
    position: relative;
    left: -170px;
}
.workshop-content span div.second-line {
    margin-left: 70px;
}
.workshop-content-text {
    margin-left: 100px;
    max-width: 620px;
}
.accordion-item {
    border-bottom: 1px solid #ebdbce;
    padding-bottom: 20px;
    padding-top: 20px;
}
.section.faq-section {
    margin-top: 240px;
}
.faq-section button {
    width: 100%;
    text-align: left;
    padding: 10px 0px;
    border: 0;
    background: transparent;
    color: #32256A;
    font-family: 'Nunito';
    font-size: 32px;
}
.faq-section button:focus,
.faq-section button:active {
    outline: none;
}
.btn {
    font-size: 21px;
    padding: 15px 40px;
    border-radius: 60px;
    font-family: "coolvetica";
    letter-spacing: 0;
    text-transform: none;
}
.btn-secondary {
    color: #32256A;
    background-color: transparent;
    border-color: #32256A;
}
.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #32256A;
    border-color: #32256A;
    box-shadow: none;
    outline: none;
}
.hero-content .btn {
    border-color: #fff;
    color: #fff;
    font-size: 1.1em;
}
.hero-content .btn:hover,
.hero-content .btn:active,
.hero-content .btn:focus {
    background: #fff;
    color: #a79ecd;
}
.section.zakazi-rodjendan .text-below-hero {
    padding-top: 0;
}
.section.zakazi-rodjendan h2.h1.red-text.split-lines {
    line-height: 70%;
}
div#cilj img {
    display: inline;
} /* * */
.split-lines .single-line {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.split-lines .single-line .single-line-inner {
    position: relative;
    display: inline-block;
    transform: translateY(100%); /* Start each line below the view */
}
.circle-image {
    transform: scale(0); /* Start fully scaled down */
    transform-origin: center;
    transition: transform 0.5s ease-out;
}
.slide-in {
    /* overflow: hidden; */
}
.slide-in-left img {
    transform: translateX(100%);
}
.slide-in img {
    transform: translateX(-100%);
}
.slider-container {
    width: 100%;
    position: relative;
    cursor: grab;
}
.slider {
    display: flex;
    width: calc(100%); /* Make sure it's wide enough to hold all images in two loops */
    padding: 0px 20px;
    gap: 20px;
}
.slide {
    flex: 0 0 20%; /* Each slide takes 20% of the container's width */
    position: relative;
}
.slide img {
    height: auto;
    display: block;
}
.grabbing {
    cursor: grabbing;
}
.home-sticky {
    position: sticky;
    top: 120px;
}
.site-footer {
    background-color: #F7CFD8;
    color: #32256A;
    padding: 100px 0;
}
.site-footer h3 {
    color: #32256A;
}
.site-footer p {
    color: #32256A;
    margin-bottom: 10px;
}
.site-footer a,
.site-footer a:not(.button):not(.components-button) {
    text-decoration: none;
    color: #32256A;
}
.site-footer a:hover,
.site-footer a:not(.button):not(.components-button):hover {
    text-decoration: underline;
    color: #32256A;
}
img.gallery-img-1 {
    max-width: 444px;
    position: relative;
    top: 110px;
    left: 0px;
}
img.gallery-img-2 {
    position: relative;
    top: -160px;
    left: 150px;
    max-width: 614px;
}
img.gallery-img-3 {
    position: relative;
    max-width: 440px;
    top: 360px;
    left: -100px;
}
img.gallery-img-4 {
    position: relative;
    top: 200px;
    max-width: 360px;
}
section.gallery {
    padding: 200px 0;
}
.single-line-inner {
    line-height: 130%;
}
h1 .single-line-inner,
h2 .single-line-inner,
span .single-line-inner {
    line-height: 100%;
}
.logo-footer img {
    width: 160px;
}
.logo-footer-wrapper .d-flex {
    gap: 40px;
}
header#masthead {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    z-index: 100;
}
/*header#masthead ul {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
}*/
.main-logo {
    margin: 15px 10px;
}
.right-column-menu,
.left-column-menu {
    width: 300px;
}
ul.menu li a:focus {
    outline: none !important;
}
header#masthead.fixed-top {
    background: #F7F6F1;
}
header#masthead.fixed-top {
    background: #F7F6F1;
    box-shadow: 0 0 30px rgb(112 44 43 / 12%);
}
header#masthead li a {
    font-size: 18px;
    font-family: 'Nunito';
}
h1.split-lines .line.single-line {
    margin-bottom: -10px;
    width: 100%;
}
.icon-minus {
    display: none;
    margin-left: auto; /* Pomera ikonu na desnu stranu */
}
.accordion-button:not(.collapsed) .icon-plus {
    display: none;
}
.accordion-button:not(.collapsed) .icon-minus {
    display: inline-block;
}
.accordion-item.single-line,
.accordion-item.single-line h2 {
    width: 100%;
}
.accordion-item.single-line button {
    justify-content: space-between;
    display: flex;
    word-break: keep-all;
    gap: 30px;
}
.single-line-inner.hero-content-inner {
    max-width: 660px;
    color: #163b2a;
}
div#nav-icon {
    display: none;
}
.navigation-floating {
    position: fixed;
    width: 100%;
    background-color: #A79ECD;
    height: 100%;
    right: -100%;
    transition: all 0.3s ease-in-out;
    z-index: 3001;
    top: 0;
}
.navigation-floating .navigation-content {
    height: auto;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    position: absolute;
    right: 0;
}
.navigation-floating .navigation-content #primary {
    margin-left: 80px !important;
    margin-right: 80px !important;
    position: relative;
    width: 48%;
    transition: all 0.6s ease-in-out;
    transform: translateX(-100%);
}
.navigation-floating .navigation-content #primary li.active::after {
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #F7CFD8;
    flex-grow: 1;
    margin: 0 32px;
    transform: translateX(0) scaleX(1);
    transition-delay: 0.1s;
}
.navigation-floating .navigation-content #primary li.active a {
    color: #32256A;
}
.navigation-floating .navigation-content #primary li {
    margin: 16px 0;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
}
.navigation-floating .navigation-content #primary li:first-child {
    margin-top: 0;
}
.navigation-floating .navigation-content #primary li:last-child {
    margin-bottom: 0;
}
.navigation-floating .navigation-content #primary li::after {
    content: "";
    -webkit-transform: translateX(-0.625rem) scaleX(0);
    transform: translateX(-0.625rem) scaleX(0);
    transform-origin: center left;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}
.navigation-floating .navigation-content #primary li a {
    font-size: 50px;
    display: flex;
    align-items: center;
    outline: none;
    color: white;
    font-family: "coolvetica", sans-serif;
    letter-spacing: 0;
    transition: all 0.3s ease-in-out;
}
.navigation-floating .navigation-content #primary li a:hover {
    color: #32256A;
    text-decoration: none !important;
}
.navigation-floating .navigation-content #primary li .sub-menu {
    overflow: visible;
    list-style: none;
    max-height: max-content;
    position: absolute;
    left: 100%;
    top: 15px;
    z-index: 10;
    margin: 0 !important;
    width: 100%;
    transition: all 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    opacity: 0;
    transform: translateX(-100%) !important;
}
.navigation-floating .navigation-content #primary li .sub-menu li {
    margin: 20px 0;
    line-height: 1;
}
.navigation-floating .navigation-content #primary li .sub-menu li:first-child {
    margin-top: 0;
}
.navigation-floating .navigation-content #primary li .sub-menu li:last-child {
    margin-bottom: 0;
}
.navigation-floating .navigation-content #primary li .sub-menu li a {
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    color: white;
}
.navigation-floating .navigation-content #primary li .sub-menu li a:hover {
    color: #fff !important;
}
.navigation-floating .navigation-content #primary li .sub-menu li a::after {
    display: none;
}
.navigation-floating .navigation-content #primary li .sub-menu li a:hover {
    color: #fff !important;
}
.navigation-floating .navigation-content #primary li .sub-menu li.current_page_item a {
    color: #fff;
}
.navigation-floating .navigation-content #primary li .sub-menu.show {
    max-height: 1000px;
    opacity: 1;
    display: block !important;
    transition: all 0.6s ease-in-out;
    transform: translateX(0) !important;
}
.navigation-floating .image {
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 3300;
}
.navigation-floating .image .navigation-header i {
    font-size: 40px;
    cursor: pointer;
    position: absolute;
    right: 10%;
    top: 30px;
    color: white;
    z-index: 3500;
}
.navigation-floating .image .nav-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
}
.navigation-floating .image .nav-img.hidden {
    opacity: 0;
    pointer-events: none;
    left: -100%;
}
.navigation-floating.opened {
    right: 0;
}
.navigation-floating.opened #primary {
    transform: translateX(0);
}
.navigation-header {
    position: absolute;
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.navigation-header {
    color: #fff;
    font-family: "coolvetica";
    letter-spacing: 0;
}
.nav-button,
.mk-lang {
    font-family: 'Nunito';
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.nav-button {
    display: flex;
    align-items: center;
    gap: 14px;
    text-transform: uppercase;
    justify-content: end;
}
.nav-button .circle-icon {
    border-color: #fff;
}
.nav-button:hover .circle-icon {
    background: #fff;
    color: #32256a;
}
.fixed-top .nav-button .circle-icon {
    border-color: initial;
}
.fixed-top .nav-button:hover .circle-icon {
    background: #A79ECD;
    color: #fff;
    border-color: #A79ECD;
}
.nav-button span:hover {
    cursor: pointer;
}
span.icon-close-menu .circle-icon {
    border-color: #fff;
}
span.icon-close-menu {
    font-family: 'Nunito' !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
span.icon-close-menu.gap-10 {
    gap: 14px;
}
span.icon-close-menu .circle-icon:hover {
    background: #fff;
    color: #32256a;
    cursor: pointer;
}
.fixed-top .nav-button,
.fixed-top .mk-lang {
    color: #32256A !important;
} /*Gallery*/
.grid-wrapper {
    -moz-column-count: 4;
    column-count: 4;
}
.grid-wrapper > .post-gallery-item {
    box-sizing: border-box;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    counter-increment: brick-counter;
    margin: 15px;
}
.grid-wrapper > .post-gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    border: 10px solid rgb(171 158 205 / 15%);
}
.block-gallery img {
    cursor: pointer;
}
.grid-wrapper > .post-gallery-item:hover img {
    border-color: #A79ECD;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.rotate-animation {
    animation: rotate 8s linear infinite; /* Trajanje animacije: 2 sekunde, ponavlja se beskonačno */
}
@keyframes shaking {
    0% {
        transform: rotate(-10deg); /* Početna pozicija: 10px ulevo */
    }
    50% {
        transform: rotate(10deg); /* Sredina animacije: 10px udesno */
    }
    100% {
        transform: rotate(-10deg); /* Krajnja pozicija: 10px ulevo (vraća se na početak) */
    }
}
.shaking-animation {
    animation: shaking 2s linear infinite; /* Trajanje animacije: 2 sekunde, ponavlja se beskonačno */
}
@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg); /* Prva rotacija */
    }
    50% {
        transform: rotate(90deg); /* Stanka */
    }
    75% {
        transform: rotate(180deg); /* Druga rotacija */
    }
    100% {
        transform: rotate(180deg); /* Stanka */
    }
}
.rotate2-animation {
    animation: rotating 3s linear infinite; /* 4 sekunde ukupno trajanje, 1 korak */
}
.single-sadrzaj {
    margin-bottom: 40px;
    border-bottom: 1px solid #ece5e1;
    padding-bottom: 40px;
}
.pagination ul {
    list-style: none;
}
.pagination ul li:before {
    display: none !important;
}
.block-gallery {
    margin-bottom: 130px;
}
.sadrzaji-body iframe {
    max-height: 440px;
}
.blog-readmore a {
    font-family: "coolvetica";
    letter-spacing: 0;
    color: #a79ecd;
}
.blog-readmore a:hover {
    text-decoration: underline;
}
.blog-readmore span {
    font-size: 14px;
    margin-left: 5px;
}
.location-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.location-logo img {
    max-width: 160px;
    margin: 0 auto;
}
.vrtic-item .card {
    border-radius: 30px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125);
}
.text-muted {
    color: #A79ECD !important;
}
p.card-text.text-muted {
    font-weight: 600;
    font-size: 0.8em;
}
.find-nearby .input-group {
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid rgba(0,0,0,.125);
}
.find-nearby .input-group input {
    height: 60px;
    border-radius: 50px;
    padding-left: 40px;
    border: 0;
    background: #fff;
    box-shadow: none;
    font-size: 21px;
}
div#najblizi-vrtic>.nearby-wrapper {
    background: #fff;
    border-radius: 30px;
    padding: 15px;
    text-align: left;
    margin: 60px 0;
    border: 1px solid rgba(0,0,0,.125);
}
.nearby-distance {
    opacity: 0.55;
    font-size: 0.8em;
    margin-bottom: 20px !important;
}
.find-nearby {
    margin: 80px 0 140px;
}
.img-zoomin, .nearby-wrapper img {
    border-radius: 20px;
    overflow: hidden; 
}
.img-zoomin img {  
    transition: 0.3s;
}
.img-zoomin img:hover,
.vrtic-item:hover .img-zoomin img {  
    transform: scale(1.1);
}
/* MK 1 */
.mk-1-bgcolor-primary {
    background-color: #68B4C6;
}
.mk-1-color-primary {
    color: #68B4C6;
}
.mk-1-bgcolor-secondary {
    background-color: #9DCEDA;
}
.mk-1-bg-gradient {
    background: linear-gradient(to bottom, rgba(104, 180, 198, 0) 0%, rgba(104, 180, 198, 0.80) 100%);
}
/* MK 2 */
.mk-2-bgcolor-primary {
    background-color: #5981C2;
}
.mk-2-color-primary {
    color: #5981C2;
}
.mk-2-bgcolor-secondary {
    background-color: #A2B9DD;
}
.mk-2-bg-gradient {
    background: linear-gradient(to bottom, rgba(89, 129, 194, 0) 0%, rgba(89, 129, 194, 0.80) 100%);
}
/* MK 3 */
.mk-3-bgcolor-primary {
    background-color: #E95552;
}
.mk-3-color-primary {
    color: #E95552;
}
.mk-3-bgcolor-secondary {
    background-color: #F6BBBA;
}
.mk-3-bg-gradient {
    background: linear-gradient(to bottom, rgba(233, 85, 82, 0) 0%, rgba(233, 85, 82, 0.80) 100%);
}
/* MK 4 */
.mk-4-bgcolor-primary {
    background-color: #9BCB3D;
}
.mk-4-color-primary {
    color: #9BCB3D;
}
.mk-4-bgcolor-secondary {
    background-color: #D6E9AF;
}
.mk-4-bg-gradient {
    background: linear-gradient(to bottom, rgba(155, 203, 61, 0) 0%, rgba(155, 203, 61, 0.80) 100%);
}
/* MK 5 */
.mk-5-bgcolor-primary {
    background-color: #B64E9A;
}
.mk-5-color-primary {
    color: #B64E9A;
}
.mk-5-bgcolor-secondary {
    background-color: #E8C8E0;
}
.mk-5-bg-gradient {
    background: linear-gradient(to bottom, rgba(182, 78, 154, 0) 0%, rgba(182, 78, 154, 0.80) 100%);
}
/* MK 6 */
.mk-6-bgcolor-primary {
    background-color: #E1A62D;
}
.mk-6-color-primary {
    color: #E1A62D;
}
.mk-6-bgcolor-secondary {
    background-color: #EECD89;
}
.mk-6-bg-gradient {
    background: linear-gradient(to bottom, rgba(225, 166, 45, 0) 0%, rgba(225, 166, 45, 0.80) 100%);
}
.soba-slika {
    padding: 40px;
}
.soba-slika img {
    mask-repeat: no-repeat !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    width: 100%;
}
.soba-slika.shape-1 img {
    mask: url(img/team7.svg);
    -webkit-mask: url(img/team7.svg);
}
.soba-slika.shape-2 img {
    mask: url(img/team1.svg);
    -webkit-mask: url(img/team1.svg);
}
.soba-slika.shape-3 img {
    mask: url(img/team5.svg);
    -webkit-mask: url(img/team5.svg);
}
.soba-slika.shape-4 img {
    mask: url(img/team4.svg);
    -webkit-mask: url(img/team4.svg);
}
.featured-content {
    font-size: 55px;
    font-family: 'coolvetica';
    letter-spacing: 0;
    background: #f7f6f1;
    border-radius: 40px;
    padding: 30px;
}
.featured-content p {
    line-height: 100%;
}
.featured-content p:last-child {
    margin-bottom: 0;
}
.featured-content strong {
    font-weight: normal;
}
.mk-2 .featured-content strong {
    color: #5981C2;
}
.mk-3 .featured-content strong {
    color: #E95552;
}
.mk-4 .featured-content strong {
    color: #9BCB3D;
}
.mk-5 .featured-content strong {
    color: #B64E9A;
}
.mk-6 .featured-content strong {
    color: #E1A62D;
}
div#centri-interesovanja h2,
div#osoblje h2,
div#faq h2 {
    font-size: 60px;
}
#centri-interesovanja .swiper {
    overflow: visible;
}
#centri-interesovanja .swiper-slide {
    transition: transform 0.3s;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-family: 'icomoon' !important;
  content: "\e900";
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-family: 'icomoon' !important;
    content: "\e901";
}
h3.centar-name {
    font-size: 24px;
    margin-bottom: 0;
}
.faq .card-header {
    background-color: #fff !important;
}
.faq .accordion>.card {
    border-radius: 30px;
}
.faq .accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.faq .accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.faq .card-header {
    border-bottom: 0;
    padding: 14px 20px 14px 40px;
}
.faq .card-body {
    padding: 20px 40px;
}
.btn-link {
    color: #32256a;
}
.btn-link:hover {
    color: #ad9ecd;
}
.faq button:hover, 
.faq button:focus,
.faq button:active {
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
}
.faq button {
    background: transparent;
    border: 0;
    font-size: 26px;
}
.faq .toggle-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
}
.toggle-icon.-bgcolor-primary {
    background: #a79ecd;
}
.faq .toggle-icon:hover {
    opacity: .5;
}
.faq .card-header {
  position: relative;
}
.faq .card-header[aria-expanded="true"] .plus-icon {
  display: none;
}
.faq .card-header[aria-expanded="true"] .minus-icon {
  display: inline;
}
.toggle-icon svg {
    filter: brightness(0) saturate(100%) invert(100%);
}
.faq button:not(.collapsed) + .toggle-icon .plus-icon {
    display: none;
}
.faq button.collapsed + .toggle-icon .minus-icon {
    display: none;
}
body.single-location .btn-primary {
    border: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
    font-weight: 900 !important;
}
.swiper-buttons {
    gap: 10px;
}
.single-location .blog-header, .single-activity .blog-header {
    margin-bottom: 60px;
}
.centri-opis-panel {
  position: fixed;
  top: 0;
  right: -600px;
  width: 520px;
  height: 100vh;
  background: white;
  box-shadow: -5px 0 40px rgba(0,0,0,0.1);
  z-index: 1050;
  transition: right 0.4s ease;
  display: flex;
  flex-direction: column;
}
.centri-opis-panel.active {
  right: 0;
}
.centar-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.centar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  border-bottom: 1px solid #ddd;
}
.centar-header h2 {
  margin: 0;
  font-size: 20px !important;
}
.close-panel {
    font-size: 34px;
    border: none;
    cursor: pointer;
    color: #32256a;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border: 1px solid #ded9ed;
}
.close-panel:hover, .close-panel:active {
    background-color: #f4f3f7;
    border-color: #f4f3f7;
    color: #4a3f7c;
}
.centar-body {
  padding: 20px 40px;
  overflow-y: auto;
  flex-grow: 1;
}
.centri-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1040; /* испод панела који је 1050 */
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.centri-overlay.active {
  display: block;
  opacity: 1;
}
.filter-buttons.text-center.section {
    margin: 80px 0 50px;
}
.swiper-button-prev,
.swiper-button-next {
    width: 60px;
    height: 60px;
    margin-top: 0 !important;
}
.swiper-slide {
    width: calc( 25% - 15px ) !important;
}
.swiper-slide img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.swiper-buttons div {
    position: static;
}
.karakteristike {
    margin: 100px 0;
}
.karakteristike-content {
    background: url(img/karakteristike-bg-1.svg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    background-size: cover;
    padding: 80px 40px;
    border-radius: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
span.feature-karakteristika {
    font-size: 80px;
    font-family: 'coolvetica';
    letter-spacing: 0;
    display: block;
    line-height: 100%;
}
.karakteristike-content {
    border: 6px solid #fff;
}
.karakteristike-content.mk-2-border {
    border-color: #A2B9DD;
}
.karakteristike-content.mk-3-border {
    border-color: #F6BBBA;
}
.karakteristike-content.mk-4-border {
    border-color: #D6E9AF;
}
.karakteristike-content.mk-5-border {
    border-color: #e8c8e0;
}
.karakteristike-content.mk-6-border {
    border-color: #eecd89;
}
strong.text-large {
    font-size: 1.5em;
    font-family: 'coolvetica';
    letter-spacing: 0;
}
.karakteristika-text {
    font-family: 'coolvetica';
    letter-spacing: 0;
    line-height: 110%;
    font-size: 24px;
    max-width: 85%;
}
img.mk-1 {
    filter: brightness(0) saturate(100%) invert(83%) sepia(39%) saturate(218%) hue-rotate(147deg) brightness(87%) contrast(95%);
}
img.mk-2 {
    filter: brightness(0) saturate(100%) invert(82%) sepia(4%) saturate(2877%) hue-rotate(186deg) brightness(91%) contrast(89%);
}
img.mk-3 {
    filter: brightness(0) saturate(100%) invert(95%) sepia(31%) saturate(3531%) hue-rotate(292deg) brightness(107%) contrast(83%);
}
img.mk-4 {
    filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(644%) hue-rotate(27deg) brightness(98%) contrast(90%);
}
img.mk-5 {
    filter: brightness(0) saturate(100%) invert(99%) sepia(92%) saturate(806%) hue-rotate(278deg) brightness(102%) contrast(82%);
}
img.mk-6 {
    filter: brightness(0) saturate(100%) invert(78%) sepia(59%) saturate(256%) hue-rotate(356deg) brightness(96%) contrast(93%);
}
.vrtic-inside-img {
    margin-top: -200px;
}
.vrtic-inside-img img {
    border-radius: 20px;
    border: 8px solid #f7f6f1;
}
.call-button-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
.call-button {
  color: white;
  border: none;
  border-radius: 60px;
  width: auto;
  height: 60px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'coolvetica';
    letter-spacing: 0;
  gap: 8px;
}
.call-button.default-color {
  background-color: #A79ECD;
}
.call-button img {
    filter: brightness(0) saturate(100%) invert(100%);
}
/* Animacija zvona */
@keyframes ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(12deg); }
  20% { transform: rotate(-12deg); }
  30% { transform: rotate(9deg); }
  40% { transform: rotate(-9deg); }
  50% { transform: rotate(6deg); }
  60% { transform: rotate(-6deg); }
  70% { transform: rotate(3deg); }
  80% { transform: rotate(-3deg); }
  90% { transform: rotate(1deg); }
  100% { transform: rotate(0); }
}
.call-button-wrapper a:hover {
    text-decoration: none !important;
    color: #fff !important;
}
.call-button-wrapper a:hover button {
    color: #fff !important;
}
.ringing {
  animation: ring 1.2s ease;
}
.call-bubble {
  position: absolute;
  bottom: 75px;
  right: 0;
  background-color: #ebe9ec;
  color: #32256a;
  padding: 12px 16px;
  border-radius: 10px;
  box-shadow: none;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.4;
  width: 200px;
}
.call-bubble::after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 20px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ebe9ec transparent transparent transparent;
}
.close-bubble {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: none;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #32256a;
}
.sadrzaji-title {
  position: sticky;
  top: 140px;
  padding: 10px 0;
}
.page-template-template-grupe .site,
body.page-template-template-grupe,
.single-activity .site,
[class*="page-template-template-homepage"] .site {
    overflow-x: visible;
}
.apps-icons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.apps-icons img {
    max-height: 56px;
    height: 56px;
    margin-bottom: 12px;
    transition: .5s;
}
.apps-icons img:hover {
    transform: scale(1.05);
}
p#breadcrumbs {
    font-size: 0.8em;
    margin-top: 12px;
    color: #fff;
    font-weight: 700;
}
p#breadcrumbs a {
    font-weight: 400;
    color: #fff;
    opacity: 1;
}
span.breadcrumb_last {
    opacity: 0.5;
}
.sadrzaji-title h2 {
    font-size: 3em;
    margin-bottom: 0;
}
span.misija {
    font-size: 24px;
    background: #a79ecd;
    display: inline-block;
    padding: 10px 20px;
    line-height: 100%;
    border-radius: 40px;
    color: #fff;
    transform: rotate(-3deg);
}
.page-template-template-about .featured-content p:first-child {
    margin-bottom: 10px !important;
}
.page-template-template-about .featured-content strong {
    color: #a79ecd;
}
.section.faq {
    margin-top: 80px;
}
.footer-social ul {
    display: flex;
    align-items: center;
    list-style-type: none !important;
    list-style: none !important;
    gap: 12px;
    margin-left: 0;
}
.footer-social ul li:before {
    display: none;
}
.circle-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #32255a;
    border-radius: 70px;
    transition: .5s;
}
.footer-social a:hover {
    text-decoration: none !important;
}
.footer-social a:hover .circle-icon {
    background: #32255a;
    color: #fff;
}
.post-navigation .card {
    border-radius: 20px;
}
.post-navigation .card-body {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px !important;
}
.post-navigation .card-body span.circle-icon {
    flex: none;
    color: #a79ecd;
    border-color: #a79ecd;
}
.post-navigation a:hover .circle-icon {
    background: #a79ecd;
    border-color: #a79ecd;
    color: #fff;
}
.post-navigation a:hover h3 {
    color: #a79ecd;
}
.post-navigation h3,
.post-navigation .circle-icon {
    transition: .5s;
}
.post-navigation {
    margin-top: 50px;
    margin-bottom: 120px;
}
.featured-wrapper .featured-content strong {
    color: #a79ecd;
}
.soba-slika.knjiga-slika img {
    border-radius: 30px;
}
div#knjiga-obroka {
    margin-top: 80px;
}
div#izdvojeni-tekst {
    background: url(img/mk-linije-bg.svg);
    padding: 160px 0;
    background-attachment: fixed;
    position: relative;
    margin: 80px 0;
    background-size: cover;
}
div#izdvojeni-tekst:before {
    content: "";
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #f7f6f1, #f7f6f100);
}
div#izdvojeni-tekst:after {
    content: "";
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #f7f6f1, #f7f6f100);
}
footer#kontakt,
.upis-wrapper {
    position: relative;
}
.upis-wrapper {
    margin: 60px 0;
}
footer#kontakt:before,
.upis-wrapper:before {
    content: '';
    width: 100%;
    height: 60px;
    background-image: url(img/linijice-up-new.svg);
    background-color: #F7F6F1;
    position: absolute;
    top: -60px;
    left: 0;
    background-size: cover;
    background-repeat: repeat-x;
    background-size: contain;
    z-index: -1;
}
.upis-wrapper:after {
    content: '';
    width: 100%;
    height: 60px;
    background-image: url(img/linijice-down-new.svg);
    background-color: #F7F6F1;
    position: absolute;
    bottom: -60px;
    left: 0;
    background-size: cover;
    background-repeat: repeat-x;
    background-size: contain;
    z-index: -1;
}
.main-logo.single-vrtic-logo img {
    width: 180px;
}
.fixed-top .main-logo.single-vrtic-logo img {
    width: 140px;
}
div#centri-interesovanja {
    margin: 80px 0 140px;
}
.page-template-template-grupe footer#kontakt {
    margin-top: 140px;
}
.page-template-template-paketi .sadrzaji-title h2 {
    font-size: 2em;
}
[class*="page-template-template-homepage"] .faq button.btn-primary {
    background: #a79ecd;
}
[class*="page-template-template-homepage"] .faq .about-button {
    margin-top: 30px;
}
.wpcf7 input, .wpcf7 textarea {
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 40px;
    width: 100%;
        box-shadow: none;
        padding: 14px 24px;
}
.wpcf7 textarea {
    border-radius: 24px;
    max-height: 200px;
}
.wpcf7 label {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
}
.wpcf7 input[type="submit"] {
    width: auto;
    background: #a79ecd;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'coolvetica';
    letter-spacing: 0;
}
.wpcf7-not-valid-tip {
    color: #E95552 !important;
    font-size: 16px !important;
}
input.wpcf7-not-valid {
    border: 1px solid #E95552;
}
form.wpcf7-form {
    background: #fff;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 40px;
}
div#map {
    border: 10px solid #fff;
    border-radius: 40px ! IMPORTANT;
    box-shadow: 0 0 1px 1px #dfdfdf;
    height: 600px;
    width: 100%;
    margin-bottom: 40px;
}
button.btn-secondary.pogledaj-na-mapi {
    font-size: 18px;
    padding: 0;
    border: 0;
    text-decoration: underline;
    color: #a79ecd;
}
button.btn-secondary.pogledaj-na-mapi:hover {
    background: transparent;
    color: #32256a;
}
.page-template-template-kontakt .text-muted {
    color: #32256a !important;
    font-weight: normal !important;
}
.col.vrtic-item div.loc-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.page-template-template-kontakt div#vrtici-container {
    margin-bottom: 50px;
}
.page-template-template-kontakt .section {
    margin: 100px 0 !important;
}
.page-template-template-kontakt .find-nearby {
    margin: 40px 0 140px;
}
.page-template-template-kontakt h2 {
    font-size: 3em;
    margin-bottom: 20px;
}
.page-template-template-kontakt .col-md-10 .footer-logo-content p {
    margin-bottom: 4px;
}
.nearby-btn-group .btn {
    text-decoration: none;
}
.mobile-none {
    display: block;
}
.desktop-none {
    display: none;
}
.single-sadrzaj:last-child {
    border: 0;
}
.footer-social a {
    text-decoration: none;
    color: #32256A;
}
.wpml-ls-legacy-list-horizontal a span {
    font-family: 'Nunito';
    text-decoration: none;
    font-size: 16px;
    color: #fff;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:before {
    display: none;
}
.wpml-ls-legacy-list-horizontal li {
    width: 70px;
    height: 70px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid transparent;
    border-radius: 70px;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item a {
    padding: 0;
}
.wpml-ls-legacy-list-horizontal ul {
    gap: 0px !important;
}
.wpml-ls-legacy-list-horizontal li.wpml-ls-current-language {
    border-color: #fff !important;
}
.wpml-ls-legacy-list-horizontal a {
    text-decoration: none;
}
.fixed-top .wpml-ls-legacy-list-horizontal a span {
    color: #32256a;
}
.fixed-top .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language {
    border-color: #32256a !important;
}
div#lang-select-mobile select {
    background: transparent;
    border: 0;
    color: #fff;
}
.fixed-top div#lang-select-mobile select {
    color: #32256a;
}
.wpml-ls-legacy-list-horizontal li:hover a {
    opacity: 1;
}
.aktivnosti-wrapper {
    margin: 40px 0 100px;
}
.aktivnosti-wrapper .vrtic-item .card {
    padding-bottom: 30px;
}
.img-zoomin img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 !important;
    padding: 0;
}
.vrtic-inside-img {
    position: sticky;
    top: 120px;
}
.margin-bottom-mk {
    margin-bottom: 160px;
}
.single-feature {
    margin-bottom: 10px;
    padding: 30px;
}
.img-shape-wrapper {
    margin-bottom: 20px;
}
.aktivnosti-btn-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 50px 0 0;
}
.btn-third {
    background: #9ec6f3;
    color: #fff;
}
.btn-third:hover {
    background: #88b4e5;
    color: #fff;
}
[class*="page-template-template-homepage"] div#centri-interesovanja {
    overflow-x: hidden;
}
div#centri-interesovanja a {
    text-decoration: none;
}
[class*="page-template-template-homepage"] .swiper-slide {
    width: calc(33.5% - 15px) !important;
}
[class*="page-template-template-homepage"] .swiper-buttons div {
    background: #a79ecd;
    color: #fff;
}
[class*="page-template-template-homepage"] .swiper-buttons div:hover, [class*="page-template-template-homepage"] .swiper-buttons div:active, [class*="page-template-template-homepage"] .swiper-buttons div:focus {
    background: #9ec6f3;
}
.hero-content .btn span {
    font-size: 17px;
    margin-left: 10px;
}
[class*="page-template-template-homepage"] div#centri-interesovanja {
    margin: 80px 0 0px;
}
.page-template-template-about .featured-content {
    font-size: 65px;
}
.swiper-wrapper {
    gap: 15px;
}
.swiper-wrapper .swiper-slide {
    margin-right: 0 !important;
}
.call-button span.icon-phone {
    position: relative;
    top: 2px;
}
.wpcf7 form.invalid .wpcf7-response-output {
    background: #FFC615;
    border-radius: 12px;
    border: 0;
    color: #ffffff;
    line-height: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #9BCB3D;
    border-radius: 12px;
    border: 0;
    color: #ffffff;
    line-height: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.otvori-galeriju {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.otvori-galeriju span {
    display: flex;
    padding: 14px 24px;
    border-radius: 60px;
    color: #fff;
    font-family: 'coolvetica';
    font-size: 21px;
    border: 3px solid transparent;
}
.otvori-galeriju span:hover {
    border-color: #fff;
    cursor: pointer;
}
.otvori-galeriju span.icon-gallery {
    padding: 0;
    margin-right: 10px;
}
section.full-img img {
    transition: .8s;
}
section.full-img:hover img {
    transform: scale(1.1);
}
.upis-wrapper .scrolling-text .item {
    font-size: 50px;
    padding: 5px 0;
}
.page-template-template-homepage-new .hero-section {
    max-height: 800px;
    padding-top: 100px;
}
.scrolling-wrapper {
    background: #f7f6f1;
}
.page-template-template-homepage-new div#features h3 {
    padding: 0 20px;
    line-height: 100%;
}
.page-template-template-homepage-new div#centri-interesovanja {
    background-color: #f7cfd8;
    padding: 140px 0 !important;
    margin: 0;
    background-image: url(img/bgshape-1.svg);
    background-position: center;
    background-size: cover;
}
.page-template-template-homepage-new h1, .page-template-template-homepage-new .h1 {
    font-size: 100px;
    line-height: 90%;
    margin-bottom: 20px;
}
.page-template-template-homepage-new .swiper-buttons div {
    background: #ffffff;
    color: #32256a;
}
.page-template-template-homepage-new .swiper-buttons div:hover,
.page-template-template-homepage-new .swiper-buttons div:active,
.page-template-template-homepage-new .swiper-buttons div:focus {
    color: #fff;
}
.oblak-tekst {
    background: #ffffff;
    color: #F44336;
    border-radius: 66px;
    padding: 1px 12px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 100%;
    font-family: 'coolvetica';
    font-size: 28px;
/*    position: absolute;*/
    bottom: -20px;
}
.clouds-wrapper {
    height: 600px;
}
.oblak {
    position: absolute;
}
.oblak.oblak-1 {
    bottom: 90px;
    right: 50px;
/*    animation: moveOblak2 34.5s ease-in-out infinite alternate;*/
}
.oblak.oblak-2 {
    top: 50px;
    left: 10px;
/*    animation: moveOblak2 35s ease-in-out infinite alternate;*/
}
.oblak.oblak-3 {
    top: 0;
    right: 0;
/*    animation: moveOblak4 33s ease-in-out infinite alternate;*/
}
.oblak.oblak-4 {
    left: -30px;
    bottom: 50px;
/*    animation: moveOblak1 36s ease-in-out infinite alternate;*/
}
.oblak-text-1 {
    bottom: -22px;
    left: 30%;
    transform: rotate(-3deg);
}
.oblak-text-2 {
    bottom: -20px;
    right: 20%;
    transform: rotate(1deg);
}
.oblak-text-3 {
    bottom: -20px;
    left: 40%;
    transform: rotate(-5deg);
}
.oblak-text-4 {
    bottom: 0;
    left: 30%;
    transform: rotate(-3deg);
}
.color-green {
    color: #9BCB3D;
}
.color-red {
    color: #E95552;
}
.color-orange {
    color: #FFC615;
}
.color-blue {
    color: #5981C2;
}
.page-template-template-homepage-new #masthead:not(.fixed-top) .main-logo img {
    width: 180px;
    transition: 0.5s;
}
.oblak {
    transition: transform 0.2s;
}
@keyframes moveOblak1 {
    0%   { transform: translate(0, 0);}
    20%  { transform: translate(18px, 24px);}
    40%  { transform: translate(34px, -16px);}
    60%  { transform: translate(-15px, 22px);}
    80%  { transform: translate(-40px, -30px);}
    100% { transform: translate(0, 0);}
}
@keyframes moveOblak2 {
    0%   { transform: translate(0, 0);}
    18%  { transform: translate(-22px, -25px);}
    37%  { transform: translate(-45px, 17px);}
    62%  { transform: translate(24px, -28px);}
    81%  { transform: translate(40px, 20px);}
    100% { transform: translate(0, 0);}
}
@keyframes moveOblak3 {
    0%   { transform: translate(0, 0);}
    27%  { transform: translate(25px, 36px);}
    44%  { transform: translate(-27px, 16px);}
    59%  { transform: translate(17px, -32px);}
    88%  { transform: translate(-35px, -40px);}
    100% { transform: translate(0, 0);}
}
@keyframes moveOblak4 {
    0%   { transform: translate(0, 0);}
    23%  { transform: translate(-33px, 27px);}
    41%  { transform: translate(19px, -34px);}
    69%  { transform: translate(-27px, -16px);}
    87%  { transform: translate(35px, 40px);}
    100% { transform: translate(0, 0);}
}
.hero-btns {
    margin-bottom: 30px;
}
.hero-btns a {
    text-decoration: none;
}
.hero-content a {
    color: #fff;
    font-family: 'coolvetica';
    letter-spacing: 0;
}

#primary-left,
#primary-right {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0;
    margin: 0;
    background: none;
    flex-direction: row;
}
ul#primary-left {
    justify-content: flex-end;
}
#primary-left > li,
#primary-right > li {
    position: relative;
    margin: 0;
    padding: 0;
}
#primary-left > li:before,
#primary-right > li:before {
    display: none;
}

#primary-left > li > a,
#primary-right > li > a {
    display: block;
    padding: 10px 12px !important;
    color: #32256a;
    font-weight: 500;
    text-decoration: none;
    border-radius: 24px;
    font-size: 1.08em;
    transition: background .2s, color .2s;
    white-space: nowrap;
}
#masthead:not(.fixed-top) #primary-left > li > a,
#masthead:not(.fixed-top) #primary-right > li > a {
    color: #fff !important;
}
#masthead:not(.fixed-top) .menu-item-has-children > a::after {
    border-color: #fff;
}
#primary-left > li.menu-item-has-children > a, #primary-right > li.menu-item-has-children > a {
    margin-right: 16px !important;
}
#primary-left > li > a:hover,
#primary-right > li > a:hover,
#primary-left > li.current-menu-item > a,
#primary-right > li.current-menu-item > a {
    text-decoration: underline;
}

.menu-item-has-children > a {
    position: relative;
    padding-right: 32px;
}
.menu-item-has-children > a::after {
    content: '';
    border: solid #32256a;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1px;
    top: 20px;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    transform: 0;
    min-width: 260px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 24px 0 rgba(30,60,120,0.10);
    margin-top: 0;
    z-index: 10;
    padding: 10px;
    overflow: hidden;
    margin: 0;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu {
    display: block;
}

#masthead ul li:before {
    display: none !important;
}

.sub-menu li {
    width: 100%;
    margin: 14px 0;
    text-align: left !important;
}
.sub-menu li:first-child {
    margin-top: 0;
}
.sub-menu li:last-child {
    margin-bottom: 0;
}
.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #e5e8ee;

}

.sub-menu a {
    display: block;
    color: #32256a;
    padding: 4px 15px !important;
    text-decoration: none;
    font-size: 1em;
    transition: background 0.2s, color 0.2s;
    border-radius: 0;
    white-space: normal;
}
.sub-menu a:hover {
    background: #ece8fd;
    color: #32256a;
    border-radius: 10px;
}
.page-template-template-homepage-new .hero-content {
    max-width: 60%;
}
.page-template-template-homepage-new .hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.wpml-ls-item .sub-menu {
    min-width: auto;
}
.wpml-ls-item a {
    font-size: 16px !important;
}
.wpml-ls-item.menu-item-has-children {
    padding: 0;
    margin-left: 15px !important;
    position: relative !important;
}
.wpml-ls-item.menu-item-has-children>a:before {
    content: "" !important;
    width: 2px;
    height: 17px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 11px;
    display: block !important;
}
.fixed-top .wpml-ls-item.menu-item-has-children>a:before {
    background: #32256a;
}
.upis-wrapper .item {
    color: #9559A2;
}
.remove-lines:before, .remove-lines:after {
    display: none;
}
.hero-content .btn.btn-primary {
    color: #32256a;
    background: #fff;
}
.hero-content .btn.btn-primary:hover,
.hero-content .btn.btn-primary:active,
.hero-content .btn.btn-primary:focus {
    background: #5981c2;
    color: #fff;
    border-color: #5981c2;
}
.btn-no-border {
    border: 0;
}
.hero-location-btns {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}
.wpcf7-radio {
    display: flex;
    flex-direction: column;
}
.wpcf7-radio span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 2px;
}
.wpcf7 input[type="radio"] {
    width: auto;
}
.mobile-only {
    display: none;
}
.hero-location-btns a {
    font-size: 16px;
}
.bgshape-1 {
    background-image: url(img/bgshape-1.svg);
    background-position: center;
    background-size: cover;
}
.bgshape-2 {
    background-image: url(img/bgshape-2.svg);
    background-position: center;
    background-size: cover;
}
.bgshape-3 {
    background-image: url(img/bgshape-3.svg);
    background-position: center;
    background-size: cover;
}
.bgshape-4 {
    background-image: url(img/bgshape-4.svg);
    background-position: center;
    background-size: cover;
}
.bgshape-5 {
    background-image: url(img/bgshape-5.svg);
    background-position: center;
    background-size: cover;
}
.upis-wrapper.remove-top-lines {
    margin-top: 10px !important;
}
.upis-wrapper.remove-top-lines:before {
    display: none;
}
.call-button-wrapper-left {
    position: fixed;
    z-index: 9;
    left: 20px;
    bottom: 20px;
}
.call-button-wrapper-left a:hover button,
.call-button-wrapper-left a:hover,
.call-button-wrapper-left button:hover {
    color: #fff;
    text-decoration: none !important;
}
div#features a {
    text-decoration: none;
}
div#features h3 {
    transition: .5s;
}
div#features a:hover h3 {
    color: #a79ecd;
}
div#ytVideoModal p {
    margin: 15px;
}
div#ytVideoModal button.close.position-absolute {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    opacity: 1;
    top: 20px !important;
    right: 20px !important;
}
a.yt-video-img img {
    border-radius: 20px;
}
.play-btn {
    width: 0;
    height: 0;
    border-top: 12px solid #ffffff00;
    border-bottom: 12px solid #ffffff00;
    border-left: 20px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%, -50%);
    z-index: 2;
    pointer-events: none;
    transition: .5s;
}
span.play-circle-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background: #a79ecd;
    transition: .5s;
}
a.yt-video-img:hover .play-btn {
    border-left: 20px solid #a79ecd;
}
a.yt-video-img:hover span.play-circle-wrapper {
    background: #fff;
}
div#onama .col-md-5 {
    padding-right: 60px;
}
footer#kontakt {
    background-image: url(img/mk-pattern-linije-bg.svg);
    background-position: center;
    background-size: cover;
}
.block-gallery img {
    cursor: pointer;
    border: 8px solid rgb(167 158 205 / 25%);
    border-radius: 16px;
    margin-bottom: 20px;
    transition: .5s;
}
.block-gallery img:hover {
    border: 8px solid rgb(167 158 205 / 100%);
}
.mk-galerija-cols-1 {
    column-count: 1;
}
.mk-galerija-cols-2 {
    column-count: 2;
}
.mk-galerija-cols-3 {
    column-count: 3;
}
.mk-galerija-cols-4 {
    column-count: 4;
}
div#lang-select-mobile select option {
    color: #403474;
}
div#mk-app h3 {
    margin-top: 30px;
}
.featured-content .apps-icons {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
}

.activity-video iframe {
    height: 460px;
}

a.link-mapa {
    margin-top: 10px;
    display: inline-block;
    background: hsl(251.49deg 31.97% 71.18% / 15%);
    padding: 8px 20px;
    border-radius: 100px;
    color: #a79ecd;
    text-decoration: none;
    border: 1px solid #a79ecd;
    font-weight: bold;
    font-size: 16px;
}
a.link-mapa:hover {
    color: #fff;
    background: #a79ecd;
    transition: .5s;
}

@media only screen and (min-width: 1031px) {
    .left-column-menu.text-left {
        text-align: right;
        width: auto;
    }
    .right-column-menu.text-right {
        text-align: left;
        width: auto;
    }
    header#masthead .container.position-relative.d-flex.justify-content-between.align-items-center {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: center !important;
        gap: 24px;
    }
    header#masthead li a {
        font-size: 19px;
        line-height: 110%;
        font-family: 'coolvetica';
        letter-spacing: 0;
    }
}


@media only screen and (max-width: 2000px) {
    .blog-header {
        min-height: 420px;
        padding-top: 180px;
    }
    .blog-thumbnail img {
        max-height: 320px;
    }
    footer#kontakt:before, .upis-wrapper:before {
        top: -50px;
    }
}
@media only screen and (max-width: 1700px) {
    .hero-section {
        height: 940px;
    }
}
@media only screen and (max-width: 1560px) {
    .activity-video iframe {
        height: 360px;
    }
    .hero-location-btns a {
        font-size: 16px !important;
    }
    .karakteristike-content {
        padding: 60px 30px;
    }
    .wpml-ls-item.menu-item-has-children>a:before {
        height: 13px;
    }
    .page-template-template-homepage-new .hero-section {
        max-height: 560px;
        padding-top: 80px;
    }
    .page-template-template-homepage-new #masthead:not(.fixed-top) .main-logo img {
        width: 150px;
    }
    .hero-content {
        top: 40px;
    }
    .hero-location-btns {
        margin-top: 20px;
    }
    .page-template-template-homepage-new div#features h3 {
        font-size: 27px;
    }
    .page-template-template-homepage-new div#centri-interesovanja {
        padding: 80px 0 !important;
    }
    .page-template-template-homepage-new h1, .page-template-template-homepage-new .h1 {
        font-size: 77px;
        margin-bottom: 0px;
    }
    .upis-wrapper {
        margin: 40px 0;
    }
    footer#kontakt:before, .upis-wrapper:before {
        top: -40px;
    }
    .hero-content a {
        font-size: inherit;
    }
    .call-button {
        font-size: 21px;
        height: 52px;
    }
    .upis-wrapper .scrolling-text .item {
        font-size: 42px;
        padding: 3px 0;
    }
    .nav-button .circle-icon,
    .wpml-ls-legacy-list-horizontal li {
        font-size: 14px;
        width: 60px;
        height: 60px;
    }
    .hero-content .btn {
        font-size: 1em;
        padding: 14px 30px;
    }
    .clouds-wrapper {
        height: 500px;
        position: relative;
        top: -40px;
    }
    .oblak-tekst {
        font-size: 24px;
    }
    .oblak img {
        max-width: 370px;
    }
    .oblak.oblak-2 {
        z-index: 99;
    }
    .oblak.oblak-3 {
        right: 50px;
        top: 20px;
    }
    .oblak.oblak-4 {
        left: -20px;
        bottom: 60px;
    }
    .hero-section h1 strong {
        -webkit-text-stroke: 1px #ffffff;
        text-stroke: 1px white;
    }
    .oblak.oblak-4 img {
        max-width: 310px;
    }
    .oblak.oblak-3 img {
        max-width: 280px;
    }
    .oblak.oblak-2 img {
        max-width: 320px;
    }
    .circle-icon {
        width: 60px;
        height: 60px;
    }
    .fixed-top .nav-button .circle-icon {
        font-size: 13px;
        width: 54px;
        height: 54px;
    }
    span.icon-close-menu {
        font-size: 16px;
    }
    .nav-button {
        gap: 12px;
    }
    .nav-button, .mk-lang {
        font-family: 'Nunito';
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }
    .faq .toggle-icon {
        width: 49px;
        height: 47px;
    }
    footer#kontakt:before {
        height: 40px;
        top: -40px;
    }
    .faq button {
        font-size: 24px;
    }
    [class*="page-template-template-homepage"] .faq button.btn-primary {
        font-size: 21px;
    }
    .site-footer {
        padding: 80px 0;
    }
    section.full-img img {
        max-height: 700px;
    }
    .hero-mask-img img {
        transform: scale(1.1);
    }
    .navigation-floating .navigation-content #primary {
        margin-left: 60px !important;
        margin-right: 60px !important;
        width: 50%;
    }
    .site-main {
        margin-bottom: 1.2em;
    }
    .nearby-btn-group .btn {
        font-size: 18px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .page-template-template-kontakt .find-nearby {
        margin: 30px 0 100px;
    }
    .page-template-template-kontakt div#vrtici-container {
        margin-bottom: 30px;
    }
    .single-location .page-title {
        padding-right: 20px;
    }
    .single-location .blog-header, .single-activity .blog-header {
        margin-bottom: 40px;
    }
    .page-template-template-sobe .section {
        margin-top: 60px;
    }
    div#centri-interesovanja {
        margin: 20px 0 60px;
    }
    .package-title h3 {
        font-size: 2.4em;
    }
    .package-title {
        padding: 30px 30px 20px;
        top: 79px;
    }
    .navigation-header {
        height: 100px;
    }
    .package-title>span {
        font-size: 1em;
    }
    h3.centar-name {
        font-size: 21px;
    }
    .apps-icons img {
        max-height: 50px;
        height: 50px;
    }
    .navigation-floating .image {
        width: 38%;
    }
    .page-template-template-centri div#centri-interesovanja {
        margin: 50px 0 100px;
    }
    .navigation-floating .navigation-content #primary li {
        margin: 10px 0;
    }
    .section {
        margin: 100px 0;
    }
    .section.faq {
        margin-bottom: 140px;
    }
    .centri-opis-panel {
        width: 460px;
    }
    .school-group-wrapper,
    .main-section-padding {
        margin-bottom: 60px;
    }
    .blog-thumbnail img {
        max-height: 280px;
    }
    .navigation-floating .navigation-content #primary li a {
        font-size: 38px;
    }
    .block-gallery {
        margin-bottom: 110px;
    }
    .menu-icon {
        top: 40px;
    }
    .fixed-top .menu-icon {
        top: 25px;
    }
    .full-screen-menu a {
        font-size: 80px;
    }
    body.page-template.page-template-template-cafe .parents-section,
    body.page-template.page-template-template-birth .parents-section {
        margin-top: 140px;
    }
    .cta-bday-section {
        padding-top: 100px;
    }
    header#masthead li a {
        font-size: 17px;
    }
    #primary-left > li > a, #primary-right > li > a {
        padding: 8px 10px !important;
    }
    .menu-item-has-children > a::after {
        padding: 2px;
        right: -1px;
        top: 17px;
    }
    .main-logo {
        margin: 7px 10px;
    }
    .main-logo img {
        width: 110px;
    }
    .fixed-top .main-logo img {
        width: 90px;
    }
    body {
        font-size: 19px;
    }
    .hero-section {
        padding-top: 90px;
        height: 730px;
    }
    div#cilj img {
        height: 70px;
    }
    .container {
        max-width: 90%;
    }
    .day-game-section img.img-fluid.overflow-right-img {
        width: 400px;
    }
    .large-text {
        font-size: 27px;
    }
    .day-game-section .slide-in-left {
        width: 350px;
    }
    .circle-text {
        width: 200px;
        height: 200px;
        font-size: 19px;
    }
    .day-game-section img.img-fluid.rounded-circle {
        width: 440px;
    }
    h1,
    .h1 {
        font-size: 110px;
        margin-bottom: 10px;
    }
    .extra-large-text,
    .lighter-text h2 {
        font-size: 65px;
    }
    .section-heading h2 strong:before {
        transform: scale(0.8);
        top: -17px;
        left: -46px;
    }
    p.extra-large-text span {
        transform: scale(0.7);
    }
    div#cilj .col-md-10:before,
    div#cilj .col-md-10:after {
        transform: scale(0.7);
    }
    .game-content {
        max-width: 650px;
        margin-top: 40px;
    }
    .parents-content {
        max-width: 980px;
        padding: 60px 80px;
    }
    .section.workshop-section img.img-fluid.rounded-circle {
        width: 380px;
        right: 8%;
    }
    .workshop-section {
        padding: 80px 0 60px;
    }
    .workshop-content-text {
        margin-left: 20px;
    }
    .section.workshop-section img.img-fluid.first-img {
        width: 340px;
        bottom: -220px;
    }
    .section.faq-section {
        margin-top: 160px;
    }
    .faq-section button {
        font-size: 27px;
    }
    .scrolling-text .item {
        font-size: 70px;
        padding: 16px 0;
        gap: 10px;
    }
    div#cilj {
        margin: 140px 0;
    }
    div#blog {
        margin-top: 120px;
    }
    .blog-header {
        min-height: 360px;
        padding-top: 150px;
        margin-bottom: 80px;
    }
    img.gallery-img-1 {
        max-width: 360px;
    }
    img.gallery-img-2 {
        max-width: 460px;
        top: -50px;
        left: 100px;
    }
    img.gallery-img-3 {
        max-width: 320px;
        top: 260px;
        left: -70px;
    }
    img.gallery-img-4 {
        max-width: 360px;
        top: 200px;
        max-width: 250px;
        right: 20px;
    }
    section.gallery {
        padding: 60px 0 180px;
    }
    .vrtic-item .card {
        border-radius: 24px;
        padding: 12px;
    }
    .img-zoomin, .nearby-wrapper img {
        border-radius: 16px;
    }
}
@media only screen and (max-width: 1370px) {
    .page-template-template-homepage-new .hero-section {
        padding-top: 50px;
    }
    .page-template-template-homepage-new #masthead:not(.fixed-top) .main-logo img {
        width: 120px;
    }
    .page-template-template-homepage-new .hero-section {
        max-height: 530px;
        padding-top: 50px;
    }
    .karakteristika-text {
        font-size: 20px;
        max-width: 100%;
    }
    .single-location .page-title {
        padding-right: 60px;
    }
    html[lang="en-US"] .single-location .page-title {
        padding-right: 80px;
    }
    #primary-left > li.menu-item-has-children > a, #primary-right > li.menu-item-has-children > a {
        margin-right: 10px !important;
    }
    header#masthead li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1300px) {
    header#masthead li a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .mobile-none {
        display: none;
    }
    .desktop-none {
        display: block;
    }
    .navigation-floating .image .nav-img, .navigation-floating .image, .navigation-floating .navigation-content #primary li.active::after {
        display: none;
    }
    .navigation-floating .navigation-content {
        width: 100%;
    }
    #primary li.wpml-ls-item {
        display: none !important;
    }
    .nav-menu-float {
        display: none;
    }
    header#masthead ul {
        list-style: none;
        display: flex;
        gap: 10px;
        margin: 0;
    }
    .menu-item-has-children > a::after {
        border-color: #fff;
    }
    .navigation-floating ul li:before {
        display: none;
    }
    .navigation-floating .navigation-content #primary li .sub-menu li a {
        color: inherit;
    }
    .navigation-floating .navigation-header {
        position: static;
    }
    .navigation-floating .navigation-content #primary > li a {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navigation-floating .navigation-content #primary li .sub-menu {
        position: static;
        left: 0;
    }
    .navigation-floating .navigation-content #primary > li {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1030px) {
    span.feature-karakteristika {
        font-size: 60px;
    }
    .karakteristika-text {
        font-size: 16px;
    }
    .karakteristike-content {
        padding: 45px 30px;
    }
    .swiper-slide {
        width: calc(50% - 15px) !important;
    }
    .single-feature {
        margin-bottom: 10px;
        padding: 10px;
    }
    .page-template-template-homepage-new div#features h3 {
        font-size: 24px;
    }
    .page-template-template-homepage-new h1, .page-template-template-homepage-new .h1 {
        font-size: 58px;
    }
    .oblak img {
        max-width: 250px;
    }
    .oblak.oblak-2 img {
        max-width: 240px;
    }
    .oblak.oblak-3 img {
        max-width: 220px;
    }
    .oblak.oblak-4 img {
        max-width: 230px;
    }
    .clouds-wrapper {
        height: 420px;
        top: -30px;
    }
    .oblak.oblak-1 {
        right: 0;
    }
    .oblak.oblak-4 {
        left: 50px;
    }
    .page-template-template-homepage-new .hero-content p {
        max-width: 440px;
    }

}

@media only screen and (max-width: 768px) {
    .page-template-template-homepage-new .hero-content {
        max-width: 100%;
    }
    .call-button-wrapper-left {
        display: none;
    }
    div#onama .col-md-5 {
        padding-right: 0px;
    }
    footer#kontakt {
        background-size: 200%;
    }
}
@media only screen and (max-width: 480px) {
    footer#kontakt {
        background-size: 300%;
    }
    .karakteristike-content {
        background: url(img/karakteristike-bg-2.svg);
        background-size: cover;
        background-position: center;
        padding: 60px 50px;
    }
    .mobile-only {
        display: block;
    }
    footer#kontakt:before, .upis-wrapper:before, .upis-wrapper:after {
        background-size: 250%;
        height: 40px;
    }
    .upis-wrapper:after {
        bottom: -40px;
    }
    .page-template-template-homepage-new div#centri-interesovanja {
        padding: 40px 0 !important;
    }
    footer#kontakt:before, .upis-wrapper:before {
        top: -30px;
    }
    .upis-wrapper .scrolling-text .item {
        font-size: 28px;
        padding: 2px 0;
    }
    .scrolling-text .item span {
        -webkit-text-stroke: 0.7px #32256A;
        text-stroke: 0.7px #32256A;
    }
    .page-template-template-homepage-new .hero-section {
        padding-top: 80px;
        max-height: unset;
        padding-bottom: 1px;
    }
    .page-template-template-homepage-new h1, .page-template-template-homepage-new .h1 {
        font-size: 48px;
    }
    .clouds-wrapper {
        height: 330px;
    }
    .oblak img {
        max-width: 230px;
    }
    .oblak.oblak-3 img {
        max-width: 190px;
    }
    .oblak.oblak-2 img {
        max-width: 200px;
    }
    .oblak.oblak-4 img {
        max-width: 210px;
    }
    .oblak-tekst {
        font-size: 19px;
        line-height: 21px;
    }
    .oblak-text-3 {
        left: 23%;
    }
    .oblak.oblak-2 {
        top: 40px;
        left: 10px;
    }
    .oblak.oblak-1 {
        bottom: 50px;
        right: 0px;
    }
    .oblak.oblak-4 {
        left: 0;
        bottom: 0px;
    }
    .oblak.oblak-3 {
        top: 0;
        right: 20px;
    }
    .vrtic-inside-img {
        top: 0;
    }
    div#centri-interesovanja h2.extra-large-text {
        padding-right: 10px;
    }
    .mobile-none {
        display: none;
    }
    .desktop-none {
        display: block;
    }
    span.feature-karakteristika {
        font-size: 52px;
    }
    .karakteristika-text {
        font-size: 18px;
        max-width: 100%;
    }
    h1, h2, .h1, .h2, h3, .h3, h4, .h4 {
        line-height: 110%;
    }
    .single-karakteristika {
        padding: 10px 20px;
    }
    .karakteristike {
        margin: 40px 0;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 46px;
        height: 46px;
    }
    div#centri-interesovanja h2, div#osoblje h2, div#faq h2 {
        font-size: 32px;
        line-height: 100%;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 14px !important;
    }
    .swiper-buttons {
        gap: 8px;
    }
    div#centri-interesovanja .d-flex.justify-content-between {
        align-items: center;
    }
    div#centri-interesovanja {
        margin: 0px;
    }
    .faq .card-header {
        padding: 10px 16px 10px 20px;
    }
    .faq button {
        font-size: 21px;
        line-height: 100%;
        word-break: break-word;
    }
    .faq .card-body {
        padding: 10px 20px;
    }
    .faq .toggle-icon {
        height: 43px;
    }
    .centar-header, .centar-body {
        padding: 20px 30px;
    }
    .centri-opis-panel {
        width: 100%;
    }
    span.misija {
        font-size: 19px;
    }
    .featured-content, .page-template-template-about .featured-content {
        font-size: 36px;
        border-radius: 30px;
        padding: 20px 14px;
    }
    .single-staff .card-title {
        margin-top: 10px;
        margin-bottom: 4px;
    }
    .single-staff {
        margin-bottom: 15px;
    }
    .single-staff .card-title {
        font-size: 26px;
    }
    .nav-button .circle-icon,
    .fixed-top .nav-button .circle-icon {
        font-size: 12px;
        width: 52px;
        height: 52px;
    }
    .find-nearby {
        margin: 0 0px 60px;
    }
    .find-nearby .input-group {
        flex-direction: column;
        border-radius: 38px;
        gap: 15px;
    }
    .find-nearby .input-group input {
        width: 100%;
        border-radius: 60px !important;
        padding: 10px;
    }
    .nearby-location-content {
        margin-top: 10px;
    }
    .nearby-btn-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    p.card-text.text-muted.nearby-address {
        margin-bottom: 5px;
    }
    .vrtic-inside-img {
        margin-top: 0;
    }
    footer#kontakt:before {
        height: 30px;
        top: -30px;
        background-position: center;
    }
    div#najblizi-vrtic>.nearby-wrapper {
        margin: 20px 15px;
    }
    .soba-slika {
        padding: 0;
        margin-bottom: 20px;
    }
    div#izdvojene-sobe>.row {
        margin-bottom: 60px;
    }
    div#izdvojene-sobe {
        margin-bottom: 100px;
    }
    .page-template-template-locations .container,
    div#izdvojeni-tekst .container,
    .single-location .container,
    main#main .container,
    div#centri-interesovanja .vrtic-item,
    div#primary .container,
    div#izdvojene-sobe,
    div#content .container,
    div#faq .col-md-10,
    .navigation-header .container {
        padding: 0;
    }
    .navigation-floating .navigation-content #primary li .sub-menu {
        position: static;
        left: 0;
    }
    .navigation-floating .navigation-content #primary > li {
        flex-direction: column;
        align-items: flex-start;
    }
    .navigation-floating .navigation-content #primary > li.active {
        gap: 20px;
    }
    .navigation-floating .navigation-content #primary li .sub-menu li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .navigation-floating .navigation-content #primary li .sub-menu li a {
        opacity: 0.6;
    }
    hr, p {
        margin: 0 0 0.7em;
    }
    .sadrzaji-title h2 {
        font-size: 2em;
    }
    .sadrzaji-body h3 {
        font-size: 26px;
    }
    div#paketi .col-md-4 {
        margin-bottom: 20px;
    }
    .package-body {
        padding: 20px 20px 0 20px;
    }
    .navigation-floating .circle-icon {
        width: 52px;
        height: 52px;
    }
    .page-template-template-faq div#faq {
        margin: 30px -20px 100px;
    }
    .vrtic-inside-img img {
        border: 0;
        margin: 15px 0 0 !important;
    }
    div#faq {
        padding: 0 15px;
    }
    .navigation-floating .image .nav-img,
    .navigation-floating .image,
    .navigation-floating .navigation-content #primary li.active::after {
        display: none;
    }
    .navigation-floating .navigation-content {
        width: 100%;
    }
    .navigation-floating .navigation-content #primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 30px;
    }
    div#centri-interesovanja .card-body.pb-0.pl-0 {
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .vrtic-item .card {
        border-radius: 20px;
    }
    .img-zoomin, .nearby-wrapper img {
        border-radius: 12px;
    }
    .page-template-template-centri div#centri-interesovanja {
        margin: 30px 0 80px;
    }
    .swiper-slide, [class*="page-template-template-homepage"] .swiper-slide {
        width: 90% !important;
    }
    .aktivnosti-btn-group {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        gap: 10px;
    }
    [class*="page-template-template-homepage"] div#features {
        margin-bottom: 0;
    }
    p.card-text.text-muted {
        font-size: 0.9em;
    }
    div#izdvojeni-tekst {
        padding: 120px 0;
        margin: 10px 0 40px 0;
    }
    div#izdvojeni-tekst:before,
    div#izdvojeni-tekst:after {
        height: 100px;
    }
    header#masthead .container {
        padding: 0;
    }
    header#masthead ul {
        gap: 10px;
    }
    .page-template-template-kontakt .section {
        margin: 50px 0 !important;
    }
    .page-template-template-kontakt .section .logo-footer-wrapper .mb-5 {
        margin-bottom: 24px !important;
    }
    form.wpcf7-form {
        border-radius: 0;
        padding: 20px;
        margin: 0 -20px;
    }
    .page-template-template-kontakt h2 {
        font-size: 2em;
        margin-bottom: 10px;
    }
    .col.vrtic-item {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex-basis: auto;
        margin-bottom: 30px !important;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 25px;
    }
    div#vrtici-container {
        margin-top: 30px !important;
    }
    div#map {
        border: 0;
        border-radius: 0 !important;
        height: 420px;
    }
    .section.zakazi-rodjendan .text-below-hero {
        padding-top: 30px;
        text-align: center;
    }
    .right-column-menu,
    .left-column-menu {
        width: 160px;
    }
    .btn {
        font-size: 18px;
    }
    .full-screen-menu a {
        font-size: 50px;
    }
    .menu-icon {
        position: fixed;
        width: 30px;
        height: 34px;
        transition: 0.5s;
        top: 25px;
    }
    .fixed-top .menu-icon {
        top: 17px;
    }
    .menu-icon span {
        margin: 6px 0;
    }
    .full-screen-menu {
        padding: 40px 5px;
    }
    .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 4px);
    }
    body.page-template.page-template-template-cafe .hero-section,
    body.page-template.page-template-template-birth .hero-section {
        padding-bottom: 60px;
    }
    .section.below-hero-section {
        margin-top: 0;
    }
    body.page-template.page-template-template-cafe .parents-section,
    body.page-template.page-template-template-birth .parents-section {
        margin-top: 0;
    }
    body.page-template.page-template-template-cafe div#onama h2 {
        padding: 0 20px;
    }
    .text-below-hero {
        padding: 40px 20px;
    }
    body.page-template.page-template-template-birth .day-game-section {
        margin-top: 0px;
    }
    .birthday-content {
        border-radius: 0;
        padding: 40px 20px;
        position: static;
        text-align: left;
        transform: none;
    }
    .birthday-content .parents-content-text .red-text {
        padding-left: 0;
    }
    .cta-bday-section {
        padding-top: 0;
    }
    h1,
    .h1 {
        font-size: 50px;
    }
    html[lang="en-US"] div#rodjendani .h1 {
        font-size: 44px;
    }
    .hero-section {
        height: auto;
    }
    .hero-mask-img img {
        transform: scale(1);
    }
    .hero-section {
        height: auto;
        padding-bottom: 0px;
    }
    .page-template-template-homepage-new .hero-content {
        position: static;
        margin-top: -20px;
        text-align: center;
    }
    .page-template-template-homepage-new .hero-btns {
        justify-content: center;
    }
    .hero-location-btns {
        flex-direction: column;
    }
    .hero-section h1 em {
        padding: 4px 17px;
        top: -6px;
        font-size: 0.6em;
    }
    .hero-section h1 strong {
        -webkit-text-stroke: 1px #ffffff;
        text-stroke: 1px white;
    }
    .hero-content h1 {
        letter-spacing: -0.5px;
    }
    div#features .col-md-4 {
        margin-bottom: 40px;
    }
    .blog-header {
        min-height: 300px;
        padding-top: 120px;
        margin-bottom: 40px;
    }
    p + h3 {
        margin-top: 40px;
    }
    .site-main {
        margin-bottom: 1.5em;
    }
    article.post {
        margin-bottom: 0;
    }
    .sadrzaji-body iframe {
        max-height: 200px;
    }
    .block-gallery {
        margin-bottom: 80px;
    }
    .grid-wrapper {
        -moz-column-count: 2;
        column-count: 2;
    }
    .grid-wrapper > .post-gallery-item img {
        border-radius: 16px;
        border: 7px solid rgb(171 158 205 / 15%);
    }
    .mk-lang {
        font-size: 0.8em;
    }
    .main-logo {
        margin: 7px 0px;
    }
    .image-container img {
        position: static;
        left: 0;
        top: 0;
        transform: translate(0%, 0%);
        border-radius: 0 !important;
        transform: scale(1.4);
    }
    .image-container {
        width: 100% !important;
    }
    .about-section {
        padding-top: 0;
        margin-top: 40px;
    }
    .large-text {
        font-size: 22px;
    }
    .small-title {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .section {
        margin: 60px 0;
    }
    section.full-img img {
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .section-heading h2 strong:before {
        transform: scale(0.55);
        top: -28px;
        left: -96px;
    }
    .mt--140 {
        margin-top: 0px;
    }
    .birth-content {
        max-width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .scrolling-text .item {
        font-size: 40px;
        padding: 6px 0;
        gap: 7px;
    }
    .col-md-10 p.extra-large-text {
        line-height: 100%;
        font-size: 36px;
    }
    div#circleContent {
        display: none;
    }
    .mobile-hidden {
        display: none;
    }
    .day-game-section img.img-fluid.rounded-circle {
        width: 180px;
        position: absolute;
        right: -40px;
        bottom: 200px;
    }
    .parents-section {
        margin-top: 0;
    }
    div#cilj {
        margin: 100px 0;
    }
    div#cilj img {
        height: 34px;
    }
    div#cilj .col-md-10:before,
    div#cilj .col-md-10:after {
        transform: scale(0.4);
    }
    div#cilj .col-md-10:before {
        top: -240px;
        left: -250px;
    }
    div#cilj .col-md-10:after {
        right: -310px;
        bottom: -170px;
    }
    div#blog {
        margin-top: 80px;
        padding-bottom: 40px;
    }
    div#blog .section {
        margin-top: 40px;
    }
    div#blog h2 {
        line-height: 100%;
    }
    .featured-post h3 {
        line-height: 100%;
        margin-bottom: 40px;
        font-size: 1.41575em;
    }
    .post-navigation .circle-icon {
        width: 40px;
        height: 40px;
    }
    .post-navigation .col-md-6:first-child .card {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .post-navigation .col-md-6:last-child .card {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .navigation-floating .navigation-content #primary li .sub-menu li {
        margin: 16px 0;
    }
    section.full-img {
        margin: 60px 0;
    }
    .package-title {
        padding: 30px 20px 20px;
    }
    section.dodatne-skolice {
        margin-top: 80px;
    }
    .single-blog-content-wrapper {
        padding-left: 0;
    }
    .single-sadrzaj {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .school-group-wrapper,
    .main-section-padding {
        margin-bottom: 40px;
    }
    .blog-thumbnail img {
        max-height: 260px;
    }
    .wrapper-single-blog {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .parents-content {
        position: static;
        border-radius: 0;
        transform: none !important;
        padding: 50px 25px;
    }
    .parents-section .container {
        padding: 0;
    }
    .parents-content h2 {
        text-align: left;
    }
    .parents-content-text .green-text {
        padding-left: 0;
    }
    .section.workshop-section img.img-fluid.rounded-circle {
        width: 130px;
        top: -90px;
    }
    .section.workshop-section {
        margin: 0;
        padding-top: 40px;
    }
    .workshop-content-text {
        margin: 0;
    }
    .workshop-content-text.split-lines {
        margin-top: 20px;
    }
    .workshop-content span {
        position: relative;
        left: 0;
    }
    .workshop-content span div.second-line {
        margin-left: 40px;
    }
    .section.faq-section {
        margin-top: 60px;
    }
    .faq-section button {
        font-size: 21px;
        line-height: 130%;
    }
    .accordion h2 {
        margin-bottom: 0px;
    }
    .accordion-item {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    section.gallery {
        padding: 0px 0 100px;
    }
    img.gallery-img-1 {
        max-width: 230px;
    }
    img.gallery-img-2 {
        max-width: 320px;
        top: -20px;
        left: 30px;
    }
    img.gallery-img-3 {
        max-width: 200px;
        top: 220px;
        left: -90px;
    }
    img.gallery-img-4 {
        top: 160px;
        max-width: 170px;
        right: 20px;
    }
    .img-container::after {
        display: none;
    }
    .col-md-5.logo-footer-wrapper .d-flex {
        display: block !important;
    }
    .logo-footer {
        margin-bottom: 30px;
    }
    .logo-footer img {
        margin: 0 auto;
    }
    .site-footer {
        padding: 60px 0;
    }
    .mobile-margin-footer {
        margin-bottom: 45px;
    }
    .scrolling-text-to-left .scrolling-text {
        animation: to-left 20s linear infinite;
    }
    .scrolling-text-to-right .scrolling-text {
        animation: to-right 20s linear infinite;
    }
    h1.split-lines .line.single-line {
        margin-bottom: -5px;
    }
    .container.text-center.my-5 {
        margin-top: 20px !important;
    }
    .col-md-2.mobile-margin-footer {
        margin-bottom: 0;
    }
    .extra-large-text,
    .lighter-text h2 {
        font-size: 38px;
    }
    .navigation-floating .navigation-content #primary li a {
        font-size: 32px;
    }
    .navigation-floating .navigation-content #primary li .sub-menu li a {
        font-size: 22px;
    }
    div#features .col-md-4 {
        margin-bottom: 20px;
    }
    div#features .col-md-4:last-child {
        margin-bottom: 0;
    }
    .single-feature {
        padding: 5px 10px 0 10px;
    }
    .page-template-template-homepage-new div#features h3 {
        font-size: 21px;
        padding: 0;
    }
    div#features h2 {
        line-height: 100%;
    }
}
@media only screen and (max-width: 400px) {
    .karakteristike-content {
        padding: 70px 25px;
    }
    .navigation-floating .navigation-content #primary {
        max-height: 80vh;
        overflow-y: auto;
    }
    #cilj .extra-large-text {
        font-size: 32px;
    }
    div#cilj {
        margin: 80px 0;
    }
    h1,
    .h1 {
        font-size: 44px;
    }
    html[lang="en-US"] div#rodjendani .h1 {
        font-size: 36px;
    }
    .package-title h3 {
        font-size: 2em;
    }
    .package-title {
        padding: 20px 20px 15px;
    }
    .page-template-template-homepage-new h1, .page-template-template-homepage-new .h1 {
        font-size: 45px;
    }
    .mk-galerija-cols-2 {
        column-count: 2;
    }
    .mk-galerija-cols-3 {
        column-count: 1;
    }
    .mk-galerija-cols-4 {
        column-count: 2;
    }
}
@media only screen and (max-width: 370px) {
    div#rodjendani .h1 {
        font-size: 35px;
    }
    .day-game-section img.img-fluid.rounded-circle {
        width: 130px;
        bottom: 230px;
    }
    .navigation-floating .navigation-content #primary > li.active {
        gap: 12px;
    }
}
@supports (-webkit-overflow-scrolling: touch) {
  div#izdvojeni-tekst {
    background-attachment: scroll;
  }
}