/* Start:/local/templates/exinco/assets/css/style.min.css?1770218626129977*/
@charset "UTF-8";

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-ExtraBold.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-Bold.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-SemiBold.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-Medium.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-Regular.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-Light.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-ExtraLight.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-ExtraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Montserrat-Black.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Montserrat-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Raleway-Medium.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Raleway-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Rubik-Medium.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Rubik-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Gilroy-Bold.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Gilroy-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

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

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #666;
    line-height: 1;
    font-family: Inter, sans-serif;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: Inter, sans-serif;
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

body {
    font-weight: 500
}

body .lock {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

html {
    scroll-behavior: smooth
}

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

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

.wrapper > * {
    min-width: 0
}

[class*=__container] {
    margin: 0 auto;
    max-width: 80.625rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pagination {
    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;
    width: 50%
}

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

.pagination__end,
.pagination__start {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222
}

.pagination__separator {
    margin: 0 15px;
    width: 70px;
    height: 2px;
    background: #222
}

.pagination__prev {
    margin-right: 30px
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.breadcrumbs__item {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #afafaf
}

.breadcrumbs__item:not(:last-child)::after {
    margin: 0 5px;
    content: ">"
}

.btn {
    display: block;
    background-color: #091628;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s
}

.btn:hover {
    color: #091628;
    background-color: #00c0ea;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: background-color .25s ease .25s;
    -o-transition: background-color .25s ease .25s;
    transition: background-color .25s ease .25s;
    z-index: 1000;
    height: 100px
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1820px;
    height: 100%;
    padding: 0 50px
}

.header__logo {
    margin-right: auto
}

.header__logo a {
    display: inline-block
}

.header__logo svg {
    width: 150px;
    -webkit-transition: fill .25s;
    -o-transition: fill .25s;
    transition: fill .25s
}

.header__navigation {
    margin: 0 auto;
    height: 100%
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header__item {
    margin-right: 60px;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #091628;
    -webkit-transition: text-shadow .2s, color .2s;
    -o-transition: text-shadow .2s, color .2s;
    transition: text-shadow .2s, color .2s
}

.header__item:last-child {
    margin-right: 0
}

.header__item:hover {
    text-shadow: 0 0 .65px #00c0ea;
    color: #00c0ea;
    -webkit-transition: text-shadow .2s, color .2s;
    -o-transition: text-shadow .2s, color .2s;
    transition: text-shadow .2s, color .2s
}

.header__item:hover > .header__submenu {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 30px;
    background: #043659;
    -webkit-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
    z-index: 1
}

.header__item:hover > .header__submenu::before {
    content:'';
    width: 30px;
    height: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    left: 66px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='10' viewBox='0 0 30 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 0L30 10H0L15 0Z' fill='%23043659'/%3e%3c/svg%3e ");
}

.header__item:hover > .header__submenu li {
    margin: 20px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff
}

.header__item:hover > .header__submenu li:first-child,
.header__item:hover > .header__submenu li:last-child {
    margin: 0
}

.header__item--active {
    color: #00c0ea;
    font-weight: 800
}

.header__item--active:hover {
    text-shadow: none
}

.header__submenu {
    display: none;
    height: 0
}

.header__mail a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #00c0ea
}

.header__phone {
    margin-left: 32px
}

.header__phone a {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #284670
}

.mobile-nav {
    display: none
}

.mobile-nav__button {
    position: relative;
    height: 28px
}

.mobile-nav__dash {
    position: absolute;
    height: 4px;
    width: 41px;
    background-color: #284670;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    opacity: 1
}

.mobile-nav__dash:nth-child(1) {
    top: 0
}

.mobile-nav__dash:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile-nav__dash:nth-child(3) {
    bottom: 0
}

.mobile-nav--active .mobile-nav__dash {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    background-color: #fff
}

.mobile-nav--active .mobile-nav__dash:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-nav--active .mobile-nav__dash:nth-child(2) {
    opacity: 0
}

.mobile-nav--active .mobile-nav__dash:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-mobile {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    padding: 40px 10px 10px 10px;
    height: calc(100vh - 80px);
    background-color: #043659;
    color: #fff;
    overflow-y: auto
}

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

.header-mobile__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    margin: -15px 0
}

.header-mobile__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase
}

.header-mobile__item--active {
    color: #00c0ea
}

.header-mobile__item--active .header-mobile__submenu {
    display: block
}

.header-mobile__item--active .header-mobile__dash:nth-child(2) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.header-mobile__item--active.header-mobile__item--has-submenu {
    color: #fff
}

.header-mobile__item + .header-mobile__item {
    margin-top: 30px
}

.header-mobile__item--has-submenu {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header-mobile__item--has-submenu span {
    position: relative
}

.header-mobile__button {
    position: absolute !important;
    right: -20px;
    top: 14px;
    display: block;
    margin-left: 8px;
    width: 8px;
    height: 8px
}

.header-mobile__dash {
    position: absolute !important;
    display: block;
    width: 6px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.header-mobile__dash:nth-child(2) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header-mobile__submenu {
    display: none;
    padding-left: 30px
}

.header-mobile__submenu .header-mobile__submenu-item {
    margin: 20px 0;
    color: #fff
}

.header-mobile__submenu .header-mobile__submenu-item:last-child {
    margin-bottom: 0
}

.header-mobile__submenu .header-mobile__submenu-item--active {
    color: #00c0ea
}

.header-mobile__mail {
    margin-top: 42px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.header-mobile__phone {
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

.header-mobile__caption {
    font-weight: 600;
    font-size: 14px;
    line-height: 31px;
    color: #fff;
    text-align: center
}

.footer {
    padding: 100px 0 10px 0;
    background: #091628
}

.footer__top {
    margin-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

.footer__logo {
    margin-bottom: 10px
}

.footer__descr {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .1em;
    color: #fff
}

.footer__phone {
    margin-bottom: 14px
}

.footer__phone a {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1em;
    color: #fff
}

.footer__email {
    margin-bottom: 30px
}

.footer__email a {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1em;
    color: #fff
}

.footer__address {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .1em;
    color: #fff
}

.footer__left {
    max-width: 300px
}

.footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 850px;
    max-width: 850px
}

.footer__column:nth-child(1) {
    max-width: 270px
}

.footer__column .footer__list:not(:last-child) {
    margin-bottom: 30px
}

.footer__column:nth-child(3) .footer__item:not(:first-child) {
    margin-bottom: 20px
}

.footer__item {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #dbdbdb
}

.footer__item:first-child {
    margin-bottom: 30px
}

.footer__item b {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.footer__caption {
    margin-bottom: 5px;
    color: #fff
}

.footer__bottom {
    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;
    color: #d9d9d9;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .1em
}

.footer__copyright {
    margin-right: 100px
}

.intro {
    height: calc(100vh - 100px);
    padding: 0 50px;
    max-height: 1000px;
}

.intro__container {
    height: 100%;
    position: relative;
    max-width: 1820px
}

.intro__wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.intro .simpleParallax {
    height: 100%
}

.intro__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.intro__title {
    --line-height: 77px;
    --font-size: 64px;
    position: absolute;
    top: 240px;
    left: 297px;
    font-weight: 900;
    font-size: var(--font-size);
    line-height: var(--line-height);
    text-transform: uppercase;
    color: #043659
}

.intro__title span {
    color: #00c0ea
}

.intro__title::before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 11px;
    height: calc(100% - (var(--line-height) - var(--font-size)));
    background: -o-linear-gradient(88.23deg, #091628 -26.51%, #284670 39.15%, #00c0ea 99.56%);
    background: linear-gradient(1.77deg, #091628 -26.51%, #284670 39.15%, #00c0ea 99.56%);
    content: ""
}

.intro__stats {
    width: 55%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 17px 0 0 50px;
    background-color: #fff
}

.intro__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.intro__item {
    width: calc(33.3333333333% - 16px)
}

.intro__value {
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    color: #043659
}

.intro__value span {
    font-size: 64px;
    line-height: 78px
}

.intro__caption {
    font-weight: 200;
    font-size: 15px;
    line-height: 21px;
    color: #505050
}

.intro .simpleParallax {
    height: 100%
}

.about {
    padding: 100px 0 150px 0
}

.about__title {
    margin-bottom: 30px
}

.about-teasers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-teasers__item {
    width: calc(25% - 22.5px)
}

.about-teasers__title {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.about-teasers__descr {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.teasers {
    padding: 84px 0 98px 0;
    background: -o-linear-gradient(210deg, #00c0ea 0, #284670 54.3%, #091628 100%);
    background: linear-gradient(240deg, #00c0ea 0, #284670 54.3%, #091628 100%)
}

.teasers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.teasers__item {
    width: calc(25% - 22.5px);
    color: #fff
}

.teasers__title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.teasers__descr {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.mission {
    padding-top: 100px
}

.mission__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mission__paragraph {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.mission__paragraph:not(:last-child) {
    margin-bottom: 20px
}

.mission__paragraph a {
    color: #00c0ea
}

.mission__caption {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222
}

.mission__list {
    margin: 30px 0 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mission__item {
    width: calc(33.3333333333% - 20px)
}

.mission__value {
    margin-bottom: 5px;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #f2f2f2
}

.mission__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.mission__right {
    width: 57%
}

.mission__stats {
    margin: 60px 0 0 auto;
    width: 57%
}

.partners {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 100px 0;
    height: 190px
}

.partners__container {
    max-width: 1700px;
    height: 100%
}

.partners__item {
    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
}

.partners__item img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    -o-transition: filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.partners__item img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    -o-transition: filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.partners .swiper {
    height: 100%
}

.projects {
    padding: 123px 0 93px 0
}

.projects__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 63px
}

.projects--detail .projects-slider {
    max-width: unset;
    margin-left: calc((100vw - var(--scrollbar-width) - 1290px) / 2)
}

.projects--detail .swiper-pagination {
    width: calc(100% - (100vw - var(--scrollbar-width) - 1290px) / 2) !important
}

.projects__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 0 60px;
    padding-bottom: 7px
}

.projects__prev {
    margin-right: 30px
}

.projects-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 7px;
    overflow-x: auto
}

.projects-nav__item{
    color: #222
}

.projects-nav__item:not(:last-child){
    margin-right: 50px
}

.projects-nav__item button{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap
}

.projects-nav__item label{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222;
    cursor: pointer;
    white-space: nowrap
}

.projects-nav__item label input {
    display: none;
}

.projects-nav__item--active {
    color: #00c0ea
}

.projects-nav__item--active label {
    color: #00c0ea
}

.projects-nav__button {
    display: block;
    width: 250px;
    padding: 18px;
    margin: 62px auto 0 auto
}

.projects-slider {
    max-width: 1700px;
    margin: 0 auto
}

.projects-slider .swiper-wrapper {
    margin-bottom: 50px
}

.projects-slide {
    position: relative;
    height: 570px
}

.projects-slide:hover .projects-slide-inner__hover {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.projects-slide:hover .projects-slide__title {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.projects-slide__outer {
    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;
    width: 100%;
    height: 100%
}

.projects-slide__title {
    margin: auto 22px 31px 22px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #fff
}

.projects-slide__img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.projects-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.projects-slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.projects-slide-inner__hover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(40, 70, 112, .95);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.projects-slide-inner__wrapper {
    padding: 45px 21px 61px 21px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.projects-slide-inner__title {
    margin-bottom: 31px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.projects-slide-inner__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #fff
}

.projects-slide-inner__link {
    margin-top: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

.youtube {
    padding: 100px 0
}

.youtube__container {
    position: relative
}

.youtube__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.youtube__title {
    margin-bottom: 30px
}

.youtube__paragraph {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.youtube__paragraph a,
.youtube__paragraph span {
    color: #00c0ea
}

.youtube__item {
    list-style: disc;
    margin: 0 0 5px 25px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.youtube__link {
    display: inline-block;
    margin-top: 45px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #043659
}

.youtube__left {
    width: 50%;
    padding-right: 127px
}

.youtube--about {
    overflow-x: hidden;
    padding: 160px 0 100px 0
}

.youtube--about .youtube__left {
    width: 60%
}

.youtube__right {
    width: 50%
}

.youtube__logo {
    margin-top: 45px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%
}

.youtube__logo img {
    width: 100%
}

.youtube__video {
    margin-bottom: 18px
}

.youtube__video iframe,
.youtube__video img {
    width: 100%;
    height: 356px;
    max-height: 356px
}

.youtube__name {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.youtube__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.youtube__person {
    position: absolute;
    bottom: -100px;
    right: -270px
}

.news {
    padding: 100px 0;
    background-color: #fbfbfb
}

.news__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news__title {
    margin-bottom: 22px
}

.news__desc {
    max-width: 300px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.news__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 850px;
    flex: 0 0 850px
}

.news__button {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 100px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #043659
}

.news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dbdbdb
}

.news-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.news-item__date {
    margin-right: 113px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #00c0ea
}

.news-item__title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.news-item__desc {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.news-item__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 96px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #043659
}

.news-item__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.news-item__tag {
    margin: 5px;
    padding: 2px 18px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #091628;
    background: #d9d9d9
}

.about-intro {
    margin-bottom: 10px
}

.about-intro__inner {
    position: relative;
    width: calc(100% - 100px);
    margin: 0 auto;
    background-color: #f6f6f6
}

.about-intro__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about-intro__left {
    padding: 190px 95px 190px 0;
    width: 50%;
    background-color: #f6f6f6
}

.about-intro__right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.about-intro__right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-intro__title {
    margin-bottom: 30px
}

.about-intro__desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #284670
}

.about-intro__desc span {
    color: #00c0ea
}

.complex {
    padding: 100px 0 100px 0
}

.complex__title {
    margin-bottom: 30px
}

.complex__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.complex__item {
    width: calc(25% - 30px)
}

.complex__caption {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.complex__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.about-teaser {
    padding: 64px 0;
    color: #fff;
    background: -o-linear-gradient(210deg, #00c0ea 0, #284670 54.3%, #091628 100%);
    background: linear-gradient(240deg, #00c0ea 0, #284670 54.3%, #091628 100%)
}

.about-teaser__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-teaser__item {
    width: calc(25% - 22.5px)
}

.about-teaser__value {
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px
}

.about-teaser__value span {
    font-size: 64px;
    line-height: 78px
}

.about-teaser__descr {
    font-weight: 200;
    font-size: 15px;
    line-height: 21px
}

.about-mission__row {
    position: relative
}

.about-mission__row:first-child .about-mission__img {
    right: 0;
    top: 0
}

.about-mission__row:first-child .about-mission__content {
    padding: 155px 113px 155px 0
}

.about-mission__row:last-child .about-mission__img {
    left: 0;
    top: 0
}

.about-mission__row:last-child .about-mission__content {
    padding: 155px 0 155px 113px;
    margin-left: auto
}

.about-mission__title {
    margin-bottom: 30px
}

.about-mission__descr {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.about-mission__img {
    position: absolute;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.about-mission__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-mission__img > * {
    height: 100%
}

.about-mission__content {
    width: 50%
}

.about-block {
    padding: 68px 0 0 0
}

.about-block__title {
    margin-bottom: 30px
}

.about-block__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.general {
    background-image: url(/local/templates/exinco/assets/css/../img/general-bg.png);
    background-repeat: no-repeat;
    padding-top: 100px;
    background-position: left bottom
}

.general__wrapper {
    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
}

.general__info {
    width: 65%
}

.general__img {
    width: 330px;
    height: 865px
}

.general__img img {
    max-width: 100%;
    max-height: 100%
}

.general__title {
    margin-bottom: 20px
}

.general__caption {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.general__descr {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.general__descr span {
    color: #00c0ea
}

.documents {
    padding: 100px 0 160px 0;
    background: #f6f6f6
}

.documents__subtitle {
    text-align: center
}

.documents__title {
    margin-bottom: 60px;
    text-align: center
}

.documents__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px
}

.documents__item {
    width: calc((100% - 120px) / 4);
    margin: 15px
}

.documents__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.documents__descr {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.documents__link {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #043659
}

.reviews {
    padding: 130px 0 150px 0;
    position: relative
}

.reviews__bg {
    position: absolute;
    top: -60px;
    background: url(/local/templates/exinco/assets/css/../img/reviews-bg.png), -o-linear-gradient(210deg, #00c0ea 0, #284670 54.3%, #091628 100%);
    background: url(/local/templates/exinco/assets/css/../img/reviews-bg.png), linear-gradient(240deg, #00c0ea 0, #284670 54.3%, #091628 100%);
    background-repeat: no-repeat;
    width: 40%;
    height: calc(100% + 120px)
}

.reviews__img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -80px;
    padding-left: 42px
}

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

.reviews__img .swiper-slide {
    height: auto !important
}

.reviews__img .swiper {
    width: 410px;
    height: 290px
}

.reviews__logo {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.reviews__title {
    margin-bottom: 36px
}

.reviews__info {
    margin-left: auto;
    width: 50%
}

.reviews__paragraph {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.reviews__author {
    margin-top: 50px;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #284670
}

.reviews__pagination {
    margin-top: 60px;
    width: 100%
}

.services-intro {
    padding-top: 70px
}

.services-intro__title {
    margin-bottom: 30px
}

.services-intro__title span {
    color: #00c0ea
}

.services-intro__paragraph {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px
}

.services-intro__paragraph span {
    color: #00c0ea
}

.services-intro__img {
    max-width: 1820px;
    margin: 65px auto 0 auto
}

.services-intro__img img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover
}

.feedback {
    background: #f6f6f6
}

.feedback__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.feedback__title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    color: #284670
}

.feedback__title span {
    color: #00c0ea
}

.feedback__descr {
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px
}

.feedback__button {
    padding: 18px 78px;
    max-width: 250px;
    width: 250px
}

.feedback__left {
    padding: 100px 0;
    width: 50%
}

.feedback__right {
    position: relative;
    width: 50%
}

.feedback__right img {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    margin-top: auto;
    max-width: 100%;
    max-height: 100%
}

.scope {
    padding: 100px 0
}

.scope__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px
}

.scope__left,
.scope__right {
    width: 50%
}

.scope__right {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.scope__separator {
    margin-bottom: 50px;
    padding: 28px;
    text-align: center;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    background: -o-linear-gradient(210deg, #00c0ea 0, #284670 54.3%, #091628 100%);
    background: linear-gradient(240deg, #00c0ea 0, #284670 54.3%, #091628 100%)
}

.scope__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -22.5px -15px
}

.scope__item {
    width: calc((100% - 90px) / 3);
    margin: 22.5px 15px
}

.scope__value {
    margin-bottom: 10px;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #f2f2f2
}

.scope__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #666
}

.scope__caption sup {
    font-size: inherit;
    font-weight: 700;
    line-height: 7px;
    color: #00c0ea
}

.scope__points {
    padding-left: 25px
}

.scope__paragraph {
    list-style: disc;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.scope__disclaimer {
    margin-top: 20px;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    line-height: 21px;
    color: #043659
}

.scope__disclaimer sup {
    font-size: inherit;
    font-style: normal;
    font-weight: 700;
    line-height: 7px;
    color: #00c0ea
}

.services-slider {
    padding: 100px 0
}

.services-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.services-slider__title {
    margin-bottom: 60px;
    text-align: center
}

.services-slider__left {
    width: 50%;
    margin-right: 142px
}

.services-slider__right {
    width: 50%
}

.services-slider__desc {
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.services-slider__subtitle {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #666
}

.services-slider__list {
    padding-left: 30px
}

.services-slider__item {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666;
    list-style: disc
}

.services-slider__item + .services-slider__item {
    margin-top: 10px
}

.services-slider__swiper {
    height: 525px
}

.services-slider__swiper .swiper {
    height: 100%
}

.services-slider__swiper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services-slider__controls {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.services-slider__prev {
    margin-right: 30px
}

.scan {
    padding: 100px 0
}

.scan__title {
    margin-bottom: 60px
}

.scan__img {
    width: 410px;
    height: 410px;
    margin-right: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

.scan__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -20px 0
}

.scan__item {
    margin: 20px 0
}

.scan__value {
    margin-bottom: 10px;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #f2f2f2
}

.scan__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #666
}

.scan__points {
    padding-left: 25px
}

.scan__paragraph {
    list-style: disc;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.result {
    padding: 100px 0
}

.result__title {
    margin-bottom: 60px
}

.result__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.result__item {
    width: calc(25% - 15px)
}

.result__img {
    margin-bottom: 30px;
    width: 100%;
    height: 158px
}

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

.result__value {
    margin-bottom: 10px;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #f2f2f2
}

.result__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #666
}

.aero {
    padding-top: 100px
}

.aero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
}

.aero__info {
    padding: 35px 80px;
    width: 520px;
    min-height: 314px;
    background: #f7f7f7
}

.aero__subtitle {
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    color: #043659
}

.aero__img {
    max-width: 630px;
    height: auto
}

.aero__img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.aero__text {
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #666
}

.aero__text span {
    color: #00c0ea
}

.aero__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -22.5px -15px
}

.aero__item {
    width: calc((100% - 90px) / 3);
    margin: 22.5px 15px
}

.aero__value {
    margin-bottom: 10px;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #f2f2f2
}

.aero__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #666
}

.aero__caption sup {
    font-size: inherit;
    font-weight: 700;
    line-height: 7px;
    color: #00c0ea
}

.aero__points {
    padding-left: 25px
}

.aero__paragraph {
    list-style: disc;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.news-intro {
    padding: 0 50px 5px 50px
}

.news-intro__container {
    background-image: url(/local/templates/exinco/assets/css/../img/news-bg.png);
    background-position: center;
    background-size: cover;
    max-width: 1820px;
    padding: 221px 0 !important
}

.news-intro__title {
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #fff
}

.topical__title {
    margin-bottom: 30px
}

.topical__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px
}

.topical__item {
    margin: 15px;
    width: calc(50% - 30px)
}

.topical__item--dark {
    background: #F6F6F6;
    padding: 20px 20px 22px;
}

.topical__img {
    margin-bottom: 20px;
    height: 400px
}

.topical__img img,
.topical__img iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.topical__date {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #00c0ea
}

.topical__name {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.topical__name:hover {
    color: #043659;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.topical__desc {
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.topical__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.topical__tag {
    margin: 5px;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #091628;
    background: #eeeded;
    border-radius: 5px
}

.video {
    padding: 74px 0 100px 0
}

.topical__item:not(.topical__item--dark) .prev-block{
    margin-top: 20px;
}

.video__title,
.prev-block__title {
    margin-bottom: 20px
}

.video__desc,
.prev-block__desc {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

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

.video__content {
    width: 65%;
    margin-right: 32px
}

.video__content iframe {
    width: 100%;
    max-height: 478px;
    height: 100%
}

.video__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 45px;
    width: 35%
}

.video__logo {
    margin-bottom: 24px;
    max-width: 100%
}

.prev-block__logo {
    max-width: 280px;
    margin-bottom: 24px;
}

.video__logo img,
.prev-block__logo img {
    max-width: 100%;
    height: auto
}

.video__date {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #00c0ea
}

.video__name {
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.video__name:hover {
    color: #043659;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.video__about {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.video__tags {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -5px -5px
}

.video__tag {
    margin: 5px;
    padding: 2px 18px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #091628;
    background: #d9d9d9;
    border-radius: 5px
}

.video__link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #043659
}

.news-block {
    padding: 100px 0 37px 0
}

.news-block__title {
    margin-bottom: 30px
}

.news-block__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -10px 30px -10px
}

.news-block__tags-item {
    margin: 10px
}

.news-block__tags-item input + span {
    display: block;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #091628;
    background-color: #eeeded;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .2s, color .2s;
    -o-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.news-block__tags-item input:focus-visible + span {
    outline: 2px solid #000;
    outline-offset: 2px
}

.news-block__tags-item--active span {
    background-color: #043659 !important;
    color: #fff !important;
}

.news-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -25px -15px 45px
}

.news-article {
    width: calc((100% - 60px) / 2);
    margin: 25px 15px
}

.news-article__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-article__img {
    margin-right: 30px;
    width: 50%;
    height: 360px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.news-article__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-article__date {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #00c0ea
}

.news-article__title {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.news-article__title:hover {
    color: #043659;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.news-article__desc {
    display: block;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.news-article__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.news-article__tag {
    margin: 5px;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #091628;
    background: #eeeded;
    border-radius: 5px
}

.news-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.news-pagination__item {
    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;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #091628
}

.news-pagination__item--active {
    background: #091628;
    color: #fff
}

.news-pagination__item a {
    display: block
}

.news-detail-header {
    padding-top: 79px
}

.news-detail-header__subtitle {
    margin-bottom: 10px
}

.news-detail-header__title {
    margin-bottom: 30px
}

.news-detail-header__content--divided {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-detail-header__content--divided .news-detail-header__info {
    width: 50%
}

.news-detail-header__content--divided .news-detail-header__media {
    width: 40%;
    height: 292px
}

.news-detail-header__content--divided .news-detail-header__media iframe,
.news-detail-header__content--divided .news-detail-header__media img,
.news-detail-header__content--divided .news-detail-header__media video {
    width: 100%;
    max-height: 100%
}

.news-detail-header__content--divided .news-detail-header__media img {
    -o-object-fit: cover;
    object-fit: cover
}

.news-detail-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-detail-header__caption {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #818181
}

.news-detail-header__value {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091628
}

.news-detail-header__item:nth-child(1) {
    width: 50%;
    margin-right: 50px
}

.news-detail-header__item:nth-child(2) {
    width: 50%;
    margin-right: 29px
}

.news-detail-header__item:nth-child(3) {
    width: 100%
}

.news-detail-header__doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.news-detail-header__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
}

.news-detail-header__icon img,
.news-detail-header__icon svg {
    max-width: 100%;
    max-height: 100%
}

.news-detail-content {
    padding: 60px 0 84px 0
}

.news-detail-content__text {
    margin: 15px 0
}

.news-detail-content__text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.news-detail-content__text b {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.news-detail-content__quote {
    margin: 15px 0;
    position: relative;
    padding: 68px 75px 57px 61px;
    font-style: italic;
    background: #f7f7f7
}

.news-detail-content__quote::before {
    position: absolute;
    top: 30px;
    left: 30px;
    font-weight: 900;
    font-size: 64px;
    line-height: 77px;
    color: #00c0ea;
    content: "“"
}

.news-detail-content__quote::after {
    position: absolute;
    bottom: -10px;
    right: 50px;
    font-weight: 900;
    font-size: 64px;
    line-height: 77px;
    color: #00c0ea;
    content: "”"
}

.news-detail-content__quote span {
    color: #00c0ea
}

.news-detail-content__quote-header {
    margin-bottom: 22px;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #043659
}

.news-detail-content__quote-header--large {
    font-size: 24px;
    line-height: 29px
}

.news-detail-content__quote-body {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #666
}

.news-detail-content__quote-body--large {
    font-size: 24px;
    line-height: 29px
}

.news-detail-content__images {
    margin: 15px 0;
    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
}

.news-detail-content__img {
    position: relative;
    max-width: 50%
}

.news-detail-content__img img {
    width: 100%;
    height: auto
}

.news-detail-content__img button {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 50px;
    height: 50px;
    background: rgba(217, 217, 217, .6)
}

.news-detail-content__img + .news-detail-content__img {
    margin-left: 30px
}

.news-detail-content__combined {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-detail-content__combined--small .news-detail-content__left {
    width: 65%
}

.news-detail-content__combined--small .news-detail-content__right {
    width: 35%
}

.news-detail-content__left {
    width: 60%;
    margin-right: 20px
}

.news-detail-content__right {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-detail-content__right img {
    max-width: 100%;
    height: auto
}

.news-detail-content__link a {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #091628
}

.zoom-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: none
}

.zoom-btn::after {
    position: absolute;
    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;
    width: 100%;
    height: 100%;
    background: rgba(217, 217, 217, .6);
    cursor: pointer;
    content: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_251_3571)'%3E%3Cpath d='M16.4162 11.328H13.0178V7.92962C13.0178 7.61697 12.764 7.36322 12.4514 7.36322C12.1387 7.36322 11.885 7.61697 11.885 7.92962V11.328H8.48657C8.17391 11.328 7.92017 11.5818 7.92017 11.8944C7.92017 12.2071 8.17391 12.4608 8.48657 12.4608H11.885V15.8592C11.885 16.1719 12.1387 16.4256 12.4514 16.4256C12.764 16.4256 13.0178 16.1719 13.0178 15.8592V12.4608H16.4162C16.7288 12.4608 16.9826 12.2071 16.9826 11.8944C16.9826 11.5818 16.7288 11.328 16.4162 11.328Z' fill='black'/%3E%3Cpath d='M29.2853 29.0411L20.8692 20.2885C23.0158 18.1356 24.3457 15.1677 24.3457 11.8944C24.3457 5.3355 19.0102 0 12.4513 0C5.89238 0 0.556885 5.3355 0.556885 11.8944C0.556885 18.4533 5.89238 23.7888 12.4513 23.7888C15.3303 23.7888 17.9726 22.7597 20.032 21.052L28.4686 29.8261C28.5796 29.9422 28.728 30 28.8769 30C29.0185 30 29.1596 29.9473 29.2695 29.842C29.4949 29.625 29.5017 29.2665 29.2853 29.0411ZM1.68969 11.8944C1.68969 5.96024 6.51712 1.1328 12.4513 1.1328C18.3855 1.1328 23.2129 5.96024 23.2129 11.8944C23.2129 17.8286 18.3855 22.656 12.4513 22.656C6.51712 22.656 1.68969 17.8286 1.68969 11.8944Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_251_3571'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.zoomed-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    background-color: rgba(15, 15, 15, .6);
    z-index: 9999
}

.zoomed-img img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px
}

.close-btn::after {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    content: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 24.00 24.00' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23000000' stroke-width='0.00024000000000000003'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.288'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='style=fill'%3E%3Cg id='close-circle'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM8.46967 8.46967C8.76257 8.17678 9.23744 8.17678 9.53033 8.46967L12 10.9393L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967C15.8232 8.76257 15.8232 9.23744 15.5303 9.53033L13.0606 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7625 15.8232 14.4696 15.5303L12 13.0607L9.53033 15.5303C9.23743 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7625 8.46967 14.4696L10.9393 12L8.46967 9.53033C8.17678 9.23743 8.17678 8.76256 8.46967 8.46967Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.news-detail-recs {
    padding-bottom: 100px
}

.news-detail-recs__title {
    margin-bottom: 30px
}

.news-detail-recs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -25px -15px
}

.projects-block {
    padding: 70px 0 100px 0
}

.projects-block__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 800;
    font-size: 48px;
    line-height: 58px
}

.projects-block__desc {
    margin: 0 auto 130px auto;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px
}

.projects-block__desc span {
    color: #00c0ea
}

.projects-block__header {
    margin-bottom: 50px
}

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

.projects-block__wrapper {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -15px 55px -15px
}

.projects-block__item {
    width: calc(33.3333333333% - 30.5px);
    margin: 30px 15px
}

.projects-block__img {
    margin-bottom: 20px;
    height: 410px
}

.projects-block__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.projects-block__category {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #00c0ea
}

.projects-block__caption {
    display: block;
    margin: 10px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.projects-block__subtitle {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.projects-block__link {
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    color: #284670
}

.project-intro {
    position: relative;
    min-height: calc(100vh - 100px);
    height: 100%
}

.project-intro__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: calc(100vh - 100px)
}

.project-intro__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.project-intro__img--fixed {
    position: fixed;
    top: 100px
}

.project-intro__img--mobile {
    display: none;
    margin-top: 26px;
    height: 410px
}

.project-intro__img--mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.project-intro__content {
    width: 50%;
    padding-right: 140px
}

.project-intro__title {
    margin: 70px 0 10px 0
}

.project-intro__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.project-intro__list {
    margin: 50px 0
}

.project-intro__item {
    margin: 20px 0
}

.project-intro__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222
}

.project-intro__value {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.project-intro__link {
    margin-top: 30px;
    padding: 21px;
    max-width: 250px;
    width: 250px
}

.error-block {
    position: relative
}

.error-block__img {
    position: absolute;
    width: 50%;
    height: 100%
}

.error-block__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.error-block__wrapper {
    margin-left: auto;
    width: 50%;
    padding: 176px 0 177px 140px
}

.error-block__title {
    margin-bottom: 20px
}

.error-block__desc {
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px
}

.error-block__link {
    padding: 15px 94px;
    width: 250px;
    max-width: 250px
}

.contacts {
    padding-top: 60px
}

.contacts__title {
    margin-bottom: 50px;
    font-weight: 900;
    font-size: 64px;
    line-height: 77px
}

.contacts__list {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px
}

.contacts__item {
    width: calc((100% - 120px) / 4);
    margin: 15px
}

.contacts__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contacts__yt-logo {
    margin: 1px 0 0 37px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 190px;
    height: 20px
}

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

.contacts__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222
}

.contacts__value {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.contacts__button {
    margin: 50px 0 90px 0;
    padding: 13px 56px;
    width: 250px;
    max-width: 250px
}

.map {
    cursor: pointer;
    width: 100%;
    height: 538px
}

.map [class*=controls-pane],
.map [class*=ymaps-2][class*=-ground-pane] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

main {
    padding-top: 100px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7.5px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    -o-transition-property: transform, opacity, height;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.title {
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    color: #043659
}

.title--large {
    font-size: 48px;
    line-height: 58px
}

.subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #00c0ea
}

.montserrat-text-l {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.875rem
}

.hidden {
    display: none !important
}

.hidden-opacity {
    opacity: 0;
    height: 0 !important
}

.bg-gray {
    background: #f6f6f6
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.DOM-slider-hidden {
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #043659 !important
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important
}

.swiper-pagination {
    position: unset !important
}

.swiper-pagination-bullet {
    background: #d9d9d9 !important;
    opacity: unset !important
}

.slider__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.slider__button-prev {
    position: absolute;
    left: 11.875rem;
    bottom: 17.5rem
}

.slider__button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    stroke: #ca1646
}

.slider__button-prev svg:hover {
    stroke: #666;
    cursor: pointer
}

.slider__button-next {
    position: absolute;
    right: 12.5rem;
    bottom: 17.5rem
}

.slider__button-next svg {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    stroke: #ca1646
}

.slider__button-next svg:hover {
    stroke: #666;
    cursor: pointer
}

.slider__button-prev.swiper-button-disabled svg {
    stroke: #ca1646
}

.slider__button-prev.swiper-button-disabled svg:hover {
    cursor: default
}

.slider__button-next.swiper-button-disabled svg {
    stroke: #ca1646
}

.slider__button-next.swiper-button-disabled svg:hover {
    cursor: default
}

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

@media (min-width: 1920px) {
    .intro {
        height: 869px
    }
}

@media (max-width: 1700px) {
    .header__logo {
        margin-right: auto
    }
}

@media (max-width: 1600px) {
    .header__item {
        margin-right: 40px
    }

    .slider__button-prev {
        left: 6.25rem
    }

    .slider__button-next {
        right: 6.875rem
    }
}

@media (max-width: 1500px) {
    .about-intro__inner {
        width: calc(100% - 30px)
    }
}

@media (max-width: 1440px) {
    .slider__button-prev {
        left: 3.125rem
    }

    .slider__button-next {
        right: 3.75rem
    }
}

@media (max-width: 1400px) {
    .header__item {
        margin-right: 20px
    }
}

@media (max-width: 1320px) {
    .slider__button-prev {
        left: 6.25rem;
        bottom: 15rem
    }

    .slider__button-next {
        right: 6.5625rem;
        bottom: 15rem
    }
}

@media (max-width: 1310px) {
    .projects--detail .projects-slider {
        margin: 0;
        padding: 0 15px
    }

    .projects--detail .swiper-pagination {
        width: 100% !important
    }
}

@media (max-width: 1300px) {
    .header__container {
        padding: 0 15px
    }

    .header__navigation {
        margin: 0
    }

    .header__mail {
        display: none
    }

    .header__phone {
        display: none
    }

    .intro {
        padding: 0;
        height: auto;
        max-height: 800px;
    }

    .intro__wrapper {
        height: calc(100vh - 100px);
        max-height: 640px;
    }

    .intro__stats {
        position: static;
        padding: 30px 0 0 0;
        width: 100%
    }

    .about-intro__left {
        padding: 147px 56px 136px 30px
    }

    .news-intro {
        padding: 0 15px 5px 15px
    }
}

@media (max-width: 1280px) {
    .slider__button-prev {
        left: 3.125rem
    }

    .slider__button-next {
        right: 3.4375rem
    }
}

@media (max-width: 1200px) {
    .news {
        padding: 50px 0
    }

    .news__left {
        width: 50%
    }

    .news__right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .news__button {
        margin-top: 70px
    }

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

    .news-item {
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .news-item__date {
        margin: 0 0 7px 0
    }

    .news-item__link {
        margin: 20px 0 0 0
    }
}

@media (max-width: 1100px) {
    .project-intro .title--large {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 1080px) {
    .slider__button-prev {
        left: 1.5625rem;
        bottom: 13.75rem
    }

    .slider__button-prev svg {
        width: 35px
    }

    .slider__button-next {
        right: 1.875rem;
        bottom: 13.75rem
    }

    .slider__button-next svg {
        width: 35px
    }
}

@media (max-width: 1024px) {
    .slider__button-prev {
        bottom: 10.625rem;
        left: 6.875rem
    }

    .slider__button-next {
        bottom: 10.625rem;
        right: 7.1875rem
    }
}

@media (max-width: 992px) {
    .breadcrumbs__item {
        font-size: 10px;
        line-height: 21px
    }

    .header__item {
        margin-right: 20px;
        font-size: 13px;
        line-height: 16px
    }

    .footer {
        padding: 50px 0 10px 0
    }

    .footer__top {
        margin-bottom: 70px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__logo svg {
        width: 140px
    }

    .footer__descr {
        margin-bottom: 50px;
        font-size: 14px;
        line-height: 17px
    }

    .footer__phone {
        margin-bottom: 10px
    }

    .footer__email {
        margin-bottom: 20px
    }

    .footer__address {
        font-weight: 300;
        font-size: 14px;
        line-height: 17px
    }

    .footer__left {
        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;
        max-width: 320px;
        margin: 0 auto 100px auto;
        text-align: center
    }

    .footer__right {
        width: unset;
        max-width: unset
    }

    .footer__column:nth-child(1) {
        max-width: 255px
    }

    .footer__item:first-child {
        margin-bottom: 15px
    }

    .footer__item b {
        font-size: 16px;
        line-height: 19px
    }

    .footer__item {
        font-size: 14px;
        line-height: 17px
    }

    .footer__bottom {
        font-weight: 200px;
        font-size: 11px;
        line-height: 13px
    }

    .footer__copyright {
        margin-right: 50px
    }

    .intro__title {
        top: 126px;
        left: 139px;
        --line-height: 44px;
        --font-size: 36px
    }

    .about {
        padding: 70px 0 87px 0
    }

    .about-teasers {
        margin: -15px -10px
    }

    .about-teasers__item {
        width: calc(50% - 30px);
        margin: 15px 10px
    }

    .teasers {
        padding: 50px 0
    }

    .teasers__list {
        margin: -25px -10px
    }

    .teasers__item {
        width: calc(50% - 30px);
        margin: 25px 10px
    }

    .mission {
        padding-top: 70px
    }

    .mission__list {
        margin: 30px 0 50px 0
    }

    .mission__item {
        width: calc(33.3333333333% - 10px)
    }

    .mission__stats {
        margin: 50px 0 0 0;
        width: 100%
    }

    .partners {
        padding: 70px 0;
        height: 50px
    }

    .projects {
        padding: 50px 0
    }

    .projects__header {
        margin-bottom: 23px
    }

    .projects__titles {
        margin-bottom: 30px
    }

    .projects__buttons {
        margin: 0 0 30px 60px
    }

    .projects-nav {
        width: 100%
    }

    .projects-nav__item:not(:last-child) {
        margin-right: 20px
    }

    .projects-nav__item button {
        font-size: 14px;
        line-height: 17px
    }

    .projects-nav__item label {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }

    .projects-nav__button {
        width: 160px;
        padding: 11px 27px;
        margin: 50px auto 0 auto;
        font-size: 15px
    }

    .projects-slider {
        padding: 0 15px !important
    }

    .projects-slider .swiper-wrapper {
        margin-bottom: 30px
    }

    .projects-slide {
        height: 415px
    }

    .projects-slide__title {
        font-size: 16px;
        line-height: 19px
    }

    .projects-slide-inner__title {
        font-size: 16px;
        line-height: 19px
    }

    .youtube {
        padding: 90px 0 68px 0
    }

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

    .youtube__link {
        margin-top: 40px
    }

    .youtube__left {
        width: 100%;
        padding-right: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .youtube--about {
        padding: 0 0 70px 0
    }

    .youtube--about .youtube__left {
        width: 100%
    }

    .youtube--about .youtube__title {
        margin-bottom: 20px
    }

    .youtube--about .youtube__bottom {
        width: 50%
    }

    .youtube__right {
        margin-top: 70px;
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .youtube__logo {
        max-width: 392px;
        margin-top: 30px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .youtube__video iframe,
    .youtube__video img {
        height: 447px;
        min-height: 447px
    }

    .youtube__person {
        bottom: -70px;
        right: 15px;
        max-width: 391px;
        max-height: 341px
    }

    .youtube__person img {
        width: 100%;
        height: 100%
    }

    .about-intro {
        margin-bottom: 5px
    }

    .about-intro__title {
        margin-bottom: 15px
    }

    .about-intro__desc {
        font-size: 15px;
        line-height: 21px
    }

    .complex {
        padding: 33px 0 74px 0
    }

    .complex__title {
        margin-bottom: 20px
    }

    .complex__list {
        margin: -15px -10px
    }

    .complex__item {
        width: calc(50% - 20px);
        margin: 15px 10px
    }

    .complex__caption {
        margin-bottom: 10px
    }

    .about-teaser {
        padding: 40px 0 50px 0
    }

    .about-teaser__list {
        margin: -15px -10px
    }

    .about-teaser__item {
        width: calc(50% - 30px);
        margin: 15px 10px
    }

    .about-mission__row:first-child .about-mission__content {
        padding: 94px 54px
    }

    .about-mission__row:last-child .about-mission__content {
        padding: 30px 54px
    }

    .about-mission__title {
        margin-bottom: 10px
    }

    .general__img {
        margin-left: 0;
        width: 288px;
        height: 755px
    }

    .general__title {
        margin-bottom: 10px
    }

    .documents {
        padding: 50px 0 80px 0
    }

    .documents__title {
        margin-bottom: 80px
    }

    .documents__list {
        margin: -15px -10px
    }

    .documents__item {
        width: calc(50% - 20px);
        margin: 15px 10px
    }

    .reviews {
        padding: 70px 0
    }

    .reviews__bg {
        top: -30px;
        height: 360px;
        background: url(/local/templates/exinco/assets/css/../img/reviews-bg.png), -o-linear-gradient(210deg, #00c0ea 0, #284670 54.3%, #091628 100%) 100%/100%;
        background: url(/local/templates/exinco/assets/css/../img/reviews-bg.png), linear-gradient(240deg, #00c0ea 0, #284670 54.3%, #091628 100%) 100%/100%;
        background-size: contain
    }

    .reviews__img {
        right: -30px
    }

    .reviews__img .swiper {
        width: 157px;
        height: 112px
    }

    .reviews__title {
        margin-bottom: 20px
    }

    .reviews__author {
        margin-top: 30px
    }

    .reviews__pagination {
        margin-top: 30px
    }

    .services-intro {
        padding-top: 50px
    }

    .services-intro__title {
        margin-bottom: 10px
    }

    .services-intro__paragraph {
        font-size: 15px;
        line-height: 21px
    }

    .services-intro__img {
        margin: 20px auto 0 auto
    }

    .services-intro__img img {
        height: 418px
    }

    .feedback__title {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 36px
    }

    .feedback__descr {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 21px
    }

    .feedback__button {
        padding: 11px 39px;
        width: 150px
    }

    .feedback__left {
        padding: 96px 50px
    }

    .feedback__right img {
        height: calc(100% - 70px)
    }

    .scope {
        padding: 50px 0 70px 0
    }

    .scope__header {
        margin-bottom: 50px
    }

    .scope__right {
        font-size: 15px;
        line-height: 21px
    }

    .scope__separator {
        margin-bottom: 30px;
        padding: 20px 0 27px 0;
        font-size: 24px;
        line-height: 29px
    }

    .scope__list {
        margin: -15px -9px
    }

    .scope__item {
        width: calc((100% - 36px) / 2);
        margin: 15px 9px
    }

    .scan {
        padding: 50px 0 70px 0
    }

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

    .scan__img {
        max-width: 410px;
        height: auto;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .result {
        padding: 50px 0 70px 0
    }

    .aero__wrapper {
        -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
    }

    .aero__info {
        max-width: 520px;
        width: unset
    }

    .aero__list {
        margin: -15px -9px
    }

    .aero__item {
        width: calc((100% - 36px) / 2);
        margin: 15px 9px
    }

    .news-intro__container {
        padding: 191px 0 !important
    }

    .topical__title {
        margin-bottom: 20px
    }

    .topical__wrapper {
        margin: -10px
    }

    .topical__item {
        margin: 10px
    }

    .topical__img {
        height: 250px
    }

    .video {
        padding: 24px 0 70px 0
    }

    .video__content iframe {
        height: 221px
    }

    .video__content {
        margin-right: 20px;
        width: 50%
    }

    .video__info {
        margin-top: 0;
        width: 50%
    }

    .video__logo {
        margin-bottom: 20px
    }

    .news-block {
        padding: 70px 0
    }

    .news-block__title {
        margin-bottom: 20px
    }

    .news-block__tags {
        margin: -5px -5px 30px -5px
    }

    .news-block__tags-item {
        margin: 5px
    }

    .news-block__list {
        margin: -20px -10px 30px
    }

    .news-article {
        margin: 20px 10px
    }

    .news-article__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-article__img {
        margin: 0 0 20px 0;
        width: 100%
    }

    .news-detail-header {
        padding-top: 34px
    }

    .news-detail-header__content--divided .news-detail-header__info {
        width: calc(50% - 10px)
    }

    .news-detail-header__content--divided .news-detail-header__media {
        margin-top: 26px;
        width: calc(50% - 10px);
        height: 223px
    }

    .news-detail-header__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .news-detail-header__item:nth-child(1) {
        margin-right: 0
    }

    .news-detail-header__item:nth-child(2) {
        margin-right: 0
    }

    .news-detail-header__item:nth-child(3) {
        margin-top: 34px
    }

    .news-detail-content__quote {
        padding: 68px 37px 77px 39px
    }

    .news-detail-content__quote-header--large {
        font-size: 18px;
        line-height: 22px
    }

    .news-detail-content__quote-header {
        margin-bottom: 15px
    }

    .news-detail-content__quote-body--large {
        font-size: 15px;
        line-height: 21px
    }

    .news-detail-content__img + .news-detail-content__img {
        margin-left: 20px
    }

    .news-detail-recs {
        padding-bottom: 70px
    }

    .projects-block {
        padding: 50px 0 70px 0
    }

    .projects-block__title {
        margin-bottom: 15px
    }

    .projects-block__desc {
        margin: 0 auto 70px auto;
        font-size: 15px;
        line-height: 21px
    }

    .projects-block__header {
        margin-bottom: 23px
    }

    .projects-block__wrapper {
        margin: -20px -10px 30px -10px
    }

    .projects-block__item {
        width: calc(33.3333333333% - 20px);
        margin: 20px 10px
    }

    .projects-block__img {
        margin-bottom: 10px;
        height: 256px
    }

    .projects-block__caption {
        font-size: 15px;
        line-height: 18px
    }

    .project-intro__img {
        width: 55%
    }

    .project-intro__content {
        width: 45%;
        padding-right: 20px
    }

    .project-intro__title {
        margin: 30px 0 10px 0
    }

    .project-intro__list {
        margin: 30px 0
    }

    .project-intro__link {
        margin-top: 50px;
        padding: 11px 70px;
        width: 187px
    }

    .error-block__wrapper {
        padding: 100px 0 100px 70px
    }

    .error-block__desc {
        font-size: 15px;
        line-height: 21px
    }

    .contacts {
        padding-top: 49px
    }

    .contacts__title {
        margin-bottom: 20px
    }

    .contacts__item:nth-child(5) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .contacts__item:nth-child(6) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .contacts__item:nth-child(7) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .contacts__caption {
        font-size: 18px;
        line-height: 22px
    }

    .contacts__value {
        font-size: 15px;
        line-height: 18px
    }

    .contacts__button {
        margin: 50px 0 70px 0
    }

    .title--large {
        font-size: 30px;
        line-height: 36px
    }

    .title {
        font-size: 30px;
        line-height: 36px
    }

    .subtitle {
        font-size: 13px;
        line-height: 16px
    }

    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important
    }
}

@media (max-width: 880px) {
    .slider__button-prev {
        left: 4.375rem
    }

    .slider__button-next {
        right: 4.6875rem
    }
}

@media (max-width: 800px) {
    .slider__button-prev {
        left: 2.5rem
    }

    .slider__button-next {
        right: 2.8125rem
    }
}

@media (max-width: 768px) {
    .header {
        height: 80px
    }

    .header__container {
        padding: 0 10px
    }

    .header__navigation {
        display: none
    }

    .header--expanded {
        background-color: #043659;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .header--expanded .header__logo svg path {
        fill: #fff;
        -webkit-transition: fill .25s;
        -o-transition: fill .25s;
        transition: fill .25s
    }

    .mobile-nav {
        width: 41px;
        height: 27px;
        display: block
    }

    .footer__left {
        margin: 0 auto 50px auto
    }

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

    .footer__column:nth-child(1) {
        margin-bottom: 30px
    }

    .footer__column .footer__list {
        margin-bottom: 0
    }

    .footer__column:nth-child(3) {
        margin-top: 50px
    }

    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center
    }

    .footer__copyright {
        margin: 5px 0 0 0
    }

    .intro__wrapper {
        height: 275px
    }

    .intro__title {
        left: 79px;
        top: 75px
    }

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

    .intro__item {
        width: 100%;
        margin-bottom: 15px
    }

    .intro__item:last-child {
        margin-bottom: 0
    }

    .intro__value span {
        font-size: 40px;
        line-height: 54px
    }

    .intro__value {
        margin-bottom: 0
    }

    .about {
        padding: 70px 0 70px 0
    }

    .about__title {
        margin-bottom: 20px
    }

    .about-teasers__item {
        width: 100%
    }

    .teasers__list {
        margin: -15px -10px
    }

    .teasers__item {
        margin: 15px 10px;
        width: 100%
    }

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

    .mission__list {
        margin: 30px 0 60px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mission__item {
        margin-bottom: 30px;
        width: 100%
    }

    .mission__item:last-child {
        margin-bottom: 0
    }

    .mission__left {
        margin-bottom: 20px
    }

    .mission__right {
        width: 100%
    }

    .partners {
        padding: 100px 0 86px 0
    }

    .projects {
        padding: 50px 0 34px 0
    }

    .projects__header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .projects__buttons {
        margin: 0 0 30px 0
    }

    .projects-slider {
        padding: 0 10px !important
    }

    .projects-slide-inner__link {
        font-size: 15px
    }

    .youtube {
        padding: 70px 0
    }

    .youtube__title {
        margin-bottom: 20px
    }

    .youtube__link {
        margin-top: 30px;
        word-break: break-all
    }

    .youtube--about {
        padding: 0
    }

    .youtube--about .youtube__bottom {
        width: 100%
    }

    .youtube__right {
        margin-top: 50px
    }

    .youtube__logo {
        max-width: 100%
    }

    .youtube__person {
        position: static;
        max-width: 100%;
        height: 377px;
        margin: 30px auto 0 auto
    }

    .youtube__person img {
        -o-object-fit: contain;
        object-fit: contain
    }

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

    .news__desc {
        max-width: 100%
    }

    .news__left {
        width: 100%;
        margin-bottom: 20px
    }

    .news__right {
        width: 100%
    }

    .about-intro__inner {
        width: 100%
    }

    .about-intro__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0 !important
    }

    .about-intro__left {
        padding: 50px 10px;
        width: 100%
    }

    .about-intro__right {
        position: static;
        width: 100%;
        height: 214px
    }

    .complex {
        padding: 33px 0 70px 0
    }

    .complex__item {
        width: 100%
    }

    .about-teaser__item {
        width: 100%
    }

    .about-mission__row:first-child .about-mission__img {
        top: unset;
        bottom: 0
    }

    .about-mission__row:first-child .about-mission__content {
        padding: 50px 0 240px 0
    }

    .about-mission__row:last-child .about-mission__img {
        top: unset;
        bottom: 0
    }

    .about-mission__row:last-child .about-mission__content {
        padding: 50px 0 240px 0
    }

    .about-mission__img {
        position: absolute;
        padding: 0 10px;
        width: 100%;
        height: 227px
    }

    .about-mission__content {
        width: 100%
    }

    .general {
        padding-top: 70px;
        background-position: left center;
        background-size: 285px
    }

    .general__wrapper {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .general__info {
        width: 100%
    }

    .general__img {
        position: absolute;
        top: 102px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        width: 148px;
        height: 388px
    }

    .general__title {
        margin-bottom: 482px
    }

    .general__caption {
        margin: 44px 0 20px 0
    }

    .documents {
        padding: 50px 0
    }

    .documents__title {
        margin-bottom: 30px
    }

    .documents__item {
        width: 100%
    }

    .reviews {
        padding: 50px 0 70px 0
    }

    .reviews__bg {
        width: calc(50% + 20px);
        height: 200px;
        top: 116px
    }

    .reviews__img {
        right: -187px
    }

    .reviews__img .swiper {
        width: 207px;
        height: 148px
    }

    .reviews__title {
        margin-bottom: 235px
    }

    .reviews__info {
        width: 100%
    }

    .services-intro {
        padding-top: 30px
    }

    .services-intro__title {
        margin-bottom: 15px
    }

    .services-intro__img {
        padding: 0 10px;
        margin: 30px auto 0 auto
    }

    .services-intro__img img {
        height: 215px
    }

    .feedback {
        background: unset
    }

    .feedback__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .feedback__left {
        padding: 20px 0 50px 0;
        width: 100%
    }

    .feedback__right {
        padding-top: 32px;
        width: 100%;
        background: #f6f6f6
    }

    .feedback__right img {
        position: static;
        height: 198px;
        margin: 0 auto
    }

    .scope {
        padding: 30px 0 70px 0
    }

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

    .scope__left,
    .scope__right {
        width: 100%
    }

    .scope__title {
        margin-bottom: 10px
    }

    .scope__separator {
        padding: 23px 0
    }

    .scope__list {
        margin: -15px 0
    }

    .scope__item {
        width: 100%;
        margin: 15px 0
    }

    .services-slider {
        padding: 70px 0
    }

    .services-slider__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .services-slider__left {
        width: 100%;
        margin-right: 0
    }

    .services-slider__right {
        width: 100%
    }

    .services-slider__swiper {
        margin-top: 20px
    }

    .scan {
        padding: 30px 0 70px 0
    }

    .scan__title {
        margin-bottom: 10px
    }

    .scan__img {
        max-width: 100%;
        margin: 0 0 20px 0
    }

    .scan__wrapper {
        -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
    }

    .result {
        padding: 30px 0 70px 0
    }

    .result__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px 0
    }

    .result__item {
        width: calc(50% - 15px);
        margin: 10px 0
    }

    .aero__info {
        padding: 10px;
        min-height: unset;
        margin-bottom: 10px;
        width: 100%;
        max-width: unset
    }

    .aero__subtitle {
        font-size: 24px
    }

    .aero__text {
        font-size: 20px
    }

    .aero__list {
        margin: -15px 0
    }

    .aero__item {
        width: 100%;
        margin: 15px 0
    }

    .news-intro {
        padding: 21px 10px 5px 10px
    }

    .news-intro__container {
        padding: 89px 0 !important
    }

    .topical__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -20px 0
    }

    .topical__item {
        margin: 20px 0;
        width: 100%
    }

    .topical__img {
        height: 360px
    }

    .video {
        padding: 33px 0 70px 0
    }

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

    .video__content {
        margin-bottom: 30px;
        width: 100%
    }

    .video__info {
        width: 100%
    }

    .news-block__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -20px 0 30px 0
    }

    .news-article {
        margin: 20px 0;
        width: 100%
    }

    .news-detail-header__content--divided {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-detail-header__content--divided .news-detail-header__info {
        width: 100%
    }

    .news-detail-header__content--divided .news-detail-header__media {
        margin-top: 50px;
        width: 100%
    }

    .news-detail-header__item:nth-child(3) {
        margin-top: 20px
    }

    .news-detail-content__img button {
        display: block
    }

    .news-detail-content__combined {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .news-detail-content__combined--small {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-detail-content__combined--small .news-detail-content__left {
        width: 100%
    }

    .news-detail-content__combined--small .news-detail-content__right {
        width: 100%
    }

    .news-detail-content__left {
        margin-right: 0;
        width: 100%
    }

    .news-detail-content__right {
        width: 100%
    }

    .zoom-btn {
        display: block
    }

    .news-detail-recs__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -20px 0
    }

    .projects-block {
        padding: 58px 0 70px 0
    }

    .projects-block__desc {
        margin: 0 auto 50px auto
    }

    .projects-block__header {
        padding-left: 10px;
        width: 100%
    }

    .projects-block__nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .projects-block__item {
        width: 100% !important
    }

    .projects-block__img {
        height: 395px
    }

    .project-intro__img--mobile {
        display: block
    }

    .project-intro__img {
        display: none
    }

    .project-intro__content {
        width: 100%;
        padding-right: 0
    }

    .error-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .error-block__img {
        position: static;
        width: 100%
    }

    .error-block__wrapper {
        padding: 70px 0;
        width: 100%
    }

    .error-block__link {
        margin: 0 auto
    }

    .contacts__item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .contacts__item:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .contacts__item:nth-child(3) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .contacts__item:nth-child(4) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        width: 100%
    }

    .contacts__item:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .contacts__item:nth-child(6) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .contacts__item:nth-child(7) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%
    }

    .contacts__item {
        width: calc((100% - 60px) / 2)
    }

    main {
        padding-top: 80px
    }

    .slider__navigation {
        display: none
    }
}

@media (max-width: 600px) {

    .youtube__video iframe,
    .youtube__video img {
        height: 220px;
        min-height: 220px
    }
}

@media (max-width: 413px) {
    .reviews__img {
        right: -127px
    }
}

@media (max-width: 400px) {
    .intro__title {
        left: 49px;
        --line-height: 40px;
        --font-size: 32px
    }
}

@media (max-width: 81.5625em) {
    [class*=__container] {
        max-width: none;
        padding: 0 .9375rem
    }
}

@media (max-width: 47.99875em) {
    [class*=__container] {
        padding: 0 10px
    }
}
/* End */


/* Start:/local/templates/exinco/assets/css/custom.css?179145119225489*/
/* Skeleton loading for broken/missing images */
img[src=""],
img:not([src]),
img.img-error {
    background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 3s ease-in-out infinite;
    min-height: 150px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Обёртка <picture> для webp-версий картинок не должна влиять на раскладку:
   display:contents убирает её из потока, и <img> остаётся для флексов и
   гридов тем же прямым потомком, что и раньше. */
picture {
    display: contents;
}

/* Фон шапки новостей — webp там, где браузер его понимает: png весит 889 КБ,
   webp — 49 КБ. Правило живёт здесь, потому что style.min.css минифицирован. */
.news-intro__container {
    background-image: image-set(
        url(/local/templates/exinco/assets/css/../img/news-bg.webp) type("image/webp"),
        url(/local/templates/exinco/assets/css/../img/news-bg.png) type("image/png")
    );
}

/* Inter Black — единственное начертание, которого не хватало в шаблоне.
   Из-за него страница /adaptation/ тянула шрифт из Google Fonts, а это
   передача IP посетителя на серверы Google, то есть трансграничная передача
   персональных данных. Файлы взяты из официального выпуска Inter 3.19
   (github.com/rsms/inter, SIL Open Font License 1.1) — та же версия 3.019,
   что и остальные начертания шаблона, тот же набор символов.
   font-display: swap и ленивая загрузка: файл скачивается только там,
   где действительно встречается font-weight: 900. */
@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/local/templates/exinco/assets/css/../fonts/Inter-Black.woff2) format("woff2"), url(/local/templates/exinco/assets/css/../fonts/Inter-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
}

/* ══ Заставка проекта без фото ═══════════════════════════════════════
   Шаблоны карусели, списка проектов и страницы проекта выводят её вместо
   картинки, когда у проекта нет фото: renderProjectCover() в functions.php.
   Тип объекта задаёт градиент и узор: .pcover--industry и т. д., семь типов.
   Без типа — .pcover без модификатора, спокойный тёмно-синий.

   На странице проекта — с модификатором .pcover--lg.

   Все цвета — фирменные: #091628, #043659, #284670, #00C0EA, #CA1646.
   Внизу заставки всегда тёмная часть градиента: в карусели туда ложится
   белое название проекта, и оно должно читаться. */

.pcover {
    --pc-bg: linear-gradient(180deg, #043659 0%, #091628 100%);
    --pc-pattern: none;
    position: absolute; inset: 0; overflow: hidden;
    background: var(--pc-bg);
}
/* узор гаснет книзу, чтобы не спорить с названием */
.pcover::before {
    content: ""; position: absolute; inset: 0;
    background-image: var(--pc-pattern);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 88%);
            mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .55) 45%, transparent 88%);
}

/* тип объекта: плашка с полупрозрачной подложкой читается на любом градиенте */
.pcover__type {
    position: absolute; top: 24px; left: 22px; z-index: 1; max-width: calc(100% - 44px);
    padding: 6px 10px; background: rgba(9, 22, 40, .38);
    font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; line-height: 14px;
    letter-spacing: .12em; text-transform: uppercase; color: #fff;
}

/* страница проекта: заставка занимает правую половину экрана. Название,
   город и площадь уже стоят слева, поэтому здесь только тип — крупнее */
.pcover--lg .pcover__type { top: 44px; left: 44px; padding: 8px 12px; font-size: 13px; line-height: 17px; }

/* ── типы объектов ────────────────────────────────────────────────── */

/* промышленное производство: фирменный наклонный градиент, штриховка */
.pcover--industry {
    --pc-bg: linear-gradient(240deg, #00C0EA 0%, #284670 54%, #091628 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M-5.5 5.5l11-11M0 22L22 0M16.5 27.5l11-11' stroke='white' stroke-opacity='.11'/%3E%3C/svg%3E");
}

/* фармацевтика и чистые помещения: самый светлый, соты */
.pcover--pharma {
    --pc-bg: linear-gradient(200deg, #8FE3F5 0%, #00C0EA 28%, #284670 78%, #1E3558 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 0v34' fill='none' stroke='white' stroke-opacity='.2'/%3E%3C/svg%3E");
}

/* центр обработки данных: самый тёмный, «стойки» с индикаторами */
.pcover--datacenter {
    --pc-bg: radial-gradient(120% 80% at 80% 12%, #284670 0%, #091628 72%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='36'%3E%3Cpath d='M.5 0v36M4 9h8M4 18h8M4 27h8' fill='none' stroke='white' stroke-opacity='.1'/%3E%3Ccircle cx='15' cy='9' r='1.2' fill='%2300C0EA' fill-opacity='.7'/%3E%3C/svg%3E");
}

/* энергетика и нефтегаз: тёплое свечение фирменным красным, волны */
.pcover--energy {
    --pc-bg:
        radial-gradient(85% 55% at 12% 100%, rgba(202, 22, 70, .55) 0%, rgba(202, 22, 70, 0) 100%),
        linear-gradient(180deg, #284670 0%, #091628 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='24'%3E%3Cpath d='M0 12C5 12 10 4 20 4S35 12 40 12 55 20 60 20 75 12 80 12' fill='none' stroke='white' stroke-opacity='.13'/%3E%3C/svg%3E");
}

/* агропромышленный комплекс: светлый верх, ряды арок-теплиц */
.pcover--agro {
    --pc-bg: linear-gradient(180deg, #00C0EA 0%, #1C77A8 42%, #043659 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='24'%3E%3Cpath d='M0 24a20 20 0 0 1 40 0' fill='none' stroke='white' stroke-opacity='.16'/%3E%3C/svg%3E");
}

/* жилищное строительство: спокойный диагональный, сетка фасада */
.pcover--residential {
    --pc-bg: linear-gradient(135deg, #284670 0%, #043659 55%, #091628 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M0 .5h28M.5 0v28' stroke='white' stroke-opacity='.09'/%3E%3Crect x='8' y='8' width='12' height='12' fill='white' fill-opacity='.05'/%3E%3C/svg%3E");
}

/* коммерческая недвижимость: офисы, торговля, гостиницы, кампусы, клубы —
   голубое свечение из верхнего левого угла, узор стеклянного фасада */
.pcover--commercial {
    --pc-bg:
        radial-gradient(95% 60% at 0% 0%, rgba(0, 192, 234, .6) 0%, rgba(0, 192, 234, 0) 100%),
        linear-gradient(165deg, #284670 0%, #091628 100%);
    --pc-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72'%3E%3Cpath d='M.5 0v72M0 .5h36' stroke='white' stroke-opacity='.11'/%3E%3Cpath d='M6 66L30 6' stroke='white' stroke-opacity='.05'/%3E%3C/svg%3E");
}

/* белый логотип по центру — без него заставка выглядела пустовато (07.10.2026).
   Прозрачность подбирается: --pc-logo-opacity */
.pcover::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 58%; max-width: 360px; aspect-ratio: 881 / 228;
    transform: translate(-50%, -50%);
    background: url(/local/templates/exinco/assets/css/../img/logo-exinco-white.svg) center / contain no-repeat;
    opacity: var(--pc-logo-opacity, .3);
    pointer-events: none;
}

/* ── как заставка встаёт в штатные блоки сайта ────────────────────── */
/* Длинное слово в названии («Высокотехнологичный») не должно выходить за край
   карточки — ни на заставке, ни на фото. Переносим по слогам, но только
   длинные слова — короткие уходят на следующую строку целиком. Где браузер
   переносить не умеет, слово ломается по краю, а не вылезает.
   На живом сайте при ширине 1280 сейчас вылезают три названия в карусели. */
.projects-slide__title, .projects-slide-inner__title, .projects-block__caption {
    -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word;
    /* переносить только длинные слова: 14+ букв, не короче 6 до и 5 после */
    hyphenate-limit-chars: 14 6 5;
}
/* карусель: контейнер картинки и так растянут на всю карточку */
.projects-slide__img .pcover { z-index: 0; }
/* список проектов и мобильная картинка страницы проекта: у контейнеров
   фиксированная высота, но нет позиционирования */
.projects-block__img, .project-intro__img--mobile { position: relative; }

/* Карусель «Наши проекты»: с пятой вкладкой («Строительный контроль») вкладки
   не помещаются справа от заголовка и переносятся на новую строку — вплотную
   под заголовок. Отступ сверху даёт им зазор; пока вкладки стоят в одной строке
   с заголовком, он ничего не сдвигает (строка выравнивается по нижнему краю,
   а заголовок выше вкладок с отступом). До 992px вкладки и так на своей строке
   с отступом — там не трогаем. Только карусель: в фильтре на «Проектах» тот же
   класс .projects-nav. */
@media (min-width: 992.1px) {
    .projects__header .projects-nav { margin-top: 30px; }
}

/* ── Главная, первый экран (06.10.2026) ──────────────────────────────
   Было: во всю картинку слоган «Экспертиза / Инжиниринг / Консалтинг»,
   он же H1, и больше ничего. Стало, по образцу конкурентов (Severin,
   SMART ENGINEERS) и нашей /customer/:
     надзаголовок — расшифровка названия,
     H1 — что делаем, словами из запросов,
     абзац — где и с какого года,
     две кнопки — заявка и проекты.
   Блок цифр справа внизу — прежний.

   Раскладка не абсолютная, а потоком: высота первого экрана растёт под
   текст, и на ноутбуках с низким окном текст не уходит под блок цифр. */

.intro {
    height: auto;
    max-height: none;
}

.intro__wrapper {
    display: flex;
    align-items: center;
    height: calc(100vh - 100px);
    min-height: 720px;
    max-height: 1000px;
    /* снизу — место под блок цифр (.intro__stats, 168px) и зазор */
    padding: 48px 48px 216px 297px;
    /* затемнение (::after, z-index 1) не должно ложиться на блок цифр,
       который лежит поверх картинки, но вне этого блока */
    isolation: isolate;
}

/* затемнение картинки слева, чтобы читался текст */
.intro__wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .86) 38%, rgba(255, 255, 255, 0) 78%);
    pointer-events: none;
}

.intro__content {
    position: relative;
    z-index: 2;
    max-width: 840px;
}

.intro__h1 {
    position: relative;
    margin: 22px 0 0;
    font-size: 64px;
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.02em;
    color: #043659;
}

/* фирменная полоса слева — как была у слогана */
.intro__h1::before {
    content: "";
    position: absolute;
    top: .12em;
    bottom: .1em;
    left: -31px;
    width: 11px;
    background: linear-gradient(1.77deg, #091628 -26.51%, #284670 39.15%, #00c0ea 99.56%);
}

.intro__lead {
    margin: 28px 0 0;
    max-width: 34em;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #3a4656;
}

.intro__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 36px;
}

.intro__btn {
    display: inline-flex;
    align-items: center;
    height: 52px;
    padding: 0 32px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
    text-decoration: none;
    transition: filter .2s, color .2s, box-shadow .2s;
}

.intro__btn--primary {
    background: linear-gradient(90deg, #091628 0%, #00c0ea 100%);
    color: #fff;
}

.intro__btn--primary:hover {
    filter: brightness(1.08);
    color: #fff;
}

.intro__btn--ghost {
    box-shadow: inset 0 0 0 1px #284670;
    color: #284670;
}

.intro__btn--ghost:hover {
    box-shadow: inset 0 0 0 1px #00c0ea;
    color: #00c0ea;
}

/* ── узкие экраны ─────────────────────────────────────────────────── */
@media (max-width: 1300px) {
    /* блок цифр здесь уже под картинкой, место снизу не нужно */
    .intro__wrapper {
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 96px 48px 96px 297px;
    }
}

@media (max-width: 992px) {
    .intro__wrapper {
        padding: 72px 40px 72px 139px;
    }

    .intro__h1 {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .intro__wrapper {
        height: auto;
        padding: 40px 20px 44px 44px;
    }

    .intro__wrapper::after {
        background: rgba(255, 255, 255, .86);
    }


    .intro__h1 {
        margin-top: 16px;
        font-size: 32px;
        letter-spacing: -.01em;
    }

    .intro__h1::before {
        left: -24px;
        width: 8px;
    }

    .intro__lead {
        margin-top: 18px;
        font-size: 16px;
        line-height: 26px;
    }

    .intro__actions {
        margin-top: 26px;
        gap: 12px;
    }

    .intro__btn {
        height: 48px;
        padding: 0 22px;
    }
}


/* ── Главная, «ЭКСИНКО сегодня»: шесть направлений (06.10.2026) ─────────
   В style.min.css плитки по 25% с justify-content: space-between — при шести
   второй ряд из двух разъезжается по краям. На десктопе — три колонки
   с отступом между рядами; планшет и телефон (≤ 992px) — как было. */
@media (min-width: 992.02px) {
    .about-teasers {
        justify-content: flex-start;
        column-gap: 30px;
        row-gap: 44px;
    }

    .about-teasers__item {
        width: calc((100% - 60px) / 3);
    }
}


/* ── Проект, «Дополнительная информация»: список с квадратиками (07.10.2026) ──
   В поле INFO список набирают как <ul><li>…</li></ul>. Глобальное
   `ul li { list-style: none }` убирает маркеры — рисуем такие же голубые
   квадратики, как .tz-bullets на страницах услуг. */
.project-intro__desc ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 14px 0;
    padding: 0;
}

.project-intro__desc ul li {
    display: grid;
    grid-template-columns: 7px 1fr;
    gap: 14px;
    align-items: start;
}

.project-intro__desc ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: 7px;
    background: #00C0EA;
}


/* ── Подвал: белый логотип с подписью (07.10.2026) ────────────────────
   Подпись «Экспертиза. Инжиниринг. Консалтинг» теперь внутри логотипа —
   строки .footer__descr больше нет, её отступ до телефона перешёл логотипу.
   Ширина как у логотипа в шапке; на телефоне чуть меньше, но подпись
   ещё читается (в style.min.css старому знаку было 140px). */
.footer__logo { margin-bottom: 30px; }
.footer__logo img { display: block; width: 250px; height: auto; }

@media (max-width: 992px) {
    .footer__logo { margin-bottom: 50px; }
    .footer__logo img { width: 220px; }
}


/* ── Карусели проектов: стрелки в квадратах справа (07.10.2026) ─────────
   «Наши проекты» и «Другие проекты». Было: голые стрелки сразу за
   заголовком (в style.min.css margin: 0 auto 0 60px). Стало: голубые
   квадраты у правого края контейнера — по сетке, а не по краю экрана;
   при наведении — тёмно-синие. Вкладки .projects-nav всегда своей строкой
   ниже: иначе на широком экране они встали бы в одну строку со стрелками
   и оттеснили их от края.
   Кнопки ведёт Swiper (navigation в app.min.js): в начале и в конце ленты
   он вешает .swiper-button-disabled — квадрат бледнеет. */
.projects__buttons { margin: 0 0 0 auto; padding-bottom: 0; gap: 8px; }
.projects__prev, .projects__next {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; margin: 0;
    background: #00C0EA; color: #fff;
    transition: background-color .2s;
}
.projects__prev svg, .projects__next svg { width: 20px; height: auto; }
.projects__prev svg path, .projects__next svg path { fill: currentColor; }
.projects__prev:hover, .projects__next:hover { background: #043659; }
.projects__prev.swiper-button-disabled, .projects__next.swiper-button-disabled {
    opacity: .35; cursor: default; pointer-events: none;
}
.projects__header .projects-nav { flex-basis: 100%; }

@media (max-width: 992px) {
    .projects__buttons { margin: 0 0 30px auto; gap: 6px; }
    .projects__prev, .projects__next { width: 40px; height: 40px; }
    .projects__prev svg, .projects__next svg { width: 18px; }
}

/* телефон: «Другие проекты» (30px — 252px) со стрелками в строку едва
   влезает — при 360 почти упирается в квадраты. Заголовок карусели чуть мельче */
@media (max-width: 480px) {
    .projects__title { font-size: 27px; line-height: 33px; }
    .projects__prev, .projects__next { width: 36px; height: 36px; }
    .projects__prev svg, .projects__next svg { width: 16px; }
}

/* Видео, вставленное в текст новости (VK — 640 px), не шире колонки: на телефоне растягивало страницу */
.news-detail-content__text iframe { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* ── Узкие экраны: без горизонтальной прокрутки от 320 px ──────────────────
   Яндекс считает страницу неоптимизированной для мобильных, если она шире
   экрана 320 px. Причины были такие: длинные слова в заголовках, таблицы,
   картинки и ссылки в текстах новостей, отрицательные поля у списков, колонки
   сетки tz-* (Технологии, Аудит, Контроль), которые растягивало содержимое. */

/* Картинки в текстах новостей не шире колонки (у многих width="602" из Word/Docs) */
.news-detail-content img { max-width: 100%; height: auto; }
/* Длинные адреса ссылок и названия файлов переносятся */
.news-detail-content__text, .news-detail-header__doc { overflow-wrap: break-word; }
/* Ссылки на реестры СРО в карточках документов «О компании» */
.documents__descr { overflow-wrap: anywhere; }
.news-detail-header__link { overflow-wrap: anywhere; }

@media (max-width: 992px) {
    /* Мельче 12px на телефоне не читается: хлебные крошки были 10px, низ подвала 11px */
    .breadcrumbs__item { font-size: 12px; }
    .footer__bottom { font-size: 12px; line-height: 16px; }
    /* поля -15px шире отступа контейнера (10px) — список вылезал на 5px */
    .contacts__list { margin: -15px -10px; }
    .contacts__item { margin: 15px 10px; }
    .tz-legal h2 { font-size: 30px; line-height: 38px; }
}

@media (max-width: 768px) {
    /* Широкая таблица прокручивается сама, а не растягивает страницу */
    .news-detail-content table { display: block; max-width: 100%; overflow-x: auto; }
    /* width:100% плюс поля 10px по бокам — карточка документа была шире списка */
    .documents__item { width: calc(100% - 20px); }
}

@media (max-width: 600px) {
    /* колонка сетки — ровно по ширине контейнера, а не по самому длинному слову внутри */
    .tz-hero__grid, .tz-who, .tz-legal__grid, .tz-price, .tz-head--660, .tz-head--670,
    .tz-cards, .tz-scope__grid, .tz-rows, .tz-why__grid { grid-template-columns: minmax(0, 1fr); }
    .tz-legal h2 { font-size: 24px; line-height: 32px; }
    .tz-legal__card h3 { font-size: 20px; line-height: 26px; }
}

@media (max-width: 480px) {
    /* Длинные слова в заголовках («многофункционального», «Новочебоксарский»):
       кегль ниже, чтобы слово вставало целиком, а разрыв — только страховка.
       Переносов по слогам нет: hyphens:auto дробил и слова, которые помещались */
    h1, h2, h3, .title { overflow-wrap: break-word; }
    /* у проекта сильнее правило .project-intro .title--large — отсюда двойной класс */
    .news-detail-header__title, .project-intro .project-intro__title { font-size: 26px; line-height: 32px; }
    .tz-card { padding: 28px 22px 32px; }
    .tz-legal__card { padding: 32px 22px 28px; }
}

@media (max-width: 400px) {
    .tz-hero__title { font-size: 30px; }
    .news-detail-header__title, .project-intro .project-intro__title { font-size: 24px; line-height: 30px; }
    /* в этих заголовках предлог стоит с неразрывным пробелом («Перед финансированием»,
       «Когда информационная») — связка шире колонки при прежнем кегле */
    .tz-card__title { font-size: 17px; line-height: 24px; }
    .tz-legal h2 { font-size: 22px; line-height: 30px; }
}

/* End */


/* Start:/local/templates/exinco/components/bitrix/menu/header/style.min.css?17702186283715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/exinco/components/bitrix/menu/header/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/exinco/components/bitrix/menu/header/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/exinco/components/bitrix/menu/header/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/exinco/components/bitrix/menu/header-mobile/style.min.css?17702186283715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/exinco/components/bitrix/menu/header-mobile/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/exinco/components/bitrix/menu/header-mobile/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/exinco/components/bitrix/menu/header-mobile/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/exinco/components/bitrix/menu/footer/style.min.css?1770218628490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/exinco/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/exinco/styles.css?17858753839882*/
.area-darken {
    position: relative;
    z-index: 3;
    opacity: 0.6;
    pointer-events: none;
}

.parallax-box {
    position: relative;
    height: 500px;
    background-position-x: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-box__img {
    position: absolute;
    height: calc(100% + 100px);
    top: 0;
    bottom: -100px;
    right: 0;
    left: 0;
}

.parallax-box__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .parallax-box {
        height: 418px;
    }
}

@media (max-width: 768px) {
    .parallax-box {
        height: 215px;
    }

    .parallax-box__img {
        width: calc(100% - 20px);
        left: 10px;
    }
}


/* ── Сетка главной страницы ───────────────────────────────────────────────
   Bootstrap на сайте нет, но вёрстка фактически построена на сетке
   12 колонок с жёлобом 30px: при контейнере 1290px это 12×80 + 11×30.
   Тизеры («О нас», «Почему мы») ложатся на неё точно — их 300px это ровно
   3 колонки, а шаг 330px — 3 колонки с жёлобом. Новости и исследование тоже
   стоят на колонке 5. А миссия (57%) и Youtube (50%) заданы круглыми
   процентами и с сетки сбиты: на 4.7px и 15px соответственно.

   Левый край колонки N при жёлобе 30px:  100% × (N−1)/12 + 2.5px × (N−1).
   Отсюда ширина колонок от N до 12:      100% × (13−N)/12 − 2.5px × (N−1).

   Каждое правило обёрнуто в min-width по границе, с которой блок в
   style.min.css переходит на одну колонку. Без обёртки правило перебило бы
   тот сброс: styles.css собирается в бандл последним, а медиазапрос
   специфичность не повышает. */

/* Миссия: текст и цифры — колонки 6–12. Ниже 768px блок в одну колонку. */
@media (min-width: 769px) {
    .mission__right {
        width: calc(100% * 7 / 12 - 12.5px);
    }
}

@media (min-width: 993px) {
    .mission__stats {
        width: calc(100% * 7 / 12 - 12.5px);
    }

    /* «Мы на Youtube»: текст — колонки 1–6, ролик — 7–12. */
    .youtube__left {
        width: calc(100% / 2 + 15px);
    }

    .youtube__right {
        width: calc(100% / 2 - 15px);
    }
}

/* Новости: правая колонка — 5–12. Было жёстко 850px, что равно колонкам
   5–12 ровно при контейнере 1290px. Как только ниже 1305px контейнер
   становится резиновым, 850px с сетки съезжают — на 1280px уже на 27px.
   Доля от контейнера держит колонку на месте на любой ширине.
   Ниже 1200px блок и так делится пополам. */
@media (min-width: 1201px) {
    .news__right {
        flex: 0 0 calc(100% * 2 / 3 - 10px);
    }
}


/* ── Блок исследования на главной ─────────────────────────────────────────
   Секция между «Мы на Youtube» и «Новостями». Отступы и брейкпоинты
   повторяют соседнюю .youtube: 100px → 90px → 70px.
   Фон — градиент из макета, значение взято из Figma dev mode. */

.research {
    padding: 100px 0;
    background: radial-gradient(36.39% 59.77% at 83.16% 20.86%, #284670 0%, #091628 100%);
}

/* Левая колонка — 1–4, то есть текст начинается на колонке 5, ровно там же,
   где даты новостей. Формула та же, что у .news__right выше, поэтому оба
   блока держат общий створ на любой ширине контейнера. Сама обложка при
   этом остаётся 322px по макету, остаток колонки работает отступом. */
.research__wrapper {
    display: flex;
    align-items: center;
}

.research__cover {
    flex: 0 0 calc(100% / 3 + 10px);
}

.research__cover img {
    display: block;
    width: 100%;
    max-width: 322px;
    height: auto;
}

/* Ниже 1200px новости становятся 50/50 и выравниваться уже не по чему */
@media (max-width: 1200px) {
    .research__wrapper {
        gap: 70px;
    }

    .research__cover {
        flex: 0 0 322px;
    }
}

.research__content {
    flex: 1 1 auto;
    min-width: 0;
}

/* .title задаёт размер и начертание. Здесь — только отличия блока:
   тёмный фон, верхний регистр и вторая строка акцентным цветом. */
.research__title {
    margin-bottom: 25px;
    color: #fff;
    text-transform: uppercase;
}

.research__title span {
    display: block;
    color: #00c0ea;
}

.research__desc {
    margin-bottom: 40px;
    color: #fff;
}

.research__paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.research__paragraph + .research__paragraph {
    margin-top: 15px;
}

/* .btn залит цветом #091628 — на этом блоке это ровно тёмный край градиента,
   кнопка стала бы невидимой. Поэтому здесь схема обратная: светлая кнопка на
   тёмном фоне, а на наведении — фирменный голубой, как у .btn:hover. */
.research__button {
    width: max-content;
    padding: 20px 55px;
    background-color: #fff;
    color: #091628;
}

.research__button:hover {
    background-color: #00c0ea;
    color: #091628;
}

@media (max-width: 992px) {
    .research {
        padding: 90px 0;
    }

    .research__wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .research__cover {
        flex: 0 0 auto;
        align-self: center;
        max-width: 280px;
    }
}

@media (max-width: 768px) {
    .research {
        padding: 70px 0;
    }

    .research__title {
        margin-bottom: 20px;
    }

    .research__desc {
        margin-bottom: 30px;
    }

    .research__cover {
        max-width: 240px;
    }
}

/* ── Выравнивание заголовков новостей ─────────────────────────────────────
   У .news-item__date не задана ширина, только margin-right: 113px, поэтому
   колонка даты равнялась длине строки: «9 апреля 2026» — 107px, «26 февраля
   2026» — 126px. Из-за этого заголовки соседних новостей разъезжались по
   горизонтали на 18px. Фиксируем колонку по самой длинной возможной дате
   («26 сентября 2026» — 143px). Сумма 150 + 88 = 238 равна прежней ширине
   для большинства дат, поэтому положение заголовков не меняется.
   Ниже 1200px .news-item выстраивается в колонку и правило не нужно. */
@media (min-width: 1201px) {
    .news-item__date {
        width: 150px;
        margin-right: 88px;
    }
}


/* Заголовок здесь длинный и прописными, поэтому на узких экранах он
   уменьшается — как это уже сделано у .privacy__title. */
@media (max-width: 600px) {
    .research__title {
        font-size: 24px;
        line-height: 30px;
    }

    .research__cover {
        max-width: 200px;
    }

    .research__button {
        width: 100%;
        padding: 18px 20px;
    }
}


.privacy__content {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

.privacy__content h3{
    margin-bottom: .6em;
}

.privacy__content ul li + li {
    margin-top: 2em;
}
.privacy__content ul ul li + li,
.privacy__content ul ul p + p,
.privacy__content ul ul h3 + p,
.privacy__content ul ul p:first-of-type{
    margin-top: .6em;
}

.privacy__title {
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 40px;
    font-weight: 700;
}

.privacy{
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (max-width: 991.92px) {
    .privacy__title {
        font-size: 36px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    .privacy{
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 767.92px) {
    .privacy__title {
        font-size: 28px;
        line-height: 120%;
        margin-bottom: 15px;
    }
    .privacy{
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 600px){
    .privacy__title {
        font-size: 24px;
        line-height: 120%;
    }
}

/* End */


/* Start:/local/templates/exinco/template_styles.css?177021862234*/
.block .counter{
display:none;
}
/* End */
/* /local/templates/exinco/assets/css/style.min.css?1770218626129977 */
/* /local/templates/exinco/assets/css/custom.css?179145119225489 */
/* /local/templates/exinco/components/bitrix/menu/header/style.min.css?17702186283715 */
/* /local/templates/exinco/components/bitrix/menu/header-mobile/style.min.css?17702186283715 */
/* /local/templates/exinco/components/bitrix/menu/footer/style.min.css?1770218628490 */
/* /local/templates/exinco/styles.css?17858753839882 */
/* /local/templates/exinco/template_styles.css?177021862234 */