.site-header .uo-logo span {
    color: #ffffff
}

i.fi {
    line-height: 0
}

.spo .site-header .uo-logo span {
    color: #24a1ee
}

.spo .site-header .uo-logo__mark span {
    color: #fff
}

.site-header .uo-logo__text svg path {
    stroke: #2aa44c
}

.spo .site-header .uo-logo__text svg path {
    stroke: #1b8dd4
}

.spo .btn-edu.is-active,.spo .search-submit {
    box-shadow: 0 12px 26px rgb(111 189 255 / 25%)
}

.logo span {
    flex-direction: column;
    display: flex;
    font-size: clamp(1.25rem,1.1913183279742765rem + .2572347266881029vw,1.5rem)
}

body:not(.home) .logo span {
    font-weight: 600;
    line-height: 1.2;
    color: #2b2f33
}

body.home .logo span {
    border-left: 1px #dedede5c solid;
    padding-left: 10px;
    color: #fff
}

body:not(.home) .logo span small {
    color: #7f86a0;
    font-size: 13px
}

body.home .logo span small {
    font-weight: 500;
    color: #ffffff;
    font-size: 15px
}

.header__nav a {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    font-size: 12px
}

body:not(.home) .header__nav a {
}

body.home .header__nav a {
}

body.home .header__nav .is-active a {
    color: #000000
}

.header__nav .social-mess a {
    background: #fff
}

.levels-header-buttons {
    border-radius: 35px;
    padding: 5px;
    gap: 0;
    display: flex;
    width: max-content
}

body:not(.home) .levels-header-buttons {
    background: #eaeff2
}

body.home .levels-header-buttons {
    background: #cdcdcd38;
    color: #fff
}

.spo .levels-header-buttons a {
    color: #608a9f;
    font-weight: 600
}

.levels-header-buttons a {
    font-weight: 700
}

body:not(.home) .levels-header-buttons a {
}

body.home .levels-header-buttons a {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px
}

.button-header.btn-primary {
    border-radius: 59px;
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    background: #2563eb;
    font-size: 16px
}

.button-header.sub-button {
    padding: 10px 15px;
    color: #7c85ac;
    font-weight: 600;
    background: #ffffff00;
    font-size: 16px
}

body:not(.home) .city-selector-container {
    border-radius: 18px;
    padding: 16px 18px;
    transition: .25s;
    gap: 10px;
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background: #05b368;
    font-size: 16px
}

body.home .city-selector-container {
    background: #1ede7b
}

.header,.logo {
    display: flex;
    align-items: center
}

.city-selector-container i {
    line-height: 1;
    color: #fff;
    font-size: 14px
}

.city-selector-container:hover {
    transform: translateY(-2px)
}

body:not(.home) .city-selector-container:hover {
    background: #22cf76;
    color: #fff
}

.site-header {
    padding: 0 5px;
    z-index: 100;
    background: #ffffff00;
    position: sticky
}

body:not(.home) .site-header {
    top: 10px;
    margin-top: clamp(0px,.5vw,20px);
    margin-bottom: 20px
}

body.home .site-header {
    top: clamp(15px,2.5vw,35px);
    transition: top .35s,background .3s,box-shadow .3s
}

.bg-darker.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000004a;
    inset: 0
}

body:not(.home) .bg-darker.active {
    z-index: 23
}

body.home .bg-darker.active {
    z-index: 5
}

.button-for-mobile {
    display: none
}

.button-for-mobile .header-modal {
    padding: 8px 9px
}

.button-for-mobile .header-modal i,.spo .header-modal i {
    transition: transform .25s;
    font-size: 12px
}

.header {
    border-radius: clamp(20px,2vw,40px);
    -webkit-transition: .5s;
    margin: 0 auto;
    max-width: 1360px;
    -o-transition: .5s;
    padding: 15px;
    gap: 15px;
    width: 100%;
    position: relative
}

body:not(.home) .header {
    transition: .5s;
    background: #f2f6f8
}

body.home .header {
    align-items: center;
    box-shadow: 0 16px 45px #09090914;
    transition: .3s;
    display: flex;
    background: #00000038
}

.hc-item:last-child,.hc-phone {
    margin-bottom: 0
}

.header__left {
    flex: 0 0 auto;
    max-width: 210px
}

.logo {
    text-decoration: none;
    color: #36475f
}

body:not(.home) .logo {
    gap: 8px
}

body.home .logo {
    gap: 10px;
    display: flex;
    align-items: center
}

.spo .logo img {
    filter: hue-rotate(86deg)
}

.favorites-link:hover,.nav-link:hover img,.nav-trigger:hover img,.search-toggle:hover {
}

.favorites-link,.search-toggle {
    align-items: center;
    cursor: pointer;
    line-height: 0;
    justify-content: center;
    font-size: 20px;
    transition: .2s;
    border: none;
    display: flex;
    background: 0 0
}

body:not(.home) .favorites-link,body:not(.home) .search-toggle {
    color: #000
}

body.home .favorites-link,body.home .search-toggle {
    color: #fff;
    padding: 0
}

.hc-item a i,.hc-item a img {
    vertical-align: bottom;
    border-radius: 6px;
    width: 24px;
    text-decoration: none;
    height: 24px;
    position: relative
}

body:not(.home) .hc-item a i,body:not(.home) .hc-item a img {
    background: #f2f6f8
}

body.home .hc-item a i,body.home .hc-item a img {
    color: #1b1b1b;
    background: #8e8e8e22
}

.header-contacts {
    font-size: 14px;
    position: relative
}

.hc-trigger {
    display: flex;
    cursor: pointer;
    gap: 3px
}

.hc-item a,.hc-left {
    display: flex;
    gap: 8px
}

.hc-left {
    align-items: start
}

.spo .consultacia-header i,.spo .hc-left i,.spo .nav-link:hover,.spo .nav-trigger:hover {
    color: #1991ee
}

.hc-left i {
    font-size: 14px
}

body:not(.home) .hc-left i {
    color: #00cc6c
}

body.home .hc-left i {
    color: #fff
}

.hc-text,.nav-item {
    flex-direction: column;
    display: flex
}

.hc-item,.mega-phone {
    flex-direction: column
}

.hc-phone {
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    font-size: 19px
}

body:not(.home) .hc-phone {
    color: #000
}

body.home .hc-phone {
    color: #fff
}

.hc-sub {
    font-weight: 700;
    font-size: 11px;
    margin-top: 2px
}

body:not(.home) .hc-sub {
    color: #707a8a
}

body.home .hc-sub {
    color: #ffffffb8
}

.hc-arrow {
    line-height: 0
}

body:not(.home) .hc-arrow {
    transition: transform .3s;
    height: 12px
}

.hc-dropdown {
    right: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    transform: translateY(10px);
    padding: 20px;
    z-index: 111;
    width: 270px;
    pointer-events: none;
    top: calc(100% + 10px)
}

body:not(.home) .hc-dropdown {
    opacity: 0;
    transition: .25s;
    position: absolute
}

.header-contacts.open .hc-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.header-contacts.open .hc-arrow {
    transform: rotate(180deg);
    line-height: 0
}

.hc-item {
    display: flex;
    margin-bottom: 10px;
    color: #747d8d;
    font-size: 13px
}

.hc-item:last-child span {
    margin-bottom: 0;
    font-weight: 600;
    color: #000;
    font-size: 15px
}

.hc-item a {
    align-items: center;
    text-decoration: none;
    color: #000;
    font-size: 17px
}

body:not(.home) .hc-item a {
    font-weight: 600
}

.hc-item a i {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px
}

body:not(.home) .hc-item a i {
}

body:not(.home) .spo .hc-item a i {
    background: #e5edf9
}

.hc-item a img {
    justify-content: center;
    flex-shrink: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    font-size: 13px
}

body:not(.home) .hc-item a img {
    color: #00df75
}

body.home .hc-item a img {
}

.mega-grid li a,.search-submit {
    text-decoration: none;
    font-size: 17px
}

.spo .hc-item a img,.spo .nav-link:hover img,.spo .nav-trigger:hover img {
}

.hc-item strong {
    margin-bottom: 3px;
    text-decoration: none;
    font-weight: 600;
    color: #707a8a;
    font-size: 13px
}

.favorites-link:hover,.search-toggle:hover {
    transform: translateY(-3px);
    background: 0 0
}

.header-search-dropdown {
    top: 110%;
    right: 0;
    transform: translateY(-10px);
    z-index: 2;
    visibility: hidden;
    background: rgb(237 241 250 / 0);
    left: 0
}

body:not(.home) .header-search-dropdown {
    opacity: 0;
    transition: .25s;
    position: absolute
}

.header-search-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.search-container {
    max-width: 1280px;
    border-radius: 20px 20px 0 0;
    padding: 20px;
    gap: 16px;
    display: flex;
    align-items: center;
    background: #f2f4f7;
    margin: 0 auto
}

.search-container form {
    display: flex;
    flex: 1;
    gap: 12px
}

.search-container input {
    flex: 1;
    border-radius: 14px;
    padding: 0 18px;
    border: 1px solid #dbdde1;
    outline: 0;
    height: 52px;
    font-weight: 600;
    background: #fff;
    font-size: 15px
}

.spo .search-submit {
    outline: #ffffff3b solid 1px;
    width: max-content;
    background: linear-gradient(135deg,#2badf1,#025ca9)
}

body:not(.home) .spo .search-submit {
    padding: 15px 18px;
    gap: 10px;
    color: #fff
}

body.home .spo .search-submit {
    box-shadow: 0 12px 26px rgb(111 189 255 / 25%)
}

.search-submit {
    border-radius: 20px;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 12px 30px rgb(37 235 50 / 35%);
    border: none;
    display: flex;
    height: 52px;
    font-weight: 600;
    background: linear-gradient(135deg,#05b368,#247c28)
}

body:not(.home) .search-submit {
    color: #fff;
    padding: 5px 35px;
    gap: 10px
}

.search-close {
    opacity: .5;
    border: none;
    cursor: pointer;
    background: 0 0;
    font-size: 22px
}

.mega-list-grid .mega-link:hover::before,.search-close:hover {
    opacity: 1
}

.mega,.nav-item .mega {
    opacity: 0;
    pointer-events: none
}

.header__nav {
    flex: 1 1 auto;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: end
}

.spo .levels-header-buttons,.spo .mega-tab:hover {
    background: #f2f9fe
}

.btn-edu {
    border-radius: 15px;
    padding: clamp(4px,.5vw,8px) 9px;
    text-decoration: none;
    font-weight: 600;
    background: 0 0;
    color: #7c85ac
}

.spo .btn-edu.is-active {
    background: linear-gradient(135deg,#2badf1,#025ca9);
    color: #fff
}

.btn-edu.is-active {
    border-radius: 210px;
    background: linear-gradient(135deg,#77dc79,#247c28);
    box-shadow: 9px 20px 26px rgb(77 165 54 / 31%);
    color: #fff
}

.nav-link {
    text-decoration: none;
    font-weight: 500;
    color: #000
}

.nav-trigger {
    align-items: center;
    cursor: pointer;
    line-height: 1;
    font-size: clamp(1rem,0.9706591639871383rem + 0.12861736334405144vw,1.125rem);
    font: inherit;
    padding: 0;
    border: none;
    gap: 5px;
    display: flex;
    font-weight: 600;
    background: 0 0
}

body:not(.home) .nav-trigger {
    color: #0a0a0a
}

body.home .nav-trigger {
    color: #fff
}

.nav-link:hover,.nav-trigger:hover {
    color: #14cb6c
}

.nav-link:hover img,.nav-trigger:hover img {
    filter: invert(54%) sepia(92%) saturate(406%) hue-rotate(96deg) brightness(97%) contrast(95%)
}

.nav-link img,.nav-trigger img {
    width: 14px
}

body.home .nav-link img,body.home .nav-trigger img {
    filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(188deg) brightness(207%) contrast(100%)
}

.mega {
    transform-origin: top center;
    transform: translateY(-6px) scaleY(.98);
    transition: opacity .18s,transform .18s;
    z-index: 10;
    display: none;
    width: 100%;
    top: calc(100% + 5px);
    left: 0;
    position: absolute
}

.mega.active {
    display: block;
    z-index: 30
}

.mega__inner {
    border-radius: 25px;
    grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0 20px 40px #747a9617;
    padding: 0;
    gap: 20px;
    display: grid;
    pointer-events: auto;
    background: #fff
}

.mega-phone {
    display: flex;
    margin-bottom: 5px
}

body:not(.home) .mega-phone {
    margin-top: 10px
}

body.home .mega-phone {
    margin-top: 15px
}

.mega-grid li a,.mega-title {
    margin-bottom: 10px;
    font-weight: 600
}

.mega-phone span {
    font-weight: 600;
    font-size: 14px
}

body:not(.home) .mega-phone span {
    color: #707a8a
}

body.home .mega-phone span {
    color: #6b7a90
}

.mega-column--podbor {
    border-radius: 24px;
    cursor: pointer;
    justify-content: space-between;
    background-color: #f6f7f9;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #eef2f7;
    display: flex;
    width: 100%;
    background: linear-gradient(180deg,#fff,#f7fafc)
}

body:not(.home) .mega-column--podbor {
    height: 100%
}

.mega-column--podbor img {
    opacity: .6;
    right: 0;
    z-index: 0;
    filter: grayscale(1);
    width: 220px;
    bottom: 0;
    position: absolute
}

.mega-column {
    flex: 1 1 0;
    min-width: 360px;
    height: 100%;
    position: relative
}

.mega-column .social-mess {
    border-radius: 20px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    display: flex;
    width: max-content;
    margin-bottom: 10px;
    background: #ffffff57;
    bottom: 0;
    position: absolute
}

.mega-column img {
    border-radius: 20px
}

.mega-column p {
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 1.2;
    color: #707a8a;
    font-size: 16px
}

.mega-column--promo {
    max-width: 260px
}

.mega-title {
    letter-spacing: -.5px;
    line-height: 1.1;
    color: #3d9140
}

body:not(.home) .mega-title {
    font-size: 24px
}

body.home .mega-title {
    font-size: 22px
}

body:not(.home) .spo .mega-title {
    line-height: 1.1;
    color: #2196f3;
    font-size: 22px
}

body.home .spo .mega-title {
    color: #299af3
}

.mega-list {
    flex-direction: column;
    padding: 0;
    list-style: none;
    gap: 8px;
    display: flex;
    margin: 0
}

.mega-list a {
    padding: 6px 0;
    gap: 8px;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    color: #2b2f33;
    font-size: 18px
}

.mega-link:hover {
    background: #13d57900 !important;
    color: #1abb68 !important
}

.spo .mega-link:hover {
    color: #1991ee !important
}

.mega-phone a {
    padding: 0;
    margin-bottom: 0;
    text-decoration: none;
    font-weight: 500;
    color: #2a2a2a;
    font-size: 19px
}

.mega__inner .mega-phone a:hover {
    background: 0 0;
    color: #16794b
}

.mini-form {
    flex-direction: column;
    border-radius: 24px;
    padding: 24px;
    border: 1px solid #eef2f7;
    display: flex;
    overflow: auto;
    background: linear-gradient(180deg,#fff,#f7fafc);
    position: relative
}

.mini-form .field input {
    border-radius: 8px;
    padding: 10px 12px 10px 55px;
    border: 1px solid #e6e6e6;
    width: 100%;
    font-weight: 500;
    font-size: 14px
}

.btn-primary {
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    font-size: 19px;
    box-shadow: 9px 20px 26px rgb(77 165 54 / 31%);
    padding: 15px 25px;
    margin-top: 10px;
    z-index: 1;
    border: none;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    background: linear-gradient(135deg,#05b368,#247c28)
}

.spo .btn-primary {
    box-shadow: 9px 20px 26px rgb(54 117 165 / 31%);
    background: linear-gradient(135deg,#7ac5ff,#1991ee);
    color: #fff
}

.nav-item .mega {
    transform: translateY(-6px) scaleY(.98)
}

.nav-item.is-open .mega {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scaleY(1)
}

.skiptranslate iframe {
    display: none !important
}

.header-menu-content-list {
    height: 500px;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 8px 12px 4px;
    scrollbar-width: thin;
    scrollbar-color: #cbdacf transparent;
    overscroll-behavior: contain
}

.header-menu-content-list::-webkit-scrollbar {
    width: 5px
}

.header-menu-content-list::-webkit-scrollbar-track {
    background: transparent
}

.header-menu-content-list::-webkit-scrollbar-thumb {
    background: #d4e1d7;
    border-radius: 10px
}

.header-menu-content-list::-webkit-scrollbar-thumb:hover {
    background: #9fc5aa
}

.header-menu-content-list .container-linker {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    align-items: stretch
}

body:not(.home) .header-menu-content-list .container-linker {
    flex-wrap: wrap
}

.header-menu-content-list .container-linker .link {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    min-height: 82px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid #e7eee8;
    border-radius: 13px;
    background: #fff;
    color: #24372b;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(20,55,32,.025);
    transition: transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease
}

.header-menu-content-list .container-linker .link::before,.spo .mega-list-grid .mega-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(circle at 100% 0,rgba(19,181,101,.11),transparent 52% );
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease
}

.header-menu-content-list .container-linker .link::after {
    content: "↗";
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin-left: auto;
    border: 1px solid #e3eee6;
    border-radius: 8px;
    background: #f5faf6;
    color: #43835a;
    font-size: 14px;
    line-height: 1;
    opacity: 0;
    transform: translate(-4px,4px);
    transition: opacity .22s ease,transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease
}

.header-menu-content-list .container-linker .link:hover {
    color: #087b49;
    background: #fff;
    border-color: #bfe3cc;
    box-shadow: 0 10px 26px rgba(22,112,57,.075),0 2px 6px rgba(22,112,57,.035);
    transform: translateY(-3px)
}

.header-menu-content-list .container-linker .link:hover::before {
    opacity: 1
}

.header-menu-content-list .container-linker .link:hover::after {
    opacity: 1;
    transform: translate(0,0);
    color: #087b49;
    background: #e6f6eb;
    border-color: #cce9d5
}

.header-menu-content-list .container-linker .link .icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 clamp(42px,3.5vw,50px);
    width: clamp(42px,3.5vw,50px);
    height: clamp(42px,3.5vw,50px);
    padding: 9px;
    border: 1px solid #e1eee4;
    border-radius: 12px;
    background: #f0f8f2;
    color: #19834c;
    font-size: 21px;
    line-height: 1;
    transition: transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease
}

.header-menu-content-list .container-linker .link .icon .letter {
    color: inherit
}

.header-menu-content-list .container-linker .link:hover .icon {
    transform: scale(1.06);
    background: #e5f6eb;
    border-color: #cce9d5;
    color: #087b49;
    box-shadow: 0 4px 10px rgba(8,123,73,.07)
}

.header-menu-content-list .container-linker .link .icon-place {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    width: 60px;
    height: 52px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid #e8eee9;
    border-radius: 11px;
    background: #f7faf7;
    color: #19834c;
    transition: transform .25s ease,border-color .25s ease,background .25s ease
}

.header-menu-content-list .container-linker .link .icon-place img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: contain;
    transition: transform .3s ease
}

.header-menu-content-list .container-linker .link:hover .icon-place {
    transform: scale(1.035);
    border-color: #cce5d3;
    background: #fff
}

.header-menu-content-list .container-linker .link:hover .icon-place img {
    transform: scale(1.04)
}

body.home .header-menu-content-list .container-linker .link .icon-place {
    flex-basis: 68px;
    width: 68px;
    height: 54px;
    padding: 4px;
    font-size: 20px
}

body:not(.home) .header-menu-content-list .container-linker .link .icon-place {
    flex-basis: 60px;
    width: 60px;
    height: 50px;
    padding: 4px;
    font-size: 20px
}

.spo .header-menu-content-list {
    scrollbar-color: #c9dff3 transparent
}

.spo .header-menu-content-list::-webkit-scrollbar-thumb {
    background: #c9dff3
}

.spo .header-menu-content-list::-webkit-scrollbar-thumb:hover {
    background: #91bfe7
}

.spo .header-menu-content-list .container-linker .link {
    border-color: #e4edf6;
    color: #263b50;
    box-shadow: 0 2px 5px rgba(20,60,100,.025)
}

.spo .header-menu-content-list .container-linker .link::before,.spo .mega-list-grid .mega-link::before {
    background: radial-gradient(circle at 100% 0,rgba(33,150,243,.12),transparent 52% )
}

.spo .header-menu-content-list .container-linker .link:hover {
    color: #1479c5;
    background: #fff;
    border-color: #bfdef8;
    box-shadow: 0 10px 26px rgba(22,121,209,.08),0 2px 6px rgba(22,121,209,.035);
    transform: translateY(-3px)
}

.spo .header-menu-content-list .container-linker .link:hover::before {
    opacity: 1
}

.spo .header-menu-content-list .container-linker .link:hover::after {
    color: #1479c5;
    background: #e8f4ff;
    border-color: #cde5fa
}

.spo .header-menu-content-list .container-linker .link .icon {
    border-color: #dceafa;
    background: #edf6ff;
    color: #2186d5
}

.spo .header-menu-content-list .container-linker .link:hover .icon {
    border-color: #c7e1fa;
    background: #e2f1ff;
    color: #1479c5;
    box-shadow: 0 4px 10px rgba(33,134,213,.08)
}

.spo .header-menu-content-list .container-linker .link .icon .letter {
    color: inherit
}

.spo .header-menu-content-list .container-linker .link .icon-place {
    border-color: #dfebf7;
    background: #f2f8ff;
    color: #2186d5
}

.spo .header-menu-content-list .container-linker .link:hover .icon-place {
    border-color: #c7e1fa;
    background: #fff
}

.spo .mega__inner a:hover {
    text-decoration: none;
    background: #e8f4ff;
    color: #1479c5
}

body:not(.home) .spo .mega__inner a:hover {
    color: #1479c5
}

body.home .spo .mega__inner a:hover {
    color: #1479c5
}

@media (max-width: 1100px) {
    .header-menu-content-list .container-linker {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 10px
    }

    .header-menu-content-list .container-linker .link {
        min-height: 74px;
        padding: 12px;
        gap: 10px;
        font-size: 13px
    }

    .header-menu-content-list .container-linker .link .icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        padding: 8px;
        font-size: 19px
    }
}

@media (max-width: 760px) {
    .header-menu-content-list {
        height:auto;
        max-height: 55vh;
        padding: 4px 5px 10px
    }

    .header-menu-content-list .container-linker {
        grid-template-columns: minmax(0,1fr);
        gap: 8px
    }

    .header-menu-content-list .container-linker .link {
        min-height: 66px;
        padding: 11px 12px;
        border-radius: 11px;
        font-size: 13px
    }

    .header-menu-content-list .container-linker .link::after {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        opacity: 1;
        transform: none
    }

    .header-menu-content-list .container-linker .link .icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px
    }

    .header-menu-content-list .container-linker .link .icon-place,body:not(.home) .header-menu-content-list .container-linker .link .icon-place,body.home .header-menu-content-list .container-linker .link .icon-place {
        flex-basis: 54px;
        width: 54px;
        height: 44px
    }
}

@media (max-width: 380px) {
    .header-menu-content-list .container-linker .link {
        gap:9px;
        padding: 10px;
        font-size: 12px
    }

    .header-menu-content-list .container-linker .link .icon {
        flex-basis: 37px;
        width: 37px;
        height: 37px;
        padding: 7px;
        font-size: 17px
    }

    .header-menu-content-list .container-linker .link .icon-place,body:not(.home) .header-menu-content-list .container-linker .link .icon-place,body.home .header-menu-content-list .container-linker .link .icon-place {
        flex-basis: 46px;
        width: 46px;
        height: 40px
    }
}

.header-menu-content-list .container-linker .link:focus-visible,.spo .mega__inner a:focus-visible {
    outline: 3px solid rgba(19,181,101,.35);
    outline-offset: 3px
}

.spo .header-menu-content-list .container-linker .link:focus-visible,.spo .mega__inner a:focus-visible {
    outline-color: rgba(33,150,243,.4)
}

@media (prefers-reduced-motion:reduce) {
    .header-menu-content-list .container-linker .link,.header-menu-content-list .container-linker .link::before,.header-menu-content-list .container-linker .link::after,.header-menu-content-list .container-linker .link .icon,.header-menu-content-list .container-linker .link .icon-place,.header-menu-content-list .container-linker .link .icon-place img {
        transition: none !important
    }
}

.mega__inner a {
    position: relative;
    text-decoration: none;
    transition: color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.7,.2,1);
    -webkit-tap-highlight-color: transparent
}

.mega__inner a:hover {
    text-decoration: none;
    background: #eaf7ef;
    color: #087b49
}

.mega__inner--split {
    display: grid;
    grid-template-columns: 310px minmax(0,1fr);
    gap: 0;
    min-height: 410px;
    overflow: hidden;
    border: 1px solid rgba(20,60,43,.09);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(19,44,32,.10),0 3px 12px rgba(19,44,32,.035)
}

.mega-sidebar {
    display: flex;
    flex-direction: column;
    gap: 7px;
    height: 100%;
    padding: 24px 17px;
    border-right: 1px solid #e8eee9;
    background: radial-gradient(circle at 0 0,rgba(36,180,105,.075),transparent 48% ),#f8fbf9
}

.burger-btn,.mega-tab {
    background: transparent;
    cursor: pointer
}

.mega-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #35473d;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    text-align: left;
    transition: background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease
}

.mega-tab::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 13px;
    bottom: 13px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #13b968;
    opacity: 0;
    transform: scaleY(.45);
    transition: opacity .22s ease,transform .22s ease
}

.mega-tab i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #e2ebe4;
    border-radius: 11px;
    background: #fff;
    color: #39875c;
    font-size: 17px;
    line-height: 1;
    transition: background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease
}

.mega-tab img {
    display: block;
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    object-fit: contain;
    filter: none;
    opacity: .78;
    transition: opacity .22s ease,transform .22s ease
}

.mega-tab:hover {
    color: #087b49;
    border-color: #dcefe3;
    background: #edf8f1;
    transform: translateX(3px)
}

.mega-tab:hover i {
    color: #087b49;
    border-color: #cce8d6;
    background: #fff;
    transform: scale(1.04)
}

.mega-tab:hover img {
    opacity: 1;
    transform: scale(1.06)
}

.mega-tab.is-active {
    color: #087b49;
    background: #e8f6ed;
    border-color: #cfe9d8;
    box-shadow: 0 4px 12px rgba(27,130,72,.055)
}

.mega-tab.is-active::before {
    opacity: 1;
    transform: scaleY(1)
}

.mega-tab.is-active i {
    color: #fff;
    border-color: #15985a;
    background: linear-gradient(145deg,#21c777,#07894c);
    box-shadow: 0 5px 12px rgba(8,137,76,.19)
}

.mega-tab.is-active img {
    filter: none;
    opacity: 1
}

.spo .mega-sidebar {
    border-right-color: #e3edf7;
    background: radial-gradient(circle at 0 0,rgba(33,150,243,.09),transparent 48% ),#f7faff
}

.spo .mega-tab::before {
    background: #2196f3
}

.spo .mega-tab i {
    color: #237fc2;
    border-color: #dce9f5
}

.spo .mega-tab:hover {
    color: #1479c5;
    border-color: #d7e9fa;
    background: #eaf5ff
}

.spo .mega-tab:hover i {
    color: #1479c5;
    border-color: #cce3f9
}

.spo .mega-tab.is-active {
    color: #1479c5;
    background: #e8f4ff;
    border-color: #cfe5fa;
    box-shadow: 0 4px 12px rgba(33,150,243,.07)
}

.spo .mega-tab.is-active i {
    color: #fff;
    border-color: #1684d8;
    background: linear-gradient(145deg,#42b0ff,#1679d1);
    box-shadow: 0 5px 12px rgba(22,121,209,.2)
}

.spo .mega-tab:hover img,.spo .mega-tab.is-active img {
    opacity: 1
}

.mega-content {
    position: relative;
    min-width: 0;
    padding: 32px;
    background: radial-gradient(ellipse at 100% 0,rgba(31,177,102,.045),transparent 38% ),#fff
}

.spo .mega-content {
    background: radial-gradient(ellipse at 100% 0,rgba(33,150,243,.055),transparent 38% ),#fff
}

.mega-panel {
    display: none;
    animation: megaPanelEnter .3s cubic-bezier(.2,.7,.2,1) both
}

.mega-panel.is-active {
    display: block
}

@keyframes megaPanelEnter {
    from {
        opacity: 0;
        transform: translateY(9px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.mega-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.mega-grid li {
    min-width: 0
}

.mega-grid li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 46px;
    padding: 15px 16px;
    overflow: hidden;
    border: 1px solid #edf0ed;
    border-radius: 13px;
    background: #fff;
    color: #34463b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    box-shadow: 0 2px 5px rgba(20,45,29,.018)
}

.mega-grid li a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg,rgba(26,181,99,.065),transparent 68% );
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none
}

.mega-grid li a::after {
    content: "↗";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    margin-left: auto;
    border-radius: 8px;
    background: #f0f5f1;
    color: #56806a;
    font-size: 14px;
    opacity: 0;
    transform: translate(-4px,4px);
    transition: opacity .22s ease,transform .22s ease,background .22s ease,color .22s ease
}

.mega-grid li a:hover {
    color: #087b49;
    border-color: #cce9d7;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20,110,58,.075),0 2px 5px rgba(20,110,58,.025);
    transform: translateY(-3px)
}

.mega-grid li a:hover::before {
    opacity: 1
}

.mega-grid li a:hover::after {
    opacity: 1;
    transform: translate(0,0);
    color: #087b49;
    background: #e4f5ea
}

.mega-grid li img {
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 7px;
    border: 1px solid #e4eee6;
    border-radius: 10px;
    background: #f4faf5;
    object-fit: contain;
    transition: transform .25s ease,background .25s ease,border-color .25s ease
}

.mega-grid li a:hover img {
    transform: scale(1.06);
    border-color: #cce9d7;
    background: #eaf8ef
}

.spo .mega-grid li a::before {
    background: linear-gradient(110deg,rgba(33,150,243,.075),transparent 68% )
}

.spo .mega-grid li a:hover {
    color: #1479c5;
    border-color: #cde5fb;
    box-shadow: 0 8px 22px rgba(22,121,209,.08),0 2px 5px rgba(22,121,209,.025)
}

.spo .mega-grid li a:hover::after {
    color: #1479c5;
    background: #e6f3ff
}

.spo .mega-grid li img {
    border-color: #e0ebf6;
    background: #f2f8ff
}

.spo .mega-grid li a:hover img {
    border-color: #cde5fb;
    background: #eaf5ff
}

.suggest-title {
    margin-bottom: 10px;
    color: #7b8a80;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .09em;
    line-height: 1.5;
    text-transform: uppercase
}

.suggest-item {
    color: #34463b;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.5
}

.mega-tab:focus-visible,.mega-grid li a:focus-visible,.mega__inner a:focus-visible {
    outline: 3px solid rgba(19,181,101,.35);
    outline-offset: 3px
}

.spo .mega-tab:focus-visible,.spo .mega-grid li a:focus-visible,.spo .mega__inner a:focus-visible {
    outline-color: rgba(33,150,243,.4)
}

@media (max-width: 1100px) {
    .mega__inner--split {
        grid-template-columns:265px minmax(0,1fr)
    }

    .mega-sidebar {
        padding: 20px 12px
    }

    .mega-content {
        padding: 24px
    }

    .mega-grid {
        gap: 10px
    }

    .mega-grid li a {
        gap: 10px;
        padding: 13px
    }
}

@media (max-width: 760px) {
    .mega__inner--split {
        grid-template-columns:1fr;
        min-height: auto;
        border-radius: 15px
    }

    .mega-sidebar {
        display: flex;
        flex-direction: row;
        gap: 8px;
        height: auto;
        padding: 12px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid #e8eee9;
        scrollbar-width: thin;
        scrollbar-color: #cbd9ce transparent
    }

    .spo .mega-sidebar {
        border-bottom-color: #e3edf7
    }

    .mega-tab {
        flex: 0 0 auto;
        width: auto;
        min-height: 44px;
        padding: 8px 11px;
        gap: 8px;
        white-space: nowrap;
        font-size: 12px
    }

    .mega-tab::before {
        top: auto;
        right: 12px;
        bottom: -1px;
        left: 12px;
        width: auto;
        height: 3px;
        transform: scaleX(.45)
    }

    .mega-tab.is-active::before {
        transform: scaleX(1)
    }

    .mega-tab i {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        border-radius: 9px;
        font-size: 14px
    }

    .mega-tab img {
        flex-basis: 20px;
        width: 20px;
        height: 20px
    }

    .mega-content {
        padding: 18px
    }

    .mega-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px;
        margin-top: 14px
    }

    .mega-grid li a {
        min-height: 68px;
        padding: 11px;
        border-radius: 11px;
        font-size: 12px
    }

    .mega-grid li img {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        padding: 5px
    }

    .mega-grid li a::after {
        display: none
    }
}

@media (max-width: 420px) {
    .mega-content {
        padding:13px
    }

    .mega-grid {
        grid-template-columns: minmax(0,1fr);
        gap: 8px
    }

    .mega-grid li a {
        min-height: 60px;
        padding: 11px 13px
    }
}

@media (prefers-reduced-motion:reduce) {
    .mega-tab,.mega-tab i,.mega-tab img,.mega-grid li a,.mega-grid li a::before,.mega-grid li a::after {
        transition: none !important
    }

    .mega-panel {
        animation: none !important
    }
}

.burger-btn {
    flex-direction: column;
    border: none;
    gap: 5px;
    display: none
}

.burger-btn span {
    border-radius: 3px;
    width: 26px;
    height: 3px;
    background: #226943
}

.top-second .bvi-open {
    border-radius: 10px;
    align-items: center;
    color: #179b57;
    font-size: 12px;
    padding: 7px 10px;
    margin-top: 0;
    border: none;
    gap: 10px;
    display: flex;
    font-weight: 600;
    background: #e8fcf2
}

.top-second .bvi-open img {
    width: 18px;
    height: 18px;
    filter: invert(46%) sepia(38%) saturate(801%) hue-rotate(97deg) brightness(97%) contrast(98%)
}

.top-firts,.top-second {
    display: flex;
    align-items: center;
    gap: 15px
}

.search-suggestions {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 0 auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-width: 1280px;
    padding-top: 0;
    padding: 20px;
    gap: 15px;
    display: flex;
    background: #ffffff
}

.suggest-title {
    color: #7b8198;
    margin-bottom: 10px
}

.suggest-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.suggest-item {
    border-radius: 20px;
    padding: 6px 14px;
    transition: background .15s,transform .1s;
    border: 1px solid #cbcdd6;
    cursor: pointer;
    background: #dfe6f400
}

.suggest-item:hover {
    transform: translateY(-1px);
    background: #e6eaf5
}

.history-clear {
    margin-left: auto;
    border: none;
    background: 0 0;
    cursor: pointer;
    color: #999;
    font-size: 12px
}

.suggest-empty {
    font-size: 14px;
    padding: 8px 0;
    color: #888
}

body:not(.home) .search-submit img {
    width: 20px;
    filter: brightness(14.5)
}

body.home .search-submit img {
    width: 19px;
    filter: brightness(300.5)
}

.consultacia-header {
    border-radius: 30px;
    gap: 8px;
    display: flex;
    align-items: center;
    padding: 7px 16px;
    background: #eaeff2
}

body.home .consultacia-header {
    color: #fff;
    position: relative;
    background: none;
}

.consultacia-header i {
    font-size: 16px
}

body:not(.home) .consultacia-header i {
    line-height: 0;
    color: #000000
}

body:not(.home) .spo .consultacia-header i,body:not(.home) .spo .hc-left i,body:not(.home) .spo .nav-link:hover,body:not(.home) .spo .nav-trigger:hover {
    line-height: 0;
    color: #1991ee
}

body.home .consultacia-header i {
    color: #fff
}

.spo .city-selector-container {
    background: #1991ee
}

.mega-city-list {
    margin-top: 20px;
    gap: 7px;
    display: flex;
    flex-wrap: wrap
}

.mega-city-list button {
    font-size: 13px;
    border-radius: 14px;
    padding: 5px 10px;
    transition: .2s;
    border: none;
    font-weight: 600;
    background: rgba(255,255,255,.06);
    color: #fff
}

.mega-city-list button:hover {
    background: rgba(255,255,255,.14)
}

.mega-list-grid {
    padding: 20px;
    list-style: none;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    display: grid;
    margin: 0
}

.mega__inner--cols {
    padding: 20px;
    gap: 15px
}

.mega-list-grid .mega-link {
    border-radius: 24px;
    line-height: 1.35;
    color: #0f172a;
    font-size: 16px;
    flex-direction: column;
    transition: transform .25s,border-color .25s,box-shadow .25s;
    padding: 10px 20px;
    display: flex;
    text-decoration: none;
    font-weight: 600;
    min-height: 75px;
    position: relative;
    overflow: hidden;
    align-items: flex-start;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(15,23,42,.04);
    gap: 5px;
    border: 1px solid rgba(15,23,42,.08);
    background: #fff
}

.mega-list-grid .mega-link::before {
    position: absolute;
    opacity: 0;
    transition: .25s;
    background: radial-gradient(circle at top right,rgb(59 246 71 / 8%),transparent 45%);
    content: "";
    inset: 0
}

.mega-list-grid .mega-link::after {
    font-size: 18px;
    right: 18px;
    transform: rotate(45deg);
    transition: .25s;
    color: #94a3b8;
    top: 18px;
    content: "↑";
    position: absolute
}

.spo .mega-list-grid .mega-link:hover {
    box-shadow: 0 12px 35px rgba(59,130,246,.1);
    transform: translateY(-4px);
    border-color: rgba(59,130,246,.18)
}

.mega-list-grid .mega-link:hover {
    box-shadow: 0 12px 35px rgb(42 192 72 / 10%);
    transform: translateY(-4px);
    border-color: rgb(20 169 96 / 18%)
}

.mega-list-grid .mega-link:hover::after {
    transform: translateX(3px);
    color: #0fb069
}

.spo .mega-list-grid .mega-link:hover::after {
    transform: translateX(3px);
    color: #3b82f6
}

.mega-list-grid .mega-link span {
    display: block;
    font-weight: 400;
    color: #64748b;
    font-size: 13px
}

.manager-status {
    font-size: 13px;
    border-radius: 999px;
    padding: 10px 16px;
    gap: 8px;
    display: inline-flex;
    margin-bottom: 20px;
    background: #ecfdf3;
    color: #11854d
}

body:not(.home) .manager-status {
    align-items: center;
    font-weight: 700
}

.manager-status span,.trust-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.manager-status span {
    box-shadow: 0 0 0 8px rgba(25,213,107,.12);
    background: #19d56b;
    animation: 2s infinite pulse
}

.mega-trust {
    gap: 12px;
    display: flex;
    color: #64748b;
    justify-content: center;
    font-size: 12px
}

body:not(.home) .mega-trust {
    align-items: center;
    font-weight: 700
}

.trust-dot {
    box-shadow: 0 0 0 8px rgba(30,222,123,.12);
    background: #1ede7b
}

.manager-card {
    border-radius: 24px;
    padding: 15px;
    border: 1px solid #eef2f7;
    gap: 13px;
    display: flex;
    margin-bottom: 0;
    background: linear-gradient(180deg,#fff,#f7fafc)
}

.manager-card img {
    object-fit: cover
}

body:not(.home) .manager-card img {
    flex-shrink: 0;
    border-radius: clamp(15px,1.5vw,20px);
    width: clamp(55px,4.5vw,70px);
    height: clamp(55px,4.5vw,70px)
}

body.home .manager-card img {
    border-radius: 22px;
    width: 74px;
    height: 74px
}

.manager-name {
    gap: 10px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px
}

.manager-live {
    border-radius: 50%;
    animation: 2s infinite online;
    width: 7px;
    height: 7px
}

body.home .manager-live {
    background: #00d46a
}

body.home .manager-live.status-away {
    background: #ffa60f
}

.manager-sub {
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #6b7280;
    font-size: 12px
}

.mega-bottom {
    padding-top: 30px;
    margin-top: 0;
    text-align: center;
    color: #94a3b8;
    font-weight: 700;
    grid-column: 1/-1;
    border-top: 1px solid #eef2f7;
    font-size: 13px
}

.spo .site-header .levels-header-buttons {
    background: #a0bbe326
}

.mobile-dropdown-content {
    flex-direction: column;
    gap: 5px
}

.mobile-dropdown.active .mobile-dropdown-content a {
    border-radius: 14px;
    align-items: center;
    color: #1f2937;
    transition: .2s;
    padding: 10px 16px;
    gap: 8px;
    border: 1px solid #eaeaea;
    display: flex;
    text-decoration: none;
    font-weight: 600;
    background: #fff;
    font-size: 14px
}

.mobile-dropdown.active .mobile-dropdown-content a:hover {
    background: #f8fafc;
    border-color: #dbeafe
}

.mobile-dropdown.active .mobile-dropdown-content a>span {
    flex: 1
}

.mobile-dropdown.active .mobile-dropdown-content a i:first-child {
    line-height: 0;
    color: #000;
    font-size: 16px
}

.mobile-dropdown.active .mobile-dropdown-content a i:last-child {
    line-height: 0;
    color: #000;
    font-size: 16px
}

.mobile-consult-trust div i {
    line-height: 0;
    color: #4dc171
}

.site-header .uo-logo__text span {
    color: #2aa44c
}

.hc-item a:hover {
    color: #3d9140
}

.spo .hc-item a:hover {
    color: #2196F3
}

.logo span,.site-header.scrolled .logo span {
    line-height: 1.2;
    font-weight: 600;
    font-size: 20px
}

.mega-main-link {
    border-radius: 15px;
    transition: .25s;
    padding: 14px 16px;
    gap: 10px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    background: #e5e8ed;
    color: #747a96
}

.mega-main-link:hover {
    background: #e5e8ed;
    color: #fff
}

.site-header.scrolled .logo span {
    flex-direction: column;
    display: flex;
    padding-left: 10px;
    border-left: 1px #c5c5c5b5 solid;
    color: #000;
    font-size: clamp(1.25rem,1.1913183279742765rem + .2572347266881029vw,1.5rem)
}

.site-header.scrolled .logo span small {
    color: #7f86a0;
    font-weight: 600;
    font-size: 14px
}

.spo .site-header.scrolled .mega__inner a:hover {
    color: #1991ee;
    text-decoration: none
}

.spo .site-header.scrolled .header__nav a {
    line-height: 1;
    font-weight: 600
}

.header-menu-content-list .container-linker .link .icon .letter,.history-clear:hover,.site-header.scrolled .burger-mobile,.site-header.scrolled .hc-phone,.site-header.scrolled .search-toggle {
    color: #000
}

.burger-mobile,.site-header.scrolled .header__nav .mega-main-link:hover {
}

.mobile-sidebar .levels-header-buttons .btn-edu,.site-header.scrolled .levels-header-buttons a {
    color: #000;
    font-size: 12px
}

.mobile-sidebar .levels-header-buttons .btn-edu.is-active {
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.header-dropdown {
    opacity: 0;
    transition: .3s;
    padding: 0 20px;
    z-index: 9;
    width: 100%;
    visibility: hidden;
    top: calc(100% + 10px);
    left: 0;
    position: absolute
}

.header-dropdown.show {
    opacity: 1;
    visibility: visible
}

.header-dropdown__inner {
    padding: 25px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 11px 35px #dedede6b
}

.spo .city-selector-container,.spo .site-header.scrolled .city-selector-container {
    background: #1991ee
}

.site-header.scrolled .city-selector-container {
    border-radius: 18px;
    padding: 16px 18px;
    gap: 8px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background: #05b368;
    font-size: 16px
}

.city-selector-container,.spo .city-selector-container {
    border-radius: 18px;
    padding: 16px 18px;
    gap: 8px;
    display: flex;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    font-size: 16px
}

:root {
    --gap: 18px;
    --accent: #2563eb;
    --shadow: 0 11px 35px rgba(222,222,222,.7);
    --header-bg: #fff
}

.header-actions,.logo {
    display: flex;
    align-items: center
}

.favorites-link img,.search-toggle img {
    width: 24px
}

.header-actions {
    line-height: 1;
    color: #ccd1d9;
    gap: 20px;
    font-size: 21px
}

.hc-arrow,.hc-arrow i {
    transition: transform .3s;
    height: 12px
}

.site-header.scrolled .hc-left i {
    color: #000;
    font-size: 14px
}

.site-header.scrolled .hc-sub {
    color: #6b7a90;
    font-weight: 700;
    font-size: 11px
}

.hc-dropdown,.header-search-dropdown {
    transition: .25s;
    opacity: 0;
    position: absolute
}

.site-header.scrolled .hc-arrow i {
    color: #0d0d0d
}

.home .hc-arrow i {
    line-height: 0;
    color: #fff
}

.search-submit,.spo .search-submit {
    padding: 15px 18px;
    gap: 10px;
    color: #fff
}

.site-header.scrolled .levels-header-buttons {
    background: #e5f8ef
}

.spo .btn-edu.is-active,.spo .site-header.scrolled .btn-edu.is-active {
    box-shadow: 0 12px 26px rgb(111 189 255 / 25%);
    background: linear-gradient(135deg,#2badf1,#025ca9);
    color: #fff
}

.btn-edu.is-active,.site-header.scrolled .btn-edu.is-active {
    border-radius: 210px;
    background: linear-gradient(135deg,#77dc79,#247c28);
    box-shadow: 9px 20px 26px rgb(77 165 54 / 31%);
    color: #fff
}

.spo .site-header.scrolled .levels-header-buttons {
    background: #e5edf9
}

.spo .site-header.scrolled .levels-header-buttons a {
    color: #608a9f;
    font-weight: 600
}

.spo .levels-header-buttons {
    background: #a0bbe326
}

.site-header.scrolled .nav-trigger {
    color: #000
}

.spo .nav-link:hover,.spo .nav-trigger:hover {
    color: #3caaff
}

.site-header.scrolled .nav-link img,.site-header.scrolled .nav-trigger img {
    width: 14px;
    filter: none
}

.spo .mega__inner .mega-grid a:hover {
    background: #1991ee;
    color: #ffffff !important;
    text-decoration: none
}

.spo .mega-tab:hover,.spo .site-header.scrolled .mega-tab:hover {
    background: #2196f30f;
    color: #2196F3
}

.spo .mega-tab.is-active,.spo .site-header.scrolled .mega-tab.is-active {
    line-height: 0;
    background: #2196f30f;
    color: #2196F3
}

.consultacia-header i,.site-header.scrolled .consultacia-header i {
    transform-origin: top center;
    line-height: 0;
    display: inline-block;
    animation: 1.8s ease-in-out infinite bellShake
}

.site-header.scrolled {
    top: 10px
}

.site-header.scrolled .header {
    backdrop-filter: none;
    background: #ffffff
}

.spo .site-header.scrolled .header {
    backdrop-filter: none;
    background: #f7fcff
}

.site-header.scrolled .consultacia-header i {
    line-height: 0;
    color: #000;
}

.spo .site-header.scrolled .consultacia-header i {
    color: #1991ee
}

.manager-status,.mega-trust {
    align-items: center;
    font-weight: 700
}

@media (max-width: 840px) {
    .header__nav {
        display:none
    }

    .button-for-mobile {
        display: block
    }
}

@media (max-width: 1280px) {
    .header {
        padding:12px;
        justify-content: space-between;
        gap: 10px
    }

    body.home .header {
        backdrop-filter: none
    }

    .mega {
        opacity: 1;
        transform: none;
        display: none;
        position: static
    }

    .nav-item .mega__inner {
        box-shadow: none;
        border-radius: 8px;
        padding: 12px
    }

    .nav-item.is-open .mega {
        display: block
    }

    .burger-mobile {
        position: relative;
        z-index: 33;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        width: 44px;
        height: 38px;
        padding: 0;
        border: 1px solid rgba(120,140,125,.2);
        border-radius: 13px;
        background: rgba(255,255,255,.94);
        color: #173c29;
        cursor: pointer;
        transition: background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease
    }

    .burger-mobile:hover {
        border-color: #b8e2c6;
        background: #eff9f2;
        box-shadow: 0 4px 14px rgba(15,110,55,.08)
    }

    .burger-mobile:active {
        transform: scale(.96)
    }

    .burger-mobile span {
        display: block;
        width: 19px;
        height: 2px;
        margin: 0;
        border-radius: 4px;
        background: #16834c;
        transition: width .25s ease,transform .25s ease,background .25s ease
    }

    .burger-mobile span:nth-child(2) {
        width: 14px;
        margin-left: 5px
    }

    .burger-mobile:hover span:nth-child(2) {
        width: 19px;
        margin-left: 0
    }

    body.home .burger-mobile span,body:not(.home) .burger-mobile span,.site-header.scrolled .burger-mobile span {
        background: #16834c
    }

    .spo .burger-mobile {
        border-color: rgba(33,150,243,.2);
        color: #176eae
    }

    .spo .burger-mobile:hover {
        border-color: #bfdef8;
        background: #eff7ff;
        box-shadow: 0 4px 14px rgba(33,120,200,.09)
    }

    .spo .burger-mobile span,body.home.spo .burger-mobile span,body:not(.home).spo .burger-mobile span {
        background: #2186d5
    }

    .mobile-menu-overlay {
        position: fixed;
        z-index: 9998;
        inset: 0;
        background: rgba(11,22,16,.48);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .3s ease,visibility .3s ease
    }

    .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .mobile-sidebar {
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        width: min(430px,94vw);
        max-width: 94%;
        height: 100vh;
        height: 100dvh;
        padding-bottom: env(safe-area-inset-bottom,0px);
        overflow: hidden;
        background: #fff;
        border-left: 1px solid rgba(23,69,39,.08);
        border-radius: 20px 0 0 20px;
        box-shadow: -20px 0 70px rgba(12,35,21,.13);
        transform: translateX(105%);
        visibility: hidden;
        pointer-events: none;
        transition: transform .35s cubic-bezier(.22,.8,.25,1),visibility .35s ease;
        will-change: transform
    }

    body:not(.home) .mobile-sidebar,body.home .mobile-sidebar {
        right: 0;
        transform: translateX(105%);
        visibility: hidden;
        pointer-events: none
    }

    body:not(.home) .mobile-sidebar.active,body.home .mobile-sidebar.active,.mobile-sidebar.active {
        right: 0;
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto
    }

    .mobile-sidebar.active {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .mobile-sidebar-head {
        position: relative;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 76px;
        padding: 14px 18px;
        border-bottom: 1px solid #e9f0eb;
        background: radial-gradient(circle at 0 0,rgba(24,170,86,.07),transparent 65% ),#fff
    }

    .mobile-sidebar-head::after {
        content: "";
        position: absolute;
        right: 18px;
        bottom: -1px;
        left: 18px;
        height: 1px;
        background: linear-gradient(90deg,transparent,#d8eadd,transparent )
    }

    .mobile-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        color: #193c29;
        font-size: 17px;
        font-weight: 750;
        line-height: 1.2;
        text-decoration: none;
        letter-spacing: -.035em
    }

    .mobile-logo img {
        display: block;
        width: auto;
        max-width: 45px;
        max-height: 43px;
        object-fit: contain
    }

    .mobile-logo span {
        display: block;
        margin-top: 0;
        color: #849287;
        font-size: 10px;
        font-weight: 650;
        line-height: 1.15;
        letter-spacing: .035em
    }

    .spo .mobile-logo {
        color: #17456d
    }

    .spo .mobile-logo img {
        filter: none
    }

    .mobile-close {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid #e6ede8;
        border-radius: 12px;
        background: #f7faf8;
        color: #33443a;
        font-size: 21px;
        line-height: 1;
        cursor: pointer;
        transition: color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease
    }

    .mobile-close:hover {
        transform: rotate(90deg);
        border-color: #cce8d5;
        background: #eaf7ee;
        color: #087b49
    }

    .spo .mobile-close:hover {
        border-color: #cce3f8;
        background: #eaf5ff;
        color: #1479c5
    }

    .mobile-menu-scroll {
        flex: 1 1 auto;
        min-height: 0;
        padding: 18px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #d0dfd4 transparent;
        -webkit-overflow-scrolling: touch
    }

    .mobile-menu-scroll::-webkit-scrollbar {
        width: 4px
    }

    .mobile-menu-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #d0dfd4
    }

    .spo .mobile-menu-scroll {
        scrollbar-color: #cbdff2 transparent
    }

    .spo .mobile-menu-scroll::-webkit-scrollbar-thumb {
        background: #cbdff2
    }

    .mobile-block {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-bottom: 24px
    }

    .mobile-level-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 43px;
        padding: 10px 15px;
        border: 1px solid #e0ebe3;
        border-radius: 12px;
        background: #f6faf7;
        color: #315540;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none;
        transition: background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease
    }

    .mobile-level-btn:hover {
        transform: translateY(-2px);
        border-color: #bce2c8;
        background: #eaf7ee;
        color: #087b49
    }

    .spo .mobile-level-btn {
        border-color: #dce9f5;
        background: #f4f8fd;
        color: #285d86
    }

    .spo .mobile-level-btn:hover {
        border-color: #c4def6;
        background: #e9f4ff;
        color: #1479c5
    }

    .mobile-dropdown {
        margin-bottom: 11px;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e8eee9;
        border-radius: 15px;
        background: #fff;
        transition: border-color .22s ease,background .22s ease,box-shadow .22s ease
    }

    .mobile-dropdown.active {
        margin-bottom: 11px;
        padding: 0;
        border-color: #cfe7d6;
        border-radius: 15px;
        background: #fbfefc;
        box-shadow: 0 5px 18px rgba(21,107,54,.045)
    }

    .spo .mobile-dropdown.active {
        border-color: #cde4f9;
        background: #fcfdff;
        box-shadow: 0 5px 18px rgba(33,120,200,.045)
    }

    .mobile-dropdown-trigger,.mobile-nested-trigger {
        width: 100%;
        cursor: pointer;
        background: transparent;
        font-family: inherit
    }

    .mobile-dropdown-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 57px;
        padding: 14px 15px;
        margin: 0;
        border: none;
        border-radius: 0;
        color: #293d30;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.4;
        text-align: left;
        transition: color .2s ease,background .2s ease
    }

    .mobile-dropdown-trigger:hover {
        color: #087b49;
        background: #f6fbf7
    }

    .spo .mobile-dropdown-trigger {
        color: #263e54
    }

    .spo .mobile-dropdown-trigger:hover {
        color: #1479c5;
        background: #f4f9ff
    }

    .mobile-dropdown-trigger span,.mobile-dropdown-trigger .toggle-icon,.mobile-nested-trigger .toggle-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 29px;
        height: 29px;
        padding: 0;
        border: 1px solid #e5eee7;
        border-radius: 9px;
        background: #f5faf6;
        color: #60806a;
        font-size: 25px;
        font-weight: 400;
        line-height: 1;
        transition: transform .25s ease,color .2s ease,background .2s ease,border-color .2s ease
    }

    .spo .mobile-dropdown-trigger span,.spo .mobile-dropdown-trigger .toggle-icon,.spo .mobile-nested-trigger .toggle-icon {
        border-color: #e0ebf6;
        background: #f1f7fd;
        color: #4284b9
    }

    .mobile-dropdown.active > .mobile-dropdown-trigger {
        color: #087b49
    }

    .spo .mobile-dropdown.active > .mobile-dropdown-trigger {
        color: #1479c5
    }

    .mobile-dropdown.active .mobile-dropdown-trigger .toggle-icon,.mobile-dropdown.active .mobile-dropdown-trigger span,.mobile-nested.active .toggle-icon {
        transform: rotate(180deg);
        border-color: #cce7d4;
        background: #e8f6ec;
        color: #087b49
    }

    .spo .mobile-dropdown.active .mobile-dropdown-trigger .toggle-icon,.spo .mobile-dropdown.active .mobile-dropdown-trigger span,.spo .mobile-nested.active .toggle-icon {
        border-color: #cce3f8;
        background: #e7f3ff;
        color: #1479c5
    }

    .mobile-dropdown-content {
        display: none;
        flex-direction: column;
        gap: 7px;
        margin: 0;
        padding: 0 10px 12px
    }

    .mobile-dropdown.active .mobile-dropdown-content {
        display: flex
    }

    .mobile-nested {
        margin-bottom: 0;
        overflow: hidden;
        border: 1px solid #e8eee9;
        border-radius: 11px;
        background: #fff;
        transition: border-color .2s ease,background .2s ease
    }

    .mobile-nested.active {
        margin-bottom: 0;
        overflow: hidden;
        border: 1px solid #cfe7d6;
        border-radius: 11px;
        background: #f6fbf7
    }

    .spo .mobile-nested {
        border-color: #e3ebf4
    }

    .spo .mobile-nested.active {
        border-color: #cde4f9;
        background: #f5faff
    }

    .mobile-nested-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 46px;
        padding: 10px 12px;
        border: none;
        border-radius: 0;
        background: transparent;
        color: #35483b;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.4;
        text-align: left;
        transition: color .2s ease,background .2s ease
    }

    .mobile-nested-trigger:hover {
        background: #f3faf5;
        color: #087b49
    }

    .mobile-nested.active .mobile-nested-trigger {
        background: #eaf7ee;
        color: #087b49
    }

    .spo .mobile-nested-trigger {
        color: #30495e
    }

    .spo .mobile-nested-trigger:hover {
        background: #f0f7ff;
        color: #1479c5
    }

    .spo .mobile-nested.active .mobile-nested-trigger {
        background: #e7f3ff;
        color: #1479c5
    }

    .mobile-nested-content {
        display: none;
        flex-direction: column;
        gap: 3px;
        margin: 0;
        padding: 5px 8px 9px
    }

    .mobile-nested.active .mobile-nested-content {
        display: flex
    }

    .mobile-nested-content a {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        padding: 10px 8px;
        border: 1px solid transparent;
        border-radius: 9px;
        background: transparent;
        color: #35463b;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        text-decoration: none;
        transition: background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease
    }

    .mobile-nested-content a:hover {
        transform: translateX(2px);
        border-color: #e0eee4;
        background: #fff;
        color: #087b49
    }

    .spo .mobile-nested-content a {
        color: #30465b
    }

    .spo .mobile-nested-content a:hover {
        border-color: #d9eafa;
        background: #fff;
        color: #1479c5
    }

    .mobile-nested-content a .count-programs {
        flex-shrink: 0;
        color: #829387;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap
    }

    .spo .mobile-nested-content a .count-programs {
        color: #8198ad
    }

    .mobile-nested-content a .icon,.mobile-nested-content a .icon-place,.spo .mobile-nested-content a .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        padding: 7px;
        border: 1px solid #e3eee6;
        border-radius: 10px;
        background: #f2f8f3;
        color: #23804c;
        font-size: 19px;
        line-height: 1;
        transition: background .2s ease,border-color .2s ease,color .2s ease
    }

    .mobile-nested-content a:hover .icon {
        border-color: #cce7d4;
        background: #e6f6eb;
        color: #087b49
    }

    .spo .mobile-nested-content a .icon,.spo .mobile-nested-content a .icon-place {
        border-color: #dce9f5;
        background: #eff6fd;
        color: #2186d5
    }

    .spo .mobile-nested-content a:hover .icon {
        border-color: #cce3f8;
        background: #e3f1ff;
        color: #1479c5
    }

    .mobile-nested-content a .icon img {
        display: block;
        width: 20px;
        height: 20px;
        object-fit: contain
    }

    .mobile-nested-content a .icon-place {
        width: 46px;
        height: 38px;
        padding: 3px;
        overflow: hidden
    }

    .mobile-nested-content a .icon-place img {
        width: 100%;
        height: 100%;
        border-radius: 6px;
        object-fit: contain
    }

    .mobile-contact-card {
        position: relative;
        margin-bottom: 14px;
        padding: 18px;
        overflow: hidden;
        border: 1px solid #e1eee4;
        border-radius: 16px;
        background: radial-gradient(circle at 100% 0,rgba(27,174,87,.10),transparent 55% ),#f8fbf8
    }

    .mobile-contact-card strong {
        display: block;
        margin-bottom: 7px;
        color: #758579;
        font-size: 9px;
        font-weight: 750;
        letter-spacing: .07em;
        line-height: 1.4;
        text-transform: uppercase
    }

    .mobile-contact-card a {
        display: inline-flex;
        align-items: center;
        color: #1d3e2a;
        font-size: 17px;
        font-weight: 750;
        line-height: 1.4;
        text-decoration: none;
        letter-spacing: -.025em
    }

    .mobile-contact-card a:hover {
        color: #087b49
    }

    .mobile-contact-card span {
        display: block;
        margin-top: 5px;
        color: #728276;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5
    }

    .spo .mobile-contact-card {
        border-color: #dce9f5;
        background: radial-gradient(circle at 100% 0,rgba(33,150,243,.10),transparent 55% ),#f7faff
    }

    .spo .mobile-contact-card a {
        color: #214e73
    }

    .spo .mobile-contact-card a:hover {
        color: #1479c5
    }

    .mobile-consult-box {
        margin-top: 16px;
        padding: 18px;
        border: 1px solid #e4eee6;
        border-radius: 17px;
        background: linear-gradient(145deg,#f9fcfa,#f3f9f4 )
    }

    .spo .mobile-consult-box {
        border-color: #dfeaf6;
        background: linear-gradient(145deg,#f9fbff,#f0f7ff)
    }

    .consult-manager {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 17px
    }

    .consult-manager img {
        display: block;
        flex-shrink: 0;
        width: 52px;
        height: 52px;
        border: 2px solid #fff;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: 0 3px 12px rgba(20,60,30,.1)
    }

    .consult-manager strong {
        display: block;
        margin-bottom: 3px;
        color: #263c2d;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.4
    }

    .consult-manager span {
        display: block;
        color: #78887c;
        font-size: 12px;
        line-height: 1.5
    }

    .spo .consult-manager strong {
        color: #24425d
    }

    .consult-links {
        display: flex;
        gap: 9px;
        margin-bottom: 14px
    }

    .consult-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        gap: 8px;
        min-width: 0;
        min-height: 45px;
        padding: 10px;
        border: 1px solid #e1ebe3;
        border-radius: 11px;
        background: #fff;
        color: #344b3a;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        transition: border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease
    }

    .consult-links a:hover {
        transform: translateY(-2px);
        border-color: #bfe3ca;
        background: #f4fbf6;
        color: #087b49
    }

    .consult-links img {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        object-fit: contain
    }

    .spo .consult-links a {
        border-color: #dce8f4;
        color: #315675
    }

    .spo .consult-links a:hover {
        border-color: #c4def6;
        background: #f1f8ff;
        color: #1479c5
    }

    .mobile-consult-form {
        display: flex;
        flex-direction: column;
        gap: 9px
    }

    .mobile-consult-form input {
        width: 100%;
        height: 48px;
        padding: 0 14px;
        border: 1px solid #dfe9e1;
        border-radius: 11px;
        outline: none;
        background: #fff;
        color: #25372b;
        font-family: inherit;
        font-size: 14px;
        font-weight: 500;
        transition: border-color .2s ease,box-shadow .2s ease
    }

    .mobile-consult-form input::placeholder {
        color: #98a49b
    }

    .mobile-consult-form input:focus {
        border-color: #4bb77b;
        box-shadow: 0 0 0 3px rgba(19,181,101,.11)
    }

    .spo .mobile-consult-form input {
        border-color: #dce7f3
    }

    .spo .mobile-consult-form input:focus {
        border-color: #55a7ec;
        box-shadow: 0 0 0 3px rgba(33,150,243,.12)
    }

    .mobile-consult-form button,.mobile-menu-scroll .btn-main {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: 100%;
        min-height: 49px;
        padding: 13px 18px;
        overflow: hidden;
        border: 1px solid transparent;
        border-radius: 12px;
        background: linear-gradient(120deg,#159653,#20c875);
        color: #fff;
        font-family: inherit;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        box-shadow: 0 5px 14px rgba(15,142,71,.16);
        cursor: pointer;
        transition: transform .2s ease,box-shadow .2s ease,filter .2s ease
    }

    .mobile-consult-form button:hover,.mobile-menu-scroll .btn-main:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(15,142,71,.22);
        filter: saturate(1.08)
    }

    .mobile-consult-form button:active,.mobile-menu-scroll .btn-main:active {
        transform: scale(.985)
    }

    .spo .mobile-consult-form button,.spo .mobile-menu-scroll .btn-main {
        background: linear-gradient(120deg,#1479c5,#39a6f5);
        box-shadow: 0 5px 14px rgba(22,121,209,.17)
    }

    .spo .mobile-consult-form button:hover,.spo .mobile-menu-scroll .btn-main:hover {
        box-shadow: 0 8px 20px rgba(22,121,209,.24)
    }

    .mobile-bottom-trust {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 18px
    }

    .trust-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 11px;
        min-height: 43px;
        padding: 11px 13px;
        border: 1px solid #e8efe9;
        border-radius: 11px;
        background: #fbfdfb;
        color: #526358;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.4
    }

    .trust-item i {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        border-radius: 9px;
        background: #e9f7ed;
        color: #169452;
        font-size: 15px
    }

    .spo .trust-item {
        border-color: #e2ebf5;
        background: #fbfdff;
        color: #4d6276
    }

    .spo .trust-item i {
        background: #e7f3ff;
        color: #2186d5
    }

    .mobile-dropdown-trigger .toggle-icon,.mobile-nested-trigger .toggle-icon {
        flex-shrink: 0;
        transition: transform .25s ease,background .2s ease,color .2s ease
    }

    .mobile-dropdown.active .toggle-icon,.mobile-nested.active .toggle-icon {
        transform: rotate(180deg)
    }

    body.mobile-lock {
        overflow: hidden;
        overscroll-behavior: none
    }

    .mobile-sidebar a:focus-visible,.mobile-sidebar button:focus-visible {
        outline: 3px solid rgba(19,181,101,.35);
        outline-offset: 2px
    }

    .spo .mobile-sidebar a:focus-visible,.spo .mobile-sidebar button:focus-visible {
        outline-color: rgba(33,150,243,.4)
    }

    @media (max-width: 480px) {
        .mobile-sidebar {
            width:min(390px,94vw);
            border-radius: 17px 0 0 17px
        }

        .mobile-sidebar.active {
            border-radius: 17px 0 0 17px
        }

        .mobile-sidebar-head {
            min-height: 68px;
            padding: 12px 14px
        }

        .mobile-menu-scroll {
            padding: 14px
        }

        .mobile-block {
            gap: 8px;
            margin-bottom: 19px
        }

        .mobile-level-btn {
            min-height: 40px;
            padding: 9px 12px;
            font-size: 12px
        }

        .mobile-contact-card,.mobile-consult-box {
            padding: 15px;
            border-radius: 14px
        }

        .consult-links {
            gap: 7px
        }

        .consult-links a {
            padding: 9px 6px;
            font-size: 11px
        }

        .mobile-dropdown-trigger {
            min-height: 53px;
            padding: 12px;
            font-size: 13px
        }
    }

    @media (max-width: 350px) {
        .mobile-menu-scroll {
            padding:11px
        }

        .mobile-logo {
            font-size: 15px
        }

        .mobile-contact-card a {
            font-size: 16px
        }

        .consult-links {
            flex-direction: column
        }

        .consult-links a {
            min-height: 42px;
            font-size: 12px
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .burger-mobile,.burger-mobile span,.mobile-menu-overlay,.mobile-sidebar,.mobile-close,.mobile-level-btn,.mobile-dropdown,.mobile-dropdown-trigger,.mobile-nested,.mobile-nested-trigger,.mobile-nested-content a,.consult-links a,.mobile-consult-form button,.mobile-menu-scroll .btn-main {
            transition: none !important
        }
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 14px rgba(25,213,107,0)
    }
}

@keyframes bellShake {
    0%,100%,80% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(12deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(8deg)
    }

    40% {
        transform: rotate(-6deg)
    }

    50% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-2deg)
    }

    70% {
        transform: rotate(1deg)
    }
}

@keyframes online {
    0% {
        box-shadow: 0 0 0 0 rgb(95 110 102 / 40%)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0,212,106,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,212,106,0)
    }
}

.mega__inner--cols {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(220px,.85fr);
    gap: 14px;
    align-items: stretch;
    padding: 20px;
    background: #fff
}

.mega__inner--cols .mega-column {
    display: flex;
    min-width: 0
}

.mega__inner--cols .manager-card,.mega__inner--cols .mini-form {
    width: 100%;
    min-width: 0;
    box-sizing: border-box
}

.mega__inner--cols .manager-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid #e5eee7;
    border-radius: 14px;
    background: radial-gradient(circle at 100% 0,rgba(29,173,91,.07),transparent 48% ),#fbfdfb;
    transition: border-color .25s ease,box-shadow .25s ease,transform .25s ease
}

.mega__inner--cols .manager-card:hover {
    transform: translateY(-2px);
    border-color: #c6e4cf;
    box-shadow: 0 8px 24px rgba(24,94,47,.07)
}

.mega__inner--cols .manager-card > img {
    display: block;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #fff;
    border-radius: 11px;
    background: #eaf3ec;
    box-shadow: 0 3px 12px rgba(25,57,35,.1)
}

.mega__inner--cols .manager-card > div {
    min-width: 0;
    flex: 1
}

.mega__inner--cols .manager-name {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
    color: #1d3827;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.02em
}

.mega__inner--cols .manager-live {
    position: relative;
    display: inline-block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e5a43b
}

.mega__inner--cols .manager-live.status-away {
    background: #e5a43b;
    box-shadow: 0 0 0 3px rgba(229,164,59,.13)
}

.mega__inner--cols .manager-live:not(.status-away) {
    background: #20b66b;
    box-shadow: 0 0 0 3px rgba(32,182,107,.13)
}

.mega__inner--cols .manager-sub {
    margin-bottom: 0;
    color: #77857a;
    font-size: 11px;
    font-weight: 550;
    line-height: 1.45
}

.mega__inner--cols .managerStatusTime {
    display: block;
    margin-bottom: 14px;
    color: #8b978e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.45
}

.mega__inner--cols .online {
    color: #718478
}

.mega__inner--cols .mega-phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding-top: 11px;
    border-top: 1px solid #e5eee7
}

.mega__inner--cols .mega-phone a {
    color: #087b49;
    font-size: clamp(14px,1.7vw,20px);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.025em;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease
}

.mega__inner--cols .mega-phone a:hover {
    color: #13b968;
    background: transparent
}

.mega__inner--cols .mega-phone span {
    color: #7d8a80;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4
}

.mega__inner--cols .mini-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 22px 20px;
    overflow: hidden;
    border: 1px solid #dcefe2;
    border-radius: 14px;
    background: radial-gradient(circle at 100% 0,rgba(32,191,107,.15),transparent 55% ),linear-gradient(145deg,#f5fbf6,#edf7ef)
}

.mega__inner--cols .mini-form::before {
    content: "";
    position: absolute;
    top: -38px;
    right: -38px;
    width: 115px;
    height: 115px;
    border: 1px solid rgba(23,153,78,.12);
    border-radius: 50%;
    pointer-events: none
}

.mega__inner--cols .mini-form::after {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(23,153,78,.1);
    border-radius: 50%;
    pointer-events: none
}

.mega__inner--cols .mega-title {
    position: relative;
    z-index: 1;
    color: #304a3a;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.035em
}

.mega__inner--cols .mini-form p {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 260px;
    color: #6c7e70;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45
}

.mega__inner--cols .mini-form .btn-primary {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 47px;
    margin-top: 4px;
    padding: 12px 15px;
    border: 1px solid #159653;
    border-radius: 10px;
    background: linear-gradient(115deg,#159653,#20bd6d);
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 5px 13px rgba(15,142,71,.15);
    transition: transform .2s ease,box-shadow .2s ease,filter .2s ease
}

.mega__inner--cols .mini-form .btn-primary::after {
    content: "↗";
    font-size: 16px;
    font-weight: 500;
    transition: transform .2s ease
}

.mega__inner--cols .mini-form .btn-primary:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 8px 20px rgba(15,142,71,.22)
}

.mega__inner--cols .mini-form .btn-primary:hover::after {
    transform: translate(2px,-2px)
}

.mega__inner--cols .mini-form .btn-primary:active {
    transform: scale(.985)
}

.mega__inner--cols .mini-form .d-none {
    display: none !important
}

.mega__inner--cols .mega-bottom {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 0;
    padding-top: 12px;
    border-top: 1px solid #edf1ed
}

.mega__inner--cols .mega-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #718276;
    font-size: 11px;
    font-weight: 650;
    line-height: 1
}

.mega__inner--cols .trust-dot {
    position: relative;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1eb768;
    box-shadow: 0 0 0 4px rgba(30,183,104,.1)
}

.mega__inner--cols .mega-trust {
    letter-spacing: .005em
}

.spo .mega__inner--cols .manager-card {
    border-color: #e0eaf4;
    background: radial-gradient(circle at 100% 0,rgba(33,150,243,.08),transparent 48% ),#fbfdff
}

.spo .mega__inner--cols .manager-card:hover {
    border-color: #c4def5;
    box-shadow: 0 8px 24px rgba(25,103,171,.08)
}

.spo .mega__inner--cols .manager-card > img {
    background: #eaf4ff
}

.spo .mega__inner--cols .manager-name {
    color: #203c55
}

.spo .mega__inner--cols .mega-phone {
    border-top-color: #e1eaf3
}

.spo .mega__inner--cols .mega-phone a {
    color: #1479c5
}

.spo .mega__inner--cols .mega-phone a:hover {
    color: #2196f3;
    background: transparent
}

.spo .mega__inner--cols .mini-form {
    border-color: #d7e8f8;
    background: radial-gradient(circle at 100% 0,rgba(33,150,243,.15),transparent 55% ),linear-gradient(145deg,#f5faff,#eaf4ff)
}

.spo .mega__inner--cols .mini-form::before,.spo .mega__inner--cols .mini-form::after {
    border-color: rgba(33,150,243,.13)
}

.spo .mega__inner--cols .mega-title {
    color: #183d5b
}

.spo .mega__inner--cols .mini-form p {
    color: #6a8094
}

.spo .mega__inner--cols .mini-form .btn-primary {
    border-color: #1479c5;
    background: linear-gradient(115deg,#1479c5,#36a4f5);
    box-shadow: 0 5px 13px rgba(22,121,209,.16)
}

.spo .mega__inner--cols .mini-form .btn-primary:hover {
    box-shadow: 0 8px 20px rgba(22,121,209,.23)
}

.spo .mega__inner--cols .mega-bottom {
    border-top-color: #e8eef5
}

.spo .mega__inner--cols .mega-trust {
    color: #6d8296
}

.spo .mega__inner--cols .trust-dot {
    background: #2196f3;
    box-shadow: 0 0 0 4px rgba(33,150,243,.11)
}

@media (max-width: 1100px) {
    .mega__inner--cols {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 12px;
        padding: 16px
    }

    .mega__inner--cols .mega-column:last-of-type {
        grid-column: 1 / -1
    }

    .mega__inner--cols .mini-form {
        min-height: 165px
    }

    .mega__inner--cols .manager-card {
        padding: 14px;
        gap: 11px
    }

    .mega__inner--cols .manager-card > img {
        flex-basis: 52px;
        width: 52px;
        height: 62px
    }
}

@media (max-width: 760px) {
    .mega__inner--cols {
        grid-template-columns:minmax(0,1fr);
        gap: 10px;
        padding: 12px
    }

    .mega__inner--cols .mega-column,.mega__inner--cols .mega-column:last-of-type {
        grid-column: auto;
        width: 100%
    }

    .mega__inner--cols .manager-card {
        padding: 15px;
        border-radius: 12px
    }

    .mega__inner--cols .manager-card > img {
        flex-basis: 56px;
        width: 56px;
        height: 64px
    }

    .mega__inner--cols .manager-name {
        font-size: 15px
    }

    .mega__inner--cols .mega-phone a {
        font-size: 16px
    }

    .mega__inner--cols .mini-form {
        min-height: 0;
        padding: 19px
    }

    .mega__inner--cols .mega-title {
        font-size: 18px
    }

    .mega__inner--cols .mega-bottom {
        padding-top: 11px
    }

    .mega__inner--cols .mega-trust {
        flex-wrap: wrap;
        font-size: 10px
    }
}

.mega__inner--cols a:focus-visible,.mega__inner--cols button:focus-visible {
    outline: 3px solid rgba(19,181,101,.35);
    outline-offset: 3px
}

.spo .mega__inner--cols a:focus-visible,.spo .mega__inner--cols button:focus-visible {
    outline-color: rgba(33,150,243,.4)
}

@media (prefers-reduced-motion:reduce) {
    .mega__inner--cols .manager-card,.mega__inner--cols .mega-phone a,.mega__inner--cols .mini-form .btn-primary,.mega__inner--cols .mini-form .btn-primary::after {
        transition: none !important
    }
}

.site-header,.site-header .header {
    overflow: visible !important
}

.site-header {
    z-index: 120 !important
}

.header-search-dropdown {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 0;
    right: 0;
    z-index: 150 !important;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .22s ease,transform .22s ease,visibility .22s ease
}

.header-search-dropdown.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important
}

body:not(.home) .header-search-dropdown {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

body:not(.home) .header-search-dropdown.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important
}

.search-toggle {
    position: relative;
    z-index: 151;
    cursor: pointer;
    pointer-events: auto
}

.header-search-dropdown .search-container {
    position: relative;
    z-index: 1
}

.spo .search-submit {
    background: linear-gradient(135deg,#2badf1,#025ca9)
}

@media (max-width: 760px) {
    .header-search-dropdown {
        left:0;
        right: 0;
        width: 100%;
        top: calc(100% + 8px) !important
    }

    .header-search-dropdown .search-container {
        padding: 12px;
        gap: 8px;
        border-radius: 14px
    }

    .header-search-dropdown .search-container form {
        min-width: 0;
        gap: 8px
    }

    .header-search-dropdown .search-container input {
        min-width: 0;
        width: 100%
    }
}