@charset "UTF-8";
button, hr, input {
    overflow: visible
}

audio, canvas, progress, video {
    display: inline-block
}

progress, sub, sup {
    vertical-align: baseline
}

[type=checkbox], [type=radio], legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

h1 {
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #222;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

input[type=submit] {
    cursor: pointer
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

input[type=number] {
    -moz-appearance: textfield
}

textarea {
    resize: none
}

.border-under-dis {
    border-bottom: 1px solid #BDABDA
}

.border-around {
    padding: 20px 30px;
    border: 1px solid #BDABDA
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px;
    border: 1px solid #A97BFF
}

.btn span {
    font-size: 16px
}

.padding-vertical-120 {
    padding-top: 120px;
    padding-bottom: 120px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: url(./ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.grid-example-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

@media screen and (min-width: 568px) and (orientation: landscape) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
        width: 95%
    }
}

@media screen and (min-width: 768px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1024px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1280px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1440px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 1920px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 2560px) {
    .grid-example-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

.grid-example-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.col-1-12 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-2-12 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-3-12 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-4-12 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-5-12 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-6-12 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-11-12 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-5-11 {
    -ms-flex-preferred-size: 45.45455%;
    flex-basis: 45.45455%;
    max-width: 45.45455%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-6-11 {
    -ms-flex-preferred-size: 54.54545%;
    flex-basis: 54.54545%;
    max-width: 54.54545%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-3-11 {
    -ms-flex-preferred-size: 27.27273%;
    flex-basis: 27.27273%;
    max-width: 27.27273%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-1-2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.push-col-2 {
    margin-left: 16.66667%
}

.post-col-2 {
    margin-right: 16.66667%;
    margin-left: 16.66667%
}

.grid-example-inner {
    font-size: 1.4rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 50px;
    padding: 8px;
    font-weight: 700;
    color: #555
}

.grid-example-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 10px;
    border: 1px solid #8F8F8F
}

body {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px
}

h1 {
    font-family: Roboto;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 46.8px !important;
    text-align: center !important;
    color: #000 !important;
    padding-bottom: 30px !important
}

@media screen and (max-width: 567px) {
    .mobile-hidden {
        display: none !important
    }
}

@media screen and (max-width: 567px) {
    .mobile-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .tablet-hidden {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .tablet-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .tablet-landscape-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1024px) {
    .tablet-landscape-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .desktop-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1280px) {
    .desktop-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1440px) and (max-width: 1439px) {
    .desktop-wide-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1440px) {
    .desktop-wide-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1920px) and (max-width: 2559px) {
    .fullhd-hidden {
        display: none !important
    }
}

@media screen and (min-width: 1920px) {
    .fullhd-up-hidden {
        display: none !important
    }
}

@media screen and (min-width: 2560px) {
    .ultra-hidden {
        display: none !important
    }
}

@media screen and (min-width: 568px) and (orientation: landscape) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
        width: 95%
    }
}

@media screen and (min-width: 768px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1024px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1280px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1440px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 1920px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 2560px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

.is-hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

.is-visible {
    position: static;
    visibility: visible;
    opacity: 1;
    height: auto;
    width: auto;
    pointer-events: auto
}

.margin-vertical-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.margin-horizontal-20 {
    margin-left: 20px;
    margin-right: 20px
}

.margin-full-20 {
    margin: 20px
}

.margin-vertical-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.margin-horizontal-40 {
    margin-left: 40px;
    margin-right: 40px
}

.margin-full-40 {
    margin: 40px
}

.padding-vertical-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding-horizontal-20 {
    padding-left: 20px;
    padding-right: 20px
}

.padding-full-20 {
    padding: 20px
}

.padding-vertical-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding-horizontal-40 {
    padding-left: 40px;
    padding-right: 40px
}

.padding-full-40 {
    padding: 40px
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

.header {
    background-color: #F6F6F6;
    padding: 20px
}

.header .header-burger {
    display: none;
    cursor: pointer
}

.header .mobile-menu_active {
    opacity: 1;
    display: block
}

.wr {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 95%
}

@media screen and (min-width: 568px) and (orientation: landscape) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
        width: 95%
    }
}

@media screen and (min-width: 768px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1024px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1280px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1440px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 1920px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 2560px) {
    .wr {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

.header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #eee
}

.header-top .middle__button {
    display: none
}

.uMenuH ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0;
    padding-left: 0
}

.uMenuH ul li {
    list-style-type: none;
    padding: 20px;
    text-align: center
}

.uMenuH ul li a {
    font-size: 16px;
    text-decoration: none;
    color: #000
}

.header-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    background-color: #fff;
    border-radius: 15px;
    padding: 0 10px
}

.header-middle .header-middle__logo {
    width: 251px
}

.header-middle .header-middle__logo img {
    width: 100%
}

.header-middle .header-menu {
    width: calc(100% - 500px)
}

.header-middle .header-middle__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.header-middle .header-middle__cont .header-middle__table {
    text-align: right
}

.header-middle .header-middle__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.header-middle .header-middle__social img {
    height: 40px;
    width: 40px
}

.header-middle .header-middle__social a:nth-child(2) img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.header-middle .header-middle__contact {
    width: 20%;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-middle .header-middle__contact div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto
}

.header-middle .header-middle__contact span {
    color: #777;
    font-size: 13px
}

.header-middle .header-middle__contact a {
    text-decoration: none;
    color: #000;
    list-style-type: none;
    font-size: 20px;
    font-weight: 700
}

.header_modal {
    display: block;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 20px 10px;
    overflow-y: auto;
    margin: 0;
    opacity: 1
}

.header_modal .header-middle {
    display: none
}

.header_modal .header-burger {
    display: none !important
}

.mobile-menu {
    display: none;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #F6F6F6;
    padding: 20px 10px;
    overflow-y: auto;
    z-index: 1000;
    margin: 0;
    opacity: 0
}

.mobile-menu-close {
    cursor: pointer
}

.body_modal {
    overflow-y: hidden
}

.mobile-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-menu-wrapper .btn-standart {
    width: 100%
}

.mobile-menu-wrapper .btn-standart a {
    color: #fff
}

.mobile-menu-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px
}

.mobile-menu-top .header-middle__logo {
    width: 188px
}

.mobile-menu-top .header-middle__logo img {
    width: 100%
}

.mobile-menu-middle {
    padding: 0 40px
}

.mobile-menu-middle .header-middle__social a img {
    width: 40px;
    height: 40px
}

.mobile-menu-middle .header-middle__social a:nth-child(1) img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.mobile-menu-middle .uMenuH-mobile ul {
    list-style-type: none;
    padding-left: 0
}

.mobile-menu-middle .uMenuH-mobile ul a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: left
}

.mobile-menu-middle .mobile-menu-free-number div {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px
}

.mobile-menu-middle .mobile-menu-free-number a {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px
}

.mobile-menu-middle .mobile-menu-email div {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px
}

.mobile-menu-middle .mobile-menu-email a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header .mobile-menu {
        width: 400px;
        left: auto
    }

    .header .header-burger {
        display: block
    }

    .header .header-middle {
        background-color: #F6F6F6
    }

    .header .header-middle .header-menu, .header .header-middle .header-middle__contact, .header .header-middle .header-middle__social {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #F6F6F6
    }

    .header .header-burger {
        display: block
    }

    .header .header-middle {
        background-color: #F6F6F6
    }

    .header .header-middle .header-menu, .header .header-middle .header-middle__contact, .header .header-middle .header-middle__social, .header-top .header-top__name {
        display: none
    }

    .mobile-menu {
        opacity: 0
    }
}

.footer {
    margin-top: 100px;
    background-color: #F6F6F6
}

.footer-wrap {
    padding-top: 128px;
    padding-bottom: 128px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .footer-wrap {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .footer-wrap {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .footer-wrap {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media screen and (min-width: 568px) and (orientation: landscape) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
        width: 95%
    }
}

@media screen and (min-width: 768px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1024px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1280px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1440px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 1920px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 2560px) {
    .footer-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

.footer-wrap .footer__elem {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc((100% / 3));
    flex: 1 1 calc((100% / 3))
}

.footer-wrap .footer__elem-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-wrap .footer__elem-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left
}

.footer-wrap .footer__elem-submit-send {
    width: 210px;
    height: 50px;
    border-radius: 5px;
    background-color: #61C67E
}

.footer-wrap .footer__elem-submit-send a {
    color: #fff
}

.footer-wrap .footer__elem .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-wrap .footer__elem .footer-menu ul {
    list-style-type: none
}

.footer-wrap .footer__elem .footer-menu ul li a {
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    list-style-type: none;
    text-decoration: none;
    color: #000
}

.footer-wrap .footer__elem .footer-menu ul li:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 30px
}

.footer-wrap .footer__elem .footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-wrap .footer__elem .footer-contact .footer-contact-hideblock {
    display: none
}

.footer-wrap .footer__elem .footer-contact ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    padding-left: 0
}

.footer-wrap .footer__elem .footer-contact ul li:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

.footer-wrap .footer__elem .footer-contact ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    list-style-type: none;
    text-decoration: none
}

.footer-wrap .footer__elem .footer-contact ul li a {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    list-style-type: none;
    text-decoration: none
}

.footer-wrap .footer__elem .footer-contact ul li div, .footer-wrap .footer__elem .footer-contact ul li div a {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

@media screen and (max-width: 767px) {
    .footer-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem
    }

    .footer-wrap .footer__elem-first .logo {
        text-align: center
    }

    .footer-wrap .footer__elem-first .footer__elem-right, .footer-wrap .footer__elem-first .footer__elem-submit, .footer-wrap .footer__elem-first .footer__elem-text {
        display: none
    }

    .footer-wrap .footer__elem {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100%);
        flex: 1 1 calc(100%)
    }

    .footer-wrap .footer__elem .footer-menu {
        display: none
    }

    .footer-wrap .footer__elem .footer-contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-wrap .footer__elem .footer-contact ul {
        text-align: center
    }

    .footer-wrap .footer__elem .footer-contact ul li {
        line-height: 25px
    }

    .footer-wrap .footer__elem .footer-contact ul li:nth-child(1), .footer-wrap .footer__elem .footer-contact ul li:nth-child(2) {
        display: none
    }

    .footer-wrap .footer__elem .footer-contact .footer-contact-hideblock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2rem;
        padding: 20px 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .footer-wrap .footer__elem .footer-contact .footer-contact-hideblock .footer-contact__social a img {
        width: 40px;
        height: 40px
    }

    .footer-wrap .footer__elem .footer-contact .footer-contact-hideblock .footer-contact__social a:nth-child(1) img {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }
}

h2 {
    text-align: center
}

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

.destruction-form #object-filds-main {
    width: 100%
}

.destruction-form .object-filds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

.destruction-form .object-filds .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.destruction-form .object-filds .form-item div {
    width: 100%
}

.destruction-form .object-filds .form-item input {
    width: calc((100%))
}

.destruction-form .object-filds .form-item-simples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.destruction-form .object-filds .form-item-simples .form-item-simple {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.destruction-form .object-filds .form-item-simples .form-item-simple input {
    width: 100%
}

.destruction-form .object-filds .destruction-form-button {
    background-color: grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    width: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 15px;
    color: #fff
}

.new {
    background-color: red;
    color: red
}

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

.tab > input[type=radio] {
    display: none
}

.tab-content {
    display: none;
    width: 100%;
    margin-top: 1rem
}

#tab-btn-1:checked ~ #content-1, #tab-btn-2:checked ~ #content-2, #tab-btn-3:checked ~ #content-3, #tab-btn-4:checked ~ #content-4, #tab-btn-5:checked ~ #content-5, #tab-btn-6:checked ~ #content-6, #tab-btn-7:checked ~ #content-7, #tab-btn-8:checked ~ #content-8, #tab-btn-9:checked ~ #content-9, #tab-btn-10:checked ~ #content-10 {
    display: block
}

.tab > label {
    display: block;
    padding: .5rem 1rem;
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-decoration: none;
    color: #0d6efd;
    border: 0;
    border-radius: .375rem;
    background: 0 0
}

.tab > input[type=radio]:checked + label {
    cursor: default;
    color: #fff;
    background-color: #0d6efd
}

#component-uikit {
    padding: 20px
}

#component-uikit pre {
    margin: 20px 0;
    padding: 20px 0
}

#component-uikit .component-buttons__list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none
}

#component-uikit .component-buttons__list li {
    margin: 0;
    padding: 0;
    background: 0 0
}

#component-uikit .component-buttons__list li:after, #component-uikit .component-buttons__list li:before {
    content: none
}

#component-uikit .component-buttons__list li {
    margin-right: 10px
}

.page {
    position: relative;
    font-family: Gilroy, Arial, sans-serif
}

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

.page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.2%;
    margin-bottom: 21px
}

@media screen and (min-width: 1280px) {
    .page-head {
        max-width: 1440px;
        width: 100%
    }
}

.page-head__title {
    width: 100%;
    margin: 0;
    padding: 0
}

.page-head__exit {
    font-size: 16px;
    color: #000
}

.page-head__exit:hover {
    color: #ea8d1b;
    text-decoration: underline
}

.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding: 0 2.77778%;
    margin-bottom: 16px
}

@media screen and (min-width: 568px) and (orientation: landscape) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
        width: 95%
    }
}

@media screen and (min-width: 768px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1024px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1280px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 98%;
        width: 98%
    }
}

@media screen and (min-width: 1440px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 1920px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

@media screen and (min-width: 2560px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1510px;
        width: 1510px
    }
}

.loading-images {
    display: none
}

@media (min-width: 200px) and (max-width: 1100px){
    .destruction-form #object-filds-main {
        width: 90%;
        margin:0 auto;
    }
}
.form-item-simple-angry{
    display:flex!important;
    flex-durection:row!important;
    gap:1rem;
}
.form-item-simple-angry span {
    width:95%!important;
}
.form-item-simple-angry div {
    width:20px!important;
}

.g-recaptcha-container{
    display:flex;
    justify-content: center;
    width: 100%;

}
/*.g-recaptcha{*/
/*    margin:10px auto;*/
/*}*/

.border-wrong{
    border:3px solid red!important;
}

.form-item-simple-no-valide{
    color:red;
    display:none;
}

.form-item-simple-no-valide-show{
    display:block;
}

.destruction-form__btn-delete{
    max-width: 200px;
    margin-left: auto;
}