/*
Theme Name: Зеленый кот (Версия 2025)
Theme URI:
Description:
Version: 2.0
*/

/*===================================*/
/*=========== VARIABLES =============*/
/*===================================*/

:root {
    --text: #333333;
    --white: #FFF;
    --black: #000;
    --graphite: #474A51;
    --green: #8DC63F;
    --dark-green: #294E47;
    --light-green: #436e45;
    --light-green-2: #5b8a43;
    --violet: #6633CC;
    --orange: #FBAD18;
    --red: #E33D45;
    --yellow: #FBD705;

    --font-size: 18px;

    --size-h1: var(--size-60);
    --size-h2: var(--size-36);
    --size-h3: var(--size-28);
    --size-h4: var(--size-24);

/*    --size-60: 3rem;
    --size-46: 2.3rem;
    --size-40: 2rem;
    --size-36: 1.8rem;
    --size-32: 1.6rem;
    --size-28: 1.4rem;
    --size-24: 1.2rem;
    --size-22: 1.1rem;
    --size-20: 1rem;
    --size-18: 0.9rem;
    --size-16: 0.8rem;*/

    --size-60: 3.33rem;
    --size-46: 2.55rem;
    --size-40: 2.22rem;
    --size-36: 2rem;
    --size-32: 1.78rem;
    --size-28: 1.55rem;
    --size-24: 1.33rem;
    --size-22: 1.22rem;
    --size-20: 1.11rem;
    --size-18: 1rem;
    --size-16: 0.9rem;

    --container: 1430px;

    --header-height: 0px;

    --plus-green: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjk5bW0iIGhlaWdodD0iOC4xMW1tIiB2aWV3Qm94PSIwIDAgNS42NCAyMi45OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4ZWM2NDA7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjA2LDUuNzZjLS4wNC0xLjQ0LS4wNi0yLjg4LS4wNi00LjMyQzAsLjk2LjIyLjYuNjYuMzYsMS44Ny0uMzIsNC4wOS0uMDMsNC43NCwxLjI2Yy0uMDIsNC4wNy41OCwxMS43OS43OCwxNS45Ni4wOCwxLjQ4LjEyLDIuOTguMTIsNC41LS41OSwxLjM5LTIuODUsMS41LTQuMDguOTYtLjQ0LS4yNC0uNjYtLjYyLS42Ni0xLjE0LDAtMS41Mi0uMDQtMy4wNC0uMTItNC41Ni0uMjEtMy41OC0uNDYtNy4wNC0uNzItMTEuMjJaIi8+PC9nPjwvc3ZnPg==");
    --plus-white: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjk5bW0iIGhlaWdodD0iOC4xMW1tIiB2aWV3Qm94PSIwIDAgNS42NCAyMi45OCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjBweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzEtMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjA2LDUuNzZjLS4wNC0xLjQ0LS4wNi0yLjg4LS4wNi00LjMyQzAsLjk2LjIyLjYuNjYuMzYsMS44Ny0uMzIsNC4wOS0uMDMsNC43NCwxLjI2Yy0uMDIsNC4wNy41OCwxMS43OS43OCwxNS45Ni4wOCwxLjQ4LjEyLDIuOTguMTIsNC41LS41OSwxLjM5LTIuODUsMS41LTQuMDguOTYtLjQ0LS4yNC0uNjYtLjYyLS42Ni0xLjE0LDAtMS41Mi0uMDQtMy4wNC0uMTItNC41Ni0uMjEtMy41OC0uNDYtNy4wNC0uNzItMTEuMjJaIi8+PC9nPjwvc3ZnPg==");
    --plus-before-green: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY0bW0iIGhlaWdodD0iMS4wMm1tIiB2aWV3Qm94PSIwIDAgMjEuNjcgMi45Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzhlYzY0MDtzdHJva2Utd2lkdGg6MHB4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjE0LDIuNGMtMy4yMi0uMy0yLjQ3LTIuMjMsMC0yLjQsNC40OS4wNCwxMi40Mi40NSwxNi43NC41NCwxLjM3LDAsNC4wNC41NiwyLjEsMS45OC0xLjA3LjU5LTMuMTUuMjktNC40NC4zNi0yLjk5LS4wNi0xMS4yMy0uNTEtMTQuNC0uNDhaIi8+PC9nPjwvc3ZnPg==");
    --plus-before-white: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY0bW0iIGhlaWdodD0iMS4wMm1tIiB2aWV3Qm94PSIwIDAgMjEuNjcgMi45Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MHB4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjE0LDIuNGMtMy4yMi0uMy0yLjQ3LTIuMjMsMC0yLjQsNC40OS4wNCwxMi40Mi40NSwxNi43NC41NCwxLjM3LDAsNC4wNC41NiwyLjEsMS45OC0xLjA3LjU5LTMuMTUuMjktNC40NC4zNi0yLjk5LS4wNi0xMS4yMy0uNTEtMTQuNC0uNDhaIi8+PC9nPjwvc3ZnPg==");
}

[class*=color-] {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

/*region COLORS*/
.color-white,
.color-white-hover:hover {
    color: var(--white);
    --current-color: var(--white)!important;
}

.bg-white,
.bg-white-hover:hover {
    background-color: var(--white);
    --current-bg: var(--white)!important;
}

.color-black,
.color-black-hover:hover {
    color: var(--black);
    --current-color: var(--black)!important;
}

.bg-black,
.bg-black-hover:hover {
    background-color: var(--black);
    --current-bg: var(--black)!important;
}

.color-green,
.color-green-hover:hover {
    color: var(--green);
    --current-color: var(--green)!important;
}

.bg-green,
.bg-green-hover:hover {
    background-color: var(--green);
    --current-bg: var(--green)!important;
}

.color-dark-green,
.color-dark-green-hover:hover {
    color: var(--dark-green);
    --current-color: var(--dark-green)!important;
}

.bg-dark-green,
.bg-dark-green-hover:hover {
    background-color: var(--dark-green);
    --current-bg: var(--dark-green)!important;
}

.color-light-green,
.color-light-green-hover:hover {
    color: var(--light-green);
    --current-color: var(--light-green)!important;
}

.bg-light-green,
.bg-light-green-hover:hover {
    background-color: var(--light-green);
    --current-bg: var(--light-green)!important;
}

.color-light-green-2,
.color-light-green-2-hover:hover {
    color: var(--light-green-2);
    --current-color: var(--light-green-2)!important;
}

.bg-light-green-2,
.bg-light-green-2-hover:hover {
    background-color: var(--light-green-2);
    --current-bg: var(--light-green-2)!important;
}

.color-violet,
.color-violet-hover:hover {
    color: var(--violet);
    --current-color: var(--violet)!important;
}

.bg-violet,
.bg-violet-hover:hover {
    background-color: var(--violet);
    --current-bg: var(--violet)!important;
}

.color-orange,
.color-orange-hover:hover {
    color: var(--orange);
    --current-color: var(--orange)!important;
}

.bg-orange,
.bg-orange-hover:hover {
    background-color: var(--orange);
    --current-bg: var(--orange)!important;
}

.color-graphite,
.color-graphite-hover:hover {
    color: var(--graphite);
    --current-color: var(--graphite)!important;
}

.bg-graphite,
.bg-graphite-hover:hover {
    background-color: var(--graphite);
    --current-bg: var(--graphite)!important;
}

.color-red,
.color-red-hover:hover {
    color: var(--red);
    --current-color: var(--red)!important;
}

.bg-red,
.bg-red-hover:hover {
    background-color: var(--red);
    --current-bg: var(--red)!important;
}

.color-yellow,
.color-yellow-hover:hover {
    color: var(--yellow);
    --current-color: var(--yellow)!important;
}

.bg-yellow,
.bg-red-yellow:hover {
    background-color: var(--yellow);
    --current-bg: var(--yellow)!important;
}

/*endregion*/

/* region STATIC */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: var(--font-size);
    scrollbar-gutter: auto;
}

html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden!important;
    line-height: 1.5;
}

body {
    color: var(--white);
    background: var(--graphite);
}


main {
    margin-top: var(--header-height);
}

.container {
    width: 100%;
    max-width: var(--container);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.container.with-padding {
    max-width: calc(var(--container) - 8rem);
}

.container.for-content {
    max-width: 980px;
}

.wow {
    visibility: hidden;
}

ul.clean, ol.clean {
    list-style: none;
    margin: 0;
    padding: 0!important;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

a.tel-link {
    text-decoration: none;
    white-space: nowrap;
}

a.link.default {
    --current-color: var(--text);
    font-weight: inherit;
    font-size: inherit;
    text-shadow: none;
    text-decoration: none;
    position: relative;
}

.anchor {
    scroll-margin-top: 2.5rem;
}

.no-decoration {
    text-decoration: none!important;
    color: inherit;
}

.frame-border {
    max-width: 750px;
    margin: 0 auto;
}

/*.middle {
    display: block;
    text-align: center;
}*/

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row.wrap {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.wrap.center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.row.vertical.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.row.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.row.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.row.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.row.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.row.vertical.align-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}

.row.vertical.align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}

.row > .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.row > .col-50 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.text-center {
    text-align: center!important;
}

.lh-1 {
    line-height: 1;
}

.lh-12 {
    line-height: 1.2;
}

.lh-13 {
    line-height: 1.3;
}

.lh-15 {
    line-height: 1.5;
}

.clean-p > p:first-of-type {
    margin-top:0;
}

.clean-p > p:last-of-type {
    margin-bottom:0;
}

.hover-effect {
    display: table;
    overflow: hidden;
}

.hover-effect img {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.hover-effect:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.btn.inverse {
    --current-color: var(--white);
    background: var(--violet)!important;
}

.btn.inverse:hover {
    --current-color: var(--green);
    --current-bg: var(--current-bg);
}

.btn.inverse-hover:hover {
    --current-color: var(--white)!important;
    --current-bg: var(--green);
    background: var(--current-bg)!important;
}

.btn {
    --current-bg: var(--green);
    --current-color: var(--white);
    display: inline-block;
    padding: 1rem 2rem;
    background: var(--current-bg, inherit);
    color: var(--current-color, inherit);
    text-decoration: none!important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 50rem;
    cursor: pointer;
    -webkit-transition: 0.3s color, 0.3s background, 0.3s border;
    -o-transition: 0.3s color, 0.3s background, 0.3s border;
    transition: 0.3s color, 0.3s background, 0.3s border;
    text-transform: uppercase;
}

.btn:hover {
    --current-bg: var(--violet);
    --current-color: var(--white);
}

.btn.small {
    padding: 0.75rem 1.5rem;
    font-size: var(--size-18);
}

.btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-radius: 50rem;
}

.btn-group > .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.btn.with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn.with-icon > .icon {
    margin-left: 0.5rem;
}

.btn.with-icon:hover > .icon {
    color: inherit;
}

.btn .icon {
    position: relative;
    top: 1px;
    margin-right: 0.4rem;
}

.btn-split {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
}

.btn-split > .btn-item {
    font-size: 1rem;
    padding: 1rem 2rem;
}

.btn-split > .btn-item {
    --current-bg: var(--green);
    --current-color: var(--white);
    display: flex;
    align-items: center;
    background: var(--current-bg, inherit);
    color: var(--current-color, inherit);
    text-decoration: none !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    height: 3rem;
    padding: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s color, 0.3s background, 0.3s border;
}

.btn-split > .btn-item:first-of-type {
    padding-left: 1.25rem;
    border-radius: 50rem 0 0 50rem;
}

.btn-split > .btn-item:last-of-type {
    padding-right: 1.25rem;
    border-radius: 0 50rem 50rem 0;
    border-right: 0;
}

.btn-split > .btn-item:hover {
    --current-bg: var(--violet);
    --current-color: var(--white);
}


.btn-split > .btn-item .icon-wa {
    font-size: 140%;
}

.policy-note {
    font-size: var(--size-16);
    opacity: 0.3;
    margin-bottom: 1rem;
}

/*
.bottom-button {
    margin: 4rem 0;
}
*/


h1 {
    font-family: "Tenor Sans", serif;
    font-weight: 400;
    font-style: normal;
    font-size: var(--size-h1);
    margin: 1.5rem 0;
    line-height: 1;
}

h2 {
    color: inherit;
    font-weight: normal;
    font-size: var(--size-h2);
    margin: 1.5rem 0;
    line-height: 1.2;
}

h3 {
    color: inherit;
    font-weight: normal;
    font-size: var(--size-h3);
    margin: 1.5rem 0;
    line-height: 1;
}

h4 {
    color: inherit;
    font-weight: normal;
    font-size: var(--size-h4);
    margin: 1rem 0;
    line-height: 1;
}

.title {
    font-family: 'Hangyaboly', comic;
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.title-font {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
}

.comic-font {
    font-family: "Hangyaboly", serif;
    font-weight: 400;
    font-style: normal;
}

.invisible {
    display: inline-block;
    font-size: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    color: transparent;
}

.box-shadow {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
}

.text-shadow {
    text-shadow: 0 4px 4px #00000040;
}

.with-margin {
    margin-bottom: 5rem;
}

.with-margin-top {
    margin-top: 5rem;
}

.title-section {
    margin-bottom: 3rem;
    text-align: center;
}

.breadcramps {
    padding: 1rem 0 0;
    margin-bottom: 1rem;
    font-size: var(--size-20);
    color: var(--green);
    font-family: Hangyaboly;
}

.breadcramps ul {
    text-align: center;
    color: var(--current-color);
    padding: 0;
}

.breadcramps li {
    display: inline;
}

.breadcramps li a {
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.breadcramps li a:hover {
    color: var(--white);
}

.breadcramps li:not(:last-of-type):after {
    content: "\e90b";
    font-family: icomoon;
    display: inline-block;
    line-height: 1;
    margin: 0 0.4rem;
    font-size: 14px;
}

main .main-image {
    height: 26rem;
}

main .main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video {
    width: 100%;
}

.video .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

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

.social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none!important;
    font-size: 1rem;
    position: relative;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

/*.social-icon:last-of-type {
    margin-right: 0;
}

.social-icon:hover {
    background: var(--current-bg);
    color: var(--current-color);
}*/

.splide .splide__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    background: var(--current-bg);
}

.splide-slider .splide__track {
    background: var(--current-bg);
}

.splide-slider .splide__arrows .btn {
    display: none;
}

.splide__pagination {
    gap: 0.75rem;
}

.splide__pagination,
.splide__pagination:hover {
    color: transparent!important;
    background: transparent!important;
    padding: 0!important;
}

.splide__pagination > li:not(:last-of-type) {
    margin-right: 1rem;
}

.splide__pagination__page {
    width: var(--size-28);
    height: var(--size-28);
    border: 2px solid var(--current-bg);
    background: var(--current-color);
    border-radius: 50%;
    cursor: pointer;
    padding: 0!important;
    -webkit-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.splide__pagination__page.is-active {
    background: var(--current-bg);
}

.splide__pagination__page:not([disabled]):hover {
    background: var(--current-bg);
}

.splide .splide__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.splide .splide__arrows  > .splide__arrow {
    text-shadow: 0 3px 3px rgba(51, 51, 51, 0.25);
    font-size: var(--size-46);
    background: none;
    border: 0;
    cursor: pointer;
    position: relative;
    pointer-events: auto;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.splide .splide__arrows > .splide__arrow[disabled] {
    filter: grayscale(1);
    pointer-events: none!important;
}

.splide .splide__arrows > .splide__arrow--prev  {
    margin-right: 3rem;
}

.splide .splide__arrows > .splide__arrow--next  {
    margin-left: 3rem;
}

.splide.splide-control-center .splide__arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
}

.splide.splide-control-center .splide__arrows  > .splide__arrow--prev {
    position: absolute;
    top: 50%;
    left: calc(1rem + 10px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: auto;
}

.splide.splide-control-center .splide__arrows  > .splide__arrow--next {
    position: absolute;
    top: 50%;
    right: calc(1rem + 10px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: auto;
}

.splide.splide-control-center .splide__pagination {
    display: none;
}

.splide.splide-control-hidden .splide__arrows,
.splide.splide-control-hidden .splide__pagination {
    display: none;
}

.splide.slider-view-3 .splide__slide {
    overflow: hidden;
}

.splide.slider-view-3 .splide__slide a {
    height: 100%;
    width: 100%;
}

.splide.slider-view-3 .splide__slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thin_slider .splide__track {
    max-width: 700px;
    margin: 0 auto;
}

.thin_slider.splide-control-center .splide__arrows {
    max-width: 700px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.green-box {
    display: inline-block;
    width: 100%;
    padding: 1.5rem;
}

.green-box .title {
    margin-top: 0;
}

.table-wrap  {
    width: 100%;
    overflow-x: auto;
}

table.layout-fixed {
    table-layout: fixed;
    min-width: 460px;
}

table.box-table  {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--size-18);
}

table.box-table ~ .note {
    font-size: var(--size-16);
    margin-top: 1rem;
}

.box-table td {
    padding: 1rem 0.5rem;
    text-align: left;
    width: auto;
}

table.layout-fixed .price {
    width: 30%;
}

.box-table.thin-row td {
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.box-table td.first-col {
    width: 50%;
}

.box-table .line {
    border-bottom: 1px solid var(--green);
    margin: 0 -1.5rem;
}

.box-table .price {
    white-space: nowrap;
    width: 1%;
}

table.layout-fixed .price {
    width: 20%;
}

.deco-circle {
    position: absolute;
    width: 18rem;
    height: 18rem;
    z-index: 10;
}

.deco-circle-mirror {
    position: absolute;
    width: 70%;
    height: 70%;
    left: 15%;
    top: 15%;
    border-radius: 50%;
    border: 1px solid var(--white);
    overflow: hidden;
}

.deco-circle-flat {
    position: absolute;
    width: 70%;
    height: 70%;
    left: 15%;
    top: 15%;
    border-radius: 50%;
    overflow: hidden;
}

.deco-circle-mirror:after {
    content: "";
    position: absolute;
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    left: -2rem;
    top: -2rem;
    /*   background-color: rgba(255, 255, 255, 0.3);*/
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.deco-circle-text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/circle-text.svg) no-repeat;
    background-size: contain;
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear;
}

.deco-circle-img {
    position: absolute;
    width: 60%;
    height: 60%;
    left: 20%;
    top: 20%;
    background: url(images/cat1_s.svg) no-repeat center;
    background-size: contain;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.scrolltext-block {
    --speed: 10s;
    position: relative;
    width: 100%;
}

.scrolltext-block.diagonal {
    height: calc(100vw * 0.0787 + 2rem + var(--size-36));
}

.scrolltext-wrap {
    background: var(--current-bg);
    overflow-x: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    letter-spacing: 0.9pt;
    left: -25px;
    width: calc(100vw + 50px);
}

.scrolltext-text {
    font-size: var(--size-36);
    font-family: "Hangyaboly", sans-serif;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
}

.scrolltext-text span {
    padding-left: 0.5rem;
    display: inline-block;
    -webkit-animation: marquee var(--speed) infinite linear;
    animation: marquee var(--speed) infinite linear;
}

.scrolltext-text::before {
    display: inline-block;
    padding-left: 0.5rem;
    -webkit-animation: marquee var(--speed) infinite linear;
    animation: marquee var(--speed) infinite linear;
}

.scrolltext-text::after {
    display: inline-block;
    padding-left: 0.5rem;
    -webkit-animation: marquee var(--speed) infinite linear;
    animation: marquee var(--speed) infinite linear;
}

.scrolltext-block.diagonal .scrolltext {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.scrolltext-block.diagonal .scrolltext .scrolltext-wrap {
    -webkit-transform: rotate(-4.7deg);
    -ms-transform: rotate(-4.7deg);
    transform: rotate(-4.7deg);
}

.scrolltext-block.diagonal .deco {
    position: absolute;
    width: 16rem;
    left: var(--right);
    bottom: calc(var(--right) * 0.07870 + 2.85rem + 25px);
    -webkit-transform: rotate(-4.6deg) translateX(-100%);
    -ms-transform: rotate(-4.6deg) translateX(-100%);
    transform: rotate(-4.6deg) translateX(-100%);
    z-index: 15;
    --right: calc((100vw - var(--container)) / 2 - 30rem + var(--container));
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.flip-btn {
    position: relative;
    -webkit-transition: .75s ease-in-out;
    -o-transition: .75s ease-in-out;
    transition: .75s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-btn .side {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-btn .front {
    z-index: 2;
}

.flip-btn .front .content {
    -webkit-transform: translatez(30px) scale(0.9);
    -ms-transform: translatez(30px) scale(0.9);
    transform: translatez(30px) scale(0.9);
}

.flip-btn .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 0;
}

.accordions .accordion-item {
    margin-bottom: 4rem;
}

.accordions .accordion-link {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 1rem;
}

.accordions .accordion-link > * {
    font-size: var(--size-46);
    line-height: 1;
    display: inline;
    vertical-align: middle;
    white-space: normal;
}

.accordions .accordion-roll {
    display: none;
}

.accordions .accordion-link .accordion-plus {
    display: inline-block;
    aspect-ratio: 1;
    height: var(--size-28);
    margin-left: 1rem;
    background-image: var(--plus-green);
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}


.accordions .accordion-link .accordion-plus.plus-white {
    background-image: var(--plus-white);
}

.accordions .accordion-link .accordion-plus:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: var(--plus-before-green);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.accordions .accordion-link .accordion-plus.plus-white:before {
    background-image: var(--plus-before-white);
}

.accordions .accordion-open .accordion-link .accordion-plus {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.accordions .accordion-open .accordion-link .accordion-plus:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.with-parallax {
    position: relative;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

.parallax {
    --parallax: 0;
    --parallax-k: 0.3;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

.parallax > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*    height: calc((1 + var(--parallax-k))*103%);*/
/*    aspect-ratio: 2/ 1.1;*/
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    -webkit-transform: translateY(calc(var(--parallax) * var(--parallax-k) * -100%));
    -ms-transform: translateY(calc(var(--parallax) * var(--parallax-k) * -100%));
    transform: translateY(calc(var(--parallax) * var(--parallax-k) * -100%));
}

.parallax.fixed {
    --parallax-k: 0.1;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    z-index: -1;
}

.parallax.fixed > * {
    position: fixed;
    height: var(--scrollHeight, 100vh);
    z-index: -1;
}

.parallax img {
    -o-object-position: bottom;
    object-position: bottom;
}

.post-image {
    max-width: 768px;
    margin: 0 auto;
}

.post-image .hover-effect {
    overflow: hidden;
}

.rules-modal {
    max-width: 800px;
    border-radius: 50rem;
    padding: 1rem 3rem 2rem;
}

.fancybox__container h2.title {
    margin-bottom: 0;
}

/* end region */

/* region HEADER */

header {
    position: fixed;
    width: 100%;
    background: var(--dark-green);
    z-index: 1000;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.headerInitialized header {
    position: fixed;
}

.headerZero header {
    position: absolute!important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.headerHiding header {
    -webkit-transform: translateY(calc(-100% - 1.8rem))!important;
    -ms-transform: translateY(calc(-100% - 1.8rem))!important;
    transform: translateY(calc(-100% - 1.8rem))!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}

.headerHide header {
    -webkit-transform: translateY(calc(-100% - 1.8rem));
    -ms-transform: translateY(calc(-100% - 1.8rem));
    transform: translateY(calc(-100% - 1.8rem));
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.headerShow header {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.headerBoot header {
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}

header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.8em;
    bottom: calc(-1.8em + 2px);
    background: url(images/clip-wave-cut.png) center bottom repeat-x;
    background-size: 1920px 100%;
    z-index: 10;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -o-transition: transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
}

header .header {
    position: relative;
    width: 100%;
    padding: 1.5rem 0;
    z-index: 1001;
}

header .logo {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 16.5rem;
}

header .logo a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

header .logo a > img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

header .logo .logo-zelecot {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: scroll-logo-1 12s infinite;
    animation: scroll-logo-1 12s infinite;
}

header .logo .logo-mumuka {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: scroll-logo-2 12s infinite;
    animation: scroll-logo-2 12s infinite;
}

.mumuka-theme header .logo .logo-zelecot {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: scroll-logo-2 12s infinite;
    animation: scroll-logo-2 12s infinite;
}

.mumuka-theme header .logo .logo-mumuka {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: scroll-logo-1 12s infinite;
    animation: scroll-logo-1 12s infinite;
}

@-webkit-keyframes scroll-logo-1 {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    60% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    70% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    90% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}

@keyframes scroll-logo-1 {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    60% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    70% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    90% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}

@-webkit-keyframes scroll-logo-2 {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    60% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    70% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    90% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@keyframes scroll-logo-2 {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    60% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    70% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    90% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

header .header-panel  {
    gap: 5%;
}

header .header-panel .btn-group {
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50rem 0 0 50rem;
    margin-right: 3.5rem;
}

header .header-panel .btn-group .btn {
    white-space: nowrap;
    line-height: 1.5;
}

header .header-panel .btn-group .btn:hover {
    background: rgb(143 96 237);
}

header .header-panel .btn-social {
    gap: 0.75rem;
}

header nav {
    position: absolute;
    padding: 2rem 7rem 2rem 1.5rem;
    right: calc((100vw - var(--container))/2 + 10px);
    border-radius: 0 0 3rem 3rem;
    background: -o-linear-gradient(59.56deg, rgba(71, 74, 81, 0.2) 24.96%, rgba(149, 193, 31, 0.2) 51.84%), rgba(41, 78, 71, 0.3);
    background: linear-gradient(30.44deg, rgba(71, 74, 81, 0.2) 24.96%, rgba(149, 193, 31, 0.2) 51.84%), rgba(41, 78, 71, 0.3);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    -webkit-box-shadow: 1px 4px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 1px 4px 4px 0 rgba(0,0,0,0.25);
    color: var(--white);
    z-index: 0;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity .3s, -webkit-transform .6s;
    transition: opacity .3s, -webkit-transform .6s;
    -o-transition: opacity .3s, transform .6s;
    transition: opacity .3s, transform .6s;
    transition: opacity .3s, transform .6s, -webkit-transform .6s;
}

.activeMenu header {
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important;
    position: fixed!important;
}

.activeMenu header nav {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.menu > li {
    position: relative;
    padding-left: 1.5rem;
}

.menu > li.basic > a:before {
    content: "•";
    position: absolute;
    left: -1.5rem;
    top: 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.menu > li.basic > a:hover:before {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75);
    color: var(--green);
}

.menu > li.divider {
    margin-top: 1.5rem;
}

.menu > li > a:hover {
    color: var(--green);
}

.menu li a {
    display: inline-block;
    position: relative;
    font-size: var(--size-24);
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.menu li a:hover {
    text-decoration: none;
}

.menu > li > a span {
    display: inline-block;
    position: relative;
}

.menu li.current-menu-item > a,
.menu li.current-category-ancestor > a,
.menu li.current-menu-ancestor > a,
.menu li.current-page-ancestor > a,
.menu li.current-post-parent > a {
    color: var(--green);
    opacity: 1!important;
}

.menu li.current-menu-item:before,
.menu li.current-category-ancestor:before,
.menu li.current-menu-ancestor:before,
.menu li.current-page-ancestor:before {
    color: var(--green);
}

.menu li .sub-menu {
    padding: 0.5rem 0 1.5rem 0;
    margin: 0;
    list-style: none;
}

.menu li .sub-menu > li a {
    font-size: var(--size-20);
    opacity: 0.7;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.menu li .sub-menu > li a:hover {
    opacity: 1;
}

.roll .header {
    position: fixed;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.roll header .menu > li {
    padding: 1.25rem 0;
}

.mobile-menu {
    display: none;
    padding: 0.75rem 0;
}

.toggleMenu {
    padding: 0 !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    position: relative;
}

.toggleMenu:before {

}

.toggleMenu-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    aspect-ratio: 1;
    background: var(--violet);
    border-radius: 0 50rem 50rem 0;
}

#toggleMenu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 0;
    cursor: pointer;
    border: 0;
    z-index: 10;
    border-radius: 50rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#toggleMenu .bars {
    width: 40px;
    height: 23px;
    position: relative;
}

#toggleMenu .bar {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 4px 4px 0 rgba(51,51,51,0.1);
    box-shadow: 0 4px 4px 0 rgba(51,51,51,0.1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#toggleMenu .bar:nth-of-type(2) {
    top: 10px;
}

#toggleMenu .bar:last-of-type {
    top: 20px;
}

#toggleMenu:hover .bar:first-of-type,
#toggleMenu:hover .bar:last-of-type {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    width: 75%;
    left: 25%;
}

#toggleMenu:hover .bar:nth-of-type(2) {
    width: 75%;
}

.activeMenu #toggleMenu .bar:nth-of-type(2) {
    opacity: 0;
}

.activeMenu #toggleMenu .bar:first-of-type {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 35px;
    left: 10px;
    top: -2px;
}

.activeMenu #toggleMenu .bar:last-of-type {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    width: 35px;
    left: 10px;
    top: 21px;
}

/*
.mobile-menu .toggleMenu {
    flex: 1;
}

.mobile-menu .logo-mobile {
    display: block;
    margin-left: auto;
}

.mobile-menu .logo-mobile img {
    width: 100%;
    max-width: 5rem;
}
*/




/* endregion */

/* region FOOTER */

.footer-panel {
    position: fixed;
    width: 100%;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background: rgba(255,255,255,0.3);
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
    z-index: 100;
}

.footer-panel .btn-panel {
    padding: 1rem 0;
}

.footer-panel .open-panel {
    display: none;
    white-space: nowrap;
    padding: 1.5rem 0;
    cursor: pointer;
    text-align: center;
}

.btn-group-panel {
    gap: 1rem;
}

.panelInitialized .footer-panel {
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -o-transition: transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
}

.panelShow .footer-panel {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.panelHide .footer-panel {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

footer {
    padding: 14rem 0 2rem;
    background: url(images/footer-bg.svg) no-repeat center bottom;
    background-size: 100% 100%;
}

footer .footer-content {
    gap: 1rem;
}

footer .social {
    margin-bottom: 1.5rem;
    gap: 2rem;
}

footer .social-icon {
    font-size: 1.5rem;
}

footer .copyright {
    font-size: var(--size-18);
}

.home-page footer {
    background-color: var(--white);
}

.btn-up {
    position: fixed;
    width: 3rem;
    height: 3rem;
    opacity: 1;
    background-color: var(--graphite);
    border-radius: 50%;
    border: 1px solid var(--green);
    color: var(--green);
    right: 2rem;
    bottom: 7rem;
    cursor: pointer;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 100;
}

.btn-up .icon {
    transform: rotate(-90deg);
    position: relative;
    top: -3px;
}

.btn-up_hide {
    display: none;
}

.btn-up_hiding {
    opacity: 0;
}

.btn-up:hover {
    background-color: var(--violet);
}

/* endregion */

main .main-section {
    font-size: var(--size-20);
}

.home-page {
    background: var(--dark-green);
}

.main h2 {
    font-size: var(--size-60);
}

.main .first-block {
    position: relative;
    min-height: 600px;
    height: calc(100vh - var(--header-height));
    overflow: hidden;
}

.main .first-block .waves {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 4.5rem);
    top: 0;
    left: 0;
}

.main .first-block .wave1 {
    background: url(images/main/waves-01-3.svg) bottom center;
    background-size: 100% 100%;
}

.main .first-block .wave2 {
    background: url(images/main/waves-02-3.svg) bottom center;
    background-size: 100% 100%;
}

.main .first-block .wave3 {
    background: url(images/main/waves-03-3.svg) bottom center;
    background-size: 100% 100%;
}

.main .first-block .wave4 {
    background: url(images/main/waves-04_2.svg) bottom center;
    background-size: 100% 100%;
}

.main .first-block .wrap {
    position: absolute;
    width: 100%;
    height: calc(100% - 5rem);
    top: 0;
    left: 0;
    z-index: 10;
}

.main .first-block .wrap .head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 3rem;
    padding: 0 15px;
}

.main .first-block .wrap .slogan {
    font-family: 'Hangyaboly', comic;
    font-size: 4.8rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 7rem;
    text-align: center;
}

.main .first-block .wrap .bottom {
    gap: 5rem;
    width: 100%;
}


.main .first-block .wrap .circle-btn {
    position: relative;
    width: 10rem;
    height: 10rem;
}

.main .first-block .wrap .circle-btn:hover .flip-btn {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.main .first-block .wrap .circle-btn .flip-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main .first-block .wrap .circle-btn .front {
    border: 1px solid var(--white);
    border-radius: 10rem;
    color: var(--white);
    /*    background: linear-gradient(127.89deg, rgba(255, 255, 255, 0.06) 28.44%, rgba(90, 95, 206, 0.3) 106.11%);*/
    /*    backdrop-filter: blur(12.5px);*/
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}

.main .first-block .wrap .circle-btn .front:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(322.11deg, rgba(255, 255, 255, 0.06) 28.44%, rgba(90, 95, 206, 0.3) 106.11%);
    background: linear-gradient(127.89deg, rgba(255, 255, 255, 0.06) 28.44%, rgba(90, 95, 206, 0.3) 106.11%);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border-radius: 10rem;
}

.main .first-block .wrap .circle-btn .front .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.main .first-block .wrap .circle-btn .front .icon {
    font-size: 1.7rem;
    margin-bottom: 1rem;
}

.main .first-block .wrap .circle-btn .front .desc {
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 400;
    font-size: var(--size-20);
}

.main .first-block .wrap .circle-btn .back {
    border-radius: 10rem;
    border: 1px solid var(--white);
    -webkit-box-shadow: 1px 4px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 1px 4px 4px 0 rgba(0,0,0,0.25);
    overflow: hidden;
}

.main .first-block .wrap .circle-btn .back img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main .banner {
    aspect-ratio: 3.55;
    position: relative;
}

.main .banner .bg-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main .banner .bg-banner img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.main .scrolltext1-block .scrolltext-text::before,
.main .scrolltext1-block .scrolltext-text::after {
    content: "• МУзей МУсора • Туалет-Бутик • Экомаркет • РСО • Экопосольство";
}

.main .promo-block {
    padding: 3rem 0;
}

.main .promo-block .deco-circle {
    left: 6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main .promo-block .desc {
    padding-left: 30rem;
    font-size: var(--size-36);
}

.main .what-we-do-block  {
    padding: 3rem 0 6rem;
    color: var(--graphite);
}

.main .what-we-do-block .title-section h2 {
    margin: 0;
}

.main .what-we-do-block .items .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5rem;
}

.main .what-we-do-block .items .title-wrap {
    font-size: var(--size-36);
    font-weight: 700;
    text-transform: uppercase;
}

.main .what-we-do-block .items .desc {
    font-size: var(--size-20);
}

.main .what-we-do-block .items .item-3 .desc {
    max-width: 22rem;
    margin-left: auto;
}

.main-gallery-block .splide {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 15;
}

.main-gallery-block .splide .splide__track {
    background: var(--graphite);
    max-width: 22rem;
    border-radius: 50%;
    margin: auto;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
}

.main-gallery-block .splide .splide__arrows {
    bottom: -4rem;
    top: unset;
    max-width: 22rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-gallery-block .splide .splide__arrows > .splide__arrow--next {
    right: -3.75rem;
}

.main-gallery-block .splide .splide__arrows > .splide__arrow--prev {
    left: -3.75rem;
}

.main .for-who-block  {
    padding: 6rem 0;
    background: url(images/deco-bg-circle.svg) no-repeat top right -25rem, url(images/deco-bg-circle2.svg) no-repeat top left -35rem, var(--violet);
    background-size: auto 116%, auto 135%;
}

.main .for-who-block .title-section {
    max-width: 50%;
    margin-left: auto;
    padding-left: 8rem;
}

.main .for-who-block .items {
    font-size: var(--size-36);
    position: relative;
}

.main .for-who-block .items .row {
    gap: 6rem;
}

.main .for-who-block .items .row:first-of-type {
    margin-bottom: 8rem;
}

.main .for-who-block .items .item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main .for-who-block .items .item .desc {
    padding-left: 2rem;
    line-height: 1.2;
}

.main .for-who-block .items .item .desc:before {
    content: "\e903";
    font-family: icomoon;
    color: var(--green);
    font-size: var(--size-22);
    display: inline-block;
    margin-right: 1rem;
    margin-left: -2rem;
}

.main .for-who-block .items .item .desc span {
    color: var(--green);
}

.main .for-who-block .items .deco:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -10rem;
    width: calc(100% + 7rem);
    aspect-ratio: 1.17;
    background: url(images/main/dino.png) no-repeat;
    background-size: contain;
}


.main .map-block {
    padding: 2rem 0 0;
}

@media (max-width: 599px) {
    .map-block {
        height: 400px;
        overflow: hidden;
    }
    .panzoom {
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .panzoom img {
        height: 100%;
        width: auto;
        display: block;
        transition: transform 0.1s ease-out;
        will-change: transform;
    }
}

@media (min-width: 600px) {
    .map-block {
        height: auto;
    }
    .panzoom {
        overflow: visible;
    }
    .panzoom img {
        width: 100%;
        height: auto;
        transform: none !important;
    }
}

.main .scrolltext2-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--graphite);
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><polygon points="0,0 100,0 0,100 " fill="black"/></svg>') 0/100% 100%;
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><polygon points="0,0 100,0 0,100 " fill="black"/></svg>') 0/100% 100%;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
    -webkit-mask-position: center;
    mask-position: center;
}

.main .scrolltext2-block .scrolltext-text::before,
.main .scrolltext2-block .scrolltext-text::after {
    content: "• Зеленоградск • Калининградская область";
}

.main .target-block {
    padding: 6rem 0 14rem;
    position: relative;
}

.main .target-block .deco-circle {
    right: 6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main .target-block .desc {
    padding-right: 30rem;
    font-size: var(--size-36);
}

.main .partners-block .title-section {
    margin: 0;
}

.main .partners-block h2 {
    margin: 0;
    font-size: var(--size-60);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.main .partners-slider {
    padding-bottom: 6rem;
}

.main .partners-slider img {
    height: 100%;
    width: auto;
    -webkit-filter: grayscale(1) contrast(1.07);
    filter: grayscale(1) contrast(1.07);
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
}

.main .partners-slider img:hover {
    -webkit-filter: grayscale(0) contrast(1.08);
    filter: grayscale(0) contrast(1.08);
}

.mumuka-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mumuka-cards .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    aspect-ratio: 2 / 1;
    background: var(--dark-green);
    padding: 0 0 0 3rem;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.mumuka-cards .card:before {
    content: "";
    background: var(--violet);
    position: absolute;
    height: 100%;
    aspect-ratio: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -o-transition: transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
}

.mumuka-cards .card:hover:before {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
}

.mumuka-cards .card-excursion:before {
    border-radius: 50rem 0 0 0;
    bottom: 0;
    right: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}

.mumuka-cards .card-celebration:before {
    border-radius: 0 50rem 0 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.mumuka-cards .card-masterklass:before {
    border-radius: 0 0 0 50rem;
    top: 0;
    right: 0;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

.mumuka-cards .card-entertainment:before {
    border-radius: 0 0 50rem 0;
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.mumuka-cards .card-celebration,
.mumuka-cards .card-entertainment {
    padding: 0 3rem 0 0;
}

.mumuka-cards .card .title {
    position: relative;
    width: 53%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 1;
    font-size: var(--size-60);
    margin-bottom: 2rem;
    z-index: 5;
}

.mumuka-cards .card .desc {
    position: relative;
    width: 53%;
    z-index: 5;
}

.mumuka-cards .card-excursion .title,
.mumuka-cards .card-masterklass .title,
.mumuka-cards .card-excursion .desc,
.mumuka-cards .card-masterklass .desc {
    margin-right: auto;
}

.mumuka-cards .card-celebration .title,
.mumuka-cards .card-entertainment .title,
.mumuka-cards .card-celebration .desc,
.mumuka-cards .card-entertainment .desc {
    margin-left: auto;
}

.mumuka-cards .card .thumb {
    position: absolute;
    width: 40%;
    aspect-ratio: 1;
    overflow: hidden;
    z-index: 0;
}

.mumuka-cards .card .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mumuka-cards .card-excursion .thumb {
    right: 0;
    bottom: 0;
    border-radius: 50rem 0 0 0;
}

.mumuka-cards .card-celebration .thumb {
    left: 0;
    bottom: 0;
    border-radius: 0 50rem 0 0;
}

.mumuka-cards .card-masterklass .thumb {
    right: 0;
    top: 0;
    border-radius: 0 0 0 50rem;
}

.mumuka-cards .card-entertainment .thumb  {
    left: 0;
    top: 0;
    border-radius: 0 0 50rem 0;
}

.mumuka-cards .scrolltext-block .scrolltext-text:before,
.mumuka-cards .scrolltext-block .scrolltext-text:after {
    content: "• Треш-арт • Экскурсии • Искусство • Экопросвещение • Экологические мастер-классы • Развлечения • Праздники";
}

.mumuka-main .content {
    font-size: var(--size-28);
}

.mumuka-main .content .deco-ico {
    position: relative;
}


.mumuka-main .content .deco-ico:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 10rem;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 0.75s!important;
}

.mumuka-main .content .deco-ico.animated:after {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}


.mumuka-main .content .deco-ico.ico1:after {
    background: url(images/mumuka/ico-1.jpg) no-repeat center;
    background-size: cover;
    width: 3.5rem;
    height: 3.5rem;
    display: block;
    margin: 0.5rem auto 0;
    animation-delay: 0.4s;
}

.mumuka-main .content .deco-ico.ico2:after {
    background: url(images/mumuka/ico-2.jpg) no-repeat center;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
    top: 1.25rem;
    left: 1rem;
    animation-delay: 0.6s;
}

.mumuka-main .content .deco-ico.ico3:after {
    background: url(images/mumuka/ico-3.jpg) no-repeat center;
    background-size: cover;
    top: -1rem;
    left: -0.5rem;
    animation-delay: 0.8s;
}

.mumuka-main .content .deco-ico.ico4:after {
    background: url(images/mumuka/ico-4.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    right: -4rem;
    bottom: -2rem;
    animation-delay: 1s;
}

.mumuka-main .btn-block .row {
    gap: 6rem;
}

.mumuka-main .btn-block .btn {
    padding: 1.5rem 4rem;
    text-align: center;
    min-width: 15rem;
}

.mumuka-main .scrolltext-block {
    --speed: 20s;
}

/*===================================*/
/*=============== MK ================*/
/*===================================*/

.master-class .main-text {
    width: 60%;
}

.master-class .scrolltext-block.diagonal .deco {
    bottom: calc(var(--right) * 0.07870 + 1.8rem + 25px);
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    --right: calc((100vw - var(--container)) / 2 - 26rem + var(--container));
}

/*.master-class .scrolltext-block.diagonal .deco img {
    width: 16.5rem;
}*/

.master-class .content-section .deco-image img {
    width: 16.5rem;
    margin: auto;
}

.mk-block > .row {
    gap: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mk-block .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
    max-width: 16.5rem;
}

.mk-block .item h4.title {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mk-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5rem 0;
}

.ico-bg {
    display: block;
    width: 1.75rem;
    aspect-ratio: 1;
    margin-right: 0.75rem;
    font-size: var(--size-22);
    padding: 4px;
    position: relative;
}

.ico-bg .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.ico-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: var(--green);
    border-radius: 10rem;
    aspect-ratio: 1;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    z-index: 0;
}

.ico-bg .icon-cost {
    font-size: var(--size-18);
}
.master-class .scrolltext-text::before,
.master-class .scrolltext-text::after {
    content: "• Переработка • Вдохновение • Творчество ";

}

/*===================================*/
/*=========== CELEBRATIONS ==========*/
/*===================================*/

.celebrations .content-section .col-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
}

.celebrations .content-section .col-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
}

.celebrations .content-section .deco-image img {
    width: 16.5rem;
    margin: auto;
}

.celebrations .content-section .inner-wrap h3 {
    margin-bottom: 0.5rem;
}

.celebrations .scrolltext-text::before,
.celebrations .scrolltext-text::after {
    content: "• Конференции • Мастер-классы • Семинары • Лекции • Детективные игры • Викторины ";
}


/*===================================*/
/*========== ENTERTAINMENT ==========*/
/*===================================*/

.entertainment .slider-block {
    margin: 2rem auto;
}

.entertainment .splide__slide img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.entertainment .rules {
    font-family: 'Hangyaboly', comic;
    border-bottom: 1px dashed;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 2rem auto;
}

.entertainment .scrolltext-text::before,
.entertainment .scrolltext-text::after {
    content: "• Отдых • Позитив • Веселье • Разнообразие ";
}


/*===================================*/
/*=========== EXCURSIONS ============*/
/*===================================*/

.excursions .content-section .deco-image img {
    width: 16.5rem;
    margin: auto;
}

.excursions .excursion-time {
    margin: 1.5rem 0 0;
    font-size: var(--size-22);
}

.excursions .excursion-time > .icon {
    margin-right: 0.75rem;
}

.excursions .scrolltext-text::before,
.excursions .scrolltext-text::after {
    content: "• Узнать! • Удивиться! • Улыбнуться! ";
}


/*===================================*/
/*=========== TOILET ============*/
/*===================================*/

.toilet .scrolltext-block .scrolltext-text::before,
.toilet .scrolltext-block .scrolltext-text::after {
    content: "• С заботой о Человеке • С заботой о Природе ";
}


.toilet .scrolltext-block2 .scrolltext-text::before,
.toilet .scrolltext-block2 .scrolltext-text::after {
    content: "• Доступность • Стиль • Осознанность ";
}

.toilet .fakt-section .inner-content {
    margin-right: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
}

.toilet .fakt-section .inner-content .comic-font {
    font-size: var(--size-28);
}

.toilet .fakt-section .deco-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
}

.toilet .fakt-section .deco-image .deco-circle {
    position: relative;
    margin: 0 auto;
}


/*===================================*/
/*=========== ECOMARKET ============*/
/*===================================*/

.ecomarket .scrolltext-block .scrolltext-text::before,
.ecomarket .scrolltext-block .scrolltext-text::after {
    content: "• Оригинально • Экологично • Натурально ";
}

.ecomarket .scrolltext-block2 .scrolltext-text::before,
.ecomarket .scrolltext-block2 .scrolltext-text::after {
    content: "• Всегда готовы порадовать Вас интересным ассортиментом! • Приходите за практичными и экологичными покупками! ";
}

.ecomarket .scrolltext-block2 {
    --speed: 30s;
}

.ecomarket .content-section > .container:before {
    content: "";
    display: block;
    position: absolute;
    width: 33rem;
    height: 33rem;
    left: 0;
    top: 50%;
    -webkit-transform: translate(calc(-50% + 6rem), -50%);
    -ms-transform: translate(calc(-50% + 6rem), -50%);
    transform: translate(calc(-50% + 6rem), -50%);
    background: url(images/spotlight.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
}

.ecomarket .content-section .accordions {
    padding-left: 17rem;
}

.ecomarket .content-section > .container:after {
    content: "";
    display: block;
    position: absolute;
    width: 7rem;
    height: 6rem;
    left: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(images/leaf.svg) no-repeat center;
    background-size: contain;
}

/*===================================*/
/*=========== ABOUT ============*/
/*===================================*/

.about .main-text {
    width: 50%;
}

.about .scrolltext-block.diagonal .deco {
    bottom: calc(var(--right) * 0.07870 + 1.8rem + 25px);
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

/*.about .scrolltext-block.diagonal .deco img {
    width: 16.5rem;
}*/

.about .scrolltext1-block {
    --speed: 20s;
}

.about .scrolltext1-block .scrolltext-text::before,
.about .scrolltext1-block .scrolltext-text::after {
    content: "• Современное искусство • Экопросвещение • Разумное потребление • Забота о Планете • Семейный досуг • Весёлое времяпрепровождение ";
}

.about .first-section {
    margin-bottom: 7rem;
}

.about .first-section .title {
    font-size: var(--size-36);
}

.about .item-blocks {
    gap: 2rem;
}

.about .item-blocks .item {
    aspect-ratio: 1;
    padding: 0.75rem;
    font-size: var(--size-18);
}

.about .item-blocks .item:nth-of-type(1) {
    background: url(images/about/block1.png) no-repeat center bottom -1rem, var(--dark-green);
    background-size: 90% auto;
}

.about .item-blocks .item:nth-of-type(2) {
    background: url(images/about/block2.png) no-repeat center bottom -1rem, var(--dark-green);
    background-size: 90% auto;
}

.about .item-blocks .item:nth-of-type(3) {
    background: url(images/about/block3.png) no-repeat center bottom -1rem, var(--dark-green);
    background-size: 90% auto;
}

.about .item-blocks .item:nth-of-type(4) {
    background: url(images/about/block4.png) no-repeat center bottom -1rem, var(--dark-green);
    background-size: 85% auto;
}

.about .item-blocks .item:nth-of-type(5) {
    background: url(images/deco-gray-cat.png) no-repeat center, transparent;
    background-size: 80% auto;
}

.about .item-blocks .item.transparent {
    display: none;
}

.about .second-section {
    margin: 6rem 0 10rem;
}

.about .second-section .columns {
    gap: 2rem;
}

.about .second-section .columns .item {
    position: relative;
    padding-left: 3rem;
}

.about .second-section .columns .item .comic-font {
    display: block;
    font-size: var(--size-36);
    margin-bottom: 1rem;
}

.about .second-section .columns .item:before {
    content: "\e903";
    font-family: 'icomoon';
    position: absolute;
    color: var(--violet);
    left: 0;
    top: 0.35rem;
    font-size: var(--size-22);
}

.about .line-block {
    font-size: var(--size-36);
    padding: 3rem 0;
    margin: 8rem 0;
}

.about .line-block .desc {
    width: calc(100% - 18rem);
    text-align: center;
}

.about .line-block .deco-circle {
    right: 6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about .line-block .deco-circle-img {
    background: url(images/deco-appolon.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height: calc(100% + 5rem);
    top: -2.5rem;
    left: 4%;
}

.about .content-section > .container:before {
    content: "";
    display: block;
    position: absolute;
    width: 33rem;
    height: 33rem;
    left: 0;
    top: 50%;
    -webkit-transform: translate(calc(-50% + 6rem), -50%);
    -ms-transform: translate(calc(-50% + 6rem), -50%);
    transform: translate(calc(-50% + 6rem), -50%);
    background: url(images/spotlight.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
}

.about .content-section > .container:after {
    content: "";
    display: block;
    position: absolute;
    width: 6rem;
    height: 8rem;
    left: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(images/lamp.svg) no-repeat center;
    background-size: contain;
}

.about .content-section .accordions {
    padding-left: 17rem;
}

.about .content-section .accordions .accordion-item {
    margin-bottom: 2.5rem;
}

.about .content-section .accordions .accordion-link > * {
    font-size: var(--size-28);
}

.about .content-section  .accordions .accordion-link .accordion-plus {
    height: var(--size-22);
}

.about .line-block2 {
    margin-bottom: 2rem;
}

.about .line-block2 .desc {
    font-size: var(--size-36);
    padding: 0.5rem 0;
}

.about .line-block3 {
    padding: 2rem 0;
}

.about .line-block3 .deco-circle {
    right: 6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about .objects-slider .splide__track {
    padding-bottom: 4px;
}

.about .objects-slider .item > .row {
    height: 100%;
}

.about .objects-slider .item .thumb {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.about .objects-slider .item .thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about .objects-slider .item .desc {
    padding: 1.5rem;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    height: 100%;
}

.about .objects-slider .item .text {
    font-size: var(--size-18);
}

.about .objects-slider .item .btn {
    margin-top: 1rem;
}

.about .objects-slider .splide__arrows {
    height: auto;
    aspect-ratio: 3 / 2;
    padding-top: 0;

}

.about .content-section,
.about .about-objects,
.about .third-section {
    margin-bottom: 6rem;
}

.about .third-section .desc {
    width: calc(100% - 28rem);
    font-size: var(--size-28);
}


.about .line-block3 .desc {
    width: calc(100% - 28rem);
    font-size: var(--size-28);
}

.about .final-block {
    margin-top: 8rem;
}

.about .final-block .title {
    font-size: var(--size-28);
    margin-bottom: 2rem;
}

.about .milestones {
    position: relative;
    gap: 2rem;
}

.about .milestones:before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 21rem;
    background: var(--violet);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.about .milestones .milestone {
    height: 21rem;
    position: relative;
}

.about .milestones .date-circle {
    position: absolute;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 9rem;
    height: 9rem;
    background-color: #514377;
    border-radius: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

.about .milestones .date-circle:before {
    content: "";
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: url(images/date-circle.svg) no-repeat center center / 100% 100%;
    z-index: 20;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about .milestones .item .milestone:after {
    content: "";
    display: block;
    width: 2px;
    left: calc(50% - 1px);
    position: absolute;
    bottom: 0;
    background: var(--violet);
    z-index: 1;
}

.about .milestones .item:nth-of-type(1) .date-circle {
    top: 45%;
}

.about .milestones .item:nth-of-type(1) .milestone:after {
    height: 55%;
}

.about .milestones .item:nth-of-type(2) .date-circle {
    top: 30%;
}

.about .milestones .item:nth-of-type(2) .milestone:after {
    height: 70%;
}

.about .milestones .item:nth-of-type(3) .date-circle {
    top: 15%;
}

.about .milestones .item:nth-of-type(3) .milestone:after {
    height: 85%;
}

.about .milestones .item:nth-of-type(4) .date-circle {
    top: 0;
}

.about .milestones .item:nth-of-type(4) .milestone:after {
    height: 100%;
}

.about .milestones .desc {
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--size-18);
    max-width: 15rem;
}


/*===================================*/
/*============== GROUP ==============*/
/*===================================*/
.group .scrolltext-block {
    --speed: 20s;
}

.group .scrolltext-block .scrolltext-text::before,
.group .scrolltext-block .scrolltext-text::after {
    content: "• Групповые экскурсии • Мастер-классы • Программа для групп • Комплексные билеты ";
}

.group .content-section .offer-block {
    gap: 2rem;
}

/*===================================*/
/*============== RSO ==============*/
/*===================================*/

.rso .title-section .title {
    font-size: var(--size-36);
}

.rso .scrolltext1-block .scrolltext-text::before,
.rso .scrolltext1-block .scrolltext-text::after {
    content: "• Меньше мусора! • Больше смысла! ";
}

.rso .scrolltext2-block .scrolltext-text::before,
.rso .scrolltext2-block .scrolltext-text::after {
    content: "• Как сортировать? • За сортировку! • Сортируй правильно! ";
}

.rso .scrolltext2-block {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.rso .type-rso {
    gap: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rso .type-rso .item {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.rso .type-rso {
    gap: 1rem;
}

.rso .type-rso .title {
    font-size: var(--size-28);
}

.rso .type-rso .note {
    font-size: var(--size-18);
}

.rso .type-rso .thumb {
    margin-top: 1rem;
}

.rso .type-rso .thumb img {
    height: 5rem;
}

.rso .text-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
}

.rso .text-block .txt1 {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    font-size: var(--size-28);
}

.rso .text-block .txt2 {
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    font-size: var(--size-28);
}

.rso .text-block .img1 {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
}

.rso .text-block .img2 {
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
}

.rso .text-block .img1 img,
.rso .text-block .img2 img {
    width: 100%;
    max-width: 17rem;
    margin: 1rem auto 0;
}

.rso .second-section .note {
    gap: 0.75rem;
    max-width: 50%;
}

.rso .second-section .note img {
    width: 2.75rem;
}

/*===================================*/
/*============= CONTACTS ============*/
/*===================================*/


.contacts .text:not(:last-of-type) {
    margin-bottom: 2rem;
}

.contacts .text span {
    display: block;
}

.contacts .text h3 {
    margin: 0;
    line-height: normal;
    color: var(--green);
    font-size: var(--size-20);
}

.contacts .map-section {
    margin-bottom: 3rem;
}

.contacts .map-section .col {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.contacts .map-section .col.box-contacts {
    padding: 4rem 0 4rem 4rem;
}

.contacts .map-section .col .thumb {
    margin-bottom: 2rem;
}

.contacts .map-section .col .thumb img {
    max-width: 15rem;
}

.contacts .map-section .col span {
    margin-top: 0.5rem;
}

.contacts .map-section .text h3 {
    margin-bottom: 0.25rem;
    font-size: var(--size-28);
}

.contacts .text.row {
    gap: 1rem;
}

/*===================================*/
/*======== AUTHORS CATEGORY =========*/
/*===================================*/

.category.authors .list-item {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: 1fr;
}

.category.authors .item {
    margin-bottom: 2rem;
}

.category.authors .item .panel {
    height: 100%;
}

.category.authors .image-panel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.category.authors .image-panel a {
    display: block;
    height: 100%;
}

.category.authors .image-panel img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 3/2;
}

.category.authors .content-panel {
    padding: 1rem 2rem;
}

.category.authors .author-title {
    font-size: var(--size-32);
    margin-bottom: 1rem;
}

.category.authors .author-title a {
    text-decoration: none;
}

.category.authors .wrap-desc {
    font-size: var(--size-18);
}

/*===================================*/
/*========== AUTHORS PAGE ===========*/
/*===================================*/

.authors-post .authors-post-image {
    max-width: 768px;
    margin: 0 auto 0 0;
}

.authors-post .title-section {
    text-align: left;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.authors-post .comic-font {
    font-size: var(--size-32);
    margin: 1.5rem 0 3rem;
}

.authors-post .content {
    margin-bottom: 6rem;
}

.authors-post .about-authors,
.authors-post .authors-work {
    font-weight: 600;
}

/*===================================*/
/*====== EXPOSITIONS CATEGORY =======*/
/*===================================*/

.category.expo .item {
    max-width: calc(50% - 1rem);
}

.category.expo .item:nth-of-type(2n) {
    margin-top: 6rem;
    margin-left: 2rem;
}

.category.expo .item .title {
    font-size: var(--size-28);
    padding-top: 2rem;
}

.category.expo .item .title a {
    text-decoration: none;
}

.category.expo .item .text {
    font-size: var(--size-18);
    padding: 2rem 0;
}

/*===================================*/
/*======== EXPOSITIONS PAGE =========*/
/*===================================*/

.expositions-post .expositions-post-image {
    max-width: 768px;
    margin: 0 auto 0 0;
}

.expositions-post .title-section {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.expositions-post .title-wrap h1 {
    font-size: var(--size-32);
    margin: 1.5rem 0 3rem;
}

.expositions-post .about-expositions {
    font-weight: bold;
}

.expositions-post .about-expositions .field {
    margin: 1em 0;
}

/*===================================*/
/*============= CATEGORY ============*/
/*===================================*/

.category .list-item.news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 -4% -2%;
}


.category .list-item.news > .item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(94% / 3);
    flex: 0 1 calc(94% / 3);
    margin: 0 0 4% 2%;
    background: var(--dark-green);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
}

.category .list-item.news > .item .thumb {
    display: block;
    position: relative;
}

.category .list-item.news > .item .thumb img {
    aspect-ratio: 3/2;
}

.category .list-item.news > .item .date {
    position: absolute;
    left: 1.5rem;
    bottom: 0;
    color: var(--white);
    font-weight: normal;
    line-height: 1;
    padding: 0.25rem 0.75rem;
    display: inline-block;
    background: var(--red);
}

.category .list-item.news > .item .content {
    position: relative;
    padding: 1rem 1.5rem 1.5rem;
    height: 100%;
}

.category .list-item.news > .item .title-item {
    display: block;
    width: 100%;
    word-break: break-word;
    font-size: var(--size-28);
    line-height: 1.1;
    text-decoration: none!important;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
}

.category .list-item.news > .item .excerpt {
    display: block;
    width: 100%;
    line-height: 1.2;
    padding: 1.5rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*===================================*/
/*============== SINGLE =============*/
/*===================================*/

.gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 20rem 10rem 20rem;
    gap: 2em 2em;
    grid-template-areas:
        "one two three"
        "four two six"
        "four five six";
    margin-bottom: 2em;
}

.gallery-grid .one { grid-area: one; }
.gallery-grid .two { grid-area: two; }
.gallery-grid .three { grid-area: three; }
.gallery-grid .four { grid-area: four; }
.gallery-grid .five { grid-area: five; }
.gallery-grid .six { grid-area: six; }

.gallery-grid > div > .row {
    text-decoration: none!important;
    width: 100%;
    height: 100%;
}

.gallery-grid > div .thumb {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.gallery-grid > div .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*===================================*/
/*============== SINGLE =============*/
/*===================================*/


.single section.content a:not(.btn) {
    text-decoration: underline;
}

.single section.content a:not(.btn):hover,
.single section.head-content a:not(.btn):hover {
    text-decoration: none;
    color: var(--green);
}

section.content p {
    margin: 1rem 0;
}

section.content ul {
    list-style: none;
    padding-left: 1rem;
    margin-top: -0.5rem;
}

section.content ul li {
    position: relative;
    margin: 0.25rem 0 0.25rem 0.5rem;
}

section.content ul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--white);
    position: absolute;
    left: -1rem;
    top: 12px;
}

section.content .inner-info {
    margin-top: 6rem;
    font-size: 1.55rem;
    font-weight: bold;
    color: var(--green);
}

section.content .post-image {
    display: block;
    margin: 3rem 0;
}

section.content .post-image img {
    max-width: 768px;
/*    margin-left: auto;
    margin-right: auto;*/
}

section.content .post-image .caption {
    display: block;
    max-width: 40rem;
    margin-top: 0.5rem;
    font-style: italic;
/*    margin-left: auto;
    margin-right: auto;*/
    text-align: center;
}


.wpap-loadmore-wrapper {
    margin: 3rem 0 3rem!important;
    text-align: center;
}

.wpap-loadmore-wrapper .wpap-loadmore-button {
    position: relative;
    display: inline-block;
    white-space: nowrap!important;
    width: auto!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    padding: 1rem 2rem!important;
    background: var(--green)!important;
    color: var(--white);
    text-decoration: none !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 50rem!important;
    cursor: pointer;
    -webkit-transition: 0.3s color, 0.3s background, 0.3s border;
    -o-transition: 0.3s color, 0.3s background, 0.3s border;
    transition: 0.3s color, 0.3s background, 0.3s border;
    text-transform: uppercase;
}

/*
.wpap-loadmore-button.wp-ajax-loading > span {
    position: relative;
}
*/

.wpap-loadmore-button.wp-ajax-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid white;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: clippath 2s infinite linear;
    animation: clippath 2s infinite linear;
    border-radius: 50rem !important;
    z-index: 10;
}

@-webkit-keyframes clippath {
    0%,
    100% {
        -webkit-clip-path: inset(0 0 99% 0);
        clip-path: inset(0 0 99% 0);
    }

    25% {
        -webkit-clip-path: inset(0 99% 0 0);
        clip-path: inset(0 99% 0 0);
    }
    50% {
        -webkit-clip-path: inset(99% 0 0 0);
        clip-path: inset(99% 0 0 0);
    }
    75% {
        -webkit-clip-path: inset(0 0 0 99%);
        clip-path: inset(0 0 0 99%);
    }
}

@keyframes clippath {
    0%,
    100% {
        -webkit-clip-path: inset(0 0 99% 0);
        clip-path: inset(0 0 99% 0);
    }

    25% {
        -webkit-clip-path: inset(0 99% 0 0);
        clip-path: inset(0 99% 0 0);
    }
    50% {
        -webkit-clip-path: inset(99% 0 0 0);
        clip-path: inset(99% 0 0 0);
    }
    75% {
        -webkit-clip-path: inset(0 0 0 99%);
        clip-path: inset(0 0 0 99%);
    }
}

/*
.wpap-loadmore-button.wp-ajax-loading:before {
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    color: transparent;
    background-image: url(images/load.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70%;
}*/

nav.navigation.pagination {
    text-align: center;
    margin: 1rem 0 0;
}

h2.screen-reader-text {
    display: none;
}

.page-numbers:not(.dots) {
    color: var(--green);
    font-family: "Hangyaboly", sans-serif;
    font-weight: 400;
    font-size: var(--size-18);
    margin: 5px;
    display: inline-block;
    text-align: center;
    line-height: 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    background: var(--dark-green);
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    border: 1px solid var(--light-green);
    border-radius: 50%;
    text-decoration: none;
}

.page-numbers:not(.dots,.current):hover {
    background: var(--light-green);
    color: #fff;
    text-decoration: none
}

.page-numbers.current {
    background: var(--light-green);
    color: #fff;
    border: 1px solid var(--light-green);
}

.page-numbers.dots {
    color: var(--light-green);
    font-size: 14px;
    padding: 5px;
}


/*===================================*/
/*============ ERROR 404 ============*/
/*===================================*/

.error-404 h2 {
    font-size: var(--size-32);
}

/**** HEIGHT ***/
@media all and (max-height: 720px) {
    :root {
        --size-80: 3.5rem;
    }

    html {
        font-size: 18px;
    }
}

/**** WIDTH ***/

@media (max-width: 1600px) {
    footer {
        padding: 14rem 0 2rem;
        background: url(images/footer-bg.svg) no-repeat center bottom;
        background-size: 1920px 100%;
    }

    .btn-up {
        bottom: 9rem;
    }
}

@media (max-width: 1430px) {
    :root {
        --container: 1280px;
    }

    html {
        font-size: 18px;
    }

    h2 {
        font-size: var(--size-40);
    }

    .main h2 {
        font-size: var(--size-46);
    }

    .main .first-block .wrap .slogan {
        font-size: 4rem;
    }

    .main .what-we-do-block .items .item-2 .desc {
        max-width: 22rem;
    }

    .mumuka-cards .card {
        padding: 0 0 0 2rem;
    }

    .mumuka-cards .card-celebration,
    .mumuka-cards .card-entertainment {
        padding: 0 2rem 0 0;
    }

    /*    .mumuka-cards .card-celebration .title,
        .mumuka-cards .card-entertainment .title,
        .mumuka-cards .card-celebration .desc,
        .mumuka-cards .card-entertainment .desc {
            padding-left: 50%;
            text-align: left;
        }

        .mumuka-cards .card-excursion .title,
        .mumuka-cards .card-masterklass .title,
        .mumuka-cards .card-excursion .desc,
        .mumuka-cards .card-masterklass .desc {
            padding-right: 50%;
            text-align: left;
        }*/

    .mumuka-cards .card .title {
        font-size: var(--size-46);
    }

    .gallery-grid {
        grid-template-rows: 18rem 8rem 18rem;
    }
}


@media (max-width: 1280px) {
    :root {
        --container: 100vw;
    }

    h1 {
        font-size: var(--size-46);
    }

    .deco-circle {
        width: 16rem;
        height: 16rem;
    }

    .scrolltext-block.diagonal .deco {
        width: 14rem;
        --right: calc((100vw - 20rem))!important;
    }

    .accordions .accordion-link > * {
        font-size: var(--size-46);
    }

    .accordions .accordion-link .accordion-plus {
        height: var(--size-32);
    }

    .accordions .accordion-item {
        margin-bottom: 3rem;
    }

    header .header-panel {
        gap: 3%;
    }

    .main .first-block .wrap .slogan {
        padding-top: 6rem;
    }

    .main .first-block .wrap .bottom {
        gap: 2rem;
    }

    .main .first-block .wrap .circle-btn {
        width: 9rem;
        height: 9rem;
    }

    .main .promo-block .desc {
        padding-left: 26rem;
    }

    .main .target-block .desc {
        padding-right: 26rem;
    }

    .about .main-text {
        width: 60%;
    }

    .about .third-section {
        margin-bottom: 8rem;
    }

    .about .third-section .desc {
        width: 100%;
        max-width: 40rem;
        margin: 0 auto;
    }

}

@media (max-width: 1200px) {
    :root {
        --container: 100vw;
    }

    html {
        font-size: 17px;
    }

/*    .breadcramps {
        margin-bottom: 4rem;
    }*/

    header .header-panel {
        gap: 2.5%;
    }

    header .logo {
        width: 14rem;
    }

    footer .logo img {
        max-width: 15rem;
    }

    .gallery-grid {
        grid-template-rows: 16rem 6rem 16rem;
        gap: 1em 1em;
        margin-bottom: 1em;
    }

    .main-gallery-block .splide .splide__track {
        max-width: 20rem;
    }

}

@media (max-width: 1080px) {

    .container.with-padding {
        max-width: 100%;
    }

    .deco-circle {
        width: 14rem;
        height: 14rem;
    }

    header .header {
        padding: 1.25rem 0;
    }

    header .logo {
        width: 13rem;
    }

    footer .logo img {
        max-width: 11rem;
    }

    .mumuka-cards .card {
        aspect-ratio: 2 / 1.1;
    }

    .mumuka-cards .card .thumb {
        width: 35%;
    }

    .mumuka-cards .card .title,
    .mumuka-cards .card .desc {
        width: 55%;
    }

    .mumuka-cards .card .title {
        text-align: left;
    }

    .about .line-block .deco-circle {
        right: 0;
    }

    .about .line-block .desc {
        width: calc(100% - 14rem);
    }
}

@media (max-width: 1024px) {
    header .header-panel {
        gap: 2%;
    }

    header .logo {
        width: 12rem;
    }

    header .header-panel .btn-group .btn {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    #toggleMenu .bars {
        width: 34px;
    }

    .activeMenu #toggleMenu .bar:first-of-type,
    .activeMenu #toggleMenu .bar:last-of-type {
        left: 7px;
    }
}

@media (min-width: 981px) {
    .hidden-on-desktop {
        display: none!important;
    }


    .category .list-item.news > .item:first-child,
    .category .list-item.news > .item:nth-child(7n + 1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .category .list-item.news > .item:first-child .thumb,
    .category .list-item.news > .item:nth-child(7n + 1) .thumb {
        height: 100%;
        width: 100%;
        -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
        box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    }

    .category .list-item.news > .item:first-child .content,
    .category .list-item.news > .item:nth-child(7n + 1) .content {
        padding-top: 0;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        height: auto;
    }

    .category .list-item.news > .item:first-child .content .excerpt,
    .category .list-item.news > .item:nth-child(7n + 1) .content .excerpt {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }

    .category .list-item.news > .item:first-child .title-item,
    .category .list-item.news > .item:nth-child(7n + 1) .title-item {
        color: var(--green);
    }


}

/*@media (max-width: 980px) and (orientation: landscape) {
    header nav {
        height: calc(100vh - 4rem);
    }

    header nav .menu {
        overflow-y: auto;
        height: 100%;
    }
}*/

@media (max-width: 980px) {
    :root {
        --size-80: 2.25rem;
        --size-48: 2rem;
        --size-h1: var(--size-40);
        --size-h2: var(--size-32);
        --size-h3: var(--size-24);
    }

    html {
        /*        font-size: 18px;*/
        scrollbar-gutter: stable;
    }

    .hidden-on-mobile {
        display: none;
    }

    .btn-up {
        width: 3rem;
        height: 3rem;
        bottom: 8rem;
        right: 1rem;
        font-size: 1.5rem;
    }

    .title-section {
        margin-bottom: 3rem;
    }

    .breadcramps {
        margin-bottom: 3rem;
    }

    .content ul,
    .content ol {
        padding-left: 1.25rem;
    }

    .scrolltext-text {
        font-size: var(--size-24);
    }

    .scrolltext-block.diagonal {
        height: calc(100vw * 0.0787 + 2rem + var(--size-24));
    }

    .scrolltext-block.diagonal .deco {;
        bottom: calc(var(--right) * 0.07870 + 3rem + 10px);
    }

    .splide .splide__arrows > .splide__arrow {
        font-size: var(--size-36);
    }

    .splide.splide-control-center .splide__arrows  > .splide__arrow--prev {
        left: calc(1rem + 5px);
    }

    .splide.splide-control-center .splide__arrows  > .splide__arrow--next {
        right: calc(1rem + 5px);
    }

/*    .parallax > * {
        height: calc((1 + var(--parallax-k)) * 109%);
        aspect-ratio: unset;
    }*/

    .accordions .accordion-link > * {
        font-size: var(--size-28);
    }

    .accordions .accordion-link .accordion-plus {
        height: var(--size-22);
        margin-left: 0.5rem;
    }

    .accordions .accordion-item {
        margin-bottom: 2rem;
    }

    main .main-image {
        height: 20rem;
    }

    /*
    .with-margin {
        margin-bottom: 4rem;
    }
    */

    html.activeMenu {
        overflow: hidden;
    }

    .mobile-menu {
        display: block;
    }

    header .header {
        padding: 0.75rem 0 0.2rem;
    }

    header .header-panel .btn-group,
    header .header-panel .toggleMenu-wrap{
        background: transparent;
    }

    header .header-panel .btn-group {
        margin-right: 2.75rem;
    }

    header .header-panel .btn-group > a,
    header .header-panel .btn-social {
        display: none;
    }

    header .header-panel .btn-group .btn {
        height: 2.75rem;
        margin-right: 0;
        margin-left: auto;
    }

    header nav {
        padding: 2rem 1rem 2rem 1.5rem;
        right: 15px;
        left: 15px;
    }

    #toggleMenu .bars {
        width: 30px;
        height: 21px;
    }

    #toggleMenu .bar {
        height: 3px;
    }

    #toggleMenu .bar:nth-of-type(2) {
        top: 9px;
    }

    #toggleMenu .bar:last-of-type {
        top: 18px;
    }

    .activeMenu #toggleMenu .bar:first-of-type,
    .activeMenu #toggleMenu .bar:last-of-type {
        width: 34px;
    }

    .activeMenu #toggleMenu .bar:first-of-type,
    .activeMenu #toggleMenu .bar:last-of-type {
        left: 4px;
    }

    .activeMenu header .nav {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }

    .menu > li {
        padding-left: 1rem;
    }
    /*
        header .menu {
            display: block;
            width: 100%;
            padding: 1rem 15px 0!important;
        }*/

    /*    header .menu > li  {
            margin-bottom: 1rem;
            padding: 0;
        }*/

    header .menu > li a {
        display: block;
        /*        font-size: 1rem;*/
    }

    .menu li .sub-menu > li a {
        font-size: var(--size-22);
    }

    html:not(.activeMenu) #toggleMenu:hover .bar {
        width: 100%!important;
        left: 0!important;
    }

    .menu li .sub-menu {
        padding: 0.25rem 0 1rem 0;
    }

    .menu > li.divider {
        margin-top: 1rem;
    }

    .rules-modal {
        border-radius: 3rem;
        padding: 1rem;
    }

    .rules-modal ul {
        padding-left: 1rem;
    }

    footer {
        padding: 6rem 0 1rem;
        background: url(images/footer-bg-mobile.svg) no-repeat center top;
        background-size: 980px 100%;
    }

    footer .footer-content {
        align-items: flex-start!important;
        gap: 1.5rem;
        margin-bottom: 1rem;
    }

    footer .logo img {
        max-width: 15rem;
    }

    footer .social {
        margin-bottom: 0.5rem;
    }

    footer .social-icon {
        font-size: 1.25rem;
    }

    footer .copyright {
        text-align: left;
    }

    footer .contacts {
        text-align: center!important;
    }

    .panelShow .footer-panel  {
        -webkit-transform: translateY(calc(100% - 4.5rem));
        -ms-transform: translateY(calc(100% - 4.5rem));
        transform: translateY(calc(100% - 4.5rem));
        box-shadow: 0 -3px 3px 0 #33333330;
    }

    .footer-panel .open-panel {
        display: block;
        position: relative;
        padding-right: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .footer-panel .open-panel .icon {
        font-size: 0.6rem;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }

    .footer-panel .btn-panel,
    .footer-panel .btn-group-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
    }

    .footer-panel {
/*        background: var(--violet);*/
        background: #6633CCAD;
        transition: all .7s!important;
    }

    .footer-panel.panelOpen {
/*        background: #6633CCBD;*/
/*        background: var(--red);*/
    }

    .footer-panel .btn.bg-violet {
        background: var(--green);
    }

    .footer-panel .btn:hover {
        background: var(--violet);
    }

    .footer-panel.panelOpen {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .footer-panel.panelOpen .open-panel .icon {
        -webkit-transform: translateY(calc(-50% + 3px)) rotate(180deg);
        -ms-transform: translateY(calc(-50% + 3px)) rotate(180deg);
        transform: translateY(calc(-50% + 3px)) rotate(180deg);
    }

    .footer-panel .btn {
        min-width: 280px;
        text-align: center;
    }

    .tickets-page .footer-panel,
    .tickets-page .btn-up {
        display: none;
    }

    .main .first-block {
        min-height: 0;
        height: auto;
        padding: 3rem 0 0;
        overflow: unset;
        z-index: 10;
    }

    .main .first-block .wrap {
        position: relative;
    }

    .main .first-block .wrap .head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main .first-block .wrap .bottom {
        display: none;
    }

    .main .first-block .wrap .deco {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 1rem;
    }

    .main .first-block .wrap .slogan {
        font-size: 3rem;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding-top: 1rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .main .first-block .waves {
        height: 100%;
    }

    .main .first-block .wave1 {
        -webkit-animation-delay: 0.6s!important;
        animation-delay: 0.6s!important;
        -webkit-animation-name: fadeInUp!important;
        animation-name: fadeInUp!important;
    }
    .main .first-block .wave2 {
        -webkit-animation-delay: 0.4s!important;
        animation-delay: 0.4s!important;
        -webkit-animation-name: fadeInUp!important;
        animation-name: fadeInUp!important;
    }
/*    .main .first-block .wave3 {
        -webkit-animation-delay: 0.2s!important;
        animation-delay: 0.2s!important;
        -webkit-animation-name: fadeInUp!important;
        animation-name: fadeInUp!important;
    }*/
    .main .first-block .wave3 {
        height: calc(100% + 4rem);
        -webkit-animation: none!important;
        animation: none!important;
    }

    .main .promo-block {
        padding: 6rem 0 9rem;
    }

    .main .promo-block .desc {
        padding-left: 0;
        font-size: var(--size-32);
        text-align: center;
    }

    .main .promo-block .deco-circle {
        left: 50%;
        top: unset;
        bottom: 0;
        -webkit-transform: translate(-50%, calc(50% + 9rem));
        -ms-transform: translate(-50%, calc(50% + 9rem));
        transform: translate(-50%, calc(50% + 9rem));
    }

    .main .what-we-do-block {
        padding: 9rem 0 calc((22rem * 3 / 4.2));
    }

    .main .what-we-do-block .items .item:not(:last-of-type) {
        margin-bottom: 3rem;
    }

    .main .what-we-do-block .items .item .desc,
    .main .what-we-do-block .items .item .title {
        text-align: left!important;
        margin: 0;
        padding-left: 1.9rem;
    }

    .main .what-we-do-block .items .item .desc {
        max-width: 100%
    }

    .main .what-we-do-block .items .title-wrap {
        text-align: left!important;
        font-size: var(--size-24);
        padding-left: 1.9rem;
    }

    .main .what-we-do-block .items .title-wrap:before {
        content: "\e903";
        font-family: icomoon;
        color: var(--violet);
        font-size: var(--size-22);
        display: inline-block;
        padding-right: 1rem;
        margin-left: -1.9rem;
    }

    .main .what-we-do-block .items .row {
        display: block;
        margin-top: 0;
    }

    .main-gallery-block .splide {
        width: calc(100% - 2rem);
    }

    .main-gallery-block .splide .splide__arrows {
        bottom: -6rem;
    }

    .main-gallery-block .splide.splide-control-center .splide__arrows {
        width: calc(100% - 4rem);
    }

    .main-gallery-block .splide.splide-control-center .splide__arrows > .splide__arrow--prev {
        left: -2.75rem;
    }

    .main-gallery-block .splide.splide-control-center .splide__arrows > .splide__arrow--next {
        right: -2.75rem;
    }

    .main .for-who-block {
        padding: calc((22rem * 3 / 4.3)) 0 3rem;
        background: url(images/deco-bg-circle2.svg) no-repeat top right 50vw, var(--violet);
        background-size: auto 100%;
    }

    .main .for-who-block .title-section {
        max-width: 100%;
  /*      text-align: left;*/
        padding-left: 0;
    }

    .main .for-who-block .items {
        font-size: var(--size-24);
    }

    .main .for-who-block .items > .row {
        display: block;
        margin: 0!important;
    }

    .main .for-who-block .items .item {
        margin-bottom: 3rem;
    }

    .main .for-who-block .items .deco {
        margin-bottom: 0;
    }

    .main .for-who-block .items .deco:before {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 22rem;
        margin: 0 auto;
    }

    .main .target-block {
        padding: 3rem 0 3rem;
        position: relative;
    }

    .main .target-block .desc {
        padding-right: 0;
        font-size: var(--size-24);
    }

    .main .target-block .deco-circle {
        position: relative;
        right: 0;
        top: 3rem;
        width: 10rem;
        height: 10rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .main .scrolltext2-block .deco {
        width: 10rem;
        --right: calc(100vw - 2rem)!important;
    }

    .main .partners-block h2 {
        font-size: var(--size-46);
    }

    .mumuka-cards .card {
        padding: 0 0 0 15px;
    }

    .mumuka-cards .card-celebration,
    .mumuka-cards .card-entertainment {
        padding: 0 15px 0 0;
    }

    .mumuka-cards .card .title {
        margin-bottom: 1rem;
        font-size: var(--size-36);
    }

/*    .about .main-image img {
        object-position: left bottom;
    }*/

    .rso .main-image img {
        object-position: -3rem bottom;
    }

    .toilet .main-image img {
        object-position: left bottom;
    }

    .about .scrolltext-block.diagonal .deco,
    .master-class .scrolltext-block.diagonal .deco {
        bottom: calc(var(--right) * 0.07870 + 2.6rem);
    }

    .about .first-section {
        margin-bottom: 5rem;
    }

    .about .second-section .columns {
        gap: 2rem;
        max-width: 30rem;
        margin: 0 auto;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .about .item-blocks {
        gap: 2rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 2rem 1fr;
        grid-template-columns: 1fr 1fr;
        max-width: 30rem;
        margin: 0 auto;
    }

    .about .content-section .accordions {
        padding-left: 13rem;
    }

    .about .line-block2 .desc {
        font-size: var(--size-28);
        text-align: center;
    }

/*    .about .objects-slider .splide__track {
        padding-bottom: 4px;
    }*/

/*    .about .objects-slider .item {
        background-color: var(--dark-green);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
    }*/

    .about .objects-slider .item > .row {
        display: block;
    }

    .about .objects-slider .item .desc {
        padding: 1rem;
    }

    .about .objects-slider .item .btn {
        display: none;
    }

    .about .final-block {
        margin-top: 0;
    }

    .about .line-block3 .desc {
        width: calc(100% - 19rem);
    }

    .about .line-block3 .deco-circle {
        right: 3rem;
    }

    .toilet .fakt-section .inner-content {
        font-size: var(--size-22);
        margin-right: 1rem;
    }

    .master-class .scrolltext-block.diagonal .deco {
        --right: calc((100vw - 16rem))!important;
    }

    .master-class .main-text {
        width: 70%;
    }

    .master-class .main-text {
        width: calc(100% - 16rem);
    }

    .celebrations .content-section .container > .row {
        display: block;
    }

    .celebrations .content-section .deco-image img {
        display: none;
    }

    .box-table td.first-col {
        padding-left: 0;
        width: 40%;
    }

    .box-table td.last-col {
        padding-right: 0;
    }

    .category.expo .item:nth-of-type(2n) {
        margin-top: 4rem;
        margin-left: 2rem;
    }

    .category.authors .image-panel {
        aspect-ratio: 1;
    }

    .category.authors .content-panel {
        padding: 1rem;
    }

    .category .list-item.news > .item .content {
        padding: 1rem;
    }

    .category.expo .item .title {
        padding-top: 1rem;
    }

    .category.expo .item .text {
        padding: 1rem 0;
    }
    .category .list-item.news > .item .excerpt {
        font-size: var(--size-18);
    }

    .contacts .text.row {
        display: block;
    }

    .contacts .map-section .col.box-contacts {
        padding: 2rem 0 2rem 2rem;
    }

    .group .content-section .offer-block {
        display: block;
    }

    .group .content-section .offer-block > .item {
        margin-left: auto;
        margin-right: auto;
        max-width: 520px;
    }

    .group .content-section .offer-block > .item:not(:last-of-type) {
        margin-bottom: 2rem;
    }

    .gallery-grid {
        grid-template-rows: 14rem 4rem 14rem;
    }


}

@media (max-width: 768px) {
    .aspect-mobile {
        aspect-ratio: 4/3;
        height: auto;
    }

    .mumuka-cards {
        display: block;
    }

    .mumuka-cards .card:not(:last-of-type) {
        margin-bottom: 2rem;
    }

    .mumuka-main .btn-block .row {
        gap: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .about .main-text {
        width: 100%;
        margin-bottom: 15rem;
    }

    .about .scrolltext-block.diagonal .deco img {
        width: 14rem;
    }

/*    .about .scrolltext-block.diagonal .deco {
        bottom: calc(var(--right) * 0.07870 + 25px);
    }*/

    .about .scrolltext-block.diagonal .deco {
        --right: calc((50vw - 6rem));
    }

    .about .content-section > .container:after {
        display: none;
    }

    .about .content-section .accordions {
        padding-left: 0;
    }

    .about .milestones .item .milestone:after,
    .about .milestones:before {
        display: none;
    }

    .about .milestones {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin: 0 auto;
        gap: 3rem;
    }

    .about .milestones .milestone {
        height: auto;
    }

    .about .milestones .desc {
        max-width: 20rem;
    }

    .about .milestones .item .date-circle {
        position: relative;
        top: 0;
    }

    .toilet .fakt-section .row {
        display: block;
    }

    .toilet .fakt-section .inner-content {
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .ecomarket .content-section > .container:after {
        display: none;
    }

    .ecomarket .content-section .accordions {
        padding-left: 0;
    }

    .rso .scrolltext2-block {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .rso .type-rso {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem;
        row-gap: 3rem;
    }

    .rso .type-rso > .col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
        flex: 1 0 30%;
    }

    .rso .text-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .rso .text-block .txt1,
    .rso .text-block .txt2 {
        font-size: var(--size-24);
    }

    .rso .text-block .img2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .rso .second-section .note {
        gap: 0.75rem;
        max-width: 100%;
    }

    .excursions .content-section .container > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .excursions .content-section .deco-image {
        width: 100%;
    }

    .excursions .content-section .deco-image img {
        margin-bottom: 2rem;
    }

    .master-class .main-text {
        width: 100%;
        margin-bottom: 15rem;
    }

    .master-class .scrolltext-block.diagonal .deco {
        --right: calc((50vw - 6rem));
    }

    .master-class .content-section .container > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .master-class .content-section .deco-image img {
        margin-bottom: 2rem;
    }

    .mk-block > .row {
        gap: 4rem 2rem;
    }

    .category .list-item {
        display: block;
    }

    .category.expo .item {
        max-width: 500px;
        margin-top: 3rem!important;
        margin-left: auto!important;
        margin-right: auto!important;

        background-color: var(--dark-green);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
    }

    .category.expo .item .thumb {
        box-shadow: unset;
    }

    .category.expo .item .content-panel {
        padding: 0 1rem 1rem;
    }

    .category.authors .list-item {
        grid-auto-rows: auto;
    }

    .category.authors .item {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .category.authors .panel {
        display: block;
    }

    .category.authors .image-panel {
        aspect-ratio: 3 / 2;
    }

    .category .list-item.news > .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(96% / 2);
        flex: 0 1 calc(96% / 2);
    }

    .map-section .row {
        display: block;
    }

    .contacts .map-section #map {
        aspect-ratio: 16/9;
    }

    .contacts .map-section .col.box-contacts {
        padding: 2rem 15px;
    }

    .gallery-grid {
        display: grid;
        grid-template-columns: 50%;
        grid-template-rows: 26rem 26rem 26rem;
        grid-template-areas:
        "one two"
        "three four"
        "five six";
    }

}

@media (max-width: 640px) {
    h1, h2 {
        font-size: var(--size-36);
    }

    .with-margin {
        margin-bottom: 3rem;
    }

    .with-margin-top {
        margin-top: 3rem;
    }

    .breadcramps {
        margin-bottom: 2rem;
    }

    .mumuka-main .content {
        font-size: var(--size-22);
    }

    .about .item-blocks {
        gap: 1rem;
    }

    .about .item-blocks .item {
        aspect-ratio: 1 / 1.25;
    }

    .about .third-section,
    .about .about-objects {
        margin-bottom: 3rem;
    }

    .about .line-block3 .deco-circle {
        display: none;
    }

    .about .line-block3 .desc {
        width: 100%;
        text-align: center;
    }

    .green-box {
        padding: 15px;
    }

    .green-box .title {
        margin-top: 0.5rem;
    }

    .page.gallery .gallery-grid {
        display: block;
    }

    .page.gallery .gallery-grid > div {
        display: block;
        width: 100%;
        height: 26rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 520px) {
    .main-gallery-block .splide .splide__arrows {
        bottom: 1.5rem;
        height: auto;
    }

    .category .list-item.news {
        margin: 0;
        gap: 2rem;
    }

    .category .list-item.news > .item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin: 0;
    }
}

@media (max-width: 480px) {

    .splide__pagination {
        gap: 0.55rem;
    }

    .splide__pagination__page {
        width: 0.75rem;
        height: 0.75rem;
    }

    .main .first-block .wrap .slogan {
        font-size: 2.4rem;
    }

    .main .first-block .wrap .head {
        gap: 1rem;
    }

/*    .main .first-block .wrap .head .deco img {
        width: 90%;
    }*/

    /*    .main .what-we-do-block {
            padding: 2rem 0 calc(((100% - 3rem) * 3 / 4.2));
        }*/

    .main .for-who-block {
        padding: calc(((100% - 3rem) * 3 / 4.2)) 0 3rem;
        background: url(images/deco-bg-circle2.svg) no-repeat top right 25vw, var(--violet);
        background-size: auto 100%;
    }

    .main .target-block .deco-circle{
        display: none;
    }

    .main .target-block {
        padding: 3rem 0 9rem;
    }

    .about .line-block {
        font-size: var(--size-28);
        padding: 2rem 0;
        margin: 4rem 0;
    }

    /*    .deco-circle {
            width: 11rem;
            height: 11rem;
        }*/

    .about .line-block .desc {
        width: calc(100% - 11rem);
    }

    .excursions .content-section .deco-image img {
        margin: -2rem 1rem 2rem auto;
    }

    .mk-block > .row {
        gap: 3rem;
    }

    .mk-block .item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    footer .footer-content {
        flex-direction: column;
    }

    footer .social {
        margin-bottom: 1rem;
    }
}


@media (max-width: 420px) {
    .main .promo-block .desc {
        font-size: var(--size-28);
    }

    .mumuka-cards .card {
        aspect-ratio: unset;
        padding: 1rem 15px;
    }

    .mumuka-cards .card .title {
        font-size: var(--size-28);
        width: 60%;
    }

    .mumuka-cards .card .desc {
        font-size: var(--size-18);
        width: 60%;
    }

    .about .line-block .deco-circle {
        width: 8rem;
        height: 8rem;
    }

    .about .item-blocks {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 15rem;
    }

    .about .item-blocks .item {
        aspect-ratio: 1;
    }

    .about .second-section {
        margin: 4rem 0;
    }

    .about .second-section .columns .item {
        padding-left: 2rem;
    }

    .about .second-section .columns .item .comic-font {
        font-size: var(--size-28);
    }

    .about .line-block .desc {
        width: calc(100% - 7rem);
    }

    .contacts .map-section #map {
        aspect-ratio: 1;
    }
}

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