html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: .5208333333vw
}

html * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

@media(max-width: 1600px) {
    html {
        font-size: .7857142857vw
    }
}

@media(max-width: 1400px) {
    html {
        font-size: .8571428571vw
    }
}

@media(max-width: 1200px) {
    html {
        font-size: 1.0080645161vw
    }
}

@media(max-width: 992px) {
    html {
        font-size: 1.3020833333vw
    }
}

@media(max-width: 768px) {
    html {
        font-size: 2.5641025641vw
    }
}

@media(max-width: 390px) {
    html {
        font-size: 2.5641025641vw
    }
}

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

a {
    text-decoration: none;
    color: inherit
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-size: inherit
}

p {
    margin: 0 0 1.5rem 0
}

body {
    height: 100%;
    min-width: 32rem;
    overflow-x: hidden;
    font-family: "Geologica", sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    background-color: var(--body-bg);
    -webkit-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

body.lock {
    overflow: hidden
}

body.lock::after {
    content: "";
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    z-index: 1
}

:root {
    --body-bg: #0D0D0D;
    --dark: #191919;
    --white: #F2EEE9;
    --border: #454545;
    --blue: #000ACC;
    --grey: #ababab;
    --btn-bg: #454545;
    --breadcrumbs-color: #454545;
    --filter-btn-color: #454545
}

body.light-theme {
    --body-bg: #D8D6CB;
    --dark: #F2EEE9;
    --white: #0D0D0D;
    --border: #ABABAB;
    --grey: #454545;
    --btn-bg: #D8D6CB;
    --breadcrumbs-color: #ABABAB;
    --filter-btn-color: #D8D6CB
}

body.light-theme .pagination svg path {
    fill: #0d0d0d
}

body.light-theme .themes__dark-theme {
    background-color: #f2eee9
}

body.light-theme .themes__dark-theme svg path {
    stroke: #000acc
}

body.light-theme .themes__light-theme {
    background-color: #454545
}

body.light-theme .themes__light-theme svg path {
    stroke: #f2eee9
}

body.light-theme .m-item--white .m-watch:after,
body.light-theme .p-page .m-intro__item-bot .m-watch:after {
    background-image: url("../images/icons/eye-2.svg")
}

body.light-theme .art-btn::after {
    background-image: url("../images/icons/arrow-2.svg")
}

body.light-theme .filter-btns__left::after,
body.light-theme .filter-btns__right::after {
    background-image: url("../images/icons/arrow-2.svg")
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 3rem
}

.themes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 1rem;
    overflow: hidden
}

.themes button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.2rem;
    width: 4.2rem;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.themes button img,
.themes button svg {
    width: 1.8rem;
    height: 1.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.themes__light-theme {
    background-color: #f2eee9
}

.themes__light-theme svg path {
    stroke: #000acc
}

.themes__dark-theme {
    background-color: #454545
}

.themes__dark-theme svg path {
    stroke: #f2eee9
}

.dss-title {
    color: var(--white);
    font-family: "Tektur", sans-serif;
    font-size: 8rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .5rem
}

.soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.soc a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.2rem;
    width: 5.2rem;
    border-radius: 1rem;
    background: #f2eee9;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.soc a img {
    width: 1.8rem;
    height: 1.8rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.soc a:hover {
    opacity: .9
}

.soc a:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.stickers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    left: 1.5rem
}

.stickers li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.5rem 1.5rem 0;
    border-radius: 1rem;
    padding: .8rem 1.6rem;
    font-family: "Tektur", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 140%;
    background-color: #000acc;
    color: #f2eee9
}

.stickers li img {
    margin: 0 .6rem 0 0
}

.stickers .sticker-white {
    color: #000acc;
    background: #f2eee9
}

.breadcrumbs {
    margin: 3rem 0 0 0;
    background-color: rgba(0, 0, 0, 0)
}

.breadcrumbs__inner {
    padding: 1rem 0px;
    overflow: hidden;
    max-width: 1400px
}

.breadcrumbs__list li {
    display: inline;
    position: relative;
    font-size: 1.6rem;
    font-weight: 400
}

.breadcrumbs__list li+li {
    padding-left: 2rem
}

.breadcrumbs__list li+li::before {
    content: "/";
    color: var(--breadcrumbs-color);
    font-size: 1.6rem;
    font-weight: 400;
    position: absolute;
    left: .6rem;
    top: 0
}

.breadcrumbs__list li span {
    color: var(--breadcrumbs-color)
}

.breadcrumbs__list li a {
    color: var(--breadcrumbs-color);
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

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

.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__unclick {
    pointer-events: none
}

.pagination li:first-child {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 3rem 0 0
}

.pagination li:last-child {
    margin: 0 0 0 3rem
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: .8rem;
    -moz-column-gap: .8rem;
    column-gap: .8rem
}

.pagination span,
.pagination a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .8rem 1.6rem;
    background-color: var(--dark);
    color: var(--white);
    font-family: "Tektur", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    border-radius: .6rem;
    height: 3.7rem
}

.pagination span.active,
.pagination a.avtive {
    background-color: var(--blue);
    color: #f2eee9
}

.pagination button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: var(--dark);
    border-radius: .6rem;
    width: 6.3rem;
    height: 3.7rem
}

.pagination button svg {
    width: 3.1rem;
    height: 1.7rem
}

.dss-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border: none;
    outline: none;
    color: #f2eee9;
    font-family: "Tektur", sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .5rem;
    border-radius: .6rem;
    background: #000acc;
    padding: 1rem 3.2rem;
    height: 5.5rem
}

.dss-btn img {
    margin: 0 0 0 1.6rem;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.dss-btn:hover img {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem)
}

.art-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border: none;
    outline: none;
    color: var(--white);
    font-family: "Tektur", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .1rem;
    padding: 1rem 5.2rem 1rem 1.6rem;
    height: 5rem;
    border-radius: .6rem;
    background-color: var(--btn-bg)
}

.art-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5rem;
    width: 1.2rem;
    height: 2rem;
    background-image: url("../images/icons/arrow-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.art-btn:hover::after {
    -webkit-transform: translate(0.4rem, -50%);
    -ms-transform: translate(0.4rem, -50%);
    transform: translate(0.4rem, -50%)
}

.header {
    margin-top: 3.2rem;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 27rem;
    height: 5.2rem;
    border-radius: 1rem;
    overflow: hidden
}

.header__logo img {
    width: 100%;
    height: 5.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.header__nav {
    border-radius: 1rem;
    background: #000acc;
    padding: 0 2.4rem
}

.header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.2rem;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem
}

.header__nav a {
    color: #f2eee9;
    font-family: "Tektur", sans-serif;
    font-weight: 500;
    line-height: 120%;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.header__nav a:hover {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.header__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 1rem;
    background-color: #f2eee9;
    cursor: pointer
}

.header__search img {
    width: 1.8rem;
    height: 1.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.header__menu-btn {
    display: none
}

.search-field {
    position: fixed;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s;
    opacity: 0;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 3.2rem;
    z-index: 9999;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%)
}

.search-field__inner {
    padding: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    background: #f2eee9
}

.search-field form {
    width: calc(100% - 4.8rem)
}

.search-field input {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    padding: 1rem 3rem
}

.search-field__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1rem;
    background: var(--blue);
    cursor: pointer
}

.search-field__close img {
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain
}

.search-field.open {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header.sticky {
    margin: 0;
    background-color: rgba(var(--dark), 0.9);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    -webkit-animation: fadeInDown 1s ease-out;
    animation: fadeInDown 1s ease-out
}

.header.sticky .header__inner {
    height: 6rem;
    padding: .5rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header.sticky .search-field {
    top: .3rem
}

.margin-top {
    margin: 80px 0 0 0
}

.m-intro {
    padding: 3rem 0 6rem
}

.m-intro__mob {
    display: none
}

.m-intro__box {
    padding: 3rem 3rem 3rem 35rem;
    border-radius: 1rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.m-intro__box .stickers {
    top: 3rem;
    left: 3rem
}

.m-intro__item {
    max-width: 60rem;
    width: 100%;
    margin: 0 0 0 auto;
    padding: 3rem;
    border-radius: 1rem;
    overflow: hidden;
    -webkit-backdrop-filter: blur(52.48px);
    backdrop-filter: blur(52.48px);
    background-color: var(--dark)
}

.m-intro__item-title {
    margin: 0 0 1.5rem 0;
    color: var(--white);
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left
}

.m-intro__item-text {
    margin: 0 0 1rem 0
}

.m-intro__item-text p {
    color: var(--white);
    font-weight: 300;
    line-height: 140%
}

.m-intro__item-bot {
    padding: 1.6rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--border)
}

.m-intro__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.5rem 0 1.5rem -1.5rem
}

.m-time-box {
    margin: 0 0 0 auto
}

.m-item {
    width: calc(33.33333% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem
}

.m-watch {
    position: relative;
    padding: 1.3rem 1.6rem 1.3rem 3.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem;
    background: #0d0d0d;
    color: #f2eee9;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5rem
}

.m-watch:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5rem;
    width: 2rem;
    height: 1.5rem;
    background-image: url("../images/icons/eye.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.m-watch img {
    margin: 0 .6rem 0 0
}

.m-date {
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5rem
}

.m-time {
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 250;
    line-height: 1.5rem
}

.m-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(5.2rem);
    backdrop-filter: blur(5.2rem);
    background: var(--dark)
}

.m-item:hover .m-item__img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.m-item__img {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 57%;
    margin: 0 0 1.5rem 0
}

.m-item__img img {
    margin: -1% -1% 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.m-item__content {
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.m-item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    margin: 0 0 2rem 0
}

.m-item--white {
    background-color: var(--white)
}

.m-item--white *,
.m-item--white .m-box__info * {
    color: var(--dark)
}

.m-item--white .m-watch {
    background-color: var(--dark)
}

.m-item--white .m-watch,
.m-item--white .m-watch * {
    color: var(--white)
}

.m-item__suptitle {
    color: #000acc;
    font-family: "Tektur", sans-serif;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .5rem;
    margin: 0 0 1.6rem 0
}

.m-item__logo {
    max-width: 32rem
}

.m-item__logo img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.m-item--light {
    background-color: #f2eee9 !important
}

.m-item--light .m-time-box {
    margin: 0 0 0 auto
}

.m-item--light .m-time-box * {
    color: #0d0d0d
}

.m-item--light .m-item__title {
    color: #0d0d0d;
    font-size: 2.4rem
}

.m-item--light .stickers {
    top: 3rem;
    left: 3rem
}

.m-item--fullimg .m-item__img {
    margin: 0;
    height: 100%
}

.m-item--row {
    width: calc(100% - 1.5rem) !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.m-item--row .m-item__img {
    width: 50%;
    margin: 0
}

.m-item--row .m-item__title {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.m-item--row .m-time-box {
    margin: 0
}

.m-item--row .m-item__content {
    width: 50%
}

.m-item--row .m-item__content>img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 3rem
}

.p-blue {
    background-color: #000acc !important
}

.p-blue .m-intro__item-bot {
    border-color: #fff
}

.p-blue * {
    color: #fff !important
}

.p-dark {
    background-color: #0d0d0d !important
}

.p-dark .m-intro__item-bot {
    border-color: #fff
}

.p-dark * {
    color: #fff !important
}

.p-white {
    background-color: #f2eee9 !important
}

.p-white * {
    color: #0d0d0d !important
}

.p-white .stickers li {
    color: #fff !important
}

.m-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-box__info span {
    font-weight: 250;
    color: var(--white);
    line-height: 2rem
}

.m-box__info p {
    margin: 0;
    color: var(--white);
    font-weight: 500;
    line-height: 2rem
}

.m-avatar {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 1.5rem 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-tape {
    padding: 7rem 0 6rem
}

.m-tape .container>p {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.m-tape .dss-btn {
    margin: 4.5rem 0 0 0
}

.row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    padding: 3rem;
    background-color: var(--dark);
    margin: 0 0 1.5rem 0
}

.row-item:hover .row-item__right img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.row-item__left {
    max-width: 82rem;
    width: 100%;
    margin: 0 3rem 0 0
}

.row-item__title {
    margin: 0 0 .8rem 0;
    color: var(--white);
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%
}

.row-item__text p {
    color: var(--white);
    font-weight: 300;
    line-height: 140%
}

.row-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.5rem 0 0 0
}

.row-item .m-date {
    margin: 0 1.5rem 0 0
}

.row-item__right {
    width: 29rem;
    height: 10rem;
    border-radius: 1rem;
    overflow: hidden
}

.row-item__right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.row-item--white {
    background-color: var(--white)
}

.row-item--white *,
.row-item--white .row-item__text p {
    color: var(--body-bg)
}

.row-item--blue {
    background-color: var(--blue)
}

.row-item--blue * {
    color: #f2eee9 !important
}

.publications {
    padding: 7rem 0 6rem
}

.publications .container>p {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.publications .dss-btn {
    margin: 4.5rem 0 0 0
}

.dss-list-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -1.5rem
}

.dss-list-md .m-item {
    width: calc(50% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem
}

.m-item--md .m-time-box {
    margin: 0 0 0 auto
}

.m-item--md .m-watch {
    margin: 0 0 0 1.6rem
}

.m-item--md .stickers {
    top: 3rem;
    left: 3rem
}

.m-item--md .m-item__title {
    font-size: 2.4rem
}

.case {
    padding: 6rem 0 7rem
}

.case .container>p {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.case .dss-btn {
    margin: 4.5rem 0 0 0
}

.m-blog {
    padding: 6rem 0 7rem
}

.m-blog .container>p {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.m-blog .dss-btn {
    margin: 4.5rem 0 0 0
}

.blog-item {
    width: calc(50% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem;
    background-color: var(--dark);
    padding: 3rem;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(52.48px);
    backdrop-filter: blur(52.48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog-item .m-box {
    border-bottom: .1rem solid var(--border);
    padding: 0 0 3rem 0;
    margin: 0 0 2.5rem 0
}

.blog-item .m-avatar {
    width: 11rem;
    height: 11rem
}

.blog-item .m-box__info span {
    font-weight: 200
}

.blog-item .m-box__info p {
    font-size: 2.4rem;
    line-height: 120%
}

.blog-item .m-time-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.6em 0 0 0
}

.blog-item .m-date {
    margin: 0 .8rem 0 0
}

.blog-item__title {
    margin: 0 0 2.5rem 0;
    color: var(--white);
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%
}

.blog-item__text {
    margin: 0 0 1rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.blog-item__text p {
    color: var(--white);
    font-weight: 300;
    line-height: 140%
}

.blog-item__bot {
    margin: 2rem 0 0 0;
    padding: 2.5rem 0 0 0;
    border-top: .1rem solid var(--border)
}

.blog-item .stickers {
    position: static
}

.blog-item .stickers li {
    margin: 0 1.5rem 0 0
}

.vacancy {
    padding: 6rem 0 7rem
}

.vacancy .dss-title {
    margin: 0 0 4.5rem 0
}

.vacancy .dss-btn {
    margin: 4.5rem 0 0 0
}

.vacancy-item {
    width: calc(50% - 1.5rem);
    margin: 0 0 1.5rem 1.5rem;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(34.99px);
    backdrop-filter: blur(34.99px);
    background: var(--dark);
    padding: 3rem
}

.vacancy-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: .1rem solid var(--border)
}

.vacancy-item__stick {
    border-radius: 1rem;
    background-color: var(--blue);
    color: #f2eee9;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    padding: 1.7rem 1.6rem
}

.vacancy-item .m-time-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vacancy-item .m-date {
    margin: 0 1rem 0 0
}

.vacancy-item__prof {
    margin: 0 0 .8rem 0;
    color: var(--white);
    font-size: 2rem;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase
}

.vacancy-item__resurs {
    margin: 0 0 .8rem 0;
    color: var(--grey);
    font-weight: 300;
    line-height: 120%;
    -webkit-text-decoration-line: unerline;
    text-decoration-line: unerline
}

.vacancy-item__place {
    margin: 0 0 .8rem 0;
    color: var(--grey);
    font-weight: 300;
    line-height: 120%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.vacancy-item__pay {
    color: var(--white);
    font-size: 2rem;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase
}

.vacancy-item__bot {
    border-top: .1rem solid var(--border);
    margin: 1.6rem 0 0 0;
    padding: 1.6rem 0 0 0
}

.vacancy-item__text p {
    color: var(--white);
    font-weight: 300;
    line-height: 140%
}

.vacancy-item .art-btn {
    width: 100%
}

.p-tape {
    padding: 3rem 0 5rem
}

.p-tape .container>p {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.filter-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dark);
    border-radius: 1rem;
    padding: 3rem
}

.filter-btns__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.7rem;
    height: 3.7rem;
    background-color: var(--filter-btn-color);
    border-radius: .6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1.5rem 0 0;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-btns__left::after {
    content: "";
    position: absolute;
    width: .9rem;
    height: 1.6rem;
    background-image: url("../images/icons/arrow-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.filter-btns .filter-btns__inner {
    position: relative;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.filter-btns .filter-btns__inner::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4rem;
    background: -webkit-gradient(linear, left top, right top, from(rgba(42, 123, 155, 0)), to(var(--dark)));
    background: -o-linear-gradient(left, rgba(42, 123, 155, 0) 0%, var(--dark) 100%);
    background: linear-gradient(90deg, rgba(42, 123, 155, 0) 0%, var(--dark) 100%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

.filter-btns .filter-btns__inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4rem;
    background: -webkit-gradient(linear, left top, right top, from(rgba(42, 123, 155, 0)), to(var(--dark)));
    background: -o-linear-gradient(left, rgba(42, 123, 155, 0) 0%, var(--dark) 100%);
    background: linear-gradient(90deg, rgba(42, 123, 155, 0) 0%, var(--dark) 100%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter-btns .filter-btns__inner.show-after::after,
.filter-btns .filter-btns__inner.show-before::before {
    opacity: 0;
    display: none
}

.filter-btns .filter-btns__inner a {
    padding: .8rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .2rem;
    border-radius: .6rem;
    background-color: var(--filter-btn-color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 3.7rem;
    word-break: normal;
    overflow-wrap: normal;
    white-space: nowrap
}

.filter-btns .filter-btns__inner a+a {
    margin-left: .8rem
}

.filter-btns .filter-btns__inner a.btn-active {
    background-color: var(--blue);
    color: #fff
}

.filter-btns__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.filter-btns__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.7rem;
    height: 3.7rem;
    background-color: var(--filter-btn-color);
    border-radius: .6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1.5rem 0 0;
    cursor: pointer;
    margin: 0 0 0 1.5rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-btns__right::after {
    content: "";
    position: absolute;
    width: .9rem;
    height: 1.6rem;
    background-image: url("../images/icons/arrow-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.filter-btns__inner {
    position: relative;
    overflow: hidden
}

.filter-btns__inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(white), to(transparent));
    background: -o-linear-gradient(right, white, transparent);
    background: linear-gradient(to left, white, transparent);
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

.filter-btns__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(white), to(transparent));
    background: -o-linear-gradient(left, white, transparent);
    background: linear-gradient(to right, white, transparent);
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0
}

.filter-btns__inner.show-after::after {
    opacity: 1
}

.filter-btns__inner.show-before::before {
    opacity: 1
}

.tape-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -1.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tape-row {
    padding: 3rem 0 8rem 0
}

.pagination {
    margin: 5rem 0 0 0
}

.dss-publications {
    padding: 0 0 8rem 0
}

.p-about {
    padding: 2rem 0 12rem;
    color: var(--white)
}

.p-about .dss-title {
    margin: 0 0 4.5rem 0
}

.p-about__inner {
    max-width: 93rem;
    width: 100%;
    margin: 0 auto
}

.p-about__text-lg {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%
}

.p-about__text-lg a {
    color: #355eff
}

.p-about__title {
    margin: 4.5rem 0 3rem 0;
    color: var(--white);
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 140%
}

.p-team {
    padding: 2rem 0 7rem
}

.p-team .m-item__title {
    margin: 0 0 1.5rem 0
}

.p-team__subinfo {
    margin: 0 0 4.5rem 0;
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 120%
}

.p-team .soc a {
    width: 3rem;
    height: 3rem;
    border-radius: .7rem
}

.p-team .soc a img {
    width: 1.6rem;
    height: 1.6rem
}

.m-item__text {
    margin: 0 0 1.5rem 0;
    color: var(--grey);
    color: #ababab;
    font-weight: 300;
    line-height: 120%
}

.m-item__text p:last-child {
    margin: 0
}

.p-contcts {
    padding: 2rem 0 8rem
}

.p-contcts .dss-title {
    margin: 0 0 4.5rem 0
}

.p-contcts__box {
    border-radius: 1rem;
    padding: 3rem;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    color: var(--white);
    background-color: var(--dark);
    margin: 0 0 4.5rem 0
}

.p-contcts__box p:last-child {
    margin: 0
}

.p-contcts .stickers {
    position: static
}

.p-contcts__item {
    border-top: .1rem solid var(--border);
    padding: 3rem 0
}

.p-contcts__item a,
.p-contcts__item p {
    color: var(--white);
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 130%
}

.p-contcts__inner {
    max-width: 93rem;
    width: 100%;
    margin: 0 auto
}

.p-reclam {
    padding: 2rem 0 7rem;
    color: var(--white)
}

.p-reclam .dss-title {
    margin: 0 0 8rem 0
}

.p-reclam__inner {
    max-width: 93rem;
    width: 100%;
    margin: 0 auto
}

.p-reclam__inner>img {
    display: block;
    max-width: 49rem;
    width: 100%;
    margin: 0 auto 4.5rem
}

.p-reclam__inner>.stickers {
    border-top: .1rem solid var(--border);
    position: -webkit-sticky;
    position: sticky;
    padding: 3rem 0 0 0;
    margin: 3rem 0 4rem
}

.p-reclam .stickers {
    position: static
}

.p-reclam__text-md {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 8rem 0
}

.p-reclam__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8rem -1.5rem
}

.p-reclam__list-item {
    margin: 0 0 1.5rem 1.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 1rem;
    background: #000acc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.5rem 5rem
}

.p-reclam__list-item img {
    width: 3.5rem;
    height: 3.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.p-reclam__text-lg {
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 8rem 0
}

.p-reclam__underimg {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 8rem 0
}

.p-reclam__stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .1rem solid var(--border);
    padding: 3rem 0
}

.p-reclam__stat {
    margin: 0 0 8rem 0
}

.p-reclam__stat-left {
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 130%
}

.p-reclam__stat-right {
    padding: .8rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem;
    background: #000acc;
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 130%
}

.p-page {
    padding: 3rem 0 8rem;
    color: var(--white)
}

.p-page .m-intro__item-bot {
    padding: 2rem 0;
    margin: 0 0 3rem 0;
    border-bottom: 1px solid var(--border)
}

.p-page .m-intro__item-bot .m-watch {
    background-color: var(--dark);
    margin: 0 0 0 1.5rem;
    color: var(--white)
}

.p-page .dss-title {
    font-size: 5.6rem;
    margin: 0 0 1.5rem 0
}

.p-page .dss-title-subinfo {
    margin: 0 0 3rem 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 130%
}

.p-page .container>img {
    display: block;
    margin: 4rem 0 8rem 0;
    width: 100%;
    height: auto;
    border-radius: 1rem
}

.p-page__inner {
    max-width: 93rem;
    width: 100%;
    margin: 0 auto
}

.p-page__text-sm {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 8rem 0
}

.p-page__text-sm a {
    color: #000acc
}

.p-page__title {
    margin: 0 0 3rem 0;
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 140%
}

.p-page__text {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 140%;
    margin: 0 0 8rem 0
}

.p-page__text a {
    color: #000acc
}

.p-page__text strong {
    font-size: 2rem;
    font-weight: 600
}

.p-page__text span {
    color: #000acc
}

.p-page__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem;
    background-color: var(--dark);
    padding: 3rem
}

.p-page__tags p {
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500
}

.p-page__tags .stickers {
    margin: 0 0 0 1.5rem;
    position: static
}

.p-page__liner {
    padding: 3rem 0;
    margin: 0 0 3rem 0;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 140%
}

.p-page__liner p {
    margin: 0
}

.p-page__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8rem -3rem
}

.p-page__stat-item {
    width: calc(33.33333% - 3rem);
    margin: 0 0 3rem 3rem;
    text-align: center
}

.p-page__top {
    font-family: "Tektur", sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    padding-bottom: 3rem
}

.p-page__bot {
    border-top: 1px solid var(--border);
    padding-top: 3rem;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 140%
}

.p-page__under-img {
    margin: -7rem 0 8rem;
    text-align: right;
    color: #454545;
    font-weight: 300;
    line-height: 140%
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 0 0 4rem 0;
    height: 0;
    overflow: hidden
}

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

.news-two {
    padding: 5rem 0 4rem
}

.news-two .dss-title {
    margin: 0 0 4rem 0
}

.dss-publications .container>.dss-title {
    margin: 0 0 4rem 0
}

.dss-author {
    padding: 2rem 0 12rem;
    color: var(--white)
}

.dss-author a {
    color: #355eff
}

.dss-author .p-page__liner {
    font-size: 2.4rem;
    margin: 0
}

.dss-author__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--dark);
    border-radius: 1rem;
    padding: 3rem
}

.dss-author__left {
    max-width: 40rem;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 3rem 0 0
}

.dss-author__left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.dss-author__title {
    font-family: "Tektur", sans-serif;
    font-size: 6.4rem;
    font-weight: 500;
    line-height: 110%;
    margin: 0 0 1.5rem 0
}

.dss-author__text {
    margin: -0.1rem 0 0 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-weight: 300;
    line-height: 140%;
    padding: 2rem 0;
    margin: 0 0 3rem 0;
    border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border)
}

.dss-author__links a {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    color: #355eff;
    font-family: "Tektur", sans-serif;
    font-weight: 500
}

.p-vacancy .vacancy-item {
    width: 100%;
    margin: 0;
    max-width: 80.5rem
}

.vacancy-item__text {
    color: var(--white)
}

.vacancy-item__text p,
.vacancy-item__text ul {
    margin: 0 0 1.5rem 0;
    line-height: 140%
}

.vacancy-item__list {
    padding: 0 0 0 1rem
}

.vacancy-item__list li {
    position: relative;
    padding: 0 0 0 1.5rem
}

.vacancy-item__list li::after {
    content: "";
    position: absolute;
    top: .7rem;
    left: 0;
    width: .5rem;
    height: .5rem;
    background-color: var(--white);
    border-radius: 50%
}

.vacancy-item__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vacancy-item__btns {
    margin: 3rem 0 0 0;
    padding: 3rem 0 0 0;
    border-top: .1rem solid var(--border)
}

.vacancy-item__btns .dss-btn {
    font-size: 2rem;
    letter-spacing: 0
}

.vacancy-item__btns .dss-btn:nth-child(2) {
    background-color: var(--white);
    color: #000acc;
    margin: 0 0 0 2rem
}

.vacancy-item__title {
    margin: 0 0 1rem 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%
}

.footer {
    margin: 5rem 0 0 0
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 0;
    margin: 0 0 3rem 0;
    border-top: .1rem solid var(--border);
    border-bottom: .1rem solid var(--border)
}

.footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 27rem;
    height: 5.2rem
}

.footer__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .themes {
    margin: 0 3rem 0 auto
}

.footer__inner {
    margin: 0 0 3rem 0;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    border-radius: 1rem;
    background: var(--dark)
}

.footer__col {
    width: calc(16.66666% - 3rem);
    color: var(--white)
}

.footer__col li {
    margin: 0 0 .8rem 0
}

.footer__col a {
    font-weight: 300;
    line-height: 140%;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0);
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
}

.footer__col a:hover {
    -webkit-text-decoration-color: var(--white);
    text-decoration-color: var(--white)
}

.footer__title {
    margin: 0 0 2.4rem 0;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%
}

.footer__bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0;
    border-top: .1rem solid var(--border)
}

.footer__bot p {
    margin: 0 3rem 0 0;
    color: var(--grey);
    font-weight: 300;
    line-height: 140%
}

@media(max-width: 1200px) {
    .header__nav a {
        font-size: 1.4rem
    }

    .header__nav ul,
    .header__logo img,
    .header__logo,
    .header__search,
    .themes button {
        height: 3rem
    }

    .soc a {
        width: 3rem;
        height: 3rem
    }
}

@media(max-width: 992px) {
    .search-field {
        top: 1.5rem
    }

    .container {
        padding: 0 1.5rem
    }

    .header {
        margin-top: 0;
        padding-top: 1.5rem;
        position: relative;
        z-index: 2
    }

    header.active {
        background-color: var(--blue) !important;
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999
    }

    .header__nav ul,
    .header__logo img,
    .header__logo,
    .themes button {
        height: 4rem
    }

    .soc a,
    .header__search,
    .themes button {
        width: 4rem;
        height: 4rem
    }

    .header .soc {
        display: none
    }

    .header__search {
        margin: 0 0 0 auto
    }

    .header__logo {
        width: 19rem
    }

    .light-theme .themes__light-theme {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .light-theme .themes__dark-theme {
        display: none
    }

    .themes__dark-theme {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .themes__light-theme {
        display: none !important
    }

    .themes button {
        background-color: #f2eee9 !important
    }

    .themes button svg path {
        stroke: var(--blue) !important
    }

    .header__inner {
        -webkit-column-gap: .6rem;
        -moz-column-gap: .6rem;
        column-gap: .6rem
    }

    .header__menu-btn {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 4rem;
        height: 4rem;
        border-radius: 1rem;
        width: 4rem;
        height: 4rem;
        background-color: var(--blue);
        border: none;
        padding: 0;
        outline: none
    }

    .header__menu-btn span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1.4rem;
        height: .2rem;
        background-color: #fff
    }

    .header__menu-btn::after,
    .header__menu-btn::before {
        content: "";
        position: absolute;
        width: 1.4rem;
        height: .2rem;
        background-color: #fff;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: linear .2s;
        -o-transition: linear .2s;
        transition: linear .2s
    }

    .header__menu-btn::after {
        top: calc(50% + .4rem)
    }

    .header__menu-btn::before {
        top: calc(50% - .4rem)
    }

    .header__menu-btn.active {
        background-color: #f2eee9
    }

    .header__menu-btn.active span {
        background-color: var(--blue);
        opacity: 0
    }

    .header__menu-btn.active::after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        background-color: var(--blue);
        top: 50%
    }

    .header__menu-btn.active::before {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        background-color: var(--blue);
        top: 50%
    }

    .header__box {
        margin: 0;
        position: fixed;
        top: 5.5rem;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 7rem 1.5rem 4rem 1.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        overflow: auto;
        opacity: 0;
        background: #000acc;
        -webkit-transition: linear .4s;
        -o-transition: linear .4s;
        transition: linear .4s
    }

    .header__box.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .header__nav {
        border-radius: 0;
        background: rgba(0, 0, 0, 0);
        padding: 0;
        height: 100%;
        width: 100%
    }

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

    .header__nav a {
        font-size: 2rem
    }

    .header__nav li {
        margin: 0 0 2rem 0
    }

    .header.sticky {
        padding-top: 0
    }

    .footer__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__col {
        width: calc(33.33333% - 3rem)
    }

    .footer__title {
        font-size: 1.6rem;
        margin: 0 0 1.2rem 0
    }

    .footer__col a {
        font-size: 1.2rem
    }

    .dss-author__inner {
        padding: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dss-author__left {
        margin: 0 0 3rem 0
    }

    .dss-author__title {
        font-size: 3.4rem
    }
}

@media(max-width: 768px) {

    .pagination span,
    .pagination a {
        font-size: 1.4rem
    }

    .pagination li:last-child {
        margin: 0 0 0 .4rem
    }

    .pagination li:first-child {
        margin: 0 .4rem 0 0
    }

    .pagination button {
        width: 4rem
    }

    .pagination button svg {
        width: 2.1rem;
        height: 1.2rem
    }

    .pagination span,
    .pagination a,
    .pagination button {
        height: 3rem
    }

    .pagination span,
    .pagination a {
        padding: .8rem 1.2rem
    }

    body {
        font-size: 1.2rem
    }

    .m-intro__box {
        padding: 0;
        background-image: none !important
    }

    .m-intro__item {
        padding: 1.5rem
    }

    .m-item {
        width: calc(100% - 1.5rem)
    }

    .m-intro__mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% + 3rem);
        margin-left: -1.5rem;
        margin-top: -1.5rem;
        margin-bottom: 1.5rem;
        height: 19.2rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .m-intro__box .stickers {
        top: 1.5rem;
        left: 1.5rem
    }

    .stickers li {
        padding: .4rem .8rem;
        font-size: 1rem;
        border-radius: .4rem
    }

    .m-intro__item {
        border-radius: .5rem
    }

    .m-intro__item-title {
        font-size: 1.6rem
    }

    .m-watch:after {
        width: 1.3rem;
        height: 1rem
    }

    .m-intro__item-bot {
        padding: .9rem 0 0 0
    }

    .m-watch {
        font-size: 1rem;
        padding: .6rem .9rem .6rem 3rem
    }

    .m-watch:after {
        left: 1rem
    }

    .m-intro__inner {
        margin: 3rem 0 1.5rem -1.5rem
    }

    .m-item__title {
        font-size: 1.4rem
    }

    .m-item__img {
        margin: 0
    }

    .m-intro {
        padding: 3rem 0 2rem
    }

    .m-tape {
        padding: 2rem 0 2rem
    }

    .dss-title {
        margin: 0 0 1rem 0;
        font-size: 3.2rem;
        letter-spacing: .2rem
    }

    .m-tape .container>p {
        margin: 0 0 3rem 0;
        font-size: 1.2rem
    }

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

    .row-item__right {
        width: 100%;
        height: 10.5rem;
        margin: 0 0 3rem 0
    }

    .row-item__title {
        font-size: 1.6rem
    }

    .dss-btn {
        padding: .8em 1.6rem;
        font-size: 1.6rem;
        height: 3.7rem;
        letter-spacing: .1rem
    }

    .dss-btn img {
        width: 2.8rem;
        height: 1.2rem
    }

    .m-tape .dss-btn,
    .publications .dss-btn {
        margin: 3rem 0 0 0
    }

    .dss-list-md .m-item {
        width: calc(100% - 1.5rem);
        margin: 0 0 1.5rem 1.5rem
    }

    .m-item--md .stickers {
        top: 1.5rem;
        left: 1.5rem
    }

    .stickers li {
        margin: 0 1rem 1rem 0
    }

    .publications {
        padding: 4rem 0 4rem
    }

    .publications .container>p {
        font-size: 1.2rem
    }

    .publications .container>p {
        margin: 0 0 3.5rem 0
    }

    .m-item--md .m-item__title {
        font-size: 1.6rem
    }

    .m-avatar {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0 .5rem 0 0
    }

    .m-box__info p {
        font-size: 1rem;
        line-height: 1.3rem
    }

    .m-box__info span {
        font-size: 1rem
    }

    .m-item--md .m-date,
    .m-item--md .m-time {
        font-size: 1rem
    }

    .case {
        padding: 3rem 0 3rem
    }

    .case .container>p {
        font-size: 1.2rem;
        margin: 0 0 3rem 0
    }

    .m-item--light .stickers {
        top: 1.5rem;
        left: 1.5rem
    }

    .m-item__suptitle {
        letter-spacing: .2rem;
        margin: 0 0 .6rem 0
    }

    .m-item--light .m-item__title {
        font-size: 1.6rem
    }

    .m-item--light .m-item__title {
        margin: 0 0 1rem 0
    }

    .m-item__logo {
        margin: 0 2rem 0 0
    }

    .m-item__logo img {
        height: 2.7rem
    }

    .blog-item {
        width: calc(100% - 1.5rem);
        padding: 1.5rem
    }

    .m-blog {
        padding: 3rem 0 3rem
    }

    .m-blog .container>p {
        font-size: 1.2rem;
        margin: 0 0 3.5rem 0
    }

    .blog-item .m-avatar {
        width: 6rem;
        height: 6rem
    }

    .blog-item .m-box__info p {
        font-size: 1.6rem;
        line-height: 120%
    }

    .blog-item .m-time-box {
        margin: .5em 0 0 0
    }

    .blog-item__title {
        font-size: 1.4rem
    }

    .blog-item .m-box {
        padding: 0 0 1.5rem 0;
        margin: 0 0 1.5rem 0
    }

    .blog-item__bot {
        margin: .5rem 0 0 0;
        padding: 1.5rem 0 0 0
    }

    .blog-item__text {
        margin: 0
    }

    .blog-item__text p {
        margin: 0 0 1rem 0
    }

    .case .dss-btn,
    .m-blog .dss-btn,
    .vacancy .dss-btn {
        margin: 3rem 0 0 0
    }

    .vacancy-item {
        width: calc(100% - 1.5rem);
        padding: 1.5rem
    }

    .vacancy {
        padding: 3.5rem 0 3rem
    }

    .vacancy .dss-title {
        margin: 0 0 3.5rem 0
    }

    .vacancy-item__stick {
        padding: .6em 1.2rem;
        border-radius: .6rem
    }

    .vacancy-item__top {
        padding: 0 0 1rem 0;
        margin: 0 0 1.5rem 0
    }

    .vacancy-item__prof,
    .vacancy-item__pay {
        font-size: 1.6rem
    }

    .vacancy-item__bot {
        margin: 1.2rem 0 0 0;
        padding: 1.2rem 0 0 0
    }

    .art-btn {
        font-size: 1.2rem;
        height: 3.2rem
    }

    .art-btn::after {
        width: .6rem;
        height: 1.2rem
    }

    .footer__col {
        width: calc(50% - 3rem);
        margin: 0 0 3rem 0
    }

    .footer__inner {
        padding: 1.5rem
    }

    .footer__bot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.2rem 0
    }

    .footer__bot p {
        margin: 0;
        font-size: 1.2rem
    }

    .soc {
        -webkit-column-gap: .6rem;
        -moz-column-gap: .6rem;
        column-gap: .6rem
    }

    .footer .themes {
        margin: 0 .6rem 0 auto
    }

    .footer__logo {
        width: 15.5rem;
        height: 4rem;
        border-radius: 1rem;
        overflow: hidden
    }

    .footer__logo img {
        height: 4rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer {
        margin: 3.5rem 0 0 0
    }

    .footer__top {
        padding: 2rem 0;
        margin: 0 0 2rem 0
    }

    .filter-btns {
        padding: 2rem
    }

    .dss-publications .pagination {
        margin: 4rem 0 0 0
    }

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

    .m-item--row .m-item__content,
    .m-item--row .m-item__img {
        width: 100%
    }

    .p-about__text-lg {
        font-size: 2.2rem
    }

    .p-about__title {
        margin: 3.5rem 0 2rem 0;
        font-size: 2.8rem
    }

    .p-about {
        padding: 2rem 0 6rem
    }

    .p-team {
        padding: 2rem 0 5rem
    }

    .p-contcts {
        padding: 2rem 0 5rem
    }

    .p-contcts__box {
        padding: 2rem;
        font-size: 2.2rem
    }

    .p-contcts .dss-title {
        margin: 0 0 3rem 0
    }

    .p-contcts__item a,
    .p-contcts__item p {
        font-size: 1.8rem
    }

    .p-reclam__text-md,
    .p-reclam__underimg {
        font-size: 2.2rem
    }

    .p-reclam .dss-title {
        margin: 0 0 3rem 0
    }

    .p-reclam__list,
    .p-reclam__underimg,
    .p-reclam__stat,
    .p-reclam__text-md {
        margin: 0 0 4rem 0
    }

    .p-reclam__list-item {
        width: 100%;
        margin: 0 0 1.5rem 0
    }

    .p-reclam__text-lg {
        font-size: 2.6rem;
        margin: 0 0 4rem 0
    }

    .p-reclam__stat-left {
        font-size: 2.2rem
    }

    .p-reclam__stat-right {
        font-size: 2rem
    }

    .p-reclam__stat-item {
        padding: 2rem 0
    }

    .p-reclam {
        padding: 2rem 0 6rem
    }

    .p-page .dss-title {
        font-size: 3.2rem
    }

    .p-page__tags {
        padding: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .p-page__tags p {
        font-size: 2.8rem
    }

    .p-page__tags .stickers {
        margin: 0
    }

    .p-page .container>img,
    .p-page__text {
        margin: 0 0 3rem 0
    }

    .p-page__text-sm {
        font-size: 2rem;
        margin: 0 0 3rem 0
    }

    .p-page__title {
        font-size: 3.2rem;
        margin: 0 0 2rem 0
    }

    .p-page {
        padding: 3rem 0 3rem
    }

    .p-page__liner {
        padding: 2rem 0;
        font-size: 2.2rem
    }

    .p-page__top {
        font-size: 1.8rem;
        padding-bottom: 1rem
    }

    .p-page__bot {
        padding-top: 1rem;
        font-size: 1.4rem
    }

    .p-page__stats {
        margin: 0 0 4rem -3rem
    }

    .p-page__under-img {
        margin: -2rem 0 2rem 0
    }

    .dss-author__text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

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

    .vacancy-item__btns .dss-btn:nth-child(2) {
        margin: 2rem 0 0 0
    }
}