@charset "UTF-8";

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/roboto-v50-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v50-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v50-latin-500.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v50-latin-700.woff2') format('woff2');
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    --myred: #c10007;
}

details summary::-webkit-details-marker {
    display: none;
}

/* Hide it in Firefox/older browsers */
details>summary {
    list-style: none;
}

@media (min-width:1200px) {
    * {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch
    }

    .scroll-style::-webkit-scrollbar {
        width: 8px;
        background-color: #bebebe
    }

    .scroll-style::-webkit-scrollbar-thumb {
        background-color: #8a8b94
    }

    .scroll-style::-webkit-scrollbar-thumb:hover {
        background-color: #9cb9fd
    }

    .scroll-style *::-webkit-scrollbar {
        width: 8px;
        background-color: #bebebe
    }

    .scroll-style *::-webkit-scrollbar-thumb {
        background-color: #8a8b94
    }

    .scroll-style *::-webkit-scrollbar-thumb:hover {
        background-color: #9cb9fd
    }
}

html {
    font-size: 16px
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: FontSiteFamily, arial
}

html,
body {
    width: 100%;
    min-height: 100vh;
    background-color: #f8f8f8
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

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

ol:not([class]) li,
ul:not([class]) li {
    margin-bottom: 11px;
    line-height: 1.2
}

h1 {
    color: #4a494a;
    line-height: 1.11;
    font-size: 5rem;
    font-weight: 400
}

h1.title-line:before {
    height: 2px;
    width: 30px
}

@media (max-width:1439px) {
    h1 {
        font-size: 4.6875rem
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 3.0625rem
    }
}

h1.small {
    font-size: 3.125rem
}

@media (max-width:1439px) and (min-width:1200px) {
    h1.small {
        font-size: 2.8125rem
    }
}

@media (max-width:767px) {
    h1.small {
        font-size: 1.875rem
    }
}

h2 {
    color: #4a494a;
    line-height: 1.13;
    font-size: 3.125rem;
    font-weight: 400
}

h2.title-line:before {
    height: 2px;
    width: 30px
}

@media (max-width:1439px) and (min-width:1200px) {
    h2 {
        font-size: 2.8125rem
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 2.25rem
    }
}

h2.small {
    font-size: 2rem;
    letter-spacing: .01em
}

@media (max-width:1439px) and (min-width:1200px) {
    h2.small {
        font-size: 1.6875rem
    }
}

@media (max-width:767px) {
    h2.small {
        font-size: 1.5625rem
    }
}

h3 {
    color: #4a494a;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 400
}

h3.title-line:before {
    height: 2px;
    width: 30px
}

@media (max-width:1439px) and (min-width:1200px) {
    h3 {
        font-size: 1.6875rem
    }
}

@media (max-width:767px) {
    h3 {
        font-size: 1.5625rem
    }
}

.nowrap {
    white-space: nowrap
}

.list-item-title {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500
}

.disableClick {
    pointer-events: none
}

.preload {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    z-index: 100;
    transition: background-color .4s ease-in-out
}

.preload img {
    width: 30%;
    height: 30%;
    transition: width .5s ease-in-out, height .5s ease-in-out
}

.preload.hidden {
    opacity: 0;
    z-index: -1;
    width: 0;
    height: 0;
    transition: opacity .4s .2s ease-in-out, z-index .1s .9s ease-in-out, width .1s .9s ease-in-out, height .1s .9s ease-in-out
}

.youtube-wrap {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.youtube-wrap.play .poster {
    opacity: 0;
    transition: opacity .4s ease-in-out;
    pointer-events: none
}

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

.youtube-wrap .poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.youtube-wrap .poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.youtube-wrap .poster svg {
    width: auto;
    height: auto;
    z-index: 2
}

.img-wrap {
    display: block
}

.img-wrap img {
    height: auto;
    width: 100%
}

.img-person {
    width: 50px;
    position: relative;
    margin-bottom: 20px
}

.img-person:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    background-image: url("/assets/images/icon/circle.svg");
    position: absolute;
    left: 50%;
    z-index: 2
}

.img-person img {
    border-radius: 50%;
    z-index: 3;
    width: 100%;
    position: relative
}

.sticky-block {
    position: sticky;
    top: 0
}

.separator {
    width: 100%;
    height: 1px;
    background-color: #d7d7d7
}

a {
    outline: none;
    text-decoration: none;
    color: #036;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500
}

a:hover {
    text-decoration: none;
    color: #036
}

a.hidden-border,
span.hidden-border {
    position: relative;
    max-width: max-content;
    white-space: nowrap
}

a.hidden-border:before,
span.hidden-border:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #036;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .5s cubic-bezier(.25, .1, .25, 1)
}

a.hidden-border:hover:before,
span.hidden-border:hover:before {
    transform: scaleX(1);
    transform-origin: left
}

a.link-arrow-right,
span.link-arrow-right {
    margin: 0 -2px;
    padding: 2px 2px 0;
    color: #036;
    line-height: 1;
    font-size: .9375rem;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    width: max-content;
    cursor: pointer;
    white-space: nowrap;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-right svg,
span.link-arrow-right svg {
    width: 11px;
    height: 11px
}

a.link-arrow-right svg.doc-icon,
span.link-arrow-right svg.doc-icon {
    margin: 3px 13px 3px 2px;
    min-width: 28px;
    min-height: 28px
}

a.link-arrow-right svg.arrow,
span.link-arrow-right svg.arrow {
    margin-left: 4px;
    margin-bottom: 2px
}

a.link-arrow-right svg path,
span.link-arrow-right svg path {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-right svg.arrow,
span.link-arrow-right svg.arrow {
    width: 11px;
    height: 11px
}

a.link-arrow-right svg path,
span.link-arrow-right svg path {
    fill: #036
}

a.link-arrow-right.white,
span.link-arrow-right.white {
    color: #f8f8f8
}

a.link-arrow-right.white svg path,
span.link-arrow-right.white svg path {
    fill: #f8f8f8
}

a.link-arrow-right:hover,
a.link-arrow-right:focus,
span.link-arrow-right:hover,
span.link-arrow-right:focus {
    box-shadow: inset 0 -1.25em 0 0 #036;
    color: #f8f8f8
}

a.link-arrow-right:hover svg path,
a.link-arrow-right:focus svg path,
span.link-arrow-right:hover svg path,
span.link-arrow-right:focus svg path {
    fill: #f8f8f8
}

a.link-arrow-right:hover.white,
a.link-arrow-right:focus.white,
span.link-arrow-right:hover.white,
span.link-arrow-right:focus.white {
    box-shadow: inset 0 -1.25em 0 0 #f8f8f8;
    color: #036
}

a.link-arrow-right:hover.white svg path,
a.link-arrow-right:focus.white svg path,
span.link-arrow-right:hover.white svg path,
span.link-arrow-right:focus.white svg path {
    fill: #036
}

a.link-arrow-right-top,
span.link-arrow-right-top {
    margin: -1px -2px;
    padding: 1px 2px;
    color: #036;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: max-content;
    cursor: pointer;
    white-space: nowrap;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99);
    position: relative;
    white-space: nowrap
}

a.link-arrow-right-top svg,
span.link-arrow-right-top svg {
    width: 8px;
    height: 8px
}

a.link-arrow-right-top svg.doc-icon,
span.link-arrow-right-top svg.doc-icon {
    margin: 3px 13px 3px 2px;
    min-width: 28px;
    min-height: 28px
}

a.link-arrow-right-top svg.arrow,
span.link-arrow-right-top svg.arrow {
    margin-left: 4px;
    margin-bottom: 2px
}

a.link-arrow-right-top svg path,
span.link-arrow-right-top svg path {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-right-top svg path,
span.link-arrow-right-top svg path {
    fill: #036;
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-right-top:hover,
a.link-arrow-right-top:focus,
span.link-arrow-right-top:hover,
span.link-arrow-right-top:focus {
    box-shadow: inset 0 -1.25em 0 0 #036;
    color: #f8f8f8
}

a.link-arrow-right-top:hover svg path,
a.link-arrow-right-top:focus svg path,
span.link-arrow-right-top:hover svg path,
span.link-arrow-right-top:focus svg path {
    fill: #f8f8f8
}

a.link-arrow-bottom,
span.link-arrow-bottom {
    margin: 0 -2px;
    padding: 0 2px;
    color: #036;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: max-content;
    cursor: pointer;
    white-space: nowrap;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-bottom svg,
span.link-arrow-bottom svg {
    width: 10px;
    height: 10px
}

a.link-arrow-bottom svg.doc-icon,
span.link-arrow-bottom svg.doc-icon {
    margin: 3px 13px 3px 2px;
    min-width: 28px;
    min-height: 28px
}

a.link-arrow-bottom svg.arrow,
span.link-arrow-bottom svg.arrow {
    margin-left: 4px;
    margin-bottom: 2px
}

a.link-arrow-bottom svg path,
span.link-arrow-bottom svg path {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-arrow-bottom svg path,
span.link-arrow-bottom svg path {
    fill: #036
}

a.link-arrow-bottom .download-icon,
span.link-arrow-bottom .download-icon {
    width: 22px;
    height: 21px;
    margin-right: 5px
}

a.link-arrow-bottom:hover,
a.link-arrow-bottom:focus,
span.link-arrow-bottom:hover,
span.link-arrow-bottom:focus {
    box-shadow: inset 0 -1.25em 0 0 #036;
    color: #f8f8f8
}

a.link-arrow-bottom:hover svg path,
a.link-arrow-bottom:focus svg path,
span.link-arrow-bottom:hover svg path,
span.link-arrow-bottom:focus svg path {
    fill: #f8f8f8
}

a.doc-link,
span.doc-link {
    width: max-content;
    white-space: normal
}

a.doc-link:hover,
a.doc-link:focus,
span.doc-link:hover,
span.doc-link:focus {
    box-shadow: inset 0 -3.25em 0 0 #036;
    color: #f8f8f8
}

a.doc-link:hover svg path,
a.doc-link:focus svg path,
span.doc-link:hover svg path,
span.doc-link:focus svg path {
    fill: #f8f8f8
}

a.privacy-policy,
span.privacy-policy {
    color: #8a8b94;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    white-space: nowrap;
    max-width: max-content
}

a.privacy-policy:before,
span.privacy-policy:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #8a8b94;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .5s cubic-bezier(.25, .1, .25, 1)
}

a.privacy-policy:hover:before,
span.privacy-policy:hover:before {
    transform: scaleX(0);
    transform-origin: right
}

a.link-contact,
span.link-contact {
    margin: 0 -2px;
    padding: 0 2px;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

a.link-contact:hover,
a.link-contact:focus,
span.link-contact:hover,
span.link-contact:focus {
    box-shadow: inset 0 -1.25em 0 0 #036;
    color: #f8f8f8
}

.lowercase {
    text-transform: lowercase
}

.base-btn {
    cursor: pointer;
    position: relative;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border: 1px solid #036;
    border-radius: 6px;
    background-color: #036;
    color: #f8f8f8;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    transition: color .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99), opacity 1.1s cubic-bezier(.27, 0, .66, .99)
}

.base-btn.small {
    font-size: .8rem;
}

.base-btn.red {
    border-color: var(--myred);
    background-color: var(--myred);
}

.base-btn:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #f8f8f8;
    transition: width .5s cubic-bezier(.27, 0, .66, .99), opacity .6s cubic-bezier(.27, 0, .66, .99);
    border-radius: 4px;
    opacity: 0
}

.base-btn span {
    display: flex;
    align-items: center;
    width: max-content;
    z-index: 2
}

.base-btn svg {
    margin-left: 5px;
    margin-top: 1px
}

.base-btn svg path {
    fill: #f8f8f8;
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

.base-btn:hover {
    color: #036
}

.base-btn.red:hover {
    color: var(--myred);
}

.base-btn:hover:after {
    width: 100%;
    opacity: 1;
    transition: width .5s cubic-bezier(.27, 0, .66, .99), opacity .2s cubic-bezier(.27, 0, .66, .99)
}

.base-btn:hover svg path {
    fill: #036
}

.base-btn.red:hover svg path {
    fill: var(--myred);
}

.base-btn.reverse {
    border-color: #b6c9f5;
    background-color: #f8f8f8;
    color: #036
}

.base-btn.reverse svg path {
    fill: #036
}

.base-btn.reverse:after {
    background-color: #036
}

.base-btn.reverse:hover {
    color: #f8f8f8;
    border-color: #036
}

.base-btn.reverse:hover svg path {
    fill: #f8f8f8
}

.base-btn.border-only {
    border-color: #d7d7d7;
    background-color: transparent
}

.base-btn.border-only svg path {
    fill: #d7d7d7
}

.base-btn.border-only:after {
    background-color: #f8f8f8
}

.base-btn.border-only:hover {
    color: #036
}

.base-btn.bold-blue {
    background-color: #036;
    border-color: #f8f8f8
}

.base-btn.bold-blue:after {
    background-color: #f8f8f8
}

.base-btn.bold-blue:hover {
    color: #036
}

.base-btn.bold-blue:hover svg path {
    fill: #036
}

.base-btn.bg-white:hover {
    border-color: #f8f8f8
}

.base-btn.disable {
    background-color: #bebebe;
    border-color: #bebebe;
    color: #fff;
    pointer-events: none
}

ol {
    counter-reset: num
}

ol.numbered-list li {
    margin-bottom: 13px
}

ol>li {
    counter-increment: num
}

ol .counter:before {
    content: "— " counter(num);
    display: block
}

ol .counter:nth-child(-n+9):before {
    content: "— 0" counter(num)
}

ol.counter-top .counter:before {
    margin-bottom: 8px;
    color: var(--list-clr, #036);
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

ol.counter-left .counter {
    display: flex;
    align-items: baseline
}

ol.counter-left .counter:before {
    margin-right: 18px;
    min-width: max-content;
    color: var(--list-clr, #036);
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

ol.list-square li {
    height: 165px
}

ol.list-square li .counter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    border: 1px solid #036;
    padding: 13px 15px 11px;
    color: #036;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 400;
    text-align: right
}

ol.list-square li .counter:before {
    margin-right: auto;
    color: #036;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 400
}

ol.list-square li.disable .counter {
    border-color: #bebebe;
    color: #bebebe
}

ol.list-square li.disable .counter:before {
    color: #bebebe
}

@media (max-width:767px) {
    ol.list-square li {
        height: 114px
    }
}

ul.marker-line li {
    margin-bottom: 13px;
    display: flex;
    align-items: baseline;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

ul.marker-line li:before {
    content: "—";
    display: block;
    margin-right: 8px;
    min-width: max-content;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

ul.square-list-with-details {
    margin: 0 -5px
}

ul.square-list-with-details li {
    padding: 5px
}

ul.square-list-with-details li .square-element {
    border: 1px solid #4a494a;
    background-color: transparent;
    padding: 13px 15px 11px;
    height: 165px;
    display: flex;
    flex-direction: column;
    transition: background-color .5s cubic-bezier(.27, 0, .66, .99)
}

ul.square-list-with-details li .square-element .element-name {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

ul.square-list-with-details li .square-element a,
ul.square-list-with-details li .square-element span {
    margin-top: auto;
    margin-left: auto;
    font-weight: 500
}

ul.square-list-with-details li .square-element span {
    display: flex;
    align-items: center
}

ul.square-list-with-details li .square-element svg {
    margin-left: 4px
}

ul.square-list-with-details li .square-element svg path {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

ul.square-list-with-details li .square-element:hover,
ul.square-list-with-details li .square-element:focus {
    background-color: #4a494a
}

ul.square-list-with-details li .square-element:hover .element-name,
ul.square-list-with-details li .square-element:focus .element-name {
    color: #bebebe
}

ul.square-list-with-details li .square-element:hover a,
ul.square-list-with-details li .square-element:hover span,
ul.square-list-with-details li .square-element:focus a,
ul.square-list-with-details li .square-element:focus span {
    color: #fff
}

ul.square-list-with-details li .square-element:hover a svg path,
ul.square-list-with-details li .square-element:hover span svg path,
ul.square-list-with-details li .square-element:focus a svg path,
ul.square-list-with-details li .square-element:focus span svg path {
    fill: #fff
}

.tabs .tabs-body {
    position: relative
}

.tabs .tabs-body .tab-content {
    display: block;
    opacity: 0;
    position: absolute;
    transition: opacity .6s ease-in-out;
    height: 0;
    overflow: hidden;
    width: 100%;
    top: 0
}

.tabs .tabs-body .tab-content.selected {
    opacity: 1;
    z-index: 3;
    position: relative;
    height: auto
}

ul.list-simple-line li {
    margin-bottom: 11px;
    padding-left: 20px;
    position: relative
}

ul.list-simple-line li:before {
    position: absolute;
    content: "—";
    display: inline-block;
    left: 0
}

.breadcrumbs {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    overflow: hidden
}

.breadcrumbs .item-breadcrumbs {
    display: flex;
    align-items: center;
    min-width: max-content
}

.breadcrumbs .item-breadcrumbs a {
    padding-right: 8px;
    color: #4a494a;
    line-height: 1;
    font-size: .75rem;
    font-weight: 500
}

.breadcrumbs .item-breadcrumbs:not(:first-child):before {
    content: "";
    display: block;
    background-image: url("../images/icon/breadcrumbs-arrow-black.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
    margin-right: 8px
}

.breadcrumbs .item-breadcrumbs:last-child {
    pointer-events: none
}

.breadcrumbs .item-breadcrumbs:last-child a {
    color: #bebebe
}

.breadcrumbs .item-breadcrumbs:last-child:before {
    background-image: url("../images/icon/breadcrumbs-arrow-gray.svg")
}

@media (max-width:767px) {
    .breadcrumbs {
        padding: 15px
    }
}

.gradient-circles g {
    opacity: 0
}

.gradient-circles g ellipse {
    transform-origin: center center;
    transition: transform .8s cubic-bezier(.27, 0, .66, .99)
}

.gradient-circles g.view-1 {
    opacity: .4;
    transition: opacity .8s cubic-bezier(.25, .1, .25, 1)
}

.gradient-circles g.view-2 {
    opacity: .4;
    transition: opacity .8s cubic-bezier(.25, .1, .25, 1)
}

.gradient-circles g.view-3 {
    opacity: .4;
    transition: opacity .8s cubic-bezier(.25, .1, .25, 1)
}

.gradient-circles.open-circles {
    opacity: 1
}

.gradient-circles.open-circles g.view-1 {
    opacity: 1
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(1) {
    transform: translateY(-20px) translateX(10px) rotate(40deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(2) {
    transform: translateY(-13px) translateX(10px) rotate(30deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(3) {
    transform: translateY(-6px) translateX(10px) rotate(20deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(4) {
    transform: translateY(1px) translateX(10px) rotate(10deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(5) {
    transform: translateY(20px) translateX(-10px) rotate(40deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(6) {
    transform: translateY(13px) translateX(-10px) rotate(30deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(7) {
    transform: translateY(6px) translateX(-10px) rotate(20deg)
}

.gradient-circles.open-circles g.view-1 ellipse:nth-child(8) {
    transform: translateY(-1px) translateX(-10px) rotate(10deg)
}

.gradient-circles.open-circles g.view-2 {
    opacity: 1
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(1) {
    transform: translateY(3px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(2) {
    transform: translateY(18px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(3) {
    transform: translateY(-18px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(4) {
    transform: translateY(-3px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(5) {
    transform: translateX(6px) rotate(90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(6) {
    transform: translateX(18px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(7) {
    transform: translateX(-6px) rotate(-90deg)
}

.gradient-circles.open-circles g.view-2 ellipse:nth-child(8) {
    transform: translateX(-18px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 {
    opacity: 1
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(1) {
    transform: translateX(20px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(2) {
    transform: translateX(15px) translateY(11px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(3) {
    transform: translateX(1px) translateY(18px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(4) {
    transform: translateX(-13px) translateY(12px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(5) {
    transform: translateX(-17px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(6) {
    transform: translateX(-13px) translateY(-12px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(7) {
    transform: translateX(1px) translateY(-17px) rotate(90deg)
}

.gradient-circles.open-circles g.view-3 ellipse:nth-child(8) {
    transform: translateX(15px) translateY(-12px) rotate(90deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(1) {
    transform: translateY(-20px) translateX(10px) rotate(400deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(2) {
    transform: translateY(-13px) translateX(10px) rotate(390deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(3) {
    transform: translateY(-6px) translateX(10px) rotate(380deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(4) {
    transform: translateY(1px) translateX(10px) rotate(370deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(5) {
    transform: translateY(20px) translateX(-10px) rotate(400deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(6) {
    transform: translateY(13px) translateX(-10px) rotate(390deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(7) {
    transform: translateY(6px) translateX(-10px) rotate(380deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(8) {
    transform: translateY(-1px) translateX(-10px) rotate(370deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(1) {
    transform: translateY(3px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(2) {
    transform: translateY(18px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(3) {
    transform: translateY(-18px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(4) {
    transform: translateY(-3px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(5) {
    transform: translateX(6px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(6) {
    transform: translateX(18px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(7) {
    transform: translateX(-6px) rotate(-450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(8) {
    transform: translateX(-18px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(1) {
    transform: translateX(20px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(2) {
    transform: translateX(15px) translateY(11px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(3) {
    transform: translateX(1px) translateY(18px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(4) {
    transform: translateX(-13px) translateY(12px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(5) {
    transform: translateX(-17px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(6) {
    transform: translateX(-13px) translateY(-12px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(7) {
    transform: translateX(1px) translateY(-17px) rotate(450deg)
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(8) {
    transform: translateX(15px) translateY(-12px) rotate(450deg)
}

.form form {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 9px 15px 8px;
    display: flex;
    transition: border-color .4s ease-in-out
}

.form form.error {
    border-color: #f92525
}

.form form.error+.agreement-text .text {
    opacity: 0
}

.form form.error+.agreement-text .error-text {
    opacity: 1
}

.form form.error .link-arrow-right,
.form form.empty .link-arrow-right {
    pointer-events: none;
    color: #bebebe
}

.form form.error .link-arrow-right svg path,
.form form.empty .link-arrow-right svg path {
    fill: #bebebe
}

.form form.success button {
    pointer-events: none
}

.form form.success button .success-icon {
    opacity: 1
}

.form form.success button span {
    opacity: 0
}

.form form button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    padding: 0;
    transition: color .4s ease-in-out;
    color: #036;
    line-height: 1;
    font-size: .9375rem;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    width: max-content;
    cursor: pointer;
    white-space: nowrap;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

.form form button svg {
    width: 11px;
    height: 11px
}

.form form button svg.doc-icon {
    margin: 3px 13px 3px 2px;
    min-width: 28px;
    min-height: 28px
}

.form form button svg.arrow {
    margin-left: 4px;
    margin-bottom: 2px
}

.form form button svg path {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

.form form button span {
    transition: opacity .4s ease-in-out
}

.form form button .success-icon {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.form form .field {
    flex-grow: 2
}

.form form .field.error input {
    color: #f92525
}

.form form input {
    background-color: transparent;
    border: none;
    width: 100%;
    transition: color .4s ease-in-out;
    color: #8a8b94;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400
}

.form form input:focus,
.form form input:active {
    border: none;
    outline: none
}

.agreement-text {
    padding-bottom: 1px;
    color: #8a8b94;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

.agreement-text .text {
    transition: opacity .4s ease-in-out
}

.agreement-text .error-text {
    color: #f92525;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.agreement-text a.privacy-policy {
    color: #8a8b94;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

.news-list-item {
    padding: 30px;
    display: flex;
    flex-direction: column
}

.news-list-item:hover .right {
    transform: rotateZ(-45deg)
}

.news-list-item .preview-picture {
    margin-bottom: 35px
}

.news-list-item .preview-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news-list-item .name {
    margin-bottom: 20px;
    letter-spacing: .02em;
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500
}

.news-list-item .preview-text {
    margin-bottom: 30px;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

.news-list-item .bottom-block {
    display: flex;
    margin-top: auto;
    justify-content: space-between;
    align-items: center
}

.news-list-item .date {
    color: #bebebe;
    line-height: 1;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 30px
}

.news-list-item.blue .name,
.news-list-item.blue .preview-text,
.news-list-item.blue .date {
    color: #fff
}

@media (max-width:767px) {
    .news-list-item {
        padding: 30px 15px
    }
}

.modal {
    position: fixed;
    transform: translateX(101%);
    width: 100vw;
    height: 100vh;
    padding: 20px 15px;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #4a494a00
}

.modal .modal-content {
    width: 50%;
    height: 100%;
    max-width: 840px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    overflow: auto;
    background-color: #f8f8f8;
    padding: 30px 0
}

.modal .modal-content .cross-modal {
    text-align: right;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 0 30px
}

@media (max-width:1199px) {
    .modal .modal-content {
        width: 70%
    }
}

@media (max-width:767px) {
    .modal .modal-content {
        width: 100%
    }

    .modal .modal-content .form-callback .title-block {
        padding: 0 15px;
        margin: 0 auto 60px
    }

    .modal .modal-content .form-callback .title-block .title-form {
        font-size: 2.25rem
    }

    .modal .modal-content .form-callback form {
        padding: 60px 15px 30px
    }

    .modal .modal-content .form-callback form .fields-container {
        margin: 0 auto 60px
    }
}

.modal.filter-modal {
    overflow: auto
}

.modal.filter-modal.bg-bold-blue {
    background-color: #036
}

.modal.filter-modal .cross-modal {
    text-align: right;
    margin-bottom: 46px;
    cursor: pointer
}

@media (min-width:768px) {
    .modal.filter-modal {
        position: static;
        transform: translateX(0);
        width: auto;
        height: auto;
        z-index: 1;
        padding: 0
    }
}

.modal.active {
    transform: translateX(0)
}

.modal.active:not(.filter-modal) {
    background-color: #4a494a85;
    transition: background-color .5s cubic-bezier(.27, 0, .66, .99)
}

.modal.active.filter-modal {
    transform: translateX(0);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.modal.active .modal-content {
    transform: translateX(0);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.modal.close:not(.filter-modal) {
    background-color: #4a494a00;
    transition: background-color .5s cubic-bezier(.27, 0, .66, .99);
    transform: translateX(0)
}

.modal.close.filter-modal {
    transition: transform .5s cubic-bezier(.25, .1, .25, 1)
}

.modal.close .modal-content {
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.filter-container {
    transition: all .5s;
    background-color: #036;
    padding: 30px 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 585px
}

.filter-container .title-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px
}

.filter-container .title-block h1 {
    color: #f8f8f8;
    padding-right: 30px;
    margin-bottom: 10px
}

.filter-container .title-block p {
    color: #9cb9fd;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 290px;
    margin-top: 24px
}

.filter-container .filter-block>div:first-child {
    margin-bottom: 50px
}

.filter-container .filter-block>div p {
    color: #9cb9fd;
    line-height: 1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.filter-container .filter-block>div .filters-list {
    display: flex;
    flex-wrap: wrap
}

.filter-container .filter-block>div .filters-list .base-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #7099f9;
    border: none
}

.filter-container .filter-block>div .filters-list .base-btn.selected {
    color: #036
}

.filter-container .filter-block>div .filters-list .base-btn.selected:after {
    width: 100%;
    opacity: 1
}

@media (max-width:1439px) {
    .filter-container {
        min-height: 710px
    }
}

@media (max-width:1199px) {
    .filter-container .title-block {
        margin-bottom: 225px
    }
}

@media (max-width:767px) {
    .filter-container {
        padding: 0;
        min-height: 525px
    }

    .filter-container .title-block {
        flex-direction: column;
        justify-content: flex-start;
        padding: 15px 15px 0;
        margin-bottom: 70px
    }

    .filter-container .title-block h1 {
        margin-bottom: 72px
    }

    .filter-container .title-block p {
        margin-top: 0;
        max-width: max-content
    }

    .filter-container .btn-modal {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        border-top: 1px solid #036
    }

    .filter-container .btn-modal .logo-filter {
        display: flex;
        align-items: center
    }

    .filter-container .btn-modal .logo-filter img {
        margin-right: 10px
    }

    .filter-container .btn-modal .logo-filter p {
        color: #f8f8f8;
        line-height: 1.1;
        font-size: .875rem;
        font-weight: 500;
        text-transform: uppercase
    }

    .filter-container .filter-block>div:first-child {
        margin-bottom: 90px
    }

    .filter-container .filter-block>div p {
        margin-bottom: 35px
    }
}

.page {
    padding-top: 15px
}

.components>div {
    margin: 40px 0
}

.banner-block .element {
    display: flex;
    flex-wrap: wrap
}

.banner-block .element .text {
    padding: 34px 30px;
    background-color: #036;
    color: #fff;
    line-height: 1.4;
    font-size: 1.125rem;
    font-weight: 400
}

.banner-block .element .text .title {
    color: #fff;
    margin-bottom: 55px;
    line-height: 1.1
}

.banner-block .element .text .text-block {
    margin-bottom: 50px
}

.banner-block .element .text p {
    margin-bottom: 20px;
    max-width: 420px
}

.banner-block .element .text .base-btn:after {
    background-color: #036
}

.banner-block .element .image {
    padding: 30px;
    border-top: 1px solid #d7d7d7
}

.banner-block .element .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width:991px) and (min-width:768px) {
    .banner-block .element .text {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .banner-block .element .text .title {
        width: 66.666667%
    }

    .banner-block .element .text .text-block {
        width: 66.666667%
    }

    .banner-block .element .image {
        order: -1;
        height: 600px
    }

    .banner-block .element .link {
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end
    }
}

@media (max-width:767px) {
    .banner-block .element .text {
        padding: 46px 15px 30px
    }

    .banner-block .element .text .text-block {
        margin-bottom: 60px
    }

    .banner-block .element .image {
        order: -1;
        padding: 30px 15px;
        min-height: 300px
    }

    .banner-block .element .link {
        margin-bottom: 80px
    }
}

[show-scroll],
[show-noscroll] {
    opacity: 0
}

[show-scroll=link] {
    opacity: 1
}

[show-scroll=opacity-animation] {
    transition: opacity 1.1s cubic-bezier(.27, 0, .66, .99)
}

.opacity-animation {
    opacity: 1
}

[show-scroll=show-separator] {
    width: 0;
    opacity: 1
}

[show-scroll=show-separator].show-separator {
    opacity: 1;
    width: 100%;
    transition: width 1.1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-text],
[show-noscroll=show-text] {
    position: relative;
    overflow: hidden;
    display: block;
    transform: translateY(15px);
    transition: transform .9s cubic-bezier(.27, 0, .66, .99), opacity .6s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-text] .gradient-screen,
[show-noscroll=show-text] .gradient-screen {
    width: 150%;
    position: absolute;
    background: #f8f8f8;
    background: linear-gradient(90deg, #f8f8f800 0%, #f8f8f8 30%, #f8f8f8 100%);
    transition: transform .9s cubic-bezier(.27, 0, .66, .99), background .9s cubic-bezier(.27, 0, .66, .99);
    left: -50%
}

[show-scroll=show-text].vertical-grad,
[show-noscroll=show-text].vertical-grad {
    display: inline
}

@media (min-width:767px) {

    [show-scroll=show-text].vertical-grad .gradient-screen,
    [show-noscroll=show-text].vertical-grad .gradient-screen {
        height: 150% !important;
        transform: translateY(-30%)
    }
}

[show-scroll=show-text].no-gradient .gradient-screen,
[show-noscroll=show-text].no-gradient .gradient-screen {
    display: none
}

[show-scroll=show-text].bg-bold-blue .gradient-screen,
[show-noscroll=show-text].bg-bold-blue .gradient-screen {
    background: #036;
    background: linear-gradient(to right, rgba(18, 79, 220, 0), #036 30%, #036 100%);
    background: -webkit-linear-gradient(to right, rgba(18, 79, 220, 0), #036 30%, #036 100%)
}

[show-scroll=show-text].show-text,
[show-noscroll=show-text].show-text {
    opacity: 1;
    transform: translateY(0)
}

[show-scroll=show-text].show-text .gradient-screen,
[show-noscroll=show-text].show-text .gradient-screen {
    transform: translateX(100%)
}

@media (min-width:767px) {

    [show-scroll=show-text].show-text.vertical-grad .gradient-screen,
    [show-noscroll=show-text].show-text.vertical-grad .gradient-screen {
        transform: translateY(100%)
    }
}

[show-noscroll=show-text] {
    transform: translateY(0px)
}

.level-number [show-noscroll=show-text] {
    display: inline
}

@keyframes animation-arrow-bottom-right {
    0% {
        transform: translateX(0) translateY(0)
    }

    25% {
        transform: translateX(5px) translateY(5px)
    }

    50% {
        transform: translateX(0) translateY(0)
    }

    75% {
        transform: translateX(5px) translateY(5px)
    }

    100% {
        transform: translateX(0) translateY(0)
    }
}

@keyframes animation-arrow-bottom-left {
    0% {
        transform: translateX(0) translateY(0)
    }

    25% {
        transform: translateX(-5px) translateY(5px)
    }

    50% {
        transform: translateX(0) translateY(0)
    }

    75% {
        transform: translateX(-5px) translateY(5px)
    }

    100% {
        transform: translateX(0) translateY(0)
    }
}

[show-scroll=show-arrow]:not([show-scroll=show-text]),
[show-noscroll=show-arrow] {
    position: relative;
    opacity: 1;
    overflow: hidden;
    cursor: pointer
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).bg-white:before,
[show-noscroll=show-arrow].bg-white:before {
    background-color: #f8f8f8
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).bg-bold-blue:before,
[show-noscroll=show-arrow].bg-bold-blue:before {
    background-color: #036
}

[show-scroll=show-arrow]:not([show-scroll=show-text]):before,
[show-noscroll=show-arrow]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 1.1s cubic-bezier(.27, 0, .66, .99), height 1.1s cubic-bezier(.27, 0, .66, .99), top 1.1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).right,
[show-noscroll=show-arrow].right {
    transition: transform .3s cubic-bezier(.27, 0, .66, .99);
    transform-origin: center
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).right:before,
[show-noscroll=show-arrow].right:before {
    width: 22px;
    height: 22px;
    transform: rotateZ(45deg);
    top: 1px
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).right:hover,
[show-noscroll=show-arrow].right:hover {
    transform: rotateZ(-45deg)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).right-bottom:hover,
[show-noscroll=show-arrow].right-bottom:hover {
    animation: animation-arrow-bottom-right .9s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).left-bottom:hover,
[show-noscroll=show-arrow].left-bottom:hover {
    animation: animation-arrow-bottom-left .9s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).show-arrow.right-bottom:before,
[show-noscroll=show-arrow].show-arrow.right-bottom:before {
    transform: translateX(100%) translateY(100%)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).show-arrow.right:before,
[show-noscroll=show-arrow].show-arrow.right:before {
    transform: translateX(100%) translateY(-13%) rotateZ(45deg)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).show-arrow.left-bottom:before,
[show-noscroll=show-arrow].show-arrow.left-bottom:before {
    transform: translateX(-100%) translateY(100%)
}

[show-scroll=show-arrow]:not([show-scroll=show-text]).show-arrow.right-top:before,
[show-noscroll=show-arrow].show-arrow.right-top:before {
    transform: translateX(100%) translateY(-100%)
}

[show-scroll=show-accordeon] {
    opacity: 1;
    position: relative
}

[show-scroll=show-accordeon]:before {
    content: "";
    display: block;
    background-color: #0a42c3;
    width: 0;
    left: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    transition: left .5s cubic-bezier(.27, 0, .66, .99), width .5s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-accordeon] .accordeon>div {
    transition: height .5s cubic-bezier(.27, 0, .66, .99), width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), transform .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-accordeon] .accordeon>div.active {
    opacity: 0
}

[show-scroll=show-accordeon] .accordeon>div:not(.active) {
    opacity: 0;
    left: 110%
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.active {
    opacity: 1;
    width: 60%
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.active .content-container {
    width: 100%
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.active .list,
[show-scroll=show-accordeon].show-accordeon .accordeon>div.active .steps {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.active .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-6px) !important
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.active .bookmark:after {
    transform: scale(0);
    transition: translate .5s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.level-2 {
    pointer-events: none;
    opacity: 1;
    transition-delay: .9s;
    width: 40%;
    left: 60%
}

[show-scroll=show-accordeon].show-accordeon .accordeon>div.level-3 {
    opacity: 1;
    pointer-events: none;
    transition-delay: 1.2s;
    width: 20%;
    left: 80%
}

[show-scroll=show-accordeon].show-accordeon:before {
    width: 100%;
    left: 0;
    transition: width 1.1s cubic-bezier(.27, 0, .66, .99), left 1.1s cubic-bezier(.27, 0, .66, .99)
}

@media (max-width:767px) {
    .accordeon-block:not(.fixed) [show-scroll=show-accordeon]:before {
        width: 100%;
        left: 0;
        height: 0;
        top: 0;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon>div {
        width: 100%;
        transition: height .5s cubic-bezier(.27, 0, .66, .99), transform .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon>div.level-2 {
        opacity: 0;
        transition-delay: 1.5s;
        transform: translateY(150%)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon>div.level-3 {
        opacity: 0;
        transition-delay: 1.8s;
        transform: translateY(170%)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon:before {
        opacity: 1;
        height: 100%;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon>div .level-number {
        overflow: hidden
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-2 {
        opacity: 1;
        transform: translateY(0)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-2:not(.active):after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        background-color: #295cd2
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-3 {
        opacity: 1;
        transform: translateY(0)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon>div {
        transition-delay: .2s
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon>div.level-2 {
        opacity: 1;
        transform: translateY(0)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon>div.level-3 {
        opacity: 1;
        transform: translateY(0)
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon>div.active {
        transition-delay: .5s
    }

    .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon>div.active-leave {
        transition-delay: 0s
    }
}

@media (max-width:767px) {
    .accordeon-block.fixed [show-scroll=show-accordeon]:before {
        opacity: 1;
        width: 100%;
        height: 0;
        top: 0;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon>div {
        transition: none;
        opacity: 0
    }

    .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon>div.level-2 {
        opacity: 0;
        height: 100%;
        width: 0;
        overflow: hidden;
        transform: translateY(0);
        left: 110%;
        transition-delay: 1.7s
    }

    .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon>div.level-3 {
        opacity: 0;
        overflow: hidden;
        height: 100%;
        transform: translate(0);
        left: 110%;
        width: 0;
        transition-delay: 2s
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate:before {
        height: 100%;
        opacity: 1
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon>div {
        opacity: 1
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon>div.level-1 {
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon>div.level-2 {
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99);
        opacity: 1;
        left: 60%;
        width: 40%
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon>div.level-3 {
        opacity: 1;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99);
        left: 80%;
        width: 20%
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon:before {
        height: 100%;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-1 {
        opacity: 1;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-2 {
        opacity: 1;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99);
        transition-delay: 1.7s;
        left: 60%;
        width: 40%
    }

    .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon>div.level-3 {
        opacity: 1;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), left .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99);
        transition-delay: 2s;
        left: 80%;
        width: 20%
    }
}

[show-scroll=show-img],
[show-noscroll=show-img] {
    opacity: 1;
    position: relative;
    overflow: hidden
}

[show-scroll=show-img].bg-white:after,
[show-noscroll=show-img].bg-white:after {
    background-color: #f8f8f8
}

[show-scroll=show-img].bg-bold-blue:after,
[show-noscroll=show-img].bg-bold-blue:after {
    background-color: #036
}

[show-scroll=show-img]:after,
[show-noscroll=show-img]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    z-index: 5;
    transition: transform 1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-img].border-tab:before,
[show-noscroll=show-img].border-tab:before {
    width: 0 !important
}

[show-scroll=show-img].show-img:after,
[show-noscroll=show-img].show-img:after {
    transition: transform 1.1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-img].show-img.img-transform-left:after,
[show-noscroll=show-img].show-img.img-transform-left:after {
    transform: translateX(-100%)
}

[show-scroll=show-img].show-img.img-transform-right:after,
[show-noscroll=show-img].show-img.img-transform-right:after {
    transform: translateX(100%)
}

[show-scroll=show-img].show-img.border-tab:before,
[show-noscroll=show-img].show-img.border-tab:before {
    width: 100% !important
}

@media (min-width:767px) {

    .accordeon .active [show-scroll=show-text].vertical-grad .gradient-screen,
    .accordeon .active [show-noscroll=show-text].vertical-grad .gradient-screen {
        height: 150% !important;
        transform: translateX(-30%)
    }
}

.accordeon-block .level-1 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-1 [show-scroll=show-text] .gradient-screen {
    background: #036;
    background: linear-gradient(to right, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%);
    background: -webkit-linear-gradient(to right, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%)
}

@media (min-width:767px) {

    .accordeon-block .level-1 [show-noscroll=show-text].vertical-grad .gradient-screen,
    .accordeon-block .level-1 [show-scroll=show-text].vertical-grad .gradient-screen {
        background: #036;
        background: linear-gradient(to right, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%);
        background: -webkit-linear-gradient(to right, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%)
    }
}

.accordeon-block .level-1:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-1:not(.active) [show-scroll=show-text].level-number .gradient-screen {
    top: -50%;
    background: linear-gradient(to bottom, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%);
    background: -webkit-linear-gradient(to bottom, rgba(10, 66, 195, 0), #0a42c3 30%, #0a42c3 100%)
}

.accordeon-block .level-1:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-1:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
    transform: translateY(100%)
}

.accordeon-block .level-1 [show-scroll=show-img]:after,
.accordeon-block .level-1 [show-noscroll=show-img]:after {
    background-color: #0a42c3
}

.accordeon-block .level-2 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-2 [show-scroll=show-text] .gradient-screen {
    background: #295cd2;
    background: linear-gradient(to right, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%);
    background: -webkit-linear-gradient(to right, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%)
}

@media (min-width:767px) {

    .accordeon-block .level-2 [show-noscroll=show-text].vertical-grad .gradient-screen,
    .accordeon-block .level-2 [show-scroll=show-text].vertical-grad .gradient-screen {
        background: #295cd2;
        background: linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%);
        background: -webkit-linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%)
    }
}

.accordeon-block .level-2:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-2:not(.active) [show-scroll=show-text].level-number .gradient-screen {
    top: -50%;
    background: linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%);
    background: -webkit-linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%)
}

.accordeon-block .level-2:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-2:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
    transform: translateY(100%)
}

.accordeon-block .level-2 [show-scroll=show-img]:after,
.accordeon-block .level-2 [show-noscroll=show-img]:after {
    background-color: #295cd2
}

.accordeon-block .level-3 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-3 [show-scroll=show-text] .gradient-screen {
    background: #3266de;
    background: linear-gradient(to right, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%);
    background: -webkit-linear-gradient(to right, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%)
}

@media (min-width:767px) {

    .accordeon-block .level-3 [show-noscroll=show-text].vertical-grad .gradient-screen,
    .accordeon-block .level-3 [show-scroll=show-text].vertical-grad .gradient-screen {
        background: #3266de;
        background: linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%);
        background: -webkit-linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%)
    }
}

.accordeon-block .level-3:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-3:not(.active) [show-scroll=show-text].level-number .gradient-screen {
    top: -50%;
    background: linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%);
    background: -webkit-linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266de 30%, #3266de 100%)
}

.accordeon-block .level-3:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-3:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
    transform: translateY(100%)
}

.accordeon-block .level-3 [show-scroll=show-img]:after,
.accordeon-block .level-3 [show-noscroll=show-img]:after {
    background-color: #3266de
}

[show-scroll=show-btn]:not(.no-gradient) span {
    position: relative;
    overflow: hidden;
    opacity: 0
}

[show-scroll=show-btn]:not(.no-gradient) span:before {
    content: "";
    display: block;
    height: 100%;
    width: 150%;
    position: absolute;
    background: #f8f8f8;
    background: linear-gradient(90deg, #f8f8f800 0%, #f8f8f8 30%, #f8f8f8 100%);
    transition: transform 1.1s cubic-bezier(.25, .1, .25, 1), background 1.1s cubic-bezier(.27, 0, .66, .99);
    left: -50%;
    top: 0
}

[show-scroll=show-btn]:not(.no-gradient) span.bg-bold-blue:before {
    background: #036;
    background: linear-gradient(to right, rgba(18, 79, 220, 0), #036 30%, #036 100%);
    background: -webkit-linear-gradient(to right, rgba(18, 79, 220, 0), #036 30%, #036 100%)
}

[show-scroll=show-btn]:not(.no-gradient) span.bg-medium-blue:before {
    background: #036;
    background: linear-gradient(to right, rgba(47, 106, 242, 0), #036 30%, #036 100%);
    background: -webkit-linear-gradient(to right, rgba(47, 106, 242, 0), #036 30%, #036 100%)
}

[show-scroll=show-btn]:not(.no-gradient) span.bg-regular-blue:before {
    background: #7099f9;
    background: linear-gradient(to right, rgba(112, 153, 249, 0), #7099f9 30%, #7099f9 100%);
    background: -webkit-linear-gradient(to right, rgba(112, 153, 249, 0), #7099f9 30%, #7099f9 100%)
}

[show-scroll=show-btn].show-btn {
    opacity: 1
}

[show-scroll=show-btn].show-btn span {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-btn].show-btn span:before {
    transform: translateX(100%)
}

[show-scroll=show-img-circle]:before {
    left: 0
}

[show-scroll=show-img-circle].show-img-circle {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(.27, 0, .66, .99)
}

[show-scroll=show-img-circle].show-img-circle:before {
    left: 50%;
    transition: left 1.1s cubic-bezier(.27, 0, .66, .99);
    transition-delay: .2s
}

[border] {
    border-color: #f8f8f8 !important
}

[border=bold-blue] {
    border-color: #036 !important
}

.border-element {
    position: absolute;
    z-index: 4;
    background-color: #f8f8f8
}

.border-element.border-vertical {
    width: 1px
}

.border-element.border-horizon {
    height: 1px
}

.border-element.bold-blue {
    background-color: #036
}

.border-element.overhead {
    z-index: 11
}

.leave-page {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.27, 0, .66, .99)
}

.leave-page .show-text,
.leave-page .show-btn {
    transform: translateY(15px) !important;
    transition: transform .8s cubic-bezier(.27, 0, .66, .99) !important
}

.leave-page .show-img:after {
    transform: translateX(0) !important;
    transition: transform .8s cubic-bezier(.27, 0, .66, .99) !important
}

body {
    display: flex;
    flex-direction: column
}

body.freeze {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

body.freeze header {
    position: fixed;
    transition: top .5s cubic-bezier(.27, 0, .66, .99)
}

img,
svg {
    display: inline-block
}

header {
    height: 85px;
    border-bottom: 1px solid #d7d7d7;
    position: sticky;
    z-index: 10;
    top: 0;
    width: 100%;
    background-color: #f8f8f8
}

header .header-content {
    display: flex;
    height: 100%
}

header .csd-logo {
    align-self: stretch;
    display: flex;
    align-items: center;
    border-right: 1px solid #d7d7d7;
    padding: 14px 15px 14px 30px
}

header .csd-logo svg {
    width: 100%;
    max-width: 214px;
    height: auto
}

header .desc-menu {
    -ms-flex: 0 0 calc(66.666667% + 1px);
    flex: 0 0 calc(66.666667% + 1px);
    max-width: calc(66.666667% + 1px);
    height: 100%;
    position: relative;
    display: flex
}

header .desc-menu .menu-items {
    display: flex;
    justify-content: center;
    align-items: stretch;
    border-right: 1px solid #d7d7d7;
    height: 100%;
    width: 100%
}

header .desc-menu .menu-items.cuted {
    width: calc(100% - 60px)
}

header .desc-menu .menu-items a,
header .desc-menu .menu-items span {
    transition: color .5s cubic-bezier(.27, 0, .66, .99);
    color: #4a494a;
    line-height: 1.1;
    /* font-size: .875rem; */
    font-weight: 500
}

header .desc-menu .menu-items a {
    height: 100%;
    display: flex;
    align-items: center
}

header .desc-menu .menu-items>div {
    padding: 0 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap
}

header .desc-menu .menu-items>div.level-1>div>span {
    display: flex;
    align-items: center
}

header .desc-menu .menu-items>div.level-1 .plus {
    width: 9px;
    height: 2px;
    margin-left: 4px;
    background-color: var(--myred);
    transform: rotate(0deg);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99)
}

header .desc-menu .menu-items>div.level-1 .plus:after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 2px;
    transform-origin: center;
    transform: rotate(90deg);
    background-color: var(--myred);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99)
}

header .desc-menu .menu-items>div.level-1:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    background-color: #036;
    top: 100%;
    transition: height .5s cubic-bezier(.27, 0, .66, .99), top .5s cubic-bezier(.27, 0, .66, .99)
}

header .desc-menu .menu-items>div.level-1.open:before {
    top: 0;
    height: 100%
}

header .desc-menu .menu-items>div.level-1.open span {
    color: #f8f8f8
}

header .desc-menu .menu-items>div.level-1.open .plus {
    background-color: #f8f8f8
}

header .desc-menu .menu-items>div.level-1.open .plus:after {
    background-color: #f8f8f8;
    transform: rotate(180deg)
}

header .desc-menu .menu-items>div>div {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

header .desc-menu .menu-items>div>div:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    left: 0;
    bottom: -1px;
    height: 2px;
    background-color: var(--myred);
    transition: width .5s cubic-bezier(.27, 0, .66, .99)
}

header .desc-menu .menu-items>div>div.active.link:after {
    width: 100%
}

header .desc-menu .menu-items>div:hover>div:after {
    width: 100%
}

header .desc-menu .menu-items>div:hover.level-1 .plus {
    transform: rotate(180deg)
}

header .autodesc-block {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    padding-left: 15px;
    flex: 1
}

header .autodesc-block .autodesc-logo {
    padding-top: 14px;
    padding-bottom: 14px
}

header .autodesc-block .autodesc-logo img {
    max-width: 140px;
    width: 100%;
    height: auto
}

header .search-block {
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    height: calc(100% + 1px);
    overflow: hidden;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    background-color: #036;
    transition: width .7s cubic-bezier(.27, 0, .66, .99), opacity .7s cubic-bezier(.27, 0, .66, .99), border-bottom-color .7s cubic-bezier(.27, 0, .66, .99), border-right-color .7s cubic-bezier(.27, 0, .66, .99);
    width: 90px;
    z-index: 2
}

header .search-block .search-icon {
    width: 90px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f8f8f8;
    transition: background-color .3s .5s cubic-bezier(.27, 0, .66, .99)
}

header .search-block .search-icon svg path {
    fill: #036;
    transition: fill .3s cubic-bezier(.27, 0, .66, .99)
}

header .search-block .search-icon:hover {
    background-color: #036;
    border-left-color: transparent;
    transition: background-color .3s cubic-bezier(.27, 0, .66, .99)
}

header .search-block .search-icon:hover svg path {
    fill: #f8f8f8;
    transition: fill .3s cubic-bezier(.27, 0, .66, .99)
}

header .search-block .search-panel {
    overflow: hidden;
    width: 0;
    transition: width .7s cubic-bezier(.27, 0, .66, .99)
}

header .search-block .search-panel .search-form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .search-block .search-panel .search-form input {
    background: 0 0;
    border: none;
    outline: none;
    color: #f8f8f8;
    flex: 1;
    color: #fff;
    line-height: 1.05;
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -.01em
}

header .search-block .search-panel .search-form input::-moz-placeholder {
    color: #8faff8
}

header .search-block .search-panel .search-form input::-webkit-input-placeholder {
    color: #8faff8
}

header .search-block .search-panel .search-form input:-ms-input-placeholder {
    color: #8faff8
}

header .search-block .search-panel .search-form input::-ms-input-placeholder {
    color: #8faff8
}

header .search-block .search-panel .search-form input::placeholder {
    color: #8faff8
}

header .search-block .search-panel .search-form button {
    padding: 8px 15px;
    border: 1px solid #8faff8;
    border-radius: 6px;
    margin-right: 38px;
    background: 0 0;
    color: #fff;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: lowercase;
    margin-left: 20px
}

header .search-block .search-panel .search-form button:hover {
    color: #036
}

header .search-block .search-panel .search-form .close-find {
    height: 100%;
    width: 90px;
    border-left: 1px solid #7099f9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

header .hamburger-block {
    display: none;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    border-right: 1px solid #d7d7d7;
    position: relative;
    z-index: 1;
    cursor: pointer
}

header .hamburger-block .hamburger span {
    width: 29px;
    height: 3px;
    display: block;
    position: relative;
    background-color: #4a494a;
    border-radius: 100px
}

header .hamburger-block .hamburger span:before,
header .hamburger-block .hamburger span:after {
    content: "";
    width: 29px;
    height: 3px;
    display: block;
    position: absolute;
    background-color: #4a494a;
    border-radius: 100px;
    opacity: 1
}

header .hamburger-block .hamburger span:after {
    bottom: -6px;
    transition: bottom .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
}

header .hamburger-block .hamburger span:before {
    top: -6px;
    transition: top .5s cubic-bezier(.27, 0, .66, .99), opacity .5s cubic-bezier(.27, 0, .66, .99)
}

header .hamburger-block.open .hamburger span:after {
    bottom: 0;
    opacity: 0
}

header .hamburger-block.open .hamburger span:before {
    top: 0;
    opacity: 0
}

header.open-search .search-block {
    width: calc(100% + 1px);
    transition: width .7s cubic-bezier(.27, 0, .66, .99), opacity .7s cubic-bezier(.27, 0, .66, .99), border-bottom-color .7s cubic-bezier(.27, 0, .66, .99), border-right-color .7s cubic-bezier(.27, 0, .66, .99);
    border-bottom-color: #036;
    border-right-color: #036
}

header.open-search .search-block .search-icon {
    background-color: #036;
    transition: background-color .3s .3s cubic-bezier(.27, 0, .66, .99)
}

header.open-search .search-block .search-icon svg path {
    fill: #f8f8f8
}

header.open-search .search-block .search-panel {
    width: calc(100% - 90px);
    transition: width .7s cubic-bezier(.27, 0, .66, .99)
}

#desc-second-level-menu {
    position: fixed;
    top: 85px;
    width: 100%;
    background-color: #036;
    z-index: 20;
    margin-top: -1px;
    overflow: hidden;
    transition: height .5s cubic-bezier(.27, 0, .66, .99);
    height: 0;
    box-shadow: 0px 4px 10px rgba(3, 36, 112, .2)
}

#desc-second-level-menu .submenu-container {
    padding: 30px 15px 45px
}

#desc-second-level-menu .submenu-container>div {
    overflow: hidden;
    transition: height .5s cubic-bezier(.27, 0, .66, .99)
}

#desc-second-level-menu .submenu-container .submenu-blocks {
    display: flex;
    flex-wrap: wrap
}

#desc-second-level-menu .submenu-container .submenu-blocks a {
    margin: 15px;
    padding: 20px 30px 20px 20px;
    border: 2px solid #7099f9;
    width: calc(25% - 15px*2);
    display: flex;
    background-color: transparent;
    transition: background-color .5s cubic-bezier(.27, 0, .66, .99)
}

#desc-second-level-menu .submenu-container .submenu-blocks a .info {
    width: calc(50% - 10px);
    margin-left: 20px;
    display: flex;
    flex-direction: column
}

#desc-second-level-menu .submenu-container .submenu-blocks a .info .name {
    color: #f8f8f8;
    line-height: 1.05;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -.01em;
    font-variant: small-caps
}

#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el {
    align-self: flex-end;
    margin-top: auto;
    transform: rotate(0);
    transform-origin: center;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el svg {
    width: 15px;
    height: 15px
}

#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el svg path {
    fill: #f8f8f8
}

#desc-second-level-menu .submenu-container .submenu-blocks a .image {
    width: calc(50% - 10px)
}

#desc-second-level-menu .submenu-container .submenu-blocks a .image img {
    display: inline-block
}

#desc-second-level-menu .submenu-container .submenu-blocks a:hover {
    background-color: #7099f9
}

#desc-second-level-menu .submenu-container .submenu-blocks a:hover .info .arrow-el {
    transform: rotate(45deg)
}

.freeze #desc-second-level-menu {
    top: 85px !important
}

#mobile-menu {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    background-color: #f8f8f8;
    z-index: 10;
    overflow: hidden;
    height: 0;
    transition: height .35s cubic-bezier(.27, 0, .66, .99), top .35s linear
}

#mobile-menu>div {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: scroll
}

#mobile-menu .search-block {
    height: 60px;
    margin-bottom: 140px;
    display: flex;
    background-color: #036;
    transition: width .7s cubic-bezier(.27, 0, .66, .99), opacity .7s cubic-bezier(.27, 0, .66, .99);
    width: 100%
}

#mobile-menu .search-block .search-icon {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #036;
    padding: 0 30px
}

#mobile-menu .search-block .search-icon svg path {
    fill: #f8f8f8;
    transition: fill .3s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .search-block .search-panel {
    width: 100%
}

#mobile-menu .search-block .search-panel .search-form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#mobile-menu .search-block .search-panel .search-form input {
    background: 0 0;
    border: none;
    outline: none;
    color: #f8f8f8;
    flex: 1;
    color: #fff;
    line-height: 1.05;
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -.01em
}

#mobile-menu .search-block .search-panel .search-form input::-moz-placeholder {
    color: #8faff8
}

#mobile-menu .search-block .search-panel .search-form input::-webkit-input-placeholder {
    color: #8faff8
}

#mobile-menu .search-block .search-panel .search-form input:-ms-input-placeholder {
    color: #8faff8
}

#mobile-menu .search-block .search-panel .search-form input::-ms-input-placeholder {
    color: #8faff8
}

#mobile-menu .search-block .search-panel .search-form input::placeholder {
    color: #8faff8
}

#mobile-menu .search-block .search-panel .search-form button {
    padding: 8px 15px;
    border: 1px solid #8faff8;
    border-radius: 6px;
    margin-right: 29px;
    background: 0 0;
    color: #fff;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: lowercase;
    margin-left: 20px
}

#mobile-menu .search-block .search-panel .search-form button:hover {
    color: #036
}

#mobile-menu .menu-items {
    padding: 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#mobile-menu .menu-items>ul {
    flex: 1;
}

#mobile-menu .menu-items>ul>li {
    margin-bottom: 40px
}

#mobile-menu .menu-items>ul>li>a,
#mobile-menu .menu-items>ul>li>div {
    color: #4a494a;
    line-height: 1.05;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: .01em;
    cursor: pointer;
    transition: color .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li>a:hover,
#mobile-menu .menu-items>ul>li>div:hover {
    color: #bebebe
}

#mobile-menu .menu-items>ul>li>a.selected,
#mobile-menu .menu-items>ul>li>div.selected {
    color: #bebebe
}

#mobile-menu .menu-items>ul>li.level-1 .name {
    display: flex;
    align-items: center
}

#mobile-menu .menu-items>ul>li .plus {
    width: 10px;
    height: 2px;
    margin-left: 8px;
    background-color: #036;
    margin-top: 2px;
    transform: rotate(0deg);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li .plus:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    transform-origin: center;
    transform: rotate(90deg);
    background-color: #036;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li .submenu {
    padding-left: 30px;
    overflow: hidden;
    height: 0;
    transition: height .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li .submenu ul {
    padding-top: 25px;
    padding-bottom: 1px
}

#mobile-menu .menu-items>ul>li .submenu ul>li {
    margin-bottom: 19px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

#mobile-menu .menu-items>ul>li .submenu ul>li a {
    color: #4a494a;
    transition: color .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li .submenu ul>li a:hover {
    color: #bebebe
}

#mobile-menu .menu-items>ul>li .submenu ul>li a.selected {
    color: #bebebe
}

#mobile-menu .menu-items>ul>li .submenu>div {
    overflow: hidden;
    height: 0;
    transition: height .5s cubic-bezier(.27, 0, .66, .99)
}

#mobile-menu .menu-items>ul>li.open .plus:after {
    transform: rotate(180deg)
}

#mobile-menu .wrap-contacts-company {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 36px 30px 12px;
    border-top: 1px solid #d7d7d7;
    margin-top: 220px;
    width: 100%;
    align-self: end
}

#mobile-menu .wrap-contacts-company .address {
    line-height: 1.4
}

#mobile-menu .wrap-contacts-company .link-contact {
    line-height: 1.2;
    margin-bottom: 1px;
    display: block;
    width: max-content
}

#mobile-menu .wrap-contacts-company .social-link {
    margin-right: -5px;
    margin-left: -5px
}

#mobile-menu .wrap-contacts-company .social-link a {
    padding: 0 5px
}

.freeze #mobile-menu {
    top: 85px !important;
    height: calc(100vh - 85px);
}

@media (max-width:1650px) {
    #desc-second-level-menu .submenu-container .submenu-blocks a {
        padding: 15px 20px 15px 15px;
        width: calc(33% - 15px*2)
    }

    #desc-second-level-menu .submenu-container .submenu-blocks a .info .name {
        font-size: 1rem
    }
}

@media (max-width:1439px) {
    header .desc-menu {
        -ms-flex: 0 0 calc(63.666667% + 90px + 1px);
        flex: 0 0 calc(63.666667% + 90px + 1px);
        max-width: calc(63.666667% + 90px + 1px)
    }
}

@media (max-width:1300px) {
    header .search-block .search-panel .search-form input {
        font-size: 1.1875rem
    }
}

@media (max-width:1199px) {
    #desc-second-level-menu .submenu-container .submenu-blocks a {
        width: calc(50% - 15px*2)
    }
}

@media (max-width:991px) {
    #desc-second-level-menu {
        height: 0 !important
    }

    header {
        height: 60px
    }

    header .desc-menu {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding-right: 0;
        order: 3
    }

    header .desc-menu .menu-items {
        display: none
    }

    header .search-block {
        display: none
    }

    header .autodesc-block {
        padding-right: 22px
    }

    header .autodesc-block .autodesc-logo img {
        max-width: 100px
    }

    header .hamburger-block {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 30px;
        border-right: none;
        border-left: 1px solid #d7d7d7;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    header .csd-logo svg {
        max-width: 150px
    }

    .freeze #mobile-menu {
        top: 60px !important;
        height: calc(100vh - 60px);
    }

    #mobile-menu {
        top: 60px
    }
}

@media (max-width:767px) {
    header .autodesc-block {
        padding-right: 22px
    }

    header .csd-logo {
        padding-left: 15px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: max-content;
        border-right: none
    }

    header .csd-logo svg .text-in-logo {
        display: none
    }

    header .desc-menu {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: max-content
    }

    header .desc-menu .hamburger-block {
        padding: 0 15px
    }

    header .search-block {
        width: 100%;
        transition: width .7s cubic-bezier(.27, 0, .66, .99), opacity .7s cubic-bezier(.27, 0, .66, .99);
        border: none
    }

    header .search-block .search-icon {
        background-color: #036
    }

    header .search-block .search-icon svg path {
        fill: #f8f8f8
    }

    header .search-block .search-panel {
        width: calc(100% - 90px);
        transition: width .7s cubic-bezier(.27, 0, .66, .99)
    }

    #mobile-menu .search-block {
        margin-bottom: 90px
    }

    #mobile-menu .search-block .search-icon {
        padding: 0 15px
    }

    #mobile-menu .search-block .search-icon svg {
        width: 18px
    }

    #mobile-menu .search-block .search-panel .search-form button {
        margin-right: 14px
    }

    #mobile-menu .search-block .search-panel .search-form input {
        min-width: 160px;
        font-size: 1.375rem;
        font-weight: 400;
        width: 100%
    }

    #mobile-menu .menu-items>ul>li>a,
    #mobile-menu .menu-items>ul>li>div {
        font-size: 1.5625rem
    }

    #mobile-menu .menu-items>ul>li .submenu ul {
        padding-top: 23px
    }

    #mobile-menu .menu-items>ul>li .submenu ul>li {
        font-size: .875rem
    }

    #mobile-menu .wrap-contacts-company {
        margin-top: 112px;
        padding: 28px 15px 32px
    }

    #mobile-menu .wrap-contacts-company .address {
        display: none
    }
}

@media (max-width:375px) {
    #mobile-menu .menu-items {
        padding: 0 15px
    }
}

footer {
    margin-top: auto;
    background-color: #f8f8f8
}

footer .footer-bar {
    margin: 0
}

footer .footer-bar .col-menu {
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 85px 30px 0
}

footer .footer-bar .col-menu .logo-footer {
    display: flex;
    align-items: center;
    margin-bottom: 90px
}

footer .footer-bar .col-menu .logo-footer>:first-child {
    padding-right: 55px;
    margin-right: 55px;
    border-right: 1px solid #d7d7d7
}

footer .footer-bar .col-menu .menu-footer .title-menu {
    color: #4a494a;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 23px;
    display: block;
    max-width: 200px;
    transition: color .5s cubic-bezier(.27, 0, .66, .99)
}

footer .footer-bar .col-menu .menu-footer .title-menu:hover {
    color: #9da2ae
}

footer .footer-bar .col-menu .menu-footer ul {
    margin-top: 15px;
    margin-bottom: 60px;
    display: inline-block
}

footer .footer-bar .col-menu .menu-footer ul li {
    margin-bottom: 7px
}

footer .footer-bar .col-menu .menu-footer ul li a {
    transition: color .5s cubic-bezier(.27, 0, .66, .99);
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

footer .footer-bar .col-menu .menu-footer ul li a:hover {
    color: #9da2ae
}

footer .footer-bar .col-contact {
    padding: 0;
    border-top: 1px solid #d7d7d7
}

footer .footer-bar .col-contact .contact-cell {
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .footer-bar .col-contact .contact-cell>div {
    max-width: 420px;
    width: 100%;
    padding: 0 30px;
    margin-left: 15px;
    margin-bottom: 15px
}

footer .footer-bar .col-contact .contact-cell:first-child {
    border-bottom: 1px solid #d7d7d7
}

footer .footer-bar .col-contact .contact-cell.form .title-form {
    color: #4a494a;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 45px
}

footer .footer-bar .col-contact .contact-cell.form form {
    margin-bottom: 15px
}

footer .footer-bar .col-contact .contact-cell.contacts .title-contacts {
    color: #4a494a;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 36px
}

footer .footer-bar .col-contact .contact-cell.contacts .address {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 190px;
    margin-bottom: 25px
}

footer .footer-bar .col-contact .contact-cell.contacts .link-contact {
    display: block;
    margin-bottom: 7px;
    width: max-content
}

footer .footer-bar .col-contact .contact-cell.contacts .social-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-right: -5px;
    margin-left: -5px
}

footer .footer-bar .col-contact .contact-cell.contacts .social-link a {
    padding: 0 5px;
    transition: opacity .5s cubic-bezier(.25, .1, .25, 1)
}

footer .footer-bar .col-contact .contact-cell.contacts .social-link a:hover {
    opacity: .6
}

footer .footer-bar .bottom-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-right: 1px solid #d7d7d7;
    padding: 0 30px 10px;
    overflow: hidden
}

footer .footer-bar .bottom-info .privacy-policy-wrap .privacy-policy {
    color: #9da2ae
}

footer .footer-bar .bottom-info .copyright {
    color: #9da2ae;
    line-height: 1.05;
    font-size: 1rem;
    font-weight: 400
}

footer .footer-bar .bottom-info .sagirov {
    color: #9da2ae;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: flex-end
}

footer .footer-bar .bottom-info .sagirov img {
    margin-left: 6px;
    margin-bottom: 2px
}

@media (max-width:1199px) {
    footer .footer-bar .col-menu {
        border-right: none;
        padding: 80px 30px 0
    }

    footer .footer-bar .col-menu .logo-footer>:first-child {
        padding-right: 30px;
        margin-right: 30px
    }

    footer .footer-bar .col-menu .menu-footer {
        margin-bottom: 60px
    }

    footer .footer-bar .col-menu .menu-footer ul {
        margin-top: 0;
        margin-bottom: 0
    }

    footer .footer-bar .col-menu .menu-footer .service-col {
        display: flex
    }

    footer .footer-bar .col-menu .menu-footer .service-col>div {
        width: 50%
    }

    footer .footer-bar .col-menu .menu-footer .service-col>div:last-child {
        padding-left: 15px
    }

    footer .footer-bar .col-menu .menu-footer .catalog-col ul {
        margin-bottom: 50px
    }

    footer .footer-bar .col-menu .menu-footer>div:not(:last-child) {
        margin-bottom: 80px
    }

    footer .footer-bar .col-contact {
        margin-bottom: 100px
    }

    footer .footer-bar .col-contact .contact-cell {
        height: auto;
        padding: 60px 30px 90px;
        display: block
    }

    footer .footer-bar .col-contact .contact-cell>div {
        padding: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    footer .footer-bar .col-contact .contact-cell.contacts .title-contacts {
        margin-bottom: 30px
    }

    footer .footer-bar .col-contact .contact-cell.contacts>div {
        max-width: 100%
    }

    footer .footer-bar .col-contact .contact-cell.contacts .wrap-contacts-company {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    footer .footer-bar .col-contact .contact-cell.contacts .address {
        margin-bottom: 0
    }

    footer .footer-bar .col-contact .contact-cell.contacts .social-link {
        margin-top: 0
    }

    footer .footer-bar .bottom-info {
        align-items: flex-end;
        flex-wrap: wrap
    }

    footer .footer-bar .bottom-info .privacy-policy-wrap {
        max-width: 100%;
        width: 100%;
        margin-bottom: 6px
    }
}

@media (max-width:767px) {
    footer .footer-bar .col-menu {
        padding: 55px 0 0
    }

    footer .footer-bar .col-menu .logo-footer {
        padding: 0 15px;
        margin-bottom: 64px
    }

    footer .footer-bar .col-menu .logo-footer>:first-child {
        height: 40px;
        padding-right: 0;
        border-right: none
    }

    footer .footer-bar .col-menu .logo-footer>:first-child img {
        height: 100%;
        width: auto;
    }

    footer .footer-bar .col-menu .logo-footer .autodesc-logo {
        height: 25px
    }

    footer .footer-bar .col-menu .menu-footer {
        margin-right: 0;
        margin-left: 0
    }

    footer .footer-bar .col-menu .menu-footer .catalog-col {
        display: flex;
        padding: 0
    }

    footer .footer-bar .col-menu .menu-footer .catalog-col>div {
        width: 50%;
        padding: 0 15px
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul {
        display: flex;
        flex-wrap: wrap
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul>div {
        width: 50%
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul>div:last-child {
        padding-left: 15px
    }

    footer .footer-bar .col-contact {
        margin-bottom: 60px
    }

    footer .footer-bar .col-contact .contact-cell {
        padding: 60px 15px 60px
    }

    footer .footer-bar .col-contact .contact-cell.contacts .wrap-contacts-company {
        display: block
    }

    footer .footer-bar .col-contact .contact-cell.contacts .address {
        margin-bottom: 20px
    }

    footer .footer-bar .col-contact .contact-cell.contacts .social-link {
        margin-top: 35px
    }

    footer .footer-bar .bottom-info {
        padding: 0 15px 10px;
        border: none
    }

    footer .footer-bar .bottom-info .sagirov {
        width: 100%;
        margin-top: 25px
    }
}

@media (max-width:374px) {
    footer .footer-bar .col-menu .logo-footer>:first-child {
        padding-right: 6px;
        margin-right: 6px
    }

    footer .footer-bar .col-menu .menu-footer .catalog-col {
        display: block
    }

    footer .footer-bar .col-menu .menu-footer .catalog-col>div {
        width: 100%
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul {
        display: block
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul>div {
        width: 100%
    }

    footer .footer-bar .col-menu .menu-footer .development-col ul>div:last-child {
        padding-left: 0
    }

    footer .footer-bar .col-menu .menu-footer .service-col {
        display: block
    }

    footer .footer-bar .col-menu .menu-footer .service-col>div {
        width: 100%
    }

    footer .footer-bar .col-menu .menu-footer .service-col>div:last-child {
        padding-left: 0;
        margin-top: 80px
    }

    footer .footer-bar .col-menu .menu-footer ul li {
        max-width: max-content
    }
}

.modal .form-callback .title-block {
    max-width: 420px;
    width: 100%;
    margin: 0 auto 90px;
    padding: 0 30px
}

.modal .form-callback .title-block .title-form {
    color: #4a494a;
    line-height: 1.1;
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 34px
}

.modal .form-callback .title-block .title-form:first-letter {
    text-transform: capitalize
}

.modal .form-callback .title-block span {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.modal .form-callback form {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d7d7d7;
    padding: 90px 30px 30px
}

.modal .form-callback form.empty label.base-btn,
.modal .form-callback form.error label.base-btn {
    pointer-events: none;
    background-color: #bebebe;
    border-color: #bebebe;
    color: #f8f8f8
}

.modal .form-callback form.error .agreement-text .text {
    opacity: 0
}

.modal .form-callback form.error .agreement-text .error-text {
    opacity: 1
}

.modal .form-callback form.success label.base-btn {
    pointer-events: none
}

.modal .form-callback form.success label.base-btn span {
    opacity: 0
}

.modal .form-callback form.success label.base-btn .success-icon {
    opacity: 1
}

.modal .form-callback form .fields-container {
    max-width: 420px;
    width: 100%;
    margin: 0 auto 90px;
    display: flex;
    flex-direction: column
}

.modal .form-callback form .text-field {
    color: #9da2ae;
    line-height: 1;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 40px
}

.modal .form-callback form .field {
    position: relative;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 6px 15px 7px;
    margin-bottom: 10px;
    margin-top: 10px
}

.modal .form-callback form .field.empty label {
    display: block
}

.modal .form-callback form .field.error {
    border-color: #f92525
}

.modal .form-callback form .field.error label {
    color: #f92525
}

.modal .form-callback form .field label {
    margin: 0;
    color: #8a8b94;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    left: 15px;
    top: 10px;
    display: none;
    cursor: text
}

.modal .form-callback form .field label span {
    display: inline-block;
    margin-left: 3px;
    color: #036
}

.modal .form-callback form .field input,
.modal .form-callback form .field textarea {
    width: 100%;
    resize: none;
    background-color: #f8f8f8;
    border: none;
    outline: none;
    padding: 0;
    color: #8a8b94;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400
}

.modal .form-callback form .field textarea {
    height: 122px
}

.modal .form-callback form .field.textarea {
    padding-top: 10px
}

.modal .form-callback form .agreement-text {
    margin-bottom: 38px;
    position: relative;
    transition: opacity .5s ease-in-out
}

.modal .form-callback form .agreement-text .error-text {
    color: #f92525;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: opacity .5s ease-in-out
}

.modal .form-callback form label.base-btn {
    margin-bottom: 0;
    margin-left: auto;
    position: relative
}

.modal .form-callback form label.base-btn input {
    display: none
}

.modal .form-callback form label.base-btn span {
    transition: .5s ease-in-out
}

.modal .form-callback form label.base-btn .success-icon {
    opacity: 0;
    transition: .5s ease-in-out;
    position: absolute;
    z-index: 2;
    margin: 0
}

.first-screen {
    margin: 0;
    overflow: hidden
}

.first-screen .title-block {
    width: 39%;
    border-right: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 15px 20px 20px 30px
}

.first-screen .title-block .subtitle {
    width: 70%;
    margin-bottom: 50px;
    color: #545454;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.first-screen .title-block .bottom-text {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.first-screen .title-block .bottom-text span {
    width: 40%;
    color: #545454;
    line-height: 1.1;
    font-size: .9375rem;
    font-weight: 400
}

.first-screen .title-model-blocks {
    display: flex;
    flex-wrap: wrap
}

.first-screen .model-block {
    width: 61%;
    padding: 27px 30px 17px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 9
}

.first-screen .model-block .model-title {
    display: flex;
    justify-content: space-between
}

.first-screen .model-block .model-title span {
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

.first-screen .model-block .model-title a {
    font-weight: 500
}

.first-screen .model-block .model-angle {
    margin-top: auto;
    text-align: right;
    margin-left: auto;
    color: #8a8b94;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500
}

.first-screen .model-block #model-3d-container {
    position: relative;
    text-align: center;
    height: 100%
}

.first-screen .model-block #model-3d {
    width: auto;
    max-height: 77vh;
    position: relative
}

.first-screen .model-block #arch,
.first-screen .model-block #arch-pointer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: visible
}

.first-screen .model-block #arch-dash {
    overflow: visible;
    width: 90.63%;
    position: absolute;
    bottom: 35px;
    left: calc((100% - 90.63%)/2)
}

.first-screen h1 {
    font-size: 3.125rem;
    margin-bottom: 80px
}

.first-screen h1 span {
    display: block;
    color: #036
}

.first-screen .main-info-blocks {
    border-left: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.first-screen .main-info-blocks>div {
    padding: 25px 30px 10px 20px;
    /* height: calc(100%/3); */
}

.first-screen .main-info-blocks>div:not(:nth-child(3)) {
    border-bottom: 1px solid #d7d7d7
}

.first-screen .main-info-blocks .title {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px
}

.first-screen .main-info-blocks .info {
    color: #545454;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 15px;
}


.first-screen .main-info-blocks .date {
    color: #036;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02em
}

.first-screen .main-info-blocks .icon {
    margin-right: auto;
    margin-top: auto;
    width: 82px
}

.first-screen .main-info-blocks .icon svg {
    width: 100%;
    height: auto
}

@media (min-height:800px) and (min-width:1440px) {
    .first-screen {
        height: calc(100vh - 85px)
    }
}

@media (min-width:1440px) {
    .first-screen {
        min-height: 800px
    }
}

@media (max-width:1439px) {
    .first-screen .main-info-blocks>div:nth-child(3) {
        padding-top: 80px;
    }
}

@media (max-width:780px) {
    .first-screen .main-info-blocks>div:nth-child(3) {
        padding-top: 25px;
    }
}

@media (max-width:1439px) {
    .first-screen h1 {
        font-size: 2.8125rem;
        letter-spacing: .01em
    }

    .first-screen .model-block {
        min-height: 42vw
    }

    .first-screen .title-model-blocks {
        flex: 0 0 100%;
        max-width: 100%
    }

    .first-screen .main-info-blocks {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: row;
        border-top: 1px solid #d7d7d7;
        border-left: none
    }

    .first-screen .main-info-blocks>div {
        width: 33.33333%;
        padding: 20px 30px;
        /* min-height: 300px; */
        align-items: flex-start
    }

    .first-screen .main-info-blocks>div:not(:nth-child(3)) {
        border-bottom: none;
        border-right: 1px solid #d7d7d7
    }

    .first-screen .main-info-blocks .info {
        text-align: left
    }

    .first-screen .main-info-blocks .title {
        margin-bottom: 4px
    }

    .first-screen .main-info-blocks .icon svg {
        width: 68px;
        height: 68px
    }
}

@media (max-width:991px) {
    .first-screen .model-block {
        width: 100%;
        padding: 20px 30px 14px;
        min-height: 60vw
    }

    .first-screen .title-block {
        width: 100%;
        border-top: 1px solid #d7d7d7;
        border-right: none;
        padding: 27px 30px 59px;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .first-screen .title-block h1 {
        margin-bottom: 57px
    }

    .first-screen .title-block h1 br {
        display: none
    }

    .first-screen .title-block .bottom-text {
        display: none
    }

    .first-screen .title-block .subtitle {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .first-screen .title-block {
        padding: 20px 15px 95px
    }

    .first-screen .title-block h1 {
        font-size: 2.0625rem;
        margin-bottom: 14px;
        line-height: 1.05
    }

    .first-screen .title-block .subtitle {
        width: 100%;
        margin-bottom: 40px
    }

    .first-screen .model-block {
        padding: 25px 15px 27px;
        min-height: 90vw
    }

    .first-screen .model-block .model-title {
        justify-content: flex-end
    }

    .first-screen .model-block .model-title span {
        display: none
    }

    .first-screen .model-block .model-angle {
        position: absolute;
        top: 25px;
        left: 15px
    }

    .first-screen .main-info-blocks {
        flex-wrap: wrap;
        border-top: none
    }

    .first-screen .main-info-blocks>div {
        width: 100%;
        border-top: 1px solid #d7d7d7;
        position: relative;
        padding: 25px 15px 29px;
        min-height: 165px;
        height: auto
    }

    /* 
    .first-screen .main-info-blocks>div:nth-child(2n+1) {
        align-items: flex-end;
        padding-left: 130px
    } */

    .first-screen .main-info-blocks>div:nth-child(2n+1) .icon {
        position: absolute;
        top: 25px;
        left: 15px
    }

    /* 
    .first-screen .main-info-blocks>div:nth-child(2n+1) .info {
        text-align: right
    }

    .first-screen .main-info-blocks>div:nth-child(2n) {
        padding-right: 130px
    } */

    .first-screen .main-info-blocks>div:nth-child(2n) .icon {
        position: absolute;
        top: 25px;
        right: 15px
    }

    .first-screen .main-info-blocks>div:not(:nth-child(3)) {
        border-right: none
    }

    .first-screen .main-info-blocks .icon svg {
        width: 50px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .first-screen .model-block #model-3d {
        max-height: 77vh;
        width: auto
    }
}

@media (max-width:767px) and (orientation:portrait) {
    .first-screen .model-block #model-3d {
        width: 100%;
        max-height: 100%
    }
}

@media (max-width:413px) {
    .first-screen .model-block {
        min-height: 100vw
    }
}

.bim-level-screen {
    display: flex;
}

.bim-level-screen .accordeon-block {
    padding: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0
}

.bim-level-screen .accordeon-block .title {
    padding: 37px 60px 45px;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

.bim-level-screen .accordeon-block .title h2 {
    color: #036;
    line-height: 1.08
}

.bim-level-screen .accordeon-block .accordeon-container {
    height: 100%
}

.bim-level-screen .accordeon-block .accordeon {
    width: 100%;
    height: 100%;
    position: relative
}

.bim-level-screen .accordeon-block .accordeon>div {
    width: 20%;
    height: 100%;
    position: absolute;
    padding: 35px 0 45px;
    top: 0;
    justify-content: center
}

.bim-level-screen .accordeon-block .accordeon>div ol li,
.bim-level-screen .accordeon-block .accordeon>div ul li {
    color: #f8f8f8;
    line-height: 1.2
}

.bim-level-screen .accordeon-block .accordeon>div ol li .counter:before,
.bim-level-screen .accordeon-block .accordeon>div ul li .counter:before {
    color: #709bff
}

.bim-level-screen .accordeon-block .accordeon>div ul li {
    margin-left: -20px
}

.bim-level-screen .accordeon-block .accordeon>div .list {
    margin-bottom: 80px
}

.bim-level-screen .accordeon-block .accordeon>div .step-title {
    color: #f8f8f8;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 35px
}

.bim-level-screen .accordeon-block .accordeon>div .level-number {
    position: relative;
    margin-bottom: 40px;
    z-index: 4;
    color: #f8f8f8;
    line-height: 1;
    font-size: 3.25rem;
    font-weight: 700;
    transition: padding-left .3s cubic-bezier(.27, 0, .66, .99), width .3s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .accordeon-block .accordeon>div .level-number .rotate-level {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    color: #f8f8f8;
    line-height: 1;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    transform-origin: center;
    transform: rotate(90deg) translateX(60px) translateY(52px) !important;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .accordeon-block .accordeon>div .content-container {
    overflow: hidden;
    width: 0;
    transition: width .5s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .accordeon-block .accordeon>div .content {
    padding-right: 48px;
    padding-left: 68px
}

.bim-level-screen .accordeon-block .accordeon>div .bookmark {
    top: 0;
    position: absolute;
    left: -15px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer
}

.bim-level-screen .accordeon-block .accordeon>div .bookmark:before,
.bim-level-screen .accordeon-block .accordeon>div .bookmark:after {
    content: "";
    position: absolute;
    background-color: #d7d7d7;
    display: inline-block
}

.bim-level-screen .accordeon-block .accordeon>div .bookmark:before {
    width: 10px;
    height: 2px;
    left: 10px
}

.bim-level-screen .accordeon-block .accordeon>div .bookmark:after {
    width: 2px;
    height: 10px;
    left: 14px;
    transform: rotate(0deg);
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .accordeon-block .accordeon .level-1 {
    background-color: #0a42c3;
    z-index: 1
}

.bim-level-screen .accordeon-block .accordeon .level-2 {
    background-color: #295cd2;
    z-index: 2
}

.bim-level-screen .accordeon-block .accordeon .level-2 .bookmark svg {
    fill: #295cd2
}

.bim-level-screen .accordeon-block .accordeon .level-3 {
    background-color: #3266de;
    z-index: 3
}

.bim-level-screen .accordeon-block .accordeon .level-3 .bookmark svg {
    fill: #3266de
}

.bim-level-screen .accordeon-block .accordeon-animate:before {
    width: 100%;
    left: 0
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div {
    opacity: 1
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active {
    width: 60%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active .content-container {
    width: 100%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active .list,
.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active .steps {
    opacity: 1;
    transition: opacity .5s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-6px) !important
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div.active .bookmark:after {
    transform: rotate(90deg)
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l1] {
    width: 20%;
    left: 0
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l1].active {
    width: 60%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l2] {
    width: 40%;
    left: 60%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l2].active-leave {
    left: 20%;
    width: 20%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l2].active {
    left: 20%;
    width: 60%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l1].active-leave+[level=l2]:not(.active) {
    left: 20%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l1].active+[level=l2].active-leave {
    left: 60%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l1].active+[level=l2]:not(.active-leave) {
    left: 60%;
    width: 20%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l3] {
    width: 20%;
    left: 80%
}

.bim-level-screen .accordeon-block .accordeon-animate .accordeon>div[level=l3].active {
    left: 40%;
    width: 60%
}

.bim-level-screen .level-content {
    padding: 0;
    /* -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; */
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
    position: relative;
    z-index: 1
}

.bim-level-screen .level-content>div {
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 48px 27px;
    overflow: hidden
}

.bim-level-screen .level-content>div:nth-child(3n) {
    border-right: none
}

.bim-level-screen .level-content>div li {
    line-height: 1.2;
    color: #4a494a
}

.bim-level-screen .level-content>div li a {
    color: #036
}

.bim-level-screen .level-content>div li:not(.active) {
    color: #bebebe;
    transition: color .3s cubic-bezier(.27, 0, .66, .99)
}

.bim-level-screen .level-content>div li:not(.active) a {
    color: #9cb9fd
}

.bim-level-screen .level-content>div li:not(.active) svg path {
    fill: #9cb9fd
}

.bim-level-screen .level-content>div li:hover a,
.bim-level-screen .level-content>div li:focus a {
    color: #f8f8f8
}

.bim-level-screen .level-content>div li:hover:not(.active) a,
.bim-level-screen .level-content>div li:focus:not(.active) a {
    color: #9cb9fd
}

.bim-level-screen .level-content .title-line {
    color: #4a494a;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
    min-height: 40px
}

@media (max-width:1439px) {



    .bim-level-screen .accordeon-block .title {
        padding: 27px 30px 35px
    }

    .bim-level-screen .accordeon-block .accordeon>div .content {
        padding: 0 30px 0 50px
    }

    .bim-level-screen .accordeon-block .accordeon>div .list {
        margin-bottom: 70px
    }

    .bim-level-screen .level-content>div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 40px 27px
    }

    .bim-level-screen .level-content>div:nth-child(2n) {
        border-right: none
    }

    .bim-level-screen .level-content>div:nth-child(2n+1) {
        border-right: 1px solid #d7d7d7
    }
}

@media (max-width:1199px) {
    .bim-level-screen {
        margin-bottom: 100px;
        border-bottom: 1px solid #d7d7d7
    }
}

@media (max-width:991px) {
    .bim-level-screen {
        flex-wrap: wrap;
        min-height: auto
    }

    .bim-level-screen .accordeon-block {
        z-index: 9
    }

    .bim-level-screen .accordeon-block.fixed {
        z-index: 9;
        overflow: hidden
    }

    .bim-level-screen .accordeon-block.fixed .accordeon-container {
        min-height: auto !important;
        max-height: 125px;
        position: fixed;
        left: 0;
        right: 0;
        top: 40px;
        z-index: 9
    }

    .bim-level-screen .accordeon-block.fixed .accordeon-container .content-container {
        display: none
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .bookmark {
        height: 100%;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .bookmark svg {
        height: 100%
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .level-number {
        overflow: hidden
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .level-number .rotate-level {
        transform: rotate(0) translateX(12px) translateY(-6px) !important
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .level-number .rotate-level .gradient-screen {
        transform: translateX(0)
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div.active .level-number .rotate-level .gradient-screen {
        transform: translateX(100%)
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-container {
        top: 0 !important
    }

    .bim-level-screen .accordeon-block .accordeon>div .level-number {
        margin-bottom: 35px
    }

    .bim-level-screen .accordeon-block .accordeon>div .list {
        margin-bottom: 76px
    }

    .bim-level-screen .accordeon-block,
    .bim-level-screen .level-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .bim-level-screen .accordeon-block:not(.fixed)+.level-content {
        z-index: 9
    }

    .bim-level-screen .level-content>div {
        padding: 48px 30px 60px
    }

    .bim-level-screen .accordeon-block .title {
        padding: 83px 30px;
        border-right: none
    }

    .bim-level-screen .accordeon-block .accordeon>div .content {
        padding: 0 48px 0 59px
    }

    .bim-level-screen .accordeon-block .accordeon>div:not(.active) .level-number {
        position: sticky;
        top: 95px
    }
}

@media (max-width:767px) {
    .bim-level-screen {
        margin-bottom: 60px
    }

    .bim-level-screen .accordeon-block .title {
        padding: 60px 15px
    }

    .bim-level-screen .accordeon-block .title h2 {
        font-size: 1.625rem
    }

    .bim-level-screen .accordeon-block .accordeon>div .content-container {
        width: 100%;
        height: 0;
        transition: height .5s cubic-bezier(.27, 0, .66, .99)
    }

    .bim-level-screen .accordeon-block .accordeon>div.active .level-number .rotate-level {
        transform: rotate(0) translateX(12px) translateY(-2px) !important
    }

    .bim-level-screen .accordeon-block .accordeon>div .level-number .rotate-level {
        transform: rotate(0) translateX(12px) translateY(-2px) !important
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-container {
        height: auto
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div {
        width: 100%;
        height: auto;
        left: 0;
        position: relative;
        padding: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .content {
        padding: 0 15px 90px 34px
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div[level=l1].active {
        width: 100%
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div[level=l1].active+[level=l2]:not(.active-leave) {
        width: 100%;
        left: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div[level=l2],
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div[level=l3] {
        width: 100%;
        left: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .level-number {
        position: relative;
        top: 0;
        padding: 30px 15px 34px 24px;
        margin-bottom: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .level-number .rotate-level {
        position: relative;
        transform: rotate(0) translateX(12px) translateY(-2px) !important
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .bookmark {
        transform-origin: center;
        transform: rotate(90deg);
        top: -71px;
        height: auto;
        left: 50%
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .bookmark:after {
        transform: none
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div .bookmark:before {
        transition: transform .5s cubic-bezier(.27, 0, .66, .99)
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon>div.active .bookmark:before {
        transform: scale(0)
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate:before {
        height: 100%
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1].active+[level=l2]:not(.active-leave),
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1].active-leave+[level=l2]:not(.active),
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1].active+[level=l2].active-leave {
        width: 100%;
        left: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1],
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l2],
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l3] {
        width: 100%;
        left: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1].active,
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l1].active-leave,
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l2].active,
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l2].active-leave,
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l3].active,
    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div[level=l3].active-leave {
        width: 100%;
        left: 0
    }

    .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon>div.active .bookmark:after {
        transform: none
    }

    .bim-level-screen .accordeon-block.down .accordeon-container {
        position: absolute
    }

    .bim-level-screen .accordeon-block.down .accordeon>div.active {
        animation-delay: .5s
    }

    .bim-level-screen .accordeon-block.down .accordeon>div.active-leave {
        animation-delay: 0s
    }

    .bim-level-screen .accordeon-block.fixed .accordeon-container {
        max-height: 71px;
        height: 71px
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div {
        padding: 20px 15px 22px 28px;
        height: 100% !important
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .level-number {
        font-size: 1.875rem;
        position: relative;
        top: 0
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .level-number .rotate-level {
        transform: rotate(0) translateX(12px) translateY(-2px) !important
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div .bookmark {
        display: none
    }

    .bim-level-screen .accordeon-block.fixed .accordeon>div.active {
        padding-left: 15px
    }

    .bim-level-screen .accordeon-block.fixed .accordeon-animate .accordeon>div.active .level-number .rotate-level {
        transform: rotate(0) translateX(12px) translateY(-2px) !important
    }

    .bim-level-screen .level-content>div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 48px 19px 59px
    }

    .bim-level-screen .level-content>div:nth-child(2n+1) {
        border-right: none
    }

    .bim-level-screen .level-content .title-line {
        min-height: auto;
        margin-bottom: 37px
    }
}

@media (max-width:375px) {
    .bim-level-screen .accordeon-block.fixed .accordeon>div {
        padding: 20px 15px 22px
    }
}

.innovation-screen {
    display: flex;
    flex-wrap: wrap
}

.innovation-screen .title-block {
    margin-bottom: 70px
}

.innovation-screen .title-block h2 {
    margin-bottom: 30px
}

.innovation-screen .title-block p {
    max-width: 300px;
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.innovation-screen .left-side {
    padding: 60px 5.2% 20px;
    display: flex;
    flex-direction: column
}

.innovation-screen .left-side .list-innovation.tabs-head {
    margin: 0 -10px 70px
}

.innovation-screen .left-side .list-innovation.tabs-head li {
    padding: 0 10px;
    cursor: pointer
}

.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
    margin-bottom: 25px;
    opacity: .8;
    position: relative;
    transition: opacity .5s cubic-bezier(.27, 0, .66, .99), border .5s cubic-bezier(.27, 0, .66, .99);
    padding-bottom: 4px
}

.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap.border-tab:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    content: "";
    position: absolute;
    background: #036;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99), width 1.1s cubic-bezier(.25, .1, .25, 1)
}

.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap:after {
    height: calc(101% - 4px)
}

.innovation-screen .left-side .list-innovation.tabs-head li a .counter {
    color: #8a8b94;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    transition: color .5s cubic-bezier(.27, 0, .66, .99), transform 1.1s cubic-bezier(.27, 0, .66, .99), opacity .55s cubic-bezier(.27, 0, .66, .99)
}

.innovation-screen .left-side .list-innovation.tabs-head li a.selected .img-wrap,
.innovation-screen .left-side .list-innovation.tabs-head li a:hover .img-wrap {
    border-color: #036;
    opacity: 1
}

.innovation-screen .left-side .list-innovation.tabs-head li a.selected .img-wrap.border-tab:before,
.innovation-screen .left-side .list-innovation.tabs-head li a:hover .img-wrap.border-tab:before {
    transform: scaleX(1);
    transform-origin: left
}

.innovation-screen .left-side .list-innovation.tabs-head li a.selected .counter,
.innovation-screen .left-side .list-innovation.tabs-head li a:hover .counter {
    color: #4a494a
}

.innovation-screen .left-side .tabs-body {
    margin-top: 30px;
    margin-bottom: 70px
}

.innovation-screen .left-side .tabs-body.numbered-list li p {
    margin-bottom: 25px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500
}

.innovation-screen .left-side .tabs-body.numbered-list li span {
    display: block;
    max-width: 350px;
    color: #545454;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

.innovation-screen .left-side .bottom-text {
    margin-top: auto;
    display: flex;
    align-items: flex-end
}

.innovation-screen .left-side .bottom-text .right-bottom {
    margin-bottom: 3px
}

.innovation-screen .left-side .bottom-text span {
    display: inline-block;
    margin-left: 28px;
    color: #4a494a;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

.innovation-screen .right-side {
    padding: 0
}

.innovation-screen .right-side div {
    height: 100%
}

.innovation-screen .right-side .tab-content.selected {
    height: 100%
}

.innovation-screen .right-side .img-wrap img {
    height: 100%;
    object-fit: cover
}

.innovation-screen .right-side video {
    height: 100%;
    width: 100%;
    object-fit: cover
}

@media (min-height:950px) {
    .innovation-screen {
        height: 100vh
    }

    .innovation-screen .right-side {
        height: 100%
    }
}

@media (min-width:1200px) {
    .innovation-screen .left-side {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .innovation-screen .right-side {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .innovation-screen .left-side {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .innovation-screen .right-side {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
}

@media (max-width:1500px) {
    .innovation-screen .left-side {
        padding: 60px 30px 20px
    }

    .innovation-screen .left-side .list-innovation.tabs-head {
        margin: 0 -5px 80px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li {
        padding: 0 5px
    }
}

@media (max-width:1199px) {
    .innovation-screen {
        height: auto;
        padding: 0 30px;
        margin-bottom: 100px
    }

    .innovation-screen .title-block {
        margin-bottom: 100px
    }

    .innovation-screen .title-block h2 {
        margin-bottom: 25px
    }

    .innovation-screen .right-side {
        height: 65vw;
        margin-bottom: 58px
    }

    .innovation-screen .left-side {
        padding: 0
    }

    .innovation-screen .left-side .list-innovation.tabs-head {
        margin: 0 -25px 35px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li {
        padding: 0 25px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
        height: 14vw
    }

    .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap img {
        object-position: center;
        object-fit: cover;
        height: 100%
    }

    .innovation-screen .left-side .tabs-body {
        margin-top: 35px;
        margin-bottom: 0
    }

    .innovation-screen .left-side .tabs-body.numbered-list li p {
        margin-bottom: 45px
    }

    .innovation-screen .left-side .bottom-text {
        display: none
    }
}

@media (max-width:767px) {
    .innovation-screen {
        padding: 0 15px;
        margin-bottom: 70px
    }

    .innovation-screen .title-block {
        margin-bottom: 60px
    }

    .innovation-screen .right-side {
        height: 85vw;
        margin-bottom: 25px
    }

    .innovation-screen .left-side {
        padding: 0
    }

    .innovation-screen .left-side .list-innovation.tabs-head {
        margin: 0 -15px 35px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li {
        padding: 0 15px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li .counter {
        display: none
    }

    .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
        margin-bottom: 0;
        padding-bottom: 2px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap:after {
        height: calc(101% - 2px)
    }

    .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap.border-tab:before {
        height: 2px
    }

    .innovation-screen .left-side .tabs-body {
        margin-top: 30px
    }

    .innovation-screen .left-side .tabs-body.numbered-list li p {
        margin-bottom: 25px
    }
}

@media (max-width:374px) {
    .innovation-screen .left-side .list-innovation.tabs-head {
        margin: 0 -5px 35px
    }

    .innovation-screen .left-side .list-innovation.tabs-head li {
        padding: 0 5px
    }
}

.projects-screen {
    background-color: #036
}

.projects-screen>.row {
    height: 100%;
    margin: 0
}

.projects-screen .cell-project {
    padding: 30px 30px 40px;
    border-right: 1px solid #f8f8f833;
    border-bottom: 1px solid #f8f8f833;
    display: flex;
    flex-direction: column
}

.projects-screen .cell-project:hover .right {
    transform: rotateZ(-45deg)
}

.projects-screen .cell-project .img-wrap {
    margin-bottom: 35px;
    height: 12vw
}

.projects-screen .cell-project .img-wrap img {
    height: 100%;
    object-fit: cover
}

.projects-screen .cell-project .name-project {
    color: #f8f8f8;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500;
}

.projects-screen .cell-project .filters-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto
}

.projects-screen .cell-project .filters-bottom .filter-btn {
    cursor: pointer;
    background-color: #036;
    border: 1px solid #d0dcf8;
    color: #d0dcf8;
    width: max-content;
    margin-bottom: 12px;
    transition: color .5s cubic-bezier(.27, 0, .66, .99), background-color .5s cubic-bezier(.27, 0, .66, .99), opacity 1.1s cubic-bezier(.27, 0, .66, .99)
}

.projects-screen .cell-project .filters-bottom .filter-btn:hover {
    color: #036
}

.projects-screen .cell-project .filters-bottom .filter-btn:last-child {
    margin-bottom: 0
}

.projects-screen .cell-project .filters-bottom .filter-btn:after {
    background-color: #d0dcf8
}

.projects-screen .cell-project .filters-bottom .right {
    margin-bottom: 6px
}

.projects-screen .cell-project.title-block h2 {
    color: #f8f8f8;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 1.3rem;
}

.projects-screen .cell-project.title-block p {
    color: #9cb9fd;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 20px;
    /* max-width: 320px */
}

@media (min-height:1055px) {
    .projects-screen {
        min-height: 100vh
    }

    .projects-screen>.row {
        min-height: 100vh
    }
}

@media (max-width:1199px) {
    .projects-screen {
        margin-bottom: 105px;
        height: auto
    }

    .projects-screen .cell-project.title-block {
        margin-top: 30px;
        padding-bottom: 90px;
        border-right: none
    }

    .projects-screen .cell-project.title-block h2 {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .projects-screen .cell-project.title-block .subtitle-text {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .projects-screen .cell-project.title-block p {
        margin-bottom: 0
    }

    .projects-screen .cell-project .img-wrap {
        height: 23vw
    }

    .projects-screen .mobile-btn-projects {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .projects-screen {
        margin-bottom: 60px
    }

    .projects-screen .cell-project {
        padding: 30px 15px 40px;
        border-right: none
    }

    .projects-screen .cell-project.title-block {
        margin-top: 30px;
        padding-bottom: 80px;
        border-right: none
    }

    .projects-screen .cell-project.title-block h2 {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .projects-screen .cell-project.title-block .subtitle-text {
        display: block
    }

    .projects-screen .cell-project .img-wrap {
        height: 48vw
    }

    .projects-screen .mobile-btn-projects {
        height: 194px
    }
}

.about-us-screen {
    margin: 0
}

.about-us-screen .title-block {
    padding: 50px 30px 0;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

.about-us-screen .title-block h2 {
    margin-bottom: 20px
}

.about-us-screen .title-block p {
    margin-bottom: 30px;
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.125rem;
    font-weight: 500;
}

.about-us-screen .title-block span {
    color: #545454;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    display: block;
}

.about-us-screen .info-block {
    padding: 0;
    margin: 0
}

.about-us-screen .info-block>div {
    display: flex;
    flex-direction: column;
    padding: 60px 30px 30px;
    border-top: 1px solid #d7d7d7
}

.about-us-screen .info-block>div:nth-child(3n+1),
.about-us-screen .info-block>div:nth-child(3n+2) {
    border-right: 1px solid #d7d7d7
}

.about-us-screen .info-block>div .title-cell .title-line {
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 23px
}

.about-us-screen .info-block>div .title-cell span {
    color: #545454;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block
}

.about-us-screen .info-block>div svg {
    margin-top: auto
}

.about-us-screen .info-block>div .bottom-text {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.about-us-screen .info-block>div .bottom-text span {
    margin-left: 15px;
    margin-bottom: 0;
    color: #4a494a;
    line-height: 1.1;
    font-size: .9375rem;
    font-weight: 400
}

@media (min-height:850px) {
    .about-us-screen {
        height: 100vh
    }
}

@media (max-width:1199px) {
    .about-us-screen {
        height: auto
    }

    .about-us-screen .title-block {
        padding: 0 30px 0;
        border-right: none;
        border-top: none;
        margin-bottom: 105px
    }

    .about-us-screen .title-block .row {
        align-items: baseline
    }

    .about-us-screen .title-block h2 {
        margin-bottom: 44px
    }

    .about-us-screen .title-block span {
        margin-bottom: 0
    }

    .about-us-screen .title-block .link a {
        margin-left: auto
    }

    .about-us-screen .info-block>div {
        height: 440px;
        padding: 30px 30px 35px
    }

    .about-us-screen .info-block>div:nth-child(even) {
        border-right: none
    }

    .about-us-screen .info-block>div:nth-child(odd) {
        border-right: 1px solid #d7d7d7
    }

    .about-us-screen .info-block>div .bottom-text {
        display: none
    }
}

@media (max-width:767px) {
    .about-us-screen .title-block {
        padding: 0 15px;
        margin-bottom: 65px
    }

    .about-us-screen .title-block h2 {
        margin-bottom: 60px
    }

    .about-us-screen .title-block p {
        margin-bottom: 20px;
        font-size: 1rem;
        line-height: 1.4
    }

    .about-us-screen .title-block .subtitle-text {
        display: block
    }

    .about-us-screen .info-block>div:not(.blue-cell) {
        height: auto;
        padding: 30px 15px 60px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .about-us-screen .info-block>div:not(.blue-cell) .title-cell {
        margin-bottom: 0
    }

    .about-us-screen .info-block>div:not(.blue-cell) svg {
        margin-top: 0;
        min-width: 60px;
        height: 60px;
        margin-left: 40px
    }

    .about-us-screen .info-block>div:not(.blue-cell):nth-child(2n+1) {
        border-right: none
    }

    .about-us-screen .info-block>div:not(.blue-cell):last-child,
    .about-us-screen .info-block>div:not(.blue-cell).show-news {
        display: none;
        border-right: none;
        border-top: none
    }
}

.news-screen {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.news-screen>div:not(:first-child),
.news-screen>a:not(:first-child) {
    border-top: 1px solid #d7d7d7
}

.news-screen>div:hover .right,
.news-screen>a:hover .right {
    transform: rotateZ(-45deg)
}

.news-screen .main-article {
    position: relative;
    padding: 0;
    flex-basis: 100%;
    width: 41.666667%
}

.news-screen .main-article .img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.news-screen .main-article .img-wrap img {
    height: 100%;
    object-fit: cover
}

.news-screen .main-article:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5
}

.news-screen .main-article .content {
    position: relative;
    z-index: 2;
    padding: 50px 30px
}

.news-screen .main-article .content .top-block .title {
    color: #f8f8f8;
    line-height: 1.2;
    font-size: 1.5625rem;
    font-weight: 500
}

.news-screen .main-article .top-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px
}

.news-screen .main-article .top-block .title {
    width: 60%
}

.news-screen .main-article .top-block .more {
    margin-top: 10px
}

.news-screen .main-article .preview-text {
    width: 60%;
    color: #f8f8f8;
    line-height: 1.4;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 25px
}

.news-screen .main-article .date {
    color: #f8f8f8;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 45px;
    opacity: .3
}

.news-screen .all-news {
    height: 43%;
    display: flex;
    justify-content: center;
    align-items: center
}

.news-screen .news-list-item {
    height: 57%
}

.news-screen .news-list-item .preview-picture {
    height: calc(231*100%/625);
    overflow: hidden
}

.news-screen .news-list-item.order-lg-2 {
    border-right: 1px solid #d7d7d7
}

.news-screen .form {
    padding: 49px 30px;
    height: 43%;
    border-right: 1px solid #d7d7d7
}

.news-screen .form h2 {
    margin-bottom: 75px;
    line-height: 1.05
}

.news-screen .form .all-news-mobile {
    display: none
}

.news-screen .form .form-container {
    display: flex;
    flex-direction: column
}

.news-screen .form .form-container form {
    order: 3
}

.news-screen .form .subscribe-title {
    margin-bottom: 11px;
    color: #4a494a;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    order: 1
}

.news-screen .form .subscribe-text {
    order: 2;
    margin-bottom: 75px;
    color: #8a8b94;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

.news-screen .form .subscribe-text a {
    position: relative;
    display: inline-block;
    color: #8a8b94;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 400
}

.news-screen .form .subscribe-text a:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8a8b94;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.news-screen .form .subscribe-text a:hover:before {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

@media (min-height:950px) and (min-width:992px) {
    .news-screen {
        height: 100vh
    }

    .news-screen>div:not(:first-child),
    .news-screen>a:not(:first-child) {
        border-top: 1px solid #d7d7d7;
        width: calc((100% - 41.666667%)/2)
    }
}

@media (max-width:1440px) {
    .news-screen .main-article .content .top-block .title {
        font-size: 1.25rem
    }

    .news-screen .main-article .preview-text {
        font-size: 1rem
    }

    .news-screen .form {
        padding: 30px 20px
    }

    .news-screen .form .subscribe-title {
        font-size: 1.25rem
    }

    .news-screen .form .subscribe-text {
        margin-bottom: 60px
    }

    .news-screen .form button span {
        display: none
    }

    .news-screen .news-list-item {
        padding: 20px
    }

    .news-screen .news-list-item .name {
        font-size: 1.25rem
    }
}

@media (max-height:949px) and (min-width:992px) {
    .news-screen {
        display: grid;
        grid-template-columns: 41.666667% 1fr 1fr
    }

    .news-screen .main-article {
        width: 100%;
        grid-row-start: 1;
        grid-row-end: 3;
        height: auto
    }

    .news-screen>div:not(:first-child),
    .news-screen>a:not(:first-child) {
        width: 100%;
        height: auto
    }

    .news-screen .form {
        height: auto
    }

    .news-screen .all-news {
        grid-column-start: 3;
        grid-row-start: 1
    }

    .news-screen .news-list-item {
        grid-row-start: 2;
        grid-column-start: 3;
        max-height: 600px;
        min-height: 450px
    }

    .news-screen .news-list-item.order-lg-2 {
        grid-column-start: 2
    }

    .news-screen .news-list-item .preview-picture {
        height: calc(((100vw - 41.666667vw)/2 - 20px*2)*231/625)
    }
}

@media (max-width:991px) {
    .news-screen {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-screen .main-article {
        height: 707px
    }

    .news-screen .main-article .content .top-block .title {
        font-size: 1.5625rem
    }

    .news-screen .main-article .preview-text {
        font-size: 1.125rem
    }

    .news-screen .main-article .date {
        margin-bottom: 60px
    }

    .news-screen .news-list-item {
        width: 50%;
        height: 550px;
        padding: 30px
    }

    .news-screen .form {
        padding: 103px 30px 40px;
        border-right: 0;
        width: 75%;
        margin-bottom: 63px
    }

    .news-screen .form h2 {
        margin-bottom: 50px
    }

    .news-screen .form button span {
        display: inline-block
    }

    .news-screen .form .subscribe-text {
        margin-bottom: 45px
    }

    .news-screen .all-news {
        width: 25%;
        padding: 112px 30px 40px;
        align-items: flex-start;
        justify-content: flex-end
    }
}

@media (max-width:767px) {
    .news-screen {
        align-items: flex-start
    }

    .news-screen .main-article {
        height: auto;
        padding: 30px 15px 30px;
        border-top: 1px solid #d7d7d7;
        display: flex;
        flex-wrap: wrap
    }

    .news-screen .main-article:after {
        display: none
    }

    .news-screen .main-article .img-wrap {
        position: static;
        height: calc(178*(100vw - 30px)/345);
        margin-bottom: 35px
    }

    .news-screen .main-article .content {
        padding: 0;
        display: flex;
        flex-direction: column
    }

    .news-screen .main-article .content .top-block {
        margin-bottom: 20px
    }

    .news-screen .main-article .content .top-block .title {
        width: 100%;
        color: #4a494a;
        line-height: 1;
        font-size: 1.25rem;
        font-weight: 500
    }

    .news-screen .main-article .content .top-block .more {
        position: absolute;
        bottom: 7px;
        right: 0;
        color: #036
    }

    .news-screen .main-article .content .top-block .more span span {
        display: none
    }

    .news-screen .main-article .content .top-block .more svg {
        width: 17px;
        height: 18px
    }

    .news-screen .main-article .content .top-block .more svg path {
        fill: #036
    }

    .news-screen .main-article .content .top-block .more:after {
        width: 18px;
        height: 18px;
        background: url("../images/icon/arrow-small-right.svg") no-repeat;
        background-size: cover
    }

    .news-screen .main-article .content .base-btn {
        margin-top: auto;
        color: #036;
        border-color: #036
    }

    .news-screen .main-article .preview-text {
        width: 100%;
        color: #4a494a;
        line-height: 1.1;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 30px
    }

    .news-screen .main-article .date {
        color: #bebebe;
        opacity: 1;
        width: 100%
    }

    .news-screen .form {
        width: 100%;
        margin-bottom: 0;
        border-top: none;
        padding: 50px 15px 90px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .news-screen .form h2 {
        margin-bottom: 25px
    }

    .news-screen .form .all-news-mobile {
        display: block;
        margin-bottom: 0;
        margin-top: 7px
    }

    .news-screen .form .subscribe-title {
        margin-top: 65px
    }

    .news-screen .form .subscribe-text {
        margin-bottom: 30px
    }

    .news-screen .form .form-container {
        width: 100%
    }

    .news-screen .all-news {
        order: 5;
        width: 100%;
        justify-content: center;
        padding: 80px 15px
    }

    .news-screen .news-list-item {
        width: 100%;
        height: auto;
        padding: 30px 15px 30px
    }

    .news-screen .news-list-item.order-lg-2 {
        border-right: none
    }

    .news-screen .news-list-item .preview-picture {
        height: calc(178*(100vw - 30px)/345)
    }

    .news-screen .news-list-item .date {
        margin-bottom: 60px
    }
}

@media (max-width:480px) {
    .news-screen .main-article {
        height: auto
    }
}

.projects-page .breadcrumbs {
    border-bottom: 1px solid #d7d7d7
}

.items-list {
    margin: -1px -1px -1px 0
}

.items-list .cell-item {
    padding: 30px 30px 40px;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.items-list .cell-item:hover .right {
    transform: rotateZ(-45deg)
}

.items-list .cell-item .img-wrap {
    margin-bottom: 35px;
    height: 12vw
}

.items-list .cell-item .img-wrap img {
    height: 100%;
    object-fit: cover
}

.items-list .cell-item .project-info {
    display: flex;
    flex-direction: column;
    height: calc(100% - 12vw - 35px)
}

.items-list .cell-item .project-info .name-project {
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 78px
}

.items-list .cell-item .project-info .filters-bottom {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.items-list .cell-item .project-info .filters-bottom .right {
    margin-bottom: 6px
}

.items-list .cell-item .project-info .filters-bottom .base-btn:not(:last-child) {
    margin-bottom: 12px
}

.items-list .cell-item.vertical-cell {
    display: flex;
    padding-bottom: 30px
}

.items-list .cell-item.vertical-cell .img-wrap {
    width: 50%;
    margin-bottom: 0;
    height: 100%
}

.items-list .cell-item.vertical-cell .project-info {
    width: 50%;
    height: 100%;
    padding-left: 30px
}

.items-list .cell-item.vertical-cell .project-info .name-project {
    color: #4a494a;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 500
}

.news-page .breadcrumbs {
    border-bottom: 1px solid #d7d7d7
}

.news-page .items-list .cell-item {
    padding-bottom: 30px
}

.news-page .items-list .cell-item.vertical-cell .project-info .title-block .name-project {
    margin-bottom: 30px
}

.news-page .items-list .cell-item.vertical-cell .project-info .title-block .preview-text {
    margin-bottom: 25px;
    font-size: 1.125rem
}

.news-page .items-list .cell-item .project-info .title-block {
    margin-bottom: 60px
}

.news-page .items-list .cell-item .project-info .title-block .name-project {
    margin-bottom: 20px
}

.news-page .items-list .cell-item .project-info .title-block .preview-text {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 30px
}

.news-page .items-list .cell-item .project-info .title-block .date {
    color: #bebebe;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 500
}

.not-found {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem
}

@media (max-width:1439px) {
    .items-list .cell-item.vertical-cell {
        display: block
    }

    .items-list .cell-item.vertical-cell .img-wrap {
        width: 100%;
        margin-bottom: 30px;
        height: 23vw
    }

    .items-list .cell-item.vertical-cell .project-info {
        width: 100%;
        padding-left: 0;
        height: calc(100% - 23vw - 30px)
    }

    .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
        margin-bottom: 35px
    }

    .items-list .cell-item.vertical-cell.col-md-6 .project-info {
        height: calc(100% - 23vw - 35px)
    }

    .items-list .cell-item.vertical-cell.col-md-6 .project-info .title-block .name-project {
        font-size: 1.25rem
    }

    .items-list .cell-item.vertical-cell.col-md-6 .project-info .title-block .preview-text {
        font-size: 1rem
    }

    .news-page .items-list .cell-item.vertical-cell {
        padding-bottom: 30px
    }

    .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block {
        display: block
    }

    .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block .name-project {
        margin-bottom: 20px
    }

    .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block .preview-text {
        margin-bottom: 30px
    }
}

@media (max-width:1199px) {
    .items-list .cell-item .img-wrap {
        height: 23vw
    }

    .items-list .cell-item .project-info {
        height: calc(100% - 23vw - 35px)
    }

    .items-list .cell-item.vertical-cell {
        padding-bottom: 40px
    }

    .items-list .cell-item.vertical-cell .img-wrap {
        height: 50vw
    }

    .items-list .cell-item.vertical-cell .project-info {
        width: 100%;
        padding-left: 0;
        height: auto
    }

    .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
        height: 23vw;
        margin-bottom: 35px
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block {
        margin-bottom: 100px;
        display: flex;
        margin-right: -15px;
        margin-left: -15px
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .name-project {
        margin-bottom: 0
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block>* {
        width: 50%;
        padding: 0 15px
    }
}

@media (max-width:767px) {
    .projects-page .breadcrumbs {
        border-bottom: none
    }

    .items-list {
        margin: 0
    }

    .items-list .cell-item {
        padding: 30px 15px 40px;
        border-right: none
    }

    .items-list .cell-item .img-wrap {
        height: 50vw
    }

    .items-list .cell-item .project-info {
        height: auto
    }

    .items-list .cell-item.vertical-cell .project-info {
        height: auto
    }

    .items-list .cell-item.vertical-cell .project-info .name-project {
        font-size: 1.25rem
    }

    .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
        height: 50vw
    }

    .items-list .cell-item.vertical-cell.col-md-6 .project-info {
        height: auto
    }

    .items-list .cell-item:last-child {
        border-bottom: none
    }

    .news-page .breadcrumbs {
        border-bottom: none
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .img-wrap {
        margin-bottom: 35px
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block {
        margin-bottom: 60px;
        display: block;
        margin-right: 0;
        margin-left: 0
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .name-project {
        margin-bottom: 20px
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .preview-text {
        margin-bottom: 30px
    }

    .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block>* {
        width: 100%;
        padding: 0
    }
}

@media (max-width:320px) {
    .items-list .filter-container .title-block {
        margin-bottom: 105px
    }
}

.thumb-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}

.not-found-webinars {
    min-height: 500px;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.webinars-page .wrap-title {
    margin: 0
}

.webinars-page .wrap-title .subtitle-webinar {
    border-top: 1px solid #d7d7d7;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    padding: 52px 0 30px
}

.webinars-page .wrap-title .subtitle-webinar p {
    max-width: 450px
}

.webinars-page .list-webinars {
    border-top: 1px solid #d7d7d7;
    padding: 25px 30px 0;
    margin-bottom: 250px
}

.webinars-page .list-webinars .title-list {
    display: flex;
    margin-bottom: 156px
}

.webinars-page .list-webinars .title-list .icon {
    margin-right: 96px
}

.webinars-page .list-webinars .title-list .icon svg {
    width: 60px;
    height: 60px
}

.webinars-page .list-webinars .title-list h2 {
    margin-bottom: 45px;
    margin-top: 15px
}

.webinars-page .list-webinars .title-list p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 450px
}

.webinars-page .list-webinars .webinar-element {
    min-height: 500px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px
}

.webinars-page .list-webinars .webinar-element .img-wrap {
    padding: 30px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

.webinars-page .list-webinars .webinar-element .img-wrap img {
    height: 100%;
    object-fit: cover
}

.webinars-page .list-webinars .webinar-element .preview-info {
    border: 2px solid #4a494a;
    padding: 24px 15px 20px;
    margin: 0
}

.webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
    color: #4a494a;
    line-height: 1.1;
    font-size: 2.8125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 50px
}

.webinars-page .list-webinars .webinar-element .preview-info .preview-text {
    margin-top: auto
}

.webinars-page .list-webinars .webinar-element .preview-info .preview-text p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 450px
}

.webinars-page .list-webinars .webinar-element .preview-info .detail-link {
    margin-top: auto
}

.webinars-page .list-webinars .webinar-element .preview-info .detail-link .link-arrow-right {
    margin-left: auto
}

.webinars-page .list-webinars .webinar-element .time-start {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.webinars-page .list-webinars .webinar-element .time-start p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 7px
}

.webinars-page .list-webinars .webinar-element .time-start span {
    color: #4a494a;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap
}

.webinars-page .list-webinars .webinar-element .time-start span i {
    font-style: normal;
    padding: 0 10px
}

@media (max-width:1439px) {
    .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
        font-size: 1.5625rem
    }
}

@media (max-width:1199px) {
    .webinars-page .list-webinars {
        padding: 30px 30px 0;
        margin-bottom: 150px
    }

    .webinars-page .list-webinars .title-list {
        margin-bottom: 134px
    }

    .webinars-page .list-webinars .title-list .icon {
        margin-right: 65px
    }

    .webinars-page .list-webinars .webinar-element {
        min-height: 420px
    }

    .webinars-page .list-webinars .webinar-element .img-wrap {
        border-color: #4a494a;
        border-width: 2px;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .webinars-page .list-webinars .webinar-element .img-wrap img {
        height: auto
    }

    .webinars-page .list-webinars .webinar-element .preview-info {
        border-left: none;
        padding-bottom: 30px
    }

    .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
        font-size: 1.875rem
    }

    .webinars-page .list-webinars .webinar-element .preview-info .detail-link {
        margin-top: 0;
        margin-bottom: 30px
    }

    .webinars-page .list-webinars .webinar-element .preview-info .detail-link .link-arrow-right {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .webinars-page .list-webinars {
        padding: 35px 15px 0;
        margin-bottom: 125px
    }

    .webinars-page .list-webinars .title-list {
        margin-bottom: 100px
    }

    .webinars-page .list-webinars .title-list .icon {
        margin-right: 24px
    }

    .webinars-page .list-webinars .title-list .icon svg {
        width: 40px;
        height: 40px
    }

    .webinars-page .list-webinars .title-list h2 {
        margin-top: 7px;
        margin-bottom: 25px
    }

    .webinars-page .list-webinars .webinar-element {
        min-height: auto;
        margin-bottom: 25px
    }

    .webinars-page .list-webinars .webinar-element .img-wrap {
        padding: 25px 15px 15px;
        display: block;
        border-right: 2px solid #4a494a;
        border-bottom: none
    }

    .webinars-page .list-webinars .webinar-element .preview-info {
        border-left: 2px solid #4a494a;
        border-top: none;
        flex-direction: row;
        padding: 0 0 25px;
        align-items: flex-end;
        justify-content: space-between
    }

    .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
        font-size: 1.375rem;
        margin-bottom: 30px;
        width: 100%;
        max-width: 100%
    }

    .webinars-page .list-webinars .webinar-element .preview-info .detail-link {
        margin-bottom: 4px
    }

    .webinars-page .list-webinars .webinar-element .preview-info .preview-text {
        margin-top: 38px
    }
}

@media (max-width:413px) {
    .webinars-page .list-webinars .webinar-element .time-start span i {
        padding: 0 6px
    }
}

.detail-project-page .main-screen {
    border-top: 1px solid #d7d7d7;
    margin: 0
}

.detail-project-page .main-screen .img-project {
    padding: 30px 30px 0;
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.detail-project-page .main-screen .img-project .img-wrap {
    margin-bottom: 10px
}

.detail-project-page .main-screen .img-project .img-text {
    max-width: 290px;
    color: #a2a3ab;
    line-height: 1.1;
    font-size: .9375rem;
    font-weight: 400
}

.detail-project-page .main-screen .img-project .img-text p {
    margin-bottom: 10px
}

.detail-project-page .main-screen .left-col-screen {
    padding: 15px 30px 60px;
    border-right: 1px solid #d7d7d7
}

.detail-project-page .main-screen .left-col-screen .title-block {
    margin-bottom: 180px
}

.detail-project-page .main-screen .left-col-screen .title-block h1 {
    margin-bottom: 45px;
    line-height: 1.2
}

.detail-project-page .main-screen .left-col-screen .title-block .base-btn {
    margin-bottom: 10px
}

.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
    margin-bottom: 33px
}

.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .img-wrap {
    max-width: 150px;
    height: 40px;
    margin-bottom: 20px
}

.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .img-wrap img {
    height: 100%;
    object-fit: contain;
    object-position: left
}

.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .name-company {
    margin-bottom: 6px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500
}

.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .subtitle-company {
    color: #a2a3ab;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400
}

.detail-project-page .main-screen .left-col-screen .projects-company .about-company {
    max-width: 450px
}

.detail-project-page .main-screen .left-col-screen .projects-company .about-company p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 55px
}

.detail-project-page .main-screen .left-col-screen .projects-company .about-company span {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 55px
}

.detail-project-page .main-screen .right-col-screen {
    padding: 0
}

.detail-project-page .main-screen .right-col-screen .software-project {
    padding: 58px 30px 30px;
    border-top: 1px solid #d7d7d7
}

.detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
    color: #4a494a;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 60px
}

.detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
    width: 25%;
    max-width: 25%;
    flex-basis: auto
}

.detail-project-page .main-screen .right-col-screen .software-project .software-list a {
    margin-bottom: 6px
}

.detail-project-page .workflow-screen {
    margin: 0
}

.detail-project-page .workflow-screen>div {
    border-top: 1px solid #d7d7d7;
    padding-top: 45px;
    padding-bottom: 250px
}

.detail-project-page .workflow-screen h2 {
    margin-bottom: 140px
}

.detail-project-page .workflow-screen p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 25px;
    max-width: 600px
}

.detail-project-page .workflow-screen ol {
    max-width: 450px;
    padding-top: 15px
}

.detail-project-page .workflow-screen ol li {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 25px
}

.detail-project-page .workflow-screen .task-col {
    padding-left: calc(8.3% + 15px);
    padding-right: calc(8.3% + 15px);
    border-right: 1px solid #d7d7d7;
    margin: 0
}

.detail-project-page .workflow-screen .task-col>div {
    padding: 0
}

.detail-project-page .workflow-screen .decision-col {
    padding-left: calc(8.3% + 15px);
    padding-right: calc(8.3% + 15px);
    margin: 0
}

.detail-project-page .workflow-screen .decision-col>div {
    padding: 0
}

.detail-project-page .workflow-screen .results-col {
    padding-left: calc(12% + 15px);
    padding-right: calc(12% + 15px);
    border-right: 1px solid #d7d7d7;
    margin: 0
}

.detail-project-page .workflow-screen .results-col>div {
    padding: 0
}

.detail-project-page .workflow-screen .results-col p {
    font-size: 1.4375rem
}

.detail-project-page .workflow-screen .expert-col {
    padding-left: calc(6% + 15px);
    padding-right: calc(6% + 15px);
    padding-top: 80px;
    margin: 0
}

.detail-project-page .workflow-screen .expert-col>div {
    padding: 0
}

.detail-project-page .workflow-screen .expert-col .expert-info {
    margin-bottom: 44px
}

.detail-project-page .workflow-screen .expert-col .expert-info .title-col {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 100px
}

.detail-project-page .workflow-screen .expert-col .expert-info .name-expert {
    color: #4a494a;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 6px
}

.detail-project-page .workflow-screen .expert-col .expert-info .post-expert {
    color: #8a8b94;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-project-page .workflow-screen .expert-col .text-expert p {
    max-width: 320px
}

.detail-project-page .more-detailed-screen {
    margin: 0
}

.detail-project-page .more-detailed-screen .sticky-block {
    border-top: 1px solid #d7d7d7;
    padding: 0;
    height: 100vh;
    max-height: 1100px
}

.detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
    padding: 34px 30px 76px;
    background-color: #036;
    display: flex;
    flex-direction: column;
    height: 50%
}

.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar h2 {
    color: #f8f8f8;
    margin-bottom: 10px;
    padding-right: 30px
}

.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar p {
    color: #9cb9fd;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px
}

.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .base-btn {
    margin-top: auto
}

.detail-project-page .more-detailed-screen .sticky-block .form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50%;
    padding: 40px 30px 90px
}

.detail-project-page .more-detailed-screen .sticky-block .form>div {
    max-width: 440px
}

.detail-project-page .more-detailed-screen .sticky-block .form form {
    margin-bottom: 16px
}

.detail-project-page .more-detailed-screen .detailed-info {
    padding: 34px 60px 0 36px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

.detail-project-page .more-detailed-screen .detailed-info .row {
    margin: 0 -36px
}

.detail-project-page .more-detailed-screen .detailed-info .row>div {
    padding: 0 37px
}

.detail-project-page .more-detailed-screen .detailed-info .row>div.img-wrap img {
    height: 100%;
    object-fit: cover
}

.detail-project-page .more-detailed-screen .detailed-info .title-block {
    align-items: flex-end;
    margin-bottom: 55px
}

.detail-project-page .more-detailed-screen .detailed-info .paragraph {
    margin-bottom: 25px
}

.detail-project-page .more-detailed-screen .detailed-info .paragraph .title-paragraph {
    margin-bottom: 53px;
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.detail-project-page .more-detailed-screen .detailed-info .paragraph .text-paragraph {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-project-page .more-detailed-screen .detailed-info .paragraph .text-paragraph p {
    margin-bottom: 30px
}

.detail-project-page .more-detailed-screen .detailed-info .img-wrap {
    margin-bottom: 100px
}

.detail-project-page .more-detailed-screen .lvl-project {
    padding: 68px calc(10% + 60px) 95px 36px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

.detail-project-page .more-detailed-screen .lvl-project .title-lvl {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 60px
}

.detail-project-page .more-detailed-screen .lvl-project .list-square {
    margin: 0 -5px
}

.detail-project-page .more-detailed-screen .lvl-project .list-square li {
    padding: 5px
}

@media (max-width:1439px) {
    .detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
        width: 50%;
        max-width: 50%;
        margin-bottom: 34px
    }

    .detail-project-page .main-screen .right-col-screen .software-project .software-list a {
        margin-bottom: 12px
    }

    .detail-project-page .workflow-screen .results-col p {
        font-size: 1.25rem
    }
}

@media (max-width:1199px) {
    .detail-project-page .main-screen .img-project {
        padding: 0 30px 30px;
        margin-bottom: 0;
        flex-direction: column-reverse
    }

    .detail-project-page .main-screen .img-project .img-wrap {
        margin-bottom: 0
    }

    .detail-project-page .main-screen .img-project .img-text {
        margin-bottom: 15px;
        max-width: 340px;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .detail-project-page .main-screen .left-col-screen {
        border-right: none;
        padding: 0
    }

    .detail-project-page .main-screen .left-col-screen .title-block {
        padding: 20px 30px 0;
        margin-bottom: 160px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company {
        margin: 0 0 35px;
        border-top: 1px solid #d7d7d7;
        padding-top: 45px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
        padding: 0 30px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company .about-company {
        max-width: max-content;
        padding: 0 30px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company .about-company p,
    .detail-project-page .main-screen .left-col-screen .projects-company .about-company span {
        margin-bottom: 26px
    }

    .detail-project-page .main-screen .right-col-screen .software-project {
        padding: 50px 30px 0;
        margin-bottom: 50px
    }

    .detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
        margin-bottom: 92px
    }

    .detail-project-page .workflow-screen>div:not(.expert-col) {
        padding-bottom: 75px
    }

    .detail-project-page .workflow-screen .task-col,
    .detail-project-page .workflow-screen .decision-col,
    .detail-project-page .workflow-screen .results-col {
        padding-left: 0;
        padding-right: 0;
        border-right: none
    }

    .detail-project-page .workflow-screen .task-col>div,
    .detail-project-page .workflow-screen .decision-col>div,
    .detail-project-page .workflow-screen .results-col>div {
        padding: 0 30px
    }

    .detail-project-page .workflow-screen .task-col>div>:nth-child(2),
    .detail-project-page .workflow-screen .decision-col>div>:nth-child(2),
    .detail-project-page .workflow-screen .results-col>div>:nth-child(2) {
        margin-top: 30px
    }

    .detail-project-page .workflow-screen .expert-col {
        padding: 45px 0 55px;
        border-right: none
    }

    .detail-project-page .workflow-screen .expert-col>div {
        padding: 0 30px
    }

    .detail-project-page .workflow-screen .expert-col .expert-info .title-col {
        margin-bottom: 50px
    }

    .detail-project-page .more-detailed-screen {
        margin: 0
    }

    .detail-project-page .more-detailed-screen .sticky-block {
        padding: 0;
        height: auto;
        position: static;
        display: block
    }

    .detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
        height: 350px;
        width: 100%;
        padding: 30px 30px 46px
    }

    .detail-project-page .more-detailed-screen .sticky-block .form {
        height: 350px;
        width: 100%;
        padding: 30px 30px 63px
    }

    .detail-project-page .more-detailed-screen .detailed-info {
        padding: 60px 30px 0;
        border-left: none;
        margin-bottom: 60px
    }

    .detail-project-page .more-detailed-screen .detailed-info .row {
        margin: 0 -15px
    }

    .detail-project-page .more-detailed-screen .detailed-info .row>div {
        padding: 0 15px
    }

    .detail-project-page .more-detailed-screen .detailed-info .title-block {
        align-items: center;
        margin-bottom: 145px
    }

    .detail-project-page .more-detailed-screen .detailed-info .title-block .project-doc {
        display: flex;
        justify-content: flex-end
    }

    .detail-project-page .more-detailed-screen .detailed-info .paragraph {
        margin-bottom: 20px
    }

    .detail-project-page .more-detailed-screen .lvl-project {
        padding: 50px calc(16% + 30px) 90px 30px;
        border-left: none
    }

    .detail-project-page .more-detailed-screen .lvl-project .title-lvl {
        margin-bottom: 70px
    }
}

@media (max-width:767px) {
    .detail-project-page .main-screen .img-project {
        padding: 0 15px 22px;
        flex-direction: column;
        align-items: flex-start
    }

    .detail-project-page .main-screen .img-project .img-wrap {
        margin-bottom: 10px
    }

    .detail-project-page .main-screen .img-project .img-text {
        display: block;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%
    }

    .detail-project-page .main-screen .left-col-screen .title-block {
        padding: 15px 15px 0;
        margin-bottom: 120px
    }

    .detail-project-page .main-screen .left-col-screen .title-block h1 {
        margin-bottom: 40px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company {
        margin: 0 0 44px;
        padding-top: 60px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company,
    .detail-project-page .main-screen .left-col-screen .projects-company .about-company {
        padding: 0 15px
    }

    .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
        margin-bottom: 70px
    }

    .detail-project-page .main-screen .right-col-screen .software-project {
        padding: 36px 15px 0;
        margin-bottom: 20px
    }

    .detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
        margin-bottom: 55px
    }

    .detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
        width: 100%;
        max-width: 100%
    }

    .detail-project-page .workflow-screen {
        margin: 0
    }

    .detail-project-page .workflow-screen h2 {
        margin-bottom: 80px
    }

    .detail-project-page .workflow-screen>div {
        padding-top: 30px
    }

    .detail-project-page .workflow-screen .task-col>div,
    .detail-project-page .workflow-screen .decision-col>div,
    .detail-project-page .workflow-screen .results-col>div {
        padding: 0 15px
    }

    .detail-project-page .workflow-screen .task-col>div>:nth-child(2),
    .detail-project-page .workflow-screen .decision-col>div>:nth-child(2),
    .detail-project-page .workflow-screen .results-col>div>:nth-child(2) {
        margin-top: 0
    }

    .detail-project-page .workflow-screen .expert-col {
        padding-bottom: 140px;
        padding-top: 30px
    }

    .detail-project-page .workflow-screen .expert-col .expert-info .title-col {
        margin-bottom: 74px
    }

    .detail-project-page .workflow-screen .expert-col .text-expert p {
        max-width: max-content
    }

    .detail-project-page .workflow-screen .expert-col>div {
        padding: 0 15px
    }

    .detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
        height: 360px;
        padding: 30px 15px
    }

    .detail-project-page .more-detailed-screen .sticky-block .form {
        height: 360px;
        padding: 30px 15px 42px
    }

    .detail-project-page .more-detailed-screen .detailed-info {
        padding: 30px 15px 0;
        margin-bottom: 60px
    }

    .detail-project-page .more-detailed-screen .detailed-info .title-block {
        align-items: center;
        margin-bottom: 85px
    }

    .detail-project-page .more-detailed-screen .detailed-info .title-block h2 {
        margin-bottom: 40px
    }

    .detail-project-page .more-detailed-screen .detailed-info .title-block .project-doc {
        display: block
    }

    .detail-project-page .more-detailed-screen .detailed-info .img-wrap {
        margin-bottom: 90px
    }

    .detail-project-page .more-detailed-screen .detailed-info .paragraph {
        margin-bottom: 10px
    }

    .detail-project-page .more-detailed-screen .detailed-info .paragraph .title-paragraph {
        margin-bottom: 40px
    }

    .detail-project-page .more-detailed-screen .detailed-info .row-img {
        margin-bottom: 75px
    }

    .detail-project-page .more-detailed-screen .detailed-info .row-img .img-wrap {
        margin-bottom: 15px
    }

    .detail-project-page .more-detailed-screen .lvl-project {
        padding: 30px 15px 140px
    }

    .detail-project-page .more-detailed-screen .lvl-project .title-lvl {
        margin-bottom: 80px
    }
}

.development-page p {
    margin-bottom: 30px
}

.development-page p.small {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.development-page p.large {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.4375rem;
    font-weight: 400
}

.development-page .dev-title {
    display: flex;
    border-top: 1px solid #d7d7d7;
    padding: 22px 15px 0;
    margin-bottom: 115px
}

.development-page .dev-title h1 {
    line-height: 1.4
}

.development-page .dev-title>div:nth-child(2) {
    padding-top: 17px
}

.development-page .dev-title>div p {
    width: 60%
}

.development-page .dev-list {
    display: flex;
    flex-wrap: wrap
}

.development-page .dev-list>li {
    border-top: 1px solid #d7d7d7;
    padding-top: 65px;
    counter-increment: num
}

.development-page .dev-list>li:before {
    content: "— " counter(num);
    margin-bottom: 20px;
    display: block;
    margin-left: -34px;
    color: #036;
    line-height: 1.05;
    font-size: 2rem;
    font-weight: 400
}

.development-page .dev-list>li:nth-child(-n+9):before {
    content: "— 0" counter(num)
}

.development-page .dev-list>li .title {
    color: #4a494a;
    line-height: 1.05;
    font-size: 2rem;
    font-weight: 400
}

.development-page .dev-list>li:nth-child(5n+1),
.development-page .dev-list>li:nth-child(5n+3),
.development-page .dev-list>li:nth-child(5n+4) {
    border-right: 1px solid #d7d7d7
}

.development-page .dev-list>li.large-item {
    padding-left: calc(8.333333% + 15px);
    padding-right: calc(8.333333% + 15px);
    padding-bottom: 110px
}

.development-page .dev-list>li.large-item .title {
    margin-bottom: 110px
}

.development-page .dev-list>li.small-item {
    padding-bottom: 140px;
    padding-left: calc(4% + 10px);
    padding-right: calc(4% + 10px)
}

.development-page .dev-list>li.small-item .title {
    margin-bottom: 105px
}

.development-page .dev-list>li .square-list-with-details {
    margin-top: 75px
}

@media (max-width:1439px) {
    .development-page p.large {
        font-size: 1.25rem
    }

    .development-page .dev-title h1 {
        font-size: 4.6875rem
    }

    .development-page .dev-list>li.small-item .title {
        font-size: 1.6875rem
    }
}

@media (max-width:991px) {
    .development-page p.small {
        margin-bottom: 15px
    }

    .development-page .dev-title {
        flex-wrap: wrap;
        margin-bottom: 0;
        padding-bottom: 15px;
        padding-top: 20px
    }

    .development-page .dev-title h1 {
        margin-bottom: 143px
    }

    .development-page .dev-title>div p {
        width: 100%;
        margin-bottom: 28px
    }

    .development-page .dev-title>div p:last-child {
        margin-bottom: 0
    }

    .development-page .dev-list>li {
        padding-top: 40px
    }

    .development-page .dev-list>li.large-item {
        padding-left: 64px;
        padding-right: 30px;
        padding-bottom: 130px
    }

    .development-page .dev-list>li.large-item .title {
        margin-bottom: 70px
    }

    .development-page .dev-list>li.small-item {
        padding-left: 64px;
        padding-bottom: 130px
    }

    .development-page .dev-list>li.small-item a {
        margin-top: 10px
    }

    .development-page .dev-list>li.small-item .title {
        font-size: 2rem
    }

    .development-page .dev-list>li .text-block {
        display: flex
    }

    .development-page .dev-list>li .text-block .large {
        width: 63.63636363%;
        padding-right: 15px
    }

    .development-page .dev-list>li .text-block .small {
        padding-left: 15px;
        width: 36.36363636%
    }

    .development-page .dev-list>li .square-list-with-details {
        margin-top: 45px;
        width: 63.63636363%
    }

    .development-page .dev-list>li:nth-child(5n+1),
    .development-page .dev-list>li:nth-child(5n+3),
    .development-page .dev-list>li:nth-child(5n+4) {
        border-right: none
    }
}

@media (max-width:767px) {
    .development-page .dev-title {
        padding: 28px 0 20px
    }

    .development-page .dev-title h1 {
        margin-bottom: 113px;
        font-size: 3.0625rem
    }

    .development-page .dev-list>li {
        padding-bottom: 100px
    }

    .development-page .dev-list>li.large-item {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 100px
    }

    .development-page .dev-list>li.large-item .title {
        margin-bottom: 80px
    }

    .development-page .dev-list>li.small-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .development-page .dev-list>li.small-item a {
        margin-top: 35px
    }

    .development-page .dev-list>li.small-item .title {
        font-size: 1.5625rem
    }

    .development-page .dev-list>li:before {
        margin-left: 0;
        font-size: 1.5625rem;
        margin-bottom: 10px
    }

    .development-page .dev-list>li .title {
        font-size: 1.5625rem;
        margin-bottom: 80px
    }

    .development-page .dev-list>li .text-block {
        flex-wrap: wrap
    }

    .development-page .dev-list>li .text-block .large {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px
    }

    .development-page .dev-list>li .text-block .small {
        width: 100%;
        padding-left: 0
    }

    .development-page .dev-list>li .square-list-with-details {
        width: 100%;
        margin-top: 55px;
        margin-left: 0;
        margin-right: 0
    }

    .development-page .dev-list>li .square-list-with-details li {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:413px) {
    .development-page .dev-title h1 {
        font-size: 2.625rem
    }

    .development-page .dev-title>div:nth-child(2) {
        margin-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.detail-development-page .main-screen {
    margin: 0;
    border-top: 1px solid #d7d7d7
}

.detail-development-page .main-screen>div {
    padding: 0 30px
}

.detail-development-page .main-screen .title-block {
    padding-top: 15px;
    border-bottom: 1px solid #d7d7d7;
}

.detail-development-page .main-screen .title-block h1 {
    margin-bottom: 70px
}

.detail-development-page .main-screen .title-block .type-development p,
.detail-development-page .main-screen .title-block .type-development li {
    margin-bottom: 3px;
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

.detail-development-page .main-screen .title-block .type-development span {
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.25rem;
    font-weight: 500
}

.detail-development-page .main-screen .img-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.detail-development-page .main-screen .text-type-development {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 500;
    padding: 2rem;
}

.detail-development-page .main-screen .text-type-development p,
.detail-development-page .main-screen .text-type-development ul,
.detail-development-page .main-screen .text-type-development h2,
.detail-development-page .main-screen .text-type-development h3 {
    margin-bottom: 25px;
}

.detail-development-page .main-screen .text-type-development details[open] .plusify {
    display: none;
}

.detail-development-page .main-screen .text-type-development summary::marker {
    list-style: none;
}

.detail-development-page .main-screen .text-type-development h2 svg {
    transform: translateY(.4rem);
}

.detail-development-page .main-screen .text-type-development h3 {
    font-size: 1.4rem;
}

.detail-development-page .main-screen .text-type-development h2 {
    font-size: 1.8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.detail-development-page .main-screen .text-type-development ul {
    list-style: disc;
    padding-left: 1.2rem;
}

.detail-development-page .main-screen .stages-development {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    padding: 38px calc(16.6% + 15px) 105px calc(8.3% + 15px)
}

.detail-development-page .main-screen .stages-development .title-line {
    margin-bottom: 64px
}

.detail-development-page .main-screen .stages-development .list-square {
    margin: 0 -5px
}

.detail-development-page .main-screen .stages-development .list-square li {
    padding: 5px
}

.detail-development-page .work-package-screen {
    margin: 0
}

.detail-development-page .work-package-screen .tasks-block {
    padding: 40px 30px 105px;
    border-top: 1px solid #d7d7d7;
    height: max-content
}

.detail-development-page .work-package-screen .tasks-block h2 {
    margin-bottom: 95px
}

.detail-development-page .work-package-screen .tasks-block ol.numbered-list li {
    margin-bottom: 10px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-development-page .work-package-screen .tasks-block ol.numbered-list li:before {
    margin-right: 18px
}

.detail-development-page .work-package-screen .software-solutions {
    padding: 40px calc(8.3% + 15px) 100px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

.detail-development-page .work-package-screen .software-solutions h2 {
    margin-bottom: 90px
}

.detail-development-page .work-package-screen .software-solutions .software-list {
    margin: 0 -10px
}

.detail-development-page .work-package-screen .software-solutions .software-list li {
    padding: 10px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element {
    border: 2px solid #4a494a;
    padding: 18px 30px 20px;
    display: flex;
    flex-direction: column;
    min-height: 400px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name span {
    color: #4a494a;
    line-height: 1.1;
    font-size: 1.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-variant: all-small-caps
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name .right-top {
    margin-top: 5px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name svg {
    width: 25px;
    height: 25px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-logo {
    width: 174px
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-logo img {
    width: 100%;
    object-fit: contain
}

.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-text {
    margin-top: auto;
    max-width: 390px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-development-page .work-package-screen .service {
    padding: 40px calc(25% + 15px) 110px calc(8.3% + 15px);
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

.detail-development-page .work-package-screen .service h2 {
    margin-bottom: 95px
}

.detail-development-page .work-package-screen .service .service-list {
    margin: 0 -5px
}

.detail-development-page .work-package-screen .service .service-list li {
    padding: 5px
}

.detail-development-page .work-package-screen .service .service-list li .service-element {
    border: 1px solid #4a494a;
    padding: 13px 15px 11px;
    height: 165px;
    display: flex;
    flex-direction: column
}

.detail-development-page .work-package-screen .service .service-list li .service-element .service-name {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-development-page .work-package-screen .service .service-list li .service-element a {
    margin-top: auto;
    margin-left: auto;
    font-weight: 500
}

.detail-development-page .projects-screen {
    min-height: max-content
}

.detail-development-page .projects-screen>.row {
    min-height: max-content
}

.detail-development-page .projects-screen .cell-project.title-block {
    display: flex;
    justify-content: center;
    gap: .5rem
}

.detail-development-page .video-screen {
    margin: 0
}

.detail-development-page .video-screen .title-col {
    padding: 100px 30px 30px;
    border-right: 1px solid #d7d7d7
}

.detail-development-page .video-screen .title-col .sticky-block {
    height: max-content;
    padding-top: 40px
}

.detail-development-page .video-screen .title-col .sticky-block h2 {
    margin-bottom: 50px
}

.detail-development-page .video-screen .title-col .sticky-block span {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-development-page .video-screen .video-list {
    padding: 128px 105px 72px
}

.detail-development-page .video-screen .video-list ul {
    margin: 0 -10px
}

.detail-development-page .video-screen .video-list ul li {
    padding: 12px 10px
}

.detail-development-page .video-screen .video-list ul li .video-element {
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #4a494a;
    padding: 16px 30px 30px;
    height: 100%
}

.detail-development-page .video-screen .video-list ul li .video-element .video-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 130px;
    width: 100%
}

.detail-development-page .video-screen .video-list ul li .video-element .video-name p {
    color: #4a494a;
    line-height: 1;
    font-size: 1.875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 18px;
    width: calc(100% - 55px);
    letter-spacing: -.01em;
    font-variant: all-small-caps
}

.detail-development-page .video-screen .video-list ul li .video-element .video-name span {
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    order: 3;
    display: block
}

.detail-development-page .video-screen .video-list ul li .video-element .video-name svg {
    width: 25px;
    height: 25px
}

.detail-development-page .video-screen .video-list ul li .video-element .arrow-link {
    height: max-content;
    margin-top: 5px
}

.detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
    margin-top: auto
}

.detail-development-page .article-screen {
    margin: 0
}

.detail-development-page .article-screen .all-article {
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-development-page .article-screen .all-article h2 {
    margin-bottom: 40px
}

.detail-development-page .article-screen .news-list-item {
    border-top: 1px solid #d7d7d7
}

.detail-development-page .article-screen .news-list-item:not(:last-child) {
    border-right: 1px solid #d7d7d7
}

.detail-development-page .article-screen .news-list-item .preview-picture {
    height: 12vw
}

.detail-development-page .article-screen .news-list-item .date {
    margin-bottom: 60px
}

.detail-development-page .useful-links {
    margin: 0
}

.detail-development-page .useful-links .title-block {
    padding: 50px 30px 60px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.detail-development-page .useful-links .link-list {
    padding: 50px 30px 90px;
    border-top: 1px solid #d7d7d7;
    display: flex;
    flex-wrap: wrap
}

.detail-development-page .useful-links .link-list>div {
    padding-right: 90px;
    margin-bottom: 24px
}

.detail-development-page .useful-links .link-list>div a {
    margin-bottom: 6px
}

@media (max-width:1500px) {
    .detail-development-page .main-screen .title-block h1 {
        font-size: 2.625rem
    }
}

@media (max-width:1439px) {
    .detail-development-page .work-package-screen .software-solutions {
        padding: 40px 30px 100px
    }

    .detail-development-page .main-screen .stages-development {
        padding: 38px calc(8.3% + 15px) 105px
    }

    .detail-development-page .video-screen .video-list {
        padding: 115px 30px 60px
    }
}

@media (max-width:1300px) {
    .detail-development-page .main-screen .title-block h1 {
        font-size: 2.375rem
    }
}

@media (max-width:1199px) {
    .detail-development-page .main-screen .title-block {
        padding-top: 20px
    }

    .detail-development-page .main-screen .title-block h1 {
        margin-bottom: 180px;
        font-size: 3.125rem
    }

    .detail-development-page .main-screen .img-wrap {
        padding-top: 20px;
        border-left: none
    }

    .detail-development-page .main-screen .stages-development {
        padding: 40px 30px 95px;
        border-left: none
    }

    .detail-development-page .main-screen .stages-development .title-line {
        margin-bottom: 48px
    }

    .detail-development-page .work-package-screen .tasks-block {
        padding-bottom: 85px;
        position: static
    }

    .detail-development-page .work-package-screen .tasks-block ol {
        margin-top: 34px
    }

    .detail-development-page .work-package-screen .software-solutions {
        padding: 40px 30px 85px;
        border-left: none
    }

    .detail-development-page .work-package-screen .software-solutions h2 {
        margin-bottom: 85px
    }

    .detail-development-page .work-package-screen .software-solutions .software-list {
        margin: 0 -15px
    }

    .detail-development-page .work-package-screen .software-solutions .software-list li {
        padding: 15px
    }

    .detail-development-page .work-package-screen .software-solutions .software-list li .software-element {
        padding-bottom: 24px;
        padding-right: 24px
    }

    .detail-development-page .work-package-screen .service {
        padding: 40px 30px 90px;
        border-left: none
    }

    .detail-development-page .projects-screen {
        margin-bottom: 0
    }

    .detail-development-page .projects-screen .cell-project.title-block {
        border-right: 1px solid #036;
        margin-top: 0
    }

    .detail-development-page .video-screen .title-col {
        padding: 70px 30px 78px;
        border-right: none
    }

    .detail-development-page .video-screen .title-col .sticky-block {
        padding-top: 0;
        position: static
    }

    .detail-development-page .video-screen .video-list {
        padding: 0 30px 82px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name {
        margin-bottom: 0;
        width: 50%;
        padding-left: 30px;
        order: 2;
        flex-direction: column;
        justify-content: flex-start
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name p {
        margin-bottom: 18px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name span {
        order: 0;
        margin-bottom: 30px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name .arrow-link {
        margin-top: auto;
        margin-left: auto;
        width: max-content
    }

    .detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
        width: 50%;
        padding-top: 27.25%;
        margin-top: 0
    }

    .detail-development-page .article-screen .news-list-item:nth-child(2) {
        border-right: none
    }

    .detail-development-page .article-screen .news-list-item .preview-picture {
        height: 23vw
    }

    .detail-development-page .useful-links .title-block {
        padding: 40px 30px 30px;
        border-right: none
    }

    .detail-development-page .useful-links .link-list {
        padding: 72px 30px 60px;
        border-top: 1px solid #d7d7d7;
        flex-direction: column
    }

    .detail-development-page .useful-links .link-list>div {
        padding-right: 0;
        margin-bottom: 24px
    }
}

@media (max-width:767px) {
    .detail-development-page .main-screen .text-type-development h2 svg {
        transform: translateY(.1rem);
    }

    .detail-development-page .main-screen .text-type-development h2 {
        font-size: 1.4rem;
    }

    .detail-development-page .main-screen .text-type-development h3 {
        font-size: 1.2rem;
    }

    .detail-development-page h2.small {
        font-size: 2rem
    }

    .detail-development-page .main-screen .title-block {
        padding: 13px 15px 0
    }

    .detail-development-page .main-screen .title-block h1 {
        font-size: 1.875rem;
        margin-bottom: 138px
    }

    .detail-development-page .main-screen .img-wrap {
        padding: 15px
    }

    .detail-development-page .main-screen .text-type-development {
        padding: 35px 15px 30px
    }

    .detail-development-page .main-screen .stages-development {
        padding: 30px 15px 95px
    }

    .detail-development-page .main-screen .stages-development .title-line {
        margin-bottom: 75px
    }

    .detail-development-page .main-screen .stages-development .list-square li {
        padding: 5px;
        height: auto
    }

    .detail-development-page .main-screen .stages-development .list-square li .counter {
        flex-direction: row;
        padding: 0;
        border: none;
        align-items: baseline;
        color: #4a494a;
        justify-content: flex-start;
        text-transform: none
    }

    .detail-development-page .main-screen .stages-development .list-square li .counter:before {
        margin-right: 18px;
        font-size: .875rem
    }

    .detail-development-page .work-package-screen .tasks-block {
        padding: 30px 15px 90px
    }

    .detail-development-page .work-package-screen .tasks-block h2 {
        margin-bottom: 80px
    }

    .detail-development-page .work-package-screen .tasks-block ol {
        margin-top: 0
    }

    .detail-development-page .work-package-screen .software-solutions {
        padding: 30px 15px 85px
    }

    .detail-development-page .work-package-screen .software-solutions h2 {
        margin-bottom: 65px
    }

    .detail-development-page .work-package-screen .service {
        padding: 30px 15px 95px
    }

    .detail-development-page .work-package-screen .service h2 {
        margin-bottom: 75px
    }

    .detail-development-page .work-package-screen .service .service-list li .service-element {
        height: 130px
    }

    .detail-development-page .projects-screen .cell-project.title-block {
        border-right: none;
        margin-top: 0;
        padding: 100px 15px
    }

    .detail-development-page .projects-screen .cell-project.title-block h2 {
        margin-bottom: 40px;
        margin-top: 0
    }

    .detail-development-page .video-screen .title-col {
        padding: 30px 15px 74px
    }

    .detail-development-page .video-screen .video-list {
        padding: 0 15px 80px
    }

    .detail-development-page .video-screen .video-list ul li {
        padding: 6px 10px
    }

    .detail-development-page .video-screen .video-list ul li .video-element {
        padding: 30px 15px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name {
        order: 0;
        width: 100%;
        margin-bottom: 76px;
        padding-left: 0;
        flex-direction: row
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name p {
        font-size: 1.375rem;
        margin-bottom: 15px;
        margin-right: 20px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name span {
        order: 2;
        margin-bottom: 0;
        margin-right: 135px
    }

    .detail-development-page .video-screen .video-list ul li .video-element .video-name .arrow-link {
        margin-top: 0;
        margin-left: auto
    }

    .detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
        width: 100%;
        padding-top: 60.25%
    }

    .detail-development-page .article-screen .all-article {
        border-right: none;
        padding: 100px 15px
    }

    .detail-development-page .article-screen .all-article.mobile {
        padding: 80px 15px
    }

    .detail-development-page .article-screen .all-article .base-btn {
        color: #f8f8f8;
        background-color: #036;
        border-color: #036
    }

    .detail-development-page .article-screen .all-article .base-btn:after {
        background-color: #f8f8f8
    }

    .detail-development-page .article-screen .all-article .base-btn span:before {
        background: #036;
        background: linear-gradient(90deg, #f8f8f800 0%, #036 30%, #036 100%)
    }

    .detail-development-page .article-screen .all-article .base-btn svg path {
        fill: #f8f8f8
    }

    .detail-development-page .article-screen .all-article .base-btn:hover {
        color: #036
    }

    .detail-development-page .article-screen .all-article .base-btn:hover svg path {
        fill: #036
    }

    .detail-development-page .article-screen .news-list-item {
        padding: 30px 15px
    }

    .detail-development-page .article-screen .news-list-item .preview-picture {
        height: 48vw
    }

    .detail-development-page .useful-links .title-block {
        padding: 30px 15px 80px
    }

    .detail-development-page .useful-links .link-list {
        padding: 0 15px 120px;
        border-top: none
    }
}

.news-detail-page>.row {
    margin: 0
}

.news-detail-page .main-screen {
    border-top: 1px solid #d7d7d7;
    padding-top: 15px
}

.news-detail-page .main-screen>div {
    padding: 0 30px
}

.news-detail-page .main-screen .news-date {
    padding-top: 15px;
    color: #8a8b94;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500
}

.news-detail-page .main-screen .news-title {
    margin-bottom: 176px
}

.news-detail-page .main-screen .news-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 14px
}

.news-detail-page .main-screen .news-description {
    margin-bottom: 14px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.news-detail-page .main-screen .news-description p {
    max-width: 600px
}

.news-detail-page .main-screen .news-source {
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding-top: 23px
}

.news-detail-page .main-screen .news-source p {
    margin-bottom: 4px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 500
}

.news-detail-page .main-screen .news-source span {
    margin-bottom: 60px;
    display: inline-block;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

.news-detail-page .main-screen .news-source .img-person {
    border-radius: 50%;
    width: 50px;
    position: relative;
    margin-bottom: 20px
}

.news-detail-page .main-screen .news-source.person p {
    margin-bottom: 6px;
    font-size: 1.25rem
}

.news-detail-page .main-screen .news-source.person span {
    margin-bottom: 50px
}

.news-detail-page .main-screen .img-news {
    border-top: 1px solid #d7d7d7;
    padding-top: 30px;
    padding-bottom: 58px
}

.news-detail-page .main-screen .time-read {
    display: flex;
    align-items: center;
    color: #8a8b94;
    line-height: 1;
    font-size: 1rem;
    font-weight: 500
}

.news-detail-page .main-screen .time-read img {
    margin-right: 9px
}

.news-detail-page .other-news {
    border-right: 1px solid #d7d7d7;
    padding: 0
}

.news-detail-page .other-news .item-news {
    display: block;
    padding: 30px 30px 50px;
    border-top: 1px solid #d7d7d7;
    transition: background-color .5s cubic-bezier(.27, 0, .66, .99)
}

.news-detail-page .other-news .item-news:last-child {
    border-bottom: 1px solid #d7d7d7
}

.news-detail-page .other-news .item-news .title-other-news {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 15px;
    transition: color .5s cubic-bezier(.27, 0, .66, .99)
}

.news-detail-page .other-news .item-news p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 25px;
    transition: color .5s cubic-bezier(.27, 0, .66, .99)
}

.news-detail-page .other-news .item-news span {
    color: #babbbf;
    line-height: 1;
    font-size: .875rem;
    font-weight: 400
}

.news-detail-page .other-news .item-news:hover {
    background-color: #4a494a
}

.news-detail-page .other-news .item-news:hover p,
.news-detail-page .other-news .item-news:hover .title-other-news {
    color: #bebebe
}

.news-detail-page .news-col {
    margin-bottom: 105px
}

.news-detail-page .news-col .text-container {
    max-width: 740px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto
}

.news-detail-page .news-col .title-line {
    margin-bottom: 35px;
    margin-top: 25px
}

.news-detail-page .news-col p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 35px
}

.news-detail-page .news-col .img-list {
    margin: 33px -12px 68px
}

.news-detail-page .news-col .img-list .img-wrap {
    padding: 12px
}

.news-detail-page .news-col ol,
.news-detail-page .news-col ul {
    margin-bottom: 22px;
    padding-left: 14%
}

.news-detail-page .news-col ol li,
.news-detail-page .news-col ul li {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

@media (max-width:1199px) {
    .news-detail-page .main-screen {
        padding-top: 20px
    }

    .news-detail-page .main-screen .news-title {
        margin-bottom: 45px
    }

    .news-detail-page .main-screen .news-tag {
        margin-bottom: 0
    }

    .news-detail-page .main-screen .news-date {
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .news-detail-page .main-screen .news-source {
        display: flex;
        flex-direction: column;
        border-top: none;
        border-right: none;
        padding-top: 0;
        margin-top: auto;
        height: max-content
    }

    .news-detail-page .main-screen .news-source span {
        margin-bottom: 0
    }

    .news-detail-page .main-screen .news-source.person span {
        margin-bottom: 0
    }

    .news-detail-page .main-screen .news-description {
        margin-top: 200px;
        margin-bottom: 0
    }

    .news-detail-page .main-screen .img-news {
        border-top: none;
        padding-bottom: 30px
    }

    .news-detail-page .news-col {
        border-top: 1px solid #d7d7d7;
        padding-top: 50px;
        margin-bottom: 65px;
        padding-left: 30px;
        padding-right: 30px
    }

    .news-detail-page .news-col .text-container {
        max-width: max-content;
        padding-left: 16.6%;
        padding-right: 16.6%
    }

    .news-detail-page .news-col .img-list {
        margin: 35px -5px 70px
    }

    .news-detail-page .news-col .img-list .img-wrap {
        padding: 5px
    }
}

@media (max-width:767px) {
    .news-detail-page.article-page .main-screen .news-date span {
        margin-top: 35px
    }

    .news-detail-page .main-screen {
        padding-top: 13px;
        margin-bottom: 40px
    }

    .news-detail-page .main-screen>div {
        padding: 0 15px
    }

    .news-detail-page .main-screen .news-title {
        margin-bottom: 30px
    }

    .news-detail-page .main-screen .news-tag {
        margin-bottom: 122px
    }

    .news-detail-page .main-screen .news-date {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .news-detail-page .main-screen .news-date span {
        display: inline-block
    }

    .news-detail-page .main-screen .news-date .time-read {
        margin-top: auto
    }

    .news-detail-page .main-screen .img-news {
        padding-bottom: 40px;
        padding-top: 10px
    }

    .news-detail-page .main-screen .news-description {
        margin-top: 0;
        margin-left: auto
    }

    .news-detail-page .news-col {
        padding-top: 20px;
        margin-bottom: 65px;
        padding-left: 15px;
        padding-right: 15px
    }

    .news-detail-page .news-col .text-container {
        padding-left: 0;
        padding-right: 0
    }

    .news-detail-page .news-col p {
        font-size: 1rem;
        margin-bottom: 30px
    }

    .news-detail-page .news-col .title-line {
        margin-bottom: 30px;
        margin-top: 20px
    }

    .news-detail-page .news-col .img-list {
        margin: 10px -5px 32px
    }

    .news-detail-page .news-col .img-list .img-wrap {
        padding: 8px 5px
    }
}

@media (max-width:374px) {
    .news-detail-page .main-screen .news-date {
        max-width: max-content;
        width: max-content
    }

    .news-detail-page .main-screen .news-source {
        max-width: max-content;
        width: max-content;
        margin-left: auto
    }
}

.detail-webinars-page .main-screen {
    margin: 0;
    border-top: 1px solid #d7d7d7
}

.detail-webinars-page .main-screen>div {
    padding: 0 30px
}

.detail-webinars-page .main-screen .webinar-description {
    margin-bottom: 15px
}

.detail-webinars-page .main-screen .webinar-description p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 20px
}

.detail-webinars-page .main-screen .left-side {
    padding-top: 20px;
    padding-bottom: 82px;
    border-right: 1px solid #d7d7d7
}

.detail-webinars-page .main-screen .left-side .webinar-title {
    margin-bottom: 45px
}

.detail-webinars-page .main-screen .left-side .webinar-title p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.detail-webinars-page .main-screen .left-side .webinar-start {
    margin-bottom: 45px
}

.detail-webinars-page .main-screen .left-side .webinar-start p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 7px
}

.detail-webinars-page .main-screen .left-side .webinar-start span {
    color: #036;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700
}

.detail-webinars-page .main-screen .left-side .webinar-start span i {
    font-style: normal;
    margin: 0 10px
}

.detail-webinars-page .main-screen .img-wrap {
    padding-top: 30px;
    padding-bottom: 82px
}

.detail-webinars-page .webinar-detail {
    margin: 0;
    border-top: 1px solid #d7d7d7
}

.detail-webinars-page .webinar-detail .webinar-plan {
    padding: 64px 30px 130px;
    border-right: 1px solid #d7d7d7;
    margin: 0
}

.detail-webinars-page .webinar-detail .webinar-plan>div {
    padding-left: 0;
    padding-right: 0
}

.detail-webinars-page .webinar-detail .webinar-plan .title-section {
    margin-bottom: 134px
}

.detail-webinars-page .webinar-detail .webinar-plan p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 65px
}

.detail-webinars-page .webinar-detail .webinar-plan .list {
    margin-bottom: 72px
}

.detail-webinars-page .webinar-detail .webinar-plan .list span {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 28px
}

.detail-webinars-page .webinar-detail .webinar-plan .list ol li {
    margin-bottom: 10px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top {
    max-width: 290px
}

.detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li {
    margin-bottom: 15px
}

.detail-webinars-page .webinar-detail .webinar-plan .webinar-registration {
    padding-top: 18px
}

.detail-webinars-page .webinar-detail .webinar-speaker {
    padding-top: 80px;
    padding-left: calc(8.3% + 15px);
    padding-right: calc(8.3% + 15px);
    margin: 0
}

.detail-webinars-page .webinar-detail .webinar-speaker .title-col {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 68px
}

.detail-webinars-page .webinar-detail .webinar-speaker .person-block {
    margin-bottom: 85px
}

.detail-webinars-page .webinar-detail .webinar-speaker .person-block .name-person {
    margin-bottom: 5px;
    color: #4a494a;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
    max-width: 300px
}

.detail-webinars-page .webinar-detail .webinar-speaker .person-block .post-person {
    margin-bottom: 18px;
    color: #8a8b94;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 300px
}

.detail-webinars-page .webinar-detail .webinar-speaker .person-block .description-person {
    max-width: 300px;
    margin-bottom: 20px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

@media (max-width:1439px) {
    .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
        font-size: 2.1875rem
    }

    .detail-webinars-page .webinar-detail .webinar-speaker {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:1199px) {
    .detail-webinars-page .main-screen .left-side {
        padding-top: 24px;
        border-right: none
    }

    .detail-webinars-page .main-screen .left-side .webinar-title {
        margin-bottom: 96px
    }

    .detail-webinars-page .main-screen .left-side .webinar-title p {
        margin-bottom: 16px
    }

    .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
        font-size: 3.125rem
    }

    .detail-webinars-page .main-screen .img-wrap {
        padding-top: 6px;
        padding-bottom: 30px
    }

    .detail-webinars-page .webinar-detail .webinar-plan {
        padding: 36px 30px 150px;
        border-right: none;
        margin: 0
    }

    .detail-webinars-page .webinar-detail .webinar-plan .title-section {
        margin-bottom: 100px
    }

    .detail-webinars-page .webinar-detail .webinar-plan .list {
        margin-bottom: 65px
    }

    .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top {
        max-width: max-content
    }

    .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li {
        margin-bottom: 10px;
        display: flex;
        align-items: baseline
    }

    .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li:before {
        min-width: max-content;
        margin-right: 18px
    }

    .detail-webinars-page .webinar-detail .webinar-plan .webinar-registration {
        padding-top: 0
    }

    .detail-webinars-page .webinar-detail .webinar-speaker {
        border-top: 1px solid #d7d7d7;
        padding-top: 55px;
        margin-bottom: 45px
    }
}

@media (max-width:767px) {
    .detail-webinars-page .main-screen .left-side {
        padding: 15px 15px 100px
    }

    .detail-webinars-page .main-screen .left-side .webinar-title {
        margin-bottom: 75px
    }

    .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
        font-size: 1.875rem
    }

    .detail-webinars-page .main-screen .left-side .webinar-start {
        margin-bottom: 30px
    }

    .detail-webinars-page .main-screen .img-wrap {
        padding: 15px
    }

    .detail-webinars-page .main-screen .webinar-description {
        border-top: 1px solid #d7d7d7;
        margin-bottom: 30px;
        padding: 30px 15px 0
    }

    .detail-webinars-page .main-screen .webinar-description p {
        max-width: 75%;
        margin-left: auto
    }

    .detail-webinars-page .webinar-detail .webinar-plan {
        padding: 50px 15px 100px
    }

    .detail-webinars-page .webinar-detail .webinar-plan .title-section {
        margin-bottom: 80px
    }

    .detail-webinars-page .webinar-detail .webinar-plan p {
        font-size: 1rem
    }

    .detail-webinars-page .webinar-detail .webinar-speaker {
        padding: 30px 15px 0;
        margin-bottom: 75px
    }

    .detail-webinars-page .webinar-detail .webinar-speaker .title-col {
        margin-bottom: 84px
    }

    .detail-webinars-page .webinar-detail .webinar-speaker .person-block {
        margin-bottom: 55px
    }
}

.useful-materials-page .page-main-title {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #d7d7d7;
    padding: 25px 15px 0;
    margin-bottom: 160px
}

.useful-materials-page .page-main-title h1 {
    line-height: 1
}

.useful-materials-page .page-main-title>div p {
    margin-top: 20px;
    max-width: 450px
}

.useful-materials-page .materials-list {
    display: flex;
    flex-wrap: wrap
}

.useful-materials-page .materials-list .cell-item {
    border-top: 1px solid #d7d7d7;
    padding: 48px calc(8.333333% + 15px) 140px
}

.useful-materials-page .materials-list .cell-item:first-child {
    border-right: 1px solid #d7d7d7
}

.useful-materials-page .materials-list .cell-item h2 {
    margin-bottom: 150px
}

.useful-materials-page .materials-list .cell-item p.large {
    margin-bottom: 35px;
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.4375rem;
    font-weight: 400
}

.useful-materials-page .materials-list .cell-item p.small {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 15px
}

.useful-materials-page .materials-list .square-list-with-details {
    margin-top: 75px
}

.useful-materials-page .article-screen {
    margin: 0;
    background-color: #036
}

.useful-materials-page .article-screen .all-article {
    border-top: 1px solid #036;
    border-right: 1px solid #036;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff
}

.useful-materials-page .article-screen .all-article h2 {
    margin-bottom: 40px;
    color: #fff
}

.useful-materials-page .article-screen .news-list-item {
    border-top: 1px solid #036;
    color: #fff
}

.useful-materials-page .article-screen .news-list-item:not(:last-child) {
    border-right: 1px solid #036
}

.useful-materials-page .article-screen .news-list-item .preview-picture {
    height: 12vw
}

.useful-materials-page .article-screen .news-list-item .date {
    margin-bottom: 60px;
    color: #fff
}

.useful-materials-page .article-screen .news-list-item .name {
    line-height: 1.1
}

.useful-materials-page .article-screen .news-list-item .filter-btn {
    background-color: #036;
    border: 1px solid #d0dcf8
}

.useful-materials-page .article-screen .news-list-item .filter-btn:hover:after {
    background-color: #d0dcf8
}

.useful-materials-page .article-screen .news-list-item .more svg path {
    fill: #fff
}

@media (max-width:1439px) {
    .useful-materials-page .materials-list .cell-item p.large {
        font-size: 1.25rem
    }
}

@media (max-width:1199px) {
    .useful-materials-page .page-main-title {
        margin-bottom: 15px
    }

    .useful-materials-page .page-main-title h1 {
        margin-bottom: 160px
    }

    .useful-materials-page .page-main-title>div p {
        max-width: 100%;
        margin-top: 0
    }

    .useful-materials-page .materials-list {
        border-top: 1px solid #d7d7d7
    }

    .useful-materials-page .materials-list .cell-item {
        padding: 40px 30px 150px
    }

    .useful-materials-page .materials-list .cell-item h2 {
        margin-bottom: 72px
    }

    .useful-materials-page .materials-list .cell-item .text-block {
        display: flex;
        flex-wrap: wrap
    }

    .useful-materials-page .materials-list .cell-item p.large {
        width: 66.6666666%;
        padding-right: 15px
    }

    .useful-materials-page .materials-list .cell-item p.small {
        width: 33.3333333%;
        padding-left: 15px
    }

    .useful-materials-page .materials-list .cell-item:first-child {
        border: none
    }

    .useful-materials-page .materials-list .square-list-with-details {
        margin-top: 40px
    }

    .useful-materials-page .article-screen .news-list-item .preview-picture {
        height: 23vw
    }
}

@media (max-width:767px) {
    .useful-materials-page .page-main-title {
        padding: 28px 0 0;
        margin-bottom: 15px
    }

    .useful-materials-page .page-main-title h1 {
        margin-bottom: 130px
    }

    .useful-materials-page .materials-list .cell-item {
        padding: 30px 15px 100px
    }

    .useful-materials-page .materials-list .cell-item h2 {
        margin-bottom: 80px
    }

    .useful-materials-page .materials-list .cell-item p.large {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px
    }

    .useful-materials-page .materials-list .cell-item p.small {
        width: 100%;
        padding-left: 0
    }

    .useful-materials-page .materials-list .square-list-with-details {
        margin-top: 55px
    }

    .useful-materials-page .article-screen .all-article {
        padding: 100px 15px
    }

    .useful-materials-page .article-screen .news-list-item .preview-picture {
        height: 48vw
    }
}

@media (max-width:374px) {
    .useful-materials-page .page-main-title>div:nth-child(2) {
        margin-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.detail-useful-materials-page .main-screen {
    margin: 0 0 134px;
    border-top: 1px solid #d7d7d7;
    padding-top: 25px
}

.detail-useful-materials-page .main-screen>div {
    padding: 0 30px
}

.detail-useful-materials-page .main-screen .title-block h1 {
    margin-bottom: 20px
}

.detail-useful-materials-page .main-screen .title-block p {
    color: #8a8b94;
    line-height: 1.05;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.detail-useful-materials-page .main-screen .list-document-work {
    margin-top: 24px;
    margin-bottom: 22px
}

.detail-useful-materials-page .main-screen .list-document-work p {
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 24px;
    max-width: 420px
}

.detail-useful-materials-page .main-screen .list-document-work ol li {
    margin-bottom: 10px;
    color: #4a494a;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400
}

.detail-useful-materials-page .standard {
    margin: 0
}

.detail-useful-materials-page .standard .text-standard {
    padding: 40px 30px 305px;
    border-top: 1px solid #d7d7d7
}

.detail-useful-materials-page .standard .text-standard h2 {
    margin-bottom: 150px
}

.detail-useful-materials-page .standard .text-standard p {
    max-width: 600px;
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.4375rem;
    font-weight: 400
}

.detail-useful-materials-page .standard .primary-elements {
    padding: 257px 30px 305px;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

.detail-useful-materials-page .standard .primary-elements p {
    margin-bottom: 92px;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500
}

.detail-useful-materials-page .standard .primary-elements ol li {
    margin-bottom: 10px;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400
}

.detail-useful-materials-page .standard .download-doc-list {
    padding-top: 254px;
    border-top: 1px solid #d7d7d7;
    padding-left: 3.9%;
    padding-right: 5.7%
}

.detail-useful-materials-page .standard .download-doc-list p {
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 62px
}

@media (max-width:1439px) {
    .detail-useful-materials-page .standard .text-standard p {
        font-size: 1.25rem
    }

    .detail-useful-materials-page .standard .primary-elements {
        padding-top: 252px
    }

    .detail-useful-materials-page .standard .primary-elements p {
        margin-bottom: 62px;
        max-width: 252px
    }

    .detail-useful-materials-page .standard .download-doc-list {
        padding-top: 252px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:1199px) {
    .detail-useful-materials-page .main-screen {
        margin: 0 0 6px;
        padding-top: 20px
    }

    .detail-useful-materials-page .main-screen .title-block {
        margin-bottom: 180px
    }

    .detail-useful-materials-page .main-screen .consultation {
        margin-left: auto;
        padding-top: 20px
    }

    .detail-useful-materials-page .main-screen .list-document-work {
        margin-bottom: 0;
        margin-top: 0;
        display: flex
    }

    .detail-useful-materials-page .main-screen .list-document-work p {
        max-width: 340px;
        margin-right: 30px
    }

    .detail-useful-materials-page .standard .text-standard {
        padding: 40px 30px 96px
    }

    .detail-useful-materials-page .standard .text-standard h2 {
        margin-bottom: 84px
    }

    .detail-useful-materials-page .standard .text-standard p {
        max-width: 83.3%
    }

    .detail-useful-materials-page .standard .primary-elements {
        padding: 0 30px 90px;
        border-right: none;
        border-top: none
    }

    .detail-useful-materials-page .standard .primary-elements p {
        margin-bottom: 55px;
        max-width: max-content
    }

    .detail-useful-materials-page .standard .download-doc-list {
        padding-top: 50px;
        margin-bottom: 90px;
        display: flex;
        flex-wrap: wrap
    }

    .detail-useful-materials-page .standard .download-doc-list p {
        margin-right: 80px
    }

    .detail-useful-materials-page .standard .download-doc-list ul {
        max-width: 290px
    }

    .detail-useful-materials-page .standard .download-doc-list ul li {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .detail-useful-materials-page .main-screen {
        margin: 0;
        padding-top: 30px
    }

    .detail-useful-materials-page .main-screen>div {
        padding: 0 15px
    }

    .detail-useful-materials-page .main-screen .title-block {
        margin-bottom: 70px
    }

    .detail-useful-materials-page .main-screen .consultation {
        margin-bottom: 74px;
        padding-top: 34px;
        margin-left: 25%
    }

    .detail-useful-materials-page .main-screen .list-document-work {
        display: block
    }

    .detail-useful-materials-page .main-screen .list-document-work p {
        margin-right: 0
    }

    .detail-useful-materials-page .standard .text-standard {
        padding: 30px 15px 100px
    }

    .detail-useful-materials-page .standard .text-standard p {
        max-width: 600px
    }

    .detail-useful-materials-page .standard .primary-elements {
        padding: 0 15px 90px
    }

    .detail-useful-materials-page .standard .primary-elements ol {
        max-width: 600px
    }

    .detail-useful-materials-page .standard .primary-elements p {
        margin-bottom: 50px
    }
}

.catalog-page .breadcrumbs {
    border-bottom: 1px solid #d7d7d7
}

.catalog-page .catalog-title {
    border-bottom: 1px solid #d7d7d7;
    padding: 17px 15px 58px;
    display: flex;
    flex-wrap: wrap
}

.catalog-page .catalog-title .subtitle {
    color: #bebebe;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin-top: 25px
}

.catalog-page .catalog-title .text-block {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 20px
}

.catalog-page .catalog-title .text-block p {
    margin-bottom: 30px
}

.catalog-page .catalog-title .text-block p:last-child {
    margin-bottom: 0
}

.catalog-page .catalog-content {
    position: relative
}

.catalog-page .catalog-content .navigation-panel {
    z-index: 2;
    background-color: #f8f8f8;
    padding: 12px 30px 11px;
    border-bottom: 1px solid #d7d7d7;
    color: #4a494a;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    margin-bottom: 50px
}

.catalog-page .catalog-content .navigation-panel .item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.catalog-page .catalog-content .navigation-panel .item:first-child {
    margin-right: 50px
}

.catalog-page .catalog-content .navigation-panel .item:nth-child(2n) {
    margin-right: 70px
}

.catalog-page .catalog-content .navigation-panel .item svg {
    margin-left: 7px;
    width: 11px;
    height: 11px;
    transition: transform .5s cubic-bezier(.27, 0, .66, .99)
}

.catalog-page .catalog-content .navigation-panel .item svg fill {
    transition: fill .5s cubic-bezier(.27, 0, .66, .99)
}

.catalog-page .catalog-content .navigation-panel .item:not(.active).arrow-down svg {
    transform: rotate(90deg)
}

.catalog-page .catalog-content .navigation-panel .item:not(.active).arrow-up svg {
    transform: rotate(-90deg)
}

.catalog-page .catalog-content .navigation-panel .item.active svg path {
    fill: #4a494a
}

.catalog-page .catalog-content .catalog-item .item-content {
    padding: 60px 30px 20px
}

.catalog-page .catalog-content .catalog-item:not(:last-child) {
    border-bottom: 1px solid #d7d7d7
}

.catalog-page .catalog-content .catalog-item .accordeon-title {
    overflow: hidden;
    height: 0
}

.catalog-page .catalog-content .catalog-item .info {
    display: flex
}

.catalog-page .catalog-content .catalog-item .info .circle svg {
    width: 60px;
    height: 60px
}

.catalog-page .catalog-content .catalog-item .text-block {
    margin-bottom: 150px
}

.catalog-page .catalog-content .catalog-item .text-block .title {
    margin-top: 10px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 40px;
    letter-spacing: .01em
}

.catalog-page .catalog-content .catalog-item .text-block p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    max-width: 450px
}

.catalog-page .catalog-content .catalog-item .catalog-card {
    border: 2px solid #4a494a;
    padding: 23px 15px 21px;
    margin-bottom: 35px;
    min-height: 400px;
    display: flex
}

.catalog-page .catalog-content .catalog-item .catalog-card .left-part {
    display: flex;
    flex-direction: column
}

.catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
    color: #4a494a;
    line-height: 1.05;
    font-size: 2.8125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 43px;
    letter-spacing: -.01em
}

.catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo {
    max-width: 175px
}

.catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo img {
    height: 100%;
    object-fit: contain;
    object-position: left
}

.catalog-page .catalog-content .catalog-item .catalog-card .left-part p {
    margin-top: auto
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part {
    display: flex;
    flex-direction: column
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .doc-link {
    padding: 2px;
    width: 100%
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a {
    width: max-content;
    line-height: 1
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a svg.arrow {
    margin-bottom: 0
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
    margin-top: auto;
    margin-bottom: 4px;
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks .title {
    width: 100%;
    margin-bottom: 8px
}

.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks .values {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    color: #4a494a;
    line-height: 1;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part {
    display: flex;
    flex-wrap: wrap
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 35px;
    width: 70%;
    min-height: calc(1.4*16px*2)
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part ol li,
.catalog-page .catalog-content .catalog-item .catalog-card .right-part ul li {
    margin-bottom: 4px;
    line-height: 1.2
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags>div {
    margin-left: 10px;
    margin-bottom: 5px
}

@media (max-width:1650px) {
    .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
        margin-left: 4.333333%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
        width: 100%
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .catalog-page .catalog-title .text-block {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

@media (max-width:1300px) {
    .catalog-page .catalog-title .subtitle {
        font-size: .8125rem
    }

    .catalog-page .catalog-content .catalog-item .circle {
        padding-right: 0;
        padding-left: 0
    }

    .catalog-page .catalog-content .catalog-item .text-block {
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card {
        flex-wrap: wrap;
        padding: 24px 30px 25px;
        justify-content: space-between
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
        font-size: 2.8125rem
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo {
        margin-bottom: 95px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
        align-items: flex-end;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
        margin-top: -2px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part {
        margin-top: 10px;
        border-top: 1px solid #d7d7d7;
        padding: 35px 0 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part>div {
        padding-left: 0;
        padding-right: 0
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
        margin-top: 110px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list {
        padding-right: 15px
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .catalog-page .catalog-title .subtitle {
        font-size: .8125rem;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
}

@media (max-width:991px) {
    .catalog-page .catalog-title {
        justify-content: space-between;
        padding-bottom: 15px
    }

    .catalog-page .catalog-title h1 {
        margin-bottom: 156px
    }

    .catalog-page .catalog-title .subtitle {
        margin-top: 4px
    }

    .catalog-page .catalog-title .text-block {
        margin-top: 0
    }

    .catalog-page .catalog-content {
        margin-top: 35px
    }

    .catalog-page .catalog-content .navigation-panel {
        display: none
    }

    .catalog-page .catalog-content .catalog-item {
        transition: height .5s cubic-bezier(.27, 0, .66, .99);
        overflow: hidden
    }

    .catalog-page .catalog-content .catalog-item:last-child {
        border-bottom: 1px solid #d7d7d7
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title {
        overflow: auto;
        height: auto;
        display: flex;
        align-items: center;
        padding: 50px 0 24px;
        border-bottom: 1px solid #d7d7d7
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .title {
        color: #4a494a;
        line-height: 1.08;
        font-size: 2rem;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: space-between;
        letter-spacing: .01em
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .title>span:first-child {
        width: calc(100% - 15px - 18px)
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .title .arrow {
        transition: transform .5s cubic-bezier(.27, 0, .66, .99);
        transform: rotate(90deg)
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .gradient-circles {
        width: 50px;
        height: 50px
    }

    .catalog-page .catalog-content .catalog-item.active .accordeon-title .title .arrow {
        transform: rotate(270deg)
    }

    .catalog-page .catalog-content .catalog-item .circle {
        display: none
    }

    .catalog-page .catalog-content .catalog-item .text-block {
        margin-bottom: 70px;
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        margin-left: 33.333333%
    }

    .catalog-page .catalog-content .catalog-item .text-block .title {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 30px;
        font-weight: 500
    }

    .catalog-page .banner-block {
        margin-top: 150px
    }
}

@media (max-width:767px) {
    .catalog-page .catalog-title {
        padding: 27px 0 20px
    }

    .catalog-page .catalog-title h1 {
        margin-bottom: 125px
    }

    .catalog-page .catalog-title .subtitle {
        margin-bottom: 17px
    }

    .catalog-page .catalog-content {
        margin-top: 22px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card {
        padding: 33px 30px 25px
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title {
        padding: 20px 0 20px;
        min-height: 80px
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .title {
        font-size: 1.5625rem
    }

    .catalog-page .catalog-content .catalog-item .accordeon-title .title>span:first-child {
        width: calc(100% - 15px - 14px)
    }

    .catalog-page .catalog-content .catalog-item .item-content {
        padding: 20px 15px 100px
    }

    .catalog-page .catalog-content .catalog-item .text-block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 45px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 96px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
        margin-bottom: 28px;
        font-size: 1.875rem
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo {
        margin-bottom: 95px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .left-part p {
        width: 75%;
        margin-left: 25%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
        order: 2;
        width: 50%
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a {
        width: 158px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a span {
        white-space: normal
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a svg {
        min-width: 22px;
        margin-left: 2px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
        order: 1
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
        min-height: auto;
        margin-bottom: 35px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list {
        margin-bottom: 54px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list:nth-child(2) {
        margin-bottom: 45px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
        margin-top: 30px;
        flex-wrap: wrap;
        display: none
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags>div {
        margin-bottom: 10px
    }

    .catalog-page .banner-block {
        margin-top: 166px
    }
}

@media (max-width:479px) {
    .catalog-page .catalog-content .catalog-item .accordeon-title .gradient-circles {
        width: 40px;
        height: 40px
    }
}

@media (max-width:413px) {
    .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
        flex-wrap: wrap
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        margin-bottom: 25px
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2
    }

    .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags>div {
        font-size: .875rem
    }
}

@media (max-width:374px) {

    .catalog-title .subtitle,
    .catalog-title .text-block {
        margin-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.about-us-page .about-us-screen {
    height: auto;
    min-height: calc(100vh - 109px)
}

.about-us-page .about-us-screen .title-block {
    padding: 30px
}

.about-us-page .about-us-screen .title-block h1 {
    margin-bottom: 108px;
    margin-top: 15px
}

.about-us-page .about-us-screen .title-block p {
    margin-bottom: 42px
}

.about-us-page .about-us-screen .info-block>div .title-cell {
    margin-bottom: 200px
}

.about-us-page .about-us-screen .info-block .blue-cell {
    padding: 25px 30px;
    background-color: #036
}

.about-us-page .about-us-screen .info-block .blue-cell>div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.about-us-page .about-us-screen .info-block .blue-cell>div h2 {
    color: #f8f8f8;
    max-width: 252px;
    margin-bottom: 20px
}

.about-us-page .about-us-screen .info-block .blue-cell>div p {
    color: #9cb9fd;
    line-height: 1.1;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 112px;
    text-align: right;
    margin-top: 10px
}

.about-us-page .about-us-screen .info-block .blue-cell>div .btn {
    width: 100%;
    margin-top: 94px
}

.about-us-page .about-us-screen .info-block .blue-cell>div .btn svg {
    margin-top: 0
}

.about-us-page .article-screen {
    margin: 0
}

.about-us-page .article-screen .all-article {
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.about-us-page .article-screen .all-article h2 {
    margin-bottom: 40px
}

.about-us-page .article-screen .news-list-item {
    border-top: 1px solid #d7d7d7
}

.about-us-page .article-screen .news-list-item:not(:last-child) {
    border-right: 1px solid #d7d7d7
}

.about-us-page .article-screen .news-list-item .preview-picture {
    height: 12vw
}

.about-us-page .article-screen .news-list-item .date {
    margin-bottom: 60px
}

@media (max-width:1700px) {
    .about-us-page .about-us-screen .info-block .blue-cell>div h2 {
        max-width: 100%
    }

    .about-us-page .about-us-screen .info-block .blue-cell>div p {
        max-width: 100%;
        text-align: left
    }
}

@media (max-width:1300px) and (min-width:1200px) {
    .about-us-page .about-us-screen .title-block h1 {
        font-size: 2.625rem
    }
}

@media (max-width:1199px) {
    .about-us-page .about-us-screen {
        min-height: 1px
    }

    .about-us-page .about-us-screen .title-block {
        padding-top: 18px;
        padding-bottom: 0;
        border-top: 1px solid #d7d7d7;
        margin-bottom: 15px
    }

    .about-us-page .about-us-screen .title-block h1 {
        font-size: 4.6875rem;
        margin-bottom: 160px;
        margin-top: 0
    }

    .about-us-page .about-us-screen .title-block .subtitle-text {
        display: block
    }

    .about-us-page .about-us-screen .title-block p,
    .about-us-page .about-us-screen .title-block span {
        max-width: 460px
    }

    .about-us-page .about-us-screen .info-block>div .title-cell {
        margin-bottom: 30px
    }

    .about-us-page .about-us-screen .info-block .blue-cell>div h2 {
        margin-top: 0;
        width: 100%
    }

    .about-us-page .about-us-screen .info-block .blue-cell>div .btn {
        margin-top: 230px
    }

    .about-us-page .article-screen .news-list-item:nth-child(2) {
        border-right: none
    }

    .about-us-page .article-screen .news-list-item .preview-picture {
        height: 23vw
    }
}

@media (max-width:767px) {
    .about-us-page .about-us-screen .title-block {
        padding: 28px 15px 0;
        margin-bottom: 20px
    }

    .about-us-page .about-us-screen .title-block h1 {
        font-size: 3.0625rem;
        margin-bottom: 130px
    }

    .about-us-page .about-us-screen .title-block span {
        margin-bottom: 0
    }

    .about-us-page .about-us-screen .info-block .blue-cell {
        display: flex;
        height: auto;
        padding: 30px 15px
    }

    .about-us-page .about-us-screen .info-block .blue-cell>div .btn {
        margin-top: 164px
    }

    .about-us-page .article-screen .all-article {
        border-right: none;
        padding: 100px 15px
    }

    .about-us-page .article-screen .all-article.mobile {
        padding: 80px 15px
    }

    .about-us-page .article-screen .news-list-item {
        padding: 30px 15px
    }

    .about-us-page .article-screen .news-list-item:not(:last-child) {
        border-right: none
    }

    .about-us-page .article-screen .news-list-item .preview-picture {
        height: 48vw
    }
}

.demo-bim-page .title-block {
    border-top: 1px solid #d7d7d7;
    padding: 15px 0;
    margin: 0
}

.demo-bim-page .title-block>div {
    padding: 0 30px
}

.demo-bim-page .title-block .subtitle {
    margin-top: 15px;
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.demo-bim-page .title-block .subtitle p {
    max-width: 292px
}

.demo-bim-page .title-block .title {
    margin-bottom: 170px
}

.demo-bim-page .title-block .text {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    max-width: 600px
}

.demo-bim-page .bim-model {
    margin: 0
}

.demo-bim-page .bim-model .col-contact {
    padding: 20px 30px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.demo-bim-page .bim-model .col-contact h2 {
    margin-bottom: 35px
}

.demo-bim-page .bim-model .col-contact p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 100px
}

.demo-bim-page .bim-model .col-model {
    padding: 30px;
    border-top: 1px solid #d7d7d7
}

.demo-bim-page .bim-model .col-model .frame-model {
    margin-bottom: 6px;
    height: 780px;
    background-color: #eaeaec
}

.demo-bim-page .bim-model .col-model .frame-model model-viewer {
    height: 100%;
    width: 100%;
    background-color: #eaeaec;
    mix-blend-mode: darken
}

.demo-bim-page .bim-model .col-model p {
    color: #8a8b94;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    max-width: 900px;
    margin-bottom: 70px
}

.demo-bim-page .bim-model .software-col {
    padding: 66px 30px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.demo-bim-page .bim-model .software-col>div {
    max-width: 240px;
    margin: 0 auto
}

.demo-bim-page .bim-model .software-col>div p {
    margin-bottom: 54px;
    color: #4a494a;
    line-height: 1;
    font-size: 1.125rem;
    font-weight: 500
}

.demo-bim-page .bim-model .software-col>div a {
    margin-bottom: 11px
}

.demo-bim-page .bim-model .service-col {
    padding: 60px 25% 90px 16.6%;
    border-top: 1px solid #d7d7d7
}

.demo-bim-page .bim-model .service-col h2 {
    margin-bottom: 68px
}

@media (max-width:1199px) {
    .demo-bim-page .title-block {
        padding-top: 20px
    }

    .demo-bim-page .title-block .title {
        margin-bottom: 250px
    }

    .demo-bim-page .title-block .subtitle {
        margin-top: 4px
    }

    .demo-bim-page .bim-model .col-model .frame-model {
        height: 700px
    }

    .demo-bim-page .bim-model .col-model p {
        margin-bottom: 130px
    }

    .demo-bim-page .bim-model .col-contact {
        padding: 34px 30px 80px
    }

    .demo-bim-page .bim-model .software-col {
        padding: 40px 30px;
        border-right: none
    }

    .demo-bim-page .bim-model .service-col {
        padding: 60px 16.6% 140px 30px
    }
}

@media (max-width:767px) {
    .demo-bim-page .title-block {
        padding-top: 15px;
        padding-bottom: 20px
    }

    .demo-bim-page .title-block>div {
        padding: 0 15px
    }

    .demo-bim-page .title-block .title {
        margin-bottom: 130px
    }

    .demo-bim-page .title-block .title h1 {
        font-size: 2.25rem
    }

    .demo-bim-page .title-block .subtitle {
        margin-bottom: 30px;
        margin-top: 0
    }

    .demo-bim-page .bim-model .col-model {
        padding: 20px 15px
    }

    .demo-bim-page .bim-model .col-model .frame-model {
        height: 350px;
        margin-bottom: 10px
    }

    .demo-bim-page .bim-model .col-model p {
        margin-bottom: 70px
    }

    .demo-bim-page .bim-model .col-contact {
        padding: 30px 15px;
        border-right: none
    }

    .demo-bim-page .bim-model .col-contact h2 {
        margin-bottom: 20px;
        max-width: 250px
    }

    .demo-bim-page .bim-model .col-contact p {
        margin-bottom: 132px
    }

    .demo-bim-page .bim-model .software-col {
        padding: 30px 15px 70px
    }

    .demo-bim-page .bim-model .software-col>div {
        margin: 0
    }

    .demo-bim-page .bim-model .service-col {
        padding: 30px 15px 140px
    }

    .demo-bim-page .bim-model .service-col h2 {
        margin-bottom: 80px
    }
}

.services-page .breadcrumbs {
    border-bottom: 1px solid #d7d7d7
}

.services-page .title-block {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #d7d7d7;
    padding: 25px 15px 0
}

.services-page .title-block h1 {
    line-height: 1.2
}

.services-page .title-block p {
    margin-bottom: 35px;
    margin-top: 26px;
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.services-page .title-block .link {
    margin-bottom: 95px
}

.services-page .title-block .bim-link {
    margin-top: auto;
    margin-bottom: 12px
}

.services-page .service-content {
    padding: 95px 30px
}

.services-page .service-block {
    border: 2px solid #4a494a;
    margin-bottom: 60px;
    padding: 44px 30px;
    display: flex
}

.services-page .service-block .show-mobile {
    display: none
}

.services-page .service-block .left-part h2 {
    margin-bottom: 51px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 3.125rem;
    font-weight: 400
}

.services-page .service-block .left-part p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 25px
}

.services-page .service-block .left-part .link-arrow-right {
    margin-bottom: 58px
}

.services-page .service-block .right-part {
    border-left: 1px solid #d7d7d7;
    padding: 15px 57px 60px
}

.services-page .service-block .right-part>div:not(:last-child) {
    margin-bottom: 125px
}

.services-page .service-block .right-part h3 {
    margin-bottom: 7px
}

.services-page .service-block .right-part .accordeon-block {
    transition: height 1s cubic-bezier(.27, 0, .66, .99)
}

.services-page .service-block .right-part .subtitle {
    color: #8a8b94;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500
}

.services-page .service-block .right-part .subtitle.uppercase {
    text-transform: uppercase
}

.services-page .service-block .right-part .lists .title {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 28px
}

.services-page .service-block .right-part .lists ol>div>li {
    counter-increment: num
}

@media (min-width:992px) {
    .services-page #bim {
        display: flex;
        flex-wrap: wrap
    }
}

.services-page #bim h2 {
    line-height: 1.1
}

.services-page #bim>div {
    padding: 44px 30px 15px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d7d7d7
}

.services-page #bim>div:not(:nth-child(4n+4)) {
    border-right: 1px solid #d7d7d7
}

.services-page #bim>div:not(.title-cell-block) {
    padding-top: 57px
}

.services-page #bim>div .title-cell {
    margin-bottom: 310px;
    color: #4a494a;
    line-height: 1.2;
    font-size: 1.25rem;
    font-weight: 500
}

.services-page #bim>div .gradient-circles {
    margin-top: auto
}

@media (max-width:1400px) {
    .services-page .service-block {
        flex-wrap: wrap
    }

    .services-page .service-block .left-part {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 1px solid #d7d7d7;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }

    .services-page .service-block .left-part h2 {
        order: 0;
        width: 66.666666%;
        margin-bottom: 130px
    }

    .services-page .service-block .left-part .base-btn {
        order: 1;
        margin-top: 13px
    }

    .services-page .service-block .left-part p {
        order: 2;
        width: 66.666666%;
        margin-bottom: 15px
    }

    .services-page .service-block .left-part .link-arrow-right {
        order: 3;
        margin-bottom: 15px;
        margin-top: auto
    }

    .services-page .service-block .right-part {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
        padding: 60px 0 30px
    }

    .services-page #bim h2>br:first-child {
        display: none
    }
}

@media (max-width:1199px) {
    .services-page #bim>div .title-cell {
        margin-bottom: 240px
    }

    .services-page #bim>div:not(:nth-child(4n+4)) {
        border-right: none
    }

    .services-page #bim>div:not(.title-cell-block) {
        padding: 30px 30px 45px
    }

    .services-page #bim>div.title-cell-block {
        padding: 65px 30px
    }

    .services-page #bim>div:nth-child(2n) {
        border-right: 1px solid #d7d7d7
    }

    .services-page #bim>div:last-child {
        display: none
    }
}

@media (max-width:991px) {
    .services-page .title-block p {
        margin-bottom: 15px
    }

    .services-page .title-block .bim-link {
        margin-bottom: 15px
    }

    .services-page .title-block .bim-link a {
        max-width: 137px;
        white-space: normal;
        display: block
    }

    .services-page .title-block .bim-link a:hover {
        box-shadow: inset 0 -2.25em 0 0 #036
    }

    .services-page .title-block .link {
        margin-top: 30px;
        margin-bottom: 187px
    }

    .services-page .title-block .link a {
        margin-left: auto
    }

    .services-page .service-content {
        padding: 80px 30px 75px
    }

    .services-page .service-block {
        padding: 30px 30px 55px;
        flex-wrap: wrap
    }

    .services-page .service-block .right-part .lists>div .title {
        width: 33.333333%;
        padding-right: 15px
    }

    .services-page .service-block .right-part .lists>div ol,
    .services-page .service-block .right-part .lists>div ul {
        padding-left: 15px;
        width: 66.666666%
    }

    .services-page .service-block .right-part>div:not(:last-child) {
        margin-bottom: 50px
    }

    .services-page .service-block .right-part .square-list-with-details li {
        width: 47%
    }

    .services-page #bim>div .title-cell {
        margin-bottom: 0
    }

    .services-page #bim>div .gradient-circles {
        width: 50px;
        height: 50px;
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .services-page .title-block {
        padding: 28px 0 0
    }

    .services-page .title-block h1 {
        margin-bottom: 100px
    }

    .services-page .title-block p {
        margin-bottom: 0
    }

    .services-page .title-block .bim-link {
        display: flex;
        align-items: flex-end;
        margin-top: 120px;
        margin-bottom: 15px
    }

    .services-page .title-block .link {
        margin-top: 20px;
        margin-bottom: 15px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end
    }

    .services-page .title-block .link .base-btn {
        height: max-content
    }

    .services-page .service-content {
        padding: 60px 15px 75px
    }

    .services-page .service-block {
        padding: 15px
    }

    .services-page .service-block .left-part h2 {
        font-size: 2.3125rem;
        line-height: 1.1;
        width: 100%;
        margin-bottom: 55px
    }

    .services-page .service-block .left-part p {
        width: 100%
    }

    .services-page .service-block .left-part .link-arrow-right {
        margin-top: 100px;
        align-items: center;
        border: 1px solid #036;
        border-radius: 6px;
        padding: 8px 15px;
        text-transform: lowercase;
        line-height: 1.1;
        font-size: 1rem
    }

    .services-page .service-block .left-part .link-arrow-right span {
        z-index: 2
    }

    .services-page .service-block .left-part .link-arrow-right:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #036;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), opacity .6s cubic-bezier(.27, 0, .66, .99);
        border-radius: 4px;
        opacity: 0
    }

    .services-page .service-block .left-part .link-arrow-right:hover {
        box-shadow: none
    }

    .services-page .service-block .left-part .link-arrow-right:hover:after {
        width: 100%;
        opacity: 1;
        transition: width .5s cubic-bezier(.27, 0, .66, .99), opacity .2s cubic-bezier(.27, 0, .66, .99)
    }

    .services-page .service-block .left-part .link-arrow-right>svg {
        display: none
    }

    .services-page .service-block .left-part .base-btn {
        order: 4;
        margin-bottom: 15px;
    }

    .services-page .service-block .left-part .show-mobile {
        display: flex
    }

    .services-page .service-block .left-part .show-mobile svg {
        width: 8px;
        height: 8px;
        margin-left: 5px;
        margin-top: 1px
    }

    .services-page .service-block .right-part {
        padding: 0
    }

    .services-page .service-block .right-part h3 {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #d7d7d7;
    }

    .services-page .service-block .right-part h3:before {
        display: none
    }

    .services-page .service-block .right-part h3 svg {
        width: 16px;
        height: 16px;
        transform: rotate(0deg);
        transition: transform .5s cubic-bezier(.27, 0, .66, .99)
    }

    .services-page .service-block .right-part .active h3 svg {
        transform: rotate(180deg)
    }

    .services-page .service-block .right-part .accordeon-block {
        margin-bottom: 20px;
        overflow: hidden
    }

    .services-page .service-block .right-part .show-mobile {
        display: block
    }

    .services-page .service-block .right-part>div:not(:last-child) {
        margin-bottom: 40px
    }

    .services-page .service-block .right-part .square-list-with-details li {
        width: 50%
    }

    .services-page .service-block .right-part .lists {
        margin-top: 0
    }

    .services-page .service-block .right-part .lists>div {
        flex-wrap: wrap
    }

    .services-page .service-block .right-part .lists>div .title {
        width: 100%;
        padding-right: 0
    }

    .services-page .service-block .right-part .lists>div ol,
    .services-page .service-block .right-part .lists>div ul {
        width: 100%;
        padding-left: 0
    }

    .services-page .service-block .right-part .lists li {
        margin-bottom: 10px
    }

    .services-page .service-block .right-part>div:not(:last-child) {
        margin-bottom: 0;
        padding-bottom: 20px
    }

    .services-page #bim h2 {
        font-size: 2rem
    }

    .services-page #bim>div.title-cell-block {
        padding: 60px 15px
    }

    .services-page #bim>div:nth-child(2n) {
        border-right: none
    }

    .services-page #bim>div:not(.title-cell-block) {
        padding: 30px 15px 60px
    }
}

@media (max-width:550px) {
    .services-page .service-block .right-part .square-list-with-details li {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:413px) {
    .services-page .title-block .bim-link a:hover {
        box-shadow: inset 0 -3.4em 0 0 #036
    }

    .services-page .service-block .left-part .link-arrow-right {
        margin-right: 15px
    }

    .services-page .service-block .left-part .base-btn {
        margin-top: auto
    }
}

.contacts-page .main-screen {
    margin: 0;
    padding-top: 25px;
    border-top: 1px solid #d7d7d7
}

.contacts-page .main-screen>div {
    padding: 0 30px
}

.contacts-page .main-screen .col-title {
    margin-bottom: 100px
}

.contacts-page .main-screen .col-subtitle {
    margin-bottom: 100px;
    margin-top: 26px
}

.contacts-page .main-screen .col-subtitle p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.125rem;
    font-weight: 400;
    max-width: 450px
}

.contacts-page .main-screen .col-contact {
    padding-top: 75px;
    padding-bottom: 90px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.contacts-page .main-screen .col-contact p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 16px
}

.contacts-page .main-screen .col-contact a {
    color: #4a494a;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 500;
    white-space: nowrap;
    margin: 0 -2px;
    padding: 0 2px;
    transition: box-shadow .5s cubic-bezier(.27, 0, .66, .99), color .5s cubic-bezier(.27, 0, .66, .99)
}

.contacts-page .main-screen .col-question {
    padding-top: 65px;
    padding-bottom: 80px;
    border-top: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.contacts-page .main-screen .col-question>* {
    margin-top: 10px;
    margin-bottom: 10px
}

.contacts-page .main-screen .col-question h2 {
    max-width: 152px;
    margin-right: calc(11.6% + 10px)
}

.contacts-page .main-screen .col-question p {
    max-width: 290px;
    margin-right: calc(11.6% + 10px);
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.contacts-page .main-screen .col-address {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.contacts-page .main-screen .col-address p {
    color: #8a8b94;
    line-height: 1.2;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 30px
}

.contacts-page .main-screen .col-address .address {
    margin-bottom: 30px;
    color: #4a494a;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: 500
}

.contacts-page .main-screen .col-map {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #d7d7d7
}

.contacts-page .main-screen .col-map #gmap {
    height: 426px;
    min-height: calc(100vh - 706px)
}

.contacts-page .main-screen .col-map #gmap .gmnoprint {
    display: none
}

@media (max-width:1800px) and (min-width:1200px) {
    .contacts-page .main-screen .col-question h2 {
        margin-right: 11.6%
    }

    .contacts-page .main-screen .col-question p {
        max-width: 174px;
        margin-right: 11.6%
    }
}

@media (max-width:1600px) and (min-width:1200px) {
    .contacts-page .main-screen .col-address .address {
        font-size: 2vw
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .contacts-page .main-screen .col-contact a {
        font-size: 1.6875rem
    }

    .contacts-page .main-screen .col-question {
        justify-content: space-between
    }

    .contacts-page .main-screen .col-question h2,
    .contacts-page .main-screen .col-question p {
        margin-right: 6.5%
    }

    .contacts-page .main-screen .col-question h2 {
        max-width: min-content
    }
}

@media (max-width:1199px) {
    .contacts-page .main-screen .col-title {
        margin-bottom: 180px
    }

    .contacts-page .main-screen .col-subtitle {
        margin-top: 0;
        margin-bottom: 15px
    }

    .contacts-page .main-screen .col-subtitle p {
        max-width: 100%
    }

    .contacts-page .main-screen .col-contact {
        padding-bottom: 85px
    }

    .contacts-page .main-screen .col-contact.col-mail {
        border-right: none
    }

    .contacts-page .main-screen .col-question {
        padding-top: 80px;
        padding-bottom: 100px
    }

    .contacts-page .main-screen .col-question h2,
    .contacts-page .main-screen .col-question p {
        margin-right: calc(5.6% + 10px)
    }

    .contacts-page .main-screen .col-address {
        padding-top: 75px;
        padding-bottom: 85px;
        border-right: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .contacts-page .main-screen .col-address p {
        width: 100%;
        max-width: 100%;
        margin-bottom: 16px
    }

    .contacts-page .main-screen .col-address .address {
        margin-bottom: 0;
        margin-right: 20px
    }

    .contacts-page .main-screen .col-map #gmap {
        min-height: 1px
    }
}

@media (max-width:767px) {
    .contacts-page .main-screen {
        padding-top: 30px
    }

    .contacts-page .main-screen>div {
        padding: 0 15px
    }

    .contacts-page .main-screen .col-title {
        margin-bottom: 130px
    }

    .contacts-page .main-screen .col-contact {
        padding-bottom: 65px;
        padding-top: 65px
    }

    .contacts-page .main-screen .col-contact p {
        margin-bottom: 10px
    }

    .contacts-page .main-screen .col-contact a {
        font-size: 1.5625rem
    }

    .contacts-page .main-screen .col-question {
        padding-top: 30px;
        padding-bottom: 30px;
        flex-direction: column;
        align-items: flex-start
    }

    .contacts-page .main-screen .col-question h2 {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px
    }

    .contacts-page .main-screen .col-question p {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 100px
    }

    .contacts-page .main-screen .col-question a {
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts-page .main-screen .col-address {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .contacts-page .main-screen .col-address p {
        margin-bottom: 10px
    }

    .contacts-page .main-screen .col-address .address {
        font-size: 1.5625rem;
        margin-bottom: 50px
    }
}

.error-page .banner-block .element .text {
    padding-top: 65px
}

.error-page .banner-block .element .text .text-block {
    margin-bottom: 44px
}

.error-page .banner-block .element .image {
    order: 2;
    border-top: none
}

.privacy-policy-page .breadcrumbs {
    border-bottom: 1px solid #d7d7d7
}

.privacy-policy-page .title-block {
    margin: 0 0 70px;
    align-items: flex-end;
    padding: 22px 0 78px;
    border-bottom: 1px solid #d7d7d7
}

.privacy-policy-page .title-block h1 {
    line-height: 1.11
}

.privacy-policy-page .title-block p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400
}

.privacy-policy-page .title-block>div {
    padding: 0 30px
}

.privacy-policy-page .text-privacy-policy {
    margin: 0 0 60px
}

.privacy-policy-page .text-privacy-policy>div {
    padding: 0 30px
}

.privacy-policy-page .text-privacy-policy p {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 35px
}

.privacy-policy-page .text-privacy-policy .text-col {
    margin-bottom: 105px
}

.privacy-policy-page .text-privacy-policy ol {
    padding: 5px 0 10px 15%
}

.privacy-policy-page .text-privacy-policy ol li {
    color: #4a494a;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 25px
}

.privacy-policy-page .text-privacy-policy ol li:before {
    font-size: 20px;
    line-height: 1.4
}

.privacy-policy-page .text-privacy-policy a {
    display: inline-flex;
    font-size: 20px;
    font-weight: 500
}

@media (max-width:1800px) {
    .privacy-policy-page .title-block h1 {
        font-size: 4rem
    }
}

@media (max-width:1439px) {
    .privacy-policy-page .title-block h1 {
        font-size: 3.25rem
    }
}

@media (max-width:1199px) {
    .privacy-policy-page .title-block h1 {
        font-size: 4.25rem;
        margin-bottom: 30px;
        line-height: 1.11
    }

    .privacy-policy-page .text-privacy-policy ol {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .privacy-policy-page .text-privacy-policy h2 {
        margin-bottom: 40px
    }

    .privacy-policy-page .text-privacy-policy ol {
        padding-left: 16%
    }
}

@media (max-width:767px) {
    .privacy-policy-page .title-block>div {
        padding: 0 15px
    }

    .privacy-policy-page .title-block h1 {
        font-size: 2.3125rem;
        margin-bottom: 30px
    }

    .privacy-policy-page .text-privacy-policy>div {
        padding: 0 15px
    }

    .privacy-policy-page .text-privacy-policy p {
        font-size: 1rem
    }

    .privacy-policy-page .text-privacy-policy ol li {
        font-size: 1rem
    }

    .privacy-policy-page .text-privacy-policy ol li:before {
        font-size: 1rem
    }

    .privacy-policy-page .text-privacy-policy a {
        font-size: 1rem
    }
}

@media (max-width:413px) {
    .privacy-policy-page .title-block h1 {
        font-size: 1.75rem
    }
}

@media (max-width:374px) {
    .privacy-policy-page .text-privacy-policy ol {
        padding-left: 0
    }
}

@media (max-width:991px) {
    #bim {
        display: none;
    }
}