* {
    margin: 0;
    padding: 0
}

html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

article,aside,details,figcaption,figure,footer,header,nav,section {
    display: block
}

li {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

img {
    border: none
}

input {
    border: none
}

input[type=submit],input[type=text] {
    -webkit-appearance: none
}

input:focus {
    outline: none
}

input[type=submit],button {
    cursor: pointer
}

input[type=submit]:focus,button:focus {
    outline: none
}

a {
    text-decoration: none
}

.grid {
    display: grid;
    grid-template-rows: repeat(var(--grid-rows, 1), 1fr);
    grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
    gap: var(--grid-gutter, var(--gutter))
}

.grid__col-1 {
    grid-column: auto/span 1
}

.grid__col-2 {
    grid-column: auto/span 2
}

.grid__col-3 {
    grid-column: auto/span 3
}

.grid__col-4 {
    grid-column: auto/span 4
}

.grid__col-5 {
    grid-column: auto/span 5
}

.grid__col-6 {
    grid-column: auto/span 6
}

.grid__col-7 {
    grid-column: auto/span 7
}

.grid__col-8 {
    grid-column: auto/span 8
}

.grid__col-9 {
    grid-column: auto/span 9
}

.grid__col-10 {
    grid-column: auto/span 10
}

.grid__col-11 {
    grid-column: auto/span 11
}

.grid__col-12 {
    grid-column: auto/span 12
}

@media(max-width: 576px) {
    .grid {
        display:flex;
        flex-direction: column
    }

    [class*=grid__col-] {
        grid-column: auto
    }
}

@font-face {
    font-family: "Inter Tight";
    src: url("../fonts/inter-tight/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 100 900
}

body:has(.nav-filters__item.is-open) {
    overflow-y: hidden
}

@media(max-width: 1000px) {
    body:has(.nav-filters__item.is-open) #header {
        z-index:0
    }

    body:has(.nav-filters__item.is-open) .nav-filters__container {
        background: rgba(0,0,0,0);
        pointer-events: none
    }

    body:has(.nav-filters__item.is-open) .nav-filters__item {
        opacity: 0
    }

    body:has(.nav-filters__item.is-open) .nav-filters__dropdown {
        pointer-events: all
    }
}

:root {
    --nf-height: 54px;
    --nf-container-pad: 6px;
    --nf-bg-1: #ededed;
    --nf-bg-2: #f8f8f8;
    --nf-bg-3: #fff;
    --nf-bg-count: #FF9667
}

.l-filters {
    display: grid;
    grid-auto-columns: auto 1fr
}

.l-filters:has(.l-filters__left) .nav-filters {
    margin-bottom: clamp(20px,3vw,40px)
}

.l-filters__left {
    display: flex;
    align-items: center
}

.l-filters__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    white-space: nowrap
}

.l-filters .nav-filters,.l-filters .toggle {
    grid-column: 1/3
}

@media(max-width: 1024px) {
    .l-filters {
        grid-template-columns:1fr;
        padding-block:20px}

    .l-filters__left {
        order: -1;
        margin-bottom: 20px
    }

    .l-filters__right {
        justify-content: space-between
    }
}

@media(max-width: 768px) {
    .l-filters__right {
        white-space:normal
    }
}

.nav-filters {
    position: relative;
    z-index: 1;
    margin-top: 10px
}

.nav-filters:has(.is-open) {
    z-index: 3
}

.nav-filters:has(.is-open) .nav-filters__overlay {
    opacity: 1;
    visibility: visible
}

.nav-filters__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 3
}

.nav-filters__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    min-height: var(--nf-height);
    padding: var(--nf-container-pad);
    background: var(--nf-bg-1);
    border-radius: var(--rounded-normal);
    z-index: 4;
    transition: all .3s
}

.nav-filters__left {
    height: 100%
}

.nav-filters__list {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    height: 100%;
    font-size: .95rem;
    font-weight: var(--font-medium)
}

.nav-filters__list>li {
    position: relative;
    min-width: 0
}

.nav-filters__item {
    display: flex;
    align-items: center;
    min-width: 48px;
    max-width: 220px;
    height: 42px;
    padding-inline:24px;background: var(--nf-bg-2);
    border-radius: var(--rounded-normal);
    cursor: pointer;
    transition: all .3s
}

.nav-filters__item:hover {
    background: var(--nf-bg-3)
}

.nav-filters__item:has(.nav-filters__count) {
    position: relative;
    padding: 0;
    overflow: hidden
}

.nav-filters__item.is-open+.nav-filters__dropdown {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    animation: none
}

.nav-filters__item.is-open .nav-filters__arrow {
    transform: rotate(180deg)
}

.nav-filters__item span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nav-filters__item>.ico-svg {
    margin-left: 6px
}

.nav-filters__ico {
    margin-left: 6px
}

.nav-filters__dropdown {
    position: absolute;
    top: calc(100% + 12px);
    left: calc(var(--nf-container-pad)*-1);
    width: 280px;
    max-height: 0;
    padding: 8px 8px 0 8px;
    background: var(--nf-bg-2);
    border-radius: var(--rounded-normal);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all .6s;
    z-index: 2
}

.nav-filters__search {
    position: relative;
    display: flex;
    height: 42px;
    margin-bottom: 8px;
    background: var(--nf-bg-1);
    border-radius: var(--rounded-normal)
}

.nav-filters__search input {
    width: 100%;
    padding-inline:30px 8px;background: rgba(0,0,0,0)
}

.nav-filters__search button {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    border: none;
    color: #a7a7a7;
    background: none
}

.nav-filters__search .ico-svg {
    display: block
}

.nav-filters__sublist {
    max-height: 326px;
    margin-bottom: 12px;
    overflow-y: auto
}

.nav-filters__sublist::-webkit-scrollbar {
    width: 4px
}

.nav-filters__sublist::-webkit-scrollbar-track {
    background: var(--nf-bg-1);
    border-radius: 4px
}

.nav-filters__sublist::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    border-radius: 4px
}

.nav-filters__sublist::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.6)
}

.nav-filters__subitem {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-inline:30px 8px;border-radius: var(--rounded-normal);
    transition: all .3s
}

.nav-filters__subitem.is-active:after {
    opacity: 1
}

.nav-filters__subitem span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nav-filters__subitem:before {
    content: "";
    position: absolute;
    left: 10px;
    width: 12px;
    height: 12px;
    border: 1px solid #a7a7a7;
    border-radius: 50%
}

.nav-filters__subitem:after {
    content: "";
    position: absolute;
    left: 12px;
    width: 8px;
    height: 8px;
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s
}

.nav-filters__subitem:hover {
    background: var(--nf-bg-1)
}

.nav-filters__subitem:hover:after {
    opacity: 1
}

.nav-filters__colors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    margin-bottom: 8px;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden
}

.nav-filters__color {
    display: block;
    width: 100%;
    max-height: 40px;
    aspect-ratio: 3/1.35;
    transition: all .3s
}

.nav-filters__color:hover {
    box-shadow: inset 0 0 0 8px rgba(0,0,0,.4)
}

.nav-filters__count {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: var(--nf-bg-count);
    line-height: normal;
    font-size: var(--text-size-small);
    color: #fff;
    border-radius: var(--rounded-normal);
    transform: translate(-50%, -50%)
}

.nav-filters__right .nav-filters__dropdown {
    left: auto;
    right: 0
}

.nav-filters__ani-count .nav-filters__count {
    overflow: visible
}

.nav-filters__ani-count .nav-filters__count:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: aniCountPulse 1s ease 5;
    border-radius: var(--rounded-normal);
    border: 4px double var(--nf-bg-count)
}

.nav-filters__ani-count .nav-filters__dropdown {
    animation: aniDropdownHideShow 4s 1s forwards
}

@media(max-width: 1100px) {
    .nav-filters__item {
        padding-inline:12px;
        max-width: 100%
    }
}

@media(max-width: 1000px) {
    .nav-filters__left,.nav-filters__right {
        width:100%
    }

    .nav-filters__list>li {
        width: calc(50% - 3px)
    }

    .nav-filters__list>li:nth-child(n+7) {
        display: none
    }

    .nav-filters__dropdown {
        display: none
    }

    .nav-filters__item.is-open+.nav-filters__dropdown {
        display: block;
        position: fixed;
        top: var(--pad-inner);
        left: var(--pad-inner);
        width: calc(100% - var(--pad-inner)*2)
    }

    .nav-filters__overlay {
        background: rgba(0,0,0,.3)
    }
}

@keyframes aniCountPulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    60% {
        transform: scale(1.3);
        opacity: .4
    }

    100% {
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes aniDropdownHideShow {
    0% {
        transform: translateY(-20px);
        max-height: 0;
        opacity: 0
    }

    10% {
        transform: translateY(0px);
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        z-index: 5
    }

    90% {
        transform: translateY(0px);
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        z-index: 5
    }

    100% {
        transform: translateY(-20px);
        max-height: 0;
        opacity: 0;
        visibility: hidden
    }
}

.breadcrumb-filters {
    --bf-line-height: 130%;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    line-height: var(--bf-line-height)
}

.breadcrumb-filters__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px
}

.breadcrumb-filters__left {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.breadcrumb-filters__right {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.breadcrumb-filters__list {
    display: flex;
    gap: 12px
}

.breadcrumb-filters__title {
    font-size: var(--text-primary);
    font-weight: var(--font-bold);
    line-height: var(--bf-line-height)
}

.breadcrumb-filters__item.is-active {
    font-weight: var(--font-medium)
}

.breadcrumb-filters__link {
    display: flex;
    align-items: center;
    transition: all .3s
}

.breadcrumb-filters__link:hover {
    opacity: .8
}

.breadcrumb-filters__grid {
    display: flex;
    align-items: center;
    gap: 12px
}

.breadcrumb-filters__grid li {
    position: relative
}

.breadcrumb-filters__grid .is-active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-primary)
}

.breadcrumb-filters__grid .ico-svg {
    display: block;
    cursor: pointer
}

.breadcrumb-filters__grid .ico-svg:hover {
    opacity: .8
}

.breadcrumb-filters [data-count]:after {
    padding: 2px 2px 0 2px;
    content: attr(data-count);
    margin-left: 4px;
    border: var(--border-thin) solid var(--color-primary);
    border-radius: 2px;
    font-size: 12px;
    line-height: 10px;
    font-weight: 300
}

.breadcrumb-filters__more {
    padding-top: clamp(20px,3vw,50px);
    line-height: 150%
}

.breadcrumb-filters__more h3 {
    margin-bottom: 1rem;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

@media(max-width: 768px) {
    .breadcrumb-filters__list li:not(:last-child) {
        display:none
    }
}

:root {
    --font-1: Inter Tight;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 600;
    --font-extrabold: 700;
    --font-black: 800;
    --color-primary: #222;
    --color-primary-rgb: 34, 34, 34;
    --color-link: #222;
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-orange: #FA5D29;
    --color-errors: #FA5D29;
    --color-blue: #49B3FC;
    --color-featured: #f8f0ee;
    --color-red: #FA5D29;
    --color-underlined: var(--color-primary-rgb);
    --color-connect: #FF602C;
    --color-connect-2: #FFAE94;
    --color-connect-3: #FFC5B1;
    --color-inspire: #AAEEC4;
    --color-inspire-2: #C8E4D3;
    --color-inspire-3: #E2F4E9;
    --color-awards: #502bd8;
    --color-awards-2: #6749d1;
    --color-awards-3: #917eda;
    --color-read: #c0ab3c;
    --color-read-2: #CDC38B;
    --color-read-3: #DBD6C0;
    --color-learn: #FFF083;
    --color-learn-2: #FFF9D0;
    --color-learn-3: #fffbe2;
    --color-jobs: #74bcff;
    --color-jobs-2: #99ccfc;
    --color-jobs-3: #b4d7f8;
    --text-size-small: 11px;
    --text-size-primary: 14px;
    --text-size-medium: 18px;
    --text-size-large: 22px;
    --border-gray: #ededed;
    --color-dotteds-rgb: 34, 34, 34;
    --bg-primary: #F8F8F8;
    --bg-primary-rgb: 248, 248, 248;
    --bg-secondary: #222;
    --bg-3rd: #ededed;
    --bg-4rd: #f8f8f8;
    --bg-white: white;
    --innerWidth: 1816px;
    --header-height: 71px;
    --gutter: 20px;
    --pad-inner: 52px;
    --color-odd-rows: #f8f8f8;
    --avatar-bg: #F8F8F8;
    --border-table: #222;
    --border-thin: 0.5px;
    --alert-green: #e0f4d9;
    --alert-green-rgb: 224, 244, 217;
    --alert-yellow: #FFF083;
    --alert-yellow-rgb: 255, 240, 131;
    --modal-alpha: 0.7;
    --rounded-small: 4px;
    --rounded-normal: 8px;
    --rounded-large: 1rem;
    --img-resizing-site: 16 / 12;
    --img-resizing-paronamic: 2 / 1;
    --img-resizing-desktop: 19 / 10
}

.fs-1 {
    font-size: 24px
}

html {
    scroll-behavior: smooth;
    font-size: var(--text-size-primary)
}

body {
    margin: auto;
    font-family: var(--font-1);
    font-size: var(--text-size-primary);
    font-weight: 300;
    background: var(--bg-primary);
    color: var(--color-primary);
    line-height: 200%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body.dark {
    --color-primary: #eee;
    --bg-primary: #121212
}

@media(min-width: 768px) {
    body.has-header-above #content {
        margin-top:-71px
    }

    body.has-header-above #header {
        background: rgba(0,0,0,0)
    }
}

body.header-dark #header {
    --color-primary: #fff;
    --bg-primary: #222;
    --sf-bg: #383838;
    --button-bg: var(--color-primary);
    --button-color: #222;
    color: var(--color-primary)
}

.content-header {
    background: var(--ch-bg, transparent);
    overflow: hidden
}

@media(min-width: 768px) {
    .content-header {
        margin-bottom:clamp(30px,6vw,100px);
        padding-top: 71px;
        padding-bottom: clamp(30px,6vw,100px)
    }
}

.content-header .block {
    margin-bottom: 0
}

input,select,textarea,button {
    font-family: var(--font-1);
    font-size: var(--text-size-primary)
}

figure img {
    display: block
}

a {
    color: var(--color-link)
}

strong {
    font-weight: var(--font-bold)
}

.ico-svg {
    position: relative;
    display: inline-block;
    height: auto;
    fill: currentColor;
    transition: all .3s
}

.ico-svg.is-success {
    color: #52c67e
}

.ico-svg.is-danger {
    color: #fa5d29
}

.ico-svg.is-alert {
    color: #ff602c
}

.ico-svg[class*="--reflect"] {
    transform: scaleX(-1)
}

.ico-svg[class*="--white"] {
    color: #fff
}

.ico-svg[class*="--middle"] {
    top: -1px;
    vertical-align: middle;
    margin-right: .1em
}

.has-sticker {
    position: relative
}

span.has-sticker {
    display: inline-block
}

.has-sticker .sticker-svg {
    position: absolute;
    pointer-events: none
}

.has-sticker__ico {
    position: absolute;
    height: auto;
    margin-block:auto;pointer-events: none
}

.sticker-svg {
    --color-1: #ec6237;
    --color-2: #e5d8ca;
    --color-3: #AAEEC4;
    --color-4: #502BD8;
    --color-5: #222;
    --color-6: #502BD8;
    --color-7: #FCB6F2;
    position: relative;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    height: auto
}

.sticker-svg.sc-orange-beige {
    --sc-1: var(--color-1);
    --sc-2: var(--color-2)
}

.sticker-svg.sc-orange-black {
    --sc-1: var(--color-1);
    --sc-2: var(--color-5)
}

.sticker-svg.sc-beige-purple {
    --sc-1: var(--color-2);
    --sc-2: var(--color-4)
}

.sticker-svg.sc-green-black {
    --sc-1: var(--color-3);
    --sc-2: var(--color-5)
}

.sticker-svg.sc-green-purple {
    --sc-1: var(--color-3);
    --sc-2: var(--color-4)
}

.sticker-svg.sc-purple-pink {
    --sc-1: var(--color-6);
    --sc-2: var(--color-7)
}

.sticker-svg.sc-purple-green {
    --sc-1: var(--color-6);
    --sc-2: var(--color-3)
}

.bg-color-academy {
    background-color: var(--color-learn) !important
}

img {
    max-width: 100%
}

p {
    margin-bottom: 1em
}

:root {
    --sf-height: 42px;
    --sf-bg: #ededed;
    --hf-bg: var(--bg-primary)
}

.has-content-header,.modal .header-floating {
    --sf-bg: var(--ch-bg, #f8f8f8);
    --hf-bg: var(--ch-bg, --bg-primary)
}

body.has-header-sticky #header {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--bg-primary)
}

body.has-header-dark .header-main {
    --hm-color: white;
    --button-color: var(--color-primary);
    --button-bg: var(--hm-color);
    --button-border: var(--hm-color);
    --sf-bg: #333
}

body.has-header-dark .header-main .button[class*="--outline"] {
    --button-color: var(--hm-color)
}

body.has-header-dark .header-main .button[class*="--outline"]:hover {
    --button-border: var(--color-primary)
}

body.has-header-dark:has(.nav-header-main__link.is-open) .header-main,body.has-header-dark:has(.header-main.has-search-focus) .header-main {
    --hm-color: #222;
    --sf-bg: var(--nf-bg-3)
}

body.has-content-header .search-form,body.has-content-header .header-floating,body.has-content-header .marquee-top {
    filter: brightness(95%)
}

body.has-content-header:has(.nav-header-main__link.is-open) .search-form,body.has-content-header:has(.nav-header-main__link.is-open) .header-floating,body.has-content-header:has(.header-main.has-search-focus) .search-form,body.has-content-header:has(.header-main.has-search-focus) .header-floating {
    filter: none
}

body:has(.nav-header-main__link.is-open),body:has(.header-main.has-search-focus),body:has(.nav-header-main.is-open) {
    overflow-y: hidden
}

@media(max-width: 1270px) {
    body:has(.nav-header-main__link.is-open),body:has(.header-main.has-search-focus),body:has(.nav-header-main.is-open) {
        --ch-bg: var(--bg-primary)
    }

    body:has(.nav-header-main__link.is-open) .marquee-top,body:has(.header-main.has-search-focus) .marquee-top,body:has(.nav-header-main.is-open) .marquee-top {
        display: none
    }
}

@media(min-width: 1270px) {
    body:has(.bt-dropdown-user) .nav-header-main__content {
        padding-right:328px
    }

    body:has(.nav-header-main__link.is-open) .nav-header-main,body:has(.header-main.has-search-focus) .nav-header-main {
        margin-inline:0}

    body:has(.nav-header-main__link.is-open) .nav-header-main__item,body:has(.header-main.has-search-focus) .nav-header-main__item {
        padding-inline:0}

    body:has(.nav-header-main__link.is-open) .nav-header-main__item:not(.has-dropdown),body:has(.header-main.has-search-focus) .nav-header-main__item:not(.has-dropdown) {
        display: none
    }

    body:has(.nav-header-main__link.is-open) .nav-header-main__link,body:has(.header-main.has-search-focus) .nav-header-main__link {
        display: none
    }
}

#header {
    --header-mt: 8px;
    position: relative;
    margin-top: var(--header-mt)
}

.header-fixed #header {
    position: sticky;
    top: 0;
    background: var(--bg-primary);
    z-index: 4
}

#header.is-top {
    z-index: 5
}

@media(max-width: 768px) {
    #header {
        --header-mt: 0px;
        position: sticky;
        top: 0;
        margin-top: 0;
        z-index: 5;
        background: var(--bg-primary)
    }

    #header .inner {
        inline-size: auto;
        margin-inline:0}
}

.c-header-main {
    --header-height: 54px;
    width: var(--innerWidth);
    max-width: 100%;
    height: var(--header-height)
}

.header-main {
    --hm-color: var(--color-primary);
    --hm-text: var(--text-size-primary);
    --hm-active-bg: #ededed;
    --hm-active-bg-2: var(--bg-primary);
    --hm-active-color: var(--color-primary);
    --hm-active-2-color: var(--color-primary);
    --hm-active-3-color: rgba(0,0,0,0.13);
    --hm-border-alpha: 0.3;
    --hm-separator: 10px;
    --color-link: var(--hm-color);
    position: relative;
    font-weight: 400;
    color: var(--hm-color);
    z-index: 3
}

.header-main.has-search-focus .header-main__container {
    z-index: 1
}

.header-main.has-search-focus .search-inspiration li:has([data-section=search]) {
    display: block
}

.header-main.has-search-focus .search-inspiration li:has([data-section=nav]) {
    display: none
}

@media(min-width: 1270px) {
    .header-main.has-search-focus .nav-header-main__item {
        border-bottom:0
    }

    .header-main.has-search-focus .nav-header-main__item:not(:has(.nav-header-main__dropdown)) {
        display: none
    }

    .header-main.has-search-focus .nav-header-main__link {
        display: none
    }
}

.header-main.has-search-fill .search-inspiration__nav {
    display: none
}

.header-main.has-search-fill .search-inspiration__searching {
    display: block
}

@media(max-width: 1270px) {
    .header-main.has-search-fill .nav-header-main__item {
        border-bottom:0
    }

    .header-main.has-search-fill .nav-header-main__item:not(:has(.nav-header-main__dropdown)) {
        display: none
    }

    .header-main.has-search-fill .nav-header-main__link {
        display: none
    }
}

.header-main:has(.nav-header-main__link.is-open),.header-main.has-search-focus {
    --color-primary: #222;
    --hm-color: #222;
    --sf-bg: var(--nf-bg-3);
    --button-bg: var(--hm-color);
    --button-color: white;
    --button-border: var(--hm-color)
}

.header-main:has(.nav-header-main__link.is-open) .header-main__overlay,.header-main.has-search-focus .header-main__overlay {
    opacity: 1;
    visibility: visible
}

@media(min-width: 1270px) {
    .header-main:has(.nav-header-main__link.is-open) .header-main__container,.header-main.has-search-focus .header-main__container {
        background:var(--hm-active-bg);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .header-main:has(.nav-header-main__link.is-open) .nav-header-main__dropdown,.header-main.has-search-focus .nav-header-main__dropdown {
        height: auto;
        opacity: 1;
        visibility: visible
    }
}

.header-main__container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--header-height);
    padding-inline:6px;font-size: var(--hm-text);
    color: var(--hm-color);
    border-radius: var(--rounded-normal);
    background: var(--ch-bg, --bg-primary);
    transition: all .3s
}

.header-main__overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200svw;
    height: 200svh;
    background: rgba(0, 0, 0, var(--modal-alpha));
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all .3s;
    opacity: 0;
    visibility: hidden
}

.header-main__logo {
    position: relative;
    left: 4px
}

.header-main__hamburger {
    position: relative;
    display: none;
    align-items: center;
    height: 100%;
    margin-right: 12px;
    cursor: pointer
}

.header-main__hamburger:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 48px;
    left: -20px
}

.header-main__hamburger svg {
    stroke: currentColor
}

.header-main__logo svg {
    display: block;
    fill: var(--hm-color);
    transition: all .3s
}

.header-main__search {
    flex: 1;
    margin-left: clamp(8px,3vw,24px)
}

.header-main__right {
    display: flex;
    gap: 12px;
    height: var(--sf-height);
    margin-left: clamp(8px,3vw,20px)
}

.header-main__bts {
    display: flex;
    gap: 12px
}

.header-main__bts .button {
    font-weight: var(--font-medium)
}

.header-main__user {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 10px;
}

.header-main__separator {
    width: 1px;
    height: 24px;
    background-color: rgba(var(--color-primary-rgb), 0.2)
}

.header-main__link {
    cursor: pointer
}

.header-main__ico {
    display: none;
    align-items: center;
    cursor: pointer
}

@media(max-width: 1270px) {
    .header-main:has(.nav-header-main.is-open) .header-main__overlay {
        opacity:1;
        visibility: visible
    }

    .header-main__logo {
        position: static
    }

    .header-main__hamburger {
        display: flex
    }

    .header-main__overlay {
        display: none
    }
}

@media(max-width: 1024px) {
    .header-main #g_id_onload {
        display:none
    }
}

@media(max-width: 768px) {
    .header-main__container {
        border-radius:0;
        padding-inline:0 var(--pad-inner)}

    .header-main__hamburger {
        justify-content: center;
        margin-right: 0;
        aspect-ratio: 1/1
    }
}

.nav-header-main {
    height: var(--header-height);
    margin-inline:60px 0px;font-weight: var(--font-medium)
}

.nav-header-main.is-open {
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.nav-header-main.is-open .nav-header-main__dropdown {
    opacity: 1;
    visibility: visible
}

.nav-header-main__content {
    min-height: 450px;
    padding: 0 424px 12px 60px
}

.nav-header-main__list {
    display: flex;
    align-items: center;
    height: 100%
}

.nav-header-main__item {
    height: 100%;
    padding-inline:10px}

.nav-header-main__item.has-dropdown .nav-header-main__link {
    cursor: pointer
}

.nav-header-main__link {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--hm-color);
    transition: all .3s
}

.nav-header-main__link.is-open .nav-header-main__arrow {
    transform: scaleY(-1)
}

.nav-header-main__link:has(.budget-tag) {
    gap: 4px
}

.nav-header-main__link:hover {
    opacity: .7
}

.nav-header-main__link .ico-svg {
    margin-left: 6px
}

.nav-header-main__arrow {
    transition: none
}

.nav-header-main__arrow--sub {
    display: none
}

.nav-header-main__dropdown {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 0;
    background: var(--hm-active-bg);
    color: var(--hm-active-2-color);
    font-weight: lighter;
    background: var(--hm-active-bg);
    border-bottom-left-radius: var(--rounded-normal);
    border-bottom-right-radius: var(--rounded-normal);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 1
}

.nav-header-main__social {
    display: none
}

.nav-header-main__sponsor {
    position: absolute;
    bottom: 0;
    right: 8px;
    margin-right: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    color: var(--hm-color)
}

@media(max-width: 1270px) {
    .nav-header-main {
        --nhm--top: calc(var(--header-height) + calc(var(--header-mt) * 2 ));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        top: var(--nhm--top);
        left: 0;
        width: 100%;
        min-height: calc(100dvh - var(--nhm--top));
        margin: 0;
        padding: 0;
        font-weight: 300;
        background: var(--bg-primary);
        overflow-y: auto;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s
    }

    .nav-header-main__content {
        min-height: auto;
        padding: 0
    }

    .nav-header-main__list {
        flex-direction: column;
        gap: 0;
        height: auto
    }

    .nav-header-main__list>li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, var(--hm-border-alpha))
    }

    .nav-header-main__link {
        background: var(--hm-active-3-color)
    }

    .nav-header-main__item {
        flex-direction: column;
        width: 100%;
        height: auto;
        padding-inline:0}

    .nav-header-main__link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 54px;
        padding: 12px 20px;
        line-height: normal;
        font-weight: var(--font-medium)
    }

    .nav-header-main__link.is-open+.nav-header-main__dropdown {
        display: block
    }

    .nav-header-main__link .ico-svg {
        display: none
    }

    .nav-header-main__dropdown {
        position: static;
        height: auto
    }

    .nav-header-main__dropdown .inner {
        inline-size: auto
    }

    .nav-header-main__social {
        display: flex;
        justify-content: space-around
    }

    .nav-header-main__social a {
        display: block;
        padding: 12px
    }

    .nav-header-main__social .ico-svg {
        display: block
    }

    .nav-header-main__sponsor {
        display: none;
        position: static
    }

    .nav-header-main .search-inspiration {
        --si-gap: 16px
    }
}

.search-form {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    height: var(--sf-height);
    background: var(--sf-bg);
    border-radius: var(--rounded-normal);
    transition: background .3s
}

.search-form__field {
    display: flex;
    flex: 1;
    height: 100%;
    padding-left: 16px;
    border-top-left-radius: var(--rounded-normal);
    border-bottom-left-radius: var(--rounded-normal)
}

.search-form__button {
    display: flex;
    align-items: center;
    padding: 0;
    background: rgba(0,0,0,0);
    border: none;
    cursor: pointer
}

.search-form__button:focus {
    outline: none
}

.search-form__button .ico-svg {
    fill: var(--hm-color)
}

.search-form__input {
    position: absolute;
    inset: 0;
    padding-left: 38px;
    background: rgba(0,0,0,0);
    border: none;
    font-size: .95rem;
    color: var(--hm-color)
}

.search-form__input:focus {
    outline: none
}

.search-form__input::-moz-placeholder {
    color: var(--hm-color)
}

.search-form__input::placeholder {
    color: var(--hm-color)
}

.search-inspiration {
    --si-gap: 28px;
    --si-nav-width: 180px;
    position: relative;
    display: flex;
    gap: var(--si-gap);
    width: 100%;
    font-weight: 400;
    color: var(--hm-color)
}

.search-inspiration__nav {
    width: var(--si-nav-width)
}

.search-inspiration__nav .search-inspiration__list {
    display: none;
    position: absolute;
    top: 0;
    width: calc(100% - 200px);
    height: 400px;
    margin-left: 200px
}

.search-inspiration__nav li:has([data-section=search]) {
    display: none
}

.search-inspiration__nav li:not(:last-child) {
    margin-bottom: 2px
}

.search-inspiration__searching {
    display: none;
    width: 100%
}

.search-inspiration__section {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding-inline:38px 16px;border-radius: var(--rounded-normal);
    cursor: pointer;
    transition: all .3s
}

.search-inspiration__section.is-active {
    background: var(--nf-bg-3);
    font-weight: var(--font-bold)
}

.search-inspiration__section.is-active+.search-inspiration__list {
    display: block
}

.search-inspiration__section:hover {
    background: var(--nf-bg-3)
}

.search-inspiration__section .search-inspiration__ico {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

.search-inspiration__section .search-inspiration__arrow {
    display: none
}

.search-inspiration__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding-inline:8px;line-height: normal;
    border-radius: var(--rounded-normal);
    transition: all .3s
}

.search-inspiration__item:hover {
    background: var(--nf-bg-3)
}

.search-inspiration__item[data-count]::after {
    padding: 2px 2px 0 2px;
    content: attr(data-count);
    margin-left: 4px;
    margin-left: 4px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 10px
}

.search-inspiration__item-text {
    display: flex;
    align-items: center
}

.search-inspiration__item-text .ico-svg {
    margin-inline:8px 10px}

.search-inspiration__item span {
    flex: 1
}

.search-inspiration__item span:not(.budget-tag) {
    width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.search-inspiration [data-search-target]+[data-search-target] {
    margin-block:16px}

.search-inspiration__list:has(.avatar-name) {
    padding-left: 14px
}

.search-inspiration__list:has(.avatar-name) li:not(:last-child) {
    margin-bottom: 16px
}

@media(max-width: 1270px) {
    .search-inspiration {
        --si-nav-width: 100%
    }

    .search-inspiration__nav .search-inspiration__list {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0
    }

    .search-inspiration__nav li:not(:last-child) {
        margin-bottom: 0
    }

    .search-inspiration__menu li {
        --hm-border-alpha: 0.1;
        border-top: 1px solid rgba(0, 0, 0, var(--hm-border-alpha))
    }

    .search-inspiration__section {
        justify-content: space-between;
        height: 54px;
        padding-inline:var(--pad-inner);border-radius: 0
    }

    .search-inspiration__section.is-active {
        background: var(--hm-active-3-color);
        border-radius: 0
    }

    .search-inspiration__section.is-active .search-inspiration__arrow {
        transform: scaleY(-1)
    }

    .search-inspiration__section .search-inspiration__ico {
        display: none
    }

    .search-inspiration__section .search-inspiration__arrow {
        display: block
    }

    .search-inspiration__item {
        height: 54px;
        padding-inline:var(--pad-inner);background: #fff;
        border-radius: 0
    }

    .search-inspiration__item .ico-svg {
        margin-left: 0
    }

    .search-inspiration__searching {
        padding-block:16px;background: #fff
    }

    .search-inspiration__searching .search-inspiration__item {
        height: 30px
    }
}

.slider-header {
    position: relative;
    z-index: 0;
    padding-right: 10%;
    overflow: hidden
}

.slider-header .swiper-slide {
    width: 350px
}

.slider-header__figure {
    margin-bottom: 20px
}

.slider-header__img {
    display: block
}

.slider-header__title {
    line-height: 130%;
    font-size: 1rem;
    font-weight: 300
}

.slider-header__nav {
    display: flex;
    justify-content: flex-end
}

.slider-header__btnav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all .3s
}

.slider-header__btnav:hover {
    opacity: .7
}

.slider-header__btnav--next {
    transform: scaleX(-1)
}

.header-floating {
    position: fixed;
    top: -80px;
    left: 0;
    width: 100%;
    height: 72px;
    min-height: 72px;
    background: var(--hf-bg);
    border-bottom: 1px solid var(--ch--bg, --bg-3rd);
    transition: all .3s ease-in-out;
    z-index: 4
}

.header-floating.show {
    top: 0
}

.header-floating .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.header-floating__left {
    display: flex;
    align-items: center;
    gap: 10px
}

.header-floating__right {
    display: flex;
    align-items: center;
    gap: 40px
}

.header-floating__by {
    display: flex;
    align-items: center;
    gap: 10px
}

.modal .header-floating {
    filter: brightness(95%)
}

@media(max-width: 1024px) {
    .header-floating__left {
        height:32px;
        overflow: hidden
    }

    .header-floating__left strong {
        padding-right: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

@media(max-width: 768px) {
    .header-floating {
        display:none !important
    }
}

.list-featured {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.list-featured__img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.list-featured__title {
    display: block;
    margin-top: 12px;
    color: var(--color-white);
    line-height: 100%
}

.bt-dropdown-user {
    position: relative;
    display: flex;
    align-items: center
}

.bt-dropdown-user:hover .dropdown-user {
    opacity: 1;
    visibility: visible
}

.bt-dropdown-user .circle-avatar {
    font-size: 1.25em
}

@media(max-width: 576px) {
    .bt-dropdown-user .bt-dropdown-user__link {
        pointer-events:none
    }
}

.dropdown-user {
    --color-hover: rgba(255,255,255, 0.1);
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    width: 230px;
    padding: 20px 0;
    background: var(--bg-secondary);
    color: var(--color-white);
    border-radius: var(--rounded-normal);
    z-index: 3;
    transition: all .3s;
    opacity: 0;
    visibility: hidden
}

.dropdown-user:before {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: -25px
}

.dropdown-user__list {
    padding: 16px 0;
    border-bottom: 1px solid var(--color-hover)
}

.dropdown-user__list:first-child {
    padding-top: 0
}

.dropdown-user__list:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.dropdown-user__link {
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-white);
    transition: all .3s
}

.dropdown-user__link:hover {
    background-color: var(--color-hover)
}

@media(max-width: 1024px) {
    .dropdown-user {
        left:auto;
        right: 0
    }
}

:root {
    --height-input: 48px;
    --pad-input: 16px;
    --bg-input: #fff;
    --bg-input-hover: #f8f8f8;
    --color-input: #222;
    --border-input: #ededed;
    --check-toggle-width: 80px;
    --check-toggle-height: 40px;
    --check-toggle-color-ball: #fff;
    --check-toggle-color-bg: #dedede;
    --check-toggle-color-bg-checked: #222
}

.form-field {
    position: relative;
    width: 100%
}

.form-field.is-invalid .text-input {
    color: currentColor;
    border-color: var(--color-errors)
}

.form-field.is-invalid .input-drag {
    border-color: var(--color-errors)
}

.form-field.is-invalid .link-underlined {
    --color-underlined: 250, 93, 41
}

.form-field.is-invalid .form-field__msg {
    color: var(--color-errors)
}

.form-field__label {
    display: block;
    margin-bottom: 8px;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    color: #a7a7a7
}

.form-field__label.is-required:after {
    content: " (*)"
}

.form-field__msg {
    padding-top: 1em;
    font-size: var(--text-size-small);
    line-height: 100%;
    color: #a7a7a7
}

.form-field__msg li:not(:last-child) {
    margin-bottom: .5em
}

.form-field__remove {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: var(--height-input);
    cursor: pointer;
    transition: all .3s
}

.form-field__remove:hover {
    opacity: .7
}

.form-field__remove+.text-input {
    padding-right: 36px
}

.form-field .text-input {
    width: 100%
}

.text-input {
    display: block;
    height: var(--height-input);
    padding: 0 var(--pad-input);
    background: var(--bg-input);
    border: 0;
    color: var(--color-input);
    border-bottom: 1px solid var(--border-input);
    transition: all .3s ease-in-out
}

.text-input:focus {
    outline: 0;
    border-color: #a7a7a7
}

.text-input:disabled {
    background: var(--bg-primary)
}

.text-input::-moz-placeholder {
    color: #dedede;
    font-weight: 300
}

.text-input::placeholder {
    color: #dedede;
    font-weight: 300
}

textarea.text-input {
    height: 100px;
    padding-top: var(--pad-input)
}

.box-input-check-toggle {
    display: flex;
    align-items: center;
    gap: 10px
}

.box-text-input {
    position: relative;
    display: flex;
    width: 100%;
    background: var(--bg-input)
}

.box-text-input__url {
    display: flex;
    align-items: center;
    padding-left: var(--pad-input);
    color: #a7a7a7;
    border-bottom: 1px solid var(--border-input)
}

.box-text-input .text-input {
    width: 100%;
    padding-left: 4px
}

.c-toggle {
    display: inline-flex;
    gap: 16px
}

.label-c-toggle+.c-toggle {
    margin-left: 2em
}

.c-toggle__col {
    display: flex;
    align-items: center
}

.c-toggle strong {
    position: relative;
    line-height: 130%
}

.c-toggle sup {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #7a7a7a;
    font-size: var(--text-size-small)
}

.check-toggle {
    display: inline-block;
    position: relative;
    width: var(--check-toggle-width);
    height: var(--check-toggle-height);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.check-toggle__ball {
    position: relative;
    top: 2px;
    display: block;
    width: calc(var(--check-toggle-height) - 4px);
    height: calc(var(--check-toggle-height) - 4px);
    background: var(--check-toggle-color-ball);
    border-radius: 50%;
    transform: translateX(2px);
    transition: all .3s
}

.check-toggle input {
    display: none
}

.check-toggle input:checked+label {
    --check-toggle-color-bg: var(--check-toggle-color-bg-checked)
}

.check-toggle input:checked+label .check-toggle__ball {
    transform: translateX(calc(var(--check-toggle-width) - var(--check-toggle-height) + 2px))
}

.check-toggle label {
    position: absolute;
    inset: 0;
    background: var(--check-toggle-color-bg);
    border-radius: var(--check-toggle-height);
    cursor: pointer;
    transition: all .3s
}

.input-check {
    position: relative;
    display: inline-block
}

.input-check input {
    display: none
}

.input-check label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 30px;
    line-height: 130%;
    cursor: pointer
}

.input-check label:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    border: 2px solid #dedede;
    border-radius: var(--rounded-small)
}

.input-check label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    background: var(--color-primary);
    border-radius: 2px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s
}

.input-check input[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.input-check input[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.input-check input[type=radio]+label:before {
    border-radius: 50%
}

.input-check input[type=radio]+label:after {
    border-radius: 50%;
    border: none;
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    background-color: var(--color-primary);
    border-radius: 50%;
    transform: scale(0)
}

.input-ranger-double {
    --height-ranger: 20px;
    position: relative;
    width: 100%;
    height: var(--height-ranger)
}

.input-ranger-double__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    pointer-events: none
}

.input-ranger-double__track {
    width: 100%;
    height: 4px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: var(--height-ranger)
}

.input-ranger-double input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none
}

.input-ranger-double input[type=range]::-moz-range-track {
    -moz-appearance: none
}

.input-ranger-double input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--height-ranger);
    width: var(--height-ranger);
    background-color: var(--color-white);
    border: 2px solid #27ae60;
    pointer-events: auto;
    border-radius: 50%;
    cursor: pointer
}

.input-ranger-double input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: var(--height-ranger);
    width: var(--height-ranger);
    background-color: var(--color-white);
    border: 2px solid #27ae60;
    pointer-events: auto;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box
}

.input-ranger-double input[type=range]:active::-webkit-slider-thumb {
    background: #27ae60
}

.input-ranger-double__values {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    color: #a7a7a7
}

.input-ranger-double__values strong {
    color: var(--color-primary)
}

.input-drag {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--border-input);
    aspect-ratio: var(--input-ratio, 1/1);
    border-radius: var(--rounded-small);
    background-color: var(--bg-input);
    overflow: hidden;
    transition: all .3s
}

.input-drag:hover {
    border-color: #a7a7a7
}

.input-drag.is-drag {
    border-color: var(--color-primary);
    border-style: dashed;
    background-color: #ededed
}

.input-drag.is-inserted:hover .input-drag__hover {
    opacity: 1
}

.input-drag.is-inserted .input-drag__hover {
    z-index: 1
}

.input-drag__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    z-index: 1
}

.input-drag__label {
    padding: 20px;
    text-align: center;
    line-height: 140%
}

.input-drag__label p {
    margin-bottom: .5em
}

.input-drag__label p:last-child {
    margin-bottom: 0
}

.input-drag__preview {
    position: absolute;
    inset: 0
}

.input-drag__preview img,.input-drag__preview video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.input-drag__hover {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: rgba(0,0,0,.5);
    opacity: 0;
    transition: all .3s
}

.input-drag__hover .button {
    position: relative;
    z-index: 5;
    pointer-events: auto
}

.input-drag__hover .button:hover {
    background: red
}

.form-errors {
    margin-bottom: 30px;
    color: #fa5d29;
    line-height: 120%
}

.form-errors li {
    margin-bottom: 8px
}

.form__section {
    margin-bottom: 60px
}

.form__row {
    margin-bottom: 30px
}

.form__row .text-input {
    width: 100%
}

.form__bts {
    display: flex;
    justify-content: space-between;
    gap: var(--gutter);
    margin-top: clamp(30px,5vw,60px)
}

.form__bts__left {
    display: flex;
    align-items: center
}

.form__bts__right {
    display: flex;
    gap: 8px
}

.form__bts .button {
    flex: auto
}

.form__hr {
    height: 1px;
    background-color: #dedede;
    border: none;
    margin: clamp(40px,4vw,80px) 0
}

.form__hr--small {
    margin: clamp(20px,4vw,40px) 0
}

.box-form-autocomplete {
    display: flex;
    gap: 8px
}

.box-form-autocomplete .button,.box-form-autocomplete .text-input {
    border-radius: var(--rounded-small)
}

.field-autocomplete {
    position: relative
}

.field-autocomplete__wrap {
    position: relative
}

.field-autocomplete__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.field-autocomplete__dropdown.is-visible {
    opacity: 1;
    visibility: visible
}

.field-autocomplete__list {
    max-height: 204px;
    overflow-y: auto
}

.field-autocomplete__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 16px;
    border-bottom: 1px solid #ededed;
    background: var(--color-white);
    cursor: pointer;
    transition: all .3s
}

.field-autocomplete__list li:last-child {
    border-bottom: 0
}

.field-autocomplete__list li:hover {
    background: #f8f8f8
}

.field-autocomplete__avatars {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px
}

.field-autocomplete__avatars li {
    position: relative;
    display: flex;
    cursor: pointer
}

.field-autocomplete__avatars li:hover img {
    opacity: .5
}

.field-autocomplete__avatars li:hover .ico-svg {
    opacity: 1
}

.field-autocomplete__avatars li img {
    transition: all .3s
}

.field-autocomplete__avatars .circle-avatar {
    background: #000;
    border-radius: 50%;
    overflow: hidden
}

.field-autocomplete__avatars .ico-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    transform: translate(-50%, -50%);
    fill: var(--color-white);
    opacity: 0
}

.field-autocomplete__avatar {
    display: flex;
    position: relative
}

.field-autocomplete__loading {
    --spinner-bg: #ededed;
    --spinner-color: #222;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--height-input);
    height: var(--height-input);
    font-size: 10px
}

.snackbar {
    --snack-text: var(--color-white);
    position: fixed;
    bottom: 20px;
    left: 40px;
    max-width: 400px;
    padding: 20px 20px 20px 65px;
    opacity: 0;
    font-size: 16px;
    color: var(--snack-text);
    line-height: 170%;
    background: rgba(var(--color-primary-rgb), 0.7);
    box-shadow: 10px 10px 20px -10px rgba(var(--color-primary-rgb), 0.4);
    border-radius: var(--rounded-normal);
    z-index: 11;
    transition: all .3s
}

.snackbar--success {
    background-color: rgba(14,14,14,.9)
}

.snackbar--warning {
    --snack-text: var(--color-primary);
    background-color: rgba(230,230,0,.9);
    font-weight: 400
}

.snackbar--error {
    background-color: rgba(255,0,0,.9)
}

.snackbar.is-visible {
    opacity: 1;
    transform: translateY(-20px)
}

.snackbar svg {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    fill: var(--snack-text)
}

:root {
    --button-rounded: 8px;
    --button-rounded-full: 72px;
    --button-height: 48px;
    --button-pad: 24px;
    --button-bg: var(--color-primary);
    --button-color: var(--color-white);
    --button-border-color: var(--color-primary)
}

.button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: var(--button-height);
    padding: 0 var(--button-pad);
    background-color: var(--button-bg);
    font-size: var(--text-size-primary);
    color: var(--button-color);
    text-align: center;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    transition: color .3s,background .3s,border .3s
}

.button:focus {
    outline: none
}

.button[class*="--tag"] {
    --button-color: var(--color-primary);
    --button-bg: transparent;
    --button-border-color: #a7a7a7;
    border-radius: var(--button-rounded-full);
    font-size: var(--text-size-medium);
    border: var(--border-thin) solid var(--button-border-color)
}

.button[class*="--tag"]:hover {
    --button-color: var(--color-primary);
    --button-bg: transparent;
    border-color: var(--color-primary)
}

.button[class*="--large"] {
    --button-height: 72px;
    min-width: var(--button-height);
    height: var(--button-height);
    padding: 0 1.6em;
    font-size: 18px;
    font-weight: 400;
    line-height: var(--button-height)
}

.button[class*="--medium"] {
    --button-height: 60px;
    min-width: var(--button-height);
    height: var(--button-height);
    padding: 0 1.2em;
    font-size: 16px;
    line-height: var(--button-height)
}

.button[class*="--small"] {
    min-width: 42px;
    height: 42px;
    padding: 0 20px;
    line-height: 42px
}

.button[class*="--x-small"] {
    min-width: 32px;
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    font-size: 13px
}

.button[class*="--extra-pad"] {
    padding: 0 3em
}

.button[class*="--rounded"] {
    border-radius: var(--button-rounded)
}

.button[class*="--rounded-full"] {
    border-radius: var(--button-rounded-full)
}

.button[class*="--color"] {
    --button-inside-color: var(--bg-primary);
    padding: 0;
    border: none;
    outline: var(--border-thin) solid rgba(var(--color-primary-rgb), 0.3);
    aspect-ratio: 1/1
}

.button[class*="--color"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 8px solid var(--button-inside-color);
    border-radius: 50%;
    transition: border .3s
}

.button[class*="--color"]:hover:before {
    border-width: 4px
}

.button[class*="--full"] {
    width: 100%
}

.button[class*="--circle"] {
    padding: 0;
    border-radius: 50%
}

.button[class*="--square"] {
    padding: 0;
    aspect-ratio: 1/1
}

.button[class*="--circle"] {
    padding: 0;
    border-radius: 50%;
    aspect-ratio: 1/1
}

.button[class*="--white"] {
    --button-bg: var(--color-white);
    --button-color: var(--color-primary)
}

.button[class*="--red"] {
    --button-bg: #FA5D29;
    --button-color: var(--color-white)
}

.button[class*="--gray"] {
    --button-bg: #dedede;
    --button-color: var(--color-primary)
}

.button[class*="--blue"] {
    --button-bg: #49B3FC
}

.button[class*="--outline"] {
    --button-color: var(--color-primary);
    --button-bg: transparent;
    border: var(--border-thin) solid var(--button-border-color)
}

.button[class*="--outline--gray"] {
    --button-border-color: #dedede
}

.button[class*="--outline--gray"]:hover {
    --button-bg: #dedede;
    --button-color: var(--color-primary)
}

.button[class*="--outline--dark"] {
    --button-color: var(--color-white);
    --button-border-color: #fff
}

.button[class*="--outline--dark"]:hover {
    --button-bg: #fff;
    --button-color: var(--color-primary)
}

.button[class*="--outline--white"] {
    --button-color: var(--color-white);
    --button-border-color: #fff
}

.button[class*="--outline--white"]:hover {
    --button-color: var(--color-primary);
    --button-bg: var(--color-white)
}

.button[class*="--outline--red"] {
    --button-color: var(--color-red);
    --button-border-color: var(--color-red)
}

.button[class*="--outline--red"]:hover {
    --button-color: var(--color-white);
    --button-bg: var(--color-red)
}

.button[class*="--disabled"] {
    opacity: .5;
    pointer-events: none
}

.button.is-active {
    --button-bg: var(--bg-secondary);
    --button-color: var(--color-white)
}

.button.is-loading {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.button.is-loading .button__content {
    opacity: 0
}

.button.is-loading .button__spinner {
    display: block;
    opacity: 1;
    margin-right: 12px;
    visibility: visible
}

.button__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.7em 0 0 -0.7em;
    width: 1.4em;
    height: 1.4em;
    border: var(--border-thin) solid rgba(255,255,255,.5);
    border-left-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;
    animation: btRotate .6s infinite linear
}

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

.button__loading .button__spinner {
    display: none;
    position: static;
    margin: 0;
    visibility: hidden;
    overflow: hidden
}

.button svg {
    position: relative;
    vertical-align: middle;
    fill: currentColor;
    transition: fill .3s
}

.button svg.ico--left {
    margin-right: .5em
}

.button svg.ico--right {
    margin-left: .5em
}

.button:hover {
    --button-color: var(--color-white);
    --button-bg: #383838
}

.button:hover svg {
    fill: currentColor
}

@media(max-width: 576px) {
    .button[class*="--tag"] {
        --button-height: 36px;
        --button-pad: 16px;
        font-size: var(--text-size-primary)
    }

    .button[class*="--large"] {
        --button-height: 48px;
        font-size: var(--text-size-primary)
    }

    .button[class*="--medium"] {
        --button-height: 48px
    }
}

@keyframes btRotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.bt-ico-left {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    cursor: pointer
}

.bt-ico-label {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.bt-ico-label small {
    font-size: 12px;
    line-height: normal
}

.bt-ellipses {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 72px;
    padding-inline:12px;background-color: #f8f8f8;
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%),linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: left top,left bottom;
    background-size: 8px 1px,8px 1px;
    background-repeat: repeat-x,repeat-x;
    cursor: pointer;
    transition: all .3s
}

.bt-ellipses--no-hover {
    cursor: default
}

.bt-ellipses--white {
    background-color: #fff
}

.bt-ellipses:not(.bt-ellipses--no-hover):hover {
    background-color: #ededed
}

.bt-ellipses__input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer
}

.bt-ellipses+small {
    display: block;
    padding-top: 1em
}

.button-loadmore {
    --button-pad: 16px;
    --button-color: var(--color-primary);
    --border-width: 1px;
    --pics-border: var(--bg-primary);
    gap: 12px
}

.button-loadmore:hover .button-loadmore__pic {
    --pics-border: #383838
}

.button-loadmore:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #e52e86;
    transition: all .5s;
    animation: clippath 2s infinite linear;
    border-radius: var(--rounded-normal)
}

.button-loadmore__text {
    font-weight: var(--font-medium)
}

.button-loadmore__pics {
    display: flex
}

.button-loadmore__pic {
    border-radius: 50%;
    border: 2px solid var(--pics-border);
    transition: all .3s
}

.button-loadmore__pic:nth-child(n+2) {
    margin-left: -0.9em
}

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

    25% {
        -webkit-clip-path: inset(0 0 0 98%);
        clip-path: inset(0 0 0 98%)
    }

    50% {
        -webkit-clip-path: inset(98% 0 0 0);
        clip-path: inset(98% 0 0 0)
    }

    75% {
        -webkit-clip-path: inset(0 98% 0 0);
        clip-path: inset(0 98% 0 0)
    }
}

.bt-play {
    --bt-bg: rgba(255,255,255,0.85);
    --bt-arrow: var(--color-primary);
    --bt-size: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--bt-size);
    height: var(--bt-size);
    border-radius: 50%;
    background: var(--bt-bg);
    cursor: pointer
}

.bt-play .ico-svg {
    fill: var(--bt-arrow);
    width: 30%;
    transform: translateX(10%)
}

.budget-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding-inline:4px;line-height: 18px;
    font-size: 11px;
    font-weight: var(--font-medium);
    text-align: center;
    border-radius: var(--rounded-small);
    border: var(--border-thin) solid var(--budget-tag-border, rgba(var(--color-primary-rgb), 0.3))
}

.budget-tag[class*="--small"] {
    min-width: 16px;
    height: 16px;
    line-height: 17px;
    font-size: 10px
}

.budget-tag[class*="--big"] {
    height: 30px;
    padding-inline:8px;line-height: 16px;
    font-size: 16px
}

.budget-tag[class*="--sotd"] {
    border-color: #ce6644;
    color: #ce6644
}

.budget-tag[class*="--dev"] {
    border-color: #8eabc6;
    color: #8eabc6
}

.budget-tag[class*="--hm"] {
    border-color: #726996;
    color: #726996
}

.budget-tag[class*="--white"] {
    border-color: #fff;
    color: #fff
}

.budget-tag[class*="--red"] {
    border-color: #fa5d29;
    color: #fa5d29
}

.budget-tag[class*="--solid"] {
    color: var(--color-primary);
    border: none
}

.budget-tag[class*="--solid"][class*="--black"] {
    background: #222;
    color: #fff
}

.budget-tag[class*="--solid"][class*="--white"] {
    background: #fff
}

.budget-tag[class*="--solid"][class*="--green"] {
    background: #aaeec4;
    border: none
}

.budget-tag[class*="--solid"][class*="--red"] {
    background: #fa5d29
}

.budget-tag[class*="--solid"][class*="--yellow"] {
    background: #fff083
}

.budget-tag[class*="--solid"][class*="--ocher"] {
    background: #ffd100
}

.budget-tag[class*=anim-shiny] {
    position: relative;
    overflow: hidden
}

.budget-tag[class*=anim-shiny]:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -4px;
    left: 0;
    width: 4px;
    height: 50%;
    background-color: #fff;
    animation: budgetShiny 6s ease-in-out infinite
}

.budget-tag[class*=anim-shiny] span {
    position: relative;
    z-index: 1
}

@keyframes budgetShiny {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    93% {
        transform: scale(0) rotate(45deg);
        opacity: .1
    }

    95% {
        transform: scale(4) rotate(45deg);
        opacity: .6
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

:root {
    --budget-circle-size: 24px;
    --budget-circle-bg: #ededed;
    --budget-circle-color: var(--color-primary)
}

.budget-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--budget-circle-size);
    height: var(--budget-circle-size);
    background-color: var(--budget-circle-bg);
    border-radius: 50%;
    font-weight: var(--font-bold);
    font-weight: 400;
    color: var(--budget-circle-color);
    transition: all .3s
}

.budget-circle[class*=small] {
    --budget-circle-size: 16px;
    font-size: 12px
}

.budget-circle[class*=red] {
    --budget-circle-bg: var(--nf-bg-count);
    --budget-circle-color: white
}

.budget {
    --budget-height: 20px;
    display: inline-block;
    height: var(--budget-height);
    padding: 0 10px;
    line-height: var(--budget-height);
    font-size: 10px;
    border-radius: var(--budget-height)
}

.budget[class*="--white"] {
    background: var(--bg-white);
    color: var(--color-primary)
}

h1,h2,h3,h4,h5,h6 {
    font-weight: var(--font-bold)
}

.heading-1 {
    font-size: 42px;
    font-size: clamp(42px,-3.0704225352px + 9.014084507vw,170px);
    line-height: 100%
}

.heading-2 {
    font-size: 42px;
    font-size: clamp(42px,5.3802816901px + 7.323943662vw,146px);
    line-height: 100%
}

.heading-3 {
    font-size: 36px;
    font-size: clamp(36px,15.5774647887px + 4.0845070423vw,94px);
    line-height: 100%
}

.heading-4 {
    font-size: 32px;
    font-size: clamp(32px,17.2112676056px + 2.9577464789vw,74px);
    line-height: 100%
}

.heading-5 {
    font-size: 26px;
    font-size: clamp(26px,17.5492957746px + 1.6901408451vw,50px);
    line-height: 120%
}

.heading-6 {
    margin-bottom: 1em;
    font-size: 22px;
    font-size: clamp(22px,13.5492957746px + 1.6901408451vw,46px);
    line-height: 130%;
    font-weight: 300
}

.text-x-large {
    font-size: 22px;
    font-size: clamp(22px,19.8873239437px + 0.4225352113vw,28px)
}

.text-large {
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px)
}

.text-medium {
    font-size: 16px;
    font-size: clamp(16px,16px + 0vw,16px)
}

.font-light {
    font-weight: var(--font-light)
}

.font-normal {
    font-weight: var(--font-normal)
}

.font-medium {
    font-weight: var(--font-medium)
}

.font-bold {
    font-weight: var(--font-bold)
}

.font-black {
    font-weight: var(--font-black)
}

.text-underlined {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--color-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: .2em
}

.text-truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.legal-recaptcha {
    margin: 1.5rem 0;
    line-height: 120%
}

.legal-recaptcha small {
    opacity: .7
}

.link-underlined {
    position: relative;
    display: inline-block;
    line-height: 100%;
    color: rgb(var(--color-underlined));
    border: none;
    cursor: pointer
}

.link-underlined:before {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 2px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, rgb(var(--color-underlined)) 45%, rgba(var(--color-underlined), 0.3) 55%);
    background-size: 220% 100%;
    background-position: 100% 50%;
    transition: .3s ease-out
}

.link-underlined--white {
    --color-underlined: 255,255,255
}

.link-underlined--red {
    --color-underlined: 250, 93, 41
}

.link-underlined:hover:before {
    background-position: 0% 50%
}

.toggle {
    overflow: hidden;
    max-height: 0;
    clear: both;
    transition: all .6s cubic-bezier(0, 1, 0.5, 1)
}

.toggle.show {
    transition: all .6s ease-in;
    max-height: 1000px;
    overflow: hidden
}

.heading-hr {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-gray);
    font-size: var(--text-size-primary)
}

.star-price {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(70px,10vw,128px);
    aspect-ratio: 1/1;
    line-height: 120%;
    font-size: 10px;
    font-size: clamp(10px,7.8873239437px + 0.4225352113vw,16px)
}

.star-price--small {
    font-size: 9px
}

.star-price--small .star-price__label {
    margin-bottom: .4em;
    line-height: 90%
}

.star-price--large {
    width: 10em;
    font-size: clamp(8px,2vw,16px)
}

.star-price--large .star-price__price {
    margin: .05em 0 0 0;
    font-size: 3em;
    font-weight: var(--font-bold)
}

.star-price--large .star-price__price small {
    font-size: .6em
}

.star-price__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 170%;
    text-align: center;
    font-weight: 400
}

.star-price__label {
    font-size: 1.3em
}

.star-price__label--small {
    font-size: 1em
}

.star-price__price {
    margin: .05em 0;
    font-size: 2em;
    font-weight: var(--font-bold)
}

.star-price__old {
    font-size: .7em;
    text-decoration: line-through;
    line-height: normal
}

.star-price svg {
    width: 100%;
    max-width: 100%;
    height: auto
}

.loader-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-top: 40px;
    text-align: center
}

.loader-grid__spinner {
    width: 8px;
    height: 40px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    background: currentColor;
    color: var(--color-primary);
    box-sizing: border-box;
    animation: animloader .3s .3s linear infinite alternate;
    transform: scale(0.5)
}

.loader-grid__spinner:before,.loader-grid__spinner:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 8px;
    height: 40px;
    border-radius: 4px;
    background: currentColor;
    transform: translateY(-50%);
    box-sizing: border-box;
    animation: animloader .3s .45s linear infinite alternate
}

.loader-grid__spinner:before {
    left: -20px;
    animation-delay: 0s
}

@keyframes animloader {
    0% {
        height: 48px
    }

    100% {
        height: 4px
    }
}

.loading {
    --spinner-bg: rgba(255,255,255, 0.2);
    --spinner-color: #fff;
    --loading-msg: #fff;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, var(--modal-alpha));
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 5
}

.loading--fixed {
    position: fixed;
    z-index: 15
}

.loading--white {
    --spinner-bg: rgba(0,0,0, 0.2);
    --spinner-color: var(--color-primary);
    --loading-msg: #222;
    background-color: var(--bg-primary)
}

.loading.is-visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.loading__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

.loading__msg {
    max-width: 400px;
    color: var(--loading-msg);
    text-align: center
}

.loading__spinner {
    pointer-events: none;
    width: 2.5em;
    height: 2.5em;
    border: 2px solid rgba(0,0,0,0);
    border-color: var(--spinner-bg);
    border-top-color: var(--spinner-color);
    border-radius: 50%;
    animation: loadingSpinner .6s linear infinite
}

@keyframes loadingSpinner {
    100% {
        transform: rotate(360deg)
    }
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.inner {
    inline-size: min(100% - var(--pad-inner)*2,var(--innerWidth));
    margin-inline:auto}

.inner--sm {
    --innerWidth: 931px
}

.inner--lg {
    --innerWidth: 1216px
}

.inner--xl {
    --innerWidth: 1386px
}

.inner--xxl {
    --innerWidth: 1650px
}

.inner--xxxl {
    --innerWidth: 1834px
}

#content {
    flex: 1
}

.block {
    margin-top: clamp(20px,3vw,50px);
    margin-bottom: clamp(50px,20vw,200px)
}

.block--mb-s {
    margin-bottom: clamp(50px,20vw,100px)
}

.block--private {
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 71px);
    margin: 0;
    padding: clamp(50px,20vw,100px) 0;
    background: rgba(0,0,0,.7)
}

.block--private .c-heading,.block--private .c-view-all {
    color: #fff
}

.block--private .bg-private {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: contain;
    object-fit: contain
}

.block[class*="--bg"] {
    margin: clamp(50px,20vw,200px) 0;
    padding: 100px 0
}

.block[class*="--gray"] {
    background: var(--bg-3rd)
}

.item-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1
}

.users-credits {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .3em
}

.users-credits__details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(10px,3vw,20px)
}

.users-credits__cards {
    display: flex
}

.users-credits__cards .users-credits__item:nth-child(n+2) {
    margin-left: -1em
}

.users-credits__cards .circle-avatar__img {
    border: 2px solid var(--bg-primary)
}

.users-credits__number {
    display: flex;
    align-items: center
}

.users-credits .circle-avatar {
    display: block;
    flex-shrink: 0
}

.users-credits .circle-avatar__img {
    box-sizing: content-box
}

.avatar-name__link {
    display: flex;
    align-items: center;
    gap: .5em;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.avatar-name__link sup {
    flex: 1;
    margin-bottom: auto;
    margin-left: .2em;
    vertical-align: text-top;
    font-size: .5em;
    font-weight: var(--font-medium)
}

.avatar-name__name {
    line-height: 100%
}

.avatar-name__title {
    display: inline-block;
    font-size: 1em
}

.avatar-name__img {
    display: block;
    height: auto;
    border-radius: 50%;
    filter: grayscale(1)
}

.circle-avatar {
    display: inline-block;
    position: relative
}

.circle-avatar__notifications {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--nf-bg-count);
    transform: translate(30%, -30%);
    font-size: 11px;
    color: #fff;
    line-height: 1;
    transition: all .3s;
    z-index: 1
}

.circle-avatar__notifications:hover {
    background: var(--color-primary)
}

.circle-avatar__img {
    display: block;
    height: auto;
    border-radius: 50%;
    filter: grayscale(1);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover
}

.circle-avatar__ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.circle-avatar__ribbon svg {
    position: relative;
    top: 50%;
    left: 50%;
    width: calc(100% + .6em);
    height: calc(100% + .6em);
    transform: translate(-50%, -50%);
    stroke-width: 1px;
    overflow: visible
}

.circle-avatar__ribbon span {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    font-size: Arial;
    font-size: 8px;
    font-weight: 400;
    line-height: 100%;
    z-index: 1
}

.menu-tabs {
    position: relative;
    display: flex;
    gap: clamp(8px,5vw,32px)
}

.menu-tabs--s2 {
    height: 80px;
    margin-bottom: clamp(24px,3vw,48px);
    justify-content: center;
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.menu-tabs--s3 {
    margin-bottom: clamp(24px,3vw,48px);
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.menu-tabs--s3 li {
    padding-bottom: clamp(20px,3vw,20px);
    line-height: 150%
}

.menu-tabs .active {
    font-weight: var(--font-bold)
}

.menu-tabs li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    color: #a7a7a7;
    white-space: nowrap
}

.menu-tabs .active {
    color: var(--color-primary)
}

.menu-tabs .active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid var(--color-primary)
}

.menu-tabs sup {
    position: relative;
    top: -0.2em;
    margin-left: .5em;
    font-size: 10px
}

.menu-dd {
    --menu-bg: #222;
    --menu-bg-active: #FA5D29;
    --menu-color: #fff;
    display: flex;
    gap: 8px;
    padding-left: 8px;
    font-size: 14px;
    color: var(--menu-color)
}

.menu-dd.is-open .menu-dd__bt {
    background: var(--menu-bg-active)
}

.menu-dd.is-open .menu-dd__box {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.menu-dd__bt {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--menu-bt-size, 48px);
    height: var(--menu-bt-size, 48px);
    background: var(--menu-bg);
    font-size: Arial,sans-serif;
    font-size: 35px;
    letter-spacing: -0.15em;
    border-radius: var(--rounded-normal);
    cursor: pointer;
    pointer-events: auto;
    transition: background .3s
}

.menu-dd__bt:hover {
    background: var(--menu-bg-active)
}

.menu-dd__bt svg {
    fill: var(--color-white)
}

.menu-dd__box {
    padding: clamp(20px,3vw,30px);
    background: var(--menu-bg);
    border-radius: var(--rounded-normal);
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.menu-dd__list li:not(:last-child) {
    margin-bottom: 16px
}

.menu-dd__list+.menu-dd__list {
    border-top: 1px solid rgba(255,255,255,.2);
    margin-top: 16px;
    padding-top: 16px
}

.menu-dd__item {
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 100%;
    cursor: pointer;
    transition: all .3s
}

.menu-dd__item:hover {
    opacity: .7
}

.menu-dd__item .ico-svg {
    width: 14px
}

.menu-dd a {
    color: var(--color-white)
}

.content-tabs__item {
    position: relative;
    display: none
}

.content-tabs__item.active {
    display: block
}

.tab img {
    display: block;
    width: 100%
}

.list-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.list-tags--center {
    justify-content: center;
    min-width: 100%
}

.list-tags li {
    display: flex
}

.list-default {
    margin: 2em 0
}

.list-default li {
    list-style: square inside;
    line-height: 140%
}

.list-default li:not(:last-child) {
    margin-bottom: .5em
}

.list-checks li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 32px;
    line-height: 22px
}

.list-checks li:last-child {
    margin-bottom: 0
}

.list-checks .ico-svg {
    position: absolute;
    top: 0;
    left: 0
}

.list-check li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 28px;
    line-height: 150%
}

.list-check li:last-child {
    margin-bottom: 0
}

.list-check .ico-svg {
    position: absolute;
    top: 6px;
    left: 0
}

.list-lines li {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #dedede
}

.list-lines li:last-child {
    border-bottom: none
}

.list-lines li div {
    flex: 1;
    line-height: 130%
}

.box-site {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
    overflow: hidden
}

.box-site__bg {
    display: block;
    aspect-ratio: 16/7;
    border-radius: var(--rounded-large)
}

.box-site__top {
    position: absolute;
    top: 20px;
    left: 20px
}

.c-boxes-score {
    display: inline-flex
}

.c-boxes-score .box-score:is(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-boxes-score .box-score:is(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.c-boxes-score .box-score:not(:last-child) {
    border-right: none
}

.c-boxes-score .box-score:not(:first-child):not(:last-child) {
    border-radius: 0
}

.box-score {
    --scoreBorder: var(--color-primary);
    display: inline-flex;
    flex-direction: column;
    border: 1px solid var(--scoreBorder);
    border-radius: var(--rounded-normal);
    text-align: center;
    line-height: 100%;
    font-size: 10px;
    font-size: clamp(10px,7.8873239437px + 0.4225352113vw,16px)
}

.box-score--small {
    min-width: 40px;
    border-radius: var(--rounded-small)
}

.box-score--small .box-score__top {
    padding: .6em .6em;
    font-size: 9px
}

.box-score--small .box-score__bottom {
    width: 100%;
    padding: .8em 0;
    font-size: 14px;
    justify-content: center
}

.box-score__top {
    padding: .5em 1em
}

.box-score__top strong {
    font-weight: var(--font-medium)
}

.box-score__bottom {
    padding: .8em;
    border-top: 1px solid var(--scoreBorder)
}

.box-score__note {
    display: flex;
    flex-direction: column
}

.box-score__note strong {
    display: block;
    font-size: 1.65em
}

.box-score__note sub {
    margin-top: .2em;
    font-size: .9em;
    font-weight: normal
}

.box-figure {
    height: 100%;
    padding: clamp(20px,4vw,80px);
    background: var(--bg-box-figure, #222);
    border-radius: var(--rounded-large)
}

.box-figure>* {
    width: 100%
}

.box-figure figure {
    width: 100%;
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.swiper {
    overflow: hidden
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pagination {
    display: flex;
    gap: 12px
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: var(--color-primary);
    opacity: .2;
    cursor: pointer;
    transition: all .3s
}

.swiper-pagination-bullet:hover {
    opacity: 1
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-button-disabled {
    visibility: hidden
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    transition-property: opacity
}

.swiper-fade .swiper-slide-active {
    z-index: 999
}

[class*=slider-cards] .swiper-slide {
    width: var(--card-width);
    height: auto
}

.slider-cards--half-3 .swiper-slide {
    --card-width: 490px
}

.slider-cards--half-4 .swiper-slide {
    --card-width: 390px
}

.slider-sites {
    margin-bottom: 1em
}

.slider-sites .swiper-wrapper {
    display: grid;
    grid-auto-flow: column
}

.slider-sites .swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column
}

.slider-sites__nav {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    padding-top: clamp(20px,3vw,48px)
}

.slider-sites__prev svg {
    transform: translateX(-1px)
}

.slider-sites__next svg {
    transform: translateX(1px)
}

.slider-sites .figure-rollover__file {
    aspect-ratio: var(--img-resizing-site);
    -o-object-fit: cover;
    object-fit: cover
}

.slider-carousel .navigation {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 24px
}

.slider-carousel .navigation svg {
    fill: var(--color-primary)
}

.slider-carousel .bt-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    cursor: pointer
}

.slider-carousel .swiper-button-disabled {
    visibility: visible;
    opacity: .3
}

.slider-carousel .swiper-button-next {
    transform: scaleX(-1)
}

.slider-carousel .swiper-slide img {
    display: block;
    width: 100%
}

.pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 50px;
    font-weight: var(--font-bold)
}

.pagination__item {
    display: flex;
    justify-content: center;
    min-width: 32px;
    border-radius: var(--rounded-normal);
    font-size: 12px;
    color: var(--color-primary);
    transition: all .3s
}

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

.pagination__prev {
    margin-right: 1em
}

.pagination__next {
    margin-left: 1em
}

.pagination .link-underlined {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 14px
}

@media(max-width: 576px) {
    .pagination {
        justify-content:center
    }

    .pagination__item:nth-of-type(4),.pagination__item:nth-of-type(5) {
        display: none
    }
}

.list-circle-notes {
    display: flex;
    gap: 8px
}

.circle-note {
    display: flex;
    flex-direction: column
}

.circle-note__legend {
    text-align: center;
    font-size: 12px;
    font-weight: 400
}

.circle-note__bg {
    fill: none;
    stroke: #dedede;
    stroke-width: 1
}

.circle-note__path {
    fill: none;
    stroke-width: 1;
    stroke: var(--color-primary);
    animation: progress .6s ease-out forwards
}

.circle-note__note {
    font-size: 8px;
    font-weight: var(--font-bold);
    line-height: 100%;
    text-anchor: middle;
    transform: translateY(1px)
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.list-circle-notes-ani {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px
}

.circle-note-progress {
    position: relative;
    display: inline-block;
    display: flex;
    flex-direction: column
}

.circle-note-progress .box-circle {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all .3s
}

.circle-note-progress .box-circle .legend,.circle-note-progress .box-circle .percent {
    transition: all .3s
}

.circle-note-progress svg {
    display: block;
    transform: rotate(-90deg)
}

.circle-note-progress circle {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 1
}

.circle-note-progress circle:nth-child(1) {
    stroke-opacity: .3
}

.circle-note-progress circle:nth-child(2) {
    stroke-dasharray: 238.7610416728;
    stroke-dashoffset: 238.7610416728
}

.circle-note-progress .circle {
    position: relative;
    display: flex;
    justify-content: center
}

.circle-note-progress .info {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding-top: 10px;
    line-height: 100%;
    text-align: center;
    font-weight: var(--font-medium);
    transform: translateY(-50%)
}

.circle-note-progress .percent {
    display: inline-flex;
    font-size: 34px;
    font-weight: var(--font-bold)
}

.figure-rollover {
    position: relative;
    display: block;
    transition: all .3s
}

.figure-rollover.is-large {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.figure-rollover.is-large .button {
    height: auto;
    padding: .7em 1.4em
}

.figure-rollover__hover {
    position: absolute;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 1.6em 1.6em 1.5em 1.6em;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    transition: all .3s;
    pointer-events: none;
    box-sizing: border-box
}

.figure-rollover__hover svg {
    pointer-events: all;
    cursor: pointer
}

.figure-rollover__hover .figure-rollover__bt {
    pointer-events: auto
}

.figure-rollover__fixed-left {
    position: absolute;
    top: 1.6em;
    left: 1.6em;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
    pointer-events: none
}

.figure-rollover__fixed-left .button {
    pointer-events: auto
}

.figure-rollover__fixed-right {
    position: absolute;
    top: 1.6em;
    right: 1.6em;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
    pointer-events: none
}

.figure-rollover__fixed-right .button {
    pointer-events: auto
}

.figure-rollover__fixed-right-bottom {
    position: absolute;
    bottom: 1.6em;
    right: 1.6em;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
    pointer-events: none
}

.figure-rollover__center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.figure-rollover__center * {
    pointer-events: all
}

.figure-rollover__right {
    display: flex;
    align-items: flex-end
}

.figure-rollover__right * {
    pointer-events: all
}

.figure-rollover__topright {
    display: flex;
    align-items: flex-end
}

.figure-rollover__topright * {
    pointer-events: all
}

.figure-rollover.has-hover-active .figure-rollover__hover {
    opacity: 1;
    visibility: visible
}

.figure-rollover__link {
    display: block
}

.figure-rollover__file {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}


.home .figure-rollover__file {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}
.figure-rollover__row {
    margin-bottom: .2em;
    line-height: 120%;
    text-align: left
}

.figure-rollover__row:last-child {
    margin-bottom: 0
}

.figure-rollover__bts {
    display: flex;
    gap: 1em;
    margin-bottom: .3em
}

.figure-rollover__bt {
    margin: auto
}

.figure-rollover__bt svg {
    display: block;
    width: 1em;
    height: auto
}

.figure-rollover__note {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 40px;
    font-weight: var(--font-bold);
    color: var(--color-white);
    background: rgba(0,0,0,.5);
    pointer-events: none
}

.figure-rollover small {
    font-size: .666em
}

.figure-rollover h3 {
    font-size: 1em;
    font-weight: var(--font-medium)
}

.figure-rollover:hover .figure-rollover__hover {
    opacity: 1;
    visibility: visible
}

.c-load-more {
    margin-top: clamp(20px,6vw,60px);
    text-align: center
}

.total-grid {
    margin-bottom: clamp(24px,3vw,48px)
}

.header-grid {
    margin-bottom: clamp(24px,3vw,48px)
}

.header-grid__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.grid-awwwards {
    --minthumb: 250px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: clamp(20px,10vw,100px) var(--gutter)
}

@media(max-width: 576px) {
    .grid-awwwards {
        --minthumb: 150px!important
    }
}

.grid-collections {
    --minthumb: 440px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: 36px var(--gutter);
    padding-bottom: 30px;
    font-size: 15px
}

@media(min-width: 1600px) {
    .grid-collections {
        --minthumb: 440px
    }
}

.grid-collections .is-double {
    grid-column: span 2
}

.grid-collections .card-banner {
    height: calc(100% - 47px);
    border-radius: var(--rounded-large)
}

.grid-collections .figure-rollover__file {
    aspect-ratio: var(--img-resizing-site)
}

.grid-elements-fit {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(297px, 1fr));
    grid-gap: var(--gutter)
}

.grid-elements-fit .figure-rollover {
    border-radius: var(--rounded-large);
    overflow: hidden
}

.grid-elements-fit--small .figure-rollover {
    border-radius: var(--rounded-normal)
}

.card-banner {
    position: relative;
    height: 100%;
    background: var(--card-bg, --bg-secondary);
    overflow: hidden
}

.card-banner[class*="--dark"] {
    color: var(--color-white)
}

.card-banner[class*="--dark"] .link-underlined {
    --color-underlined: var(--color-white-rgb)
}

.card-banner[class*="--s1"] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card-banner[class*="--s1"] .card-banner__info {
    width: 70%
}

.card-banner[class*="--s1"] .card-banner__title {
    margin-bottom: .6em
}

.card-banner[class*="--s1"] .card-banner__footer {
    position: relative;
    padding: clamp(24px,3vw,40px);
    text-align: right;
    line-height: 100%
}

.card-banner[class*="--s2"] {
    min-height: 350px
}

.card-banner[class*="--s2"] .card-banner__info {
    width: 500px;
    max-width: 100%
}

.card-banner[class*="--s2"] .users-credits {
    margin: 1em 0 1.5em 0
}

.card-banner[class*="--s2"] .users-credits__cards {
    --bg-primary: var(--bg-secondary)
}

.card-banner[class*="--s2"] .sticker-svg {
    position: absolute;
    top: 12%;
    right: 60%;
    width: clamp(80px,8vw,140px)
}

.card-banner__info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: clamp(24px,3vw,64px)
}

.card-banner__title {
    line-height: 120%
}

.card-banner__photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

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

.grid-cards {
    --minthumb: 350px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    gap: 30px var(--gutter)
}

.grid-cards[data-cols="2"] {
    --minthumb: 594px
}

.grid-cards[data-cols="3"] {
    --minthumb: 444px
}

.grid-cards[data-cols="4"] {
    --minthumb: 350px
}

@media all and (max-width: 1490px) {
    .grid-cards--one-row[data-cols="3"]>li:last-child {
        display:none
    }
}

@media all and (max-width: 1578px) {
    .grid-cards--one-row[data-cols="4"]>li:last-child {
        display:none
    }
}

@media all and (max-width: 1184px) {
    .grid-cards--one-row[data-cols="4"]>li:nth-last-child(2) {
        display:none
    }
}

@media(max-width: 576px) {
    .grid-cards--one-row[data-cols]>li {
        display:block
    }
}

@media(max-width: 576px) {
    .grid-cards[data-cols] {
        --minthumb: 310px
    }
}

.grid-academy {
    --minthumb: 360px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: clamp(24px,3vw,60px) var(--gutter)
}

.grid-academy--s2 {
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto
}

.grid-academy--s2 .grid-academy__item {
    grid-column: span 3
}

.grid-academy--s2 .grid-academy__item-lg {
    grid-column: span 4
}

.grid-academy--s2 .grid-academy__item-xl {
    grid-column: span 6
}

.grid-academy--s2 .grid-academy__item-full {
    grid-column: span 12
}

.grid-academy--s2 .pos-1 {
    grid-row: 2
}

.grid-academy--s2 .pos-2 {
    grid-row: 3
}

@media(max-width: 576px) {
    .grid-academy--s2 .pos-1 {
        grid-row:1
    }

    .grid-academy--s2 .pos-2:nth-of-type(even) {
        grid-row: 4
    }

    .grid-academy--s2 .pos-2:nth-of-type(odd) {
        grid-row: 7
    }
}

@media all and (max-width: 1280px) {
    .grid-academy--s2 .grid-academy__item,.grid-academy--s2 .grid-academy__item-lg,.grid-academy--s2 .grid-academy__item-xl {
        grid-column:span 6
    }
}

@media all and (max-width: 700px) {
    .grid-academy--s2 {
        grid-template-columns:1fr;
        grid-column-gap: 0
    }

    .grid-academy--s2 .grid-academy__item,.grid-academy--s2 .grid-academy__item-lg,.grid-academy--s2 .grid-academy__item-xl {
        grid-column: 1
    }
}

@media(max-width: 1780px) {
    .grid-academy--one-row>li:nth-last-child(-n+1) {
        display:none
    }
}

@media(max-width: 1360px) {
    .grid-academy--one-row>li:nth-last-child(-n+2) {
        display:none
    }
}

.grid-courses {
    --minthumb: 350px;
    --itemDisplay: block;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: var(--gutter);
    padding-bottom: 30px;
    font-size: 15px
}

.grid-courses .is-double {
    grid-column: span 2
}

@media(max-width: 1556px) {
    .grid-courses--one-row>li:nth-last-child(-n+1) {
        display:none
    }
}

@media(max-width: 1168px) {
    .grid-courses--one-row>li:nth-last-child(-n+2) {
        display:none
    }
}

.grid-courses .card-banner {
    border-radius: var(--rounded-large)
}

.grid-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter)
}

.grid-filters--header {
    margin-bottom: clamp(50px,6vw,100px)
}

.grid-filters__excerpt {
    margin-top: auto;
    width: 300px;
    max-width: 100%
}

.grid-filters__aside {
    width: 360px;
    max-width: 100%
}

.grid-filters__content {
    flex: 1
}

@media(max-width: 576px) {
    .grid-filters__aside {
        width:100%
    }
}

.grid-filters-sites {
    display: flex;
    flex-wrap: wrap;
    gap: 3%
}

.grid-filters-sites__aside {
    position: sticky;
    top: 0;
    width: 300px;
    padding-right: 10px;
    max-height: 100vh;
    align-self: flex-start;
    overflow-y: auto
}

.grid-filters-sites__aside::-webkit-scrollbar {
    width: 2px
}

.grid-filters-sites__aside::-webkit-scrollbar-thumb {
    background: #ededed
}

.grid-filters-sites__aside .menu-options {
    flex-direction: column;
    align-items: flex-start
}

.grid-filters-sites__aside .menu-options:not(:has(li)) {
    display: none
}

.grid-filters-sites__aside .menu-options__placeholder {
    font-size: var(--text-size-small)
}

.grid-filters-sites__content {
    flex: 1;
    min-width: 350px
}

.aside-filter {
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.aside-filter.is-open .aside-filter__arrow path:nth-child(2) {
    display: none
}

.aside-filter.is-open .aside-filter__content {
    max-height: 300px;
    opacity: 1;
    visibility: visible
}

.aside-filter:hover:not(.is-open) .aside-filter__arrow {
    transform: rotate(90deg)
}

.aside-filter__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.aside-filter__arrow {
    transition: all .3s
}

.aside-filter__content {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s
}

.aside-filter__search {
    display: flex;
    justify-content: space-between;
    height: 47px;
    margin-bottom: 20px;
    background: #ededed;
    border-radius: var(--rounded-small)
}

.aside-filter__search-text {
    flex: 1;
    padding: 0 12px;
    background: rgba(0,0,0,0)
}

.aside-filter__search-button {
    padding: 0 12px;
    background: rgba(0,0,0,0);
    border: none
}

.aside-filter__list {
    max-height: 124px;
    margin-bottom: 20px;
    color: var(--color-white);
    line-height: 150%;
    overflow-y: auto;
    overflow-x: hidden
}

.aside-filter__list::-webkit-scrollbar {
    width: 2px
}

.aside-filter__list::-webkit-scrollbar-track {
    background: #ededed
}

.aside-filter__list::-webkit-scrollbar-thumb {
    background-color: var(--color-primary)
}

.aside-filter__list a:after {
    content: "(" attr(data-count) ")";
    font-weight: var(--font-bold)
}

.grid-directory {
    --minthumb: 350px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: var(--gutter);
    padding-bottom: 30px;
    font-size: 15px
}

.grid-directory--pro {
    --minthumb: 480px;
    margin-bottom: var(--gutter);
    padding-bottom: 0;
    overflow: hidden
}

.grid-directory--pro+.grid-directory {
    margin-top: 40px
}

@media(max-width: 1600px) {
    .grid-directory--pro>li:nth-last-child(-n+1) {
        display:none
    }
}

.grid-directory--large {
    --minthumb: 600px
}

.grid-directory .is-double {
    grid-column: span 2
}

.grid-directory .card-banner {
    border-radius: var(--rounded-normal)
}

.grid-sites {
    --minthumb: 350px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: 30px var(--gutter);
    padding-bottom: 30px
}

.grid-sites--3cols {
    --minthumb: 440px
}

.grid-sites.is-large {
    --minthumb: 440px
}

.grid-jobs {
    --minthumb: 400px;
    --itemDisplay: block;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: var(--gutter);
    padding-bottom: 30px;
    font-size: 15px
}

@media(max-width: 2291px) {
    .grid-jobs--one-row>li:nth-last-child(-n+1) {
        display:none
    }
}

@media(max-width: 1925px) {
    .grid-jobs--one-row>li:nth-last-child(-n+2) {
        display:none
    }
}

@media(max-width: 1351px) {
    .grid-jobs--one-row>li:nth-last-child(-n+3) {
        display:none
    }
}

@media(max-width: 1024px) {
    .grid-jobs--one-row>li:nth-last-child(-n+4) {
        display:none
    }
}

.grid-jury {
    --minthumb: 285px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    grid-gap: var(--gutter);
    font-size: 15px
}

@media(min-width: 1600px) {
    .grid-jury {
        --minthumb: 426px
    }
}

.card-blog {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card-blog__header {
    flex: 1;
    margin-bottom: 2em
}

.card-blog__title {
    width: 90%;
    font-size: 20px;
    font-size: clamp(20px,10.8450704225px + 1.8309859155vw,46px);
    line-height: 120%
}

.card-blog__figure {
    position: relative
}

.card-blog__excerpt {
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 96px;
    overflow: hidden
}

.card-blog__by {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 2em 0
}

.card-blog__by .link-underlined {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

.card-blog__media {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--rounded-normal);
    aspect-ratio: var(--img-resizing-site);
    -o-object-fit: cover;
    object-fit: cover
}

.card-blog__footer {
    margin-top: clamp(24px,3vw,48px);
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px)
}

.card-blog .sticker-svg {
    position: absolute;
    top: 10%;
    right: 0;
    width: clamp(85px,9vw,170px);
    transform: translateX(50%);
    pointer-events: none
}

.c-loadmore {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block:clamp(20px,3vw,50px)}

.slider-assets {
    margin-bottom: var(--gutter)
}

.slider-assets .swiper-slide {
    width: 860px;
    max-width: 100%
}

.slider-assets .card-slide .figure-rollover {
    border-radius: var(--rounded-normal)
}

@media(max-width: 576px) {
    .slider-assets {
        overflow:visible
    }

    .slider-assets .swiper-wrapper {
        flex-direction: column;
        gap: var(--gutter);
        transform: none !important
    }
}

.card-awwward__figure {
    width: 170px;
    max-width: 100%;
    margin: 0 auto
}

.card-awwward__figure:hover .card-awwward__media {
    transform: scale(1.05) translateY(-10px);
    filter: drop-shadow(0 6px 3px rgba(34, 34, 34, 0.4))
}

.card-awwward__figure svg {
    width: 100%;
    transition: all .3s
}

.card-awwward__media {
    position: relative;
    max-width: 100%;
    transition: all .3s
}

.card-awwward__caption {
    margin-top: 1.4em;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: 400;
    text-align: center;
    white-space: nowrap
}

.card-awwward__row {
    margin-top: 1em;
    text-align: center
}

.card-awwward-mini {
    --card-width: 84px;
    --card-pad: 12px 8px 8px 8px;
    --card-bordertop: 7px;
    --card-titlesize: 12px;
    --card-rounded: 0;
    position: relative;
    width: var(--card-width);
    border-radius: var(--card-rounded);
    color: #222;
    line-height: 100%;
    aspect-ratio: 84/96;
    overflow: hidden
}

.card-awwward-mini--small {
    --card-width: 51px;
    --card-pad: 8px 5px;
    --card-bordertop: 3px;
    --card-titlesize: 8px;
    --card-rounded: 3px
}

.card-awwward-mini:hover .card-awwward-mini__bg {
    fill: #dedede
}

.card-awwward-mini__info {
    position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--card-pad);
    border-top: var(--card-bordertop) solid var(--awwward-color)
}

.card-awwward-mini__number {
    font-size: var(--text-size-primary)
}

.card-awwward-mini__logo {
    width: 20px
}

.card-awwward-mini__title {
    width: 60px;
    max-width: 100%;
    font-size: var(--card-titlesize);
    font-weight: normal;
    line-height: 100%;
    text-align: left
}

.card-awwward-mini__bg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #ededed;
    transition: all .3s
}

.card-asset {
    --card-pad-x: clamp(20px, 3vw, 30px);
    --card-pad-y: clamp(15px, 3vw, 26px);
    --card-border: 1px solid var(--border-gray);
    --card-bg: rgba(255, 255, 255, 0.6);
    --card-bt: var(--border-gray);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.card-asset__header {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
    padding: var(--card-pad-x);
    line-height: normal
}

.card-asset__title {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold);
    line-height: 120%
}

.card-asset__content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.card-asset__list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: var(--card-pad-y) var(--card-pad-x);
    border-top: var(--card-border);
    line-height: 120%
}

.card-asset__list>div {
    display: flex;
    align-items: center
}

.card-asset__section {
    width: 40%;
    flex-shrink: 0
}

.card-asset__bts {
    display: flex;
    border-top: var(--card-border)
}

.card-asset__bt {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(64px,5vw,94px);
    font-weight: var(--font-bold);
    transition: all .3s;
    transform: translateZ(0)
}

.card-asset__bt:hover {
    background: var(--color-white);
    color: #222
}

.card-asset__bt:nth-child(2) {
    border-left: 1px solid var(--card-border)
}

.card-asset__media {
    display: block;
    aspect-ratio: var(--img-resizing-site);
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.card-asset__media:hover {
    filter: brightness(80%)
}

.card-asset .swiper {
    position: relative;
    overflow: visible
}

.card-asset .swiper-wrapper {
    border-radius: var(--rounded-normal);
    cursor: pointer;
    overflow: hidden
}

.card-asset .swiper-pagination {
    position: absolute;
    top: calc(100% + 30px);
    right: var(--card-pad-x)
}

.card-blog-full {
    position: relative
}

.card-blog-full__figure {
    grid-column: 1/3;
    grid-row: 1;
    width: 100%;
    border-radius: var(--rounded-large);
    overflow: hidden
}

.card-blog-full__img {
    display: block;
    width: 100%
}

.card-blog-full__entry {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter);
    width: 100%;
    margin-top: clamp(32px,5vw,180px)
}

.card-blog-full__desc {
    flex: 1;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    margin: 0 clamp(0px,5vw,140px);
    line-height: 150%
}

.card-blog-full__more {
    margin: clamp(20px,4vw,60px) 0
}

.card-blog-full__box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: clamp(20px,4vw,40px);
    background: #f8f8f8;
    border-radius: var(--rounded-normal);
    line-height: 140%;
    font-size: var(--text-size-medium)
}

.card-blog-full .c-typography__photo {
    width: 80%;
    margin: 0 auto
}

.card-blog-full .c-typography__photo img {
    width: 100%
}

.card-blog-full table {
    margin: 0 auto
}

@media(max-width: 576px) {
    .card-blog-full__entry {
        flex-direction:column
    }

    .card-blog-full__desc {
        margin: 0
    }
}

.card-certificate {
    --color-line: rgba(0,0,0, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 436px;
    max-width: 100%;
    padding: 5%;
    border-top: 10px solid var(--color-award);
    background: var(--bg-3rd);
    aspect-ratio: 430/610
}

.card-certificate__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16%
}

.card-certificate__logo {
    width: 10%
}

.card-certificate__data {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20%;
    line-height: 100%;
    font-size: 9px
}

.card-certificate__content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.card-certificate__title {
    padding: 6% 0;
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px);
    font-weight: var(--font-bold);
    line-height: 120%;
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line)
}

.card-certificate__by {
    padding: 3% 0;
    font-size: 14px;
    font-size: clamp(14px,13.2957746479px + 0.1408450704vw,16px);
    line-height: 120%;
    border-bottom: 1px solid var(--color-line)
}

.card-certificate__cover {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 5% 0
}

.card-certificate__logo-text {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: var(--font-medium);
    line-height: 10px
}

.card-certificate__logo-text svg {
    fill: #acacac
}

.card-collection__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    line-height: 100%
}

.card-collection__left {
    flex: 1
}

.card-collection__right {
    flex-shrink: 0
}

.card-collection__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.card-collection__row a {
    color: var(--color-primary)
}

.card-collection__row h3 {
    font-size: var(--text-size-primary);
    line-height: 140%
}

.card-collection__footer {
    margin-top: 12px;
    padding-top: 16px;
    border-top: 1px solid #f8f8f8
}

.card-collection .figure-rollover {
    border-radius: var(--rounded-large);
    overflow: hidden
}

.card-collection .figure-rollover__file {
    aspect-ratio: var(--img-resizing-site)
}

.card-course {
    --pad-content: 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-white);
    border-radius: var(--rounded-large);
    overflow: hidden
}

.card-course__figure {
    width: 100%;
    overflow: hidden
}

.card-course__img {
    display: block;
    width: 100%;
    height: auto
}

.card-course__content {
    flex: 1;
    padding: var(--pad-content)
}

.card-course__title {
    margin-bottom: .4em;
    font-size: 24px
}

.card-course__footer svg {
    display: block
}

.card-course__row {
    display: flex;
    justify-content: space-between;
    padding: 20px var(--pad-content);
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    line-height: 120%
}

.card-course__link {
    display: flex;
    justify-content: flex-end;
    padding: var(--pad-content)
}

.card-course .swiper {
    position: relative;
    width: 100%
}

.card-course .swiper-pagination {
    position: absolute;
    bottom: 28px;
    right: 28px;
    z-index: 10
}

.card-course a {
    color: var(--color-primary)
}

.card-course .circle-avatar__img {
    width: 20px
}

.card-directory-sp {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: clamp(24px,3vw,64px);
    background: var(--bg-secondary);
    border-radius: var(--rounded-normal);
    color: var(--color-white);
    overflow: hidden
}

.card-directory-sp__header {
    display: flex;
    justify-content: space-between
}

.card-directory-sp__title {
    font-size: 26px;
    font-size: clamp(26px,17.5492957746px + 1.6901408451vw,50px);
    line-height: 110%
}

.card-directory-sp__content {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding-top: 2em
}

.card-directory-sp__left {
    flex: 1
}

.card-directory-sp__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 4em
}

.card-directory-sp .swiper {
    width: 60%
}

.card-directory-sp .swiper-wrapper {
    height: auto;
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.card-directory-sp .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 36px
}

.card-directory-sp .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    cursor: pointer;
    transition: all .3s
}

.card-directory-sp .swiper-pagination-bullet-active {
    background: var(--color-white)
}

.card-directory-sp .swiper img {
    display: block;
    aspect-ratio: var(--img-resizing-site);
    -o-object-fit: cover;
    object-fit: cover
}

.card-directory-sp .circle-avatar {
    margin-bottom: auto;
    font-size: var(--text-size-large)
}

.card-directory-sp .circle-avatar.hot {
    --avatar-bg: var(--bg-secondary)
}

.card-directory-sp .badget-reviews {
    position: relative;
    top: 50px;
    border-color: rgba(255,255,255,.3)
}

.card-directory-sp a {
    color: var(--color-white)
}

.card-directory {
    --card-pad-x: clamp(20px, 3vw, 30px);
    --card-pad-y: clamp(15px, 3vw, 26px);
    --card-border: 1px solid var(--border-gray);
    --card-bg: var(--bg-white);
    --avatar-bg: var(--card-bg);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.card-directory__header {
    display: flex;
    padding: var(--card-pad-x);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

.card-directory__content {
    flex: 1
}

.card-directory__media {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--rounded-normal);
    transition: all .3s
}

.card-directory__media:hover {
    filter: brightness(80%)
}

.card-directory__list {
    flex: 1
}

.card-directory__list li {
    display: flex;
    gap: 20px;
    padding: var(--card-pad-y) var(--card-pad-x);
    border-top: var(--card-border);
    line-height: 120%
}

.card-directory__list>div {
    display: flex;
    align-items: center
}

.card-directory__section {
    width: 40%;
    flex-shrink: 0
}

.card-directory__awards {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: var(--font-bold)
}

.card-directory__awards .ico-svg {
    top: -1px;
    display: block
}

.card-directory .box-score--small {
    width: 50px;
    max-width: -moz-max-content;
    max-width: max-content
}

.card-directory-basic {
    --card-pad-x: clamp(24px, 3vw, 36px);
    --card-pad: clamp(10px, 3vw, 16px) var(--card-pad-x);
    --card-border: 1px solid #383838;
    --card-bg: var(--bg-secondary);
    --card-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-normal);
    color: var(--card-color)
}

.card-directory-basic__header {
    padding: clamp(30px,3vw,60px) var(--card-pad-x);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.card-directory-basic__header p:last-child {
    margin-bottom: 0
}

.card-directory-basic__user sup {
    font-weight: 300;
    font-size: .4em
}

.card-directory-basic__list {
    flex: 1
}

.card-directory-basic__list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: var(--card-pad);
    border-top: var(--card-border);
    line-height: 120%
}

.card-directory-basic__list div:nth-child(2) {
    text-align: right
}

.card-directory-basic__footer {
    display: flex;
    justify-content: flex-end;
    padding: var(--card-pad);
    padding-top: clamp(10px,3vw,30px);
    padding-bottom: clamp(10px,3vw,30px);
    border-top: var(--card-border)
}

.card-directory-basic .ico-svg {
    fill: var(--card-color)
}

.card-directory-basic a {
    color: var(--card-color)
}

.card-academy {
    --card-pad-x: clamp(20px, 3vw, 30px);
    --card-pad-y: clamp(10px, 3vw, 20px);
    --card-border: 1px solid #ededed;
    --card-bg: rgba(255, 255, 255, 0.9);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-large);
    overflow: hidden;
    container-type: inline-size
}

.card-academy--dark {
    --card-bg: var(--bg-secondary);
    --color-link: #fff;
    --card-border: 1px solid #383838;
    color: #fff
}

.card-academy__figure {
    position: relative
}

.card-academy__figure .top-right {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none
}

.card-academy__figure .bottom-right {
    position: absolute;
    bottom: 20px;
    right: 20px;
    pointer-events: none
}

.card-academy__figure .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.card-academy__figure .center .ico-svg {
    display: block;
    opacity: .8
}

.card-academy__media {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
    transition: all .3s
}

.card-academy__media:hover {
    filter: brightness(80%)
}

.card-academy__thumb {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9
}

.card-academy__tag {
    background: var(--color-learn);
    border: none;
    font-weight: 600
}

.card-academy__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.card-academy__footer .card-academy__row {
    align-items: center;
    border-top: var(--card-border)
}

.card-academy__by {
    line-height: 120%
}

.card-academy__title {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 120%
}

.card-academy__title-large {
    font-size: 18px;
    font-size: clamp(18px,13.0704225352px + 0.985915493vw,32px);
    line-height: 100%
}

.card-academy__info-masterclass {
    padding-right: 15%;
    min-width: 280px
}

@container (max-width: 400px) {
    .card-academy__info-masterclass {
        margin-bottom: 12px;
        padding-right: 0
    }
}

.card-academy__excerpt {
    margin-top: clamp(20px,4vw,28px);
    font-size: 14px;
    font-size: clamp(14px,13.2957746479px + 0.1408450704vw,16px);
    line-height: 1.4
}

.card-academy__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: var(--card-pad-y) var(--card-pad-x)
}

.card-academy__row:first-child {
    padding-top: var(--card-pad-x);
    padding-bottom: var(--card-pad-x)
}

.card-academy__row>*:first-child {
    flex: 1
}

.card-academy__row .budget-tag {
    position: relative;
    top: 3px;
    font-weight: var(--font-bold);
    font-size: 13px
}

.card-academy__desc {
    line-height: 140%
}

.card-academy__more {
    display: flex;
    align-items: center
}

.card-academy__more .ico-svg {
    display: block
}

.card-academy__stats {
    display: flex;
    line-height: 100%;
    font-size: 14px;
    gap: var(--card-pad-x)
}

.card-academy__stat {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.card-academy__timer {
    --scoreBorder: #4e4e4e;
    margin-bottom: auto;
    border-radius: var(--rounded-small)
}

.card-academy__timer .box-score__top {
    padding: .5em;
    font-size: .8em;
    line-height: 100%
}

.card-academy__icons {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(8px,3vw,20px)
}

.card-academy__icon {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 100%
}

.card-academy__icon.lord-icon-color-2 {
    color: var(--lord-icon-primary)
}

.card-academy__weeks {
    --scoreBorder: #ededed;
    background: #fff;
    margin-bottom: auto;
    color: #222;
    border-radius: var(--rounded-small)
}

.card-academy__weeks .box-score__top {
    padding: .5em;
    font-size: .8em;
    line-height: 100%
}

.card-academy__weeks .box-score__bottom {
    padding: .4em;
    line-height: normal;
    font-size: .8em;
    font-weight: 400
}

.card-academy__chars {
    display: flex;
    line-height: 120%;
    font-size: 12px;
    gap: 3%
}

.card-academy__char {
    padding-left: 8px;
    border-left: 2px solid #ff0
}

.card-academy__score {
    width: 100px
}

.card-academy__coming-soon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 160%;
    color: #fff;
    text-align: center;
    z-index: 2
}

.card-academy__label {
    width: 130px;
    color: var(--color-primary);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: var(--rounded-small);
    overflow: hidden
}

.card-academy__label>div {
    line-height: 1.2;
    overflow: hidden
}

.card-academy__label>div:first-child {
    padding: 8px 12px
}

.card-academy__label>div:has(.card-academy__marquee) {
    padding-inline:0;background: #fa5d29;
    border-top: none;
    color: #fff
}

.card-academy__label>div.is-closed {
    background: var(--color-primary);
    color: #fff
}

.card-academy__marquee {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 30px;
    overflow: hidden
}

.card-academy__marquee>* {
    will-change: transform;
    transform: translateX(0);
    white-space: nowrap;
    padding-inline:.5ch;animation: marquee_text 4s linear infinite
}

@keyframes marquee_text {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.card-academy .box-score {
    width: 100px;
    margin-bottom: 8px;
    border: none;
    text-align: left
}

.card-academy .box-score__info {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 14px
}

.card-academy .box-score__wrap {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #ededed;
    border-radius: 4px;
    overflow: hidden
}

.card-academy .box-score__bar {
    height: 4px;
    background-color: var(--color-learn)
}

.box-price {
    display: flex;
    gap: 8px;
    line-height: normal
}

.box-price__off {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
    font-size: 12px;
    line-height: 14px
}

.box-price__old {
    color: #fa5d29
}

.box-price__previous {
    color: #fa5d29;
    text-decoration: line-through
}

.box-price__previous strong {
    font-weight: 400
}

.box-price__total {
    font-size: 32px;
    line-height: 1
}

.box-price__total sup {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400
}

.box-price__amount {
    display: flex;
    gap: 2px;
    height: 27px;
    font-size: 32px
}

.box-price__amount sup {
    font-size: 14px;
    font-weight: 400;
    transform: translateY(2px)
}

.box-price__currency {
    font-size: 14px;
    font-weight: var(--font-medium)
}

.box-price__dto {
    font-size: 9px
}

.box-price__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: normal;
    height: 100%
}

.box-price__dec {
    display: flex;
    justify-content: space-between
}

.postit {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    padding: 20px clamp(16px,2vw,20px);
    background: var(--ch-bg, var(--color-learn-2));
    line-height: 140%;
    border-radius: var(--rounded-large)
}

.postit p:last-child {
    margin-bottom: 0
}

.card-job {
    --card-pad-x: clamp(20px, 3vw, 30px);
    --card-pad-y: clamp(10px, 3vw, 16px);
    --card-border: 1px solid #ededed;
    --card-bg: var(--color-white);
    --avatar-bg: var(--card-bg);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-large)
}

.card-job__header {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: var(--card-pad-x);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold);
    border-bottom: var(--card-border)
}

.card-job__header>div {
    display: flex
}

.card-job__header>div:nth-child(1) {
    flex: 1;
    overflow: hidden
}

.card-job__header .users-credits__item {
    flex-wrap: nowrap
}

.card-job__header .circle-avatar {
    flex-shrink: 0
}

.card-job__tag {
    background: #fdede8;
    border: none
}

.card-job__content {
    flex: 1;
    padding: var(--card-pad-x);
    line-height: 150%
}

.card-job__title {
    margin-bottom: 1em;
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px);
    line-height: 130%
}

.card-job__list {
    padding-bottom: var(--card-pad-y)
}

.card-job__list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: var(--card-pad-y) var(--card-pad-x);
    border-top: var(--card-border);
    line-height: 120%
}

.card-job__list div:nth-child(2) {
    text-align: right
}

.card-job__ago {
    display: flex;
    align-items: center
}

.card-job__ago .ico-svg {
    top: -1px;
    margin-right: 8px
}

.card-jury {
    --card-pad: clamp(10px, 3vw, 16px) clamp(20px, 3vw, 30px);
    --card-border: 1px solid var(--border-gray);
    --card-bg: var(--bg-white);
    --avatar-bg: var(--card-bg);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--card-bg);
    border-radius: var(--rounded-normal)
}

.card-jury__header {
    padding: var(--card-pad);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

.card-jury__title {
    margin: clamp(10px,3vw,20px) 0;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 130%
}

.card-jury__figure img {
    display: block;
    width: 100%;
    aspect-ratio: var(--img-resizing-site);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--rounded-normal);
    transition: all .3s;
    filter: grayscale(1)
}

.card-jury__figure img:hover {
    filter: grayscale(1) brightness(80%)
}

.card-jury__list {
    flex: 1
}

.card-jury__list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: var(--card-pad);
    border-top: var(--card-border);
    line-height: 120%
}

.card-jury__list div:nth-child(2) {
    text-align: right
}

.card-jury__footer {
    display: flex;
    justify-content: space-between;
    padding: var(--card-pad);
    padding-top: clamp(10px,3vw,30px);
    padding-bottom: clamp(10px,3vw,30px);
    border-top: var(--card-border)
}

.card-jury__social {
    display: flex;
    align-items: center;
    gap: 30px
}

.card-jury__social .ico-svg {
    display: block
}

.badget-reviews {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    border: 1px solid rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--rounded-normal);
    font-size: 1em;
    line-height: 120%
}

.badget-reviews__label {
    margin: 2px 0;
    font-size: .8em
}

.badget-reviews__number {
    font-size: 1.6em
}

.c-view-all {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: clamp(30px,5vw,80px)
}

.c-view-all__row {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.c-view-all__ico-left {
    vertical-align: text-bottom;
    margin-right: 4px
}

.add-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--gutter);
    height: 100%;
    min-height: 300px;
    border: 1px solid #ededed;
    background: #f8f8f8;
    border-radius: var(--rounded-normal)
}

.add-card__content {
    padding: 30px;
    text-align: center;
    line-height: 150%
}

.add-card__content p:not(:last-child) {
    margin-bottom: 2em
}

.add-card .button {
    min-width: 180px
}

.card-masterclass {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(20px,4vw,60px);
    border-radius: var(--rounded-large);
    aspect-ratio: 1/1;
    color: #fff;
    overflow: hidden
}

.card-masterclass--soon {
    pointer-events: none
}

.card-masterclass--soon:has(a) {
    pointer-events: all
}

.card-masterclass--soon .card-masterclass__bottom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.card-masterclass--soon .card-masterclass__photo {
    filter: brightness(40%)
}

.card-masterclass__top,.card-masterclass__bottom {
    position: relative;
    pointer-events: none;
    z-index: 2
}

.card-masterclass__logo {
    max-width: 15vw;
    width: auto;
    max-height: 80px
}

.card-masterclass__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.card-masterclass__bt {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 220px;
    max-width: 30vw;
    height: 60px;
    text-align: center;
    font-size: 18px;
    border-bottom: 10px solid var(--color-masterclass)
}

.card-masterclass__title {
    line-height: 100%;
    width: 600px;
    max-width: 100%;
    margin: .2em 0
}

.card-site-full__credits {
    display: flex;
    justify-content: center;
    margin-top: clamp(30px,5vw,80px);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

.card-site-full__more {
    margin-top: clamp(30px,5vw,60px);
    text-align: center
}

.card-site-full .figure-rollover {
    width: 100%;
    border-radius: var(--rounded-large);
    overflow: hidden
}

.card-site-mini {
    display: flex;
    align-items: center;
    gap: 20px
}

.card-site-mini__figure {
    flex-shrink: 0;
    position: relative;
    border-radius: var(--rounded-small);
    overflow: hidden
}

.card-site-mini__title {
    font-size: 1em
}

.card-site-mini a {
    color: var(--color-primary)
}

.card-site {
    font-size: 15px
}

.card-site__left {
    flex: 1;
    display: flex;
    align-items: center
}

.card-site__right {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
    padding-left: 20px
}

.card-site__info {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px
}

.card-site__row {
    display: flex;
    align-items: center;
    gap: 8px
}

.card-site__award {
    font-weight: var(--font-medium)
}

.card-site__title {
    font-size: 15px;
    line-height: 150%
}

.card-site__desc p {
    margin: .4em 0 0 0;
    line-height: 150%
}

.card-site__awards {
    display: flex;
    align-items: center;
    gap: 8px
}

.card-site .figure-rollover {
    border-radius: var(--rounded-small);
    overflow: hidden
}

.card-site .figure-rollover__file {
    aspect-ratio: var(--img-resizing-site)
}

@media(max-width: 576px) {
    .card-site__info {
        overflow:hidden
    }
}

.card-site-2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-white);
    border-radius: var(--rounded-normal)
}

.card-site-2__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(20px,3vw,30px)
}

.card-site-2__row {
    display: flex;
    justify-content: space-between
}

.card-site-2__row:has(.card-site-2__category) {
    gap: 20px
}

.card-site-2__row div:nth-child(2) {
    flex-shrink: 0;
    text-align: right
}

.card-site-2__title {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 120%
}

.card-site-2__vote-now {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px
}

.card-site-2 .figure-rollover {
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.card-site-2 .figure-rollover:hover {
    filter: brightness(90%)
}

.card-site-2 .figure-rollover__file {
    aspect-ratio: var(--img-resizing-site)
}

.card-video {
    position: relative;
    display: inline-flex;
    color: var(--color-white);
    overflow: hidden
}

.card-video__header {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 9
}

.card-video__footer {
    position: absolute;
    bottom: 28px;
    right: 28px
}

.card-video-v {
    --colorCard: #fff;
    position: relative;
    border-radius: var(--rounded-large);
    aspect-ratio: 50/74;
    color: var(--colorCard);
    overflow: hidden
}

.card-video-v:hover .card-video-v__media {
    filter: brightness(90%);
    transform: scale(1.05)
}

.card-video-v__media {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.card-video-v__info {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: clamp(20px,6vw,44px)
}

.card-video-v__footer {
    display: flex;
    gap: 20px
}

.card-video-v__title {
    font-size: 24px;
    font-size: clamp(24px,19.7746478873px + 0.8450704225vw,36px);
    line-height: 120%
}

.card-video-v__title+div {
    margin-top: 1em
}

.card-video-v__ico {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0
}

.l-news {
    position: relative;
    padding: clamp(40px,6vw,120px) clamp(0px,6vw,100px);
    border-radius: var(--rounded-large)
}

.l-news--dark {
    --bg-primary: var(--bg-secondary);
    --color-primary: var(--color-white);
    --color-primary-rgb: 255, 255, 255;
    background: var(--bg-secondary);
    color: var(--color-white)
}

.l-news--style1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto)
}

.l-news--style1 .l-news__item {
    width: clamp(100px,33vw,608px)
}

.l-news--style1 .l-news__item:nth-child(1) {
    grid-column: 1/3;
    justify-self: end
}

.l-news--style1 .l-news__item:nth-child(3) {
    grid-area: 3/2;
    justify-self: end;
    margin-top: -40%
}

.l-news--style1 .grid-title {
    margin-top: 2rem
}

.l-news--style1 .grid-title__cell:nth-child(1),.l-news--style1 .grid-title__cell:nth-child(4) {
    grid-column: 1/3
}

.l-news--style1 .grid-title__cell:nth-child(2) {
    position: relative;
    left: -20%
}

.l-news--style1 .grid-title span {
    position: relative
}

.l-news--style1 .grid-title sup.grid-title__subtitle {
    position: absolute;
    bottom: calc(100% + 2rem);
    left: 0;
    font-size: var(--text-size-primary);
    font-weight: 300
}

.l-news--style1 .grid-title sup.grid-title__desc {
    position: absolute;
    top: calc(100% + 2rem);
    left: 0;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: 300;
    text-align: left;
    line-height: 150%;
    font-weight: 300;
    color: #7a7a7a
}

.l-news--style1 .grid-title svg {
    margin-left: -0.1em;
    width: .7em;
    height: auto
}

.l-news--style1 p {
    color: #7a7a7a
}

.l-news--style2 {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(2, auto);
    justify-content: space-evenly;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.l-news--style2 .l-news__item:nth-child(odd) {
    padding-right: 0
}

.l-news--style2 .l-news__item:nth-child(odd) .card-blog {
    width: 350px;
    max-width: 100%
}

.l-news--style2 .l-news__item:nth-child(odd) .card-blog__title {
    width: 100%
}

.l-news--style2 .l-news__item:nth-child(1) {
    grid-column: 2/3
}

.l-news--style2 .l-news__item:nth-child(2) {
    grid-row: 1/3;
    align-self: center
}

.l-news--style2 .l-news__item:nth-child(3) {
    grid-area: 2/2;
    justify-self: end;
    margin-top: 40%
}

.l-news--style2 .card-blog {
    display: block;
    width: 657px;
    max-width: 100%
}

.l-news--style2 .card-blog__title {
    width: 500px;
    max-width: 100%;
    font-size: 30px
}

.l-news .card-element {
    margin: 0 auto 5vw auto
}

.l-news .list-elements {
    margin: 4vw 0
}

.l-news p {
    margin-bottom: 1.5em;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 140%
}

.l-news .ico-svg {
    fill: var(--color-primary)
}

@media(max-width: 1023px) {
    .l-news--style1 {
        display:flex;
        flex-direction: column;
        gap: var(--gutter);
        padding: 0
    }

    .l-news--style1 .l-news__item {
        width: 100%
    }

    .l-news--style1 .l-news__item:nth-child(1) {
        display: flex;
        justify-content: flex-end;
        width: 100%
    }

    .l-news--style1 .l-news__item:nth-child(3) {
        margin-top: 0
    }

    .l-news--style1 .l-news__item .grid-title {
        width: -moz-min-content;
        width: min-content
    }

    .l-news--style2 {
        display: flex;
        flex-direction: column;
        gap: var(--gutter);
        padding: 0
    }

    .l-news--style2 .l-news__item {
        width: 100%
    }

    .l-news--style2 .l-news__item:nth-child(2) {
        margin-top: 0
    }

    .l-news--style2 .l-news__item:nth-child(3) {
        margin-top: 0
    }
}

.card-slide__info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 24px
}

.card-slide__title {
    margin-bottom: .5em;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.card-slide__title a {
    color: var(--color-primary)
}

.card-slide__data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.card-slide .is-truncated {
    flex: 1
}

.card-slide .is-truncated .avatar-name {
    flex: 1
}

.card-slide .is-truncated .avatar-name__name {
    flex: 1;
    display: flex
}

.card-slide .is-truncated .avatar-name .link-underlined {
    flex: 1;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-slide__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%
}

.card-slide__row .card-slide__title {
    margin-bottom: 0
}

.card-slide__row .link-underlined {
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    font-weight: var(--font-bold)
}

.card-slide__row small {
    position: relative;
    top: .2em;
    margin: 0 .3em;
    font-weight: 300;
    font-size: .75em;
    line-height: 100%
}

.card-slide .figure-rollover {
    border-radius: var(--rounded-large);
    overflow: hidden
}

.content-dropdown-tags {
    position: relative
}

.content-dropdown-tags.is-active .button {
    background: var(--bg-secondary);
    color: var(--color-white)
}

.content-dropdown-tags.is-active .dropdown-tags {
    opacity: 1;
    visibility: visible
}

.dropdown-tags {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 600px;
    max-width: calc(100vw - 48px);
    max-height: 400px;
    padding: 30px;
    border-radius: var(--rounded-normal);
    background: var(--bg-secondary);
    overflow-y: auto;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 4;
    overflow: auto;
    overscroll-behavior: contain
}

.dropdown-tags--top-right {
    top: auto;
    bottom: calc(100% + 16px);
    right: 0
}

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

.dropdown-tags__label {
    margin-bottom: 20px;
    text-align: left;
    font-size: var(--text-size-small);
    color: #a7a7a7;
    line-height: 100%
}

.dropdown-tags__close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    cursor: pointer
}

.dropdown-tags__close svg {
    display: block;
    fill: #fff
}

.dropdown-tags .list-tags+.dropdown-tags__label {
    margin-top: 30px
}

.dropdown-tags .button {
    border-color: rgba(255,255,255,.4)
}

.dropdown-tags .button:hover {
    border-color: rgba(255,255,255,.4)
}

.c-tags {
    display: flex;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto
}

.c-tags .list-tags {
    justify-content: center
}

.c-tags-row {
    position: relative;
    display: flex;
    gap: 16px;
    margin: 20px 0
}

.c-tags-row__left {
    flex: 1;
    height: 40px;
    overflow: hidden
}

.c-tags-row .more-tags {
    position: absolute;
    right: 0
}

.modal {
    --pad-modal: 30px;
    --pad-large-modal: 50px;
    --pad-modal-box: clamp(24px, 3vw, 48px);
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    height: auto;
    padding: var(--pad-modal) 0;
    background-color: rgba(0, 0, 0, var(--modal-alpha));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transition: all .4s
}

.modal.is-visible {
    visibility: visible;
    opacity: 1
}

.modal.is-visible .modal__content {
    opacity: 1
}

.modal[class*="--white"] {
    background-color: rgba(255,255,255,.7)
}

.modal[class*="--fullscreen"] {
    padding: 0
}

.modal[class*="--fullscreen"] .modal__content {
    width: 100%;
    height: calc(100% - 30px);
    margin-bottom: 0
}

.modal[class*="--x-large"] .modal__content {
    width: calc(100% - 52px)
}

.modal[class*="--large"] .modal__content {
    width: 1142px
}

.modal[class*="--medium"] .modal__content {
    width: 900px
}

.modal[class*="--small"] .modal__content {
    width: 600px
}

.modal[class*="--bottom"] {
    padding-bottom: 0;
    align-items: flex-end
}

.modal[class*="--bottom"].is-visible .modal__content {
    transform: translateY(0)
}

.modal[class*="--bottom"] .modal__content {
    margin: 0;
    transform: translateY(300px);
    transition: transform .6s
}

.modal[class*="--bottom"] .modal__box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.modal__content {
    position: relative;
    display: inline-block;
    width: 840px;
    max-width: 100%;
    margin: auto 0;
    opacity: 0;
    transition: opacity .6s .2s
}

.modal__box {
    padding: 3em;
    padding: var(--pad-modal-box);
    background: var(--bg-primary);
    border-radius: var(--rounded-large)
}

.modal__box--dark {
    background: var(--bg-secondary);
    color: var(--color-white)
}

.modal__video {
    position: relative;
    border-radius: var(--rounded-large);
    overflow: hidden
}

.modal__sotd-document {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--bg-primary);
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    border-radius: var(--rounded-normal)
}

.modal .header-floating {
    top: 0;
    position: sticky;
    display: flex;
    align-items: center
}

.modal .bt-nav {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9
}

.header-col {
    display: flex;
    margin-bottom: clamp(50px,20vw,100px)
}

.header-col>div {
    flex: 1
}

.l-register {
    display: flex;
    min-height: 100vh
}

.l-register__left {
    position: relative;
    width: 60%
}

.l-register__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    min-width: 700px
}

.l-register__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -o-object-fit: contain;
    object-fit: contain
}

.l-register__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 40px
}

.l-register__top,.l-register__bottom {
    padding: clamp(30px,4vw,60px) 0
}

.l-register__logo {
    position: absolute;
    top: 40px;
    left: 40px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: clamp(30px,4vw,60px)
}

.l-register__logo svg:nth-child(1) {
    width: 71px;
    height: auto;
    fill: var(--color-primary)
}

.l-register__logo .sticker-svg {
    width: clamp(40px,5vw,80px)
}

.l-register .content-tabs {
    width: 580px;
    max-width: 100%;
    height: 100%
}

.l-register .content-tabs__item {
    height: 100%
}

@media(max-width: 576px) {
    .l-register__left {
        display:none
    }

    .l-register__right {
        width: 100%;
        min-width: auto
    }
}

.m-login {
    --min-height-login: 693px;
    position: relative;
    width: 100%;
    min-height: var(--min-height-login);
    border-radius: var(--rounded-large);
    overflow: hidden
}

.m-login__container {
    display: flex;
    justify-content: space-between;
    min-height: var(--min-height-login)
}

.m-login__container>div {
    flex: 1
}

.m-login__left {
    background: var(--bg-3rd)
}

.m-login__right {
    background: var(--bg-white)
}

.m-login__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: var(--pad-large-modal)
}

.m-login__title {
    margin-bottom: 1.5em;
    font-size: var(--text-size-large);
    font-weight: normal
}

.m-login__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    font-size: 162px
}

.m-login__logo svg {
    width: auto;
    height: 1em
}


.m-login__forgot {
    margin-top: -1em;
    text-align: right;
    font-size: .8em
}

.m-login__social {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.m-login__social .button {
    flex: 1
}

.m-login__or {
    margin-top: 2em
}

.m-login .button[class*=full] {
    margin-top: .5em
}

.m-alert__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(40px,5vw,80px)
}

.m-alert__header img {
    margin: auto 0
}

.m-alert__top {
    margin-bottom: 2em
}

.m-alert__title {
    font-size: var(--text-size-large);
    font-weight: 300
}

.m-alert__bts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--gutter);
    margin-top: var(--pad-modal-box)
}

.m-alert__bts .button {
    flex: 1;
    min-width: min(12em,100%)
}

.m-alert__content .list-cart {
    margin-bottom: 40px
}

.m-alert__content .list-cart__item {
    padding: clamp(12px,4vw,16px)
}

.m-cookies__bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 0;
    margin-top: clamp(30px,5vw,50px)
}

.m-cookies__bottom div:first-child {
    flex: 1
}

.m-cookies__list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 16px 0;
    line-height: 130%;
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.m-cookies__list div:first-child {
    flex: 1
}

.cookies-popup {
    position: fixed;
    right: 30px;
    bottom: -50%;
    width: 400px;
    max-width: 100%;
    padding: clamp(20px,5vw,30px);
    background: var(--bg-secondary);
    color: #fff;
    border-radius: var(--rounded-normal);
    z-index: 10;
    opacity: 0;
    transition: all .4s
}

.cookies-popup.is-show {
    opacity: 1;
    bottom: 30px
}

.cookies-popup .button:hover {
    background: #7a7a7a
}

.c-heading {
    position: relative;
    margin-bottom: clamp(40px,5vw,96px);
    font-weight: 400
}

.c-heading--small .c-heading__top {
    margin-bottom: 1rem
}

.c-heading--small .c-heading__middle+.c-heading__bottom {
    margin-top: 1em
}

.c-heading--small .c-heading__short-desc {
    width: 500px
}

.c-heading__top {
    margin-bottom: clamp(20px,3vw,24px);
    font-weight: 400
}

.c-heading__top .text-default {
    font-weight: 400
}

.c-heading__middle+.c-heading__bottom {
    margin-top: 1em
}

.c-heading__short-desc {
    display: inline-block;
    width: 360px;
    max-width: 100%;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.c-heading__large-desc {
    display: inline-block;
    width: 900px;
    max-width: 100%;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.c-heading__by {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: clamp(20px,2vw,30px);
    font-size: 16px;
    font-size: clamp(16px,14.5915492958px + 0.2816901408vw,20px)
}

.c-heading__by small {
    font-size: .6em
}

.c-heading__between {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px
}

.c-heading .heading-1 {
    position: relative;
    display: inline-block
}

.subtitle-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: clamp(30px,5vw,80px);
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px)
}

.subtitle-center--bottom {
    margin-top: clamp(30px,5vw,80px)
}

.subtitle-center .bt-ico-left {
    margin-left: 1em
}

.text-subtitle-narrow {
    display: inline-block;
    width: 360px;
    max-width: 100%
}

.heading-underlined {
    margin-bottom: 3em;
    font-size: var(--text-size-primary);
    font-weight: normal
}

.heading-underlined__text {
    display: inline-block;
    border-bottom: 1px solid var(--color-primary)
}

.heading-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 71px;
    margin-bottom: 48px;
    background: var(--bg-primary);
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.heading-section.sticky {
    position: sticky;
    top: 71px;
    z-index: 1
}

.heading-section__left {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%
}

.heading-section__right {
    display: flex;
    align-items: center
}

.heading-section__title {
    min-width: 150px;
    font-size: var(--text-size-primary);
    font-weight: var(--font-medium)
}

.heading-section .menu-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%
}

@media(max-width: 768px) {
    .heading-section.sticky {
        position:static
    }

    .heading-section__left {
        width: 100%
    }

    .heading-section__right {
        display: none
    }

    .heading-section__title {
        min-width: auto;
        padding-right: 12px
    }

    .heading-section .menu-tabs {
        width: 100%;
        overflow-x: auto
    }

    .heading-section:has(.menu-tabs>li:nth-child(1)) {
        height: auto
    }

    .heading-section:has(.menu-tabs>li:nth-child(1)) .heading-section__title {
        padding-right: 0;
        font-size: 1.4em
    }

    .heading-section:has(.menu-tabs>li:nth-child(1)) .heading-section__left {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap
    }

    .heading-section:has(.menu-tabs>li:nth-child(1)) .menu-tabs {
        flex-wrap: nowrap
    }

    .heading-section:has(.menu-tabs>li:nth-child(1)) .menu-tabs li {
        padding-bottom: 16px
    }
}

.tb-stats {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto
}

.tb-stats th,.tb-stats td {
    border-right: 1px solid var(--border-table);
    border-bottom: 1px solid var(--border-table)
}

.tb-stats th:first-child,.tb-stats td:first-child {
    border-left: 1px solid var(--border-table)
}

.tb-stats th {
    padding: clamp(8px,2vw,16px);
    border-top: 1px solid var(--border-table);
    font-size: var(--text-size-small);
    font-weight: var(--font-medium);
    text-transform: uppercase;
    line-height: 120%
}

.tb-stats td {
    padding: clamp(8px,2vw,20px) clamp(8px,2vw,16px);
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px);
    line-height: 120%
}

.tb-stats tr:first-child th:first-child {
    border-top-left-radius: var(--rounded-normal)
}

.tb-stats tr:first-child th:last-child {
    border-top-right-radius: var(--rounded-normal)
}

.tb-stats tr:last-child td:first-child {
    border-bottom-left-radius: var(--rounded-normal)
}

.tb-stats tr:last-child td:last-child {
    border-bottom-right-radius: var(--rounded-normal)
}

.tb-dotteds {
    --button-pad: 16px;
    width: 100%;
    line-height: 120%;
    font-weight: 400
}

.tb-dotteds__bts {
    display: inline-flex;
    gap: 12px
}

.tb-dotteds th {
    padding: clamp(10px,2vw,28px);
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    font-weight: normal
}

.tb-dotteds tr {
    position: relative;
    transition: all .3s
}

.tb-dotteds tr:hover:not(:has(th)) {
    background: var(--color-odd-rows)
}

.tb-dotteds td {
    padding: clamp(10px,2vw,36px) clamp(10px,2vw,28px);
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    font-size: var(--text-size-medium)
}

.tb-dotteds .button {
    font-size: 1rem
}

.tb-dotteds .text-truncated {
    max-width: 300px
}

.palette__desc {
    width: 300px;
    margin-bottom: 2em;
    font-size: 16px;
    font-size: clamp(16px,14.5915492958px + 0.2816901408vw,20px)
}

.palette__list {
    display: flex;
    justify-content: center
}

.list-palette {
    --palette-width: 400px;
    --palette-margin: 300px;
    --palette-margin-neg: -300px;
    --palette-height: 580px;
    --palette-pad: 30px;
    --palette-pad-neg: -30px;
    position: relative;
    display: inline-flex;
    box-sizing: content-box
}

.list-palette--h {
    padding-left: var(--palette-margin)
}

.list-palette--h li {
    margin-left: var(--palette-margin-neg);
    transition: all .3s
}

.list-palette--h li:hover:not(:last-child) {
    margin-right: var(--palette-margin)
}

.list-palette--h li:hover:not(:last-child) .list-palette__item {
    margin-right: var(--palette-pad-neg);
    padding-right: var(--palette-pad);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.list-palette--h li:hover:not(:last-child) .list-palette__header {
    transition-delay: .3s;
    opacity: 1
}

.list-palette--h li:not(:last-child) .list-palette__header {
    opacity: 0
}

.list-palette--v {
    padding-left: var(--palette-margin)
}

.list-palette--v li {
    margin-left: var(--palette-margin-neg);
    transition: all .3s
}

.list-palette--v li:not(:last-child) .list-palette__header {
    opacity: 0
}

.list-palette--v li:hover {
    z-index: 2
}

.list-palette--v li:hover .list-palette__bts,.list-palette--v li:hover .list-palette__header {
    opacity: 1
}

.list-palette--v .list-palette__item {
    height: auto
}

.list-palette--v .list-palette__footer {
    display: none
}

.list-palette--v .list-palette__bts {
    opacity: 0;
    transition: all .3s
}

.list-palette__item {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: var(--palette-width);
    height: var(--palette-height);
    border-radius: var(--rounded-large);
    color: var(--color-card, --color-primary);
    overflow: hidden;
    transition: all .3s
}

.list-palette__box {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: var(--palette-pad)
}

.list-palette__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 20px;
    transition: all .3s
}

.list-palette__footer {
    text-align: right
}

.list-palette__aa {
    font-size: 75px;
    font-size: clamp(75px,48.5915492958px + 5.2816901408vw,150px);
    font-weight: 400;
    line-height: 60%;
    transition: all .3s
}

.list-palette__bts {
    display: flex;
    align-items: center;
    gap: var(--gutter)
}

.list-palette__bt {
    display: flex;
    align-items: stretch;
    cursor: pointer;
    transition: all .3s
}

.list-palette__bt:hover {
    opacity: .7
}

@media(max-width: 1024px) {
    .list-palette {
        --palette-width: 200px;
        --palette-margin: 170px;
        --palette-margin-neg: -170px;
        --palette-pad: 15px;
        --palette-pad-neg: -15px
    }

    .list-palette__header {
        font-size: var(--text-size-primary)
    }
}

.marquee-text {
    display: flex;
    align-items: center;
    justify-items: center;
    overflow: hidden
}

.marquee-text div {
    padding-right: .5ch;
    white-space: nowrap
}

.heading-svg {
    position: relative;
    margin: clamp(20px,6vw,60px) 0;
    line-height: 100%
}

.heading-svg__title {
    width: 100%;
    height: auto;
    fill: var(--color-primary);
    font-weight: var(--font-bold)
}

.heading-fit {
    container-type: inline-size;
    margin: clamp(20px,6vw,60px) 0;
    text-align: center;
    border: 1px solid red
}

.heading-fit__title {
    display: block;
    font-weight: var(--font-bold);
    font-size: var(--font-size);
    line-height: 1em;
    transform: translateY(0.07em);
    white-space: nowrap
}

.c-collect {
    --gray-collect: #a7a7a7;
    --height-modal: 591px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: var(--bg-primary);
    border-radius: var(--rounded-large);
    overflow: hidden
}

.c-collect__left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 1;
    min-width: min(12em,100%);
    min-height: var(--height-modal);
    background-color: #ededed
}

.c-collect__right {
    flex: 1
}

.c-collect__inner {
    width: 100%;
    padding: 0 var(--pad-large-modal)
}

.c-collect__media {
    flex: 1;
    display: flex;
    justify-content: center
}

.c-collect__thumb {
    width: 380px;
    margin: auto;
    border-radius: var(--rounded-normal)
}

.c-collect__header {
    display: flex;
    align-items: center;
    height: 140px
}

.c-collect__title {
    font-size: var(--text-size-large)
}

.c-collect__footer {
    display: flex;
    align-items: center;
    height: 140px
}

.c-collect__search {
    --height-input: 32px;
    position: relative;
    margin: 50px 0
}

.c-collect__search input {
    width: 100%;
    height: var(--height-input);
    background: rgba(0,0,0,0)
}

.c-collect__search input::-moz-placeholder {
    color: var(--gray-collect);
    font-size: 10px;
    text-transform: uppercase
}

.c-collect__search input::placeholder {
    color: var(--gray-collect);
    font-size: 10px;
    text-transform: uppercase
}

.c-collect__search button {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--height-input);
    height: var(--height-input);
    background: rgba(0,0,0,0);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-collect__search svg {
    stroke: var(--gray-collect)
}

.c-collect .list-collections {
    max-height: 319px;
    overflow-y: auto
}

.c-collect__form {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: var(--height-modal)
}

.c-collect__form .rows {
    flex: 1;
    margin-top: 50px
}

.c-collect__form .row {
    margin-bottom: 2rem
}

.c-collect__bts {
    display: flex;
    gap: 12px;
    width: 100%
}

.c-collect__bts [class*="--full"] {
    flex: 1
}

.c-collect__saved {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    min-height: var(--height-modal);
    font-size: var(--text-size-large);
    text-align: center;
    line-height: 170%
}

.c-collect__saved-thumb {
    display: flex;
    justify-content: center;
    gap: 20px
}

.c-collect__saved-thumb .logo {
    width: 20%;
    height: auto
}

.c-collect__saved-thumb img {
    width: 30%;
    border-radius: var(--rounded-normal)
}

.list-collections__item {
    display: flex;
    justify-content: space-between;
    padding: 20px var(--pad-large-modal);
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.list-collections__left {
    display: flex;
    align-items: center;
    gap: 12px
}

.list-collections__number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--rounded-normal);
    background: #ededed
}

.head-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: clamp(20px,3vw,50px)
}

.head-toolbar__left {
    display: inline-flex;
    align-items: center;
    gap: 16px
}

.head-toolbar__right {
    display: flex
}

.head-toolbar:has([data-collection-count]) .head-toolbar__left {
    gap: 0
}

.toolbar-bts {
    --toolbar-gutter: 40px;
    display: inline-flex;
    gap: var(--toolbar-gutter)
}

.toolbar-bts__item {
    position: relative;
    display: flex;
    cursor: pointer;
    transition: all .3s
}

.toolbar-bts__item:hover .ico-svg {
    opacity: .5
}

.toolbar-bts .ico-svg {
    display: block;
    fill: var(--color-primary)
}

.toolbar-bts__share {
    position: absolute;
    top: 50%;
    right: -17px;
    display: flex;
    align-items: center;
    gap: var(--toolbar-gutter);
    height: 45px;
    padding: 0 20px;
    background: var(--bg-secondary);
    border-radius: 45px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.toolbar-bts__share.is-show {
    opacity: 1;
    visibility: visible
}

.toolbar-bts__share .ico-svg {
    display: block;
    width: 16px;
    fill: var(--color-white);
    opacity: .5
}

.toolbar-bts__share .ico-svg:hover {
    opacity: 1
}

.toolbar-bts__close {
    cursor: pointer
}

.toolbar-bts__close .ico-svg {
    opacity: 1
}

.filter-box {
    --pad-box: clamp(20px, 6vw, 30px);
    margin-bottom: 4px;
    padding: var(--pad-box) 0;
    background: var(--bg-4rd);
    border-radius: var(--rounded-normal);
    font-weight: 400
}

.filter-box__title {
    margin-bottom: 8px;
    padding: 0 var(--pad-box);
    font-size: 18px;
    font-weight: var(--font-bold)
}

.filter-box__item {
    line-height: 3em
}

.filter-box__item.is-open .filter-box__item-head {
    background: var(--color-learn)
}

.filter-box__item.is-open .filter-box__arrow {
    transform: rotate(180deg)
}

.filter-box__item.is-open .filter-box__sublist {
    max-height: 300px;
    margin-bottom: 1em;
    opacity: 1;
    visibility: visible
}

.filter-box__item-head {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--pad-box);
    cursor: pointer;
    transition: all .3s
}

.filter-box__item-head:hover {
    background: var(--bg-3rd)
}

.filter-box__item-link {
    display: block;
    padding: 0 var(--pad-box);
    line-height: 2.8em;
    transition: all .3s
}

.filter-box__item-link:hover {
    background: var(--bg-3rd)
}

.filter-box .is-active {
    font-weight: var(--font-bold)
}

.filter-box .is-active ul {
    font-weight: normal
}

.filter-box__sublist {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s
}

.filter-box__sublist .filter-box__item-link {
    padding-left: clamp(40px,6vw,60px);
    line-height: 2.5em
}

.filter-box__arrow {
    opacity: .3
}

.tags-info {
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    margin: clamp(30px,4vw,60px) 0
}

.tags-info--s2 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tags-info--s2 .tags-info__right {
    width: 40%;
    margin: 0 auto;
    text-align: center
}

.tags-info--s2 .tags-info__right>p {
    margin: 0 auto
}

.tags-info--s2 .tags-info__title {
    margin-bottom: .4em
}

@media(max-width: 1024px) {
    .tags-info--s2 .tags-info__right {
        width:100%
    }
}

.tags-info__right>p {
    width: 740px;
    max-width: 100%
}

.tags-info__title {
    font-size: 28px;
    font-size: clamp(28px,18.1408450704px + 1.9718309859vw,56px);
    line-height: 100%
}

.tags-info__subtitle {
    font-size: 1rem;
    font-weight: 300
}

.tags-info__read-more {
    display: flex;
    gap: 10px;
    margin-top: clamp(1em,3vw,2em)
}

.tags-info__read-more .link-underlined {
    margin: auto 0
}

.tags-info__more p:first-child {
    margin-top: 1em
}

.l-msg {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.l-msg__logo {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 2em
}

.l-msg__logo svg:nth-child(1) {
    width: 84px;
    height: auto;
    fill: var(--color-primary)
}

.l-msg__logo .sticker-svg {
    width: clamp(50px,5vw,100px)
}

.l-msg__text {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-size: clamp(18px,16.5915492958px + 0.2816901408vw,22px)
}

.l-msg__text+.toast {
    margin-top: clamp(80px,5vw,160px)
}

.l-msg h2 {
    margin-bottom: .5em
}

.faqs__list {
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: top;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    font-size: 18px;
    font-size: clamp(18px,17.2957746479px + 0.1408450704vw,20px)
}

.faqs__list>li {
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.faqs__list>li.active .faqs__answer {
    height: auto
}

.faqs:has(.faqs__arrow) .faqs__arrow {
    rotate: -90deg
}

.faqs:has(.faqs__arrow) .active .faqs__arrow {
    rotate: 0deg
}

.faqs__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: clamp(20px,3vw,30px) 0;
    font-weight: var(--font-bold);
    cursor: pointer
}

.faqs__answer {
    height: 0;
    overflow: hidden
}

.faqs__answer ul,.faqs__answer ol {
    margin-bottom: 1em
}

.faqs__answer ul li {
    list-style-type: disc
}

.faqs__answer ol li {
    list-style-type: decimal
}

.faqs__answer li {
    list-style-position: inside
}

.toast {
    display: inline-flex;
    padding: clamp(20px,5vw,30px);
    background: #f8f8f8;
    border-radius: var(--rounded-normal);
    text-align: left;
    line-height: 150%
}

.toast__icon {
    display: flex;
    align-items: flex-start;
    padding: 8px 16px 0 0
}

.box-featured {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: auto;
    padding: clamp(20px,4vw,32px);
    background: var(--bg-4rd);
    border-radius: var(--rounded-normal);
    line-height: 150%
}

.box-featured--green {
    background: #E2F4E9
}

.box-featured--warning {
    background: #f7f0cc
}

.box-featured--danger {
    background: #ffd1d1
}

.box-featured__m {
    margin: 0 8px
}

.box-featured__label {
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: 12px;
    color: #7a7a7a
}

.box-featured .ico-svg {
    vertical-align: middle
}

.box-featured p:last-child {
    margin-bottom: 0
}

.intro-texts {
    font-size: 30px;
    font-size: clamp(30px,3.9436619718px + 5.2112676056vw,104px);
    line-height: 140%;
    font-weight: var(--font-bold)
}

.intro-texts__subtitle {
    margin-top: clamp(20px,5vw,100px);
    text-align: center;
    font-size: 18px;
    font-size: clamp(18px,14.4788732394px + 0.7042253521vw,28px);
    font-weight: 300;
    line-height: 120%
}

.intro-texts__link {
    margin-right: .2em;
    padding-bottom: .1em;
    color: #a7a7a7;
    cursor: pointer;
    transition: all .3s;
    background-image: linear-gradient(to right, transparent 20%, var(--bg-primary) 20%),linear-gradient(to right, var(--color-primary), transparent);
    background-position: bottom;
    background-size: 16px 3px;
    background-repeat: repeat-x
}

.intro-texts__link .ico-svg {
    width: .3em;
    margin-left: .1em
}

.intro-texts__link:hover {
    color: currentColor
}

.intro-texts__button {
    border: 0;
    font-size: 30px;
    font-size: clamp(30px,3.9436619718px + 5.2112676056vw,104px);
    font-weight: var(--font-bold);
    color: var(--color-connect);
    border-bottom: 2px solid currentColor;
    transition: all .3s
}

.intro-texts__button:hover {
    color: var(--color-primary)
}

@media(max-width: 1024px) {
    .intro-texts__link {
        background-size:8px 2px
    }
}

.has-tooltip {
    position: relative;
    display: inline-block
}

.has-tooltip:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0)
}

.tooltip {
    --tooltip-bg: var(--bg-secondary);
    --tooltip-color: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    width: var(--tooltip-width, auto);
    background-color: var(--tooltip-bg);
    border-radius: var(--rounded-normal);
    color: var(--tooltip-color);
    line-height: 120%;
    transform: translate(-50%, -10px);
    transition: all .3s ease-in-out;
    z-index: 3
}

.tooltip--white {
    --tooltip-bg: #fff;
    --tooltip-color: #222
}

.tooltip:before {
    content: "";
    position: absolute;
    top: calc(100% - 0px);
    left: 50%;
    height: 10px;
    width: 100%;
    transform: translateX(-50%)
}

.tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -6px;
    border: solid rgba(0,0,0,0);
    border-top-color: var(--tooltip-bg);
    border-width: 8px 6px;
    pointer-events: none
}

.tooltip--user {
    width: 180px;
    padding: 35px 30px;
    min-height: 240px;
    text-align: center;
    line-height: 120%
}

.tooltip__content {
    padding: 20px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    z-index: 1
}

.tooltip__content--multiline {
    white-space: normal;
    text-align: left;
    line-height: 120%
}

.tooltip__content P:last-child {
    margin-bottom: 0
}

.tooltip.is-open {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0)
}

.tooltip__row:not(:last-child) {
    margin-bottom: 1em
}

.tooltip a {
    color: var(--tooltip-color)
}

.marquee-top {
    --marquee-bg: #222;
    --marquee-color: #fff;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    height: 50px;
    background-color: var(--marquee-bg);
    color: var(--marquee-color)
}

.marquee-top--awwwards {
    --marquee-bg: var(--color-award, transparent);
    filter: brightness(90%);
    color: #fff
}

.marquee-top--dmk {
    --marquee-bg: #f02d00
}

.marquee-top--gray {
    --marquee-bg: var(--sf-bg);
    --marquee-color: var(--color-primary)
}

.marquee-top__wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    opacity: 0;
    transition: opacity .3s
}

.marquee-top__wrapper.is-visible {
    opacity: 1
}

.marquee-top__item {
    padding: 0 12px
}

.marquee-top__item:has(.marquee-top__separator) {
    padding: 0
}

.marquee-top__ico {
    vertical-align: middle;
    margin-inline:12px;fill: currentColor
}

.marquee-top__separator {
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    margin-inline:16px;font-size: 1.3em;
    vertical-align: middle;
    fill: currentColor
}

.marquee-top a:hover {
    opacity: 0
}

.color-menu {
    color: var(--menu-color-1)
}

.menu-float {
    --menu-color-3: #fff;
    position: fixed;
    bottom: -80px;
    left: 0;
    width: 100%;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
    z-index: 9;
    pointer-events: none
}

.menu-float.is-visible {
    opacity: 1;
    bottom: 30px
}

.menu-float__inner {
    position: relative;
    display: flex;
    justify-content: center
}

.menu-float__top {
    max-width: 707px;
    max-height: 0;
    overflow: hidden;
    transition: all .4s
}

.menu-float__bottom {
    position: relative;
    display: flex;
    justify-content: center
}

.menu-float__bottom:before {
    content: "";
    height: 60px;
    transition: all .3s
}

.menu-float__menu-row+.menu-float__menu-row {
    margin-top: 28px
}

.menu-float__wrapper {
    --bg-menu-wrapper: 34, 34, 34;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 6px;
    border-radius: 12px;
    background: rgba(var(--bg-menu-wrapper), 0.8);
    pointer-events: auto;
    transition: all .4s
}

.menu-float__wrapper.is-open-main .menu-float__bottom {
    position: relative
}

.menu-float__wrapper.is-open-main .menu-float__layout--primary .menu-float__content {
    width: 100%
}

.menu-float__wrapper.is-open-main .menu-float__layout--primary {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.menu-float__wrapper.is-open-main .menu-float__layout--secondary,.menu-float__wrapper.is-open-main .menu-float__layout--tertiary {
    opacity: 0;
    visibility: hidden
}

.menu-float__wrapper.is-open {
    min-width: 720px !important;
    max-width: 1200px
}

.menu-float__wrapper.is-open .menu-float__top {
    max-height: 500px;
    max-width: 1200px
}

.menu-float__wrapper.is-open .menu-float__bottom:before {
    flex: 0;
    width: 100%
}

.menu-float__wrapper.is-open .menu-float__menu-content {
    max-width: 1200px
}

.menu-float__wrapper.is-open .menu-float__title:after {
    max-width: 200px;
    opacity: 1
}

.menu-float__wrapper.is-open .menu-float__subtitle {
    max-width: 200px;
    opacity: 1
}

.menu-float__wrapper.is-open .menu-float__hamburger {
    margin-left: auto
}

.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(1) {
    top: 0;
    transform: rotate(45deg)
}

.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(2) {
    opacity: 0
}

.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(3) {
    top: 0;
    transform: rotate(-45deg)
}

.menu-float__right {
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-float__right .menu-float__wrapper {
    overflow: visible !important
}

.menu-float__logo {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.menu-float__logo svg {
    fill: #dedede
}

.menu-float__breadcrumb {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 48px
}

.menu-float__title {
    margin-left: -2px;
    color: var(--menu-color-1)
}

.menu-float__title+.menu-float__subtitle:before {
    content: ".";
    margin-right: 2px;
    color: var(--menu-color-1);
    font-weight: var(--font-bold)
}

.menu-float__subtitle {
    color: #a7a7a7;
    transition: all .3s
}

.menu-float__layout--primary .menu-float__content {
    display: flex;
    position: relative;
    aspect-ratio: 1/1;
    background-color: var(--bg-secondary);
    color: #fff
}

.menu-float__layout--secondary {
    flex: 1;
    margin-left: 6px
}

.menu-float__layout--secondary .menu-float__content {
    position: relative;
    width: 100%;
    background: #3e3e3e;
    color: #dedede
}

.menu-float__layout--secondary .menu-float__item {
    justify-content: center;
    width: 100%;
    border: 1px solid #4e4e4e;
    color: #dedede;
    white-space: nowrap
}

.menu-float__layout--secondary .menu-float__item.is-active {
    color: var(--menu-color-1, #dedede);
    border-color: var(--menu-color-1, #dedede)
}

.menu-float__layout--secondary .menu-float__item.is-active:hover {
    opacity: .8
}

.menu-float__layout--secondary .menu-float__item:hover:not(.is-active) {
    border-color: #a7a7a7
}

.menu-float__layout--tertiary {
    display: flex;
    margin-left: 6px
}

.menu-float__layout--tertiary .menu-float__content {
    padding: 0
}

.menu-float__layout--tertiary .button {
    width: 100%;
    font-size: 13px;
    transition: all .3s
}

.menu-float__layout--tertiary .button:not(.is-custom) {
    background: var(--menu-color-1, #dedede);
    color: var(--color-primary)
}

.menu-float__layout--tertiary .button:hover {
    opacity: .8
}

.menu-float__layout--tertiary .button.is-ch {
    background: var(--ch-bg, #dedede)
}

.menu-float__hamburger {
    position: relative;
    width: 20px;
    height: 30px;
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s
}

.menu-float__hamburger div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 1px;
    background-color: #fff;
    transform: translateZ(0);
    transition: all .3s
}

.menu-float__hamburger div:nth-child(1) {
    top: -8px
}

.menu-float__hamburger div:nth-child(3) {
    top: 8px
}

.menu-float__menu {
    display: none;
    width: 100%;
    display: none;
    margin-bottom: 6px;
    padding: 30px;
    background: #2c2c2c;
    color: #fff;
    border-radius: var(--rounded-normal);
    z-index: -1;
    transition: all .4s
}

.menu-float__menu--main {
    display: flex;
    font-size: 15px;
    padding-top: 4px;
    padding-left: 1px
}

.menu-float__menu.is-active {
    display: block
}

.menu-float__menu-content {
    max-width: 0;
    opacity: 0;
    transition: all .4s,max-width 0s;
    overflow: hidden
}

.menu-float__menu-content.is-show {
    opacity: 1
}

.menu-float__menu-col {
    position: relative;
    flex: 1;
    background-image: linear-gradient(to bottom, #7a7a7a 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 1px 8px
}

.menu-float__menu-section {
    position: relative;
    margin-top: 0px;
    margin-bottom: 25px;
    margin-left: 16px;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 100%
}

.menu-float__menu-section:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -17px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--menu-color-2, #fff)
}

.menu-float__menu-nav {
    line-height: 120%
}

.menu-float__menu-nav li:not(:last-child) {
    margin-bottom: 16px
}

.menu-float__menu-nav li.is-active {
    font-weight: var(--font-bold)
}

.menu-float__menu-nav li.is-active a {
    color: var(--menu-color-1, --color-white);
    border-color: var(--menu-color-1, --color-white)
}

.menu-float__menu-nav a {
    display: block;
    padding: 8px 0 8px 16px;
    border-left: 1px solid rgba(0,0,0,0);
    transition: all .3s
}

.menu-float__menu-nav a:hover {
    color: var(--menu-color-1, --color-white);
    border-color: var(--menu-color-1, --color-white)
}

.menu-float__menu a {
    color: #fff
}

.menu-float__title-section {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 0 12px 0 6px;
    line-height: 100%
}

.menu-float__content {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 60px;
    padding: 0 6px;
    text-align: center;
    border-radius: var(--rounded-normal);
    overflow: hidden
}

.menu-float__progress {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.menu-float__bar {
    background-color: rgba(78,78,78,.5);
    width: 0;
    height: 100%
}

.menu-float__nav {
    position: relative;
    display: flex;
    margin-left: -6px
}

.menu-float__nav li {
    display: flex
}

.menu-float__item {
    display: inline-flex;
    align-items: center;
    height: 48px;
    margin-left: 6px;
    padding: 0 12px;
    border-radius: var(--rounded-normal);
    color: var(--color-primary);
    font-weight: 400;
    cursor: pointer;
    overflow: hidden;
    transition: max-width .3s,padding .3s,margin .3s,color .3s,background .3s,border-radius .3s,border-color .3s,opacity .3s
}

.menu-float__filters {
    position: relative;
    display: flex;
    height: 60px;
    margin-left: -6px;
    margin-right: -6px
}

.menu-float__filters li {
    border-left: 1px solid rgba(var(--color-primary-rgb), 0.1)
}

.menu-float__filter {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu-float__filter.has-filter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--menu-color-2)
}

.menu-float__filter.is-active {
    background: #222
}

.menu-float__filter.is-active svg {
    transform: scaleY(-1)
}

.menu-float__arrow {
    fill: #a7a7a7;
    margin-left: 12px
}

.menu-float__content:has(.menu-float__awwwards) {
    border-radius: 0
}

.menu-float__awwwards {
    display: flex;
    gap: 6px
}

.menu-float .button[class*="--awwward"],.menu-float .button[class*="--awwward"]:hover {
    --button-bg: var(--color-award);
    --button-color: var(--color-primary)
}

.menu-float .avatar-name sup {
    color: #fff
}

.menu-float .bt-nav {
    position: absolute;
    bottom: 0;
    pointer-events: auto
}

.menu-float .bt-nav--left {
    left: -28px
}

.menu-float .bt-nav--right {
    right: -28px
}

.menu-float .bt-nav svg {
    fill: #dedede
}

.menu-float .button--suggestions {
    --button-bg: var(--bg-secondary);
    --button-color: #fff
}

.menu-float .button--suggestions:hover {
    background-color: #4e4e4e
}

.menu-float .button--suggestions img {
    margin: 0 20px 0 8px;
    border-radius: 50%
}

.menu-float .button--suggestions .budget-circle {
    flex-shrink: 0;
    margin: 0 8px 0 20px;
    background: #4e4e4e
}

.style-1 {
    --menu-color-1: var(--color-inspire);
    --menu-color-2: var(--color-inspire-2);
    --menu-color-3: var(--color-inspire-3)
}

.style-2 {
    --menu-color-1: var(--color-learn);
    --menu-color-2: var(--color-learn-2);
    --menu-color-3: var(--color-learn-3)
}

.style-3 {
    --menu-color-1: var(--color-connect);
    --menu-color-2: var(--color-connect-2);
    --menu-color-3: var(--color-connect-3)
}

.style-4 {
    --menu-color-1: var(--color-read);
    --menu-color-2: var(--color-read-2);
    --menu-color-3: var(--color-read-3)
}

.style-5 {
    --menu-color-1: var(--color-awards);
    --menu-color-2: var(--color-awards-2);
    --menu-color-3: var(--color-awards-3)
}

.style-6 {
    --menu-color-1: var(--color-jobs);
    --menu-color-2: var(--color-jobs-2);
    --menu-color-3: var(--color-jobs-3)
}

.bt-nav {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-secondary);
    border-radius: var(--rounded-normal);
    cursor: pointer;
    transition: all .3s
}

.bt-nav.is-hidden {
    opacity: 0
}

.is-intersecting .c-box-float-more .box-float-more {
    opacity: 1;
    top: 0;
    transform: translateY(0)
}

.c-box-float-more {
    position: fixed;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 9;
    pointer-events: none
}

.c-box-float-more .inner {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.c-box-float-more .box-float-more {
    pointer-events: all;
    opacity: 0;
    transform: translateY(50px)
}

.box-float-more {
    position: relative;
    display: inline-flex;
    height: 72px;
    padding: 6px;
    background: var(--bg-secondary);
    border-radius: var(--rounded-small);
    color: #fff;
    line-height: 120%;
    pointer-events: all;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.box-float-more:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--menu-color-2)
}

.box-float-more__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-width: 80px;
    padding: 0 12px
}

.box-float-more__info span {
    color: #7a7a7a
}

.box-float-more__photo {
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.menu-float-news {
    position: absolute;
    bottom: -100%;
    right: 0;
    width: 270px;
    padding: 12px;
    border-radius: var(--rounded-normal);
    background: var(--bg-secondary);
    color: #fff;
    line-height: 1.3em;
    border-bottom: 6px solid var(--menu-color-1);
    pointer-events: all;
    transform: translateY(calc(100% - 30px));
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    z-index: -1
}

.menu-float-news.is-visible {
    bottom: 0;
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.menu-float-news__photo {
    position: relative;
    margin-bottom: .4em;
    -o-object-fit: cover;
    object-fit: cover
}

.menu-float-news__video {
    position: relative;
    margin-bottom: .4em
}

.menu-float-news__video iframe {
    pointer-events: none
}

.menu-float-news__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.menu-float-news__prices {
    display: flex;
    gap: 8px
}

.menu-float-news__prices .text-strikethrough {
    color: #a7a7a7
}

.menu-float-news__label {
    color: #a7a7a7
}

.menu-float-news__close {
    text-align: right
}

.menu-float-news__close span {
    position: relative;
    top: -6px;
    right: -6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 100%;
    padding: 4px;
    z-index: 2;
    cursor: pointer
}

.menu-float-news__close span:hover {
    opacity: .7
}

.filters {
    display: flex;
    flex-direction: column;
    border-radius: var(--rounded-normal);
    transition: all .3s;
    z-index: -1;
    pointer-events: all
}

.filters__tab {
    display: none
}

.filters__tab.is-active {
    display: block
}

.filters__search {
    display: flex;
    height: 40px;
    margin-bottom: 20px;
    background: #383838;
    border-radius: var(--rounded-small)
}

.filters__search input {
    flex: 1;
    padding: 0 16px;
    background: rgba(0,0,0,0);
    font-size: var(--text-size-primary);
    color: var(--color-white)
}

.filters__search button {
    width: 40px;
    background: rgba(0,0,0,0);
    border: none
}

.filters__search .ico-svg {
    fill: var(--color-white)
}

.filters__label {
    margin-bottom: 1.5em;
    text-transform: uppercase;
    color: #7a7a7a;
    font-weight: 400;
    font-size: var(--text-size-small);
    border-bottom: 1px solid #4e4e4e;
    clear: both
}

.filters__content {
    flex: 1;
    max-height: 310px;
    color: var(--color-white);
    overflow-y: auto;
    overflow-x: hidden
}

.filters__content::-webkit-scrollbar {
    width: 2px
}

.filters__content::-webkit-scrollbar-track {
    background: #383838
}

.filters__content::-webkit-scrollbar-thumb {
    background-color: var(--color-white)
}

.filters__list li {
    float: left;
    width: 33.333%
}

.filters__list--small li {
    width: 50%
}

.filters__list+.filters__title {
    padding-top: 2em
}

.filters li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filters__item {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 8px;
    color: var(--color-white);
    border-radius: 26px;
    cursor: pointer;
    transition: all .3s
}

.filters__item.is-active {
    color: var(--menu-color-3);
    background: #383838
}

.filters__item.is-active .ico-svg {
    margin-left: 6px
}

.filters__item:hover {
    background: #383838
}

.filters__colors {
    display: grid;
    grid-template-columns: repeat(9, 1fr)
}

.filters__colors .filters__item {
    position: relative;
    display: flex;
    width: 100%;
    height: 36px;
    padding: 0;
    border-radius: 0;
    outline: 4px solid rgba(0,0,0,0);
    transition: z-index 0s outline .6s
}

.filters__colors .filters__item.is-active,.filters__colors .filters__item:hover {
    outline-color: var(--color-white);
    z-index: 1
}

.cart-count {
    position: relative;
    display: block;
    margin: auto;
    display: flex
}

.cart-count span {
    position: absolute;
    top: -12px;
    right: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    background: #fff;
    color: var(--color-primary);
    border-radius: 50%;
    font-size: 12px;
    font-weight: var(--font-bold);
    line-height: 100%
}

@media(max-width: 768px) {
    .menu-float {
        display:none
    }
}

#footer a {
    color: var(--color-primary)
}

#footer a:hover {
    opacity: .75
}

.footer__top {
    margin-bottom: clamp(40px,4vw,150px)
}

.footer__top .box-featured {
    background: var(--bg-3rd)
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 120px;
    padding-top: clamp(24px,3vw,48px);
    font-size: 14px;
    font-weight: 400;
    background-image: linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);
    background-position: top;
    background-size: 8px 1px;
    background-repeat: repeat-x
}

.footer__wrapper {
    display: flex
}

.footer__nav {
    display: flex;
    flex-wrap: wrap
}

.footer__item {
    display: flex;
    line-height: 140%;
    font-size: clamp(35px,20vw,4vw);
    font-weight: var(--font-bold)
}

.footer__item:not(:last-child):after {
    content: "-";
    margin: 0 .4em;
    font-weight: 300
}

.footer__figure {
    position: absolute;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .3s;
    transform-origin: center;
    pointer-events: none
}

.footer__figure.show {
    opacity: 1
}

.footer__figure.show img {
    opacity: .9;
    transform: scale(1) rotate(20deg)
}

.footer__img {
    transform: scale(0);
    transition: all .3s
}

.footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-bottom: clamp(30px,4vw,60px)
}

.footer__logo--s1 svg {
    width: 40px
}

.footer__logo--s2 svg:nth-child(1) {
    width: 44px;
    height: auto;
    fill: var(--color-primary)
}

.footer__logo--s2 .sticker-svg {
    width: clamp(40px,4vw,72px)
}

.footer__logo svg {
    fill: var(--color-primary)
}

.footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px
}

.footer__grid {
    --grid-min: 18%;
    --menu-margin: clamp(10px, 4vw, 20px);
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-min), 1fr));
    grid-gap: 24px
}

.footer__menu {
    font-weight: var(--font-bold);
    line-height: 100%
}

.footer__menu li:not(:last-child) {
    margin-bottom: var(--menu-margin)
}

@media(max-width: 1024px) {
    .footer__bottom {
        margin-bottom:100px
    }

    .footer__wrapper {
        flex-direction: column;
        gap: 40px
    }

    .footer__grid {
        --grid-min: 40%;
        gap: var(--menu-margin)
    }
}

.l-404 {
    position: relative;
    height: 100vh
}

.l-404__header {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 70px
}

.l-404__logo {
    width: 72px;
    height: auto;
    fill: #fff;
    filter: drop-shadow(1px 1px 30px rgba(0, 0, 0, 0.5))
}

.l-404__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

@media(max-width: 1024px) {
    .l-404__header {
        justify-content:center;
        height: 100%;
        padding: 0
    }
}

.contact-us__desc {
    width: 510px;
    max-width: 100%
}

.no-results {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    text-align: center
}

.no-results__msg {
    width: 240px;
    max-width: 100%
}

.no-results p:last-child {
    margin-bottom: 0
}

.ribbon-pro {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 72px;
    height: 82px;
    padding: 8px;
    background: #fff;
    border-radius: var(--rounded-normal);
    line-height: 100%
}

.ribbon-pro__bottom {
    font-size: 10px
}

.ribbon-pro--black {
    background: #222;
    color: #fff
}

.ribbon-pro .ico-svg {
    top: -2px
}

.snackbar-msg {
    position: absolute;
    top: 0;
    right: 0;
    width: 460px;
    max-width: 100%;
    padding: clamp(20px,6vw,28px);
    background: var(--bg-secondary);
    font-size: var(--text-size-primary);
    color: #fff;
    line-height: 140%;
    border-radius: var(--rounded-normal);
    z-index: 2;
    transform: translateY(calc(-100% - 70px));
    opacity: 0;
    transition: all .4s ease-in-out
}

.snackbar-msg.is-show {
    opacity: 1;
    transform: translateY(72px)
}

.snackbar-msg__item {
    display: flex;
    gap: 30px
}

.snackbar-msg__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.snackbar-msg__close:hover svg {
    transform: rotate(90deg)
}

.snackbar-msg__close svg {
    transition: all .3s
}

.snackbar-msg__label {
    margin-bottom: 12px;
    font-size: 10px;
    line-height: 100%
}

.snackbar-msg li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.snackbar-msg .button:hover {
    background: #4e4e4e
}

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

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

.lazy {
    opacity: 0;
    transition: all .6s
}

.lazy--hidden {
    opacity: 0
}

.lazy--loaded {
    opacity: 1
}

@media(max-width: 1280px) {
    :root {
        --pad-inner: 40px
    }

    .list-palette {
        --palette-width: 300px;
        --palette-height: 435px;
        --palette-margin: 220px;
        --palette-margin-neg: -220px
    }

    .list-palette--v {
        --palette-width: 200px;
        --palette-margin: 170px;
        --palette-margin-neg: -170px
    }
}

@media(max-width: 1023px) {
    :root {
        --pad-inner: 24px
    }

    .header-main__bts {
        display: none
    }

    .box-table {
        overflow-x: auto
    }

    .box-table th {
        width: auto
    }

    .grid-sites-last {
        grid-template-columns: 1fr
    }

    .has-many-credits .avatar-name__name {
        display: none
    }

    .has-many-credits .avatar-name__link {
        gap: 0
    }
}

@media(max-width: 576px) {
    :root {
        --pad-inner: 16px;
        --rounded-large: 8px;
        --text-size-large: 20px
    }

    .header-main__ico {
        display: flex
    }

    .header-search__separator,.search-dropdown {
        display: none
    }

    [class*=grid-] {
        --minthumb: 310px
    }

    [class*=grid-] .is-double {
        grid-column: auto
    }

    .list-search-ac {
        min-width: auto
    }

    .toolbar-bts {
        --toolbar-gutter: 20px
    }

    .head-toolbar.is-sm-center {
        justify-content: center
    }

    .c-heading .heading-1 {
        display: block;
        word-wrap: break-word
    }

    .c-heading br {
        content: ""
    }

    .c-heading br:after {
        content: " "
    }

    .c-view-all__row {
        flex-direction: column
    }

    .modal {
        padding: 0
    }

    .modal[class*="--x-large"] .modal__content {
        width: 100%
    }

    .modal[class*="--bottom"] {
        display: block
    }

    .modal__box {
        min-height: 100vh;
        border-radius: 0
    }

    .modal .bt-nav {
        top: 0;
        right: 0;
        border-radius: 0
    }

    .grid-directory {
        grid-gap: var(--gutter) 0
    }

    .grid-directory--pro {
        height: auto !important
    }

    .grid-directory--pro li {
        width: 100%
    }

    .card-directory__section {
        width: 80px
    }

    .card-directory-sp__header {
        flex-direction: column;
        gap: 20px
    }

    .card-directory-sp__header .circle-avatar {
        position: relative;
        margin-right: auto;
        font-size: 1rem
    }

    .card-directory-sp__header .circle-avatar img {
        width: 30px
    }

    .card-directory-sp .swiper {
        width: 100%
    }

    .card-directory-sp .swiper-pagination {
        margin-top: 20px
    }

    .swiper-button-disabled {
        display: none
    }

    .slider-sites__nav {
        justify-content: center
    }

    .card-banner--s2 .card-banner__photo img {
        opacity: .2
    }

    .card-banner--s2 .sticker-svg {
        top: auto;
        left: auto;
        bottom: 10%;
        right: 10%
    }

    .total-grid {
        text-align: center
    }

    .tags-info {
        grid-template-columns: 100%;
        grid-gap: 1em
    }

    .tags-info__read-more {
        flex-direction: column
    }

    .tags-info__read-more .link-underlined {
        margin-right: auto
    }

    .c-tags-row+.tags-info {
        margin-top: 40px
    }

    .header-col {
        flex-direction: column;
        gap: 20px
    }

    .dropdown-tags .list-tags {
        gap: 8px
    }

    .dropdown-tags .button {
        height: 28px;
        padding: 0 8px;
        font-size: var(--text-size-small)
    }

    .m-login__container {
        flex-direction: column
    }

    .cookies-popup {
        bottom: 0;
        right: 0;
        width: 100%;
        border-radius: 0
    }
}

.terms {
    font-size: clamp(16px,5vw,24px);
    line-height: 1.5
}

.terms h3 {
    margin-bottom: .5em;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2
}

.terms h4 {
    margin-block:1em .5em;font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2
}

.terms ul {
    margin-bottom: 1em
}

.terms li {
    list-style: disc;
    list-style-position: inside
}

.terms a {
    text-decoration: underline
}

.terms a:hover {
    text-decoration: none
}

.terms img {
    display: block;
    width: 100%
}

.choices [hidden] {
    display: none !important
}

.choices {
    position: relative;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid var(--border-input);
    margin: 0
}

.choices[data-type*=select-one]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 12px;
    margin-top: -4px;
    border: 2px solid #a7a7a7;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: center;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    right: 17px;
    margin-top: -4px;
    transform: rotate(-135deg) translateY(-50%)
}

.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner {
    padding-bottom: 5px;
    cursor: text
}

input[type=search].choices__input::-webkit-search-cancel-button {
    display: none
}

.choices__inner {
    display: inline-block;
    width: 100%;
    min-height: var(--height-input);
    border-bottom: 1px solid var(--border-input);
    background-color: var(--bg-input);
    font-size: var(--text-size-primary);
    vertical-align: top;
    overflow: hidden
}

.choices__list--single {
    display: inline-block;
    padding-left: var(--pad-input);
    width: 100%;
    line-height: var(--height-input)
}

.choices__list--single .choices__button {
    display: none
}

.choices__list--multiple {
    display: inline;
    padding-bottom: 5px
}

.choices__list--multiple .choices__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 5px;
    padding: 11px;
    max-width: 100%;
    border-radius: 29px;
    background-color: #e9e9e9;
    color: #222;
    font-weight: normal;
    line-height: 13px;
    cursor: default;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 25px
}

.choices__list--multiple+.choices__input {
    min-width: auto
}

.choices__list--dropdown {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    top: 100%;
    margin-top: -1px;
    overflow: hidden;
    word-break: break-all;
    z-index: 2
}

.choices__list--dropdown.is-active {
    display: block
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 390px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px 15px;
    line-height: normal;
    transition: all .3s
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f3f3f3
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__button {
    position: absolute;
    top: 13px;
    right: 8px;
    display: block;
    width: 12px;
    height: 12px;
    border: none;
    text-indent: -23em;
    overflow: hidden;
    cursor: pointer
}

.choices__button:before,.choices__button:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 12px;
    height: 1px;
    background-color: var(--color-primary);
    transform: translateZ(0)
}

.choices__button:before {
    transform: translateZ(0) rotate(-45deg)
}

.choices__button:after {
    transform: translateZ(0) rotate(45deg)
}

.choices__button:hover {
    opacity: .7
}

.choices__button:focus {
    outline: none
}

.choices__input {
    min-width: 100%;
    margin-left: 15px;
    padding: 10px 0 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    vertical-align: middle
}

.choices__input::-moz-placeholder {
    color: #a7a7a7;
    font-weight: 300
}

.choices__input::placeholder {
    color: #a7a7a7;
    font-weight: 300
}

.choices__input:focus {
    outline: 0
}

.circle-color .choices__list--multiple .choices__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    pointer-events: none
}

.circle-color .choices__list--multiple .choices__item:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-tag, white)
}

.circle-color .choices__button {
    pointer-events: all
}

.grecaptcha-badge {
    visibility: hidden;
}

.list-recommendation {
    display: flex;
    justify-content: center;
    gap: var(--gutter)
}

.list-recommendation li {
    width: 50%
}

.card-recommendation {
    --bg-primary: var(--bg-secondary);
    --color-primary: var(--color-white);
    --color-primary-rgb: 255, 255, 255;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: clamp(20px,4vw,64px);
    padding-bottom: clamp(20px,4vw,32px);
    background: var(--bg-secondary);
    border-radius: var(--rounded-large);
    color: var(--color-white);
    overflow: hidden
}

.card-recommendation__content {
    position: relative;
    flex: 1;
    width: 70%
}

.card-recommendation__footer {
    margin-top: clamp(20px,6vw,100px);
    position: relative;
    text-align: right
}

.card-recommendation__bg {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-recommendation h3 {
    margin-bottom: .8em;
    line-height: 120%
}

.card-recommendation .button[class*="--outline"]:hover {
    background: #f8f8f8;
    color: #222
}

@media(max-width: 1023px) {
    .card-recommendation__content {
        width:100%
    }

    .card-recommendation__footer {
        text-align: left
    }

    .list-recommendation {
        flex-wrap: wrap
    }

    .list-recommendation li {
        width: 100%
    }
}

.content-header:has(.c-sotd-new) {
    margin-bottom: clamp(30px,6vw,120px);
    padding-bottom: 0
}

.c-sotd-new {
    --sotd-color: var(--color-primary-rgb);
    --color-underlined: var(--sotd-color);
    --color-link: var(--sotd-color);
    position: relative;
    color: rgb(var(--sotd-color))
}

.c-sotd-new .c-heading {
    margin-bottom: clamp(20px,5vw,40px)
}

.c-sotd-new .users-credits__item {
    position: relative;
    z-index: 2
}

.c-sotd-new--s1 .c-sotd-new__cover {
    margin-block:clamp(30px,6vw,60px);margin-inline:10px}

.c-sotd-new--s1 .c-sotd-new__img {
    display: block;
    width: auto;
    height: auto;
    border-radius: var(--rounded-normal)
}

.c-sotd-new--s1 .c-heading {
    margin-bottom: 0
}

@media(max-width: 1024px) {
    .c-sotd-new--s1 .c-sotd-new__cover {
        margin:20px 0 0 0
    }

    .c-sotd-new--s1 .c-sotd-new__img {
        border-radius: 0
    }
}

.c-sotd-new--dark {
    --sotd-color: var(--color-white-rgb)
}

.c-sotd-new__subtitle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-size: clamp(14px,13.2957746479px + 0.1408450704vw,16px);
    font-weight: 400
}

.c-sotd-new__subtitle .budget-tag {
    height: auto;
    padding: 2px 8px 1px 8px;
    font-size: 1em
}

.c-sotd-new__cover {
    position: relative;
    display: flex;
    justify-content: center
}

.c-sotd-new__cover img {
    display: block
}

.grid-cards+.box-table {
    margin-top: clamp(20px,4vw,40px)
}

:root {
    --ch-bg: #f9f9f9;
}

.c-sotd-new .users-credits__details li:nth-child(n+6) {
    display: none;
}

.pointer-none {
    pointer-events: none
}

.relative {
    position: relative
}

.mb-0 {
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.m-0 {
    margin: 0
}

.mt-lg {
    margin-top: clamp(1em,2vw,2em)
}

.mb-lg {
    margin-bottom: clamp(1em,2vw,2em)
}

.mb-xl {
    margin-bottom: clamp(1em,4vw,3em)
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.no-scroll {
    overflow: hidden
}

.no-pointer {
    pointer-events: none
}

.nowrap {
    white-space: nowrap
}

.text-uppercase {
    text-transform: uppercase
}

.text-default {
    font-size: var(--text-size-primary);
    font-weight: 300
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-bold {
    font-weight: var(--font-bold)
}

.text-regular {
    font-weight: 400
}

.text-strikethrough {
    text-decoration: line-through
}

.text-red {
    color: var(--color-errors)
}

.text-balance {
    text-wrap: balance
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5em
}

.ar-sites {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: var(--img-resizing-site) !important
}

.ar-paronamic {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 2/1 !important
}

.ar-desktop {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: var(--img-resizing-desktop) !important
}

.color-primary {
    color: var(--color-primary)
}

.color-red {
    color: #FA5D29
}

.hidden {
    display: none !important
}

.is-hidden {
    display: none !important
}

.is-grab {
    cursor: grab
}

.is-grabbing {
    cursor: grabbing
}

.cursor-pointer {
    cursor: pointer
}

.rounded-small {
    border-radius: var(--rounded-small)
}

.rounded-normal {
    border-radius: var(--rounded-normal)
}

.rounded-large {
    border-radius: var(--rounded-large)
}

.box-width {
    max-width: 100%;
    width: var(--widthBox)
}

.box-width--auto {
    margin: 0 auto
}

.text-ico {
    display: flex;
    align-items: center;
    gap: .5em
}

.alpha-04 {
    --modal-alpha: 0.4
}

.show-sm,.show-md {
    display: none
}

@media(max-width: 1024px) {
    .hidden-lg {
        display:none
    }
}

@media(max-width: 768px) {
    .hidden-md {
        display:none
    }

    .show-md {
        display: block
    }
}

@media(max-width: 576px) {
    .hidden-sm {
        display:none
    }

    .show-sm {
        display: block
    }
}



@media all{
.clearfix::after{display:table;clear:both;content:"";}
}
@media all{
.hidden{display:none;}
}
@media all{
.bg-size-cover{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.gbb-row-wrapper{position:relative;margin-bottom: 75px}
.gbb-row-wrapper{position:relative;}
}
@media all{
[type="submit"]{-webkit-appearance:button;}
[type="submit"]:not(:disabled){cursor:pointer;}
.container{width:100%;padding-right:var(--bs-gutter-x, 0.75rem);padding-left:var(--bs-gutter-x, 0.75rem);margin-right:auto;margin-left:auto;}
@media (min-width: 576px){
.container{max-width:540px;}
}
@media (min-width: 768px){
.container{max-width:768px;}
}
@media (min-width: 992px){
.container{max-width:992px;}
}
@media (min-width: 1025px){
.container{max-width:1025px;}
}
@media (min-width: 1200px){
.container{max-width:1200px;}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5);}
.row > *{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y);}
@media (min-width: 576px){
.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;}
.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
}
@media (min-width: 768px){
.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;}
.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
}
@media (min-width: 992px){
.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;}
.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
}
@media (min-width: 1025px){
.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;}
.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
}
@media (min-width: 1200px){
.col-xxl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;}
.col-xxl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
}
.form-text{margin-top:0.25rem;font-size:0.875em;color:#6c757d;}
.clearfix::after{display:block;clear:both;content:"";}
.d-none{display:none!important;}
.text-center{text-align:center!important;}
.text-dark{color:#212529!important;}
}
.p-0{padding: 0}
.body-page input[type="text"]{background-color:#fff;border:1px solid #d5d5d5;padding:0 15px;border-radius:4px;color:var(--body-color);line-height:50px;}
.body-page input[type="text"]:focus,.body-page input[type="text"]:active,.body-page input[type="text"]:hover{outline:none;}
.hidden{display:none!important;}
@media (max-width: 992px){
.container{max-width:860px;}
}
@media (max-width: 860px){
.container{max-width:100%;}
}
.container-1350{max-width:1350px;margin:0 auto;padding:0 15px;}
.zindex-5{z-index:5;}
.zindex-11{z-index:11;}
.big-title{font-size:60px;line-height:68px;margin:0 0 30px;}
@media (max-width: 1180px){
.big-title{font-size:50px;line-height:58px;}
}
@media (max-width: 990px){
.big-title{font-size:36px;line-height:48px;}
}
@media (max-width: 767px){
.big-title{text-align:center;}
}
.text-dark{color:var(--body-color)!important;}
.button:not(.register-button):not(.field-add-more-submit):hover,.button:not(.register-button):not(.field-add-more-submit):focus,.button:not(.register-button):not(.field-add-more-submit):active{cursor:pointer;color:#fff;opacity:0.9;}
.gbb-row-wrapper .block{background:transparent;margin-bottom:30px;}
.gbb-row-wrapper .block .block{margin-bottom:0!important;}
.gbb-row-wrapper .block.no-title{margin-top:0;border:none;}
.gbb-row-wrapper .block.no-title:before{content:none;}
.gbb-row-wrapper .block.no-title{border:none;}
.help{position:absolute;z-index:10;display:none;width:100%;}
.help.show{position:relative;}
.views-exposed-form{margin-bottom:30px;}
.views-exposed-form .form-item{margin-bottom:15px;}
.views-exposed-form .form-item input[type='text']:not(.chosen-search-input){-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff4d;background-position:right 15px center!important;border:1px solid #d5d5d5;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;height:46px;padding:0 16px;width:100%;margin-top:0;}
.views-exposed-form .form-actions input.form-submit{font-size:14px;line-height:38px;padding:0 20px;border-radius:4px;color:#fff;background:#222222-webkit-transition:all 0.35s;transition:all 0.35s;border:none;}
@media (prefers-reduced-motion: reduce){
.views-exposed-form .form-actions input.form-submit{-webkit-transition:none;transition:none;}
}
.views-exposed-form .form-actions input.form-submit:hover{opacity:0.9;cursor:pointer;}
#views-exposed-form-listing-content-listing-filter-form{padding:15px 20px;background:#ffffff4f;border-radius:5px;background: rgba(255, 255, 255, 0.12); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(3.1px); -webkit-backdrop-filter: blur(3.1px); border: 1px solid rgba(255, 255, 255, 0.27);}
#views-exposed-form-listing-content-listing-filter-form::after{display:block;clear:both;content:"";}
@media (max-width: 767px){
#views-exposed-form-listing-content-listing-filter-form{padding-left:20px;}
}
#views-exposed-form-listing-content-listing-filter-form .views-exposed-form-content-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media (max-width: 767px){
#views-exposed-form-listing-content-listing-filter-form .views-exposed-form-content-inner{display:block;}
}
#views-exposed-form-listing-content-listing-filter-form .form-item{width:75%;float:left;margin-bottom:0;position:relative;padding:8px 10px;}
@media (max-width: 991px){
#views-exposed-form-listing-content-listing-filter-form .form-item{padding-right:0;padding-left:0;}
}
@media (max-width: 767px){
#views-exposed-form-listing-content-listing-filter-form .form-item{width:100%;border-bottom:1px solid #d5d5d5;border-radius:0!important;}
}
#views-exposed-form-listing-content-listing-filter-form .form-item.form-item-title{border-radius:4px 0 0 4px;}
#views-exposed-form-listing-content-listing-filter-form .form-item:after{content:'';position:absolute;width:1px;height:100%;background:rgba(0, 0, 0, 0.1);top:0;right:0;z-index:1;}
@media (max-width: 767px){
#views-exposed-form-listing-content-listing-filter-form .form-item:after{content:none;}
}
#views-exposed-form-listing-content-listing-filter-form .form-item input[type='text']{border:none;font-size:16px;font-weight:500;}
#views-exposed-form-listing-content-listing-filter-form .form-actions{width:20%;float:left;margin-left:2%;border:none;}
@media (max-width: 767px){
#views-exposed-form-listing-content-listing-filter-form .form-actions{width:100%;margin-top:15px;margin-left:0;}
}
#views-exposed-form-listing-content-listing-filter-form .form-actions input{width:100%;line-height:52px;}
.gbb-row-wrapper .bb-container{position:relative;z-index:2;}
.gbb-row-wrapper .bb-container.container-fw{max-width:100%;}
.gbb-row-wrapper .bb-container.container-fw > .row{margin:0;}
.gbb-row-wrapper .gbb-row-wrapper .bb-inner{padding:0;}
.gbb-row .bb-inner{padding-top:120px;padding-bottom:120px;}
@media (max-width: 1024.98px){
.gbb-row .bb-inner{padding-top:80px;padding-bottom:80px;}
}
.widget.gsc-block-drupal{margin-bottom:35px;}
.widget.gsc-block-drupal.remove-margin-on{margin-bottom:0!important;}
.widget.gsc-block-drupal.remove-margin-on .block{margin-bottom:0!important;}
@media (max-width: 510px){
.col-xs-6{width:100%!important;}
}
}
/*! CSS Used from: Embedded */
.el-10531864{padding-right:0px;padding-left:0px;margin-bottom:20px;}
@media (max-width: 767.98px){
.el-10531864{margin-left:0px;}
}
.el-68663127 > .bb-inner{margin-right:-420px!important;}
@media (max-width: 1024.98px){
.el-68663127 > .bb-inner{margin-right:-250px!important;}
}
@media (max-width: 767.98px){
.el-68663127 > .bb-inner{margin-right:0px!important;}
}
.el-78738030{padding-top:82px;padding-bottom:30px;}
@media (max-width: 1024.98px){
.el-78738030{padding-top:50px;}
}
@media (max-width: 767.98px){
.el-78738030{padding-top:0px;margin-left:0px;}
}
.el-32071140{padding-left:0px;}
@media (max-width: 767.98px){
.el-32071140{padding-right:0px;margin-left:0px;}
}
.el-87570149{padding-right:0px;}
@media (max-width: 767.98px){
.el-87570149{margin-left:0px;}
}
.el-23440610 > .bb-inner{margin-bottom:-90px!important;}
@media (max-width: 1024.98px){
.el-23440610 > .bb-inner{margin-bottom:0px!important;}
}
.el-73325981{padding-right:0px;padding-left:0px;}
@media (max-width: 767.98px){
.el-73325981{margin-left:0px;}
}
.el-97984285 > .bb-inner{padding-top:185px!important;padding-bottom:50px!important;}
@media (max-width: 1024.98px){
.el-97984285 > .bb-inner{padding-top:80px!important;padding-bottom:50px!important;}
}
@media (max-width: 767.98px){
.el-97984285 > .bb-inner{padding-bottom:50px!important;}
}

.widget-content .swiper-slide img{
    border-radius: 10px;
    max-width: 100%;
}
.w-100{
    width: 100%;
}

.menu-about{display:flex;justify-content:center;flex-wrap:wrap;gap:12px clamp(20px,5vw,40px);margin-bottom:clamp(40px,5vw,80px);font-size:14px;line-height:120%;text-transform:uppercase;font-weight:400;}
.menu-about .is-active{font-weight:bold;}
.menu-about .is-active a{border-bottom:1px solid var(--color-primary);color:var(--color-primary);}
.menu-about a{display:block;color:#a7a7a7;transition:all .3s;}
.menu-about a:hover{color:var(--color-primary);}



.heading-5{font-size:26px;font-size:clamp(26px,17.5492957746px + 1.6901408451vw,50px);line-height:120%;}
.text-medium{font-size:16px;font-size:clamp(16px,16px + 0vw,16px);}
.link-underlined{position:relative;display:inline-block;line-height:100%;color:rgb(var(--color-underlined));border:none;cursor:pointer;}
.link-underlined:before{content:"";position:absolute;bottom:-0.2em;left:0;width:100%;height:2px;background-repeat:no-repeat;background-image:linear-gradient(to right, rgb(var(--color-underlined)) 45%, rgba(var(--color-underlined), 0.3) 55%);background-size:220% 100%;background-position:100% 50%;transition:.3s ease-out;}
.link-underlined:hover:before{background-position:0% 50%;}

.card-about{display:flex;gap:clamp(24px,6vw,6vw);}
.card-about>div{flex:1;}
.card-about__left{display:flex;align-items:center;}
.card-about__media{display:block;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--rounded-large);transition:all .3s;}
a .card-about__media:hover{filter:brightness(80%);}
.card-about__title{line-height:120%;}
.card-about__excerpt{margin:clamp(24px,3vw,48px) 0;font-size:18px;font-size:clamp(18px, 15.8873239437px + 0.4225352113vw, 24px);font-weight:400;line-height:150%;}
.card-about__excerpt p:last-child{margin-bottom:0;}
@media (max-width: 576px){
.card-about{flex-direction:column;}
.card-about__media{aspect-ratio:var(--img-resizing-site);}
}
@media (max-width: 576px){
.hidden-sm{display:none;}
}

.postit {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    padding: 20px clamp(16px, 2vw, 20px);
    background: #ededed;
    line-height: 140%;
    border-radius: 1rem;
}


.promo-heading{--ph-bg:#EFE8DE;padding-block:clamp(40px,5vw,96px);background:var(--ph-bg);border-radius:var(--rounded-large);transition:all .3s;}
.promo-heading .c-heading{margin-bottom:0;}
.promo-heading:has(.promo-offer__button:hover){--ph-bg:#ededed;}
.promo-offer{margin-top:20px;}
.promo-offer__button{--button-height:72px;--button-bg:#FA5D29;--lord-icon-primary:var(--lord-icon-color-2);--lord-icon-secondary:#393346;--lord-icon-tertiary:#EBE6EE;position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;height:var(--button-height);padding-inline:60px;background-color:var(--button-bg);font-size:var(--text-size-large);color:var(--button-color);border-radius:var(--rounded-normal);text-align:center;cursor:pointer;border:none;white-space:nowrap;transition:color .3s,background .3s,border .3s;}
.promo-offer__button:hover{--button-bg:var(--color-primary);--lord-icon-primary:var(--lord-icon-color-1);--lord-icon-secondary:var(--lord-icon-color-1);}
.promo-offer__button lord-icon{position:absolute;left:calc(100% - 40px);width:116px;height:116px;color:#fff;}
.promo-offer__prices{font-family:"Inter",serif;font-size:22px;font-size:clamp(22px,17.7746478873px + 0.8450704225vw,34px);}
.promo-offer__prices :not(.text-strikethrough){color:#fa5d29;}
.promo-offer__prices small{font-size:.4em;font-weight:var(--font-bold);}
.promo-offer__start{padding-block:20px;}
.promo-offer__timer{display:flex;justify-content:center;color:#fa5d29;font-weight:var(--font-medium);}
@media (max-width: 768px){
.promo-offer__button{--button-height:60px;}
.promo-offer__button lord-icon{display:none;}
}

.text-default{font-size:var(--text-size-primary);font-weight:300;}
.text-center{text-align:center;}
.text-strikethrough{text-decoration:line-through;}
.text-ico{display:flex;align-items:center;gap:.5em;}




@media screen{
.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:0;left:0;width:100%;height:100%;}
.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center;}
.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:"\f101";}
.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:"\f107";}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:"\f108";}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before{content:"\f10c";}
.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:"\f10e";}
.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-weight:normal;font-style:normal;}
.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"\f111";}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:"\f115";}
.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:"\f11d";}
.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:"\f11e";}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal;}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:"\f121";}
.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:normal;font-style:normal;font-family:Arial, Helvetica, sans-serif;word-break:initial;}
.video-js[tabindex="-1"]{outline:none;}
.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit;}
.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}
.video-js.vjs-fluid{width:100%;max-width:100%;height:0;}
.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%;}
.vjs-hidden{display:none!important;}
.vjs-disabled{opacity:0.5;cursor:default;}
.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:0.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,0.7);border-radius:0.3em;transition:all 0.4s;}
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,0.5);transition:all 0s;}
.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.vjs-control .vjs-button{width:100%;height:100%;}
.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:0.5em;z-index:2;}
.video-js .vjs-modal-dialog{background:rgba(0,0,0,0.8);background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(255,255,255,0));overflow:auto;}
.video-js .vjs-modal-dialog>*{box-sizing:border-box;}
.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1;}
.vjs-menu-button{cursor:pointer;}
.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;overflow:auto;}
.vjs-menu .vjs-menu-content>*{box-sizing:border-box;}
.vjs-menu li{list-style:none;margin:0;padding:0.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase;}
.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,0.5);}
.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F;}
.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 0.3em 0;font-weight:bold;cursor:default;}
.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0em;margin-bottom:1.5em;border-top-color:rgba(43,51,63,0.7);}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,0.7);position:absolute;width:100%;bottom:1.5em;max-height:15em;}
.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,0.7);}
.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none;}
.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67;}
.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white;}
.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.video-js .vjs-custom-control-spacer{display:none;}
.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none;}
.video-js .vjs-progress-holder{flex:auto;transition:all 0.2s;height:0.3em;}
.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px;}
.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em;}
.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;}
.video-js .vjs-play-progress{background-color:#fff;}
.video-js .vjs-play-progress:before{font-size:0.9em;position:absolute;right:-0.5em;top:-0.3333333333em;z-index:1;}
.video-js .vjs-load-progress{background:rgba(115,133,159,0.5);}
.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,0.8);border-radius:0.3em;color:#000;float:right;font-family:Arial, Helvetica, sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1;}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none;}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:0.6em;visibility:visible;}
.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1;}
.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block;}
.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,0.8);}
.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 0.45em 0 0.45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,0.5);}
.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff;}
.video-js .vjs-mute-control{cursor:pointer;flex:none;}
.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex;}
.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em;}
.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px;}
.video-js .vjs-volume-panel{transition:width 1s;}
.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active{visibility:visible;opacity:1;position:relative;transition:visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;}
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0;}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width 0.1s;}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;}
.video-js .vjs-volume-panel{display:flex;}
.video-js .vjs-volume-bar{margin:1.35em 0.45em;}
.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:0.3em;}
.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff;}
.video-js .vjs-volume-level:before{position:absolute;font-size:0.9em;}
.vjs-slider-horizontal .vjs-volume-level{height:0.3em;}
.vjs-slider-horizontal .vjs-volume-level:before{top:-0.3em;right:-0.5em;}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%;}
.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;}
.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em;}
.video-js:not(.vjs-live) .vjs-live-control{display:none;}
.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:0.5em;padding-right:0.5em;font-size:1em;line-height:3em;width:auto;min-width:4em;}
.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none;}
.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:0.5em;color:#888;}
.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em;}
.video-js .vjs-current-time{display:none;}
.video-js .vjs-duration{display:none;}
.vjs-time-divider{display:none;line-height:3em;}
.video-js .vjs-play-control{cursor:pointer;}
.video-js .vjs-play-control .vjs-icon-placeholder{flex:none;}
.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none;}
.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none;}
.video-js .vjs-fullscreen-control{cursor:pointer;flex:none;}
.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%;}
.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center;}
.vjs-playback-rate .vjs-menu{width:4em;left:0em;}
.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:0.85;text-align:left;border:6px solid rgba(43,51,63,0.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden;}
.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:white;}
.vjs-chapters-button .vjs-menu ul{width:24em;}
.vjs-modal-dialog.vjs-text-track-settings{background-color:#2B333F;background-color:rgba(43,51,63,0.75);color:#fff;height:70%;}
.vjs-text-track-settings .vjs-modal-dialog-content{display:table;}
.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell;}
.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom;}
.vjs-track-setting>select{margin-right:1em;margin-bottom:0.5em;}
.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none;}
.vjs-text-track-settings fieldset span{display:inline-block;}
.vjs-text-track-settings fieldset span>select{max-width:7.3em;}
.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0;}
.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden;}
.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg, #fff 88%, #73859f 100%);}
.vjs-track-settings-controls button:hover{color:rgba(43,51,63,0.75);}
.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg, #fff 88%, #73859f 100%);color:#2B333F;cursor:pointer;border-radius:2px;}
.vjs-track-settings-controls .vjs-default-button{margin-right:1em;}
@media print{
.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden;}
}
.video-js *:focus:not(:focus-visible),.video-js .vjs-menu *:focus:not(:focus-visible){outline:none;background:none;}
}
/*! CSS Used from: Embedded */
#content .video-js .vjs-poster{background-size:cover;}
.stars-evaluate{cursor:pointer;display:flex;}
.stars-evaluate:not(.no-hover):hover .star polygon{fill:var(--star-fill)!important;}
.stars-evaluate:not(.no-hover) .star:hover~.star polygon{fill:var(--star-color)!important;}
.stars-evaluate polygon{display:flex;fill:none;stroke:var(--star-stroke);stroke-width:1px;stroke-linejoin:round;transition:all .3s;}
.stars-evaluate polygon:nth-child(2){display:none;}
.stars-evaluate[data-stars] .star polygon{fill:var(--star-fill);}
.video-js{width:100%;max-height:100vh;height:auto;aspect-ratio:16/9;}
.video-js.vjs-fluid{height:100%;}
.video-js:not(.vjs-fullscreen) video{-o-object-fit:cover;object-fit:cover;}
#content .video-js:hover .vjs-big-play-button{background:#fff;}
#content .video-js:hover .vjs-poster{filter:brightness(0.85);}
#content .video-js .vjs-big-play-button{position:absolute;top:50%;left:50%;width:clamp(70px,5vw,120px);height:clamp(70px,5vw,120px);border-radius:50%;transform:translate(-50%, -50%);transition:all .3s;pointer-events:none;}
#content .video-js .vjs-big-play-button{background:rgba(255,255,255,.85);border:none;}
#content .video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:50%;left:0;height:auto;font-size:2em;transform:translateY(-50%);color:var(--color-primary);}
#content .video-js .vjs-poster{background-size:cover;transition:all .3s;}
#content .video-js .vjs-text-track-display{display:none;}
#content .video-js .vjs-control-bar,#content .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:rgba(26,26,26,.8);}
#content .video-js .vjs-menu li.vjs-menu-item:focus,#content .video-js .vjs-menu li.vjs-menu-item:hover{background-color:#404040;}
#content .video-js .vjs-menu li.vjs-selected,#content .video-js .vjs-menu li.vjs-selected:focus,#content .video-js .vjs-menu li.vjs-selected:hover{background-color:#fff;color:#222;}
#content .vjs-menu-button-popup .vjs-menu{width:14em;left:-5em;}
#content .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:18em;}
.course__entry{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:clamp(60px,6vw,120px);margin-top:clamp(60px,6vw,120px);font-size:18px;font-size:clamp(18px,16.5915492958px + 0.2816901408vw,22px);font-weight:400;}
.course__subtitle{margin:clamp(60px,6vw,120px) 0;font-weight:400;line-height:120%;}
.course-details{position:relative;background-color:var(--bg-4rd);border-radius:var(--rounded-large);padding:clamp(30px,7vw,140px);font-size:18px;}
.course-details__grid{display:grid;grid-template-columns:auto 27%;grid-gap:clamp(40px,4vw,80px);}
.course-details__grid>div{min-width:0;}
.course-details__grid>div:first-child p{width:900px;max-width:100%;}
.course-details__grid>div:nth-child(3){padding-top:clamp(60px,3vw,120px);grid-column:1/3;border-top:1px solid var(--border-gray);}
.course-details__contact{width:400px;max-width:100%;}
.list-course-credits li{margin:clamp(20px,3vw,60px) 0;}
.course-credit__left{display:flex;}
.course-credit__info{flex:4;display:flex;align-items:center;gap:1em;line-height:100%;}
.course-credit__info .circle-avatar{flex-shrink:0;}
.course-credit__data{display:flex;flex-direction:column;justify-content:center;gap:4px;line-height:120%;}
.course-credit__data h4{font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px);font-weight:var(--font-bold);}
.course-credit__link{display:flex;gap:12px;}
.course-credit img{display:block;}
.star-price--s2{position:absolute;top:0;right:40px;transform:translateY(-50%);}
.lessons-list--s1 .lessons-list__row{background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;}
.lessons-list--s1 .lessons-list__title{font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px);font-weight:var(--font-bold);line-height:120%;}
.lessons-list--s1 .lessons-list__item:nth-child(even){background:#f8f8f8;}
.lessons-list--s2{display:none;}
.lessons-list--s2.is-open{display:block;}
.lessons-list--s2 .lessons-list__row{background-image:none;border-bottom:1px solid #ededed;}
.lessons-list--s2 .lessons-list__title{font-size:var(--text-primary);font-weight:normal;line-height:120%;}
.lessons-list--s2 .lessons-list__ico{margin-left:36px;}
.lessons-list__row{display:flex;gap:20px;padding:clamp(20px,3vw,30px);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;}
.lessons-list__row--head{padding-top:16px;padding-bottom:16px;}
.lessons-list__left{flex:1;display:flex;align-items:center;}
.lessons-list__right{display:flex;}
.lessons-list__col{width:200px;text-align:center;}
.lessons-list__heading{font-weight:var(--font-medium);}
.lessons-list__budget{flex-shrink:0;display:inline-flex;align-items:center;height:44px;margin-right:12px;padding:0 20px;background:var(--color-inspire-3);border-radius:var(--rounded-normal);line-height:100%;}
.lessons-list__play{text-align:right;}
.lessons-list__ico{flex-shrink:0;display:flex;align-items:center;width:50px;}
.lessons-list .is-private .lessons-list__play{opacity:.3;}
@media (max-width: 768px){
.block:has(.course-header){margin-top:0;}
}
.course-header{--star-stroke:#FFD100;--star-fill:#FFD100;display:flex;flex-wrap:wrap;gap:clamp(30px,4vw,100px);}
.course-header__left{flex:1;}
.course-header__aside{width:clamp(368px,4vw,100%);}
.course-header__trailer{border-radius:var(--rounded-small);overflow:hidden;}
.course-header__title{margin-block:8px clamp(12px,3vw,20px);font-size:22px;font-size:clamp(22px,17.0704225352px + 0.985915493vw,36px);line-height:1.1;font-weight:var(--font-bold);}
.course-header__reviews{display:flex;align-items:center;gap:8px;margin-block:clamp(12px,3vw,20px);}
.course-header__by{line-height:1.4;font-size:clamp(16px,3vw,18px);}
.course-header__prices{display:flex;align-items:flex-end;gap:8px;margin-block:20px;line-height:1;font-family:"Inter",serif;}
.course-header__prices strong{font-size:30px;vertical-align:text-bottom;}
.course-header__prices span{padding-bottom:.1em;color:#fa5d29;font-size:var(--text-size-medium);font-weight:var(--font-normal);vertical-align:text-bottom;}
.course-header__buy{margin-block:20px;}
.course-header__countdown{margin-top:8px;text-align:center;color:var(--color-red);font-weight:var(--font-medium);}
.course-header__box-offer{margin-bottom:20px;padding:clamp(16px,3vw,30px);border:1px solid var(--color-red);border-radius:var(--rounded-normal);line-height:1.4;}
.course-header__box-offer p+.button{margin-top:1em;}
.course-header__subscribe{border-width:2px!important;}
.course-header__payment{--color-text:#FA5D29;display:flex;justify-content:space-between;align-items:center;line-height:1;color:var(--color-text);}
.course-header__tarjets{display:block;}
.course-header__tarjets path{fill:var(--color-text);}
.course-header__tarjets rect{stroke:var(--color-text);}
@media (max-width: 1024px){
.course-header__aside{width:100%;}
}
@media (max-width: 768px){
.course-header__trailer{margin-inline:calc(var(--pad-inner)*-1);border-radius:0;}
}
.course-header-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;border-radius:var(--rounded-small);font-size:13px;font-weight:var(--font-normal);text-transform:uppercase;}
.course-header-stats__left{flex:1;min-width:240px;}
.course-header-stats__right{display:flex;justify-content:flex-end;align-items:flex-start;}
.course-header-stats__list{display:flex;gap:0 16px;flex-wrap:wrap;line-height:1;}
.course-header-stats__list+.course-header-stats__list{margin-top:8px;}
.course-header-stats__list>li{display:flex;align-items:center;min-height:22px;}
.course-header-stats__list .budget-tag[class*="--audio"]{background:rgba(0,0,0,.1);}
.course-header-stats__list lord-icon{position:relative;top:-1px;}
.course-header-stats__cc em{display:inline-block;font-style:normal;border-bottom:1px dotted currentColor;}
.course-header-stats .budget-tag{font-size:13px;}
@media (max-width: 768px){
.course-header-stats{gap:0;padding:var(--pad-inner);border:1px dashed currentColor;stroke-dasharray:2px,5px;}
.course-header-stats__list+.course-header-stats__list{margin-top:0;}
.course-header-stats__list li{width:100%;}
.course-header-stats__right{justify-content:flex-start;}
.course-header-stats .budget-tag[class*="--audio"]{margin-block:8px;}
}
.m-chapters__figure{position:relative;}
.m-chapters__image{width:100%;aspect-ratio:54/30;-o-object-fit:cover;object-fit:cover;border-radius:var(--rounded-small);filter:brightness(25%);transition:all .3s;}
.m-chapters__overlay{position:absolute;outline:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-size:clamp(16px,3vw,20px);}
.m-chapters__overlay p{margin-bottom:1.5em;text-align:center;line-height:1.2;}
.m-chapters__alert{padding:8px 20px;border:1px solid var(--color-red);border-radius:var(--rounded-normal);background:rgba(250,93,41,.2);}
.m-chapters__overlay-content{width:340px;max-width:100%;margin-inline:auto;}
.m-chapters__bts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.m-chapters__bts .button{flex:1;}
.m-chapters__content{padding-top:clamp(16px,3vw,24px);}
.m-chapters__title{margin-bottom:8px;font-size:clamp(18px,3vw,20px);line-height:1.3;}
.m-chapters__time{color:#7a7a7a;}
@media (max-width: 576px){
.m-chapters__overlay>div{padding:8px;}
.m-chapters__image{aspect-ratio:1/1;}
.m-chapters__overlay-content{width:100%;}
}
@media (max-width: 1024px){
.course__entry{display:flex;flex-direction:column;gap:0;}
.course-details__grid{display:flex;flex-direction:column;}
.lessons-list--s2{display:block;margin-bottom:20px;}
.lessons-list--s2 .lessons-list__left{flex-direction:row;gap:0;margin-left:20px;}
.lessons-list--s2 .lessons-list__ico{width:32px;margin-left:0;}
.lessons-list__col{width:auto;}
.lessons-list__left{flex-direction:column;gap:20px;align-items:flex-start;}
}
/*! CSS Used from: Embedded */
.pointer-none{pointer-events:none;}
.text-uppercase{text-transform:uppercase;}
.text-default{font-size:var(--text-size-primary);font-weight:300;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-strikethrough{text-decoration:line-through;}
.color-red{color:#FA5D29;}
.is-hidden{display:none!important;}
.text-ico{display:flex;align-items:center;gap:.5em;}
.show-md{display:none;}
@media (max-width: 1024px){
.hidden-lg{display:none;}
}
@media (max-width: 768px){
.hidden-md{display:none;}
.show-md{display:block;}
}
@media (max-width: 576px){
.hidden-sm{display:none;}
}

.list-tags li a:hover{color: var(--color-primary)!important;}
.list-tags li a i{margin-right: 10px}

.chat-box {
    max-width: 600px;
    margin: 30px auto;
    border-radius: 10px;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    height: 500px;
    background: #fff;
}

.chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.message-page .message {
    max-width: 75%;
    padding: 10px 14px;
    margin-bottom: 10px;
    border-radius: 14px;
    font-size: 14px;
}

.message-page .message.user {
    background: #2b6cff;
    color: #fff;
    margin-left: auto;
}

.message-page .message.admin {
    background: #f1f1f1;
    color: #333;
    margin-right: auto;
}

#chatForm {
    display: flex;
    border-top: 1px solid #eee;
}

#chatForm input {
    flex: 1;
    padding: 12px;
    border: none;
}

#chatForm button {
    padding: 12px 20px;
    background: #2b6cff;
    color: #fff;
    border: none;
    cursor: pointer;
}



.menu-tabs{position:relative;display:flex;gap:clamp(8px,5vw,32px);}
.menu-tabs .active{font-weight:var(--font-bold);}
.menu-tabs li{position:relative;display:flex;align-items:center;height:100%;cursor:pointer;color:#a7a7a7;white-space:nowrap;}
.menu-tabs .active{color:var(--color-primary);}
.menu-tabs .active:before{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:2px solid var(--color-primary);}
.heading-section{display:flex;justify-content:space-between;align-items:center;height:71px;margin-bottom:48px;background:var(--bg-primary);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;}
.heading-section__left{display:flex;align-items:center;gap:8px;height:100%;}
.heading-section__title{min-width:150px;font-size:var(--text-size-primary);font-weight:var(--font-medium);}
.heading-section .menu-tabs{display:flex;align-items:center;flex-wrap:wrap;height:100%;}
@media (max-width: 768px){
.heading-section__left{width:100%;}
.heading-section__title{min-width:auto;padding-right:12px;}
.heading-section .menu-tabs{width:100%;overflow-x:auto;}
.heading-section:has(.menu-tabs>li:nth-child(1)){height:auto;}
.heading-section:has(.menu-tabs>li:nth-child(1)) .heading-section__title{padding-right:0;font-size:1.4em;}
.heading-section:has(.menu-tabs>li:nth-child(1)) .heading-section__left{width:100%;flex-direction:column;flex-wrap:wrap;}
.heading-section:has(.menu-tabs>li:nth-child(1)) .menu-tabs{flex-wrap:nowrap;}
.heading-section:has(.menu-tabs>li:nth-child(1)) .menu-tabs li{padding-bottom:16px;}
}
@media (max-width: 576px){
[class*=grid-]{--minthumb:310px;}
}
@media screen{
.list-jury-notes__item{position:relative;display:flex;justify-content:space-between;padding:16px 20px;font-size:var(--text-size-medium);}
.list-jury-notes__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;pointer-events:none;}
.list-jury-notes__item:last-child{background-image:none;}
.list-jury-notes__item:nth-child(odd){background:var(--color-odd-rows);}
.list-jury-notes__info{flex:1;display:flex;align-items:center;gap:28px;}
.list-jury-notes__info figure{flex-shrink:0;}
.list-jury-notes__info figure img{display:block;border-radius:50%;}
.list-jury-notes__score{display:flex;justify-content:flex-end;}
.list-jury-notes__more{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;background-color:rgba(var(--bg-primary-rgb), 0.9);z-index:2;}
.grid-score{position:relative;right:-20px;display:grid;grid-template-columns:repeat(var(--score-cols, 9), 1fr);}
.grid-score--titles{position:absolute;top:-90px;right:0;font-weight:500;}
.grid-score__item{display:flex;align-items:center;justify-content:center;width:100px;text-align:center;line-height:100%;}
.grid-score__item--total{position:relative;top:-16px;height:calc(100% + 32px);font-weight:bold;background:#ededed;}
@media (max-width: 1023px){
.grid-score{grid-template-columns:1fr;}
.grid-score--titles{display:none;}
.grid-score__item{display:none;width:60px;}
.grid-score__item:last-child{display:flex;}
}
@media (max-width: 576px){
.list-jury-notes__item{font-size:var(--text-size-primary);}
.list-jury-notes__info{gap:14px;line-height:130%;}
.list-jury-notes__info img{width:40px;height:40%;}
}
}


.list-circle-notes{display:flex;gap:8px;}
.circle-note{display:flex;flex-direction:column;}
.circle-note__legend{text-align:center;font-size:12px;font-weight:400;}
.circle-note__bg{fill:none;stroke:#dedede;stroke-width:1;}
.circle-note__path{fill:none;stroke-width:1;stroke:var(--color-primary);animation:progress .6s ease-out forwards;}
.circle-note__note{font-size:8px;font-weight:var(--font-bold);line-height:100%;text-anchor:middle;transform:translateY(1px);}
@media screen{
.c-site-vote__header{display:flex;justify-content:space-between;margin-bottom:20px;font-size:var(--text-size-large);}
.c-site-vote__header strong{display:block;}
.c-site-vote__thumb{border-radius:var(--rounded-normal);}
.c-site-vote__content{display:none;flex-direction:column;justify-content:flex-end;min-height:352px;}
.c-site-vote__content.is-visible{display:flex;}
.c-site-vote__desc{width:300px;line-height:140%;}
.c-site-vote__desc p{margin-bottom:12px;}
.c-site-vote__desc p:last-child{margin-bottom:0;}
.c-site-vote__result{display:flex;justify-content:space-between;align-items:flex-end;margin:40px 0;}
.c-site-vote__score{display:flex;flex-direction:column;text-align:right;margin-bottom:20px;}
.c-site-vote__note{margin-top:4px;font-size:64px;line-height:100%;}
.c-site-vote__bts{display:flex;justify-content:space-between;gap:12px;}
.c-site-vote__bts .button:nth-child(2){flex:1;}
.slider-voting{overflow:hidden;}
.slider-voting .swiper-slide{display:flex;justify-content:center;align-items:center;}
.slider-voting .swiper-slide-active{z-index:9;}
.slide-vote{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;width:100%;background-color:var(--bg-primary);}
.slide-vote__right{display:flex;align-items:flex-end;}
.slide-vote .voting-poll{grid-column:1/3;margin:24px 0 32px 0;}
.voting-poll{display:flex;border:1px solid #dedede;border-radius:var(--rounded-normal);overflow:hidden;}
.voting-poll__item{display:flex;justify-content:center;align-items:center;flex:1;height:100px;border-right:1px solid #dedede;cursor:pointer;transition:all .3s;}
.voting-poll__item:hover,.voting-poll__item.is-active{background:var(--bg-secondary);color:var(--color-white);}
.voting-poll__item:last-child{border-right:none;}
.voting-poll__number{font-size:20px;font-weight:bold;text-align:center;line-height:100%;}
.voting-poll__desc{width:50px;margin-top:4px;font-size:12px;text-align:center;line-height:100%;opacity:.6;}
.nav-vote{display:flex;justify-content:space-between;}
.nav-vote__bt{display:flex;align-items:center;gap:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
@media (max-width: 576px){
.c-site-vote__header{flex-direction:column;gap:20px;}
.c-site-vote__title span{font-size:1rem;}
.c-site-vote__thumb{width:100%;}
.c-site-vote__content{min-height:auto;}
.voting-poll__item{height:50px;}
.voting-poll__desc{display:none;}
}
}
.hidden{display:none!important;}
@keyframes progress{0%{stroke-dasharray:0 100;}}

.js-message-finish{margin:10px 0}

.lessons-list__item.is-private {
    opacity: .55;
    cursor: not-allowed;
}

.lessons-list__play.disabled {
    pointer-events: none;
}




.heading-5{font-size:26px;font-size:clamp(26px,17.5492957746px + 1.6901408451vw,50px);line-height:120%;}
.c-heading{position:relative;margin-bottom:clamp(40px,5vw,96px);font-weight:400;}
.c-heading--small .c-heading__top{margin-bottom:1rem;}
.c-heading__top{margin-bottom:clamp(20px,3vw,24px);font-weight:400;}
.c-heading__top .text-default{font-weight:400;}

.l-2cols{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:clamp(20px,5vw,30px);margin:clamp(50px,20vw,100px) 0;font-size:16px;font-size:clamp(16px, 13.1830985915px + 0.5633802817vw, 24px);}
.l-2cols__col{max-width:470px;}
.l-2cols__col--large{grid-column:span 2;max-width:100%;}
.l-2cols__title{width:600px;max-width:100%;line-height:130%;}
@media (max-width: 1023px){
.l-2cols{display:block;}
.l-2cols__col{max-width:100%;}
}

.text-default{font-size:var(--text-size-primary);font-weight:300;}
@media (max-width: 1024px){
.hidden-lg{display:none;}
}


.grid-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);}
.grid-features .is-double{grid-column:span 2;}
@media (max-width: 1023px){
.grid-features{display:flex;flex-direction:column;}
}
.box-feature{position:relative;padding:clamp(50px,5vw,100px) 0;background:var(--bg-4rd);border-radius:var(--rounded-large);text-align:center;overflow:hidden;}
.box-feature[class*="--dark"]{background:#272829;color:#fff;}
.box-feature[class*="--s2"]{display:flex;align-items:center;aspect-ratio:17/8;}
.box-feature[class*="--s2"] .box-feature__info{min-width:40%;margin:0;text-align:left;padding-left:clamp(50px,4vw,100px);}
.box-feature[class*="--s2"] .box-feature__photo{position:absolute;inset:0;justify-content:flex-end;align-items:flex-end;height:100%;margin:0;}
.box-feature[class*="--right"]{justify-content:flex-end;}
.box-feature[class*="--right"] .box-feature__info{padding-left:0;padding-right:clamp(50px,9vw,200px);}
.box-feature[class*="--right"] .box-feature__photo{justify-content:flex-start;}
.box-feature__info{width:460px;max-width:100%;margin:0 auto;font-size:16px;font-size:clamp(16px, 13.1830985915px + 0.5633802817vw, 24px);z-index:1;}
.box-feature__title{margin-bottom:.6em;}
.box-feature__photo{display:flex;justify-content:center;margin-top:clamp(30px,3vw,64px);}
.box-feature__photo img{display:block;}
.box-feature p:last-child{margin-bottom:0;}
@media (max-width: 1023px){
.box-feature{padding:40px 28px;overflow:visible;}
.box-feature[class*="--s2"]{flex-direction:column;aspect-ratio:auto;}
.box-feature[class*="--s2"] .box-feature__info{padding:0;}
.box-feature[class*="--s2"] .box-feature__photo{display:none;}
.box-feature__info{width:100%;padding:0;line-height:140%;}
.box-feature__photo img:not(.box-feature__bg){max-width:200px;}
}


.ico-svg{position:relative;display:inline-block;height:auto;fill:currentColor;transition:all .3s;}
.plans-compare{--col-pad:28px;--col-border:#dedede;--col-height:clamp(50px, 5vw, 100px);--col-width:266px;font-size:20px;}
.plans-compare__title{display:flex;align-items:center;height:var(--col-height);padding:0 var(--col-pad);background:var(--bg-secondary);border-top-left-radius:var(--rounded-large);border-top-right-radius:var(--rounded-large);color:var(--color-white);}
.plans-compare__table{border:1px solid var(--col-border);border-bottom-left-radius:var(--rounded-large);border-bottom-right-radius:var(--rounded-large);overflow:hidden;}
.plans-compare__row{display:flex;border-bottom:1px solid var(--col-border);min-height:var(--col-height);}
.plans-compare__row:last-child{border-bottom:0;}
.plans-compare__row .plans-compare__col{width:var(--col-width);padding:var(--col-pad);}
.plans-compare__row .plans-compare__col:first-child{flex:1;}
.plans-compare__row .plans-compare__col:last-child{border-right:none;}
.plans-compare__row .plans-compare__col:nth-child(n+2){display:flex;justify-content:center;align-items:center;}
.plans-compare__col{border-right:1px solid var(--col-border);}
.plans-compare .ico-svg{height:28px;}
.plans-compare .ico-svg.is-disabled{opacity:.3;}
@media (max-width: 1024px){
.hidden-lg{display:none;}
}