:root {
    --font-size-root: 16px;
    --gap: 1.5rem;
    --gap-sm: .75rem;

    --container-w: 85rem;
    --container-scroll-w: 100%;

    --col: calc(100% / 12);

    --gap-page: .75rem;
    --gap-y-lg: 5rem;

    --accent: #FF6A14;
    --white: #ffffff;
    --acid: #C5FF68;
    --light-accent: #FF8C57;

    --bg-primary: #161617;
    --bg-secondary: #232325;

    --bg-purpule: #b3b4ff;
    --bg-red: #fac9c6;
    --bg-green: #bdeac8;
    --bg-silver: #f0ecf4;
    --bg-orange: #FF6A14;

    --bg-accent: var(--accent);

    --btn-primary: #FF6A14;
    --btn-primary-hover: #b33900;
    --btn-secondary: #2f2f32;
    --btn-secondary-hover: #19191a;

    --color-primary: #ffffff;
    --color-dark-always: #161617;
    --color-white-always: #ffffff;

    --stroke: #46464f;

    --br-section: 2rem;
    --br-lg: 2rem;
    --br: 1.5rem;
    --br-sm: 1rem;

    --logo-w: 140px;

    --time: .2s;
    --ease: cubic-bezier(.215, .61, .355, 1);
    --trans: var(--time) var(--ease);

    --h1: 3rem;
    --h2: 2.375rem;
    --h3: 1.5rem;
    --h4: 1.25rem;
    --h5: 1.125rem;
    --h6: 1rem;

    --btn-fs: 1rem;
    --btn-sm-fs: .875rem;

    --txt-fs: 1rem;

    --txt-font: 'GraphikTT', Arial, sans-serif;

    --space: calc((100vw - var(--container-w)) / 2 + var(--gap-page) + var(--gap));
}

@media screen and (max-width: 1384px) {
    :root {
        --space: calc(var(--gap-page) + var(--gap));
    }
}

@media screen and (max-width: 1199px) {
    :root {
        --br-section: 1.5rem;
        --h1: 2.25rem;
        --h2: 2rem;
        --h3: 1.125rem;
        --h4: 1rem;
        --btn-fs: .875rem;
        --btn-sm-fs: .75rem;
    }
}

@media screen and (max-width: 959px) {
    :root {
        --h3: 1.5rem;
        --btn-fs: 1rem;
        --btn-sm-fs: .875rem;
    }
}

@media screen and (max-width: 639px) {
    :root {
        --logo-w: 2.625em;
        --gap: 1rem;
        --gap-y-lg: 3rem;
        --br: 1rem;
        --h1: 2rem;
        --h2: 1.75rem;
        --h3: 1.25rem;
        --h4: 1.125rem;
        --space: var(--gap);
    }
}

@media screen and (max-width: 479px) {
    :root {
        --h1: 1.75rem;
        --h2: 1.5rem;
        --h4: 1rem;
        --txt-fs: .875rem;
        --btn-fs: .875rem;
        --btn-sm-fs: .75rem;
    }
}

@media screen and (max-width: 375px) {
    :root {
        --font-size-root: calc(8px + 1.6vw);
    }
}

html {
    font-size: var(--font-size-root);
}

button {
    background: none;
    box-shadow: none;
    border: none;
    color: inherit;
    padding: 0;
    font-family: inherit;
}

body {
    background-color: var(--bg-primary);
    color: var(--color-primary);
    font-size: var(--txt-fs);
    scroll-behavior: smooth;
}

#allrecords {
    font-family: 'GraphikTT', Arial, sans-serif;
    font-size: inherit;
    box-sizing: border-box;
    padding: var(--gap-page);
    overflow: hidden;
    scroll-behavior: smooth;
}

@media screen and (max-width: 639px) {
    #allrecords {
        padding: 0;
    }
}
.uc-s-s-posts > * {
    overflow: hidden;
}
#allrecords ul {
    padding-left: var(--ul-p);
    margin-bottom: var(--ul-mb);
    list-style: none;
}

* {
    line-height: 1.5em;
    font-family: 'GraphikTT', Arial, sans-serif;
}

[class*="uc-s-"] {
    margin-bottom: var(--gap-page);
}

[class*="uc-s-"]>* {
    width: 100%;
    max-width: 102.5rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: var(--gap-y-lg) 0;
    border-radius: var(--br-section);
}

[class*="uc-s-s-"]>* {
    background-color: var(--bg-secondary);
    color: var(--color-primary);
}

[class*="uc-s-p-"]>* {
    background-color: var(--bg-purpule);
    color: var(--color-dark-always);
}

[class*="uc-s-g-"]>* {
    background-color: var(--bg-green);
    color: var(--color-dark-always);
}

[class*="uc-s-l-"]>* {
    background-color: var(--bg-silver);
    color: var(--color-dark-always);
}

[class*="uc-s-ac-"]>* {
    background-color: var(--acid);
    color: var(--color-dark-always);
}

.container {
    width: 100%;
    max-width: var(--container-w);
    padding: 0 var(--gap);
    margin: 0 auto;
    box-sizing: border-box;
}

.container * {
    box-sizing: border-box;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
.title {
    font-family: 'DrukTextWideTT', Arial, sans-serif;
    line-height: 1.2em;
}

h1,
.h1 {
    font-size: var(--h1);
}

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

h3,
.h3 {
    font-size: var(--h3);
}

h4,
.h4 {
    font-size: var(--h4);
}

h5,
.h5 {
    font-size: var(--h5);
}

.style-h1 {
    font-size: var(--h1);
}

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

.style-h3 {
    font-size: var(--h3);
}

.style-h4 {
    font-size: var(--h4);
}

.style-h5 {
    font-size: var(--h5);
}

.txt-sm {
    font-size: var(--txt-sm);
}

.d-flex {
    display: flex;
}

.d-none {
    display: none;
}

.relative {
    position: relative;
}

.o-hidden {
    overflow: hidden;
}

.cover {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.contain {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.ratio {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.ratio>img,
.ratio>video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ratio--stroke {
    border: 1px solid var(--stroke);
}

.ratio--br {
    border-radius: var(--br);
}

.ratio.ratio--16-9 {
    padding-top: calc(100% / 16 * 9);
}

.ratio.ratio--9-16 {
    padding-top: calc(100% / 9 * 16);
}

.ratio.ratio--4-3 {
    padding-top: calc(100% / 4 * 3);
}

.ratio.ratio--1-1 {
    padding-top: 100%;
}

.ratio.ratio--3-4 {
    padding-top: calc(100% / 3 * 4);
}

.ratio.ratio--main {
    padding-top: calc(100% / var(--main-x) * var(--main-y));
}

#allrecords a,
.t-records a {
    color: inherit;
    cursor: pointer;
    font-family: inherit;
}

.hr-x {
    width: 100%;
    height: 1px;
    background-color: var(--stroke);
    margin: var(--gap-sm) auto;
}

.hr-y {
    width: 1px;
    height: inherit;
    background-color: var(--stroke);
    margin: 0 var(--gap-sm);
}

.container-footer .row--social .right-side .hr-x {
    margin: 0;
}

.button {
    font-size: var(--btn-fs);
    padding: .75em 1.25em;
    border-radius: .75em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.5em;
    max-height: 3em;
    transition: color var(--trans), background-color var(--trans);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.button.loading {
    overflow: hidden;
    position: relative;
    z-index: 1;
    --loader-size: 2em;
}
.button.loading::after {
    content: '';
    position: absolute;
    width: var(--loader-size);
    height: var(--loader-size);
    left: calc(50% - (var(--loader-size) / 2));
    top: calc(50% - (var(--loader-size) / 2));;
    border: .25em solid currentColor;
    border-bottom-color: transparent;
    z-index: 3;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-animation: rotation .5s linear infinite;
            animation: rotation .5s linear infinite;
}
.button.loading::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: inherit;
    z-index: 2;
}

.button.button--small {
    font-size: var(--btn-sm-fs);
    padding: .625em 1em;
}

.button.button--square {
    --cion-size: 1.5rem;
    padding: .75em .75em;
    max-width: 3em;
}

.button.button--square svg {
    width: var(--cion-size);
    height: var(--cion-size);
}

.button.nav-item {
    padding: .75em .75em;
}

.button.button--secondary {
    background-color: var(--btn-secondary);
    color: var(--color-primary);
}

.button.has-children .button:not(.button--secondary) {
    justify-content: flex-start;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
}

.button.primary {
    color: var(--white);
    background-color: var(--btn-primary);
}

.button.silver {
    background-color: var(--bg-silver);
    color: var(--color-dark-always);
}

.button.white {
    background-color: var(--white);
    color: var(--color-dark-always);
}

.button-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (hover: hover) and (pointer: fine) {

    .button.button--qr:hover,
    .button.button--square:hover,
    .button.has-children:hover,
    .button.has-children .button:hover {
        background-color: var(--btn-secondary-hover);
    }

    .button.primary:hover {
        background-color: var(--btn-primary-hover);
    }

    .button.button--secondary:hover {
        background-color: var(--btn-secondary-hover);
    }

    .button.silver:hover {
        background-color: var(--white);
    }

    .button.white:hover {
        background-color: var(--btn-secondary-hover);
        color: var(--color-primary) !important;
    }
}

.button.button--qr:active,
.button.button--square:active,
.button.has-children .button:active {
    background-color: var(--btn-secondary-hover);
}

.button.primary:active {
    background-color: var(--btn-primary-hover);
}

.button.silver:active {
    background-color: var(--white);
}

.button.white:active {
    background-color: var(--btn-secondary-hover);
    color: var(--color-primary);
}

.button.has-children:hover .subnav-body {
    opacity: 1;
    top: calc(100% + var(--gap-sm));
    pointer-events: all;
}

.card {
    border-radius: var(--br);
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    padding: var(--card-pad-t, var(--gap)) var(--card-pad-r, var(--gap)) var(--card-pad-b, var(--gap)) var(--card-pad-l, var(--gap));
}

.card.card--secondary {
    background-color: var(--bg-secondary);
    color: var(--color-primary);
}

.card.card--stroke {
    border: 1px solid var(--stroke);
}

.card.card--img {
    padding: 0;
}

.card.card--img .img-wrapper,
.card.card--img .video-wrapper {
    padding: var(--border-pad) var(--border-pad) 0 var(--border-pad);
}

.card.card--img .ratio.ratio--br {
    border-radius: calc(var(--br) - var(--border-pad));
}

.card.card--img .card-body {
    padding: var(--card-pad-t, var(--gap)) var(--card-pad-r, var(--gap)) var(--card-pad-b, var(--gap)) var(--card-pad-l, var(--gap));
}

.card.card--article .card-body {
    display: grid;
    grid-teamplate-columns: 1fr;
    gap: var(--card-gap-y, var(--gap));
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.card.card--article .card-title,
.card.card--article .card-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-word;
}

.card.card--article .card-title {
    -webkit-line-clamp: var(--title-rows);
}

.card.card--article .card-description {
    -webkit-line-clamp: var(--description-rows);
}

.card.card--article .article-link {
    position: absolute;
    inset: 0;
    z-index: 10;
}

.card.card--article--ltr {
    grid-template-columns: 4fr 8fr;
}

.card.card--article--ltr .img-wrapper {
    height: inherit;
}

.card.card--article--ltr .ratio {
    height: auto;
}

.card.card--article--ltr .button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.card.card--article.card--article--ltr .card-body {
    grid-auto-rows: -webkit-max-content auto;
    grid-auto-rows: max-content auto;
}

.card .labels-box {
    flex-wrap: wrap;
    gap: calc(var(--gap) / 2);
    align-content: baseline;
}

.card img {
    pointer-events: none;
}

.bg-purpule {
    background-color: var(--bg-purpule);
    color: var(--color-dark-always);
}

.bg-white {
    background-color: var(--white);
    color: var(--color-dark-always);
}

.bg-red {
    background-color: var(--bg-red);
    color: var(--color-dark-always);
}

.bg-green {
    background-color: var(--bg-green);
    color: var(--color-dark-always);
}

.bg-silver {
    background-color: var(--bg-silver);
    color: var(--color-dark-always);
}

.bg-orange {
    background-color: var(--bg-orange);
    color: var(--color-white-always);
}

.bg-accent {
    background-color: var(--bg-accent);
    color: var(--color-white-always);
}
.bg-accent-light {
    background-color: var(--light-accent);
    color: var(--color-dark-always);
}
.bg-acid {
    background-color: var(--acid);
    color: var(--color-dark-always);
}
.bg-dark {
    background-color: var(--bg-primary);
    color: var(--color-white-always);
}
.card.card--no-pad {
    --card-pad-t: 0;
    --card-pad-r: 0;
    --card-pad-b: 0;
    --card-pad-l: 0;
}

.uc-mobile-nav {
    display: none;
}

.accordion--body {
    display: none;
}

.accordion--heder {
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;
    justify-content: space-between;
    text-align: left;
    gap: var(--gap-sm);
}

.accordion--item {
    border-bottom: 1px solid var(--stroke);
}

#t-header {
    position: relative;
    z-index: 50;
}

.uc-header>*,
.uc-footer>* {
    box-sizing: border-box;
    margin: 0 auto;
    background-color: var(--bg-secondary);
    border-radius: var(--br-section);
    max-width: 102.5rem;
}

.uc-header>*>*,
.uc-footer>*>* {
    max-width: 92.5rem;
    margin: 0 auto;
}
.uc-footer {
    margin-bottom: 5rem!important;
}
.container-header *,
.container-footer * {
    box-sizing: border-box;
}

.container-header,
.container-footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-sm);
    padding: var(--gap-sm) 0;
    margin: 0 var(--gap);
}

.container-footer {
    padding: var(--gap-y-lg) 0;
}

.container-header .button.mobile-nav-trigger {
    display: none;
}

.container-header .row--top,
.container-footer .row--social {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gap-sm);
    align-items: center;
}

.container-footer .row--social {
    gap: var(--gap) var(--gap-sm);
}

.container-header .row--top::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--stroke);
}

.container-header .row--top .right-side,
.container-footer .row--social .right-side {
    display: flex;
}

.container-footer .row--social .right-side .wrap {
    display: flex;
    justify-content: flex-end;
    gap: var(--gap-sm);
}

.container-footer .row--social .right-side {
    gap: var(--gap-sm);
}

.logo {
    display: flex;
    width: 100%;
    max-width: var(--logo-w);
}

.container-header .logo {
    margin-left: .75em;
}

.logo svg {
    width: 100%;
    height: auto;
}

.container-header .hr {
    width: 1px;
    height: inherit;
    background-color: var(--stroke);
    margin: 0 var(--gap-sm);
}

@media screen and (min-width: 640px) {
    .logo--mobile {
        display: none;
    }
}

@media screen and (max-width: 639px) {
    .logo--desctop {
        display: none;
    }
}

.container-header .row--bottom {
    display: flex;
    flex-wrap: wrap;
}

.container-header .row--bottom>*:nth-child(5) {
    margin-left: auto;
}

.container-header .row--bottom .has-children {
    position: relative;
}

.container-header .row--bottom .subnav-body {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: calc(-1 * 1.25em);
    top: calc(100% + 3rem);
    transition: opacity var(--trans), top var(--trans);
    border-radius: var(--br);
    border: 1px solid var(--stroke);
    background-color: var(--bg-secondary);
    min-width: 260px;
    padding: var(--gap);
    --ul-p: var(--gap);
    z-index: 2;
}

.container-header .row--bottom .subnav-body::before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: calc(var(--gap-sm) + 2px);
    left: 0;
    top: calc(-1 * (var(--gap-sm) + 1px));
    z-index: 1;
}

.container-header .row--bottom>*:last-child .subnav-body {
    left: auto;
    right: calc(-1 * 1.25em);
}

.container-header .row--bottom .subnav-body .text,
.mobile-nav .mobile-nav-body .accordion--body .text {
    font-size: .75rem;
    text-align: left;
    line-height: 1.2;
    opacity: .5;
    margin-bottom: var(--gap-sm);
}

.container-header .row--bottom .subnav-body .text a,
.mobile-nav .mobile-nav-body .accordion--body .text a {
    text-decoration: underline !important;
    text-underline-offset: .25em !important;
}

.container-footer .row--menu {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: var(--gap);
}

.container-footer .row--menu>*:first-child {
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
}

.container-footer h3 {
    width: 100%;
    border-bottom: 1px solid var(--stroke);
    padding-bottom: .5em;
    margin-bottom: .5em;
    font-size: 1.25em;
}

.container-footer .row--menu .nav-item {
    margin: 0.25em 0;
    display: block;
    line-height: 1.5em;
    transition: color var(--trans);
}

[aria-current="true"] {
    color: var(--accent) !important;
}

.container-footer .row--contacts,
.container-footer .row--info {
    display: grid;
    grid-template-columns: 3fr 3fr 6fr;
    gap: var(--gap);
}

.container-footer .row--contacts a,
.container-footer .row--info a {
    transition: color var(--trans);
}

.container-footer .row--info>*:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr;
    gap: inherit;
}

.container-footer .row--info>*:nth-child(2) svg {
    width: 75%;
    height: auto;
    display: flex;
}

.container-footer .row--info>*:nth-child(1),
.container-footer .row--info>*:nth-child(3) {
    display: grid;
    grid-template-columns: 1fr;
    gap: inherit;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.container-footer .row--copyright {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
}

@media (hover: hover) and (pointer: fine) {

    .container-footer .row--menu .nav-item:hover,
    .container-footer .row--contacts a:hover,
    .container-footer .row--info a:hover,
    .container-footer .row--copyright a:hover {
        color: var(--accent) !important;
    }
}

.container-footer .row--menu .nav-item:active,
.container-footer .row--contacts a:active,
.container-footer .row--info a:active,
.container-footer .row--copyright a:active {
    color: var(--accent) !important;
}

.uc-s-s-intro {
    margin-top: var(--gap-page);
    color: var(--color-primary);
}

.uc-s-s-intro p {
    line-height: 1.55;
}

p.lead {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
}

.uc-s-s-intro .container {
    display: grid;
    grid-template-columns: 1fr 29rem;
    gap: var(--gap);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.uc-s-s-intro .container .heading-wrapper,
.uc-s-s-intro .container .popular-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.uc-s-s-intro h1 {
    font-size: var(--h1);
    line-height: 1.2;
}

.uc-s-s-intro h2 {
    font-size: var(--h3);
    line-height: 1.2;
}

.uc-s-s-intro p {

    line-height: 1.55;
}

p.lead {
    font-size: var(--h3);
    font-weight: 600;
}

.uc-s-s-intro .container .popular-wrapper .popular-links {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--gap) / 2);
}

.uc-s-s-intro .ratio-outer {
    grid-area: 1 / 2 / 3 / 3;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.uc-s-s-intro .ratio-outer.ratio-outer--mobile {
    display: none;
}

.title-area {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    max-width: calc(var(--col) * 8 + var(--gap));
    margin-bottom: calc(var(--gap)* 2);
}

.title-area.title-area--full {
    max-width: 100%;
}

.title-area--m-0 {
    margin-bottom: 0;
}

.grid.grid--verified {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.grid.grid--verified svg {
    width: 100%;
    height: auto;
    max-width: 240px;
}

.grid-to-snap,
.snap {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.grid-to-snap::-webkit-scrollbar,
.snap::-webkit-scrollbar {
    display: none;
    opacity: 0;
    height: 0;
    visibality: hidden;
    transform: scale(0);
    overflow: hidden;
}

.grid-to-snap {
    display: grid;
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    gap: var(--gap);
}

.snap {
    display: flex;
    gap: var(--gap);
    scroll-behavior: smooth;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scroll-padding: 0 var(--space);
    padding: 0 var(--space);
    margin: 0 calc(-1* var(--space));
    overflow-x: scroll;
}

.snap:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.snap>* {
    scroll-snap-align: start;
    min-width: calc(var(--col) * var(--grid-cols) + var(--gap));
    max-width: calc(var(--col) * var(--grid-cols) + var(--gap));
}

.snap>*,
.grid-to-snap>* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.snap-slide-button {
    position: absolute;
    top: calc(50% - 1.5rem);
    border: 1px solid var(--stroke);
    cursor: pointer;
}

.snap-slide-button[disabled] {
    opacity: .5;
    pointer-events: none;
}

.snap-slide-button--next {
    right: -1.5rem;
}

.snap-slide-button--prev {
    left: -1.5rem;
}

.uc-s-l-frm-ftr .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
}

.uc-s-l-frm-ftr .title-area {
    margin-bottom: 0;
}

.main-successbox>* {
    height: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.js-successbox.t-form__successbox {
    background: var(--bg-green);
    padding: 0;
    margin-bottom: 0;
}

.js-form-proccess .main-successbox {
    overflow: hidden;
    height: 100%;
    max-height: 0;
    transition: all var(--trans);
}
.t-popup .js-form-proccess .main-successbox {
    height: auto;
}
.js-send-form-success .main-successbox {
    max-height: 100%;
}
.t-popup .js-send-form-success .main-successbox {
    max-height: 6rem;
}
.form-wrapper {
    display: grid;
}

[type="submit"] {
    cursor: pointer;
}

.t-input-group input {
    font-size: 1rem;
    color: inherit;
    outline: none !important;
}

.main-form .t-form__inputsbox {
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) / 2);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
}

.js-send-form-success .t-form__inputsbox {
    display: none!important;
}

.main-form .main-submit-wrapper {
    margin-top: calc(var(--gap) / 2);
}

.main-form .privacy-text {
    margin-top: calc(var(--gap) / 2);
    font-size: .875rem;
}

.main-form .t-input-error {
    font-size: .75rem;
    background-color: red;
    border-radius: .25em;
    color: white;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: all var(--trans);
}

.main-form .js-error-control-box .t-input-error {
    max-height: 1.25rem;
    margin-top: .25rem;
    padding: .125em .25em;
}

.main-form .t-input-group_ph .t-input-phonemask__wrap,
.main-form input {
    border: 1px solid var(--stroke);
    border-radius: .75em;
    height: 3em;
    padding: 0 1.25em;
    line-height: 1.2;
    font-family: var(--txt-font);
    width: 100%;
    transition: all var(--trans);
    font-size: 1rem;
    box-sizing: border-box;
    background-color: transparent;
}

.main-form .t-input-group_ph .t-input-phonemask__wrap input[type="tel"] {
    font-size: 1rem;
    border: none;
    padding: 0;
    display: flex;
    height: auto;
}

.input-bg-white-always.main-form .t-input-group_ph .t-input-phonemask__wrap,
.input-bg-white-always.main-form .t-input-group_nm input,
.input-bg-white-always.main-form .t-input-group_em input {
    background-color: var(--white);
}

.main-form .t-input-group_ph.js-error-control-box .t-input-phonemask__wrap,
.main-form .t-input-group_nm.js-error-control-box input,
.main-form .t-input-group_em.js-error-control-box input {
    border: 1px solid red;
}

#formFooter .main-submit-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    gap: var(--gap);
    align-items: center;
}

#formFooter.main-form .privacy-text {
    margin-top: 0;
}
.article-link.d-none-desctop {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .uc-s-s-intro .ratio-outer:hover .button--secondary {
        background-color: var(--btn-secondary-hover);
    }
}

@media screen and (max-width: 1199px) {
    .uc-header>* {
        border-radius: var(--br-sm);
    }

    .container-header .logo {
        margin-left: 0;
    }

    .container-header .button.mobile-nav-trigger {
        display: flex;
    }

    .container-header .row--top .right-side,
    .container-header .row--bottom,
    .container-header .row--top::after {
        display: none;
    }

    .uc-mobile-nav {
        display: block;
        z-index: 1000;
    }

    .mobile-nav * {
        box-sizing: border-box;
    }

    .mobile-nav {
        position: fixed;
        right: -100%;
        top: 0;
        height: var(--vh, 100vh);
        background-color: var(--bg-secondary);
        max-width: 460px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: -webkit-max-content -webkit-max-content 1fr -webkit-max-content -webkit-max-content;
        grid-template-rows: max-content max-content 1fr max-content max-content;
        width: 100%;
        padding: var(--gap-sm) var(--gap);
        transition: right var(--trans);
    }

    .mobile-nav.active {
        right: 0;
    }

    .mobile-nav header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-nav footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--gap);
        padding-bottom: 2.5rem;
    }

    .mobile-nav footer .row.phone {
        display: grid;
        grid-template-columns: 1fr -webkit-max-content;
        grid-template-columns: 1fr max-content;
        gap: var(--gap-sm)
    }

    .mobile-nav footer .row.social {
        display: grid;
        grid-template-columns: repeat(5, -webkit-max-content);
        grid-template-columns: repeat(5, max-content);
        gap: var(--gap-sm);
        justify-content: space-between;
    }

    .mobile-nav .mobile-nav-body {
        overflow-y: scroll;
    }

    .mobile-nav .mobile-nav-body .has-children {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: var(--gap-sm) 0;
    }

    .mobile-nav .mobile-nav-body .accordion--body .nav-item {
        padding: var(--gap-sm) 0;
        display: block;
        width: 100%;
        transition: color var(--trans);
    }

    .mobile-nav .mobile-nav-body .nav-item.has-children {
        transition: color var(--trans);
    }

    .mobile-nav .mobile-nav-body .nav-item.has-children .chevron {
        transition: transform var(--trans);
    }

    .mobile-nav .mobile-nav-body .nav-item.has-children[aria-expanded="true"] {
        color: var(--accent);
    }

    .mobile-nav .mobile-nav-body .nav-item.has-children[aria-expanded="true"] .chevron {
        transform: rotate(90deg);
    }

    .mobile-nav .mobile-nav-body .accordion--body>*:first-child {
        border-top: 1px solid var(--stroke);
    }

    .mobile-nav .mobile-nav-body .accordion--body>*:last-child {
        margin-bottom: var(--gap-sm);
    }

    .mobile-nav .accordion .accordion--item:last-child {
        border-bottom: none;
    }

    .container-footer .row--menu,
    .container-footer .row--contacts,
    .container-footer .row--info,
    .container-footer .row--copyright {
        font-size: .75rem;
    }

    .uc-s-s-intro .container {
        grid-template-columns: 1fr 20rem;
    }

    .uc-s-s-intro .ratio-outer {
        grid-area: 1 / 2 / 2 / 3;
    }

    .uc-s-s-intro .container .popular-wrapper {
        grid-area: 2 / 1 / 2 / 3;
    }

    .grid.grid--verified {
        grid-template-columns: 1fr;
    }

    .grid-to-snap,
    .snap {
        display: flex;
        scroll-behavior: smooth;
        cursor: -webkit-grab;
        cursor: grab;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        scroll-padding: 0 var(--space);
        padding: 0 var(--space);
        margin: 0 calc(-1* var(--space));
        overflow-x: scroll;
    }

    .grid-to-snap>*,
    .snap>* {
        scroll-snap-align: start;
        min-width: calc(var(--col) * var(--grid-cols) + var(--gap));
    }

    [class*="uc-s-s"] .grid-to-snap,
    [class*="uc-s-p"] .grid-to-snap,
    .snap.snap--in-box {
        --space: var(--gap);
    }

    .title-area {
        max-width: calc(var(--col) * 10 + var(--gap));
    }

    .snap-slide-button {
        display: none;
    }

    #formFooter .main-submit-wrapper {
        grid-template-columns: 1fr;
        gap: calc(var(--gap) / 2);
    }
}

@media screen and (max-width: 959px) {
    .uc-s-s-intro .ratio-outer.ratio-outer--mobile {
        display: block;
    }
    .uc-s-s-intro .ratio-outer.ratio-outer--desctop {
        display: none;
    }
    .style-h4--960 {
        font-size: var(--h4);
    }

    .ratio.ratio--16-9--960 {
        padding-top: calc(100% / 16 * 9);
    }

    .ratio.ratio--4-3--960 {
        padding-top: calc(100% / 4 * 3);
    }

    .button.button--small--960 {
        font-size: var(--btn-sm-fs);
        padding: .625em 1em;
    }

    .container-footer .row--menu {
        grid-template-columns: repeat(3, auto);
    }

    .container-footer .row--menu,
    .container-footer .row--contacts,
    .container-footer .row--info,
    .container-footer .row--copyright {
        font-size: 1rem;
    }

    .container-footer .row--contacts {
        grid-template-columns: 1fr 1fr;
    }

    .container-footer .row--info {
        grid-template-columns: 1fr;
    }

    .container-footer .row--contacts>*:last-child {
        grid-area: 2 / 1 / 2 / 3;
    }

    .container-footer .row--info>*:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

    .container-footer .row--info>*:nth-child(1) {
        grid-area: 3;
    }

    .uc-s-s-intro .container {
        grid-template-columns: 1fr;
    }

    .uc-s-s-intro .ratio-outer {
        grid-area: auto;
    }

    .uc-s-s-intro .container .popular-wrapper {
        grid-area: 3;
    }

    .title-area {
        max-width: 100%;
    }

    .card.card--article--ltr {
        grid-template-columns: 1fr;
    }

    .card .labels-box {
        gap: calc(var(--gap) / 4);
    }

    .grid-to-snap,
    .snap {
        gap: calc(var(--gap) / 2);
    }

    .grid-to-snap .card .card-body,
    .snap .card.card--article .card-body {
        gap: calc(var(--gap) / 2);
    }

    .uc-s-l-frm-ftr .grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .article-link.d-none-desctop {
        display: block;
        position: absolute;
        inset: 0;
    }
}

@media screen and (max-width: 639px) {
    .style-h5--640 {
        font-size: var(--h5);
    }

    .ratio.ratio--16-9--640 {
        padding-top: calc(100% / 16 * 9);
    }

    .uc-header>* {
        border-radius: 0;
    }

    .container-footer h3 {
        font-size: 1em;
    }

    .container-footer .row--social .logo {
        z-index: 2;
    }

    .container-footer .row--social .right-side {
        flex-wrap: wrap;
        margin-top: calc(-2.625em - var(--gap));
        row-gap: var(--gap);
        justify-content: space-between;
    }

    .container-footer .row--social .right-side .wrap {
        width: calc(100% - 2.625em);
        margin-left: auto;
    }

    .container-footer .row--social .right-side .hr-y {
        display: none;
    }

    .container-footer .row--menu {
        grid-template-columns: repeat(2, auto);
        gap: var(--gap) var(--gap-sm);
    }

    .container-footer .row--menu>*:first-child {
        grid-area: 1 / 1 / 1 / 3;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 var(--gap-sm);
    }

    .container-footer .row--menu>*:first-child h3 {
        grid-area: 1 / 1 / 1 / 3;
    }

    .container-footer .row--contacts,
    .container-footer .row--info {
        grid-template-columns: 1fr;
    }

    .container-footer .row--contacts>*:last-child,
    .container-footer .row--info>*:last-child {
        grid-area: auto;
    }

    .container-footer .row--copyright {
        flex-direction: column;
    }

    p.lead {
        line-height: 1.5em;
        font-size: var(--txt-fs);
    }

    .grid-to-snap,
    .snap {
        --space: var(--gap);
    }

    .grid-to-snap .card .card-body,
    .snap .card.card--article .card-body p.card-description {
        font-size: .875rem;
    }

    .uc-s-l-frm-ftr .grid-wrapper {
        grid-template-columns: 1fr;
    }

    .main-form .privacy-text {
        font-size: .75rem;
    }

}

@media screen and (max-width: 479px) {

    .container-footer .row--menu,
    .container-footer .row--contacts,
    .container-footer .row--info,
    .container-footer .row--copyright {
        font-size: .7rem;
    }

    .container-footer h3 {
        font-size: 1.25em;
    }

    .uc-s-s-intro .container .popular-wrapper .popular-links {
        scroll-behavior: smooth;
        cursor: -webkit-grab;
        cursor: grab;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        scroll-padding: 0 var(--gap);
        padding: 0 var(--gap);
        margin: 0 calc(-1* var(--gap));
        flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .uc-s-s-intro .container .popular-wrapper .popular-links::-webkit-scrollbar {
        display: none;
        opacity: 0;
        transform: scale(0);
        height: 0;
        overflow: hidden;
    }

    .uc-s-s-intro .container .popular-wrapper .popular-links>* {
        scroll-snap-align: start;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

    .grid-to-snap .card .card-body,
    .snap .card.card--article .card-body p.card-description {
        font-size: var(--txt-fs);
    }
}

/*Animation preloader*/
@-webkit-keyframes shimmerWave {

    0%,
    100% {
        opacity: .3;
        transform: scaleY(1)
    }

    50% {
        opacity: .8;
        transform: scaleY(1.05)
    }
}

@keyframes shimmerWave {

    0%,
    100% {
        opacity: .3;
        transform: scaleY(1)
    }

    50% {
        opacity: .8;
        transform: scaleY(1.05)
    }
}
@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 

.t-form__errorbox-item,
.t-form__errorbox-text,
.t-form__errorbox-wrapper,
.t-form__successbox,
.t-input,
.t-input-error,
.t-input__vis-ph,
.t-select,
.t-submit {
    font-family: var(--txt-font)
}
.main-wrapper-select {
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: calc(100% + 3rem);
    width: 100%;
    background-color: var(--bg-secondary);
    border: 1px solid var(--stroke);
    border-radius: var(--br);
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity var(--trans), top var(--trans);
}
.main-wrapper-select>* {
    max-height: 12.5rem;
}
.t-input-phonemask__options-wrap {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    overflow-y: scroll;
}

.input-bg-white-always .main-wrapper-select {
    background-color: var(--white);
}

.main-wrapper-select.t-input-phonemask__options-wrap_open {
    opacity: 1;
    top: calc(100% + .3125rem);
    pointer-events: all;
}

.t-input-phonemask__options-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: sans-serif;
    font-size: .875rem;
    color: var(--color-primary);
    cursor: pointer;
    border-radius: .875em;
    padding: .75em 1.25em;
    transition: background-color var(--trans);
}

.input-bg-white-always .t-input-phonemask__options-item {
    color: var(--color-dark-always);
}

.uc-popup .popup-header-area {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: calc(var(--gap) / 2);
    margin-bottom: var(--gap);
}
.uc-popup .t-popup__close.t-popup__block-close {
    display:none!important;
}
.uc-popup {
    transition: all var(--trans);
    --top: clamp(var(--gap), 6vh, 5rem);
    --transform-top: calc(-1 * (100% + var(--top)))
}
.uc-popup .t-popup {
    transition: all var(--trans);
    -webkit-backdrop-filter: blur(0.875rem);
    backdrop-filter: blur(0.875rem);
}
.uc-popup .t-popup__container-animated {
    transform: translateY(var(--transform-top));
    transition: all var(--trans);
}
.uc-popup .t-popup__container {
    top: 0;
    right: 0;
    left: 0;
    background: transparent;
    margin: var(--top) auto 0 auto;
    transition: all var(--trans);
    transform: translateY(var(--transform-top)) scale(1);
}
.uc-popup .t-popup_show .t-popup__container {
    transform: translateY(0) scale(1);
}
.uc-popup .t868__code-wrap * {
    box-sizing: border-box;
}
.uc-popup .t-popup__container {
    pointer-events: none;
}
.uc-popup .t868__code-wrap {
    pointer-events: none;
}
.uc-popup .t868__code-wrap > * {
    pointer-events: all;
}
[type="button"] {
    cursor: pointer;
    box-sizing: border-box;
}
@media screen and (max-width: 479px) {
   .uc-popup form [type="submit"] {
       width: 100%;
       box-sizing: border-box;
   }
}
.main-error-box {
    position: fixed;
    background-color: red;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    color: white;
    right: 0;
    bottom: 0;
    max-width: 20rem;
    margin: var(--gap);
    z-index: 10000000;
    font-family: var(--txt-font);
}
.main-error-box * {
    font-family: var(--txt-font);
}
.main-error-box>button {
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 1.25rem;
    height: 1.25rem;
}
.main-error-box>button>svg {
    width: 100%;
    height: auto;
    pointer-events: none;
}
.submit-process {
    opacity: .75;
    pointer-events: none;
}
.video-preloader {
    position: absolute;
    inset: 0;
    background-color: rgba(35, 35, 37, .85);
    backdrop-filter: blur(.5rem);
    -webkit-backdrop-filter: blur(.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--trans);
}
.video-preloader svg {
    -webkit-animation: .5s ease-in-out infinite rotation;
    animation: .5s ease-in-out infinite rotation;
}
.video-popup.loaded .video-preloader {
    opacity: 0;
    pointer-events: none;
}
.sizer.loaded .video-preloader svg {
    -webkit-animation: none;
    animation: none;
}
.video-popup {
    margin: 0 auto;
    width: 100%;
}
.video-popup[data-video-size="wide"] {
    max-width: 60rem;
}
.video-popup[data-video-size="long"] {
    max-width: 22.5rem;
}
.qr-popup {
    max-width: 30rem;
}
.article-link.d-none-desctop {
    display: none;
}
@media screen and (max-width: 1199px) {
    .video-popup[data-video-size="wide"] {
        max-width: 45rem;
    }
    .video-popup[data-video-size="long"] {
        max-width: 20rem;
    }
}
@media screen and (max-width: 959px) {
    .video-popup[data-video-size="long"] {
        max-width: 28.75rem;
    }
    .article-link.d-none-desctop {
        display: flex;
    }
}
@media screen and (max-width: 639px) {
    .video-popup[data-video-size="wide"] {
        max-width: 30rem;
    }
    .video-popup[data-video-size="long"] {
        max-width: 20rem;
    }
}
@media screen and (max-width: 479px) {
    .video-popup[data-video-size="wide"] {
        max-width: 100%;
    }
    .video-popup[data-video-size="long"] {
        max-width: 85%;
    }
}
.t-img {
    transition: all var(--trans);
    opacity: 0;
}

.t-img.loaded {
    opacity: 1;
}
#allrecords .text-editor ul {
    --ul-p: 1em;
    list-style: disc;
}