.wp-block-button__link {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

.wp-block-button[style*=text-decoration] .wp-block-button__link {
    text-decoration: inherit
}

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
    border-radius: 0 !important
}

:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) {
    border: 2px solid;
    padding: .667em 1.333em
}

:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {
    color: currentColor
}

:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) {
    background-color: initial;
    background-image: none
}

.wp-block-code {
    box-sizing: border-box
}

.wp-block-code code {
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.wp-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important
}

@media (min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important
    }
}

@media (max-width:781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-post-commentsinput[type=submit]) {
    border: none
}

@supports (-webkit-touch-callout:inherit) {

    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax,
    .wp-block-cover__image-background.has-parallax,
    video.wp-block-cover__video-background.has-parallax {
        background-attachment: scroll
    }
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

:root :where(.wp-block-coverh1:not(.has-text-color)),
:root :where(.wp-block-coverh2:not(.has-text-color)),
:root :where(.wp-block-coverh3:not(.has-text-color)),
:root :where(.wp-block-coverh4:not(.has-text-color)),
:root :where(.wp-block-coverh5:not(.has-text-color)),
:root :where(.wp-block-coverh6:not(.has-text-color)),
:root :where(.wp-block-coverp:not(.has-text-color)) {
    color: inherit
}

.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
    min-width: 280px
}

.wp-block-embed {
    overflow-wrap: break-word
}

.wp-block-embed :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-embed iframe {
    max-width: 100%
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-block-file {
    box-sizing: border-box
}

.wp-block-file:not(.wp-element-button) {
    font-size: .8em
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

.wp-block-file__embed {
    margin-bottom: 1em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-form-input__label {
    display: flex;
    flex-direction: column;
    gap: .25em;
    margin-bottom: .5em;
    width: 100%
}

.wp-block-form-input__label.is-label-inline {
    align-items: center;
    flex-direction: row;
    gap: .5em
}

.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content {
    margin-bottom: .5em
}

.wp-block-form-input__label:has(input[type=checkbox]) {
    flex-direction: row-reverse;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-form-input__label-content {
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-form-input__input {
    font-size: 1em;
    margin-bottom: .5em;
    padding: 0 .5em
}

.wp-block-form-input__input[type=date],
.wp-block-form-input__input[type=datetime-local],
.wp-block-form-input__input[type=datetime],
.wp-block-form-input__input[type=email],
.wp-block-form-input__input[type=month],
.wp-block-form-input__input[type=number],
.wp-block-form-input__input[type=password],
.wp-block-form-input__input[type=search],
.wp-block-form-input__input[type=tel],
.wp-block-form-input__input[type=text],
.wp-block-form-input__input[type=time],
.wp-block-form-input__input[type=url],
.wp-block-form-input__input[type=week] {
    border: 1px solid;
    line-height: 2;
    min-height: 2em
}

textarea.wp-block-form-input__input {
    min-height: 10em
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
    padding: 1.25em 2.375em
}

h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
    rotate: 180deg
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom
}

.wp-block-image[style*=border-radius] img,
.wp-block-image[style*=border-radius]>a {
    border-radius: inherit
}

.wp-block-image.has-custom-border img {
    box-sizing: border-box
}

.wp-block-image :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        border-radius: 0;
        -webkit-mask-image: url(data:image/svg+xml;utf8,SVG_REPLACED);
        mask-image: url(data:image/svg+xml;utf8,SVG_REPLACED);
        mask-mode: alpha;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

@keyframes turn-on-visibility {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes turn-off-visibility {
    0% {
        opacity: 1;
        visibility: visible
    }

    99% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes lightbox-zoom-in {
    0% {
        transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/ 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes lightbox-zoom-out {
    0% {
        transform: translate(-50%, -50%) scale(1);
        visibility: visible
    }

    99% {
        visibility: visible
    }

    to {
        transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/ 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
        visibility: hidden
    }
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0
}

:root :where(ul.has-background, ol.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-media-text {
    box-sizing: border-box;
    /*!rtl:begin:ignore*/
    direction: ltr;
    /*!rtl:end:ignore*/
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.wp-block-media-text>.wp-block-media-text__content,
.wp-block-media-text>.wp-block-media-text__media {
    align-self: center
}

.wp-block-media-text>.wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
    margin: 0
}

.wp-block-media-text>.wp-block-media-text__content {
    direction: ltr;
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
    padding: 0 8%;
    word-break: break-word
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 100%
}

.wp-block-page-list:only-child {
    flex-grow: 1
}

@keyframes overlay-menu__fade-in-animation {
    0% {
        opacity: 0;
        transform: translateY(.5em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

html.has-modal-open {
    overflow: hidden
}

.is-small-text {
    font-size: .875em
}

.is-large-text {
    font-size: 2.25em
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

p.has-text-align-left[style*="writing-mode:vertical-lr"] {
    rotate: 180deg
}

:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(.667em + 2px)
}

.wp-block-post-date {
    box-sizing: border-box
}

:where(.wp-block-post-excerpt) {
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

.wp-block-post-title {
    box-sizing: border-box
}

.wp-block-post-title {
    word-break: break-word
}

.wp-block-post-title a {
    display: inline-block
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-pullquote {
    box-sizing: border-box;
    margin: 0 0 1em;
    overflow-wrap: break-word;
    padding: 4em 0;
    text-align: center
}

.wp-block-pullquote p {
    color: inherit
}

.wp-block-pullquote p {
    margin-top: 0
}

.wp-block-pullquote p:last-child {
    margin-bottom: 0
}

.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-post-template {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0
}

@media (max-width:600px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr
    }
}

.wp-block-search__button {
    margin-left: 10px;
    word-break: normal
}

.wp-block-search__button.has-icon {
    line-height: 0
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

.wp-block-search__label {
    width: 100%
}

.wp-block-search__input {
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset !important
}

:where(.wp-block-search__input) {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit
}

:root :where(.wp-block-separator.is-style-dots) {
    height: auto;
    line-height: 1;
    text-align: center
}

:root :where(.wp-block-separator.is-style-dots):before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px
}

:root :where(.wp-block-site-titlea) {
    color: inherit
}

:root :where(.wp-block-tag-cloud.is-style-outline) {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

:root :where(.wp-block-tag-cloud.is-style-outlinea) {
    border: 1px solid;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important
}

:where(.wp-block-term-description) {
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

.wp-block-term-description p {
    margin-bottom: 0;
    margin-top: 0
}

.wp-block-text-columns {
    display: flex
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

.wp-block-video {
    box-sizing: border-box
}

.wp-block-video video {
    vertical-align: middle;
    width: 100%
}

@supports (position:sticky) {
    .wp-block-video [poster] {
        object-fit: cover
    }
}

.wp-block-video :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

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

html {
    box-sizing: border-box;
    height: 100%
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    html {
        display: flex;
        flex-direction: column
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    background-color: #fff;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: #fff0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

:focus {
    outline: 0
}

dl,
p {
    margin: 0
}

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

video {
    display: block
}

img {
    border: none
}

iframe {
    border: none
}

code {
    font-family: monospace, monospace;
    font-size: inherit
}

a {
    background-color: #fff0;
    text-decoration: none;
    color: inherit
}

em,
i {
    font-style: inherit
}

small {
    font-size: inherit
}

button,
input,
select,
textarea {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-align: left;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: none
}

textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[type=search] {
    outline: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

select {
    background: #f5f5f5;
    border: thin solid #fff;
    padding: 8px 6px;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

::-moz-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

:-moz-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    transition: opacity .3s
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus::-moz-placeholder {
    opacity: 0
}

:focus:-moz-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

[hidden] {
    display: none
}

.disabled,
:disabled {
    cursor: not-allowed
}

::-ms-clear {
    display: none
}

:-webkit-autofill {
    box-shadow: 0 0 100px #fff inset;
    -webkit-text-fill-color: currentColor
}

::selection {
    color: #fff;
    background-color: #004fe4
}

html {
    -webkit-text-size-adjust: none
}

body {
    margin: 0;
    z-index: 1;
    overflow-x: hidden
}

* {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0
}

.width-wrap {
    display: block;
    margin: 0 auto;
    position: relative
}

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

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

input::-webkit-input-placeholder {
    color: #999
}

input:focus::-webkit-input-placeholder {
    color: #fff0
}

input:-moz-placeholder {
    color: #999
}

input:focus:-moz-placeholder {
    color: #fff0
}

input::-moz-placeholder {
    color: #999
}

input:focus::-moz-placeholder {
    color: #fff0
}

input:-ms-input-placeholder {
    color: #999
}

input:focus:-ms-input-placeholder {
    color: #fff0
}

i {
    font-style: normal
}

.flex-center {
    justify-content: center
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: #fff0
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(https://fr-business.ru/wp-content/themes/platforma/assets/libs/slick/./fonts/slick.eot);
    src: url(https://fr-business.ru/wp-content/themes/platforma/assets/libs/slick/./fonts/slick.eot#1726127102) format('embedded-opentype'), url(https://fr-business.ru/wp-content/themes/platforma/assets/libs/slick/./fonts/slick.woff) format('woff'), url(https://fr-business.ru/wp-content/themes/platforma/assets/libs/slick/./fonts/slick.ttf) format('truetype'), url(https://fr-business.ru/wp-content/themes/platforma/assets/libs/slick/./fonts/slick.svg#slick) format('svg')
}

.suggestions-input {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.suggestions-input::-ms-clear {
    display: none
}

.suggestions-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    vertical-align: top;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions {
    background: #fff;
    border: 1px solid #999;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    min-width: 100%;
    position: absolute;
    z-index: 9999;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions strong {
    font-weight: 400;
    color: #39f
}

.suggestions-selected {
    background: #f0f0f0
}

.suggestions-selected:hover {
    background: #f0f0f0
}

.suggestions-value[data-suggestion-status=LIQUIDATED] {
    position: relative
}

.suggestions-value[data-suggestion-status=LIQUIDATED]:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid rgba(0, 0, 0, .4);
    content: ""
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
/*!* Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
* Copyright 2019-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)*/
@font-face {
    font-display: block;
    font-family: bootstrap-icons;
    src: url(https://xn----7sbabn0agklxh0au7a4d.xn--p1ai/wp-content/themes/platforma/assets/css/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6) format("woff2"), url(https://xn----7sbabn0agklxh0au7a4d.xn--p1ai/wp-content/themes/platforma/assets/css/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6) format("woff")
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bi-123::before {
    content: "\f67f"
}

.bi-align-center::before {
    content: "\f104"
}

.bi-align-start::before {
    content: "\f107"
}

.bi-align-top::before {
    content: "\f108"
}

.bi-alt::before {
    content: "\f109"
}

.bi-aspect-ratio::before {
    content: "\f150"
}

.bi-at::before {
    content: "\f152"
}

.bi-border-all::before {
    content: "\f1a9"
}

.bi-border-center::before {
    content: "\f1ab"
}

.bi-border-left::before {
    content: "\f1ad"
}

.bi-border-style::before {
    content: "\f1b1"
}

.bi-border-top::before {
    content: "\f1b2"
}

.bi-border-width::before {
    content: "\f1b3"
}

.bi-border::before {
    content: "\f1b4"
}

.bi-box::before {
    content: "\f1c8"
}

.bi-check-all::before {
    content: "\f269"
}

.bi-check-square::before {
    content: "\f26d"
}

.bi-check::before {
    content: "\f26e"
}

.bi-check2-all::before {
    content: "\f26f"
}

.bi-check2-square::before {
    content: "\f271"
}

.bi-check2::before {
    content: "\f272"
}

.bi-chevron-left::before {
    content: "\f284"
}

.bi-chevron-up::before {
    content: "\f286"
}

.bi-clipboard-check::before {
    content: "\f28b"
}

.bi-clipboard-data::before {
    content: "\f28c"
}

.bi-clipboard-x::before {
    content: "\f28f"
}

.bi-clipboard::before {
    content: "\f290"
}

.bi-code-square::before {
    content: "\f2c7"
}

.bi-code::before {
    content: "\f2c8"
}

.bi-columns-gap::before {
    content: "\f2cd"
}

.bi-columns::before {
    content: "\f2ce"
}

.bi-display::before {
    content: "\f302"
}

.bi-download::before {
    content: "\f30a"
}

.bi-envelope-open::before {
    content: "\f32e"
}

.bi-envelope::before {
    content: "\f32f"
}

.bi-file-check::before {
    content: "\f350"
}

.bi-file-code::before {
    content: "\f352"
}

.bi-file-font::before {
    content: "\f399"
}

.bi-file-image::before {
    content: "\f39b"
}

.bi-file-post::before {
    content: "\f3ad"
}

.bi-file-text::before {
    content: "\f3b9"
}

.bi-file-x::before {
    content: "\f3bd"
}

.bi-file::before {
    content: "\f3c0"
}

.bi-geo-alt::before {
    content: "\f3e8"
}

.bi-geo::before {
    content: "\f3ea"
}

.bi-grid-1x2::before {
    content: "\f3f4"
}

.bi-grid-3x2-gap::before {
    content: "\f3f6"
}

.bi-grid-3x2::before {
    content: "\f3f7"
}

.bi-grid-3x3-gap::before {
    content: "\f3f9"
}

.bi-grid-3x3::before {
    content: "\f3fa"
}

.bi-grid::before {
    content: "\f3fc"
}

.bi-hr::before {
    content: "\f426"
}

.bi-image-alt::before {
    content: "\f428"
}

.bi-image::before {
    content: "\f42a"
}

.bi-info-square::before {
    content: "\f433"
}

.bi-info::before {
    content: "\f434"
}

.bi-layout-text-window::before {
    content: "\f464"
}

.bi-link-45deg::before {
    content: "\f470"
}

.bi-link::before {
    content: "\f471"
}

.bi-list-check::before {
    content: "\f473"
}

.bi-list::before {
    content: "\f479"
}

.bi-map::before {
    content: "\f47f"
}

.bi-mask::before {
    content: "\f482"
}

.bi-option::before {
    content: "\f4ad"
}

.bi-phone-vibrate::before {
    content: "\f4e6"
}

.bi-phone::before {
    content: "\f4e7"
}

.bi-question-square::before {
    content: "\f50b"
}

.bi-question::before {
    content: "\f50c"
}

.bi-save::before {
    content: "\f525"
}

.bi-save2::before {
    content: "\f527"
}

.bi-search::before {
    content: "\f52a"
}

.bi-sliders::before {
    content: "\f56b"
}

.bi-spellcheck::before {
    content: "\f581"
}

.bi-square::before {
    content: "\f584"
}

.bi-telegram::before {
    content: "\f5b3"
}

.bi-telephone-x::before {
    content: "\f5c0"
}

.bi-telephone::before {
    content: "\f5c1"
}

.bi-text-center::before {
    content: "\f5c4"
}

.bi-text-left::before {
    content: "\f5c7"
}

.bi-textarea::before {
    content: "\f5cc"
}

.bi-type-h1::before {
    content: "\f5f1"
}

.bi-type-h2::before {
    content: "\f5f2"
}

.bi-type-h3::before {
    content: "\f5f3"
}

.bi-type::before {
    content: "\f5f7"
}

.bi-whatsapp::before {
    content: "\f618"
}

.bi-window::before {
    content: "\f620"
}

.bi-x-square::before {
    content: "\f629"
}

.bi-x::before {
    content: "\f62a"
}

.bi-youtube::before {
    content: "\f62b"
}

.bi-zoom-in::before {
    content: "\f62c"
}

.bi-check-lg::before {
    content: "\f633"
}

.bi-file-pdf::before {
    content: "\f640"
}

.bi-info-lg::before {
    content: "\f646"
}

.bi-question-lg::before {
    content: "\f64e"
}

.bi-x-lg::before {
    content: "\f659"
}

.bi-line::before {
    content: "\f660"
}

.bi-medium::before {
    content: "\f661"
}

.bi-body-text::before {
    content: "\f683"
}

.bi-envelope-check::before {
    content: "\f68c"
}

.bi-envelope-x::before {
    content: "\f69a"
}

.bi-list-columns::before {
    content: "\f6a0"
}

.bi-meta::before {
    content: "\f6a1"
}

.bi-window-x::before {
    content: "\f6d3"
}

.bi-box2::before {
    content: "\f70d"
}

.bi-clipboard2-check::before {
    content: "\f725"
}

.bi-clipboard2-data::before {
    content: "\f727"
}

.bi-clipboard2-x::before {
    content: "\f732"
}

.bi-clipboard2::before {
    content: "\f733"
}

.bi-sliders2::before {
    content: "\f789"
}

.bi-1-square::before {
    content: "\f799"
}

.bi-2-square::before {
    content: "\f79f"
}

.bi-3-square::before {
    content: "\f7a5"
}

.bi-4-square::before {
    content: "\f7ab"
}

.bi-5-square::before {
    content: "\f7b1"
}

.bi-6-square::before {
    content: "\f7b7"
}

.bi-7-square::before {
    content: "\f7bd"
}

.bi-8-square::before {
    content: "\f7c3"
}

.bi-9-square::before {
    content: "\f7c9"
}

.bi-c-square::before {
    content: "\f7dd"
}

.bi-h-square::before {
    content: "\f7fd"
}

.bi-p-square::before {
    content: "\f807"
}

.bi-0-square::before {
    content: "\f842"
}

.bi-envelope-at::before {
    content: "\f84c"
}

.bi-text-wrap::before {
    content: "\f84e"
}

.bi-cookie::before {
    content: "\f6ee"
}

.bi-type-h4::before {
    content: "\f8dc"
}

.bi-type-h5::before {
    content: "\f8dd"
}

.bi-type-h6::before {
    content: "\f8de"
}

html {
    margin-top: 0 !important
}

.wrap {
    width: 1530px;
    margin: 0 auto
}

.abs {
    position: absolute
}

section#main {
    background-color: #0b1e30;
    color: #fff;
    margin-bottom: 0;
    background-image: url(https://fr-business.ru/wp-content/themes/platforma/assets/css/../img/bg.jpg)
}

header {
    margin: 38px 0
}

header .wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0
}

a.logo {
    font-weight: 600;
    font-size: 26px;
    margin-left: 0
}

a.logo span {
    color: #2c9aff
}

a.logo small {
    font-size: 16.6px;
    color: #858e97;
    display: block;
    margin-top: 1px;
    font-weight: 100;
    letter-spacing: .6px
}

.btn {
    border-radius: 8px;
    background-color: #5b9cf9;
    -webkit-box-shadow: 0 0 14px #1e9fdd, inset 0 0 9px 0 #5fcafe;
    box-shadow: 0 0 14px #1e9fdd, inset 0 0 9px 0 #5fcafe;
    display: inline-block;
    font-weight: 600;
    padding: 18px 38px;
    font-size: 15px;
    border-bottom: 3px solid #4683e0;
    cursor: pointer;
    color: #fff
}

.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn:active {
    -webkit-box-shadow: inset 0 5px 4px rgb(0 0 0 / 34%);
    box-shadow: inset 0 5px 4px rgb(0 0 0 / 34%) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#1374ff), to(#5b9cf9));
    background: -o-linear-gradient(top, #1374ff, #5b9cf9);
    background: linear-gradient(180deg, #1374ff, #5b9cf9)
}

.btn-yellow {
    border-radius: 8px;
    background-color: #f9d45b;
    background-color: #ffd912;
    -webkit-box-shadow: 0 0 14px #ddba1e, inset 0 0 9px 0prgb (254, 212, 95) fe;
    box-shadow: 0 0 14px #dda11e, inset 0 0 9px 0 #fed45f;
    display: inline-block;
    font-weight: 600;
    padding: 18px 38px;
    font-size: 15px;
    border-bottom: 3px solid #e0a246;
    cursor: pointer;
    color: #111
}

.btn-yellow:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-yellow:active {
    -webkit-box-shadow: inset 0 5px 4px rgb(0 0 0 / 34%);
    box-shadow: inset 0 5px 4px rgb(0 0 0 / 34%) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa113), to(#f9cf5b));
    background: -o-linear-gradient(top, #ffb413, #f9d45b);
    background: linear-gradient(180deg, #ffc013, #f9e95b)
}

.city-wrap {
    width: 18%
}

.city-name {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    padding-right: 28px
}

.city-name:after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    bottom: 0;
    margin: auto;
    height: 6px;
    width: 6px;
    border: thin solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0 thin thin 0;
    pointer-events: none
}

h1 {
    white-space: pre-line;
    font-weight: 700;
    font-size: 74px;
    margin-top: 160px;
    line-height: 118%;
    margin-bottom: 46px
}

h1+p {
    white-space: normal;
    font-size: 32px;
    line-height: 144%;
    margin-bottom: 53px
}

h1.h1-small {
    font-size: 48px;
    margin-top: 104px;
    margin-bottom: 81px
}

h1.h1-small+p {
    font-size: 24px
}

.btn.big-btn {
    font-size: 19px;
    padding: 25px 81px
}

img.main-img {
    position: absolute;
    right: 141px;
    top: -100px
}

.main-tr-item p {
    white-space: pre-line;
    font-size: 20px;
    font-weight: 500;
    line-height: 153%;
    margin-top: 25px
}

.main-tr-item-img {
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.num-small {
    position: absolute;
    left: -24px;
    top: -16px;
    background: #60a2fa;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 42px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px
}

.main-tr-box.flex {
    background: #fff;
    color: #000;
    border-radius: 9px;
    margin: 107px 0 -47px;
    -webkit-box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
    box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
    padding: 57px 101px 45px;
    z-index: 2
}

.title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 50px
}

.info {
    width: 38%
}

.video-box.flex p {
    font-size: 23px;
    line-height: 156%;
    font-weight: 500
}

.video-wrap {
    height: 481px;
    width: 52.2%;
    margin-right: 5%;
    background: #000;
    margin-top: 16px
}

.info {
    width: 38%
}

.video-box.flex {
    margin-top: 202px;
    margin-bottom: 150px
}

section#content {
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #f1f2f3;
    background-position-y: -53px
}

.box-item {
    background: #fff;
    color: #000;
    border-radius: 7px;
    width: 23.5%;
    overflow: hidden;
    margin: 15px 0 92px;
    height: 412px;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all
}

.box-header {
    background-color: #f9fafa;
    font-weight: 700;
    font-size: 26px;
    padding: 23px 0;
    padding-left: 32px;
    margin-bottom: 32px
}

.box-item:hover .box-header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6cb8ff), to(#528ff7));
    background-image: -o-linear-gradient(top, #6cb8ff, #528ff7);
    background-image: linear-gradient(180deg, #6cb8ff, #528ff7);
    -webkit-box-shadow: inset 0 6px 27px -1px #27b7ee;
    box-shadow: inset 0 6px 27px -1px #27b7ee;
    border-radius: 9px 9px 0 0;
    color: #fff
}

.box-item:hover {
    -webkit-box-shadow: 0 -7px 60px -16px #5eb6fe;
    box-shadow: 0 -7px 60px -16px #5eb6fe
}

form.form-box.flex-wrap.white-box.abs {
    width: 507px;
    top: -70px;
    right: 0;
    z-index: 2;
    flex-direction: column
}

form.form-box.flex-wrap.white-box.abs .title {
    margin-bottom: 25px;
    line-height: 138%
}

form.form-box.flex-wrap.white-box.abs .input-box,
form.form-box.flex-wrap.white-box.abs input {
    margin-bottom: 14px;
    width: 100%
}

.box-text p {
    font-weight: 600;
    font-size: 19px;
    margin: 0 0 0
}

.box-header small {
    font-size: 20px
}

.box-text span {
    color: #868c91;
    font-weight: 500;
    max-width: 50%;
    line-height: 123%
}

.box-item .btn {
    margin: 0 auto 34px;
    width: 83%;
    display: block;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.title.text-center {
    text-align: center
}

.box-text {
    padding-left: 30px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
    padding-right: 31px;
    margin-bottom: 25px
}

section#content2 {
    background-color: #f3f3f3;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 90px
}

.ask-box.flex .title {
    margin-bottom: 0
}

.ask-box.flex .btn {
    font-size: 19px;
    padding: 26px 88px
}

.ask-box.flex p {
    white-space: pre-line;
    font-size: 24px;
    line-height: 152%;
    margin-right: 7%
}

.ask-box.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: #003266;
    border: 5px solid #fff;
    border-radius: 0;
    margin-bottom: 110px;
    padding: 54px 40px 50px 80px;
    margin-top: 63px
}

footer {
    padding: 55px 0
}

footer a.logo {
    margin-bottom: 26px;
    display: block
}

.footer-item p {
    color: #868c91;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    white-space: pre-line
}

.text-left {
    text-align: right
}

a.phone {
    display: block;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 8px
}

.btn.small-btn {
    margin-top: 23px;
    padding: 17px 20px
}

.footer-item.w-100 {
    width: 100%;
    margin-top: 22px;
    border-top: thin solid #edeef1;
    padding-top: 18px
}

a.polit {
    text-decoration: underline
}

a.polit:hover {
    text-decoration: none
}

section#main.offer {
    padding-bottom: 228px
}

section#main.offer img.main-img {
    right: 50px;
    top: -69px
}

section#grey-box {
    background: #f1f2f3
}

h2+p {
    white-space: pre-line;
    color: #868c91;
    font-size: 20px;
    line-height: 165%;
    margin-top: 22px;
    margin-bottom: 90px
}

.main-tr-box.flex.main-tr-box-big .btn {
    font-size: 19px;
    padding: 27px 54px
}

.main-tr-box.flex.main-tr-box-big {
    margin: -80px 0 90px;
    padding: 52px 114px 45px 71px;
    background-position: center;
    background-repeat: no-repeat
}

h2 {
    white-space: pre-line;
    font-size: 68px;
    font-weight: 900;
    line-height: 139%;
    text-align: center;
    margin-bottom: 30px
}

h2>span {
    background-color: #ffd912;
    color: #111
}

.big-box-content p strong {
    color: #2c9aff;
    font-size: 63px;
    font-weight: 500;
    display: block;
    margin-bottom: 3px
}

.big-box-content p {
    color: #868c91;
    white-space: pre-line;
    font-size: 19px;
    line-height: 150%;
    margin-top: 50px;
    border-bottom: thin solid #f1f2f3;
    padding-bottom: 35px
}

.big-box-content {
    padding-top: 12px
}

.big-box-content span {
    color: #868c91;
    white-space: pre-line;
    line-height: 151%
}

.big-box-content p:nth-last-child(1) {
    border-bottom: none
}

section#content.offer {
    padding-top: 117px
}

.flex-item {
    background: #fff;
    width: 32%;
    border-radius: 8px;
    padding: 27px 28px;
    height: 240px
}

.content-box.flex-wrap {
    margin: 54px 0 126px
}

.flex-item p {
    white-space: pre-line;
    font-size: 18.2px;
    line-height: 158%
}

.flex-item-img {
    height: 92px
}

.flex-item .num.abs {
    right: 27px;
    top: 24px;
    color: #edeef1;
    font-size: 34px
}

.content-item img,
.content-item p {
    display: none
}

.content-item {
    display: inline-block
}

.content {
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 41%;
    padding-top: 45px;
    flex-shrink: 0;
    white-space: pre-line;
    font-size: 20px;
    color: #868c91;
    font-weight: 300;
    padding-bottom: 0;
    height: 465px;
    line-height: 150%;
    background-size: 94% auto
}

.white-box.flex {
    background: #fff;
    margin-bottom: 118px
}

form.form-box.flex-wrap.blue-box .title {
    width: 100%;
    text-align: center;
    margin-bottom: 34px;
    color: #fff
}

form.form-box.flex-wrap.blue-box {
    background: #003266;
    border-radius: 11px;
    padding: 46px 38px 62px;
    margin-bottom: 52px
}

form.form-box .btn.submit {
    font-size: 17px;
    padding: 17px 69px;
    text-align: center
}

.white-box .polit-descr {
    margin: 0;
    margin-top: 11px
}

form.form-box input {
    background: #fff;
    border-radius: 8px;
    width: 26%;
    color: #000;
    height: 55px;
    padding-left: 33px;
    font-size: 18px
}

.main h1 {
    text-align: center;
    font-size: 100px;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 100%
}

.main h1+p {
    text-align: center;
    font-size: 32px
}

section#main {
    background-position: top center
}

section#main.main {
    padding-bottom: 152px
}

section#catalogue {
    background: #f1f2f3
}

.catalogue-wrap {
    margin-top: -153px;
    margin-bottom: 91px
}

.item {
    background: #fff;
    padding: 30px 30px;
    border-radius: 10px
}

.item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 39% 19%;
    grid-template-columns: 1fr 39% 19%;
    margin-bottom: 19px;
    -ms-grid-rows: [header-start] 90px [header-end content-start] 194px [content-end] 0 [footer-start] 85px [footer-end];
    grid-template-rows: [header-start] 90px [header-end content-start] 194px [content-end] 0 [footer-start] 85px [footer-end]
}

.item>:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.item>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.item>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.item>:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
}

.item>:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

.item>:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
}

.item>:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.item>:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
}

.item>:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.item>:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1
}

.item>:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2
}

.item>:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3
}

.item>:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.item>:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 2
}

.item>:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 3
}

.item>:nth-child(16) {
    -ms-grid-row: 6;
    -ms-grid-column: 1
}

.item>:nth-child(17) {
    -ms-grid-row: 6;
    -ms-grid-column: 2
}

.item>:nth-child(18) {
    -ms-grid-row: 6;
    -ms-grid-column: 3
}

.item>:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 1
}

.item>:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 2
}

.item>:nth-child(21) {
    -ms-grid-row: 7;
    -ms-grid-column: 3
}

.item>:nth-child(22) {
    -ms-grid-row: 8;
    -ms-grid-column: 1
}

.item>:nth-child(23) {
    -ms-grid-row: 8;
    -ms-grid-column: 2
}

.item>:nth-child(24) {
    -ms-grid-row: 8;
    -ms-grid-column: 3
}

.item>:nth-child(25) {
    -ms-grid-row: 9;
    -ms-grid-column: 1
}

.item>:nth-child(26) {
    -ms-grid-row: 9;
    -ms-grid-column: 2
}

.item>:nth-child(27) {
    -ms-grid-row: 9;
    -ms-grid-column: 3
}

.item>:nth-child(28) {
    -ms-grid-row: 10;
    -ms-grid-column: 1
}

.item>:nth-child(29) {
    -ms-grid-row: 10;
    -ms-grid-column: 2
}

.item>:nth-child(30) {
    -ms-grid-row: 10;
    -ms-grid-column: 3
}

.item-img-slider {
    grid-row: header-start/footer-end;
    margin-right: 26px;
    overflow: hidden;
    height: 368px;
    border-radius: 4px
}

.item-header.flex,
.item-info,
.item-tr-box.flex {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.item-header.flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between
}

.item-logo {
    height: 90px;
    width: 110px;
    background-size: contain;
    margin-right: 21px;
    background-position: center;
    flex-shrink: 0;
    background-repeat: no-repeat
}

.item-name small {
    display: block;
    font-size: 16px;
    margin-top: 11px
}

.item-name {
    font-size: 30px;
    font-weight: 500
}

.icon-wrap {
    border-radius: 50%;
    border: thin solid #edeef1;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px
}

.item-tr-box.flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.item-info {
    font-size: 18px;
    line-height: 149%;
    color: #868c91;
    font-weight: 500;
    margin: 1rem 0;
    overflow: hidden
}

.item-descr-box.flex small {
    color: #868c91;
    font-weight: 500;
    font-size: 12px;
    display: block
}

.item-descr-box.flex p {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    white-space: nowrap
}

.item-descr-box.flex {
    border: thin solid #edeef1;
    border-radius: 10px;
    margin-right: 20px;
    padding: 11px 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn.item-present {
    font-size: 19px;
    padding: 26px 34px;
    text-align: center;
    margin: auto
}

.page-title {
    font-size: 40px;
    margin: 81px 0 36px;
    font-weight: 500;
    border-bottom: thin solid rgb(255 255 255 / 25%);
    padding-bottom: 36px
}

.contact-box p {
    font-size: 20px
}

a.email-href {
    color: #56a7fb;
    font-size: 34px
}

a.big-phone {
    font-size: 69px;
    display: inline-block;
    font-weight: 700;
    margin: 20px 0
}

form.form-box.flex-wrap {
    background: #fff;
    border-radius: 10px;
    margin: 44px 0 53px;
    padding: 39px 49px 46px
}

form.form-box.flex-wrap .title {
    color: #000;
    font-size: 30px;
    width: 100%;
    margin-bottom: 34px
}

form.form-box.flex-wrap input {
    background: #f1f2f4;
    width: 32%;
    margin-bottom: 27px
}

form.form-box.flex-wrap .input-box {
    width: 32%
}

form.form-box.flex-wrap .input-box input {
    width: 100%
}

form.form-box.flex-wrap textarea {
    width: 100%;
    min-height: 111px;
    background: #f1f2f4;
    padding: 26px 30px 17px;
    display: block;
    height: auto;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 26px
}

.polit-descr {
    color: #000;
    white-space: pre-line;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    margin-left: 31px;
    line-height: 160%;
    padding-top: 10px
}

.polit-descr a {
    color: #56a7fb
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8b9094
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8b9094
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8b9094
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #8b9094
}

input::placeholder,
textarea::placeholder {
    color: #8b9094
}

.thanks-page h2+p {
    color: #fff;
    margin: 13px 0 43px
}

.thanks-page h2 {
    font-size: 33px;
    padding: 9px 0 0;
    font-weight: 500
}

.thanks-page {
    padding-bottom: 200px
}

.grey-block .page-title {
    color: #0c0c0e;
    margin: 0 0 38px;
    padding-top: 75px;
    border-color: #dedfe1;
    font-weight: 500;
    padding-bottom: 31px
}

.polit-wrapper {
    color: #a1a4a8;
    font-size: 16px;
    padding: 7px 0 0;
    line-height: 170%;
    margin-bottom: 52px
}

.polit-page .grey-block {
    padding-bottom: 140px
}

.grey-block {
    background: #f1f2f4
}

form.form-box.blue-box input {
    width: 26%;
    background: #fff;
    margin-bottom: 0
}

form.form-box.blue-box .input-box {
    width: 26%
}

form.form-box.blue-box .input-box input {
    width: 100%
}

header .btn i {
    display: none
}

.modal_form {
    z-index: 9999;
    max-width: 512px;
    width: 98%;
    height: 27px;
    position: fixed;
    padding: 0;
    top: -11px;
    font-family: monospace;
    right: 0;
    margin: 0 auto;
    left: 0;
    display: none;
    padding: 0;
    font-weight: 300;
    color: #000
}

form fieldset.options {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 9px
}

form fieldset.options .field {
    display: block;
    flex-basis: 25%;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 6px
}

form fieldset.options .field label {
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    color: #111;
    display: flex;
    flex-direction: column;
    gap: 5px
}

form fieldset.options .field input[type=radio] {
    display: none
}

form fieldset.options .field:has(input:checked) {
    background-color: #56a7fb;
    color: #fff
}

form fieldset.options .field:has(input:checked) label {
    color: #fff
}

.overlay {
    z-index: 11;
    position: fixed;
    background-color: #000;
    opacity: .8;
    -moz-opacity: .8;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none
}

.top-form.popup {
    background: #fff;
    border-radius: 9px;
    width: 100%;
    z-index: 20;
    margin: 0 auto
}

.close {
    position: absolute;
    right: 21px;
    top: 10px;
    z-index: 10;
    color: grey;
    font-size: 33px;
    cursor: pointer;
    padding: 10px;
    font-weight: 600
}

.close:hover {
    opacity: .8
}

form.custom-form.modal-form {
    padding: 39px 50px
}

.modal-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 138%;
    margin-bottom: 25px
}

form.custom-form input,
form.custom-form select,
form.custom-form textarea {
    width: 100%;
    background: #f1f2f3;
    border-radius: 9px;
    display: block;
    height: 71px;
    margin-bottom: 9px;
    font-size: 18px;
    padding-left: 33px
}

.modal-title.small-title {
    font-size: 23px
}

form.custom-form textarea {
    padding-top: 18px;
    min-height: 110px
}

.modal-form .polit-descr {
    white-space: normal;
    font-size: 10px;
    margin: 0;
    width: 90%;
    padding: 0;
    line-height: 144%
}

.custom-form .btn.submit {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    padding: 26px 0;
    margin-bottom: 21px
}

.modal-grey-box {
    width: 100%;
    text-align: center;
    background: #f1f2f3;
    font-weight: 500;
    font-size: 16px;
    padding: 24px 0;
    border-radius: 0 0 10px 10px
}

.top-form.popup.video-frame {
    height: 424px;
    background: #fff0
}

.video-frame iframe {
    border-radius: 9px
}

.video-frame .close {
    color: #fff;
    top: -47px;
    right: -6px
}

.modal-title span {
    color: #55a7fa
}

.item-img-slider {
    overflow: hidden
}

div#city-popup {
    max-width: 751px
}

.city-list {
    width: 31%;
    background: #f1f2f4;
    height: 573px;
    overflow-x: hidden;
    max-height: 90vh;
    padding: 20px 0 0 0;
    overflow-y: scroll
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.custom-scrollbar::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #868c91;
    border: 0 none #fff;
    border-radius: 50px
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #000
}

.custom-scrollbar::-webkit-scrollbar-thumb:active {
    background: #000
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #fff0;
    border: 0 none #fff;
    border-radius: 51px
}

.custom-scrollbar::-webkit-scrollbar-track:hover {
    background: #ccc
}

.custom-scrollbar::-webkit-scrollbar-track:active {
    background: #ccc
}

.custom-scrollbar::-webkit-scrollbar-corner {
    background: #fff0
}

.city-tab {
    font-size: 14px;
    display: block;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0;
    padding: 8px 5px 9px 30px
}

.city-list-box span {
    padding: 6px 5px 7px 50px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    line-height: 127%
}

.city-list-box span:hover,
.city-tab:hover {
    background: #55a7fa;
    color: #fff
}

.city-list-box {
    padding-top: 22px
}

span.new-line strong {
    position: absolute;
    left: 29px;
    color: #868c91;
    top: 6px
}

.city-list-box span:hover strong {
    color: #fff
}

.city-content {
    width: 69%;
    padding: 37px 31px 0 33px
}

.city-content-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 21px
}

input#city-search {
    width: 100%;
    display: block;
    height: 71px;
    background: #f1f2f4;
    border-radius: 8px;
    padding-left: 34px
}

.city-search-box {
    width: 100%;
    max-height: 406px;
    margin-top: 13px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.city-search-box span {
    display: block;
    font-weight: 500;
    padding: 9px 0 9px 40px;
    font-size: 17px;
    line-height: 129%;
    cursor: pointer
}

.city-search-box span:hover {
    color: #55a7fa
}

.city-search-box span.new-line strong {
    left: 4px;
    font-weight: 500;
    top: 9px
}

.btn.small-btn.btn-grey {
    color: #868c91;
    background: #f1f2f3;
    box-shadow: none;
    font-weight: 500;
    border-color: #f1f2f3
}

.city-wrap {
    z-index: 2
}

div#video-modal {
    max-width: 762px
}

.box-text p strong {
    color: #2c9aff
}

.input-box {
    width: 100%
}

.suggestions-suggestions a {
    display: none !important
}

.suggestions-suggestions {
    color: #000;
    top: -10px
}

.contact .suggestions-suggestions {
    top: -29px
}

.city-wrap.show {
    opacity: 1 !important
}

a.mailto {
    font-size: 16px
}

.success-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: -4px;
    top: -13px;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 38px;
    border: 4px solid #4683e0;
    transform: rotate(45deg);
    border-width: 0 5px 5px 0
}

#limit-modal .popup,
#limit-modal-dubl .popup {
    padding: 40px 30px
}

.success-img {
    width: 80px;
    height: 80px;
    border: 3px solid #4683e0;
    border-radius: 50%;
    margin: 0 auto 30px
}

#success-modal .popup {
    padding-top: 26px;
    padding-bottom: 31px
}

#limit-modal .title,
#limit-modal-dubl .title,
#success-modal .title {
    text-align: center;
    margin-bottom: 12px
}

#limit-modal .title+p,
#limit-modal-dubl .title+p,
#success-modal .title+p {
    text-align: center;
    font-size: 20px;
    padding-top: 2px;
    line-height: 127%
}

.title+p {
    font-size: 18px
}

.text p {
    font-size: 20px;
    padding-top: 45px;
    line-height: 151%
}

.text p strong {
    display: block;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 36px
}

.big-num.abs span {
    font-size: 49px;
    display: inline-block;
    line-height: 90%
}

.big-num.abs {
    right: 50px;
    top: 74px;
    text-shadow: 0 1px 0 rgb(66 122 217 / .004);
    color: #63a5fa;
    white-space: pre-line;
    text-align: center;
    font-size: 346px;
    font-weight: 700;
    line-height: 106px
}

.box-wrap.flex-wrap {
    margin-top: 62px
}

.post-item.flex {
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: thin solid #e0e0e0;
    padding: 11px 30px
}

.post-img img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 60px
}

.post-img {
    text-align: center;
    width: 57px;
    margin-right: 24px
}

span.position-span {
    width: 100px;
    text-align: left
}

.post-item.flex a {
    color: #007ee4;
    text-decoration: underline;
    margin-left: 30px
}

.post-item.flex a:hover {
    text-decoration: none
}

.post-item.flex:nth-child(odd) {
    background: #f3f3f3
}

.page-header.flex {
    padding: 15px 0;
    padding-right: 11px
}

.page-header a {
    color: #0362e4;
    text-decoration: underline;
    font-size: 14px;
    padding: 6px;
    z-index: 1
}

.page-header a:hover {
    text-decoration: none
}

.catalogue-wrap h2 {
    margin: 61px 0 23px
}

span.btn.close {
    position: relative;
    right: 0;
    left: 0;
    margin: 25px auto 10px;
    display: block;
    font-size: 20px;
    color: #fff;
    padding: 17px 31px;
    width: 267px;
    text-align: center;
    font-weight: 600;
    font-size: 18px
}

section#tarif-content {
    background: #003266;
    padding: 84px 0 114px
}

section#tarif-content .title {
    color: #fff
}

.left {
    width: 56%;
    padding-top: 23px
}

.main-tr-box.flex.flex-wrap {
    box-shadow: none;
    background: #fff0;
    margin: 85px 0 0 0;
    padding: 0
}

#tarif-content .main-tr-item {
    background: #fff;
    width: 49%;
    border-radius: 8px;
    margin-bottom: 21px;
    height: 205px;
    padding-left: 80px;
    display: flex;
    align-items: center
}

#tarif-content .main-tr-item p {
    white-space: pre-line;
    font-size: 24px;
    font-weight: 500;
    line-height: 153%;
    margin-top: 0;
    padding-left: 22px
}

section#tarif-content form .title {
    color: #000
}

form.form-box.flex-wrap.white-box.abs .input-box input {
    margin-bottom: 0
}

section.color-bg {
    background: #003266
}

.color-bg .ask-box.flex {
    border: none;
    margin: 30px 0
}

.num-wrap.flex {
    justify-content: flex-start;
    margin-top: 30px;
    margin-bottom: 40px
}

.num-box {
    border: thin solid #f0f0f0;
    width: 170px;
    margin-right: 13px
}

.num-box p {
    text-align: center;
    background: #efefef;
    font-size: 17px;
    padding: 9px 0;
    font-weight: 500
}

.num {
    text-align: center;
    font-size: 25px;
    padding: 18px 0
}

.num span,
.num.green {
    color: #8bc34a
}

.btn-pdf {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.btn-pdf img {
    position: absolute;
    left: 5%;
    width: 64px;
    height: 64px
}

.i-download-pdf {
    display: block;
    background-image: url(https://fr-business.ru/wp-content/themes/platforma/assets/css/../img/pdf-icon-4.png);
    width: 64px;
    height: 64px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0
}

.btn.big-btn.btn-pdf-new {
    padding-left: 80px
}

.fav {
    display: block;
    position: absolute;
    right: 2em;
    top: 2em;
    width: 32px;
    height: 32px;
    cursor: pointer;
    color: red
}

.favs {
    display: block;
    position: fixed;
    bottom: 0;
    padding: .5em;
    background-color: #fff;
    color: #111;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .25)
}

.favs>.cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2em
}

.favs>.cont>.txt {
    font-size: 24px;
    font-weight: 500
}

.favs>.cont>.button>.btn {
    padding: 1.25em 2em;
    font-size: 1.25em
}

@media (max-width:1024px) {
    .fav {
        right: 1em;
        top: 1em;
        width: 20px;
        height: 20px
    }

    .favs>.cont {
        flex-direction: column;
        gap: 1em
    }

    .favs>.cont>.txt {
        font-size: 1em
    }

    .favs>.cont>.button>.btn {
        padding: 1em;
        font-size: 1em
    }

    .favs>.cont>.button {
        width: 100%;
        text-align: center
    }

    .favs>.cont>.button>.btn {
        width: 70%;
        text-align: center
    }
}

#success-pop {
    bottom: 0;
    top: auto;
    height: auto;
    margin-bottom: 1em
}

#success-pop .popup {
    padding: 1em;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .25)
}

#success-pop .success-img {
    float: left;
    margin-right: 1em;
    margin-bottom: 0
}

#success-pop .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1em
}

#success-pop .title+p {
    font-size: 16px
}

#success-pop .close {
    right: 0;
    top: 0;
    font-size: 24px;
    padding: 8px;
    line-height: .5
}

@media (max-width:1024px) {
    #success-pop {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0
    }

    #success-pop .popup {
        border-radius: 0
    }
}

.item:first-child .fav {
    animation: pulse .5s ease 0s infinite forwards
}

.item .fav:hover+.fav-hint {
    opacity: 1
}

@keyframes pulse {
    0% {
        transform: scale(.85)
    }

    100% {
        transform: scale(1)
    }
}

* {
    font-family: Gilroy, Arial, Helvetica, sans-serif
}

span.more {
    color: #2c9aff
}

.item-descr-box {
    margin-right: 1em;
    border: thin solid #edeef1;
    border-radius: 10px;
    padding: .5em 1em
}

.item-info {
    margin: 0
}

@media (max-width:1170px) {
    .item-descr-box {
        margin: 1em
    }
}

.go-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100px);
    transition: all 250ms ease-in-out;
    border-radius: 50%;
    z-index: 10;
    padding: 12px 12px !important;
    background-color: #fff;
    color: #5b9cf9;
    font-size: 24px;
    font-weight: 700;
    border: 4px solid #5b9cf9
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

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

@keyframes shine-lines {
    0% {
        background-position: -100px
    }

    100%,
    40% {
        background-position: 140px
    }
}

@media (max-width:1620px) {
    .wrap {
        width: 1140px
    }

    .btn {
        padding: 18px 27px
    }

    .city-wrap {
        width: 18%
    }

    .main h1+p {
        text-align: center;
        font-size: 24px
    }

    h1.h1-small {
        font-size: 35px;
        margin-top: 54px !important;
        margin-bottom: 35px
    }

    h1.h1-small+p {
        font-size: 17px
    }

    form.form-box.flex-wrap.white-box.abs {
        width: 397px;
        top: -20px
    }

    form.form-box.flex-wrap.white-box.abs .title {
        margin-bottom: 25px;
        line-height: 108%;
        font-size: 24px
    }

    form.form-box.flex-wrap.white-box.abs .input-box,
    form.form-box.flex-wrap.white-box.abs input {
        margin-bottom: 13px;
        width: 100%;
        height: 50px;
        font-size: 16px
    }

    .white-box .polit-descr {
        margin: 0;
        margin-top: 1px;
        font-size: 12px;
        white-space: normal
    }

    .item-img-slider {
        height: 264px
    }

    .item-name {
        font-size: 20px;
        font-weight: 500
    }

    .item-name small {
        display: block;
        font-size: 14px;
        margin-top: 12px
    }

    .icon-wrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .item-info {
        font-size: 14px;
        line-height: 163%;
        color: #868c91;
        font-weight: 500;
        padding-top: 0
    }

    .item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 42% 29% 29%;
        grid-template-columns: 42% 29% 29%;
        margin-bottom: 15px;
        -ms-grid-rows: [header-start] 89px [header-end content-start] auto [content-end] 0 [footer-end] auto;
        grid-template-rows: [header-start] 89px [header-end content-start] auto [content-end] 0 [footer-end] auto
    }

    .item>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .item>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .item>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .item>:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .item>:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .item>:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .item>:nth-child(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .item>:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .item>:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .item>:nth-child(10) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .item>:nth-child(11) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .item>:nth-child(12) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .item>:nth-child(13) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .item>:nth-child(14) {
        -ms-grid-row: 5;
        -ms-grid-column: 2
    }

    .item>:nth-child(15) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .item>:nth-child(16) {
        -ms-grid-row: 6;
        -ms-grid-column: 1
    }

    .item>:nth-child(17) {
        -ms-grid-row: 6;
        -ms-grid-column: 2
    }

    .item>:nth-child(18) {
        -ms-grid-row: 6;
        -ms-grid-column: 3
    }

    .item>:nth-child(19) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .item>:nth-child(20) {
        -ms-grid-row: 7;
        -ms-grid-column: 2
    }

    .item>:nth-child(21) {
        -ms-grid-row: 7;
        -ms-grid-column: 3
    }

    .item>:nth-child(22) {
        -ms-grid-row: 8;
        -ms-grid-column: 1
    }

    .item>:nth-child(23) {
        -ms-grid-row: 8;
        -ms-grid-column: 2
    }

    .item>:nth-child(24) {
        -ms-grid-row: 8;
        -ms-grid-column: 3
    }

    .item>:nth-child(25) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .item>:nth-child(26) {
        -ms-grid-row: 9;
        -ms-grid-column: 2
    }

    .item>:nth-child(27) {
        -ms-grid-row: 9;
        -ms-grid-column: 3
    }

    .item-descr-box.flex {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        grid-row: footer-end
    }

    .item-descr-box.flex {
        border: thin solid #edeef1;
        border-radius: 10px;
        margin-right: 0;
        padding: 2px 108px 0 23px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 80px
    }

    .btn.item-present {
        grid-row: footer-end;
        margin-left: 33px
    }

    .footer-item:nth-child(3) p {
        font-size: 14px
    }

    .footer-item:nth-child(1) p {
        white-space: normal;
        line-height: 160%
    }

    .footer-item:nth-child(1) {
        width: 16%
    }

    .catalogue-wrap {
        margin-top: -153px;
        margin-bottom: 120px
    }

    .btn.big-btn {
        padding: 25px 33px;
        min-width: 263px;
        text-align: center
    }

    img.main-img {
        position: absolute;
        right: 24px;
        top: 48px;
        width: 424px
    }

    .main-tr-item p {
        margin-top: 19px
    }

    .main-tr-box.flex {
        background: #fff;
        color: #000;
        border-radius: 9px;
        margin: 78px 0 -35px;
        -webkit-box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        padding: 60px 34px 45px 66px;
        z-index: 2
    }

    section#content {
        background-position-y: -3px
    }

    .info {
        width: 68%
    }

    .title {
        font-size: 40px;
        font-weight: 600;
        margin-bottom: 32px
    }

    .video-box.flex p {
        font-size: 18px;
        line-height: 169%;
        font-weight: 500
    }

    .video-wrap {
        height: 481px;
        width: 70.2%;
        margin-right: 0;
        background: #000;
        margin-top: 51px
    }

    .video-box.flex {
        margin-top: 113px;
        margin-bottom: 74px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .box-header {
        background-color: #f1f2f3;
        font-weight: 700;
        font-size: 22px;
        padding: 26px 0;
        padding-left: 23px;
        margin-bottom: 25px
    }

    .box-text span {
        color: #868c91;
        font-weight: 500;
        font-size: 14px;
        max-width: 61%
    }

    .box-text {
        padding-left: 24px;
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: space-between;
        padding-right: 20px;
        margin-bottom: 19px
    }

    .box-text p {
        font-weight: 600;
        font-size: 16px;
        margin: 0
    }

    .box-item .btn {
        margin: 27px auto 28px;
        width: 77%;
        display: block;
        padding: 18px 0;
        text-align: center;
        font-size: 15px
    }

    .box-item {
        background: #fff;
        color: #000;
        height: 379px;
        border-radius: 7px;
        width: 23.2%;
        overflow: hidden;
        margin: 32px 0 77px;
        -webkit-transition: .2s all;
        -o-transition: .2s all;
        transition: .2s all
    }

    section#content2 {
        padding-top: 75px
    }

    .box-header small {
        font-size: 16px
    }

    .ask-box.flex .btn {
        font-size: 19px;
        padding: 25px 38px;
        width: 307px;
        text-align: center;
        margin-bottom: -33px
    }

    .ask-box.flex p {
        white-space: pre-line;
        font-size: 20px;
        line-height: 152%;
        margin-right: 10%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .ask-box.flex .title {
        margin-bottom: 0;
        line-height: 130%
    }

    .ask-box.flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        background: #003266;
        border: 5px solid #fff;
        border-radius: 0;
        margin-bottom: 119px;
        padding: 47px 38px 81px 34px;
        margin: 43px 0 80px
    }

    .offer h1 {
        margin-top: 65px
    }

    section#main.offer img.main-img {
        right: 20px;
        top: -7px
    }

    .main-tr-box.flex.main-tr-box-big {
        margin: -59px 0 31px;
        padding: 31px 49px 26px 66px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 52%
    }

    .big-box-content p {
        color: #868c91;
        white-space: pre-line;
        font-size: 19px;
        line-height: 150%;
        margin-top: 42px;
        border-bottom: thin solid #f1f2f3;
        padding-bottom: 26px
    }

    section#content.offer {
        padding-top: 97px
    }

    .flex-item p {
        white-space: normal
    }

    .flex-item {
        height: 267px
    }

    .content-box.flex-wrap {
        margin: 48px 0 93px
    }

    .white-box.flex {
        background: #fff;
        margin-bottom: 85px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 6px
    }

    .content p {
        width: 40%
    }

    .content {
        background-position: bottom right;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        padding-top: 29px;
        white-space: normal;
        font-size: 20px;
        color: #868c91;
        font-weight: 300;
        padding-left: 70px;
        padding-bottom: 82px;
        line-height: 150%;
        background-size: 53% auto;
        min-height: 269px
    }

    form.form-box .btn.submit {
        font-size: 19px;
        padding: 26px 49px
    }

    form.form-box.blue-box input {
        width: 24.6%;
        background: #fff;
        margin-bottom: 0
    }

    form.form-box.flex-wrap.blue-box .title {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
        color: #fff
    }

    form.form-box.flex-wrap.blue-box {
        background: #003266;
        border-radius: 11px;
        padding: 33px 38px 42px;
        margin-bottom: 52px;
        margin: 20px 0 53px
    }

    .page-title {
        margin: 61px 0 46px
    }

    .contact-box p {
        font-size: 16px
    }

    a.big-phone {
        font-size: 60px;
        display: inline-block;
        font-weight: 700;
        margin: 14px 0 20px
    }

    a.email-href {
        color: #56a7fb;
        font-size: 25px
    }

    form.form-box.flex-wrap {
        background: #fff;
        border-radius: 10px;
        margin: 28px 0 53px;
        padding: 44px 49px 40px
    }

    .thanks-page h2+p {
        color: #fff;
        margin: 5px 0 37px;
        font-size: 16px;
        font-weight: 500
    }

    .thanks-page a.btn.big-btn {
        min-width: 340px
    }

    .thanks-page {
        padding-bottom: 75px
    }

    .text {
        padding-right: 10px
    }

    .big-num.abs {
        right: 38px;
        top: 66px;
        text-shadow: 0 1px 0 rgb(66 122 217 / .004);
        color: #63a5fa;
        white-space: pre-line;
        text-align: center;
        font-size: 251px;
        font-weight: 700;
        line-height: 98px
    }

    .big-num.abs span {
        font-size: 43px;
        display: inline-block;
        line-height: 90%
    }

    .ask-box.flex p {
        position: absolute;
        left: 39px;
        top: 100px;
        white-space: normal;
        font-size: 17px
    }

    section#tarif-content {
        background: #003266;
        padding: 34px 0 38px
    }

    .left {
        width: 52%;
        padding-top: 17px
    }

    section#tarif-content .title {
        color: #fff;
        line-height: 130%;
        max-width: 450px
    }

    .main-tr-box.flex.flex-wrap {
        box-shadow: none;
        background: #fff0;
        margin: 63px 0 0 0;
        padding: 0
    }

    #tarif-content .main-tr-item {
        background: #fff;
        width: 48.2%;
        border-radius: 8px;
        margin-bottom: 31px;
        height: 211px;
        padding-left: 37px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding-top: 40px
    }

    #tarif-content .main-tr-item p {
        white-space: normal;
        font-size: 20px;
        font-weight: 500;
        line-height: 153%;
        margin-top: 18px;
        padding-left: 0;
        padding-right: 20px
    }

    #tarif-content form.form-box.flex-wrap.white-box.abs {
        width: 490px;
        top: 10px
    }

    section#tarif-content form .title {
        color: #000;
        font-size: 31px;
        font-weight: 500
    }

    section#tarif-content form.form-box.flex-wrap.white-box.abs .input-box,
    section#tarif-content form.form-box.flex-wrap.white-box.abs input {
        margin-bottom: 16px;
        width: 100%;
        height: 72px;
        font-size: 16px
    }
}

@media (max-width:1170px) {
    .wrap {
        width: 100%;
        max-width: 960px;
        padding: 0 10px
    }

    header .wrap {
        padding: 0 10px
    }

    .city-wrap {
        width: 34%
    }

    .city-name {
        cursor: pointer;
        font-size: 14px;
        padding: 15px 0;
        display: inline-block;
        padding-right: 25px;
        z-index: 2
    }

    header {
        margin: 19px 0
    }

    section#main.main {
        padding-bottom: 108px
    }

    .catalogue-wrap {
        margin-top: -109px;
        margin-bottom: 51px
    }

    .item-header.flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-grid-column-span: 4;
        grid-column: span 4;
        margin-bottom: 8px;
        -ms-grid-row: 1;
        grid-row: 1
    }

    .btn.item-present {
        padding: 26px 18px
    }

    .item {
        background: #fff;
        padding: 22px 30px 33px;
        border-radius: 10px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 50% 7% 10% 33%;
        grid-template-columns: 50% 11% 6% 33%;
        margin-bottom: 21px;
        -ms-grid-rows: [header-start] 106px [header-end content-start] 288px [content-end] auto [footer-end] auto;
        grid-template-rows: [header-start] 106px [header-end content-start] 288px [content-end] auto [footer-end] auto
    }

    .item>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .item>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .item>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .item>:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }

    .item>:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .item>:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .item>:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .item>:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 4
    }

    .item>:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .item>:nth-child(10) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .item>:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .item>:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 4
    }

    .item>:nth-child(13) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .item>:nth-child(14) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .item>:nth-child(15) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .item>:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 4
    }

    .item>:nth-child(17) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .item>:nth-child(18) {
        -ms-grid-row: 5;
        -ms-grid-column: 2
    }

    .item>:nth-child(19) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .item>:nth-child(20) {
        -ms-grid-row: 5;
        -ms-grid-column: 4
    }

    .item>:nth-child(21) {
        -ms-grid-row: 6;
        -ms-grid-column: 1
    }

    .item>:nth-child(22) {
        -ms-grid-row: 6;
        -ms-grid-column: 2
    }

    .item>:nth-child(23) {
        -ms-grid-row: 6;
        -ms-grid-column: 3
    }

    .item>:nth-child(24) {
        -ms-grid-row: 6;
        -ms-grid-column: 4
    }

    .item>:nth-child(25) {
        -ms-grid-row: 7;
        -ms-grid-column: 1
    }

    .item>:nth-child(26) {
        -ms-grid-row: 7;
        -ms-grid-column: 2
    }

    .item>:nth-child(27) {
        -ms-grid-row: 7;
        -ms-grid-column: 3
    }

    .item>:nth-child(28) {
        -ms-grid-row: 7;
        -ms-grid-column: 4
    }

    .item>:nth-child(29) {
        -ms-grid-row: 8;
        -ms-grid-column: 1
    }

    .item>:nth-child(30) {
        -ms-grid-row: 8;
        -ms-grid-column: 2
    }

    .item>:nth-child(31) {
        -ms-grid-row: 8;
        -ms-grid-column: 3
    }

    .item>:nth-child(32) {
        -ms-grid-row: 8;
        -ms-grid-column: 4
    }

    .item>:nth-child(33) {
        -ms-grid-row: 9;
        -ms-grid-column: 1
    }

    .item>:nth-child(34) {
        -ms-grid-row: 9;
        -ms-grid-column: 2
    }

    .item>:nth-child(35) {
        -ms-grid-row: 9;
        -ms-grid-column: 3
    }

    .item>:nth-child(36) {
        -ms-grid-row: 9;
        -ms-grid-column: 4
    }

    .item-img-slider {
        height: 264px;
        -ms-grid-column-span: 3;
        grid-column: span 3;
        -ms-grid-row: 2;
        grid-row: 2;
        margin-right: 0
    }

    .item-tr-box.flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 29px;
        padding-top: 38px
    }

    .icon-wrap {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .btn.item-present {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: span 2/5;
        -ms-grid-row: 3;
        grid-row: 3;
        margin-top: 9px;
        margin-left: 0;
        width: 100%
    }

    .item-info {
        font-size: 14px;
        line-height: 163%;
        padding-right: 10px;
        color: #868c91;
        font-weight: 500;
        padding-top: 0;
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .item-descr-box.flex {
        padding: 2px 58px 0 33px;
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    footer {
        padding: 35px 0
    }

    .footer-item:nth-child(1) {
        width: 25%
    }

    .footer-item:nth-child(3) {
        width: 69%;
        margin-top: 45px
    }

    .footer-item:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 16px;
        margin-bottom: 11px
    }

    .btn.small-btn {
        margin-top: 0;
        padding: 17px 20px
    }

    img.main-img {
        position: absolute;
        right: 24px;
        top: 10px;
        width: 244px
    }

    .num-small {
        position: absolute;
        left: -13px;
        top: -20px
    }

    .main-tr-item p {
        margin-top: 19px;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%
    }

    .main-tr-box.flex {
        background: #fff;
        color: #000;
        border-radius: 9px;
        margin: 72px 0 -35px;
        -webkit-box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        padding: 51px 21px 45px 35px;
        z-index: 2
    }

    .video-box.flex {
        margin-top: 83px;
        margin-bottom: 74px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .title {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 24px;
        line-height: 128%
    }

    .video-box.flex p {
        font-size: 16px;
        line-height: 151%;
        font-weight: 500
    }

    .info {
        width: 57%
    }

    .video-wrap {
        height: 481px;
        width: 100%;
        margin-right: 0;
        background: #000;
        margin-top: 29px
    }

    .video-box.flex {
        margin-top: 83px;
        margin-bottom: 54px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section#content {
        background-position-y: -163px;
        background-size: 590px
    }

    .box-wrap.flex-wrap {
        width: 1106px;
        overflow-x: auto;
        overflow-y: hidden
    }

    .box-item {
        background: #fff;
        color: #000;
        border-radius: 7px;
        width: 23.7%;
        overflow: hidden;
        margin: 1px 0 57px;
        -webkit-transition: .2s all;
        -o-transition: .2s all;
        transition: .2s all
    }

    section#content2 {
        padding-top: 35px
    }

    .ask-box.flex .btn {
        position: absolute;
        right: 29px;
        top: 50px;
        width: 265px
    }

    .ask-box.flex .title {
        margin-bottom: 11px;
        line-height: 130%
    }

    .ask-box.flex p {
        white-space: pre-line;
        font-size: 18px;
        line-height: 152%;
        margin-right: 10%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .ask-box.flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        background: #003266;
        border: 3px solid #fff;
        border-radius: 0;
        margin: 43px 30px;
        margin-bottom: 49px;
        padding: 32px 34px 39px 39px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .box-item:hover {
        -webkit-box-shadow: 0 37px 60px -16px #5eb6fe;
        box-shadow: 0 37px 60px -16px #5eb6fe
    }

    section#main.offer img.main-img {
        right: 20px;
        top: 69px
    }

    section#main.offer {
        padding-bottom: 166px
    }

    .big-box-content {
        padding-top: 130px
    }

    .big-box-content p strong {
        color: #2c9aff;
        font-size: 52px;
        font-weight: 500;
        display: block;
        margin-bottom: 19px
    }

    .main-tr-box.flex.main-tr-box-big .btn {
        font-size: 19px;
        padding: 27px 54px;
        margin-top: 246px
    }

    .big-box-content p {
        color: #868c91;
        white-space: normal;
        font-size: 16px;
        line-height: 150%;
        margin-top: 27px;
        border-bottom: thin solid #f1f2f3;
        padding-bottom: 22px
    }

    .big-box-content p strong {
        color: #2c9aff;
        font-size: 52px;
        font-weight: 500;
        display: block;
        margin-bottom: 19px
    }

    .big-box-content {
        padding-top: 130px;
        width: 40%
    }

    .main-tr-box.flex.main-tr-box-big {
        margin: -83px 0 19px;
        padding: 27px 111px 26px 39px;
        background-position: -9px 97px;
        background-repeat: no-repeat;
        background-size: 52%
    }

    section#content.offer {
        padding-top: 43px
    }

    .flex-item {
        background: #fff;
        width: 32%;
        border-radius: 8px;
        padding: 19px 18px;
        height: 207px
    }

    .flex-item .num.abs {
        right: 27px;
        top: 17px;
        color: #edeef1;
        font-size: 26px
    }

    .flex-item p {
        white-space: pre-line;
        font-size: 14.2px;
        line-height: 158%
    }

    .flex-item-img {
        height: 72px
    }

    .content-box.flex-wrap {
        margin: 28px 0 56px
    }

    .content {
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 431px auto;
        width: 100%;
        padding-top: 25px;
        white-space: normal;
        font-size: 18px;
        color: #868c91;
        margin-bottom: 0;
        font-weight: 300;
        padding-left: 33px;
        min-height: 239px;
        padding-bottom: 10px;
        line-height: 139%
    }

    .white-box.flex {
        background: #fff;
        margin-bottom: 48px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 6px
    }

    form.form-box.flex-wrap.blue-box .title {
        width: 100%;
        text-align: center;
        margin-bottom: 19px;
        color: #fff;
        font-size: 22px
    }

    form.form-box.blue-box input {
        width: 32.6%;
        background: #fff;
        margin-bottom: 0;
        height: 51px;
        padding-left: 23px;
        font-size: 14px
    }

    form.form-box .btn.submit {
        font-size: 19px;
        padding: 26px 65px;
        margin: 20px auto 0
    }

    form.form-box.flex-wrap.blue-box {
        background: #003266;
        border-radius: 11px;
        padding: 23px 28px 20px;
        margin-bottom: 52px;
        margin: 9px 0 43px
    }

    .page-title {
        margin: 42px 0 39px;
        font-size: 32px;
        padding-bottom: 16px
    }

    form.form-box.flex-wrap .title {
        color: #000;
        font-size: 20px;
        width: 100%;
        margin-bottom: 17px
    }

    form.form-box.flex-wrap input {
        background: #f1f2f4;
        width: 33%;
        margin-bottom: 5px;
        height: 53px;
        padding-left: 23px;
        font-size: 14px
    }

    form.form-box.flex-wrap textarea {
        width: 100%;
        min-height: 81px;
        background: #f1f2f4;
        padding: 18px 19px 11px;
        display: block;
        height: auto;
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 19px
    }

    form.form-box.flex-wrap.blue-box .btn.submit {
        margin: 20px auto 0
    }

    .polit-descr {
        color: #000;
        white-space: pre-line;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        font-size: 10px;
        margin-left: 6px;
        line-height: 160%;
        padding-top: 19px
    }

    form.form-box.flex-wrap {
        background: #fff;
        border-radius: 10px;
        margin: 42px 0 53px;
        padding: 23px 29px 25px
    }

    .thanks-page h2 {
        font-size: 24px;
        padding: 22px 0 0
    }

    .thanks-page h2+p {
        color: #fff;
        margin: 30px 0 37px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        left: 0;
        top: 0;
        line-height: 170%;
        width: 65%
    }

    .thanks-page {
        padding-bottom: 97px
    }

    form.form-box.flex-wrap .btn.submit {
        margin-top: 0
    }

    form.form-box.blue-box .input-box {
        width: 33%
    }

    .contact .suggestions-suggestions {
        top: -8px
    }

    .box-wrap.flex-wrap {
        margin-top: 9px;
        padding-top: 26px
    }

    .title+p {
        font-size: 18px;
        line-height: 124%
    }

    .text {
        padding-right: 6px
    }

    .text p strong {
        display: block;
        font-weight: 600;
        font-size: 30px;
        line-height: 122%;
        margin-bottom: 23px
    }

    .text p {
        font-size: 16px;
        padding-top: 42px;
        line-height: 151%
    }

    .big-num.abs {
        right: -62px;
        top: 176px;
        text-shadow: 0 1px 0 rgb(66 122 217 / .004);
        color: #63a5fa;
        white-space: pre-line;
        text-align: center;
        font-size: 151px;
        font-weight: 700;
        display: flex;
        line-height: 41px;
        align-items: flex-start;
        transform: rotate(-90deg)
    }

    .big-num.abs span {
        font-size: 30px;
        display: inline-block;
        line-height: 107%;
        text-align: left;
        margin-left: 26px
    }

    .ask-box.flex .btn {
        position: absolute;
        right: 29px;
        top: 33px;
        width: 215px;
        padding: 20px 0
    }

    .ask-box.flex p {
        white-space: pre-line;
        font-size: 18px;
        line-height: 152%;
        margin-right: 10%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 18px
    }

    .ask-box.flex {
        max-width: 686px;
        margin-left: auto;
        margin-right: auto
    }

    h1.h1-small {
        font-size: 35px;
        margin-top: 63px !important;
        margin-bottom: 27px;
        text-align: center;
        white-space: normal
    }

    h1.h1-small+p {
        font-size: 17px;
        text-align: center;
        white-space: normal;
        padding: 0 21%
    }

    form.form-box.flex-wrap.white-box.abs {
        width: 397px;
        top: auto;
        right: 0;
        margin-left: 48%;
        z-index: 2;
        flex-direction: column;
        position: relative
    }

    .main-tr-box.flex.flex-wrap {
        box-shadow: none;
        background: #fff0;
        margin: 43px 0 0 0;
        padding: 0
    }

    #tarif-content .main-tr-item {
        background: #fff;
        width: 48.2%;
        border-radius: 8px;
        margin-bottom: 31px;
        height: 191px;
        padding-left: 27px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding-top: 34px
    }

    #tarif-content .main-tr-item p {
        white-space: normal;
        font-size: 15px;
        font-weight: 500;
        line-height: 153%;
        margin-top: 18px;
        padding-left: 0;
        padding-right: 20px
    }

    section#tarif-content form .title {
        color: #000;
        font-size: 22px;
        font-weight: 500
    }

    section#tarif-content form.form-box.flex-wrap .btn.submit {
        margin: 12px 0 0 0
    }

    section#tarif-content form.form-box.flex-wrap.white-box.abs {
        width: 45%;
        top: 9px;
        right: 0;
        margin-left: 0;
        z-index: 2;
        flex-direction: column;
        position: absolute
    }

    section#tarif-content form.form-box.flex-wrap.white-box.abs .input-box,
    section#tarif-content form.form-box.flex-wrap.white-box.abs input {
        margin-bottom: 19px;
        width: 100%;
        height: 72px;
        font-size: 16px;
        margin-bottom: 13px;
        width: 100%;
        height: 50px;
        font-size: 16px
    }

    section#tarif-content form.form-box.flex-wrap .btn.submit {
        margin: 12px 0 0 0;
        font-size: 19px;
        padding: 26px 45px;
        margin: 10px auto 0;
        width: 100%
    }
}

@media (max-width:950) {
    .item-info {
        font-size: 14px;
        line-height: 132%;
        top: -13px
    }
}

@media (max-width:767px) {
    .wrap {
        width: 100%;
        max-width: 420px;
        padding: 0 20px
    }

    a.logo {
        font-weight: 600;
        font-size: 21px;
        margin-left: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        letter-spacing: 1.1px;
        font-weight: 700
    }

    a.logo small {
        font-size: 14px;
        color: #858e97;
        display: block;
        font-weight: 500;
        margin-top: 0;
        letter-spacing: .7px
    }

    .city-wrap {
        display: none
    }

    header .wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    header .btn {
        font-weight: 700;
        font-size: 9px;
        padding: 9px 15px;
        margin: 0 22px
    }

    .main h1+p {
        text-align: center;
        font-size: 18px;
        margin-bottom: 21px;
        font-weight: 500
    }

    .main h1 {
        text-align: center;
        font-size: 60px;
        margin-top: 29px;
        margin-bottom: 0
    }

    section#main.main {
        z-index: 1;
        padding-bottom: 0
    }

    .catalogue-wrap {
        margin-top: 40px;
        margin-bottom: 51px
    }

    .item>:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .item-header.flex img {
        max-height: initial;
        margin-right: 15px;
        max-width: 33%
    }

    .item-name {
        font-size: 15px;
        font-weight: 700;
        flex-grow: 1;
        text-align: left;
        word-break: break-word
    }

    .item-name small {
        display: block;
        font-size: 14px;
        margin-top: 10px;
        font-weight: 500
    }

    .item-header.flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        text-align: center;
        padding: 14px 20px;
        display: block
    }

    .item-img-slider {
        height: 220px;
        margin-right: 0;
        border-radius: 0
    }

    .item-info {
        font-size: 16px;
        line-height: 153%;
        padding-right: 0;
        top: 0;
        color: #868c91;
        font-weight: 500;
        padding-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 16px;
        padding: 0 20px;
        text-align: left;
        word-spacing: 3px
    }

    .item-descr-box.flex p {
        font-weight: 500;
        font-size: 19px;
        line-height: 115%;
        width: 48%;
        margin-bottom: 10px
    }

    .item-descr-box.flex {
        padding: 12px 12px 11px 25px;
        -ms-grid-column-span: 4;
        grid-column: span 4;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border: 2px solid #e5e6ea;
        border-radius: 9px;
        margin: 0 20px 14px;
        margin-top: 19px;
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .item-tr-box.flex {
        display: none
    }

    .btn.item-present {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin: 0 auto;
        margin-top: 9px;
        margin-left: auto;
        width: calc(100% - 40px);
        padding: 22px 20px;
        font-size: 16px
    }

    .item {
        padding: 0 0 32px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 3px;
        border-bottom: thin solid #bcbcbc;
        border-radius: 0;
        margin-left: -20px;
        width: calc(100% + 40px);
        border: none;
        margin-bottom: 24px;
        padding-bottom: 18px;
        box-shadow: 0 3px 16px -7px #0006
    }

    .item:nth-last-child(1) {
        border-bottom: none
    }

    footer {
        padding: 22px 0
    }

    .footer-item:nth-child(3) {
        display: none
    }

    footer a.logo {
        margin-bottom: 21px;
        display: block
    }

    .btn.small-btn {
        margin-top: 0;
        padding: 18px 35px;
        margin: 0 auto;
        font-size: 13px
    }

    .footer-item:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 6px;
        margin-bottom: 11px;
        border-bottom: thin solid #edeef1;
        padding-bottom: 22px
    }

    .footer-item:nth-child(4) div {
        position: absolute;
        right: 0;
        top: -82px
    }

    a.phone {
        display: block;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 3px
    }

    .footer-item p {
        color: #868c91;
        font-weight: 500;
        font-size: 10px;
        line-height: 150%;
        white-space: pre-line
    }

    .footer-item:nth-child(1) p {
        white-space: normal;
        line-height: 138%;
        position: absolute;
        top: 182px;
        width: 300px;
        font-size: 12px
    }

    .footer-item.w-100 {
        width: 100%;
        margin-top: 56px;
        border-top: none;
        padding-top: 17px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footer-item.flex.w-100 p {
        font-size: 12px;
        margin-bottom: 19px;
        white-space: inherit
    }

    .footer-item:nth-child(1) {
        width: 46%
    }

    h1 {
        white-space: pre-line;
        font-weight: 700;
        font-size: 28.5px;
        margin-top: 33px;
        line-height: 118%;
        margin-bottom: 19px
    }

    h1+p {
        white-space: normal;
        font-size: 18px;
        line-height: 146%;
        margin-bottom: 32px
    }

    .btn.big-btn {
        padding: 22px 19px;
        min-width: 263px;
        text-align: center;
        font-size: 16px;
        width: 100%
    }

    img.main-img {
        display: none
    }

    .num-small {
        position: absolute;
        left: -11px;
        top: -14px;
        font-size: 11px;
        font-weight: 500;
        width: 25px;
        height: 25px
    }

    .main-tr-item-img img {
        max-width: 100%
    }

    .main-tr-item-img {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 37px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: 16px;
        flex-shrink: 0
    }

    .main-tr-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 17px
    }

    .main-tr-box.flex {
        background: #fff;
        color: #000;
        border-radius: 9px;
        margin: 46px 0 -35px;
        -webkit-box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        padding: 35px 23px 9px 37px;
        z-index: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    section#content {
        background-position-y: 0;
        background-size: auto;
        background-image: none !important
    }

    .video-box.flex {
        margin-top: 65px;
        margin-bottom: 29px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .video-box.flex p {
        font-size: 14px;
        line-height: 156%;
        font-weight: 500
    }

    .title {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 14px;
        line-height: 128%
    }

    .video-wrap {
        height: auto;
        width: calc(100% + 40px);
        margin-right: 0;
        background: #000;
        margin-top: 24px;
        margin-left: -20px
    }

    .box-item {
        background: #fff;
        color: #000;
        border-radius: 7px;
        width: 223px;
        overflow: hidden;
        margin: 5px 0 38px;
        -webkit-transition: .2s all;
        -o-transition: .2s all;
        transition: .2s all
    }

    .box-header {
        font-weight: 700;
        font-size: 19px;
        padding: 20px 0;
        padding-left: 15px;
        margin-bottom: 28px
    }

    .box-text {
        padding-left: 24px;
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: space-between;
        padding-right: 18px;
        margin-bottom: 17px;
        padding-left: 13px
    }

    .box-text p {
        font-weight: 600;
        font-size: 14px;
        margin: 0
    }

    .box-text span {
        font-size: 11px
    }

    .box-item .btn {
        margin: 21px auto 19px;
        width: 80%;
        display: block;
        padding: 15px 0;
        text-align: center;
        font-size: 13px
    }

    section#content2 {
        padding-top: 32px
    }

    #content2 .title.text-center {
        text-align: left
    }

    section#content2 {
        background-color: #f3f3f3;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 146% auto;
        background-position: top center
    }

    .ask-box.flex p {
        white-space: normal;
        font-size: 15px;
        line-height: 152%;
        margin-right: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-weight: 500;
        text-align: center
    }

    .ask-box.flex .btn {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        padding: 22px 0;
        font-size: 16px;
        margin-top: 19px
    }

    .ask-box.flex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        background: #003266;
        border: 6px solid #fff;
        border-radius: 21px;
        margin-bottom: 30px;
        padding: 20px 14px 29px 13px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center
    }

    section#main {
        background-image: none;
        background-size: cover
    }

    .main-tr-item p {
        margin-top: 0
    }

    .info {
        width: 100%
    }

    .offer h1 {
        margin-top: 31px;
        white-space: normal
    }

    section#main.offer {
        padding-bottom: 160px
    }

    .big-box-content span {
        color: #868c91;
        white-space: pre-line;
        font-size: 14px;
        line-height: 151%
    }

    .big-box-content p strong {
        color: #2c9aff;
        font-size: 38px;
        font-weight: 500;
        display: block;
        margin-bottom: 10px
    }

    .big-box-content p {
        color: #868c91;
        white-space: normal;
        font-size: 16px;
        line-height: 150%;
        margin-top: 27px;
        border-bottom: thin solid #f1f2f3;
        padding-bottom: 18px
    }

    .main-tr-box.flex.main-tr-box-big .btn {
        font-size: 15px;
        position: absolute;
        padding: 24px 24px;
        margin-top: 246px;
        bottom: -569px;
        width: 100%;
        left: 0;
        text-align: center
    }

    h2 {
        white-space: pre-line;
        font-size: 41px;
        font-weight: 600;
        line-height: 100%
    }

    h2+p {
        white-space: normal;
        color: #868c91;
        font-size: 14px;
        line-height: 154%;
        margin-top: 14px;
        margin-bottom: 0;
        position: relative;
        right: 0;
        top: 0
    }

    .main-tr-box.flex.main-tr-box-big {
        margin: -123px 0 24px;
        padding: 20px 28px 94px 24px;
        background-position: center 159px;
        background-repeat: no-repeat;
        background-size: 280px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .big-box-content {
        padding-top: 228px;
        width: 100%
    }

    section#content.offer {
        padding-top: 28px
    }

    .flex-item p {
        white-space: normal;
        font-size: 16px;
        line-height: 138%;
        font-weight: 500;
        margin-top: 9px
    }

    .flex-item {
        background: #fff;
        width: 100%;
        border-radius: 8px;
        padding: 19px 29px;
        height: auto;
        margin-bottom: 16px
    }

    .content-box.flex-wrap {
        margin: 28px 0 24px
    }

    .white-box.flex {
        background: #fff0;
        margin-bottom: 48px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 6px
    }

    .content {
        display: none
    }

    form.form-box.flex-wrap.blue-box {
        background: #003266;
        border-radius: 11px;
        padding: 20px 22px 11px;
        margin-bottom: 52px;
        margin: 9px 0 31px
    }

    form.form-box.flex-wrap.blue-box .title {
        width: 100%;
        text-align: left;
        margin-bottom: 18px;
        color: #fff;
        font-size: 19px
    }

    form.form-box.flex-wrap input {
        background: #f1f2f4;
        width: 100%;
        margin-bottom: 10px;
        height: 52px;
        padding-left: 21px;
        font-size: 14px
    }

    form.form-box.flex-wrap .btn.submit {
        margin: 0 0;
        font-size: 16px;
        padding: 21px 45px;
        margin: 10px auto 12px;
        text-align: center;
        width: 100%
    }

    .page-title {
        margin: 22px 0 39px;
        font-size: 32px;
        padding-bottom: 18px
    }

    a.big-phone {
        font-size: 38px;
        display: inline-block;
        font-weight: 700;
        margin: 14px 0 13px
    }

    a.email-href {
        color: #56a7fb;
        font-size: 24px;
        font-weight: 500
    }

    form.form-box.flex-wrap .title {
        color: #000;
        font-size: 16px;
        width: 60%;
        margin-bottom: 17px
    }

    form.form-box.flex-wrap textarea {
        min-height: 139px;
        margin-bottom: 12px
    }

    form.form-box.flex-wrap .btn.submit {
        padding: 21px 25px
    }

    .polit-descr {
        color: #000;
        white-space: normal;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        font-size: 9.7px;
        margin-left: 0;
        line-height: 148%;
        padding-top: 4px;
        padding-bottom: 18px
    }

    form.form-box.flex-wrap {
        background: #fff;
        border-radius: 10px;
        margin: 42px 0 53px;
        padding: 18px 23px 5px
    }

    .thanks-page .page-title {
        line-height: 136%;
        margin: 0 0 13px
    }

    .thanks-page h2+p {
        color: #fff;
        margin: 22px 0 26px;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        left: 0;
        top: 0;
        line-height: 161%;
        width: 85%
    }

    .thanks-page a.btn.big-btn {
        min-width: 260px
    }

    .thanks-page {
        padding-bottom: 45px
    }

    .grey-block .page-title {
        color: #0c0c0e;
        margin: 0 0 18px;
        padding-top: 31px;
        border-color: #dedfe1;
        font-weight: 500;
        padding-bottom: 17px;
        line-height: 127%;
        font-size: 26px;
        white-space: normal
    }

    .polit-wrapper {
        color: #a1a4a8;
        font-size: 14px;
        padding: 7px 0 0;
        line-height: 160%;
        margin-bottom: 52px
    }

    .polit-page .grey-block {
        padding-bottom: 70px
    }

    .modal_form {
        width: 88%
    }

    form.custom-form.modal-form {
        padding: 17px 24px
    }

    .modal-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 143%;
        margin-bottom: 18px
    }

    .close {
        position: absolute;
        right: 4px;
        top: -2px;
        z-index: 10;
        color: grey;
        font-size: 24px;
        cursor: pointer;
        padding: 10px;
        font-weight: 600
    }

    form.custom-form input,
    form.custom-form select,
    form.custom-form textarea {
        width: 100%;
        background: #f1f2f3;
        border-radius: 9px;
        display: block;
        height: 51px;
        margin-bottom: 11px;
        font-size: 14px;
        padding-left: 20px
    }

    .custom-form .btn.submit {
        width: 100%;
        text-align: center;
        margin-top: 9px;
        font-size: 16px;
        padding: 26px 0;
        margin-bottom: 17px
    }

    .modal-form .polit-descr {
        white-space: normal;
        font-size: 9.7px;
        margin: 0;
        width: 100%;
        padding: 0;
        line-height: 144%
    }

    .modal-grey-box {
        width: 100%;
        text-align: center;
        background: #f1f2f3;
        font-weight: 500;
        font-size: 11px;
        padding: 16px 0;
        border-radius: 0 0 10px 10px
    }

    form.custom-form textarea {
        padding-top: 14px;
        min-height: 80px
    }

    .box-wrap.flex-wrap {
        width: 100%;
        display: block;
        overflow: hidden;
        padding: 3px 24% 27px 40px
    }

    .box-item {
        display: inline-block;
        opacity: .7;
        margin: 29px 4px 21px;
        height: 299px;
        vertical-align: top
    }

    .box-item .btn {
        background: #eaeaea;
        box-shadow: none;
        border-color: #cdcdcd
    }

    section#content {
        overflow: hidden
    }

    .content-item img,
    .content-item p {
        display: block
    }

    .content-item {
        display: inline-flex;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 24px 40px 0 rgb(5 5 5 / .06);
        width: 216px;
        padding: 15px 12px 0 15px;
        overflow: hidden;
        vertical-align: top;
        margin-right: 14px;
        height: 333px;
        flex-direction: column;
        opacity: .6;
        margin: 28px 0
    }

    .content-item p {
        font-size: 12.3px;
        line-height: 159%;
        font-weight: 500;
        margin-bottom: 7px;
        padding-left: 5px;
        flex-grow: 1;
        padding-top: 4px
    }

    .content-item img {
        width: 141%
    }

    #content .slick-disabled {
        opacity: 0 !important
    }

    form.form-box.flex-wrap.blue-box .btn.submit {
        margin: 10px auto 12px
    }

    #city-popup .top-form.popup.flex {
        flex-direction: column-reverse
    }

    .city-content {
        width: 100%;
        padding: 19px 21px 9px 21px
    }

    .city-content-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 17px
    }

    input#city-search {
        width: 100%;
        display: block;
        height: 51px;
        background: #f1f2f4;
        border-radius: 8px;
        padding-left: 23px;
        font-size: 14px
    }

    .city-search-box span {
        display: block;
        font-weight: 500;
        padding: 6px 0 5px 19px;
        font-size: 13px;
        line-height: 129%;
        cursor: pointer
    }

    .city-search-box {
        width: 100%;
        max-height: 125px;
        margin-top: 13px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .city-list {
        width: 100%;
        background: #f1f2f4;
        height: 296px;
        overflow-x: hidden;
        max-height: 90vh;
        padding: 16px 0 0 0;
        overflow-y: scroll
    }

    .city-tab {
        padding-left: 23px
    }

    .city-list-box span {
        padding-left: 44px
    }

    .city-search-box span.new-line strong {
        left: 0;
        font-weight: 500;
        top: 6px
    }

    span.new-line strong {
        left: 23px
    }

    .city-wrap {
        position: absolute;
        left: 0;
        right: 0;
        top: -20px;
        z-index: 3;
        display: block;
        width: calc(100% - 37px);
        text-align: center;
        padding-left: 37px
    }

    .city-name {
        display: none
    }

    div#city-popup {
        z-index: 999999
    }

    .city-name {
        display: none;
        color: #000;
        cursor: pointer;
        font-size: 17px;
        padding-right: 15px;
        margin-top: -1px
    }

    .city-name:after {
        border-color: #000
    }

    .footer-item:nth-child(1) {
        width: 100%
    }

    .footer-item:nth-child(4) {
        width: auto;
        border: none;
        margin-top: 6px;
        margin-bottom: 0
    }

    .footer-item .btn.small-btn {
        font-size: 11px;
        padding: 18px 24px
    }

    .footer-item.flex.w-100 {
        border-top: thin solid #edeef1;
        margin-top: 12px;
        padding-bottom: 28px;
        padding-right: 0;
        font-size: 11px
    }

    .footer-item:nth-child(4) div {
        position: absolute;
        right: 0;
        top: -50px;
        width: 12rem
    }

    .footer-item:nth-child(1) p {
        white-space: normal;
        line-height: 138%;
        position: absolute;
        top: 162px;
        width: 41%;
        font-size: 10px;
        right: 0;
        left: auto
    }

    .content {
        display: block;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 24px 40px 0 rgb(5 5 5 / .06);
        width: 100%;
        padding: 9px 12px 0 15px;
        overflow: hidden;
        vertical-align: top;
        margin-right: 14px;
        height: auto;
        flex-direction: column;
        opacity: 1;
        margin: 0 0;
        background-size: auto 169px;
        background-position: center bottom
    }

    .content p {
        width: 100%;
        font-size: 12.3px;
        line-height: 159%;
        font-weight: 500;
        margin-bottom: 187px;
        padding-left: 5px;
        flex-grow: 1;
        padding-top: 4px
    }

    .content-item img,
    .content-item p {
        display: none
    }

    .content-item {
        background: 0 0;
        box-shadow: none;
        opacity: 1;
        width: auto;
        display: inline-block;
        height: auto;
        margin: 0;
        padding: 5px;
        margin-right: -8px
    }

    form.form-box.flex-wrap .input-box {
        width: 100%
    }

    .box-header small {
        font-size: 14px
    }

    .title+p {
        font-size: 15px;
        line-height: 156%;
        font-weight: 500
    }

    .text p {
        font-size: 16px;
        padding-top: 17px;
        line-height: 151%;
        padding-left: 24px;
        padding-right: 24px
    }

    .text {
        background: #fff;
        padding-bottom: 25px
    }

    .text p strong {
        display: block;
        font-weight: 500;
        font-size: 24px;
        line-height: 122%;
        margin-bottom: 23px
    }

    .big-num.abs span {
        font-size: 30px;
        display: block;
        line-height: 92%;
        text-align: center;
        margin-left: 0;
        margin-top: 38px;
        margin-bottom: 100px
    }

    .big-num.abs {
        right: 0;
        top: 0;
        text-shadow: 0 1px 0 rgb(66 122 217 / .004);
        color: #63a5fa;
        white-space: pre-line;
        text-align: center;
        font-size: 152px;
        font-weight: 700;
        display: flex;
        line-height: 37%;
        align-items: flex-start;
        position: relative;
        transform: none;
        flex-direction: column;
        text-align: center;
        align-items: center
    }

    .ask-box.flex p {
        margin-top: 11px;
        text-align: left;
        padding-left: 0;
        padding-right: 20px;
        font-size: 16px
    }

    .ask-box.flex .btn {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        padding: 22px 0;
        font-size: 16px;
        margin-top: 15px;
        margin-left: -20px;
        width: calc(100% + 20px)
    }

    .ask-box.flex {
        align-items: flex-start;
        padding-left: 38px;
        border: 3px solid #fff;
        border-radius: 0;
        margin: 23px 0 30px;
        padding-bottom: 61px
    }

    .catalogue-wrap h2 {
        margin: 35px 0 14px;
        font-size: 25px;
        text-align: center
    }

    .offer h1.h1-small {
        font-size: 24px;
        margin-top: 43px !important;
        margin-bottom: 15px;
        text-align: left;
        white-space: normal
    }

    h1.h1-small+p {
        font-size: 14px;
        text-align: left;
        line-height: 127%;
        white-space: normal;
        padding: 0
    }

    form.form-box.flex-wrap.white-box.abs {
        width: 100%;
        top: auto;
        right: 0;
        margin-left: 0;
        z-index: 2;
        flex-direction: column;
        position: relative;
        margin-top: 18px
    }

    form.form-box.flex-wrap.white-box.abs .title {
        margin-bottom: 18px;
        line-height: 138%;
        font-size: 19px;
        width: 100%
    }

    .left {
        width: 100%;
        padding-top: 0
    }

    .main-tr-box.flex.flex-wrap {
        box-shadow: none;
        background: #fff0;
        margin: 4px 0 0 0;
        padding: 0;
        background: #fff;
        color: #000;
        border-radius: 9px;
        margin: 18px 0 23px;
        -webkit-box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        box-shadow: 0 4px 18px -4px rgb(0 0 0 / 33%);
        padding: 27px 17px 12px 23px;
        z-index: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #tarif-content .main-tr-item {
        background: #fff;
        width: auto;
        border-radius: 0;
        margin-bottom: 17px;
        height: auto;
        padding-left: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        padding-top: 0
    }

    #tarif-content .main-tr-item p {
        white-space: normal;
        font-size: 15px;
        font-weight: 500;
        line-height: 153%;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    section#tarif-content form.form-box.flex-wrap.white-box.abs {
        width: 100%;
        top: auto;
        right: 0;
        margin-left: 0;
        z-index: 2;
        flex-direction: column;
        position: relative;
        margin-top: 18px
    }

    section#tarif-content form.form-box.flex-wrap.white-box.abs .input-box,
    section#tarif-content form.form-box.flex-wrap.white-box.abs input {
        margin-bottom: 13px;
        width: 100%;
        height: 50px;
        font-size: 16px
    }

    .color-bg .ask-box.flex {
        border: none;
        padding: 15px 0 29px 6px;
        margin: 7px 0 27px
    }

    .color-bg .ask-box.flex .btn {
        margin-left: 0;
        width: 100%
    }

    section#tarif-content form.form-box.flex-wrap .btn.submit {
        margin: 10px auto 12px
    }

    .modal-title.small-title {
        font-size: 15px
    }
}

@media (max-width:375px) {
    .content-item {
        margin-right: -12px
    }

    a.mailto {
        font-size: 11px
    }
}

@media (max-width:360px) {
    .item-info {
        word-spacing: 4px
    }
}

@media (max-width:767px) {
    .btn.big-btn.btn-pdf-new {
        padding-left: 19px;
        text-align: center
    }

    .i-download-pdf {
        display: none
    }

    form fieldset.options {
        flex-direction: row;
        font-size: 12px;
        gap: 2px
    }

    form fieldset.options .field {
        padding: 0
    }

    #limit-modal .title+p,
    #limit-modal-dubl .title+p,
    #success-modal .title+p {
        font-size: 14px
    }

    #footer>.wrap {
        padding: 0 10px
    }

    .footer-item:nth-child(1) p {
        position: relative;
        top: 0;
        width: auto;
        line-height: 1.6;
        font-size: 12px
    }

    .footer-item:nth-child(4) div {
        position: relative;
        top: 0;
        left: 0
    }
}

header a.logo {
    font-size: 39px
}

a.phone {
    font-size: 26px
}

header {
    margin: 61px 0
}

h1 {
    white-space: pre-line;
    font-weight: 700;
    font-size: 65px;
    margin-top: 80px;
    line-height: 118%;
    margin-bottom: 67px
}

h1+p {
    font-size: 30px;
    white-space: pre-line
}

.btn-wrap.flex {
    margin: 98px 0 122px;
    width: 58%
}

.btn-wrap .btn.big-btn {
    padding: 26px 76px;
    font-size: 18px
}

.btn.white-btn {
    background: #fff;
    color: #183b71;
    -webkit-box-shadow: 0 0 14px rgb(229 246 255), inset 0 0 9px 0 #fff;
    box-shadow: 0 0 14px rgb(229 246 255), inset 0 0 9px 0 #fff;
    border: none
}

section#main {
    background-size: cover
}

section#info .title {
    text-align: center
}

section#info {
    padding-top: 104px
}

.info-item {
    background-size: cover;
    height: 326px;
    width: 49%;
    border-radius: 8px;
    padding: 49px 26px 0 27.7%
}

.info-item p b {
    color: #868c91;
    display: block;
    font-weight: 600;
    margin-bottom: 14px
}

.info-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 170%
}

.info-item {
    background-size: cover;
    height: 326px;
    width: 49%;
    border-radius: 8px;
    padding: 49px 60px 0 27.7%
}

.info-item:nth-child(1),
.info-item:nth-child(4) {
    color: #fff
}

.info-item:nth-child(3),
.info-item:nth-child(4) {
    padding-left: 25%
}

.blue {
    background-color: #003266;
    color: #fff
}

section#salary .title {
    text-align: center;
    margin-top: 90px
}

.salary-box.flex.flex-wrap {
    margin-top: 75px
}

.salary-set {
    width: 32.1%
}

.salary-set span,
.span {
    font-size: 20px;
    display: block;
    line-height: 129%
}

.salary-sliders {
    width: 60%
}

.salary-set select {
    width: 100%;
    background: #fff;
    border-radius: 9px;
    margin-top: 13px;
    height: 47px;
    margin-bottom: 28px;
    color: #000;
    padding-left: 18px;
    font-size: 20px
}

.salary-output {
    border: thin solid #2b557f;
    border-radius: 5px;
    margin-bottom: 31px;
    margin-top: 12px;
    color: #66a9fb;
    font-weight: 900;
    font-size: 25px;
    padding: 12px 0 9px 30px
}

.calc-descr {
    width: 32.1%;
    margin-top: 73px;
    padding-top: 28px;
    line-height: 158%;
    font-weight: 100;
    border-top: thin solid #00418b;
    -webkit-box-shadow: 0 -1px 0 0 #001f4c;
    box-shadow: 0 -1px 0 0 #001f4c
}

.salary-descr {
    width: 60%;
    border: thin solid #2b557f;
    background: #174474;
    margin-top: 31px;
    border-radius: 12px;
    padding-left: 120px
}

section#salary .salary-descr .title {
    text-align: left;
    font-size: 23px;
    margin-top: 27px;
    margin-bottom: 17px
}

.salary-descr li {
    font-size: 20px;
    list-style-type: none;
    padding-left: 50px;
    margin-bottom: 10px
}

.salary-descr li:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 0;
    border: 3px solid #65a8f9;
    height: 15px;
    width: 9px;
    -webkit-transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    transform: rotate(47deg);
    border-width: 0 3px 3px 0
}

.salary {
    width: 100%;
    border-top: thin solid #00418b;
    -webkit-box-shadow: 0 -1px 0 0 #001f4c;
    box-shadow: 0 -1px 0 0 #001f4c;
    margin-top: 38px;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

b.salary-amount {
    color: #ffe243;
    font-size: 59px;
    white-space: nowrap
}

section#salary .salary .title {
    margin-top: 65px
}

#hr section#content {
    background-position: bottom left;
    padding-top: 117px;
    padding-bottom: 110px
}

.blue.black-blue {
    background: #0b1e32
}

#content .title {
    line-height: 122%;
    white-space: pre-line;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 98px
}

#content .title+p {
    font-size: 24px;
    line-height: 151%;
    margin-top: 4px
}

.title+p a {
    color: #005fd3
}

#hr .main-tr-box.flex {
    margin-top: 50px;
    margin-bottom: 127px
}

.title.title-small {
    font-size: 30px
}

.video-frame {
    width: 63%;
    background: #000;
    height: 547px
}

section#find {
    padding-top: 141px;
    padding-bottom: 102px
}

#find .title+p {
    font-size: 24px;
    line-height: 150%;
    width: 64%
}

.find-wrap.flex-wrap {
    margin-top: 80px
}

.find-item {
    background: #fff;
    color: #000;
    width: 15%;
    border-radius: 11px;
    padding: 37px 18px 0;
    height: 342px;
    margin-bottom: 32px
}

.img-wrap {
    text-align: center
}

.img-wrap .num {
    z-index: 2;
    background: #60a2fa;
    color: #fff;
    font-weight: 600;
    width: 41px;
    height: 41px;
    padding: 0;
    border-radius: 50%;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 35px;
    top: 2px
}

.find-item p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 148%
}

.find-item.big-item {
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 51px 20px 0 70px;
    height: 230px
}

.find-item.big-item .img-wrap .num {
    left: -13px
}

.find-item.big-item p {
    margin-top: 0;
    padding-left: 70px
}

section#work {
    padding-top: 140px;
    background: #f1f2f4
}

.work-wrap.flex-wrap {
    margin: 90px 0 135px
}

.work-item.flex {
    width: 49%;
    background: #fff;
    border-radius: 11px
}

.work-item.flex {
    width: 49%;
    background: #fff;
    border-radius: 9px;
    height: 261px;
    margin-bottom: 29px;
    overflow: hidden
}

.work-img {
    width: 48%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover
}

.work-item span.num.abs {
    color: #66a9fb;
    font-weight: 600;
    font-size: 23px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    left: -20px;
    top: 43px
}

.work-item.flex p {
    padding: 50px 32px 0 30px;
    font-size: 16px;
    white-space: pre-line;
    line-height: 150%
}

.work-item.flex p b {
    font-size: 20px;
    display: inline-table;
    margin-bottom: 11px
}

section#garden {
    padding-top: 175px;
    background-position: top right;
    background-color: #0a1f32;
    background-repeat: no-repeat
}

.garden-wrap.flex {
    margin: -144px 0 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.garden-wrap img:nth-child(1) {
    -ms-flex-item-align: end;
    align-self: flex-end
}

#garden .descr {
    margin: -134px 54px 123px 69.3%;
    font-size: 24px;
    line-height: 152%
}

section#more {
    background: #f1f2f4;
    padding-top: 129px
}

.more-wrap.flex-wrap {
    margin: 122px 0 0
}

.more-item .img-wrap {
    text-align: left;
    padding-inline: 21px
}

.more-item .img-wrap .num {
    left: 0;
    top: -21px
}

.more-item {
    width: 20%;
    margin-bottom: 81px
}

.more-item p {
    font-size: 18px;
    line-height: 151%;
    margin-top: 34px;
    padding-right: 38px
}

section#about {
    padding-top: 123px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #0a1f32
}

.float-content {
    margin-left: 49%
}

.float-content .title+p {
    font-size: 24px;
    line-height: 153%
}

.work-box {
    background: #fff;
    border-radius: 6px;
    margin-top: 56px;
    margin-bottom: 90px;
    padding: 42px 49px 20px
}

.work-box .work-item.flex {
    width: auto;
    height: auto;
    color: #000;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.work-box .work-item.flex span {
    color: #60a2fa;
    font-size: 24px;
    padding: 6px 0 0 9px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 180px
}

.work-box .work-item.flex p {
    padding: 0;
    font-size: 20px;
    padding: 5px ​0 0 0 !important
}

section#vacancy {
    padding-top: 129px;
    background: #f1f2f4;
    white-space: normal;
    padding-bottom: 182px
}

.vacancy-wrap.flex.flex-wrap {
    width: 49%;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.vacancy-item {
    width: 48%;
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    margin-top: 24px;
    height: 209px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.vacancy-item {
    width: 48%;
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    padding-right: 22px;
    margin-top: 24px;
    height: 209px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 63px
}

.vacancy-item p b {
    font-size: 24px;
    line-height: 160%;
    display: inline-block;
    margin-bottom: 8px
}

.vacancy-item p {
    font-size: 20px
}

.hidden-descr {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    height: 100%;
    background: rgb(0 43 88 / 92%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hidden-descr a {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    border-bottom: thin solid;
    padding-bottom: 9px
}

.vacancy-item:hover .hidden-descr {
    bottom: 0
}

.vacancy-wrap.flex.flex-wrap.disabled {
    pointer-events: none;
    opacity: .35
}

.hidden-descr a:hover {
    border-bottom-color: transparent
}

section#also {
    background-position: bottom left;
    height: 572px;
    padding-top: 116px;
    background-repeat: no-repeat
}

#also p {
    margin-bottom: 78px
}

img.abs.hands {
    left: 0;
    bottom: 0
}

#also .wrap {
    height: 100%
}

section#contacts {
    height: 765px
}

div#ymap {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 56%
}

section#contacts .title {
    margin-top: 103px;
    margin-bottom: 80px
}

section#contacts span {
    color: #005fd3;
    display: block;
    font-size: 18px;
    margin-bottom: 11px
}

a.phone.contact-item {
    font-size: 47px;
    font-weight: 100;
    margin-bottom: 38px
}

.title+p.contact-item {
    font-size: 30px;
    margin-bottom: 32px
}

.contact-item {
    font-size: 30px;
    margin-bottom: 43px;
    display: inline-block
}

section#contact-form {
    padding: 90px 0
}

.work-item.flex:nth-last-child(1) p,
.work-item.flex:nth-last-child(2) p {
    padding-top: 19px
}

span.callback {
    cursor: pointer;
    color: #71a9e8;
    text-decoration: underline;
    font-size: 14px
}

span.callback:hover {
    text-decoration: underline
}

.name.abs strong {
    font-size: 30px
}

.name.abs {
    bottom: -9px;
    left: 0;
    font-size: 18px;
    line-height: 200%
}

.park-img {
    width: 31%;
    background-size: cover;
    height: 483px
}

.park-img.img-big {
    height: 676px
}

.park-img:nth-child(1) {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.slider-box {
    margin-bottom: 31px;
    margin-top: -12px
}

.open-modal {
    cursor: pointer
}

.salary-descr img {
    position: absolute;
    left: 40px;
    top: 30px
}

.salary-set.for-manager {
    width: 100%;
    border: thin solid #2b557f;
    background: #174474;
    border-radius: 12px;
    padding: 44px 31px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between
}

.for-manager.salary-set select {
    height: 68px;
    margin-top: 42px
}

.for-manager2.slider-for-manager {
    width: 100%;
    margin-top: 15px
}

.for-manager2.fix-pay {
    width: 31%
}

.for-manager2.zoom-salary {
    width: 31%
}

.for-manager .salary-output {
    border: thin solid #2b557f;
    border-radius: 5px;
    margin-bottom: 31px;
    margin-top: 15px;
    color: #66a9fb;
    font-weight: 900;
    font-size: 30px;
    padding: 19px 0 20px 30px
}

.for-manager .slider-box {
    margin-bottom: 31px;
    margin-top: 0
}

.calc-descr.for-manager2 {
    box-shadow: none;
    width: 100%;
    border: none;
    text-align: center;
    margin: 17px 0 0;
    color: #4275aa;
    padding: 0
}

.salary-descr2.for-manager2 b {
    color: #66a9fb
}

.for-manager2 .salary-output.fix-pay {
    margin-top: 40px
}

.salary-descr2.for-manager2 {
    text-align: center;
    width: 100%;
    font-size: 30px;
    margin-top: 64px;
    background: #003266;
    padding-bottom: 32px;
    margin-bottom: 0
}

.salary.for-manager {
    flex-direction: column;
    margin-bottom: 70px
}

@media (max-width:1620px) {
    .wrap {
        width: 1173px
    }

    header {
        margin: 40px 0
    }

    h1 {
        white-space: pre-line;
        font-weight: 700;
        font-size: 47px;
        margin-top: 43px;
        line-height: 121%;
        margin-bottom: 40px
    }

    .btn-wrap.flex {
        margin: 60px 0 77px;
        width: 77%
    }

    h1+p {
        font-size: 24px;
        white-space: pre-line
    }

    .info-item {
        background-size: cover;
        height: 326px;
        width: 49%;
        border-radius: 8px;
        padding: 61px 26px 0 28.2%
    }

    .info-item p {
        font-size: 16px;
        font-weight: 400;
        line-height: 164%
    }

    .info-item:nth-child(2),
    .info-item:nth-child(4) {
        background-position-x: -100px
    }

    .calc-descr,
    .salary-set {
        width: 34.4%
    }

    .salary-descr,
    .salary-sliders {
        width: 59.4%
    }

    #hr section#content {
        background-position: bottom left;
        padding-top: 97px;
        padding-bottom: 103px
    }

    #content .title {
        margin-right: 86px
    }

    #content .title+p {
        font-size: 20px
    }

    #hr .main-tr-box.flex {
        margin-top: 31px;
        margin-bottom: 78px
    }

    #content .title.title-small {
        font-size: 24px;
        line-height: 152%
    }

    .video-frame {
        width: 66%;
        background: #000;
        height: 429px
    }

    .salary-descr img {
        display: none
    }

    section#find {
        padding-top: 117px;
        padding-bottom: 72px
    }

    #find .title+p {
        font-size: 20px;
        line-height: 150%;
        width: 69%
    }

    .find-item {
        background: #fff;
        color: #000;
        width: 32%;
        border-radius: 5px;
        padding: 38px 18px 0;
        height: 197px;
        margin-bottom: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .img-wrap {
        text-align: left
    }

    .img-wrap .num {
        left: 9px;
        top: 9px
    }

    .img-wrap img {
        width: 88px;
        margin: 10px 0 0 21px
    }

    .find-item p {
        margin-top: 0;
        font-size: 16px;
        line-height: 148%;
        padding-left: 29px
    }

    .find-item.big-item {
        width: 49%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 35px 20px 0 19px;
        height: 210px
    }

    .salary-box.flex.flex-wrap {
        margin-top: 61px
    }

    .find-item.big-item p {
        margin-top: 0;
        padding-left: 27px
    }

    .find-item.big-item .img-wrap .num {
        left: 9px
    }

    section#work {
        padding-top: 103px
    }

    .work-wrap.flex-wrap {
        margin: 73px 0 80px
    }

    .work-img {
        width: 44.6%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .work-item.flex p {
        padding: 20px 32px 0 23px;
        font-size: 16px;
        white-space: pre-line;
        line-height: 150%
    }

    section#garden {
        padding-top: 145px
    }

    .garden-wrap.flex {
        margin: -122px 0 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .garden-wrap.flex img {
        width: 32%
    }

    #garden .descr {
        margin: -153px 54px 73px 69.3%;
        font-size: 19px;
        line-height: 152%
    }

    section#more {
        background: #f1f2f4;
        padding-top: 102px
    }

    .more-wrap.flex-wrap {
        margin: 101px 0 0
    }

    .more-item .img-wrap img {
        width: auto;
        margin: 0
    }

    .more-item p {
        font-size: 16px;
        line-height: 151%;
        margin-top: 24px;
        padding-right: 29px
    }

    section#about {
        padding-top: 71px
    }

    .float-content {
        margin-left: 57%
    }

    #about .title {
        line-height: 136%
    }

    .float-content .title+p {
        font-size: 18px;
        line-height: 148%
    }

    .work-box {
        background: #fff;
        border-radius: 6px;
        margin-top: 47px;
        margin-bottom: 68px;
        padding: 31px 27px 15px
    }

    .work-box .work-item.flex span {
        width: 148px
    }

    .work-box .work-item.flex p {
        padding: 0;
        font-size: 16px;
        padding: 7px 0 0 0
    }

    .work-item.flex:nth-last-child(1) p,
    .work-item.flex:nth-last-child(2) p {
        padding-top: 9px
    }

    .vacancy-item {
        background: #fff;
        border-radius: 7px;
        overflow: hidden;
        padding-right: 17px;
        margin-top: 24px;
        height: 176px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 41px
    }

    .vacancy-item p b {
        font-size: 20px;
        line-height: 160%;
        display: inline-block;
        margin-bottom: 8px
    }

    .vacancy-item p {
        font-size: 16px
    }

    section#vacancy {
        padding-top: 106px;
        background: #f1f2f4;
        white-space: normal;
        padding-bottom: 112px
    }

    section#also {
        background-position: bottom left;
        height: 519px;
        padding-top: 107px;
        background-repeat: no-repeat
    }

    img.abs.hands {
        left: -32px;
        bottom: 0;
        width: 606px
    }

    #also .float-content {
        margin-left: 51%
    }

    section#contacts .title {
        margin-top: 74px;
        margin-bottom: 66px
    }

    section#contacts {
        height: 641px
    }

    section#contact-form {
        padding: 48px 0
    }

    .park-img {
        width: 31%;
        background-size: cover;
        height: 403px
    }

    .park-img.img-big {
        height: 592px
    }

    .salary-descr {
        padding-left: 35px
    }

    section#salary .salary-descr .title {
        text-align: left;
        font-size: 20px;
        margin-top: 29px;
        margin-bottom: 21px
    }

    .salary-descr li {
        font-size: 17px;
        list-style-type: none;
        padding-left: 45px;
        margin-bottom: 10px
    }

    b.salary-amount {
        color: #ffe243;
        font-size: 51px;
        font-weight: 600;
        white-space: nowrap
    }

    section#salary .salary .title {
        margin-top: 37px;
        font-size: 24px
    }

    .salary {
        margin-bottom: 25px
    }

    .title+p.contact-item {
        font-size: 24px;
        margin-bottom: 31px
    }

    a.phone.contact-item {
        font-size: 40px;
        font-weight: 100;
        margin-bottom: 32px
    }

    .contact-item {
        font-size: 24px;
        margin-bottom: 39px;
        display: inline-block
    }

    .salary-box.flex.flex-wrap {
        margin-top: 74px
    }

    .salary-set.for-manager {
        padding: 34px 29px
    }

    .salary-set span,
    .span {
        font-size: 17px;
        display: block;
        line-height: 129%
    }

    .for-manager.salary-set select {
        height: 50px;
        margin-top: 28px;
        width: 360px
    }

    .for-manager .salary-output {
        border: thin solid #2b557f;
        border-radius: 5px;
        margin-bottom: 31px;
        margin-top: 7px;
        color: #66a9fb;
        font-weight: 900;
        font-size: 25px;
        padding: 10px 0 12px 30px
    }

    .for-manager2.slider-for-manager {
        width: 30.5%
    }

    .for-manager2.zoom-salary {
        width: 32%
    }

    .for-manager .slider-box {
        margin-bottom: 21px;
        margin-top: 5px
    }

    .salary-descr2.for-manager2 {
        text-align: center;
        width: 100%;
        font-size: 24px;
        margin-top: 64px;
        background: #003266;
        padding-bottom: 21px;
        margin-bottom: 0
    }

    .for-manager2 .salary-output.fix-pay {
        margin-top: 28px
    }

    .for-manager2.slider-for-manager {
        width: 100%
    }
}

@media (max-width:1170px) {
    .wrap {
        width: 100%;
        max-width: 960px;
        padding: 0 10px
    }

    h1 {
        white-space: pre-line;
        font-weight: 700;
        font-size: 48px;
        margin-top: 56px;
        line-height: 127%;
        margin-bottom: 35px
    }

    .btn-wrap.flex {
        margin: 66px 0 89px;
        width: 100%;
        max-width: 770px
    }

    .btn-wrap .btn.big-btn {
        padding: 26px 45px;
        font-size: 18px
    }

    section#info {
        padding-top: 79px
    }

    .info-item {
        background-size: cover;
        height: 273px;
        width: 100%;
        border-radius: 8px;
        padding: 65px 32px 0 52.2%;
        margin-bottom: 13px
    }

    .info-item:nth-child(3),
    .info-item:nth-child(4) {
        padding-left: 52.2%
    }

    .info-item:nth-child(2),
    .info-item:nth-child(4) {
        background-position-x: 0
    }

    .title {
        font-size: 30px
    }

    section#salary .title {
        text-align: center;
        margin-top: 86px
    }

    .salary-box.flex.flex-wrap {
        margin-top: 40px
    }

    .calc-descr,
    .salary-set {
        width: 48%
    }

    .salary-set span,
    .span {
        font-size: 14px;
        display: block
    }

    .salary-set select {
        width: 100%;
        background: #fff;
        border-radius: 9px;
        margin-top: 12px;
        height: 62px;
        margin-bottom: 31px;
        color: #000;
        padding-left: 21px;
        font-size: 16px
    }

    .salary-output {
        border: thin solid #2b557f;
        border-radius: 5px;
        margin-bottom: 25px;
        margin-top: 13px;
        color: #66a9fb;
        font-weight: 900;
        font-size: 30px;
        padding: 16px 0 14px 24px
    }

    .salary-descr,
    .salary-sliders {
        width: 49.4%
    }

    .calc-descr {
        margin-top: 23px;
        padding-top: 49px;
        line-height: 158%;
        font-weight: 100;
        border-top: thin solid #00418b;
        -webkit-box-shadow: 0 -1px 0 0 #001f4c;
        box-shadow: 0 -1px 0 0 #001f4c
    }

    .salary-descr {
        padding-left: 40px
    }

    section#salary .salary-descr .title {
        text-align: left;
        font-size: 20px;
        margin-top: 19px;
        margin-bottom: 11px
    }

    .salary-descr li {
        font-size: 18px;
        list-style-type: none;
        padding-left: 44px;
        margin-bottom: 8px
    }

    b.salary-amount {
        color: #ffe243;
        font-size: 48px
    }

    section#salary .salary .title {
        margin-top: 46px
    }

    #hr section#content {
        background-position: bottom left;
        padding-top: 82px;
        padding-bottom: 68px
    }

    .salary {
        width: 100%;
        border-top: thin solid #00418b;
        -webkit-box-shadow: 0 -1px 0 0 #001f4c;
        box-shadow: 0 -1px 0 0 #001f4c;
        margin-top: 23px;
        text-align: center;
        margin-bottom: 68px
    }

    #content .title {
        margin-right: 57px
    }

    #content .title+p {
        font-size: 18px;
        line-height: 139%
    }

    #hr .main-tr-box.flex {
        margin-top: 31px;
        margin-bottom: 42px
    }

    #content .title.title-small {
        font-size: 19px;
        line-height: 158%
    }

    .video-frame {
        width: 58%;
        background: #000;
        height: 291px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    section#find {
        padding-top: 71px;
        padding-bottom: 60px
    }

    #find .title+p {
        font-size: 20px;
        line-height: 150%;
        width: 77%
    }

    .find-wrap.flex-wrap {
        margin-top: 50px
    }

    .find-item {
        background: #fff;
        color: #000;
        width: 100%;
        border-radius: 5px;
        padding: 20px 15px 0;
        height: 158px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .find-item.big-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 35px 20px 0 19px;
        height: 158px
    }

    #work .title {
        text-align: center;
        font-size: 40px
    }

    section#work {
        padding-top: 83px
    }

    .work-item.flex {
        width: 100%;
        background: #fff;
        border-radius: 9px;
        height: auto;
        margin-bottom: 11px;
        overflow: hidden
    }

    .work-img {
        background-position: center;
        background-size: cover;
        width: 29.6%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .work-item.flex:nth-last-child(1) p,
    .work-item.flex:nth-last-child(2) p {
        padding-top: 16px
    }

    .work-wrap.flex-wrap {
        margin: 73px 0 63px
    }

    section#garden {
        padding-top: 100px
    }

    .garden-wrap.flex {
        margin: -92px 0 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .garden-wrap.flex img:nth-child(1) {
        display: none
    }

    .garden-wrap.flex img {
        width: 49%
    }

    .garden-wrap.flex img:nth-child(2) {
        margin-top: 155px
    }

    #garden .descr {
        margin: -205px 54px 73px 52.3%;
        font-size: 21px;
        line-height: 139%
    }

    section#garden {
        background-size: contain
    }

    section#more {
        background: #f1f2f4;
        padding-top: 87px
    }

    .more-wrap.flex-wrap {
        margin: 91px 0 52px
    }

    .more-item {
        width: 50%;
        margin-bottom: 81px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .more-item p {
        font-size: 16px;
        line-height: 151%;
        margin-top: 0;
        padding-right: 22px;
        top: -7px;
        padding-left: 10px
    }

    .more-item {
        width: 50%;
        margin-bottom: 49px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .more-item .img-wrap {
        text-align: left;
        padding-inline: 21px;
        width: 96px
    }

    section#about {
        padding-top: 75px;
        background-size: 1020px;
        background-position: -113px 7px
    }

    .float-content {
        margin-left: 0
    }

    .float-content .title+p {
        font-size: 16px;
        margin-left: 51%;
        line-height: 155%;
        margin-top: 41px;
        padding-right: 10px
    }

    #about .title {
        line-height: 136%;
        margin-left: 51%
    }

    .work-box {
        background: #fff;
        border-radius: 6px;
        margin-top: 47px;
        margin-bottom: 48px;
        padding: 28px 27px 15px
    }

    .work-box .work-item.flex p {
        padding: 0;
        font-size: 16px;
        padding: 3px 0 0 0;
        white-space: normal
    }

    .work-box .work-item.flex:nth-last-child(1) p,
    .work-box .work-item.flex:nth-last-child(2) p {
        padding-top: 0
    }

    .name.abs {
        top: 402px;
        bottom: auto;
        left: 14px;
        font-size: 16px;
        line-height: 153%
    }

    section#vacancy {
        padding-top: 66px;
        background: #f1f2f4;
        white-space: normal;
        padding-bottom: 78px
    }

    .vacancy-item p b {
        font-size: 16px;
        line-height: 130%;
        display: block;
        margin-bottom: 7px
    }

    .vacancy-item p {
        font-size: 11px
    }

    .vacancy-item {
        background: #fff;
        border-radius: 7px;
        overflow: hidden;
        padding-right: 17px;
        margin-top: 16px;
        height: 122px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 17px
    }

    .hidden-descr a {
        color: #fff;
        font-size: 15px;
        padding-bottom: 4px
    }

    section#also {
        background-position: bottom left;
        height: 454px;
        padding-top: 62px;
        background-repeat: no-repeat
    }

    #also .float-content {
        margin-left: 52%
    }

    #also p {
        margin-bottom: 78px;
        margin: 31px 0 46px 7px;
        font-size: 18px
    }

    img.abs.hands {
        left: -59px;
        bottom: 0;
        width: 484px
    }

    section#contacts {
        height: 598px
    }

    section#contacts .title {
        margin-top: 109px;
        margin-bottom: 59px
    }

    section#contacts span {
        color: #005fd3;
        display: block;
        font-size: 18px;
        margin-bottom: 20px
    }

    a.phone.contact-item {
        font-size: 36px;
        font-weight: 100;
        margin-bottom: 43px
    }

    .contact-item {
        font-size: 24px;
        margin-bottom: 43px;
        display: inline-block
    }

    section#contact-form {
        padding: 22px 0
    }

    .park-img.img-big {
        height: 507px;
        margin-top: 110px
    }

    h1+p {
        font-size: 21px;
        white-space: pre-line
    }

    .park-img {
        width: 48%;
        background-size: cover;
        height: 358px
    }

    .slider-box {
        margin-bottom: 31px
    }

    .salary-descr {
        margin-top: 9px;
        padding-left: 33px
    }

    section#salary .salary-descr .title {
        text-align: left;
        font-size: 17px;
        margin-top: 19px;
        margin-bottom: 16px
    }

    .salary-descr li {
        font-size: 16px;
        list-style-type: none;
        padding-left: 35px;
        margin-bottom: 8px;
        line-height: 137%
    }

    .salary {
        width: 100%;
        border-top: thin solid #00418b;
        -webkit-box-shadow: 0 -1px 0 0 #001f4c;
        box-shadow: 0 -1px 0 0 #001f4c;
        margin-top: 51px;
        text-align: center;
        margin-bottom: 68px;
        display: block;
        text-align: center
    }

    section#salary .salary .title {
        margin-top: 32px;
        font-size: 30px
    }

    section#contacts .title {
        margin-top: 63px;
        margin-bottom: 46px
    }

    .title+p.contact-item {
        font-size: 20px;
        margin-bottom: 33px
    }

    section#contacts span {
        color: #005fd3;
        display: block;
        font-size: 15px;
        margin-bottom: 14px
    }

    a.phone.contact-item {
        font-size: 30px;
        font-weight: 100;
        margin-bottom: 43px
    }

    .contact-item {
        font-size: 20px;
        margin-bottom: 37px;
        display: inline-block
    }

    .salary-set.for-manager {
        width: 100%;
        border: thin solid #2b557f;
        background: #174474;
        border-radius: 12px;
        padding: 36px 13px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .salary-set span,
    .span {
        font-size: 16px;
        display: block
    }

    .for-manager.salary-set select {
        height: 60px;
        margin-top: 25px;
        width: 402px
    }

    .for-manager2.zoom-salary {
        width: 24%
    }

    .for-manager2.fix-pay {
        width: 29%
    }

    .for-manager .salary-output {
        border: thin solid #2b557f;
        border-radius: 5px;
        margin-bottom: 31px;
        margin-top: 7px;
        color: #66a9fb;
        font-weight: 900;
        font-size: 30px;
        padding: 13px 0 14px 26px
    }

    .for-manager2.slider-for-manager {
        width: 100%
    }

    .for-manager .slider-box {
        margin-bottom: 11px;
        margin-top: -17px
    }

    .calc-descr.for-manager2 {
        box-shadow: none;
        width: 100%;
        border: none;
        text-align: center;
        margin: 17px 0 0;
        color: #4275aa;
        padding: 0;
        font-weight: 600;
        font-size: 14px;
        padding: 0 13%;
        line-height: 120%
    }

    .salary-descr2.for-manager2 {
        text-align: center;
        width: 100%;
        font-size: 20px;
        margin-top: 28px;
        background: #003266;
        padding-bottom: 23px;
        padding: 0 20%;
        margin-bottom: 0;
        line-height: 149%
    }

    .for-manager2.zoom-salary {
        width: 46%
    }
}

@media (max-width:767px) {
    header {
        margin: 22px 0
    }

    header a.logo {
        font-size: 21px
    }

    .wrap {
        width: 100%;
        max-width: 420px;
        padding: 0 20px
    }

    a.phone {
        display: block;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: -1px
    }

    span.callback {
        color: #71a9e8;
        text-decoration: underline;
        font-size: 11px
    }

    h1 {
        white-space: pre-line;
        font-weight: 700;
        font-size: 30px;
        margin-top: 27px;
        line-height: 122%;
        margin-bottom: 18px
    }

    h1+p {
        white-space: normal;
        font-size: 16px;
        line-height: 147%;
        margin-bottom: 23px
    }

    .btn.big-btn {
        padding: 14px 36px;
        min-width: 263px;
        text-align: center;
        font-size: 17px;
        width: 100%;
        line-height: 140%
    }

    .btn-wrap.flex {
        margin: 27px 0 9px;
        width: 100%;
        max-width: 770px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #content .title {
        margin-right: 0
    }

    .btn-wrap .btn.big-btn {
        padding: 0;
        font-size: 18px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 130%;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 72px
    }

    section#info {
        padding-top: 44px
    }

    section#info .title {
        text-align: left
    }

    .title {
        font-size: 24px
    }

    .for-manager2.fix-pay {
        width: 100%
    }

    .info-item {
        background-size: 100% 60vw;
        height: auto;
        width: 100%;
        border-radius: 3px;
        padding: 77% 32px 22px 12px;
        margin-bottom: 15px;
        background-position: left top;
        background-repeat: no-repeat;
        background-color: #033364
    }

    .info-item:nth-child(2),
    .info-item:nth-child(3) {
        background-position-x: 0;
        background-color: #fff
    }

    .info-item:nth-child(3),
    .info-item:nth-child(4) {
        padding-left: 0
    }

    .info-item:nth-child(4) {
        background-color: #0c1e32
    }

    section#info {
        background: #f1f2f4;
        margin-top: 0;
        padding-top: 44px
    }

    .info-item p {
        padding: 0 15px
    }

    section#salary .title {
        text-align: left;
        margin-top: 43px
    }

    .salary-box.flex.flex-wrap {
        margin-top: 30px
    }

    .calc-descr,
    .salary-set {
        width: 100%
    }

    .salary-set select {
        width: 100%;
        background: #fff;
        border-radius: 9px;
        margin-top: 8px;
        height: 46px;
        margin-bottom: 20px;
        color: #000;
        padding-left: 21px;
        font-size: 14px
    }

    .salary-output {
        border: thin solid #2b557f;
        border-radius: 5px;
        margin-bottom: 19px;
        margin-top: 5px;
        color: #66a9fb;
        font-weight: 900;
        font-size: 25px;
        padding: 11px 0 9px 24px
    }

    section#salary .salary .title {
        margin-top: 24px;
        margin-bottom: 29px
    }

    b.salary-amount {
        color: #ffe243;
        font-size: 32px
    }

    .salary {
        width: 100%;
        border-top: thin solid #00418b;
        -webkit-box-shadow: 0 -1px 0 0 #001f4c;
        box-shadow: 0 -1px 0 0 #001f4c;
        margin-top: 14px;
        text-align: center;
        margin-bottom: 11px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .calc-descr {
        margin-top: 23px;
        padding-top: 14px;
        font-size: 14px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        line-height: 140%;
        font-weight: 100;
        border-top: thin solid #00418b;
        -webkit-box-shadow: 0 -1px 0 0 #001f4c;
        box-shadow: 0 -1px 0 0 #001f4c
    }

    .salary-descr {
        padding-left: 20px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-top: 20px;
        padding-bottom: 20px;
        border-radius: 6px
    }

    .salary-descr li {
        font-size: 16px;
        list-style-type: none;
        padding-left: 44px;
        margin-bottom: 8px
    }

    section#salary {
        padding-bottom: 34px
    }

    #hr section#content {
        background-position: bottom left;
        padding-top: 42px;
        padding-bottom: 68px
    }

    .title-flex.flex {
        display: block
    }

    #content .title+p {
        margin-top: 30px
    }

    .main-tr-box.flex+.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .video-frame {
        width: 100%;
        background: #000;
        height: 51vw;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    #hr section#content {
        padding-bottom: 51px
    }

    section#find {
        padding-top: 55px;
        padding-bottom: 40px
    }

    #find .title+p {
        font-size: 18px;
        line-height: 150%;
        width: 100%
    }

    .find-wrap.flex-wrap {
        margin-top: 23px
    }

    .find-item {
        background: #fff;
        color: #000;
        width: auto;
        border-radius: 5px;
        padding: 0 15px 0;
        height: 192px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .img-wrap img {
        width: 62px;
        margin: 10px 0 0 3px
    }

    .img-wrap .num {
        left: -5px;
        top: 3px;
        width: 30px;
        height: 30px;
        font-size: 14px
    }

    .find-item p {
        margin-top: 0;
        font-size: 16px;
        line-height: 148%;
        padding-left: 14px
    }

    .find-item.big-item {
        width: calc(100% - 24px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px 15px 7px;
        height: auto
    }

    section#work {
        padding-top: 43px
    }

    #work .title {
        text-align: left;
        font-size: 24px
    }

    .work-wrap.flex-wrap {
        margin: 31px 0 0
    }

    .work-item.flex {
        width: 100%;
        background: 0 0;
        border-radius: 0;
        height: auto;
        margin-bottom: 30px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        border-bottom: thin solid #e1e3e4;
        padding-bottom: 23px
    }

    .work-img {
        background-position: top;
        background-size: cover;
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 57vw
    }

    .work-item.flex p b {
        font-size: 18px;
        display: inline-table;
        margin-bottom: 9px
    }

    .work-item.flex p {
        padding: 16px 0 0 0;
        font-size: 16px;
        white-space: pre-line;
        line-height: 145%
    }

    .work-item.flex:nth-last-child(1) {
        border-bottom: none
    }

    section#garden {
        padding-top: 45px
    }

    .garden-wrap.flex {
        margin: 28px 0 0;
        overflow: hidden;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .garden-wrap.flex img {
        width: calc(100% - 40px);
        margin-right: 40px
    }

    .garden-wrap.flex img:nth-child(1) {
        display: block
    }

    .garden-wrap.flex img:nth-child(2) {
        margin-top: 0
    }

    #garden .descr {
        margin: 0;
        font-size: 16px;
        line-height: 143%;
        margin-top: 31px;
        margin-bottom: 32px
    }

    section#more {
        background: #f1f2f4;
        padding-top: 52px
    }

    .more-wrap.flex-wrap {
        margin: 48px 0 6px
    }

    .more-item {
        width: 100%;
        margin-bottom: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .more-item .img-wrap .num {
        left: 0;
        top: -21px;
        width: 41px;
        height: 41px;
        font-size: 18px
    }

    section#about {
        padding-top: 340px;
        background-size: 605px;
        background-position: -63px 2px;
        background-color: #0a1f32
    }

    #about .title {
        line-height: 136%;
        margin-left: 0
    }

    .float-content .title+p {
        font-size: 16px;
        margin-left: 0;
        line-height: 150%;
        margin-top: 25px;
        padding-right: 10px
    }

    .name.abs strong {
        font-size: 21px
    }

    .name.abs {
        top: -306px;
        bottom: auto;
        left: auto;
        font-size: 14px;
        width: 176px;
        line-height: 161%;
        right: 0
    }

    .work-box {
        background: #fff;
        border-radius: 6px;
        margin-top: 32px;
        margin-bottom: 48px;
        padding: 22px 17px 15px
    }

    .work-box .work-item.flex {
        width: auto;
        height: auto;
        color: #000;
        margin-bottom: 18px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
        padding-bottom: 0
    }

    .work-box .work-item.flex span {
        width: auto;
        padding: 0
    }

    .work-box .work-item.flex p {
        padding: 0;
        font-size: 16px;
        padding: 6px 0 0 0;
        white-space: normal
    }

    section#vacancy {
        padding-top: 34px;
        background: #f1f2f4;
        white-space: normal;
        padding-bottom: 16px
    }

    section#vacancy .flex {
        display: block
    }

    .vacancy-wrap.flex.flex-wrap {
        width: 100%;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin-bottom: 40px
    }

    .vacancy-item {
        background: #fff;
        border-radius: 7px;
        overflow: hidden;
        padding-right: 17px;
        width: 100%;
        margin-top: 16px;
        height: 79px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 17px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    section#also {
        background-position: bottom left;
        height: auto;
        text-align: center;
        overflow: hidden;
        padding-top: 50px;
        background-repeat: no-repeat
    }

    #also .float-content {
        text-align: left;
        margin-left: 0
    }

    img.abs.hands {
        left: 10px;
        bottom: -3px;
        right: 0;
        margin: 0 auto;
        width: 321px;
        position: relative;
        margin-top: 52px
    }

    section#contacts {
        height: auto
    }

    section#contacts .title {
        margin-top: 44px;
        margin-bottom: 25px
    }

    section#contacts span {
        color: #005fd3;
        display: block;
        font-size: 16px;
        margin-bottom: 10px
    }

    .contact-item {
        font-size: 20px;
        margin-bottom: 35px;
        display: inline-block
    }

    .title+p.contact-item {
        font-size: 20px;
        margin-bottom: 22px
    }

    a.phone.contact-item {
        font-size: 30px;
        font-weight: 100;
        margin-bottom: 34px
    }

    div#ymap {
        position: relative;
        right: 0;
        top: 0;
        height: 399px;
        width: 100%
    }

    section#contact-form {
        padding: 1px 0
    }

    .footer-item:nth-child(1) {
        width: auto
    }

    .footer-item:nth-child(1) p {
        white-space: normal;
        line-height: 138%;
        position: absolute;
        top: 52px;
        width: 280px;
        font-size: 10px;
        right: auto;
        left: 0
    }

    .find-item.big-item p {
        margin-top: 0;
        padding-left: 14px
    }

    footer a.mailto {
        font-size: 11px
    }

    .park-img {
        width: 350px;
        background-position: center;
        background-size: cover;
        height: 358px !important;
        margin-top: 0 !important;
        margin-right: 60px;
        display: inline-block !important
    }

    .find-item,
    .find-item.big-item {
        display: inline-block;
        width: 79vw;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 0;
        vertical-align: top
    }

    .find-wrap.flex-wrap {
        padding-left: 20px;
        margin-top: 23px;
        margin-left: -20px;
        width: auto;
        overflow: hidden
    }

    .salary-descr,
    .salary-sliders {
        width: 100%
    }

    .salary-set span,
    .span {
        font-size: 14px;
        line-height: 130%;
        display: block
    }

    .salary-sliders {
        margin-top: 19px
    }

    .slider-box {
        margin-bottom: 29px;
        margin-top: -17px
    }

    header a.logo+div {
        right: -10px
    }

    .salary-sliders {
        margin-top: 0
    }

    .salary-set span,
    .span {
        font-size: 16px;
        line-height: 130%;
        display: block
    }

    section#salary .salary .title {
        margin-top: 16px;
        margin-bottom: 29px;
        font-size: 24px
    }

    .salary-set.for-manager {
        width: 100%;
        border: thin solid #2b557f;
        background: #174474;
        border-radius: 7px;
        padding: 19px 17px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .select-div {
        width: 100%
    }

    .for-manager.salary-set select {
        height: 47px;
        margin-top: 7px;
        width: 100%;
        padding-left: 8px;
        margin-bottom: 28px
    }

    .for-manager2.zoom-salary {
        width: 100%
    }

    .for-manager .salary-output {
        border: thin solid #2b557f;
        border-radius: 7px;
        margin-bottom: 24px;
        margin-top: 10px;
        color: #66a9fb;
        font-weight: 900;
        font-size: 25px;
        padding: 11px 0 7px 26px
    }

    .calc-descr.for-manager2 {
        box-shadow: none;
        width: 100%;
        border: none;
        text-align: left;
        margin: 8px 0 0;
        color: #4275aa;
        padding: 0;
        font-weight: 600;
        font-size: 12.5px;
        padding: 0;
        line-height: 120%
    }

    .salary-descr2.for-manager2 {
        text-align: center;
        width: 100%;
        font-size: 20px;
        margin-top: 28px;
        background: #003266;
        padding-bottom: 22px;
        padding: 0 9%;
        margin-bottom: 9px;
        line-height: 133%
    }

    section#salary .salary.for-manager .title {
        text-align: center
    }

    .salary.for-manager {
        margin-bottom: 10px
    }

    .for-manager2.zoom-salary.fix-pay-block {
        width: 100%
    }

    .for-manager2.zoom-salary {
        width: 100%
    }
}

/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

body .is-layout-flex {
    display: flex
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center
}

.is-layout-flex>:is(*, div) {
    margin: 0
}

body .is-layout-grid {
    display: grid
}

.is-layout-grid>:is(*, div) {
    margin: 0
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

.has-black-color {
    color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-color {
    color: var(--wp--preset--color--white) !important
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}