/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/imgs/fonts/inter/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/imgs/fonts/inter/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("/imgs/fonts/inter/Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("/imgs/fonts/inter/Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("/imgs/fonts/inter/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("/imgs/fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("/imgs/fonts/inter/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("/imgs/fonts/inter/Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/imgs/fonts/inter/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/imgs/fonts/inter/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/imgs/fonts/inter/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/imgs/fonts/inter/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/imgs/fonts/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("/imgs/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/imgs/fonts/inter/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/imgs/fonts/inter/Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("/imgs/fonts/inter/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("/imgs/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("/imgs/fonts/inter/Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("/imgs/fonts/inter/Inter-BlackItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Italic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("/imgs/fonts/inter/InterDisplay-BlackItalic.woff2") format("woff2"); }
@font-face {font-family:"Neutro Extra Bold";src:url("/css/Neutro-ExtraBold.eot?") format("eot"),url("/css/Neutro-ExtraBold.woff") format("woff"),url("/css/Neutro-ExtraBold.ttf") format("truetype"),url("/css/Neutro-ExtraBold.svg#NeutroExtraBold") format("svg");font-weight:normal;font-style:normal;}
@font-feature-values InterVariable {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
@font-feature-values Inter {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}
@font-feature-values InterDisplay {
    @character-variant {
        cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
        cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
        alt-1:            1; /* Alternate one */
        alt-3:            9; /* Flat-top three */
        open-4:           2; /* Open four */
        open-6:           3; /* Open six */
        open-9:           4; /* Open nine */
        lc-l-with-tail:   5; /* Lower-case L with tail */
        simplified-u:     6; /* Simplified u */
        alt-double-s:     7; /* Alternate German double s */
        uc-i-with-serif:  8; /* Upper-case i with serif */
        uc-g-with-spur:  10; /* Capital G with spur */
        single-story-a:  11; /* Single-story a */
        compact-lc-f:    12; /* Compact f */
        compact-lc-t:    13; /* Compact t */
    }
    @styleset {
        ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
        open-digits: 1;                /* Open digits */
        disambiguation: 2;             /* Disambiguation (with zero) */
        disambiguation-except-zero: 4; /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;    /* Round quotes & commas */
        square-punctuation: 7;         /* Square punctuation */
        square-quotes: 8;              /* Square quotes */
        circled-characters: 5;         /* Circled characters */
        squared-characters: 6;         /* Squared characters */
    }
}


* {
    box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: rgb(30, 30, 30);
    font-weight: 400;
    overflow-x: hidden;
}
header {
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.7);
    width: 100%; 
    transform: none; 
    transform-origin: 50% 50% 0px; 
    opacity: 1;
    height: auto;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99999;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
    transition: height 0.3s ease;
    min-height: 79px;
}
.sheader {
    backdrop-filter: none;
    min-height: 133px;
}
.topline {
    display: flex;
    width: 100%;
    height: 24px;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    opacity: 1;
    overflow: hidden;
     
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%); /* Moves by half the width (since duplicated) */
    }
}
.topline > ul {
    display: flex; 
    width: 100%; 
    height: 24px; 
    max-width: 100%; 
    max-height: 100%; 
    place-items: center; 
    margin: 0px; 
    padding: 0px; 
    list-style-type: none; 
    gap: 0px; 
    position: relative; 
    flex-direction: row; 
    will-change: transform; 
    transform: translateX(0px);
    animation: scroll 20s linear infinite;
}
.topline > ul svg{
    height: 24px;
    width: auto; 
}
.header .biglogo {
    display: none;
}
.header .smalllogo {
    display: block;
}
header.sheader .biglogo {
    display: block;
    position: relative;
    z-index: 10001;
}
header.sheader .smalllogo {
    display: none;
}
header > div {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    max-width: 1160px;
    overflow: visible;
    padding: 12px 20px;
    position: relative;
    width: 100%;
    magrin: 0 auto;
}
.contentmain{
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
}
.content {
    max-width: 1160px;
    magrin: 0 auto;
    overflow: visible;
    padding: 12px 20px;
    position: relative;
    width: 100%;
    padding-top: 150px;
}
.content.contentkidszone {
    padding-top: 0;
}
.mobile-menu-toggle {
    display: none; /* Скрыто на десктопе */
}

.mobile-menu-icons {
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 99999;
}

.home-icon, .search-toggle, .hamburger {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    z-index: 9999;
}

.home-icon img, .search-toggle img {
    width: 16px;
    height: 16px;
}

.hamburger {
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1001;
}

.hamburger span {
    width: 100%;
    height: 2px;
    background: rgb(255, 255, 255);
    margin: 2px 0;
    transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 1px);
}

.hamburger.active span:nth-child(2) {
    transform: rotate(-45deg) translate(5px, -1px);
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100vh;*/
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Начинаем сверху */
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
    z-index: 1000;
    overflow-y: auto; /* Прокрутка, если контент не помещается */
    padding: 18px 20px 10px 20px;
    will-change: auto;
}
.biglogoheader {
    margin-bottom: 20px;
    width: 100%;
}
.mobile-menu.active {
    transform: translateY(0);
    z-index: 9999;
}

.topmenu {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0 20px;
    position: relative;
    width: min-content;
    opacity: 1;
    z-index: 999999;
}
.righticons {
    display: flex;
    gap: 20px;
}
.topmenu > .menu-content > button {
    background: none;
    border: none;   
}
.topmenu > .menu-content > a {
    color: rgb(255, 250, 222);
    font-family: "Inter", "Inter Placeholder", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 16.8px;
    text-wrap-mode: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0 ;
}

.topmenu > .menu-content > a .homeicon {
    aspect-ratio: 1 / 1;
    flex: none;
    height: 16px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 16px;
    padding: 0 0 ;
}
.topmenu .dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.topmenu .dropdown-toggle {
    color: rgb(255, 250, 222);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 16.8px;
    text-wrap: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.topmenu .dropdown-toggle .arrow {
    display: inline-flex;
    width: 10px;
    height: 10px;
    position: relative;
    top: 3px;
}

.topmenu .dropdown-toggle .line {
    position: absolute;
    width: 6px;
    height: 2px;
    background: rgb(255, 250, 222);
    transition: transform 0.3s ease;
}

.topmenu .dropdown-toggle .line-left {
    transform: rotate(45deg);
    left: 0;
}

.topmenu .dropdown-toggle .line-right {
    transform: rotate(-45deg);
    right: 0;
}

.topmenu .dropdown:hover .line-left {
    transform: rotate(-45deg); /* Поворот для угла вверх */
}

.topmenu .dropdown:hover .line-right {
    transform: rotate(45deg); /* Поворот для угла вверх */
}

.topmenu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    padding: 10px 0;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 1000;
    
    
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.5);

    opacity: 1;
    transform: none;
    z-index: 999999;
    
}

.topmenu .dropdown:hover .dropdown-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.topmenu .dropdown-menu a {
    color: #CCC;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    padding: 10px 20px;
    transition: background-color 0.2s ease;
}

.topmenu .dropdown-menu a:hover {
    color: rgb(179, 38, 30);;
}
.hamburger {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 1000;
}

.hamburger span {
    width: 100%;
    height: 2px;
    background: rgb(255, 250, 222);
    margin: 3px 0;
    transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(3px, 3px);
}

.hamburger.active span:nth-child(2) {
    transform: rotate(-45deg) translate(3px, -3px);
}

.menu-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.itemmenu {
    padding: 8px 0px 8px 0px;
    margin: 0;
    text-align: center;
}
.itemmenu .smenubottom p {
    color: rgb(255, 250, 222);
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}
.itemmenu .smenubottom{
    display: flex;
    gap: 10px;
    align-items: center;
}
.itemmenu.social {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
}
.menu-address div {
    display: flex;
    align-items: left;
    justify-content: left;
    margin-bottom: 10px;
    white-space: nowrap; /* Текст не переносится */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.menu-address img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.menu-address a {
    color: rgb(255, 250, 222);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    border-bottom: 1px dashed rgba(255, 250, 222, 0.3);
}
.menu-address a.phonetop {
    font-size: 16px;
}
.menu-links {
    margin-top: 70px;
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: left;
    z-index: 1001;
    
}
p {
     letter-spacing:0px;
     line-height:130%;
     
}
.maintext p {
    color:rgb(255, 255, 255);
}
.itemmenu p{
    margin: 10px 0 10px 0;
}
.itemmenu .items-submenu{
    flex-flow: wrap;
    order: 0;
    width: 100%;
    display: flex;
}
.itemmenu .items-submenu a{
    transform: none;
    transform-origin: 50% 50% 0px;
    color: rgb(255, 250, 222);
    padding: 5px 14px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin: 5px 5px;
}
.itemmenu p > a, .itemmenu a, .itemmenu p {
    color: rgb(255, 250, 222);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    transition: color 0.3s ease;
    white-space: nowrap;
    text-align: center;
    
}

.mobile-menu a:hover {
    color: rgb(255, 255, 255);
}


.contentmain{
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
}
.content {
    max-width: 1160px;
    magrin: 0 auto;
    overflow: visible;
    padding: 12px 20px;
    position: relative;
    width: 100%;
    padding-top: 120px;
}

.namemain {
    
    color: rgb(255, 255, 255);
    display: block;
    font-family: "Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
    font-size:64px;
    font-style: normal;
    font-weight:400;
    height:76.7969px;
    letter-spacing: 2px;
    line-height:76.8px;
    
}
.subnamemain {
    font-family:Inter, "Inter Placeholder", sans-serif;
    font-feature-settings:normal;
    font-size:22px;
    font-weight:700;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 30px;
}
.contents {
    position: relative;
    min-height: 440px;
}
.contents .maintext {
    z-index: 2;
    position: relative;
}
.contents p {
    font-family: Inter, "Inter Placeholder", sans-serif;
    font-size:16px;
    color: #fff;
    max-width: 365px;
}

.maininfo {
    position: relative;
    min-height: 430px;
    z-index: 10;
}
.framer-text {
    font-family:Inter, "Inter Placeholder", sans-serif;
    font-size: 16px;
}

.framer-19zsll3 {
    transform: rotate(-30deg);
    aspect-ratio: 1.00172;
    height: 1161px;
    z-index: 0;
    flex: none;
    width: 1163px;
    position: absolute;
    top: -360px;
    left: -535px;
    overflow: hidden;
}

.topimgaesblock {
    z-index: 1;
    flex: none;
    width: 703px;
    scroll-margin-top: 50px;
    position: absolute;
    top: -8px;
    bottom: -109px;
    left: 447px;
    overflow: visible;
}
.topimgaesblock img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}
.zoom-hidden {
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.5s ease, transform 0.3s ease;
    transform-origin: center center;
}
.zoom-hidden2 {
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.5s ease, transform 0.3s ease;
    transform-origin: center center;
}
.zoom-visible {
    opacity: 1;
    transform: scale(1);
}
.fade-left-hidden {
    opacity: 0; 
    transform: translateX(-50px); 
    transition: opacity 0.5s ease, transform 0.5s ease; 
}
.fade-left-visible {
    opacity: 1; 
    transform: translateX(0); 
}

.framer-1v5gry2 {
    aspect-ratio: 1.6359;
    height: 195px;
    border-radius: 18px;
    flex: none;
    width: 319px;
    position: absolute;
    top: 41px;
    left: 0;
    overflow: hidden;
}
.framer-aabjzj {
    aspect-ratio: 1.08712;
    height: 264px;
    border-radius: 18px;
    flex: none;
    width: 287px;
    position: absolute;
    top: 220px;
    left: 106px;
    overflow: hidden;
}

.framer-4cb749 {
    aspect-ratio: .754286;
    height: 350px;
    border-radius: 18px;
    flex: none;
    width: 264px;
    position: absolute;
    top: 0;
    right: 96px;
    overflow: hidden;
}

.framer-a7wuu1 {
    aspect-ratio: 1;
    height: 264px;
    border-radius: 18px;
    flex: none;
    width: 264px;
    position: absolute;
    top: 280px;
    right: 0;
    overflow: hidden;
}

.framer-1nwyio6 {
    aspect-ratio: 1;
    height: 220px;
    flex: none;
    width: 220px;
    position: absolute;
    top: 78px;
    left: calc(47% - 110px);
    overflow: hidden;
    animation: scalePulse 2s ease-in-out infinite;
}
@keyframes scalePulse {
  0% {
    transform: scale(0.98);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.98);
  }
}


.framer-1vcm0c7 {
    aspect-ratio: .992958;
    height: 152px;
    z-index: 1;
    flex: none;
    width: 151px;
    position: absolute;
    top: 11px;
    left: -181px;
    overflow: hidden;
    animation: rotateSpin 10s linear infinite;
}
@keyframes rotateSpin {
  0% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

 
.kids-zone-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
    background: url("/imgs/contentkidszone.jpg") 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    padding: 120px 0 140px 0;
    
}

.kids-zonetext {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #ffffff80;
    border-radius: 20px;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 20px;
    width: 49%;
    height: min-content;
    padding: 50px 40px 120px 10px;
    display: flex
;
    position: relative;
    overflow: visible;
}


.kids-zonetext .block1 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}

.kids-zonetext .block2 {
    will-change: transform;
    opacity: 1;
    transform: none;
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}


.framer-1rs9cde, .framer-75onfr, .framer-1jj4sna, .framer-51r0ct, .framer-1jihckk, .framer-19q4b0l, .framer-1p4813q, .framer-10dwfdm {
    aspect-ratio: 1.33333;
    height: 18px;
    flex: none;
    width: 24px;
    position: relative;
    overflow: hidden;
}

.ssr-variant {
    display: contents;
}
.framer-1mcgkf1, .framer-svi1jz {
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 30px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-1fs0gxh, .framer-xrc24k {
    will-change: var(--framer-will-change-effect-override, transform);
    flex-flow: row;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 12px;
    width: min-content;
    height: min-content;
    padding: 0;
    text-decoration: none;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-qojpp9 {
    aspect-ratio: 1.28415;
    height: var(--framer-aspect-ratio-supported,192px);
    z-index: 2;
    flex: none;
    width: 247px;
    position: absolute;
    bottom: -104px;
    left: 53%;
    overflow: hidden;
    transform: translate(-50%);
}
.framer-1g5lezv {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,226px);
    z-index: 2;
    flex: none;
    width: 226px;
    position: absolute;
    top: -81px;
    right: 44px;
    overflow: hidden;
    animation: scalePulse2x 2s ease-in-out infinite;
}
@keyframes scalePulse2x {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0px);
  }
}

.framer-qhu9os, .framer-zgukjj {
    flex: none;
    width: 20px;
    height: 28px;
    position: relative;
    overflow: hidden;
}
.framer-1cl24yh, .framer-1ih7048, .framer-1ovf6oq, .framer-w97hf0, .framer-nodxv9, .framer-65678m {
    color: #09f;
    text-decoration: underline;
    white-space: pre;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}
.framer-65678m p {
    font-family:"Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
    font-size:32px;
    letter-spacing:0px;
    line-height:120%;
    color:rgb(255, 255, 255)
}
.framer-HkoOW .framer-1yqq7d3 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 142px;
    height: min-content;
    padding: 16px 0 4px;
    display: flex
;
    position: relative;
    overflow: visible;
}
.addedmenu {
    width: 100%;
    overflow: hidden; /* Чтобы содержимое не вылазило при анимации */
    height: 0; /* Изначально нулевая высота */
    transition: height 0.5s ease-in-out; /* Анимация высоты */
}
#submenu {
    transition: height 0.5s ease-in-out;
}
#submenu.active .addedmenu {
    margin: -15px 0 20px 0;
    height: auto;
}
.addedmenu A {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding: 13px 0 0 0;
}
.framer-HkoOW .framer-16cya22 {
    white-space: pre;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}
.framer-HkoOW .framer-w2fv42 {
    width: 18px;
    height: 10px;
    position: relative;
}
.framer-HkoOW.framer-wibptz {
    cursor: pointer;
    will-change: var(--framer-will-change-override, transform);
    flex-flow: column;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    height: min-content;
    padding: 0 20px;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-1rnnn69 {
    will-change: var(--framer-will-change-effect-override, transform);
    flex-flow: wrap;
    flex: none;
    place-content: center flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 500px;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: visible;
    align-content: flex-start;

}
 .framer-lbbubb {
    --border-bottom-width: 3px;
    --border-color: #ea3fb8;
    --border-left-width: 3px;
    --border-right-width: 3px;
    --border-style: solid;
    --border-top-width: 3px;
    cursor: pointer;
    opacity: 0;
    will-change: var(--framer-will-change-override, transform);
    background-color: #fff;
    border-radius: 35px;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    height: min-content;
    padding: 16px 20px 14px;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-vcclv6 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 142px;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: visible;
}

.framer-15lykip-container {
    cursor: pointer;
    z-index: 1;
    flex: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.framer-rzbZ0.framer-nnfw0o {
    cursor: pointer;
    will-change: var(--framer-will-change-override, transform);
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: min-content;
    height: min-content;
    padding: 16px 20px 14px;
    text-decoration: none;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-rzbZ0 .framer-12aug4d {
    white-space: pre;
    flex: none;
    width: auto;
    height: auto;
    position: relative;
}

.framer-rzbZ0[data-border=true]:after, .framer-rzbZ0 [data-border=true]:after {
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: var(--border-color, none);
    border-style: var(--border-style, none);
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.framer-1ykrs4h {
    aspect-ratio: 1.53695;
    height: 203px;
    z-index: 1;
    flex: none;
    gap: 10px;
    width: 312px;
    position: absolute;
    top: 92px;
    right: 0;
    overflow: hidden;
}

.framer-1s66ixt {
    aspect-ratio: .992958;
    height: 284px;
    z-index: 1;
    flex: none;
    width: 282px;
    position: absolute;
    top: 503px;
    left: 0;
    overflow: hidden;
}

.framer-e99zk6 {
    aspect-ratio: 4.53165;
    height: 79px;
    mix-blend-mode: color-dodge;
    z-index: 2;
    flex: none;
    width: 358px;
    position: absolute;
    top: 350px;
    right: 0;
    overflow: hidden;
}
.framer-12u7o2i {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 40px 0 100px;
    scroll-margin-top: 120px;
    display: flex
;
    position: relative;
    overflow: visible;
    
}

 .framer-zby0wi, .framer-1g2v7da, .framer-1d2fnm6, .framer-3arcxg, .framer-1a7cw9a {
    flex-flow: row;
    flex: 1 0 0;
    place-content: center flex-start;
    align-items: center;
    gap: 0;
    width: 1px;
    max-width: 1170px;
    height: min-content;
    padding: 0 20px;
    display: flex
;
    position: relative;
    overflow: visible;
}
 .framer-1pczlzu, .framer-xucm3n {
    z-index: 2;
    flex-flow: row;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 25px;
    width: 1px;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: visible;
}
.framer-1pczlzu {
    margin-top: 120px;
}
.framer-8f3x8r-container {
    flex: 1 0 0;
    align-self: stretch;
    width: 1px;
    height: auto;
    position: relative;
}
 .framer-1jbvz4s,  .framer-f6m0fu {
    border-radius: 20px;
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 20px;
    width: 1px;
    height: min-content;
    padding: 50px 40px 100px 10px;
    display: flex
;
    position: relative;
    overflow: visible;
}

.framer-1u47arl, .framer-1raunp1, .framer-i8ntmu {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-18kuhr3, .framer-6b2mj6, .framer-1k6hnow {
    flex: none;
    align-self: stretch;
    width: 24px;
    height: auto;
    position: relative;
    overflow: hidden;
}
.framer-ne9dw0,  .framer-zlt5q1,  .framer-31on4z,  .framer-kgb8c9,  .framer-1977z2,  .framer-12p5xpj {
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.framer-1rs9cde, .framer-75onfr, .framer-1jj4sna, .framer-51r0ct, .framer-1jihckk, .framer-19q4b0l, .framer-1p4813q, .framer-10dwfdm {
    aspect-ratio: 1.33333;
    height: 18px;
    flex: none;
    width: 24px;
    position: relative;
    overflow: hidden;
} 
.framer-1tdb6d7, .framer-2h4e5t, .framer-1yot9i1, .framer-r2fm2c, .framer-1pz2xo8, .framer-1l8y7v3, .framer-c4d1k, .framer-utg807, .framer-mc3elo {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    height: auto;
    position: relative;
}

[data-framer-component-type="RichTextContainer"] {
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    outline: none;
    flex-shrink: 0;
}
.framer-mc3elo p{
    font-family:"Neutro Extra Bold", "Neutro Extra Bold Placeholder", 
    sans-serif;
    font-size:32px;
    letter-spacing:0px;
    line-height:120%;
}


mark.framer-text, p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text {
    padding: 0;
    margin: 0;
    line-height: 130%;
}
.framer-1g5zajf {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre;
    z-index: 1;
    flex: none;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -170px;
    right: 144px;
}
.framer-1g5zajf div {
   font-family: 'Neutro Extra Bold', 'Neutro Extra Bold Placeholder', sans-serif; 
   font-size: 238px; 
   letter-spacing: 0px; 
   line-height: 130%; 
   text-alignment: center; 
   color: rgba(255, 255, 255, 0); 
   -webkit-font-smoothing:antialiased;
   -webkit-text-stroke-color: rgba(0, 0, 0, 0.5); 
   -webkit-text-stroke-width: 2px;
}

.framer-1cpraa4 {
    --framer-link-text-color: #09f;

    --framer-link-text-decoration: underline;
    white-space: pre;
    z-index: 1;
    flex: none;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -65px;
    right: 64px;
}
.framer-l3u9tx {
    aspect-ratio: .97619;
    height: 229px;
    z-index: 2;
    flex: none;
    width: 223px;
    position: absolute;
    top: -113px;
    right: -19px;
    overflow: visible;
    animation: scalePulse2 2s ease-in-out infinite;
}
.framer-14jqgc0 {
    aspect-ratio: 1.01111;
    height: var(--framer-aspect-ratio-supported,90px);
    z-index: 2;
    flex: none;
    width: 91px;
    position: absolute;
    bottom: 300px;
    right: -121px;
    overflow: hidden;
}

.framer-350tk3 {
    aspect-ratio: 1;
    height: 323px;
    z-index: 2;
    flex: none;
    width: 323px;
    position: absolute;
    top: 108px;
    right: -206px;
    overflow: hidden;
}
.framer-8tq9np {
    z-index: 2;
    flex: none;
    width: 152px;
    height: 152px;
    position: absolute;
    top: -88px;
    right: 18px;
    overflow: hidden;
    animation: spin 2s ease-in-out infinite;
    
}
@keyframes spin {
  0% {
    transform: perspective(1200px) skewX(0deg) skewY(0deg);
  }
  50% {
    transform: perspective(1200px) skewX(15deg) skewY(15deg);
  }
  100% {
    transform: perspective(1200px) skewX(0deg) skewY(0deg);
  }
}
.framer-dsai4l {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,690px);
    z-index: 2;
    flex: none;
    gap: 10px;
    width: 690px;
    position: absolute;
    top: 223px;
    right: -257px;
    overflow: hidden;
    animation: rotateglasess 5s ease-in-out infinite;
}
@keyframes rotateglasess {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}

.shiha_room_block {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 160px 0 100px;
    display: flex
;
    position: relative;
    overflow: hidden;
}

.framer-mtvbsp {
    z-index: 2;
    flex-flow: row;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 25px;
    width: 1px;
    height: min-content;
    padding: 0;
    scroll-margin-top: 50px;
    display: flex
;
    position: relative;
    overflow: visible;
}
 .framer-1igv9v-container,  .framer-3sl45-container {
    flex: 1 0 0;
    width: 1px;
    height: 600px;
    position: relative;
}


.framer-1jbvz4s, .framer-f6m0fu {
    border-radius: 20px;
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 20px;
    width: 1px;
    height: min-content;
    padding: 50px 40px 100px 10px;
    display: flex
;
    position: relative;
    overflow: visible;
}
.framer-1jl9taq {
    aspect-ratio: 1;
    height: 224px;
    z-index: 2;
    flex: none;
    width: 224px;
    position: absolute;
    top: -86px;
    left: -133px;
    overflow: hidden;
}

.framer-zf3hxw {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre;
    z-index: 1;
    flex: none;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -85px;
    right: 369px;
}

.framer-164f21k, .framer-1cymjjf, .framer-zm5owh, .framer-1c3x5h4 {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    flex: none;
    width: 100%;
    height: auto;
    position: relative;
}

.framer-1qsmnxk {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 30px 0 100px;
    scroll-margin-top: 120px;
    display: flex
;
    position: relative;
    overflow: visible;
}
.framer-vimcj {
    border-radius: 20px;
    flex-flow: column;
    flex: 1 0 0;
    place-content: center;
    align-items: center;
    gap: 20px;
    width: 1px;
    height: min-content;
    padding: 50px 40px 160px 10px;
    display: flex
;
    position: relative;
    overflow: visible;
}
.framer-vimcj  div.s1{
   position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;
}

.framer-1w2g7u0 {
    z-index: 4;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: min-content;
    padding: 30px 0 0;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-50y92w, .framer-16aamc1 {
    flex-flow: column;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 1170px;
    height: min-content;
    padding: 0 20px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-uqlo37 {
    border-bottom-width: 1px;
    border-color: #179d58;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 1px;
    background-color: #000;
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 90px 0;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-z6n0i6, .framer-1emdwwn {
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-start;
    align-items: flex-start;
    gap: 0;
    width: 1px;
    max-width: 1170px;
    height: min-content;
    padding: 0 20px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-1m3bxkc-container {
    flex: none;
    width: 100%;
    height: 600px;
    position: relative;
}
.framer-v22do.framer-11jnp5x {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 1130px;
    height: 600px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-1b8z73e {
    z-index: 4;
    flex-flow: row;
    flex: none;
    place-content: flex-end flex-start;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-16j9i57 {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,200px);
    z-index: 2;
    flex: none;
    width: 200px;
    position: absolute;
    top: -126px;
    left: 266px;
    overflow: hidden;
   animation: scalePulse2 2s ease-in-out infinite;
}
.framer-16j9i57 img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
}
.framer-1y36j3e, .framer-1u7cnz0 {
    flex-flow: row;
    flex: none;
    place-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-bri4h2, .framer-f5lvi9 {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    flex: 1 0 0;
    width: 1px;
    max-width: 610px;
    height: auto;
    position: relative;
}
.framer-8k923o {
    aspect-ratio: .795031;
    height: var(--framer-aspect-ratio-supported,161px);
    z-index: 2;
    flex: none;
    width: 128px;
    position: absolute;
    top: -146px;
    left: -101px;
    overflow: hidden;
}
.framer-rp8o40 {
    aspect-ratio: .956897;
    height: var(--framer-aspect-ratio-supported,232px);
    z-index: 2;
    flex: none;
    width: 222px;
    position: absolute;
    top: -148px;
    left: calc(48% - 100px);
    overflow: hidden;
    
    animation: scalePulse2a 2s ease-in-out infinite;
    
}
@keyframes scalePulse2a {
  0% {
    transform: scale(0.9)
  }
  50% {
    transform: scale(1)
  }
  100% {
    transform: scale(0.9)
  }
}

.framer-13awpbe {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,200px);
    z-index: 2;
    flex: none;
    width: 200px;
    position: absolute;
    top: -116px;
    right: -4px;
    overflow: hidden;
}
.framer-1s4uc9n {
    aspect-ratio: 1.00488;
    height: 210px;
    z-index: 2;
    flex: none;
    width: 211px;
    position: absolute;
    top: -106px;
    left: 41%;
    overflow: hidden;
    transform: translate(-50%);
    animation: scalePulse2 2s ease-in-out infinite;
    
}
@keyframes scalePulse2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.framer-9kyxn4 {
    aspect-ratio: 1;
    height: 231px;
    z-index: 4;
    flex: none;
    width: 231px;
    position: absolute;
    top: -43px;
    right: 397px;
    overflow: hidden;
    animation: scalePulse2 2s ease-in-out infinite;
}
.framer-1e633he {
    aspect-ratio: .995575;
    height: var(--framer-aspect-ratio-supported,152px);
    z-index: 4;
    flex: none;
    width: 151px;
    position: absolute;
    bottom: -174px;
    left: -171px;
    overflow: hidden;
    animation: spin 2s ease-in-out infinite;
}
.framer-34f4j5 {
    aspect-ratio: 1.00322;
    height: var(--framer-aspect-ratio-supported,622px);
    mix-blend-mode: multiply;
    z-index: 2;
    flex: none;
    width: 624px;
    position: absolute;
    top: -236px;
    left: -347px;
    overflow: hidden;
}
.framer-lytgaa {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,74px);
    z-index: 4;
    flex: none;
    width: 74px;
    position: absolute;
    top: -47px;
    right: -80px;
    overflow: hidden;
    animation: rotateSpin 10s linear infinite;
}
.framer-ezj068 {
    z-index: 3;
    background-color: #f2f2f2b3;
    border-radius: 20px;
    flex-flow: column;
    flex: none;
    place-content: flex-start center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: min-content;
    padding: 50px 25px 70px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-33rm3o, .framer-1xyn7t5 {
    aspect-ratio: 5.10811;
    height: var(--framer-aspect-ratio-supported,37px);
    flex: none;
    width: 189px;
    position: relative;
    overflow: hidden;
}
.framer-88emjt, .framer-6hjp6w, .framer-16ggazm {
    will-change: var(--framer-will-change-override,transform);
    border-radius: 10px;
    flex: none;
    place-self: start;
    width: 100%;
    height: 361px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 4px #00000026;
}
.framer-1dj9tnq {
    background-color: #fff;
    border-radius: 10px;
    flex-flow: row;
    flex: none;
    place-content: flex-start center;
    place-self: start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: visible;
    box-shadow: 0 4px 4px #00000026;
}
@media (max-width: 689px) {
    .framer-1dj9tnq {
        height: min-content;
    }
}
.framer-xkz6m7 {
    flex: none;
    grid-template-rows: repeat(1,min-content);
    grid-template-columns: repeat(3,minmax(50px,1fr));
    grid-auto-rows: min-content;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: grid;
    position: relative;
    overflow: visible;
}
.framer-1bkzq9 {
    aspect-ratio: 5.62222;
    height: 45px;
    flex: none;
    width: 253px;
    position: relative;
    overflow: hidden;
}
.framer-i67wgx, .framer-lg7355 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 25px;
    width: min-content;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    /*overflow: hidden;*/
}
.framer-e0be2p {
    aspect-ratio: .810811;
    height: 74px;
    z-index: 1;
    flex: none;
    width: 60px;
    position: absolute;
    bottom: -13px;
    right: -87px;
    overflow: hidden;
}
.framer-1i09fyw {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 105px 0 100px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-7f5ru0 {
    z-index: 4;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: min-content;
    padding: 40px 0 0;
    scroll-margin-top: 120px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-5uzqvc {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,233px);
    z-index: 2;
    flex: none;
    width: 233px;
    position: absolute;
    top: -60px;
    right: 98px;
    overflow: hidden;
    animation: scalePulse2 2s ease-in-out infinite;
}
.framer-fqcokf {
    aspect-ratio: .810811;
    height: var(--framer-aspect-ratio-supported,74px);
    z-index: 1;
    flex: none;
    width: 60px;
    position: absolute;
    bottom: -12px;
    right: -87px;
    overflow: hidden;
}
.framer-1lvg0m7 {
    z-index: 1;
    background-color: #14ae5c;
    flex: none;
    height: 1px;
    position: absolute;
    bottom: -12px;
    left: -4591px;
    right: -41px;
    overflow: hidden;
}
.framer-151rdlb {
    z-index: 1;
    background-color: #14ae5c;
    flex: none;
    width: 5000px;
    height: 1px;
    position: absolute;
    bottom: -12px;
    right: -5077px;
    overflow: hidden;
}
.framer-coyoa5 {
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 40px 0 145px;
    display: flex;
    position: relative;
    overflow-x: hidden;
}
.framer-bha9hi {
    aspect-ratio: 4.55128;
    height: var(--framer-aspect-ratio-supported,78px);
    mix-blend-mode: color-dodge;
    z-index: 2;
    flex: none;
    width: 355px;
    position: absolute;
    bottom: 341px;
    right: 0px;
    overflow: hidden;
}
.framer-16zxxee {
    will-change: var(--framer-will-change-override,transform);
    border-radius: 30px;
    flex-flow: row;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-vqit36 {
    z-index: 4;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: min-content;
    padding: 60px 0 100px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-1q2j95-container {
    z-index: 1;
    flex: none;
    width: 100%;
    height: 25px;
    position: absolute;
    top: -25px;
    left: 0%;
}
.framer-19ueorp {
    flex-flow: column;
    flex: none;
    place-content: center flex-start;
    align-items: center;
    gap: 50px;
    width: 100%;
    max-width: 1170px;
    height: min-content;
    padding: 0 20px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-icvi8u {
    aspect-ratio: 2.48781;
    height: var(--framer-aspect-ratio-supported,123px);
    flex: none;
    width: 306px;
    position: relative;
    overflow: hidden;
}
.framer-1ym2kam {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.framer-1vjioz9 {
    will-change: var(--framer-will-change-override,transform);
    border-radius: 6px;
    flex: none;
    width: 33px;
    height: 26px;
    position: relative;
    overflow: hidden;
}
.framer-165r52p {
    flex-flow: column;
    flex: 1 0 0;
    place-content: center flex-start;
    align-items: center;
    gap: 40px;
    width: 1px;
    max-width: 1170px;
    height: min-content;
    padding: 0 20px;
    display: flex;
    position: relative;
    overflow: visible;
}
.framer-vimcj img {
    display:block;
    width:100%;
    height:100%;
    border-radius:inherit;
    object-position:right center;
    object-fit:cover
}
.tempclass {
    position: absolute;
    border-radius: inherit;
    inset: 0px;
}


.framer-YHDtl .framer-yzi7zt-container {
    flex: 1 0 0;
    width: 1px;
    height: 100%;
    position: relative;
}
.framer-YHDtl.framer-1jmt84v {
    flex-flow: row;
    place-content: center;
    align-items: center;
    gap: 10px;
    width: 1130px;
    height: 600px;
    padding: 0;
    display: flex
;
    position: relative;
    overflow: hidden;
}
.topslider1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    gap: 30px;
    cursor: grab;
    user-select: none;
    transform: translateX(0px);
    touch-action: pan-y;
}
.topslider1 > li {
    display: contents;
}
.topslider1 > li img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover; 
} 

.topslider1 > li > div{
    flex-shrink: 0;
    user-select: none;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    opacity: 0.85;
    /*visibility: hidden;*/
    transform: scale(0.8);
    transform-origin: 100% 50% 0px;
     
}
.pagination {
    display: flex;
    place-content: center;
    place-items: center;
    overflow: hidden;
    position: absolute;
    pointer-events: auto;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    flex-direction: row;
    bottom: 20px;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.35);
    user-select: none;
    backdrop-filter: blur(5px);
     
}
.prevBtn {
    border: none;
    display: block;
    place-content: center;
    place-items: center;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    pointer-events: auto;
    transform: none;
 
}
.nextBtn {
    border: none;
    display: block;
    place-content: center;
    place-items: center;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    pointer-events: auto;
    transform: none;
    will-change: transform;
 
}
.framer-1otgizd {
    aspect-ratio: 1.43388;
    height: 242px;
    will-change: transform;
    border-radius: 10px;
    flex: 1 0 0;
    width: 1px;
    position: relative;
    overflow: hidden;
}
.framer-fsrltl {
    aspect-ratio: 1.28148;
    height: 270px;
    will-change: transform;
    border-radius: 10px;
    flex: none;
    place-self: start;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 4px #00000026;
}
.zagtext2 {
    font-family: "Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
    font-size: 32px;
    letter-spacing: 0px;
    line-height: 120%;
}
.framer-15c8on1 {
    aspect-ratio: 1;
    height: var(--framer-aspect-ratio-supported,192px);
    z-index: 3;
    flex: none;
    width: 192px;
    position: absolute;
    bottom: -108px;
    left: 113px;
    overflow: hidden;
    animation: scalePulse2a 2s ease-in-out infinite;
}
.framer-18wtvp1 {
    --framer-link-text-color: #09f;
    --framer-link-text-decoration: underline;
    white-space: pre;
    z-index: 1;
    flex: none;
    width: auto;
    height: auto;
    position: absolute;
    bottom: -6px;
    right: 919px;
}
.framer-18wtvp1 > div {
    font-family:"Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
    font-size:128px;
    letter-spacing:0px;
    line-height:130%;
    text-align:center;
    color:rgb(255, 255, 255);
    -webkit-text-stroke-color:rgba(0, 0, 0, 1);
    -webkit-text-stroke-width:1px
}

@media (max-width: 768px) {
    .submenu {
        backdrop-filter: none;
        background-color: rgba(66, 66, 66, 0.8);
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        max-height: 0;
        overflow: hidden;
        transition: all 1s ease;
    }
    .submenu.active {
        max-height: 300px;
    }
    .submenu ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .submenu ul li{
        padding: 10px 0 10px 0;
    }
    .submenu ul li A{
        font-size: 14px;
    }
    .biglogo img {
        width: 263px;
        height: auto;
        position: relative;
        z-index: 99999;
    }
    .namemain {
        padding-top: 440px;
        font-size:36px;
        letter-spacing: 1px;
        display: block;
        height: 500px;
    }
    .framer-1ykrs4h {
        height: 106px;
        width: 163px;
        top: 74px;
    }
    .topmenu {
        display: none; /* Скрываем старое меню */
    }
    .topblock {
        align-content: center;
        align-items: flex-end;
    }

    .mobile-menu-toggle {
        display: flex;
        justify-content: flex-end;
        width: min-content;
        padding: 6px 15px;
        /*backdrop-filter: blur(5px);*/
    }
    .righticons {
        display: none;
    }
    
    
    
    .framer-a7wuu1 {
        height: 187px;
        width: 187px;
        bottom: 11px;
        right: 144px;
    }
    
    .framer-1vcm0c7 {
        height: 83px;
        will-change: var(--framer-will-change-effect-override, transform);
        order: 3;
        width: 82px;
        top: -20px;
        left: 26px;
        z-index: 999;
    }
    .framer-e99zk6 {
        bottom: unset;
        height: 55px;
        width: 149px;
        top: 307px;
        right: 0px;
    }

    .framer-1s66ixt {
        height: 177px;
        width: 176px;
        bottom: -509px;
    }
    /*.contents {
        overflow: hidden;
    }
    */
    .framer-1pczlzu, .framer-mtvbsp, .framer-xucm3n {
        flex-direction: column;
    }
    .framer-1pczlzu {
        margin-top: 0px;
    }
    
    .framer-8f3x8r-container {
        align-self: unset;
        aspect-ratio: 1;
        height: 400px;
        flex: none;
        width: 100%;
    }
    
    .framer-1jbvz4s, .framer-f6m0fu, .framer-vimcj {
        flex: none;
        width: 100%;
        padding: 50px 30px 65px 10px;
    }
    
     .framer-1g2v7da,  .framer-1d2fnm6,  .framer-3arcxg,  .framer-1a7cw9a,  .framer-50y92w,  .framer-z6n0i6,  .framer-165r52p,  .framer-16aamc1,  .framer-1emdwwn {
        max-width: 720px;
    }
    .kids-zonetext {
        width: 100%;
    }
    
     .framer-88emjt {
        aspect-ratio: .945946;
        height: 370px;
    }
    
    .framer-xkz6m7 {
        grid-template-columns: repeat(1, minmax(50px, 1fr));
    }
    
    .topimgaesblock {
        bottom: unset;
        width: 100%;
        height: 429px;
        left: 10px;
        top: 10px;
        order: 0;
        position: absolute;
    }
    
    .framer-1v5gry2 {
        height: 132px;
        width: 216px;
        top: 24px;
        left: -75px;
    }
    
    .framer-aabjzj {
        height: 198px;
        width: 215px;
        top: 120px;
        left: -28px;
    }
    
    .framer-4cb749 {
        height: 259px;
        width: 195px;
        top: -7px;
        right: 20px;
    }
    
    .framer-a7wuu1 {
        height: 187px;
        width: 187px;
        top: 200px;
        right: -5px;
    }
    
    .framer-1nwyio6 {
        height: 186px;
        width: 186px;
        top: 40px;
        left: calc(45% - 90px);
    }
    .framer-19zsll3 {
        height: 1035px;
        order: 2;
        width: 1037px;
        top: -20px;
        left: -600px;
    }
    
    .framer-350tk3 {
        height: 210px;
        bottom: -61px;
        right: -75px;
        top: unset;
        width: 210px;
    }
    
     .framer-1b8z73e {
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }
    
    .framer-1bkzq9 {
        height: 27px;
        order: 0;
        width: 148px;
    }
    
     .framer-nodxv9 {
        white-space: pre-wrap;
        word-break: break-word;
        word-wrap: break-word;
        order: 1;
        width: 100%;
    }
    
     .framer-lytgaa {
        height: 60px;
        width: 60px;
        top: -36px;
        right: -84px;
    }
    .kids-zone-section {
        padding: 80px 0 85px;
    }
    /*.shiha_room_block, .framer-1qsmnxk, .framer-1i09fyw  {
        overflow: hidden;
    }
    */
    .framer-16j9i57 {
        height: 121px;
        width: 121px;
        top: 314px;
        left: 55%;
        transform: translate(-50%);
    }
    
    .framer-1g5zajf {
        bottom: -78px;
        left: 50%;
        right: unset;
        transform: translate(-50%);
    }
    
    .framer-dsai4l {
        aspect-ratio: .927869;
        height: 244px;
        bottom: -128px;
        right: -40px;
        top: unset;
        width: 226px;
    }
    
    .framer-zf3hxw {
        bottom: -65px;
        left: 40px;
        right: unset;
    }
    
    .framer-1s4uc9n {
        height: 131px;
        transform: unset;
        width: 131px;
        top: -79px;
        left: 123px;
    }
    
     .framer-1tdb6d7,  .framer-r2fm2c,  .framer-1cymjjf,  .framer-mc3elo {
        white-space: pre;
    }
    /*.framer-vimcj img {
        display:block;
        width:100%;
        height:100%;
        border-radius:inherit;
        object-position:left center;
        object-fit:cover
    }*/
    .framer-5uzqvc {
        height: 102px;
        left: -28px;
        right: unset;
        width: 102px;
        top: -39px;
    }
    .framer-bha9hi {
        height: 43px;
        width: 194px;
        bottom: 133px;
        right: 0;
        /*right: -77px;*/
    }
    .framer-rp8o40 {
        height: 129px;
        left: unset;
        transform: unset;
        width: 124px;
        top: 0px;
        right: 318px;
    }
    
    .framer-1g5lezv {
        height: var(--framer-aspect-ratio-supported, 124px);
        width: 124px;
        top: -21px;
        right: 14px;
    }
    
    .framer-65678m, .framer-1ym2kam {
        order: 1;
    }
    .framer-65678m {
        margin-left: 60px;
    }
    .framer-65678m p {
        font-size:23px;
    }
    .framer-16ggazm {
        aspect-ratio: .769231;
        height: 455px;
    }
    .framer-1otgizd {
        aspect-ratio: 1.42857;
        height: 245px;
    }
     .framer-fsrltl {
        aspect-ratio: 1.27273;
        height: 275px;
    }
    .framer-1i09fyw {
        padding: 60px 0 85px;
    }
    .framer-1igv9v-container {
        aspect-ratio: 1.03093;
        height: var(--framer-aspect-ratio-supported, 388px);
        flex: none;
        width: 100%;
    }
    .zagtext2 {
        font-size: 28px;
    }
    .framer-l3u9tx {
        height: 129px;
        left: 42px;
        right: unset;
        width: 126px;
        top: -75px;
    }
    .framer-1g5zajf {
        bottom: -78px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
    .framer-1g5zajf div {
            
        font-family: "Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
        font-size: 140px;
        letter-spacing: 0px;
        line-height: 130%;
        text-align: center;
        color: rgba(255, 255, 255, 0);
        text-stroke-color: rgba(0, 0, 0, 0.5);
        text-stroke-width: 2px;
    }
    
    .framer-8tq9np {
        width: 105px;
        height: 105px;
        top: -55px;
        right: -48px;
    }
    .framer-vimcj  div.s1 img{
        display:block;width:100%;height:100%;border-radius:inherit;object-position:left center;object-fit:cover;
    }
    .framer-mc3elo p{
        font-family: "Neutro Extra Bold", "Neutro Extra Bold Placeholder", sans-serif;
        font-size:25px;
        letter-spacing:0px;
        line-height:120%;
    }
    
    .framer-18wtvp1 {
        bottom: -56px;
        left: 44px;
        right: unset;
    }
    .framer-18wtvp1 > div {
        font-size:100px;
    }
    .framer-qojpp9 {
        height: 120px;
        bottom: -56px;
        left: unset;
        transform: unset;
        width: 154px;
        right: -25px;
    }
}