body, dd, dt, html {
    border: 0;
    vertical-align: baseline
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, del, details, dfn, div, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

dl, img {
    padding: 0
}

img {
    margin: 0
}

dl {
    border: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1;
    text-rendering: optimizespeed;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

q:after, q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

a, blockquote, cite, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, i, li, section, span, ul {
    position: relative;
    box-sizing: border-box
}

button, form, input, label, select, textarea {
    -webkit-backface-visibility: hidden
}

ymaps {
    box-sizing: content-box;
    position: static
}

body, html {
    padding: 0;
    margin: 0
}

* {
    -webkit-text-size-adjust: 100%
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

:root {
    --c-title: #000;
    --c-text: #4a4a4a;
    --c-border: rgba(0, 0, 0, .25)
}

._invert {
    --c-title: #fff;
    --c-text: rgba(255, 255, 255, .5);
    --c-border: rgba(255, 255, 255, .25);
    color: var(--c-text)
}

:root {
    --spacing: 1.5rem;
    --spacing_em: 1.5em;
    --spacing_rem: 1.5rem;
    --spacing_xxs: .375rem;
    --spacing_xs: .75rem;
    --spacing_s: 1.125rem;
    --spacing_m: 1.5rem;
    --spacing_l: 2.25rem;
    --spacing_xl: 3rem;
    --spacing_xxl: 4.5rem;
    --spacing_content_y: 4vw;
    --spacing_content_x: 4vw;
    --spacing_content: 4vw;
    --offset_xxs: -.375rem;
    --offset_xs: -.75rem;
    --offset_s: -1.125rem;
    --offset_m: -1.5rem;
    --offset_l: -2.25rem;
    --offset_xl: -3rem;
    --offset_xxl: -4.5rem;
    --offset_content_y: -4.5rem;
    --offset_content_x: -4.5rem;
    --offset_content: -4.5rem;
    --fs: 20px;
    --fs_xxs: .625rem;
    --fs_xs: .75rem;
    --fs_s: .875rem;
    --fs_l: 1.125rem;
    --fs_xl: 1.25rem;
    --fs_xxl: 1.5rem;
    --fs_h1: 2.0736rem;
    --fs_h2: 1.728rem;
    --fs_h3: 1.44rem;
    --fs_h4: 1.2rem;
    --fs_h5: 1rem;
    --fs_h6: .83333333rem
}

.bg_info {
    background-color: #448fd6
}

.bg_success {
    background-color: #6dbe45
}

.bg_warning {
    background-color: #f8951d
}

.bg_fail {
    background-color: #ed2024
}

.bra {
    border-radius: 3px
}

.brt {
    border-radius: 3px 3px 0 0
}

.brr {
    border-radius: 0 3px 3px 0
}

.brb {
    border-radius: 0 0 3px 3px
}

.brl {
    border-radius: 3px 0 0 3px
}

.b {
    border: 1px solid rgba(0, 0, 0, 0)
}

.bt {
    border-top: 1px solid rgba(0, 0, 0, 0)
}

.br {
    border-right: 1px solid rgba(0, 0, 0, 0)
}

.bb {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.bl {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

.bc {
    border-color: rgba(0, 0, 0, .125)
}

._invert .bc, ._invert hr {
    border-color: rgba(255, 255, 255, .35)
}

.beforeafter {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box
}

.webkitfix {
    -webkit-transform: translateZ(0)
}

.b-shadow {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .06), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.b-shadow_inset {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .12) inset, 0 2px 1px -1px rgba(0, 0, 0, .12) inset
}

.clearfix:after, .clearfix:before, dl:after, dl:before {
    display: table;
    content: '';
    line-height: 0;
    height: 0
}

.clearfix:after, dl:after {
    clear: both
}

.oh {
    overflow: hidden !important
}

.ov {
    overflow: visible !important
}

.bgp_lc {
    background-position: left center
}

.bgp_rc {
    background-position: right center
}

.bgp_cc {
    background-position: center center
}

.flex_xs {
    margin: -.375rem
}

.flex_xs > * {
    padding: .375rem
}

.flex_s {
    margin: -.5625rem
}

.flex_s > * {
    padding: .5625rem
}

.flex_m {
    margin: -.75rem
}

.flex_m > * {
    padding: .75rem
}

.flex_l {
    margin: -1.125rem
}

.flex_l > * {
    padding: 1.125rem
}

.flex_xl {
    margin: -1.5rem
}

.flex_xl > * {
    padding: 1.5rem
}

.flex_xxl {
    margin: -2.25rem
}

.flex_xxl > * {
    padding: 2.25rem
}

.flex_x2 {
    margin: -3rem
}

.flex_x2 > * {
    padding: 3rem
}

.flex_x3 {
    margin: -4.5rem
}

.flex_x3 > * {
    padding: 4.5rem
}

.flex_x_xs {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.flex_x_xs > * {
    padding-left: .375rem;
    padding-right: .375rem
}

.flex_x_s {
    margin-left: -.5625rem;
    margin-right: -.5625rem
}

.flex_x_s > * {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.flex_x_m {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.flex_x_m > * {
    padding-left: .75rem;
    padding-right: .75rem
}

.flex_x_l {
    margin-left: -1.125rem;
    margin-right: -1.125rem
}

.flex_x_l > * {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.flex_x_xl {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.flex_x_xl > * {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.flex_x_xxl {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.flex_x_xxl > * {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.flex_x_x2 {
    margin-left: -3rem;
    margin-right: -3rem
}

.flex_x_x2 > * {
    padding-left: 3rem;
    padding-right: 3rem
}

.flex_x_x3 {
    margin-left: -4.5rem;
    margin-right: -4.5rem
}

.flex_x_x3 > * {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.flex_y_xs {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

.flex_y_xs > * {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.flex_y_s {
    margin-top: -.5625rem;
    margin-bottom: -.5625rem
}

.flex_y_s > * {
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.flex_y_m {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.flex_y_m > * {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.flex_y_l {
    margin-top: -1.125rem;
    margin-bottom: -1.125rem
}

.flex_y_l > * {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.flex_y_xl {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.flex_y_xl > * {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.flex_y_xxl {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem
}

.flex_y_xxl > * {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.flex_y_x2 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.flex_y_x2 > * {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.flex_y_x3 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem
}

.flex_y_x3 > * {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.flex_o_xs {
    margin: -.375rem
}

.flex_o_s {
    margin: -.5625rem
}

.flex_o_m {
    margin: -.75rem
}

.flex_o_l {
    margin: -1.125rem
}

.flex_o_xl {
    margin: -1.5rem
}

.flex_o_xxl {
    margin: -2.25rem
}

.flex_ox_xs {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.flex_ox_s {
    margin-left: -.5625rem;
    margin-right: -.5625rem
}

.flex_ox_m {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.flex_ox_l {
    margin-left: -1.125rem;
    margin-right: -1.125rem
}

.flex_ox_xl {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.flex_ox_xxl {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.flex_oy_xs {
    margin-top: -.375rem;
    margin-bottom: -.375rem
}

.flex_oy_s {
    margin-top: -.5625rem;
    margin-bottom: -.5625rem
}

.flex_oy_m {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.flex_oy_l {
    margin-top: -1.125rem;
    margin-bottom: -1.125rem
}

.flex_oy_xl {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.flex_oy_xxl {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem
}

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

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

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

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

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

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

.flex_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_1 > * {
    width: 100%
}

.flex_2 > * {
    width: 50%
}

.flex_3 > * {
    width: 33.33333333%
}

.flex_4 > * {
    width: 25%
}

.flex_5 > * {
    width: 20%
}

.flex_6 > * {
    width: 16.66666667%
}

.flex_7 > * {
    width: 14.28571429%
}

.flex_8 > * {
    width: 12.5%
}

.flex_9 > * {
    width: 11.11111111%
}

.flex_10 > * {
    width: 10%
}

.flex_11 > * {
    width: 9.09090909%
}

.flex_12 > * {
    width: 8.33333333%
}

.flex_6-5 > * {
    width: 16.66666667%
}

.flex_6-5 > :nth-child(11n-4) {
    margin-left: 8.33333333%
}

.flex_5-4 > * {
    width: 20%
}

.flex_5-4 > :nth-child(9n-3) {
    margin-left: 10%
}

.flex_4-3 > * {
    width: 25%
}

.flex_4-3 > :nth-child(7n-2) {
    margin-left: 12.5%
}

.flex_3-2 > * {
    width: 33.33333333%
}

.flex_3-2 > :nth-child(5n-1) {
    margin-left: 16.66666667%
}

.grid {
    display: -ms-grid;
    display: grid
}

.grid_xxs {
    grid-gap: .375rem
}

.grid_xs {
    grid-gap: .75rem
}

.grid_s {
    grid-gap: 1.125rem
}

.grid_m {
    grid-gap: 1.5rem
}

.grid_l {
    grid-gap: 2.25rem
}

.grid_xl {
    grid-gap: 3rem
}

.grid_xxl {
    grid-gap: 4.5rem
}

.grid_1 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
}

.grid_2 {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr)
}

.grid_3 {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr)
}

.grid_4 {
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr)
}

.grid_5 {
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns: repeat(5, 1fr)
}

.grid_6 {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns: repeat(6, 1fr)
}

.grid_7 {
    -ms-grid-columns:(1fr) [ 7 ];
    grid-template-columns: repeat(7, 1fr)
}

.grid_8 {
    -ms-grid-columns:(1fr) [ 8 ];
    grid-template-columns: repeat(8, 1fr)
}

.grid_9 {
    -ms-grid-columns:(1fr) [ 9 ];
    grid-template-columns: repeat(9, 1fr)
}

.grid_10 {
    -ms-grid-columns:(1fr) [ 10 ];
    grid-template-columns: repeat(10, 1fr)
}

.grid_11 {
    -ms-grid-columns:(1fr) [ 11 ];
    grid-template-columns: repeat(11, 1fr)
}

.grid_12 {
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns: repeat(12, 1fr)
}

.grid_6-5 > * {
    width: 16.66666667%
}

.grid_6-5 > :nth-child(11n-4) {
    margin-left: 8.33333333%
}

.grid_5-4 > * {
    width: 20%
}

.grid_5-4 > :nth-child(9n-3) {
    margin-left: 10%
}

.grid_4-3 > * {
    width: 25%
}

.grid_4-3 > :nth-child(7n-2) {
    margin-left: 12.5%
}

.grid_3-2 > * {
    width: 33.33333333%
}

.grid_3-2 > :nth-child(5n-1) {
    margin-left: 16.66666667%
}

.m_0 {
    margin: 0 !important
}

.m_auto {
    margin: auto
}

.m_xxs {
    margin: var(--spacing_xxs)
}

.m_xs {
    margin: var(--spacing_xs)
}

.m_s {
    margin: var(--spacing_s)
}

.m_m {
    margin: var(--spacing_m)
}

.m_l {
    margin: var(--spacing_l)
}

.m_xl {
    margin: var(--spacing_xl)
}

.m_xxl {
    margin: var(--spacing_xxl)
}

.mh_0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mh_auto {
    margin-left: auto;
    margin-right: auto
}

.mh_xxs {
    margin-left: var(--spacing_xxs);
    margin-right: var(--spacing_xxs)
}

.mh_xs {
    margin-left: var(--spacing_xs);
    margin-right: var(--spacing_xs)
}

.mh_s {
    margin-left: var(--spacing_s);
    margin-right: var(--spacing_s)
}

.mh_m {
    margin-left: var(--spacing_m);
    margin-right: var(--spacing_m)
}

.mh_l {
    margin-left: var(--spacing_l);
    margin-right: var(--spacing_l)
}

.mh_xl {
    margin-left: var(--spacing_xl);
    margin-right: var(--spacing_xl)
}

.mh_xxl {
    margin-left: var(--spacing_xxl);
    margin-right: var(--spacing_xxl)
}

.mv_0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mv_auto {
    margin-top: auto;
    margin-bottom: auto
}

.mv_xxs {
    margin-top: var(--spacing_xxs);
    margin-bottom: var(--spacing_xxs)
}

.mv_xs {
    margin-top: var(--spacing_xs);
    margin-bottom: var(--spacing_xs)
}

.mv_s {
    margin-top: var(--spacing_s);
    margin-bottom: var(--spacing_s)
}

.mv_m {
    margin-top: var(--spacing_m);
    margin-bottom: var(--spacing_m)
}

.mv_l {
    margin-top: var(--spacing_l);
    margin-bottom: var(--spacing_l)
}

.mv_xl {
    margin-top: var(--spacing_xl);
    margin-bottom: var(--spacing_xl)
}

.mv_xxl {
    margin-top: var(--spacing_xxl);
    margin-bottom: var(--spacing_xxl)
}

.mt_0 {
    margin-top: 0 !important
}

.mt_auto {
    margin-top: auto
}

.mt_xxs {
    margin-top: var(--spacing_xxs)
}

.mt_xs {
    margin-top: var(--spacing_xs)
}

.mt_s {
    margin-top: var(--spacing_s)
}

.mt_m {
    margin-top: var(--spacing_m)
}

.mt_l {
    margin-top: var(--spacing_l)
}

.mt_xl {
    margin-top: var(--spacing_xl)
}

.mt_xxl {
    margin-top: var(--spacing_xxl)
}

.mr_xxs {
    margin-right: var(--spacing_xxs)
}

.mr_0 {
    margin-right: 0 !important
}

.mr_auto {
    margin-right: auto
}

.mr_xs {
    margin-right: var(--spacing_xs)
}

.mr_s {
    margin-right: var(--spacing_s)
}

.mr_m {
    margin-right: var(--spacing_m)
}

.mr_l {
    margin-right: var(--spacing_l)
}

.mr_xl {
    margin-right: var(--spacing_xl)
}

.mr_xxl {
    margin-right: var(--spacing_xxl)
}

.mb_0 {
    margin-bottom: 0 !important
}

.mb_auto {
    margin-bottom: auto
}

.mb_xxs {
    margin-bottom: var(--spacing_xxs)
}

.mb_xs {
    margin-bottom: var(--spacing_xs)
}

.mb_s {
    margin-bottom: var(--spacing_s)
}

.mb_m {
    margin-bottom: var(--spacing_m)
}

.mb_l {
    margin-bottom: var(--spacing_l)
}

.mb_xl {
    margin-bottom: var(--spacing_xl)
}

.mb_xxl {
    margin-bottom: var(--spacing_xxl)
}

.ml_0 {
    margin-left: 0 !important
}

.ml_auto {
    margin-left: auto
}

.ml_xxs {
    margin-left: var(--spacing_xxs)
}

.ml_xs {
    margin-left: var(--spacing_xs)
}

.ml_s {
    margin-left: var(--spacing_s)
}

.ml_m {
    margin-left: var(--spacing_m)
}

.ml_l {
    margin-left: var(--spacing_l)
}

.ml_xl {
    margin-left: var(--spacing_xl)
}

.ml_xxl {
    margin-left: var(--spacing_xxl)
}

.o_xxs {
    margin: var(--offset_xxs)
}

.o_xs {
    margin: var(--offset_xs)
}

.o_s {
    margin: var(--offset_s)
}

.o_m {
    margin: var(--offset_m)
}

.o_l {
    margin: var(--offset_l)
}

.o_xl {
    margin: var(--offset_xl)
}

.o_xxl {
    margin: var(--offset_xxl)
}

.ox_xxs {
    margin-left: var(--offset_xxs);
    margin-right: var(--offset_xxs)
}

.ox_xs {
    margin-left: var(--offset_xs);
    margin-right: var(--offset_xs)
}

.ox_s {
    margin-left: var(--offset_s);
    margin-right: var(--offset_s)
}

.ox_m {
    margin-left: var(--offset_m);
    margin-right: var(--offset_m)
}

.ox_l {
    margin-left: var(--offset_l);
    margin-right: var(--offset_l)
}

.ox_xl {
    margin-left: var(--offset_xl);
    margin-right: var(--offset_xl)
}

.ox_xxl {
    margin-left: var(--offset_xxl);
    margin-right: var(--offset_xxl)
}

.oy_xxs {
    margin-top: var(--offset_xxs);
    margin-bottom: var(--offset_xxs)
}

.oy_xs {
    margin-top: var(--offset_xs);
    margin-bottom: var(--offset_xs)
}

.oy_s {
    margin-top: var(--offset_s);
    margin-bottom: var(--offset_s)
}

.oy_m {
    margin-top: var(--offset_m);
    margin-bottom: var(--offset_m)
}

.oy_l {
    margin-top: var(--offset_l);
    margin-bottom: var(--offset_l)
}

.oy_xl {
    margin-top: var(--offset_xl);
    margin-bottom: var(--offset_xl)
}

.oy_xxl {
    margin-top: var(--offset_xxl);
    margin-bottom: var(--offset_xxl)
}

.ot_xxs {
    margin-top: var(--offset_xxs)
}

.ot_xs {
    margin-top: var(--offset_xs)
}

.ot_s {
    margin-top: var(--offset_s)
}

.ot_m {
    margin-top: var(--offset_m)
}

.ot_l {
    margin-top: var(--offset_l)
}

.ot_xl {
    margin-top: var(--offset_xl)
}

.ot_xxl {
    margin-top: var(--offset_xxl)
}

.or_xxs {
    margin-right: var(--offset_xxs)
}

.or_xs {
    margin-right: var(--offset_xs)
}

.or_s {
    margin-right: var(--offset_s)
}

.or_m {
    margin-right: var(--offset_m)
}

.or_l {
    margin-right: var(--offset_l)
}

.or_xl {
    margin-right: var(--offset_xl)
}

.or_xxl {
    margin-right: var(--offset_xxl)
}

.ob_xxs {
    margin-bottom: var(--offset_xxs)
}

.ob_xs {
    margin-bottom: var(--offset_xs)
}

.ob_s {
    margin-bottom: var(--offset_s)
}

.ob_m {
    margin-bottom: var(--offset_m)
}

.ob_l {
    margin-bottom: var(--offset_l)
}

.ob_xl {
    margin-bottom: var(--offset_xl)
}

.ob_xxl {
    margin-bottom: var(--offset_xxl)
}

.ol_xxs {
    margin-left: var(--offset_xxs)
}

.ol_xs {
    margin-left: var(--offset_xs)
}

.ol_s {
    margin-left: var(--offset_s)
}

.ol_m {
    margin-left: var(--offset_m)
}

.ol_l {
    margin-left: var(--offset_l)
}

.ol_xl {
    margin-left: var(--offset_xl)
}

.ol_xxl {
    margin-left: var(--offset_xxl)
}

.o_content {
    margin: var(--offset_content)
}

.ox_content {
    margin-left: var(--offset_content_x);
    margin-right: var(--offset_content_x)
}

.oy_content {
    margin-bottom: var(--offset_content_y)
}

.ot_content, .oy_content {
    margin-top: var(--offset_content_y)
}

.or_content {
    margin-right: var(--offset_content_x)
}

.ob_content {
    margin-bottom: var(--offset_content_y)
}

.ol_content {
    margin-left: var(--offset_content_x)
}

.p_xxs {
    padding: var(--spacing_xxs)
}

.p_xs {
    padding: var(--spacing_xs)
}

.p_s {
    padding: var(--spacing_s)
}

.p_m {
    padding: var(--spacing_m)
}

.p_l {
    padding: var(--spacing_l)
}

.p_xl {
    padding: var(--spacing_xl)
}

.p_xxl {
    padding: var(--spacing_xxl)
}

.ph_xxs {
    padding-left: var(--spacing_xxs);
    padding-right: var(--spacing_xxs)
}

.ph_xs {
    padding-left: var(--spacing_xs);
    padding-right: var(--spacing_xs)
}

.ph_s {
    padding-left: var(--spacing_s);
    padding-right: var(--spacing_s)
}

.ph_m {
    padding-left: var(--spacing_m);
    padding-right: var(--spacing_m)
}

.ph_l {
    padding-left: var(--spacing_l);
    padding-right: var(--spacing_l)
}

.ph_xl {
    padding-left: var(--spacing_xl);
    padding-right: var(--spacing_xl)
}

.ph_xxl {
    padding-left: var(--spacing_xxl);
    padding-right: var(--spacing_xxl)
}

.pv_xxs {
    padding-top: var(--spacing_xxs);
    padding-bottom: var(--spacing_xxs)
}

.pv_xs {
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs)
}

.pv_s {
    padding-top: var(--spacing_s);
    padding-bottom: var(--spacing_s)
}

.pv_m {
    padding-top: var(--spacing_m);
    padding-bottom: var(--spacing_m)
}

.pv_l {
    padding-top: var(--spacing_l);
    padding-bottom: var(--spacing_l)
}

.pv_xl {
    padding-top: var(--spacing_xl);
    padding-bottom: var(--spacing_xl)
}

.pv_xxl {
    padding-top: var(--spacing_xxl);
    padding-bottom: var(--spacing_xxl)
}

.p_content {
    padding: var(--spacing_content)
}

.ph_content {
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x)
}

.pv_content {
    padding-top: var(--spacing_content_y);
    padding-bottom: var(--spacing_content_y)
}

.shadow_0 {
    box-shadow: none
}

.shadow_1 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.shadow_2 {
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12), 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25)
}

.shadow_3 {
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.shadow_4 {
    box-shadow: 0 3px 1.125rem -.5625rem rgba(0, 0, 0, .12), 0 1.6875rem 1.6875rem -1.125rem rgba(0, 0, 0, .25)
}

.shadow_5 {
    box-shadow: 0 3px 1.5rem -.75rem rgba(0, 0, 0, .12), 0 2.25rem 2.25rem -1.5rem rgba(0, 0, 0, .25)
}

.shadow_inset_1 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12) inset, 0 2px 2px 0 rgba(0, 0, 0, .12) inset
}

.shadow_inset_2 {
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12) inset, 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25) inset
}

html {
    font-size: var(--fs)
}

body {
    color: var(--c-text);
    font-family: 'Roboto', sans-serif;
    min-width: 320px;
    background-color: #f3f3f3;
    overflow-x: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: 'Roboto', sans-serif;
    color: #000
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.125
}

.h1:before, .h2:before, .h3:before, .h4:before, .h5:before, .h6:before, h1:before, h2:before, h3:before, h4:before, h5:before, h6:before, p:before {
    content: '';
    display: block;
    margin-top: -.140625em
}

.h1:after, .h2:after, .h3:after, .h4:after, .h5:after, .h6:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    content: '';
    display: block;
    margin-bottom: -.140625em
}

._invert .h1, ._invert .h2, ._invert .h3, ._invert .h4, ._invert .h5, ._invert .h6, ._invert h1, ._invert h2, ._invert h3, ._invert h4, ._invert h5, ._invert h6 {
    color: #fff
}

.h1, h1 {
    font-size: var(--fs_h1);
    line-height: 1;
    font-weight: 600
}

.h2, h2 {
    font-size: var(--fs_h2)
}

.h3, h3 {
    font-size: var(--fs_h3)
}

.h4, h4 {
    font-size: var(--fs_h4)
}

.h5, h5 {
    font-size: var(--fs_h5)
}

.h6, h6 {
    font-size: var(--fs_h6)
}

blockquote, p {
    line-height: 1.5;
    padding-top: 1px;
    padding-bottom: 1px
}

p:before {
    position: relative;
    margin-top: -.3em
}

blockquote:after, p:after {
    margin-bottom: -.3em
}

p:after {
    content: '';
    position: relative
}

blockquote:after, blockquote:before {
    position: absolute;
    line-height: 1;
    font-size: 3em;
    pointer-events: none
}

blockquote:before {
    right: 100%;
    margin-right: .125em;
    display: block;
    content: '«';
    margin-top: -.5em
}

blockquote:after {
    display: inline-block;
    content: '»';
    text-align: right;
    margin-top: -.15em;
    margin-left: .125em
}

cite, dd, dt, p:after {
    display: block
}

small {
    font-size: 75%
}

b, strong {
    font-weight: 700
}

cite, i {
    font-style: normal
}

hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125);
    height: 0;
    clear: both
}

dd, dl, dt, hr {
    margin: 0
}

dd, dt {
    line-height: 1;
    padding: 0
}

dt {
    color: #4a4a4a;
    font-size: 100%
}

dd {
    color: #000
}

.lh {
    line-height: 1 !important
}

.lh_xs {
    line-height: 1
}

.lh_s {
    line-height: 1.125
}

.lh_m {
    line-height: 1.25
}

.lh_l {
    line-height: 1.375
}

.lh_xl {
    line-height: 1.5
}

.ff_headings, .ff_primary, .ff_secondary, .ff_text {
    font-family: 'Roboto', sans-serif
}

.fs_xxs {
    font-size: var(--fs_xxs)
}

.fs_xs {
    font-size: var(--fs_xs)
}

.fs_s {
    font-size: var(--fs_s)
}

.fs_m {
    font-size: 1em
}

.fs_l {
    font-size: var(--fs_l)
}

.fs_xl {
    font-size: var(--fs_xl)
}

.fs_xxl {
    font-size: var(--fs_xxl)
}

.fs_100pct {
    font-size: 100%
}

.fs_200pct {
    font-size: 200%
}

.fs_300pct {
    font-size: 300%
}

.fs_400pct {
    font-size: 400%
}

.fs_500pct {
    font-size: 500%
}

.fs_600pct {
    font-size: 600%
}

.fs_700pct {
    font-size: 700%
}

.fs_800pct {
    font-size: 800%
}

.fs_900pct {
    font-size: 900%
}

.fs_1000pct {
    font-size: 1000%
}

.fw_100 {
    font-weight: 100
}

.fw_200 {
    font-weight: 200
}

.fw_300 {
    font-weight: 300
}

.fw_400, .fw_normal {
    font-weight: 400
}

.fw_500, .fw_medium {
    font-weight: 500
}

.fw_600, .fw_bold {
    font-weight: 600
}

.fw_700 {
    font-weight: 700
}

.fw_800 {
    font-weight: 800
}

.fw_900 {
    font-weight: 900
}

.fc_green {
    color: #2d5f5e
}

.fc_peach {
    color: #9e6656
}

.fc_purple {
    color: #665b76
}

.tt_lowercase {
    text-transform: lowercase
}

.tt_capitalize {
    text-transform: capitalize
}

.tt_uppercase {
    text-transform: uppercase
}

.ta_left {
    text-align: left
}

.ta_center {
    text-align: center
}

.ta_right {
    text-align: right
}

.nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.w_25 {
    width: 25%
}

.w_50 {
    width: 50%
}

.w_75 {
    width: 75%
}

._debug .grid__item {
    background-color: #ccc
}



/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    z-index: 1
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    position: absolute;
    background: #e8e7e6
}

.noUi-handle:before {
    height: 14px;
    width: 1px;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    display: block
}

.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.badge_hit .badge__border, .badge_new .badge__border {
    background-color: #3c6
}

.badge_sale .badge__border {
    background-color: #e85454
}

.badge_sale .badge__title {
    color: #fff
}

.badge_action .badge__border {
    background-color: #fc0
}

.badge_default .badge__border {
    padding: var(--spacing_xxs)
}

.badge_default .badge__title {
    text-transform: uppercase;
    font-size: var(--fs_xs)
}

.box_card {
    border-radius: 2px
}

.box_default .box__body {
    margin-top: var(--spacing_m)
}

.box_card, .box_primary {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    padding: var(--spacing_content)
}

.box {
    max-width: 100%
}

.box_xs {
    width: 12rem
}

.box_s {
    width: 16rem
}

.box_m {
    width: 36rem
}

.box_l {
    width: 43.2rem
}

.box_xl {
    width: 51.84rem
}

.btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    box-sizing: border-box;
    -webkit-transition: opacity .25s ease, box-shadow .25s ease;
    transition: opacity .25s ease, box-shadow .25s ease;
    background: 0 0
}

.btn:active, .btn:focus, .btn:hover {
    outline: none
}

.btn:disabled, .btn[disabled], .btn_disabled, .btn_disabled:active, .btn_disabled:focus, .btn_disabled:hover {
    opacity: .5;
    pointer-events: none;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

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

.btn__bg, .btn__mask {
    -webkit-transform: translateZ(0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn__mask {
    overflow: hidden
}

.btn__bg {
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease, -webkit-filter .25s ease;
    transition: opacity .25s ease, transform .25s ease, filter .25s ease;
    transition: opacity .25s ease, transform .25s ease, filter .25s ease, -webkit-transform .25s ease, -webkit-filter .25s ease
}

.btn:hover .btn__bg, .btn_hover .btn__bg {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0);
    -webkit-filter: brightness(125%) saturate(100%);
    filter: brightness(125%) saturate(100%)
}

.btn:focus .btn__bg, .btn_focus .btn__bg {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    -webkit-filter: brightness(100%) saturate(125%);
    filter: brightness(100%) saturate(125%)
}

.btn:active .btn__bg, .btn_active .btn__bg {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    -webkit-filter: brightness(75%) saturate(125%);
    filter: brightness(75%) saturate(125%)
}

.btn__title {
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.btn__notification {
    background-color: #ffce1b;
    color: #000;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.btn_block {
    width: 100%
}

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

.btn_noflex {
    display: block !important
}

.btn_rounded {
    border-radius: 3px
}

.btn_circle, .btn_circle:after, .btn_circle:before {
    border-radius: 50% !important
}

.btn_circle, .btn_square {
    padding: 0 !important;
    height: 3em;
    width: 3em
}

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

.btn-group .btn:hover, .btn-group .btn_active {
    z-index: 5
}

.btn_default {
    -webkit-transition: border-color .25s ease;
    transition: border-color .25s ease;
    border-radius: 2px;
    padding: 0 1.5em;
    border: 1px solid rgba(0, 0, 0, .25)
}

.btn_default .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: .035em;
    text-transform: uppercase
}

.btn_default, .btn_default.btn_hover, .btn_default:hover {
    color: #000;
    fill: #000
}

.btn_default.btn_focus, .btn_default:focus {
    color: #3076bf;
    fill: #3076bf
}

.btn_default.btn_active, .btn_default:active {
    color: #3076bf;
    fill: #3076bf
}

.btn_default.btn_hover, .btn_default:hover {
    border-color: rgba(0, 0, 0, .5)
}

.btn_default.btn_focus, .btn_default:focus {
    border-color: #3076bf
}

.btn_default.btn_active, .btn_default:active {
    border-color: #3076bf
}

._invert .btn_default {
    color: #fff;
    fill: #fff;
    border: 1px solid rgba(255, 255, 255, .25)
}

._invert .btn_default.btn_hover, ._invert .btn_default:hover {
    color: #fff;
    fill: #fff
}

._invert .btn_default.btn_focus, ._invert .btn_default:focus {
    color: #3076bf;
    fill: #3076bf
}

._invert .btn_default.btn_active, ._invert .btn_default:active {
    color: #3076bf;
    fill: #3076bf
}

._invert .btn_default.btn_hover, ._invert .btn_default:hover {
    border-color: rgba(255, 255, 255, .5)
}

._invert .btn_default.btn_focus, ._invert .btn_default:focus {
    border-color: #3076bf
}

._invert .btn_default.btn_active, ._invert .btn_default:active {
    border-color: #3076bf
}

.btn_primary {
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    padding: 0 1.5em;
    background-color: #ffce1b
}

.btn_primary .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: .035em;
    text-transform: uppercase
}

.btn_primary, .btn_primary.btn_hover, .btn_primary:hover {
    color: #000;
    fill: #000
}

.btn_primary.btn_focus, .btn_primary:focus {
    color: #000;
    fill: #000
}

.btn_primary.btn_active, .btn_primary:active {
    color: #000;
    fill: #000
}

.btn_primary.btn_hover, .btn_primary:hover {
    background-color: #ffce1b
}

.btn_primary.btn_focus, .btn_primary:focus {
    background-color: #ffce1b
}

.btn_primary.btn_active, .btn_primary:active {
    background-color: #ffce1b
}

.btn_auto {
    min-height: 3em
}

.btn_m, .btn_s, .btn_xs {
    font-size: .6em;
    min-height: 3em
}

.btn_m, .btn_s {
    font-size: .8em
}

.btn_m {
    font-size: 1em
}

.btn_l, .btn_xl {
    font-size: 1.2em;
    min-height: 3em
}

.btn_xl {
    font-size: 1.4em
}

.btn_white {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    padding: 0 1.5em;
    background-color: #fff
}

.btn_white .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: .025em;
    text-transform: uppercase
}

.btn_white, .btn_white.btn_hover, .btn_white:hover {
    color: #000;
    fill: #000
}

.btn_white.btn_focus, .btn_white:focus {
    color: #000;
    fill: #000
}

.btn_white.btn_active, .btn_white:active {
    color: #000;
    fill: #000
}

.btn_white.btn_hover, .btn_white:hover {
    background-color: #fff
}

.btn_white.btn_focus, .btn_white:focus {
    background-color: #fff
}

.btn_white.btn_active, .btn_white:active {
    background-color: #fff
}

.comment_default .comment__content {
    line-height: 1.375;
    max-width: 36rem
}

.comment_negative .comment__content {
    line-height: 1.375;
    background-color: #ffe47f
}

.crumbs {
    padding: var(--spacing_xs) var(--spacing_content_x);
    margin-bottom: var(--offset_l);
    z-index: 5;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.crumbs:hover {
    opacity: 1
}

.crumbs__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--fs_xs);
    color: #898989
}

.crumbs__item {
    margin-right: var(--spacing_m)
}

.crumbs__item:after, .dropdown__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.crumbs__item:after {
    content: "/";
    left: 100%;
    width: 1.2rem;
    text-align: center;
    display: block
}

.crumbs__link {
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    color: #000;
    text-decoration: none
}

.crumbs__link:hover {
    color: #3076bf
}

.dropdown__content {
    z-index: 200;
    display: none;
    right: 100%;
    border: 1px solid rgba(0, 0, 0, .125)
}

.dropdown_open .dropdown__content {
    display: block
}

.dropzone__area {
    padding: var(--spacing_l);
    background-color: rgba(0, 0, 0, .05);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12) inset, 0 2px 2px 0 rgba(0, 0, 0, .12) inset;
    border-radius: 2px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.dropzone__area:hover {
    cursor: pointer;
    background-color: rgba(0, 157, 255, .5)
}

.dropzone__btn {
    text-align: center
}

.editor blockquote, .editor cite, .editor dl, .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor hr, .editor ol, .editor p, .editor ul {
    max-width: 36rem
}

.editor_center .img, .editor_center .table, .editor_center blockquote, .editor_center cite, .editor_center dl, .editor_center h1, .editor_center h2, .editor_center h3, .editor_center h4, .editor_center h5, .editor_center h6, .editor_center hr, .editor_center ol, .editor_center p, .editor_center ul {
    margin-left: auto;
    margin-right: auto
}

.editor_right .img, .editor_right .table, .editor_right blockquote, .editor_right cite, .editor_right dl, .editor_right h1, .editor_right h2, .editor_right h3, .editor_right h4, .editor_right h5, .editor_right h6, .editor_right hr, .editor_right ol, .editor_right p, .editor_right ul {
    margin-left: auto
}

.editor * + h1:not([class]), .editor * + h2:not([class]), .editor * + h3:not([class]), .editor * + h4:not([class]), .editor * + h5:not([class]), .editor * + h6:not([class]) {
    margin-top: var(--spacing_xl)
}

.editor * + dl, .editor * + ol, .editor * + p, .editor * + ul {
    margin-top: var(--spacing_l)
}

a.filetype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

a.filetype:before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: var(--spacing_s);
    width: 2.4em;
    height: 2.4em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

a.filetype[href$=csv]:before {
    background-image: url(../img/assets/gui/filetypes/csv.svg)
}

a.filetype[href$=doc]:before, a.filetype[href$=docx]:before {
    background-image: url(../img/assets/gui/filetypes/doc.svg)
}

a.filetype[href$=jpeg]:before, a.filetype[href$=jpg]:before {
    background-image: url(../img/assets/gui/filetypes/jpg.svg)
}

a.filetype[href$=pdf]:before {
    background-image: url(../img/assets/gui/filetypes/pdf.svg)
}

a.filetype[href$=png]:before {
    background-image: url(../img/assets/gui/filetypes/png.svg)
}

a.filetype[href$=ppt]:before, a.filetype[href$=pptx]:before {
    background-image: url(../img/assets/gui/filetypes/ppt.svg)
}

a.filetype[href$=txt]:before {
    background-image: url(../img/assets/gui/filetypes/txt.svg)
}

a.filetype[href$=xls]:before, a.filetype[href$=xlsx]:before {
    background-image: url(../img/assets/gui/filetypes/xls.svg)
}

a.filetype[href$=xml]:before {
    background-image: url(../img/assets/gui/filetypes/xml.svg)
}

a.filetype[href$="7z"]:before, a.filetype[href$=rar]:before, a.filetype[href$=zip]:before {
    background-image: url(../img/assets/gui/filetypes/zip.svg)
}

.flip__back, .flip__back *, .flip__front, .flip__front * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip__back, .flip__front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip__back *, .flip__front * {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
}

.flip__front {
    z-index: 2;
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg)
}

.flip__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flip_active .flip__front {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.flip_active .flip__back {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg)
}

.flip__box {
    -webkit-perspective: 100vmax;
    perspective: 100vmax;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
}

.header_controls, .header_listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header_controls .header__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

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

.header_listing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header_listing .header__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header_listing .header__controls, .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header_listing .header__controls {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto
}

.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.icon_circle, .icon_circle:before {
    border-radius: 50%
}

.icon svg {
    display: block;
    position: relative;
    -webkit-transition: fill .25s ease;
    transition: fill .25s ease;
    -webkit-transform: translateZ(0)
}

.icon_default {
    fill: var(--c-title)
}

.icon_success {
    background-color: #6dbe45;
    fill: #fff
}

.icon_fail {
    background-color: #ed2024;
    fill: #fff
}

.icon_xxs svg {
    width: .6em;
    height: .6em
}

.icon_xs svg {
    width: .8em;
    height: .8em
}

.icon_s svg {
    width: 1em;
    height: 1em
}

.icon_m svg {
    width: 1.2em;
    height: 1.2em
}

.icon_l svg {
    width: 1.4em;
    height: 1.4em
}

.icon_xl svg {
    width: 1.6em;
    height: 1.6em
}

.icon_xxl svg {
    width: 1.8em;
    height: 1.8em
}

.icon_x2 svg {
    width: 2.4em;
    height: 2.4em
}

.icon_x3 svg {
    width: 3.6em;
    height: 3.6em
}

.icon_x4 svg {
    width: 4.8em;
    height: 4.8em
}

.icon_x5 svg {
    width: 6em;
    height: 6em
}

.icon_16 svg {
    width: 16px;
    height: 16px
}

.icon_24 svg {
    width: 24px;
    height: 24px
}

.icon_32 svg {
    width: 32px;
    height: 32px
}

.icon_48 svg {
    width: 48px;
    height: 48px
}

.icon_toggle_y {
    position: absolute !important;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.link {
    display: inline;
    cursor: pointer
}

.link, .link-area {
    text-decoration: none
}

.link_default, .link_grey, .link_muted, .link_secondary {
    -webkit-transition: color .25s ease, border-bottom-color .25s ease;
    transition: color .25s ease, border-bottom-color .25s ease
}

.link_default {
    border-bottom: 1px solid #3076bf;
    color: #3076bf
}

.link_grey, .link_muted, .link_secondary {
    color: #898989
}

.link-area:hover .link_grey, .link_grey:hover, .link_grey:visited:hover {
    color: #3076bf
}

.link_muted, .link_secondary {
    border-bottom: 1px solid transparent
}

.link-area:hover .link_muted, .link-area:hover .link_secondary, .link_muted:hover, .link_muted:visited:hover, .link_secondary:hover, .link_secondary:visited:hover {
    color: #3076bf;
    border-bottom-color: #3076bf
}

.link_secondary {
    color: #4a4a4a
}

.link_secondary:active, .link_secondary:focus {
    color: #000;
    border-bottom-color: #000
}

.link_text, .link_title {
    -webkit-transition: color .25s ease, border-bottom-color .25s ease;
    transition: color .25s ease, border-bottom-color .25s ease;
    color: #4a4a4a
}

.link-area:hover .link_text, .link_text:hover, .link_text:visited:hover {
    color: #3076bf
}

.link_title {
    border-bottom: 1px solid transparent;
    color: #000
}

.link-area:hover .link_title, .link_title:hover, .link_title:visited:hover {
    color: #3076bf;
    border-bottom-color: #3076bf
}

.link_title:active, .link_title:focus {
    color: #000;
    border-bottom-color: #000
}

._invert .link_title {
    color: #fff
}

._invert .link-area:hover .link_title, ._invert .link_title:hover, ._invert .link_title:visited:hover {
    color: #ffce1b;
    border-bottom-color: #ffce1b
}

._invert .link_title:active, ._invert .link_title:focus {
    color: #fff;
    border-bottom-color: #fff
}

.gallery_default, .gallery_edit {
    display: -ms-grid;
    display: grid
}

.list_xs .list__item + .list__item {
    margin-top: var(--spacing_xs)
}

.editor li + .editor li, .list_s .list__item + .list__item {
    margin-top: var(--spacing_s)
}

.list_m .list__item + .list__item {
    margin-top: var(--spacing_m)
}

.list_l .list__item + .list__item {
    margin-top: var(--spacing_l)
}

.list_xl .list__item + .list__item {
    margin-top: var(--spacing_xl)
}

.list_underline > .list__item + .list__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

._invert .list_underline > .list__item + .list__item, ._invert .table_default .table__item + .table__item {
    border-color: rgba(255, 255, 255, .35)
}

.msg_success {
    color: rgba(0, 0, 0, .8);
    background-color: #b7dfa3
}

.msg_info, .msg_warning {
    color: rgba(0, 0, 0, .8);
    background-color: #adceed
}

.msg_warning {
    background-color: #fccf99
}

.msg_error, .msg_fail {
    color: rgba(0, 0, 0, .8);
    background-color: #f79698
}

.msg_default {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: var(--spacing_s);
    border-radius: 1px
}

.msg_field {
    color: rgba(0, 0, 0, .8);
    padding: var(--spacing_xxs);
    font-size: var(--fs_xs);
    display: inline-block;
    font-weight: 400
}

.msg_s {
    padding: .5em
}

.msg_m {
    padding: 1em
}

.msg_l {
    padding: 1.5em
}

.notification {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 15
}

.notification__msg {
    overflow: hidden;
    cursor: pointer
}

.noUi-handle:before, .notification__msg_new {
    display: none
}

.noUi-horizontal {
    height: 1px;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.noUi-target {
    background-color: #4a4a4a
}

.noUi-connect {
    background-color: #fff;
    height: 1px;
    box-shadow: none
}

.noUi-handle {
    position: absolute;
    background-image: none;
    box-shadow: none;
    width: 2rem !important;
    height: 2rem !important;
    border: 0;
    border-radius: 50%;
    left: 0 !important;
    top: 50% !important;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.noUi-handle:after {
    border-radius: 50%;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.noUi-handle:hover {
    cursor: pointer
}

.noUi-handle:hover:after {
    -webkit-transform: scale(.4);
    transform: scale(.4)
}

.nouislider_test {
    padding-bottom: 2rem
}

.nouislider_test .noUi-mask {
    background-color: #ccc;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.nouislider_test .noUi-horizontal {
    height: .5rem
}

.nouislider_test .noUi-target {
    background: -webkit-linear-gradient(right, #1dff00 0%, #fff200 50%, red 100%);
    background: linear-gradient(to left, #1dff00 0%, #fff200 50%, red 100%);
    border-radius: .25rem;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25) inset, 0 0 3px 0 rgba(0, 0, 0, .5) inset
}

.nouislider_test .noUi-connect {
    height: .5rem
}

.nouislider_test .noUi-origin {
    width: 2rem !important;
    height: 2rem !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nouislider_test .noUi-handle {
    width: 2rem !important;
    height: 2rem !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nouislider_test .noUi-handle:after {
    box-sizing: border-box;
    background-color: #fff;
    border: .5em solid #000;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12), 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25)
}

.nouislider_test .noUi-handle:hover:after {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.nouislider_test .noUi-pips {
    padding: .25em 0;
    height: 2rem
}

.nouislider_test .noUi-marker {
    height: .5em
}

.nouislider_test .noUi-value {
    font-size: var(--fs_xs);
    margin-top: .5em
}

.paginator, .paginator__pages, .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.paginator {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paginator__pages, .price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.paginator__pages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: var(--spacing_m);
    margin-right: var(--spacing_m)
}

.price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1
}

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

.price_left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.price_right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.price_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.price_btn {
    height: 3em
}

.price_default {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.price_default .price__new, .price_default .price__old, .price_default .price__val {
    white-space: nowrap;
    color: #000;
    font-size: 100%;
    font-weight: 400
}

._invert .control_default > input:hover, ._invert .control_default > select:hover, ._invert .control_default > textarea:hover, ._invert .price_default .price__val {
    color: #fff
}

.price_default .price__old {
    color: #898989;
    margin-top: var(--spacing_xs)
}

.price_default .price__old:after {
    display: block;
    content: '';
    position: absolute;
    left: -5%;
    right: -5%;
    top: 50%;
    border-bottom: 1px solid #898989;
    margin-top: -.5px
}

.price_xs {
    font-size: .66666667em
}

.price_s {
    font-size: .83333333em
}

.price_m {
    font-size: 1em
}

.price_l {
    font-size: 1.16666667em
}

.price_xl {
    font-size: 1.33333333em
}

.price_xxl {
    font-size: 1.5em
}

.progress {
    overflow: hidden
}

.progress__bar {
    height: .5em
}

.progress__mask {
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.editor dd + dt, .range__slider {
    margin-top: var(--spacing_m)
}

.range__input input {
    padding-top: 0 !important
}

.scroll {
    overflow: hidden
}

.scroll:after, .scroll:before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: 5;
    left: 0;
    right: 16px;
    height: 1.5rem;
    pointer-events: none;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: 0
}

.scroll:before {
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0))
}

.scroll_bottom.scroll:after, .scroll_top.scroll:before {
    opacity: 1
}

.scroll:after {
    bottom: 0;
    background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0))
}

.scroll__overflow {
    overflow-x: hidden;
    overflow-y: auto
}

.scroll__content {
    overflow: hidden
}

.swiper__img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.html_loading .swiper .swiper__button_next, .html_loading .swiper .swiper__button_prev, .html_loading .swiper .swiper__pagination {
    opacity: 0
}

.swiper_content {
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    margin-left: var(--offset_content_x);
    margin-right: var(--offset_content_x)
}

.swiper_sections {
    height: 100%;
    overflow: hidden
}

.swiper_sections .swiper__container, .swiper_sections .swiper__slide, .swiper_sections .swiper__wrapper {
    height: 100%
}

.swiper_sections .swiper__slide {
    max-height: 100%
}

.swiper_box .swiper__container {
    overflow: hidden
}

.swiper_box .swiper__button_prev {
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.swiper_box .swiper__button_next {
    -webkit-transform: translatex(50%);
    transform: translatex(50%)
}

.swiper_box .swiper__button_prev.swiper__button_disabled {
    -webkit-transform: translatex(-50%) scale(.25);
    transform: translatex(-50%) scale(.25)
}

.swiper_box .swiper__button_next.swiper__button_disabled {
    -webkit-transform: translatex(50%) scale(.25);
    transform: translatex(50%) scale(.25)
}

.swiper_wide .swiper__button_prev {
    left: -5vw
}

.swiper_wide .swiper__button_next {
    right: -5vw
}

.js-swiper img:not(:first-of-type) {
    display: none
}

.swiper__container, .swiper__expand {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.swiper__expand {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 7.5rem;
    height: 7.5rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 20;
    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;
    opacity: 0
}

.swiper:hover .swiper__expand {
    opacity: 1
}

.swiper__expand .btn__icon_zoom {
    display: block
}

.swiper__expand .btn__icon_close {
    display: none
}

.swiper__container {
    overflow: visible
}

.swiper_h .swiper__wrapper, .swiper_v .swiper__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.swiper_h .swiper__wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.swiper_v .swiper__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.swiper__slide {
    max-width: 100%;
    background-position: center center;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.swiper_v .swiper__slide {
    width: 100%
}

.swiper__button {
    position: absolute;
    z-index: 10;
    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;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease
}

.swiper__button.swiper__button_disabled {
    pointer-events: none
}

.swiper__button:not(.swiper__button_disabled) {
    cursor: pointer
}

.swiper__button_vmiddle {
    top: 50%
}

.swiper__button_vmiddle.swiper__button_prev {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper__button_vmiddle.swiper__button_prev.swiper__button_disabled {
    -webkit-transform: translate(-150%, -50%);
    transform: translate(-150%, -50%)
}

.swiper__button_vmiddle.swiper__button_next {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.swiper__button_vmiddle.swiper__button_next.swiper__button_disabled {
    -webkit-transform: translate(150%, -50%);
    transform: translate(150%, -50%)
}

.swiper__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper__pagination_vbottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.swiper_h .swiper__pagination_inside {
    position: absolute;
    z-index: 15;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: .5em
}

.swiper_h .swiper__pagination_outside {
    margin-top: .5em
}

.swiper_v .swiper__pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .75rem
}

.swiper__pagination-bullet {
    cursor: pointer;
    position: relative;
    background-color: transparent;
    opacity: 1;
    width: 1em;
    height: 1em;
    margin: 1px;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease;
    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
}

.swiper__pagination-bullet:only-child {
    opacity: 0
}

.html_swiper, .html_swiper body {
    overflow: hidden
}

.html_swiper .page {
    z-index: 100
}

.swiper_banners .swiper__container {
    overflow: hidden;
    height: 100%
}

.swiper_banners, .swiper_banners .swiper__wrapper {
    height: 100%
}

.swiper_banners .swiper__slide {
    width: 100%;
    max-width: 100%;
    height: 100%
}

.swiper__icon {
    cursor: pointer;
    fill: #fff;
    padding: var(--spacing_s)
}

.swiper__icon:before {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    background-color: #3076bf;
    -webkit-transition: opacity .25s ease, background-color .25s ease, box-shadow .25s ease, -webkit-transform .25s ease;
    transition: transform .25s ease, opacity .25s ease, background-color .25s ease, box-shadow .25s ease;
    transition: transform .25s ease, opacity .25s ease, background-color .25s ease, box-shadow .25s ease, -webkit-transform .25s ease;
    border-radius: 50%;
    box-shadow: none
}

.swiper__button_next:hover .swiper__icon:before, .swiper__button_prev:hover .swiper__icon:before {
    -webkit-transform: scale(1.15) translateZ(0);
    transform: scale(1.15) translateZ(0);
    opacity: 1;
    background-color: #3b83ce;
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.swiper__button_prev .btn__icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.swiper__button_next .btn__icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.swiper_banner .swiper__mask {
    height: 100%;
    overflow: hidden
}

.swiper_banner, .swiper_banner .swiper__container, .swiper_banner .swiper__wrapper {
    height: 100%
}

.swiper_banner .swiper__slide {
    width: 100%
}

.swiper_banner .swiper__button {
    top: 50%;
    padding: var(--spacing_m)
}

.swiper_banner .swiper__button_prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper_banner .swiper__button_prev.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.swiper_banner .swiper__button_next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.swiper_banner .swiper__button_next.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.swiper_banner .swiper__pagination {
    position: absolute;
    width: 100%;
    bottom: .75rem;
    left: 0;
    right: 0
}

.swiper_banner .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .25s ease, -webkit-transform .25s ease;
    transition: color .25s ease, transform .25s ease;
    transition: color .25s ease, transform .25s ease, -webkit-transform .25s ease;
    background-color: rgba(128, 128, 128, .5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.swiper_banner .swiper__pagination-bullet_active {
    background: 0 0
}

.swiper_banner .swiper__pagination-bullet_active:after {
    background-color: #3076bf
}

.swiper_default .swiper__mask {
    overflow: hidden
}

.swiper_default .swiper__button {
    top: 50%;
    margin-top: var(--offset_m);
    padding: var(--spacing_m)
}

.swiper_default .swiper__button_prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper_default .swiper__button_prev.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.swiper_default .swiper__button_next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.swiper_default .swiper__button_next.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.swiper_default .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .25s ease, -webkit-transform .25s ease;
    transition: color .25s ease, transform .25s ease;
    transition: color .25s ease, transform .25s ease, -webkit-transform .25s ease;
    background-color: rgba(128, 128, 128, .5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.swiper_default .swiper__pagination-bullet_active {
    background: 0 0
}

.swiper_default .swiper__pagination-bullet_active:after {
    background-color: #3076bf
}

.swiper_fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3000;
    background-color: #000
}

.swiper_fullscreen .swiper__wrapper {
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper_fullscreen .swiper__img {
    height: auto !important;
    min-height: 0 !important;
    max-height: 100vh !important
}

.swiper_fullscreen .swiper__button {
    top: 50%
}

.swiper_fullscreen .swiper__button_prev {
    left: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.swiper_fullscreen .swiper__button_prev.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.swiper_fullscreen .swiper__button_next {
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper_fullscreen .swiper__button_next.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.swiper_fullscreen .swiper__pagination {
    position: absolute;
    width: 100%;
    bottom: .75rem;
    left: 0;
    right: 0
}

.swiper_fullscreen .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .25s ease, -webkit-transform .25s ease;
    transition: color .25s ease, transform .25s ease;
    transition: color .25s ease, transform .25s ease, -webkit-transform .25s ease;
    background-color: rgba(128, 128, 128, .5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.swiper_fullscreen .swiper__pagination-bullet_active {
    background: 0 0
}

.swiper_fullscreen .swiper__pagination-bullet_active:after {
    background-color: #3076bf
}

.swiper_fullscreen .swiper__slide:last-of-type {
    min-width: 0 !important
}

.swiper_fullscreen .swiper__expand {
    top: 0;
    right: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.swiper_fullscreen .btn__icon_zoom {
    display: none
}

.select2-container span, .swiper_fullscreen .btn__icon_close {
    display: block
}

.swiper_gallery .swiper__mask {
    overflow: hidden
}

.swiper_gallery .swiper__button {
    top: 50%;
    padding: var(--spacing_m)
}

.swiper_gallery .swiper__button_prev {
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.swiper_gallery .swiper__button_prev.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.swiper_gallery .swiper__button_next {
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.swiper_gallery .swiper__button_next.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.swiper_gallery .swiper__pagination {
    position: absolute;
    width: 100%;
    bottom: .75rem;
    left: 0;
    right: 0
}

.swiper_gallery .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .25s ease, -webkit-transform .25s ease;
    transition: color .25s ease, transform .25s ease;
    transition: color .25s ease, transform .25s ease, -webkit-transform .25s ease;
    background-color: rgba(128, 128, 128, .5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.swiper_gallery .swiper__pagination-bullet_active {
    background: 0 0
}

.swiper_gallery .swiper__pagination-bullet_active:after {
    background-color: #ffce1b
}

.swiper_podborka .swiper__mask {
    overflow: hidden
}

.swiper_podborka .swiper__button {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    fill: #fff
}

.swiper_podborka .swiper__button_prev {
    right: 100%
}

.swiper_podborka .swiper__button_prev.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.swiper_podborka .swiper__button_next {
    left: 100%
}

.swiper_podborka .swiper__button_next.swiper__button_disabled {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.swiper_podborka .swiper__pagination {
    position: absolute;
    width: 100%;
    margin-top: var(--spacing_s)
}

.swiper_podborka .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .25s ease, -webkit-transform .25s ease;
    transition: color .25s ease, transform .25s ease;
    transition: color .25s ease, transform .25s ease, -webkit-transform .25s ease;
    background-color: rgba(128, 128, 128, .5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.swiper_podborka .swiper__pagination-bullet_active {
    background: 0 0
}

.swiper_podborka .swiper__pagination-bullet_active:after {
    background-color: #3076bf
}

.table_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.table_default .table__header {
    padding: var(--spacing_xs);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.table_default .table__item {
    padding: var(--spacing_xs)
}

.table_default .table__item:hover {
    background-color: #fff4cc
}

.table_default .table__item + .table__item, .users-table tbody tr {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

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

.tabs_default .tabs__item_active .tabs__link {
    border-bottom-color: #ffce1b
}

.tabs_default .tabs__item + .tabs__item {
    margin-left: var(--spacing_xl)
}

.tabs_default .tabs__link {
    border-bottom: 3px solid transparent;
    display: block;
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs)
}

.tabs_default .tabs__title {
    font-weight: 400
}

.tabs_default .tabs__count {
    font-weight: 300;
    color: var(--c-text);
    vertical-align: top;
    font-size: 50%;
    position: absolute
}

.ya-share2__container_size_m .ya-share2__item {
    margin: 0 .375rem !important
}

.ya-share2__container_size_m .ya-share2__icon {
    width: 24px !important;
    height: 24px !important
}

.ya-share2__badge {
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.editor ol .editor ol, .editor ol .editor ul, .editor ul .editor ol, .editor ul .editor ul {
    padding-left: 2em;
    margin-top: var(--spacing_s)
}

.check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.check:hover {
    cursor: pointer
}

.check_vmiddle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.check input, .switch input {
    position: absolute;
    height: auto;
    opacity: 0;
    z-index: -1;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0
}

.check_binary {
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs)
}

.check_binary input:checked ~ .check__icon {
    opacity: 1
}

.check_binary .check__icon {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: .25;
    width: 2rem;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.check_default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.check_default input[type=checkbox] ~ .check__icon:after {
    border-radius: 2px
}

.check_default input[type=radio] ~ .check__icon, .check_default input[type=radio] ~ .check__icon:after, .check_default input[type=radio] ~ .check__icon:before {
    border-radius: 50%
}

.check_default input:checked ~ .check__icon:before, .check_default input:checked ~ .check__thumb:before {
    opacity: 1
}

.check_default input:checked ~ .check__thumb > * {
    opacity: .5
}

.check_default .check__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.2em;
    height: 1.2em;
    margin: -.3em .6em -.3em 0;
    background-color: #fff
}

.check_default .check__content, .check_default .check__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block
}

.check_default .check__description {
    font-size: var(--fs_xs);
    margin-top: var(--spacing_xxs);
    color: #898989
}

.check_default .check__icon:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box
}

.check_default .check__icon:before, .check_default .check__thumb:before {
    content: "";
    display: block;
    z-index: 5;
    position: absolute;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    opacity: 0;
    background-color: #000
}

.check_default .check__icon:before {
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.check_default .check__title {
    color: #4a4a4a;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.check_default:hover .check__title {
    color: #3076bf
}

.check_default input:focus ~ .check__title {
    color: #3076bf
}

.check_default input:checked ~ .check__title {
    color: #000
}

.check_s .check__icon {
    font-size: .8em
}

.check_s .check__title {
    font-size: var(--fs_s)
}

.check_l .check__icon {
    font-size: 133%
}

.check_l .check__title {
    font-size: var(--fs_l)
}

.control {
    z-index: 5
}

.control input, .control select, .control textarea {
    font-size: 1em;
    text-transform: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    background-clip: padding-box;
    background: 0 0;
    -webkit-transition: border-color .25s ease, background-color .25s ease, color .25s ease, opacity .25s ease, box-shadow .25s ease;
    transition: border-color .25s ease, background-color .25s ease, color .25s ease, opacity .25s ease, box-shadow .25s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.control input:disabled, .control select:disabled, .control textarea:disabled {
    opacity: .5;
    pointer-events: none
}

.control input::-ms-clear, .control select::-ms-clear, .control textarea::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.control input {
    height: 3rem
}

.control select {
    height: 3rem;
    padding-right: 3rem
}

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

.control select[multiple] {
    height: auto;
    min-height: 3rem
}

.control option {
    background-color: #fff;
    color: #000
}

.control__icon, .control_select:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem
}

.control_select:after {
    content: '';
    display: block;
    box-sizing: border-box;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 24 24"><path d="M12 7.5q-.20527344.0017578-.35.15l-7.5 7.5q-.1482422.14472656-.15.35.0017578.20527344.15.35.14472656.1482422.35.15.20527344-.0017578.35-.15L12 8.7l7.15 7.15q.14472656.1482422.35.15.20527344-.0017578.35-.15.1482422-.14472656.15-.35-.0017578-.20527344-.15-.35l-7.5-7.5q-.14472656-.1482422-.35-.15z"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.control__icon {
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.control_default > input, .control_default > select, .control_default > textarea {
    background-color: #fff;
    padding: 0 .75rem;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    color: #000
}

.control_default > select, .control_default > textarea {
    padding: 0 3rem 0 .75rem
}

.control_default > textarea {
    padding: .75rem
}

.control_default > input:hover, .control_default > select:hover, .control_default > textarea:hover {
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12), 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25)
}

.control_default > input:focus, .control_default > select:focus, .control_default > textarea:focus {
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12), 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25);
    outline: 2px solid rgba(0, 157, 255, .5);
    outline-offset: 0 !important
}

.control_default > input:hover, .control_default > select:hover, .control_default > textarea:hover {
    color: #000
}

.control_default > input:focus, .control_default > select:focus, .control_default > textarea:focus {
    color: #000
}

._invert .control_default > input, ._invert .control_default > select, ._invert .control_default > textarea {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25)
}

._invert .control_default > input:focus, ._invert .control_default > select:focus, ._invert .control_default > textarea:focus {
    color: #fff
}

._invert .control_default > input:hover, ._invert .control_default > select:hover, ._invert .control_default > textarea:hover {
    border-color: rgba(255, 255, 255, .5)
}

._invert .control_default > input:focus, ._invert .control_default > select:focus, ._invert .control_default > textarea:focus {
    border-color: #3076bf
}

.control_num input {
    font-size: 112.5%;
    padding-top: 0 !important
}

.control_search > input {
    border-radius: 1.5rem;
    padding: 0 1em;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
    color: var(--c-title);
    border: 1px solid var(--c-border)
}

.control_search > input:hover {
    color: var(--c-title)
}

.control_search > input:focus {
    color: var(--c-title)
}

.control_search > input:hover {
    border-color: #3076bf
}

.control_search > input:focus {
    border-color: #ffce1b
}

.control_xxs {
    font-size: var(--fs_xxs)
}

.control_xxs input, .control_xxs select {
    height: 1.2rem
}

.control_xs {
    font-size: var(--fs_xs)
}

.control_xs input, .control_xs select {
    height: 1.8rem
}

.control_s {
    font-size: var(--fs_s)
}

.control_s input, .control_s select {
    height: 2.4rem
}

.control_m input, .control_m select {
    height: 3rem
}

.control_l {
    font-size: var(--fs_l)
}

.control_l input, .control_l select {
    height: 3.6rem
}

.control_xl {
    font-size: var(--fs_xl)
}

.control_xl input, .control_xl select {
    height: 4.2rem
}

.control_xxl {
    font-size: var(--fs_xxl)
}

.control_xxl input, .control_xxl select {
    height: 4.8rem
}

.fieldset_car {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr)
}

.fieldset_default .fieldset__header {
    margin-bottom: var(--spacing_m)
}

.fieldset_car, .fieldset_executors, .fieldset_grid3 {
    display: -ms-grid;
    display: grid;
    /* grid-gap: 1.5rem */
}

.form_default {
    max-width: 960px
}

.form_default .form__item + .form__item {
    margin-top: var(--spacing_xl)
}

.form-grid_default {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.form-grid_default .form-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125);
    padding-top: 3rem;
    padding-bottom: 3rem
}

._invert .form-grid_default .form-grid__item {
    border-color: rgba(255, 255, 255, .35)
}

.form-grid_default .form-grid__item:first-of-type {
    border: 0
}

.form-group_default .form-group__header {
    margin-bottom: var(--spacing_m)
}

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

.label_default {
    color: #898989;
    margin-bottom: var(--spacing_xxs);
    line-height: 130%;
}

.label_float {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    left: .75em;
    right: .75em;
    height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.field_filled .label_float, .field_focus .label_float {
    -webkit-transform: translate(0, -10%) scale(.75);
    transform: translate(0, -10%) scale(.75);
    opacity: .5
}

.label_float.ta_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.label_xs {
    font-size: .6em
}

.label_s {
    font-size: .8em
}

.label_m {
    font-size: 1em
}

.label_l {
    font-size: 1.2em
}

.label_xl {
    font-size: 1.4em
}

.select2-container input[placeholder] {
    width: 100% !important;
    font-weight: 300;
    color: #000
}

.select2-container .select2-selection__rendered {
    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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection__clear {
    cursor: pointer;
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    margin-left: auto;
    font-size: 200%;
    line-height: 2.75rem;
    vertical-align: middle;
    text-align: center
}

.select2-container .select2-selection--single {
    display: block
}

.select2-container .select2-selection--multiple {
    cursor: pointer;
    display: block;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    top: 0;
    right: 0
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-selection {
    overflow: hidden;
    outline: 2px solid transparent;
    -webkit-transition: outline .25s ease;
    transition: outline .25s ease
}

.select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 24 24"><path d="M12 7.5q-.20527344.0017578-.35.15l-7.5 7.5q-.1482422.14472656-.15.35.0017578.20527344.15.35.14472656.1482422.35.15.20527344-.0017578.35-.15L12 8.7l7.15 7.15q.14472656.1482422.35.15.20527344-.0017578.35-.15.1482422-.14472656.15-.35-.0017578-.20527344-.15-.35l-7.5-7.5q-.14472656-.1482422-.35-.15z"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.select2-container--open .select2-selection__arrow {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.select2-selection__choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    cursor: default;
    border-radius: 3em;
    padding-left: var(--spacing_xs);
    padding-right: var(--spacing_xs);
    color: #000
}

.select2-selection__choice__remove {
    color: #999;
    cursor: pointer
}

.select2-dropdown {
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: var(--spacing_xs);
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.select2-search--dropdown {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    z-index: 5
}

.select2-search--dropdown .select2-search__field {
    height: 2.4rem;
    outline-offset: 0;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 0;
    display: block;
    padding-left: var(--spacing_xs);
    padding-right: var(--spacing_xs)
}

.select2-search--dropdown .select2-search__field:focus {
    outline: 2px solid rgba(0, 157, 255, .5);
    outline-offset: 0
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default.select2-container--focus .select2-selection {
    outline: 2px solid rgba(0, 157, 255, .5)
}

.select2-container--default, .select2-container--default .select2-search__field {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400
}

.select2-container--default .select2-selection {
    -webkit-transition: box-shadow .25s ease, outline-color .075s ease;
    transition: box-shadow .25s ease, outline-color .075s ease;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 2px
}

.select2-container--default .select2-selection:hover {
    box-shadow: 0 3px .375rem -.1875rem rgba(0, 0, 0, .12), 0 .5625rem .5625rem -.375rem rgba(0, 0, 0, .25)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--c-title)
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default .select2-selection--multiple {
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: default
}

.search__field label, .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    background-color: #ddd;
    color: #888
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffe47f;
    color: #000
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.control_s .select2-selection__clear {
    width: 2.4rem;
    height: 2.4rem
}

.control_s .select2-selection--single .select2-selection__rendered {
    height: 2.4rem;
    padding: 0 .6rem
}

.control_s .select2-selection--multiple .select2-selection__rendered {
    min-height: 2.4rem;
    padding: .4rem 2.4rem 0 .6rem
}

.control_s .select2-selection--single .select2-search__field {
    padding: 0 .6rem
}

.control_s .select2-selection__choice {
    height: 1.6rem;
    margin-right: .4rem;
    margin-bottom: .4rem
}

.control_s .select2-selection__choice__remove {
    width: 1.6rem;
    margin: 0 -.3rem 0 -.6rem;
    height: 100%;
    text-align: center;
    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
}

.control_s .select2-search--inline .select2-search__field {
    height: 1.6rem
}

.control_m .select2-selection__clear {
    width: 3rem;
    height: 3rem
}

.control_m .select2-selection--single .select2-selection__rendered {
    height: 3rem;
    padding: 0 .75rem
}

.control_m .select2-selection--multiple .select2-selection__rendered {
    min-height: 3rem;
    padding: .5rem 3rem 0 .75rem
}

.control_m .select2-selection--single .select2-search__field {
    padding: 0 .75rem
}

.control_m .select2-selection__choice {
    height: 2rem;
    margin-right: .5rem;
    margin-bottom: .5rem
}

.control_m .select2-selection__choice__remove {
    width: 2rem;
    margin: 0 -.375rem 0 -.75rem;
    height: 100%;
    text-align: center;
    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
}

.control_m .select2-search--inline .select2-search__field {
    height: 2rem
}

.control_l .select2-selection__clear {
    width: 3.6rem;
    height: 3.6rem
}

.control_l .select2-selection--single .select2-selection__rendered {
    height: 3.6rem;
    padding: 0 .9rem
}

.control_l .select2-selection--multiple .select2-selection__rendered {
    min-height: 3.6rem;
    padding: .6rem 3.6rem 0 .9rem
}

.control_l .select2-selection--single .select2-search__field {
    padding: 0 .9rem
}

.control_l .select2-selection__choice {
    height: 2.4rem;
    margin-right: .6rem;
    margin-bottom: .6rem
}

.control_l .select2-selection__choice__remove {
    width: 2.4rem;
    margin: 0 -.45rem 0 -.9rem;
    height: 100%;
    text-align: center;
    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
}

.control_l .select2-search--inline .select2-search__field {
    height: 2.4rem
}

.order-edit-executors__item + .order-edit-executors__item {
    margin-top: var(--spacing_m)
}

.user_auth {
    text-align: center
}

.user_auth .user__thumb {
    display: block;
    background-color: #ccc;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.user_auth .user__title {
    display: block;
    color: var(--c-title);
    margin-top: var(--spacing_m);
    text-decoration: none
}

.user_auth .user__role {
    color: var(--c-text);
    font-size: var(--fs_xs);
    margin-top: var(--spacing_xxs)
}

.user_auth .user__controls {
    margin-top: var(--spacing_xs)
}

.car_inline, .car_tile {
    display: -ms-grid;
    display: grid
}

.car_inline {
    padding: var(--spacing_s);
    -ms-grid-columns: 7rem 3fr 3fr 1fr 3rem;
    grid-template-columns: 7rem 3fr 3fr 1fr 3rem;
    grid-template-areas: "thumb body specs price actions";
    grid-gap: 1rem
}

.car_inline .car__thumb {
    grid-area: thumb
}

.car_inline .car__body {
    grid-area: body;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.car_inline .car__vin {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s)
}

.car_inline .car__price, .car_inline .car__specs {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.car_inline .car__price {
    text-align: right;
    white-space: nowrap;
    grid-area: price
}

.car_inline .car__specs {
    font-size: var(--fs_s);
    grid-area: specs
}

.car_inline .car__status {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_xxs)
}

.car_inline .car__actions, .car_inline .car__status, .car_tile .car__body {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.car_inline .car__actions {
    grid-area: actions
}

.car_tile {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.car_tile .car__body {
    padding: var(--spacing_s) var(--spacing_m)
}

.car_tile .car__vin {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s)
}

.car_tile .car__price, .car_tile .car__specs {
    margin-top: var(--spacing_s)
}

.car_tile .car__specs {
    font-size: var(--fs_xs)
}

.car_tile .car__status {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_xxs)
}

.car_tile .car__controls {
    margin-top: var(--spacing_s)
}

.car_tile.car_active {
    outline: 4px solid rgba(0, 157, 255, .5)
}

.criterion__controls, .criterion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.criterion__controls {
    margin-top: var(--offset_m);
    margin-bottom: var(--offset_m);
    -ms-flex-item-align: center;
    align-self: center
}

.criterion__controls .btn + .btn {
    margin-left: var(--spacing_xxs)
}

.criterion__body, .criterion__comment {
    margin-top: var(--spacing_l)
}

.data-table__val, .data-table__var {
    min-height: 0;
    min-width: 0
}

.data-table__val {
    text-overflow: ellipsis;
    overflow: hidden
}

.data-table_default {
    margin-top: var(--offset_xs);
    margin-bottom: var(--offset_xs)
}

.data-table_default .data-table__item {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    -ms-grid-columns: 2fr 3fr;
    grid-template-columns: 2fr 3fr;
    line-height: 1.25;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125);
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs)
}

._invert .cars-grid_default .cars-grid__item + .cars-grid__item, ._invert .data-table_default .data-table__item, ._invert .orders-grid_default .orders-grid__item + .orders-grid__item, ._invert .users-table tbody tr {
    border-color: rgba(255, 255, 255, .35)
}

.data-table_default .data-table__item:nth-child(1) {
    border: 0
}

.data-table_default .data-table__val {
    color: #000;
    font-weight: 400
}

.data-table_price {
    display: -ms-grid;
    display: grid
}

.data-table_price .data-table__item {
    line-height: 1.25
}

.data-table_price .data-table__val {
    color: #000;
    font-weight: 400;
    font-size: 200%
}

.diagnosis + .diagnosis {
    margin-top: var(--spacing_l)
}

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

.diagnosis__icon {
    width: 2rem;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -1rem .5rem -1rem 0
}

.diagnosis__body, .diagnosis__footer {
    padding-left: 2.5rem;
    margin-top: var(--spacing_s)
}

.diagnosis__comment {
    font-size: var(--fs_s);
    border-radius: .25rem;
    display: inline-block;
    background-color: #ffe47f;
    padding: var(--spacing_xs)
}

.diagnosis__item + .diagnosis__item {
    margin-top: var(--spacing_s)
}

.diagnosis_default, .event-log__item {
    display: -ms-grid;
    display: grid
}

.diagnosis_default .diagnosis__thumb {
    grid-area: thumb;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.diagnosis_default .diagnosis__value {
    margin-top: -.4rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 400
}

.diagnosis_default .diagnosis__icon {
    margin-top: -1rem;
    width: 3rem;
    height: 3rem;
    fill: #fff
}

.diagnosis_default .diagnosis__body {
    grid-area: body
}

.diagnosis_default .diagnosis__comment {
    grid-area: comment;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 1.375;
    font-size: var(--fs_s)
}

.event-log__item {
    -ms-grid-columns: 1fr 1fr 3fr;
    grid-template-columns: 1fr 1fr 3fr;
    grid-gap: 1.125rem
}

.event-log__item + .event-log__item {
    margin-top: var(--spacing_s)
}

.filter__title {
    font-size: var(--fs_xs)
}

.filter__body {
    margin-top: var(--spacing_xxs)
}

.filter__count {
    font-size: 65%;
    color: #fff;
    border-radius: 50%;
    vertical-align: top;
    width: 1.2em;
    height: 1.2em;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.logo {
    display: block;
    text-align: center;
    color: var(--c-title)
}

.main-nav__item {
    overflow: hidden
}

.main-nav__item:hover {
    background-color: rgba(0, 0, 0, .15)
}

.main-nav__item_active, .main-nav__item_active:hover {
    background-color: rgba(0, 0, 0, .3)
}

.main-nav__item + .main-nav__item {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.main-nav__add, .main-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-nav__add {
    position: absolute;
    width: 2em;
    right: 2em;
    top: 0;
    z-index: 10;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.main-nav__add .icon:before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #ffce1b;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .125s ease;
    transition: transform .125s ease;
    transition: transform .125s ease, -webkit-transform .125s ease
}

.main-nav__add:hover .icon:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.main-nav__item:hover .main-nav__add {
    opacity: 1;
    pointer-events: auto
}

.main-nav__item:hover .main-nav__count {
    opacity: 0
}

.main-nav__link {
    text-decoration: none;
    padding: 1em 2em;
    color: #fff;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.main-nav__link:hover {
    color: #ffce1b
}

.main-nav__count {
    display: none;
    margin-left: auto;
    color: #fff;
    opacity: .25;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    font-size: var(--fs_xxs)
}

.menu-controls {
    background-color: #fff;
    font-size: var(--fs_s);
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.menu-controls__link {
    display: block;
    color: var(--c-title);
    text-decoration: none;
    padding: 1em;
    white-space: nowrap
}

.menu-controls__link:hover {
    background-color: #ffe47f
}

.menu-default__link {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 1em 2em
}

.order_closed {
    opacity: .5;
    background-color: #eee
}

.order_closed:hover {
    opacity: 1
}

.order_default, .report {
    display: -ms-grid;
    display: grid
}

.order_default {
    padding: var(--spacing_s)
}

.order_default .order__header {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.order_default .order__id {
    font-size: var(--fs_xs)
}

.order_default .order__id, .order_default .order__status {
    margin-top: var(--spacing_xxs)
}

.order_default .order__reports, .order_default .order__status {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.order_default .order__customer, .order_default .order__executor {
    font-size: var(--fs_xs)
}

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

.order_default .order__specs .variable {
    margin-top: var(--spacing_s);
    margin-bottom: var(--spacing_s);
    margin-right: var(--spacing_s)
}

.order_default .order__customer, .order_default .order__executor, .order_default .order__info, .order_default .order__price {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.order_default .order__price {
    font-weight: 400;
    color: var(--c-title);
    text-align: right
}

.order_default .order__actions {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.order_default .order__payment {
    text-align: right;
    margin-top: var(--spacing_xxs)
}

.report {
    text-decoration: none;
    color: var(--c-text);
    -ms-grid-columns: 7rem 3fr 1fr 3rem;
    grid-template-columns: 7rem 3fr 1fr 3rem;
    grid-template-areas: "thumb body user actions";
    grid-gap: 1rem
}

.report__thumb {
    grid-area: thumb
}

.report__body {
    grid-area: body;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.report__user {
    grid-area: user
}

.report__actions, .report__user {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.report__specs {
    font-size: var(--fs_s);
    margin-bottom: var(--spacing_xxs);
    color: var(--c-text)
}

.report__actions {
    grid-area: actions
}

.report__sub-title {
    color: var(--c-text);
    margin-bottom: var(--spacing_xxs);
    font-size: var(--fs_s)
}

.report__title {
    color: var(--c-title)
}

.report__result {
    padding: .25em;
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_xs);
    color: #fff;
    display: inline-block
}

.report-detail__info {
    margin-top: var(--spacing_m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.report-detail__date {
    margin-right: var(--spacing_m)
}

.report-detail__gallery {
    background-color: #333
}

.report-detail__scheme {
    background-color: #fff;
    text-align: center
}

.search__close, .status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.status {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 .5em;
    height: 2em;
    white-space: nowrap;
    font-weight: 400
}

.status_new {
    background-color: #ffc107
}

.status_done {
    background-color: #0eb15d
}

.status_progress {
    background-color: #03a9f4
}

.status_client {
    background-color: #3b83ce
}

.status_expert {
    background-color: #8548af
}

.status_inspection {
    color: #000;
    background-color: #ddd
}

.status_waiting {
    background-color: #ff5722
}

.status_paused {
    background-color: #673ab7
}

.status_cancelled, .status_decline {
    background-color: #ed2024
}

.status_closed {
    background-color: #000
}

.status_payment_none {
    color: #2196f3;
    border: 1px solid #2196f3
}

.status_payment_prepaid {
    color: #00bfa5;
    border: 1px solid #00bfa5
}

.status_payment_full {
    color: #00c853;
    border: 1px solid #00c853
}

.status_xs {
    font-size: .6rem
}

.status_s {
    font-size: .7rem
}

.status_m {
    font-size: .8rem
}

.status_l {
    font-size: .9rem
}

.status_xl {
    font-size: 1rem
}

.user_inline {
    padding: var(--spacing_s);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4rem 3fr 2fr 2fr;
    grid-template-columns: 4rem 3fr 2fr 2fr;
    grid-template-areas: "thumb body branch contacts actions";
    grid-gap: 1rem
}

.user_inline .user__thumb {
    grid-area: thumb;
    border-radius: 50%;
    display: block;
    overflow: hidden
}

.user_inline .user__body, .user_inline .user__contacts {
    grid-area: body;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.user_inline .user__contacts {
    grid-area: contacts;
    font-size: var(--fs_s);
    line-height: 1.25
}

.user_inline .user__role {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s)
}

.user_inline .user__actions, .user_inline .user__branch {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.user_inline .user__branch {
    font-size: var(--fs_s);
    line-height: 1.25;
    grid-area: branch
}

.user_inline .user__actions {
    grid-area: actions
}

.user-edit__form {
    max-width: 24rem
}

.users-table {
    width: 100%;
    border: 1px solid #ccc
}

.users-table td {
    padding: var(--spacing_s)
}

.variable__value {
    color: var(--c-title);
    font-weight: 400
}

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

.variable_numeric .variable__value {
    margin-left: var(--spacing_xxs)
}

.car-detail__gallery {
    background-color: #4a4a4a
}

.car-detail__gallery img {
    height: 60vh
}

.car-detail__content {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    padding: var(--spacing_content)
}

.car-detail__title {
    font-weight: 500
}

.car-detail__status {
    vertical-align: top
}

.car-detail__body {
    margin-top: var(--spacing_xl)
}

.car-detail__info {
    min-width: 0
}

.car-detail__description {
    margin-top: var(--spacing_l)
}

.car-detail__contacts {
    min-width: 0
}

.car-detail__specs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: var(--spacing_s)
}

.car-detail__date, .car-detail__mileage, .car-detail__price {
    margin-right: var(--spacing_m)
}

.car-edit__method {
    max-width: 960px
}

.car-edit__form, .car-form__item + .car-form__item {
    margin-top: var(--spacing_xl)
}

.car-form, .car-form_old {
    max-width: 960px
}

.car-form_old__body, .car-form_old__method, .fieldset_car-basic .fieldset__body, .fieldset_car-owner .fieldset__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem
}

.car-form_old__method {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr)
}

.car-form_old__item label {
    font-size: var(--fs_xs);
    margin-bottom: var(--spacing_xxs);
    color: #898989
}

.car-form_old__gallery {
    margin-top: var(--spacing_xl)
}

.car-form_old__seller {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem
}

.car-form_old__footer {
    margin-top: var(--spacing_xl)
}

.car-scheme__marker {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    padding: var(--spacing_l);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.car-scheme__marker:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #3076bf
}

.car-scheme__marker_success:before {
    background-color: #6dbe45
}

.car-scheme__marker_fail:before {
    background-color: #ed2024
}

.car-scheme__marker_1 {
    top: 12%;
    left: 50%
}

.car-scheme__marker_2 {
    top: 30%;
    left: 50%
}

.car-scheme__marker_3 {
    top: 55%;
    left: 50%
}

.car-scheme__marker_active {
    z-index: 10
}

.car-scheme__marker_active .report-form__item {
    display: block !important;
    background-color: #fff;
    position: absolute;
    width: 20rem;
    max-width: 80vw;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25);
    padding: var(--spacing_m)
}

.car-scheme__marker_active .report-form__btn {
    display: block
}

.car-specs__item + .car-specs__item {
    margin-top: var(--spacing_xxs)
}

.cars-grid_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.cars-grid_default .cars-grid__item + .cars-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

.cars-grid_table .cars-grid__item + .cars-grid__item {
    margin-top: var(--spacing_m)
}

.html_critrerion-form body {
    background-color: #eee
}

.critrerion-form {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.criterion-hl {
    display: inline
}

.criterion-hl_warning {
    border-bottom: 2px solid #ed2024
}

.diagnosis-range {
    overflow: hidden
}

.diagnosis-range__bar, .diagnosis-range__mask {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .25) inset, 0 0 3px 0 rgba(0, 0, 0, .5) inset
}

.diagnosis-range__bar {
    height: .5rem;
    background: -webkit-linear-gradient(right, #1dff00 0%, #fff200 50%, red 100%);
    background: linear-gradient(to left, #1dff00 0%, #fff200 50%, red 100%);
    border-radius: .25rem;
    overflow: hidden
}

.diagnosis-range__mask {
    background-color: #eee;
    background: -webkit-linear-gradient(top, #aaa 0%, #ccc 100%);
    background: linear-gradient(to bottom, #aaa 0%, #ccc 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.filter-grid__item + .filter-grid__item {
    margin-top: var(--spacing_l)
}

.order-detail__status {
    margin-top: var(--spacing_s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order-detail__status .status {
    font-size: var(--fs_xs)
}

.order-detail__status .status + .status {
    margin-left: var(--spacing_xs)
}

.order-detail__tabs {
    margin-top: var(--spacing_m);
    margin-bottom: var(--spacing_m)
}

.order-detail__comment {
    margin-top: var(--spacing_xl)
}

.order-detail__date {
    margin-right: var(--spacing_m)
}

.order-detail-edit__form {
    width: 24rem
}

.order-head_default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 5rem 2fr 2fr 7rem 3rem;
    grid-template-columns: 4fr 5rem 2fr 2fr 7rem 3rem;
    grid-gap: 1rem;
    font-size: var(--fs_xs);
    color: #898989;
    padding: var(--spacing_s)
}

.order-head_default .order-head__price {
    text-align: right
}

.orders-grid_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.orders-grid_default .orders-grid__item + .orders-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

.report-car-attachment__results {
    margin-top: var(--spacing_m)
}

.report-car-attachment__results .car_tile + .car_tile {
    margin-top: var(--spacing_s)
}

.report-car-attachment__msg {
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

._invert .report-car-attachment__msg {
    border-color: rgba(255, 255, 255, .35)
}

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

.report-edit__nav {
    width: 25%;
    max-width: 16rem;
    min-width: 10rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.report-edit__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.report-edit__progress {
    z-index: 10
}

.report-edit__switch {
    margin-bottom: var(--spacing_l);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.report-edit__box + .report-edit__box {
    margin-top: var(--spacing_l)
}

.report-edit__content_scheme .report-edit__scheme {
    display: block
}

.report-edit__content_scheme .report-form__item, .report-edit__scheme {
    display: none
}

.report-field__controls label:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.report-field__body textarea {
    resize: none;
    font-weight: 300;
    height: 5rem;
    padding: var(--spacing_xxs)
}

.report-field__body textarea:not(:focus) {
    background-color: transparent
}

.report-field_diagnosis .report-field__header {
    min-height: 2rem
}

.report-edit .report-field_diagnosis .report-field__body, .report-field__control_negative {
    display: none
}

.report-field_positive .report-field__title {
    color: #6dbe45
}

.report-edit .report-field_active .report-field__body, .report-field_negative .report-field__control_negative {
    display: block
}

.report-field_negative .report-field__title {
    color: #ed2024
}

.report-field + .report-field {
    margin-top: var(--spacing_l)
}

.report-field__controls, .report-field__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.report-field__controls {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.report-field__header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: var(--spacing_s)
}

.report-field__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.report-field__control + .report-field__control {
    margin-top: var(--spacing_s)
}

.report-form_edit .report-form__header {
    margin-bottom: var(--spacing_l)
}

.report-form_edit .report-form__footer, .report-form_view + .report-form_view {
    margin-top: var(--spacing_l)
}

.report-form_view {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.report-form_view .report-form__header {
    padding: var(--spacing_m) var(--spacing_l)
}

.report-form_view .report-form__body {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125);
    padding: var(--spacing_l)
}

._invert .report-form_view .report-form__body, ._invert .report-group + .report-group {
    border-color: rgba(255, 255, 255, .35)
}

.report-group + .report-group {
    padding-top: 2.25rem;
    margin-top: var(--spacing_l);
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

.report-group__header {
    margin-bottom: var(--spacing_l)
}

.report-nav__item {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--fs_s);
    padding: var(--spacing_xs) var(--spacing_xxs);
    color: var(--c-title);
    line-height: 1.25
}

.report-nav__item:hover .report-nav__title, .report-step__header:hover .report-step__title {
    color: #3076bf
}

.report-nav__item_active .report-nav__title {
    color: #fff !important
}

.report-nav__index {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right;
    position: absolute;
    right: 100%;
    margin-right: var(--spacing_xxs);
    opacity: .35
}

.report-nav__title {
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.report-nav__progress {
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    left: 0;
    width: 100%;
    opacity: .25
}

.report-nav__item_active .report-nav__progress {
    opacity: 1
}

.report-thead {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7rem 3fr 1fr 3rem;
    grid-template-columns: 7rem 3fr 1fr 3rem;
    grid-template-areas: "thumb body user actions";
    grid-gap: 1rem
}

.report-thead__thumb {
    grid-area: thumb
}

.report-thead__body {
    grid-area: body
}

.report-thead__user {
    grid-area: user
}

.report-thead__actions {
    grid-area: actions
}

.report-step {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease
}

.report-step:hover {
    box-shadow: 0 3px .75rem -.375rem rgba(0, 0, 0, .12), 0 1.125rem 1.125rem -.75rem rgba(0, 0, 0, .25)
}

.report-step + .report-step {
    margin-top: var(--spacing_m)
}

.report-step__index {
    position: absolute;
    right: 100%;
    margin-right: var(--spacing_xs);
    opacity: .5
}

.report-step__header {
    padding: var(--spacing_m) var(--spacing_content_x);
    cursor: pointer
}

.report-step__header:hover {
    cursor: pointer
}

.report-step__title {
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.report-step__body {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125);
    padding: var(--spacing_content)
}

._invert .report-step__body, ._invert .search-results__group + .search-results__group, ._invert .users-grid_default .users-grid__item + .users-grid__item {
    border-color: rgba(255, 255, 255, .35)
}

.report-step__footer {
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: var(--spacing_m) var(--spacing_content_x);
    background-color: #ffe47f
}

.report-step__gallery + .report-step__comment {
    margin-top: var(--spacing_m)
}

.search-results__group {
    padding-top: var(--spacing_s);
    padding-bottom: var(--spacing_s)
}

.search-results__group + .search-results__group, .users-grid_default .users-grid__item + .users-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

.search-results__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--spacing_xs) var(--spacing_m)
}

.search-results__item {
    font-size: var(--fs_s)
}

.search-results__link {
    display: block;
    padding: var(--spacing_xs) var(--spacing_m);
    color: var(--c-title);
    text-decoration: none
}

.search-results__link:hover {
    background-color: #fff4cc
}

.search-results__hl {
    background-color: #ffe47f;
    font-weight: 400
}

.search-results__count {
    font-size: var(--fs_xs)
}

.user-controls, .user-controls__link {
    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
}

.user-controls__link {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.user-controls__link:hover {
    background-color: var(--c-border)
}

.user-controls__item + .user-controls__item {
    margin-left: var(--spacing_xs)
}

.user-controls__notification {
    position: absolute;
    top: 0;
    right: 0;
    width: .5rem;
    height: .5rem;
    background-color: #ffce1b;
    border-radius: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.user-detail__content {
    background-color: #fff
}

.user-detail__thumb {
    width: 12rem;
    border-radius: 50%;
    overflow: hidden
}

.user-detail__role {
    margin-top: var(--spacing_xs)
}

.user-detail__contacts {
    line-height: 1.25
}

.user-detail__contacts, .user-detail__tabs {
    margin-top: var(--spacing_m)
}

.user-form {
    max-width: 960px
}

.user-form__item + .user-form__item {
    margin-top: var(--spacing_xl)
}

.fieldset_user-account .fieldset__body, .fieldset_user-basic .fieldset__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem
}

.users-grid_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.user-thumb-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-thumb-edit__thumb {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ccc
}

.user-thumb-edit__controls {
    margin-left: var(--spacing_m)
}

.autocomplete, .html_autocomplete {
    overflow: hidden
}

.autocomplete {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 150;
    display: none
}

.autocomplete_in, .autocomplete_open, .autocomplete_out {
    display: block
}

.autocomplete__overlay {
    z-index: 1;
    background-color: rgba(222, 222, 222, .9);
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.autocomplete_in .autocomplete__overlay {
    -webkit-animation: fade-in .25s ease both;
    animation: fade-in .25s ease both
}

.autocomplete_open .autocomplete__overlay {
    opacity: 1
}

.autocomplete_out .autocomplete__overlay {
    -webkit-animation: fade-out .25s ease both;
    animation: fade-out .25s ease both
}

.autocomplete__box {
    position: absolute;
    z-index: 2;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 3px 1.5rem -.75rem rgba(0, 0, 0, .12), 0 2.25rem 2.25rem -1.5rem rgba(0, 0, 0, .25);
    background-color: #fff
}

.autocomplete__scroll {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: auto;
    width: 100%
}

.autocomplete__empty {
    text-align: center
}

.autocomplete__empty, .autocomplete__header {
    padding: var(--spacing_s)
}

.autocomplete__count {
    display: inline-block;
    color: #4a4a4a
}

.autocomplete__list {
    z-index: 5
}

.html_left-bar, .html_popup body, .html_popup html, .left-bar {
    overflow: hidden
}

.left-bar {
    position: fixed;
    z-index: 25;
    top: 0;
    bottom: 0;
    left: 0
}

.html_index .left-bar {
    display: none
}

.left-bar__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(128, 128, 128, .95)
}

.left-bar__box {
    width: 16rem;
    background-color: #222;
    height: 100%
}

.left-bar__scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.left-bar__content {
    min-height: 100%;
    width: 16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.left-bar__content > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.left-bar__logo {
    margin-bottom: 2em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em
}

.left-bar__header {
    padding: 2em
}

.left-bar__footer {
    padding: 2em;
    display: none
}

.left-bar__search {
    padding: 0 1rem 1rem
}

.page {
    background-color: #eee;
    min-height: 100vh;
    z-index: 50;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12)
}

.html_index .page {
    padding-top: 0 !important;
    height: 100vh;
    margin-left: 0 !important;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    display: none
}

.html_index .page, .popup_active, .popup_in, .popup_open, .popup_out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup__area {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.popup__scroll {
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.popup__content {
    max-width: 100%;
    margin: auto;
    z-index: 10;
    -webkit-transform: translate3d(0, -100vh, 0);
    transform: translate3d(0, -100vh, 0);
    display: none
}

.popup__content_open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block
}

.popup__content_in {
    display: block;
    -webkit-animation: popup__content-in .4s cubic-bezier(.5, 1.3, .5, 1) both;
    animation: popup__content-in .4s cubic-bezier(.5, 1.3, .5, 1) both
}

.popup__content_out {
    display: block;
    -webkit-animation: popup__content-out .4s cubic-bezier(.5, 0, 1, -.6) both;
    animation: popup__content-out .4s cubic-bezier(.5, 0, 1, -.6) both
}

.popup__close {
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    padding: .75rem;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.popup__close_open {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.popup__close_in {
    -webkit-animation: popup__close-in .4s cubic-bezier(.5, 1.3, .5, 1) both;
    animation: popup__close-in .4s cubic-bezier(.5, 1.3, .5, 1) both
}

.popup__close_out {
    -webkit-animation: popup__close-out .4s cubic-bezier(.5, 0, 1, -.6) both;
    animation: popup__close-out .4s cubic-bezier(.5, 0, 1, -.6) both
}

.popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(25, 22, 29, .95);
    display: none;
    opacity: 0
}

.popup__overlay_open {
    display: block;
    opacity: 1
}

.popup__overlay_in {
    display: block;
    -webkit-animation: popup__overlay-in .25s ease both;
    animation: popup__overlay-in .25s ease both
}

.popup__overlay_out {
    display: block;
    -webkit-animation: popup__overlay-out .25s ease both;
    animation: popup__overlay-out .25s ease both
}

.right-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.right-bar_in, .right-bar_open, .right-bar_out {
    display: block
}

.right-bar__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(222, 222, 222, .9);
    opacity: 0
}

.right-bar_in .right-bar__overlay {
    -webkit-animation: fade-in .25s ease both;
    animation: fade-in .25s ease both
}

.right-bar_open .right-bar__overlay {
    opacity: 1
}

.right-bar_out .right-bar__overlay {
    -webkit-animation: fade-out .25s ease both;
    animation: fade-out .25s ease both
}

.right-bar__box {
    width: 16rem;
    background-color: #ddd;
    height: 100%;
    margin-left: auto
}

.right-bar__scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.right-bar__content {
    padding: 3em 2em;
    min-height: 100%;
    width: 16rem
}

.right-bar__header {
    padding: var(--spacing_xl)
}

.right-bar__logo {
    display: block;
    text-decoration: none;
    padding: var(--spacing_m);
    text-transform: uppercase;
    color: #000;
    font-size: 200%;
    font-weight: 500;
    letter-spacing: .2em
}

.right-bar__auth {
    background-color: #000
}

.section__count {
    font-size: 50%;
    color: #898989;
    vertical-align: top;
    display: inline-block;
    font-weight: 300
}

.section_default, .section_default2 {
    padding: var(--spacing_content)
}

.section_default + .section_default {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

._invert .section_default + .section_default, ._invert .section_default2 + .section_default2 {
    border-color: rgba(255, 255, 255, .35)
}

.section_default .section__content {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto
}

.section_default .section__controls {
    margin-top: var(--spacing_m);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 1rem
}

.section_default .section__actions {
    margin-top: var(--offset_s);
    margin-bottom: var(--offset_s)
}

.section_default .section__search {
    width: 16rem;
    margin-left: auto;
    margin-right: var(--spacing_m)
}

.section_default2 + .section_default2 {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, .125)
}

.section_default2 .section__content {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto
}

.section_default2 .section__header {
    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
}

.section_default2 .section__controls {
    margin-top: var(--spacing_m);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 1rem
}

.section_default2 .section__actions {
    margin-top: var(--offset_s);
    margin-bottom: var(--offset_s)
}

.top-bar {
    position: fixed;
    z-index: 75;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .12);
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.html_index .top-bar {
    display: none
}

.html_filter-bar .top-bar {
    -webkit-transform: translate3d(-16rem, 0, 0);
    transform: translate3d(-16rem, 0, 0)
}

.top-bar__content {
    height: 3em;
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-bar__mobile-menu {
    position: absolute;
    top: 0;
    right: 0
}

@font-face {
    font-family: 'PFRegalDisplayPro';
    src: url(../fonts/pfregaldisplaypro-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-book.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-medium.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-demi.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'P22Underground';
    src: url(../fonts/p22undergroundcypro-Heavy.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Thin.woff) format('woff');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@media (orientation: landscape) {
    .swiper_80vh, .swiper_80vh .swiper__img {
        height: 80vh;
        min-height: 24rem;
        max-height: 40rem
    }

    .swiper_70vh, .swiper_70vh .swiper__img {
        height: 70vh;
        min-height: 22rem;
        max-height: 35rem
    }

    .swiper_60vh, .swiper_60vh .swiper__img {
        height: 60vh;
        min-height: 20rem;
        max-height: 30rem
    }
}

@media (orientation: portrait) {
    .swiper_60vh, .swiper_60vh .swiper__img, .swiper_70vh, .swiper_70vh .swiper__img, .swiper_80vh, .swiper_80vh .swiper__img {
        height: 60vw
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    :root {
        --spacing_content_y: 3.75rem;
        --spacing_content_x: 4vw;
        --spacing_content: 3.75rem 4vw;
        --offset_content_y: -3rem;
        --offset_content_x: -4vw;
        --offset_content: -3rem -4vw
    }

    .autocomplete__box {
        right: 3em
    }

    .section_default .section__body, .section_default .section__footer {
        margin-top: var(--spacing_xl)
    }

    .section_default2 .section__body {
        margin-top: var(--spacing_l)
    }

    .section_default2 .section__footer {
        margin-top: var(--spacing_xl)
    }
}

@media (min-width: 768px) {
    body {
        font-weight: 300
    }

    hr {
        margin-top: var(--spacing_xl);
        margin-bottom: var(--spacing_xl)
    }

    .flip_in .flip__back {
        -webkit-animation: flip-back .375s both;
        animation: flip-back .375s both
    }

    .flip_in .flip__front {
        -webkit-animation: flip-front .375s both;
        animation: flip-front .375s both
    }

    .flip_out .flip__back {
        -webkit-animation: flip-back .375s both reverse;
        animation: flip-back .375s both reverse
    }

    .flip_out .flip__front {
        -webkit-animation: flip-front .375s both reverse;
        animation: flip-front .375s both reverse
    }

    .paginator {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .order_default {
        -ms-grid-columns: 4fr 5rem 2fr 2fr 7rem 3rem;
        grid-template-columns: 4fr 5rem 2fr 2fr 7rem 3rem;
        grid-gap: 1rem
    }

    .user_inline .user__contacts {
        text-align: right
    }

    .report-field__controls label {
        width: 50%
    }

    .report-field__controls {
        width: 6rem
    }

    .report-field__title {
        margin-right: 7rem
    }

    .popup__content {
        padding: 1.5rem
    }

    .right-bar__logo {
        display: none
    }
}

@media (min-width: 960px) {
    .gallery_default, .gallery_edit {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1.5rem
    }

    .fieldset_executors {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .fieldset_car-basic .fieldset__body, .fieldset_grid3 {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
    }

    .data-table_price {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem
    }

    .diagnosis_default {
        -ms-grid-columns: 3rem auto 50%;
        grid-template-columns: 3rem auto 50%;
        grid-template-areas: "thumb body comment";
        grid-gap: 2rem
    }

    .car-detail__body {
        display: -ms-grid;
        display: grid;
        grid-gap: 3rem;
        -ms-grid-columns: 3fr 2fr;
        grid-template-columns: 3fr 2fr
    }

    .fieldset_car-basic .fieldset__item_description {
        -ms-grid-column: span 2;
        grid-column: span 2
    }

    .car-form_old__body, .fieldset_car-owner .fieldset__body {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .fieldset_car-owner .fieldset__item_owner-location, .fieldset_car-owner .fieldset__item_referrer {
        -ms-grid-column: span 3;
        grid-column: span 3
    }

    .car-form_old__body {
        grid-template-areas: "vin date ." "brand model generation" "body-type body-color ." "engine-type engine-volume engine-power" "transmission-type transmission-gears ." "mileage price ." "description description ."
    }

    .car-form_old__item_vin {
        grid-area: vin
    }

    .car-form_old__item_brand {
        grid-area: brand
    }

    .car-form_old__item_model {
        grid-area: model
    }

    .car-form_old__item_generation {
        grid-area: generation
    }

    .car-form_old__item_body-type {
        grid-area: body-type
    }

    .car-form_old__item_body-color {
        grid-area: body-color
    }

    .car-form_old__item_engine-type {
        grid-area: engine-type
    }

    .car-form_old__item_engine-volume {
        grid-area: engine-volume
    }

    .car-form_old__item_engine-power {
        grid-area: engine-power
    }

    .car-form_old__item_transmission-type {
        grid-area: transmission-type
    }

    .car-form_old__item_transmission-gears {
        grid-area: transmission-gears
    }

    .car-form_old__item_mileage {
        grid-area: mileage
    }

    .car-form_old__item_price {
        grid-area: price
    }

    .car-form_old__item_date {
        grid-area: date
    }

    .car-form_old__item_description {
        grid-area: description
    }

    .car-form_old__seller {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .report-form_edit .report-form__header {
        display: none
    }

    .user-detail__header-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .user-detail__thumb {
        margin-top: var(--offset_s);
        margin-bottom: var(--offset_s)
    }

    .user-detail__info {
        margin-left: var(--spacing_l)
    }

    .fieldset_user-account .fieldset__body {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .fieldset_user-basic .fieldset__body {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .fieldset_user-basic .fieldset__item_description {
        -ms-grid-column: span 2;
        grid-column: span 2
    }
}

@media (min-width: 1280px) and (max-width: 1399px) {
    :root {
        --fs: 18px
    }
}

@media (min-width: 1280px) {
    body {
        overflow-y: scroll
    }

    .scroll_active:hover .scroll__overflow {
        margin-right: 0
    }

    .scroll__overflow {
        margin-right: -16px
    }

    .scroll__content {
        padding-right: 16px
    }

    .report-detail__gallery img {
        max-height: 60vh
    }

    .report-edit__nav {
        margin-right: var(--spacing_l)
    }

    .autocomplete {
        top: 0;
        left: 16rem
    }

    .autocomplete__box {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        max-width: 32rem;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .autocomplete_in .autocomplete__box {
        -webkit-animation: move-from-left .25s ease both;
        animation: move-from-left .25s ease both
    }

    .autocomplete_open .autocomplete__box {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .autocomplete_out .autocomplete__box {
        -webkit-animation: move-to-left .25s ease both;
        animation: move-to-left .25s ease both
    }

    .autocomplete__scroll {
        padding-bottom: .75rem
    }

    .left-bar {
        display: block;
        width: 16rem
    }

    .left-bar__scroll {
        width: 19.2rem
    }

    .left-bar__scroll:hover {
        width: 16rem
    }

    .page {
        margin-left: 16rem
    }

    .html_right-bar .page {
        -webkit-transform: translateX(-16rem);
        transform: translateX(-16rem)
    }

    .right-bar {
        z-index: 25
    }

    .right-bar__box {
        opacity: 0
    }

    .right-bar_in .right-bar__box {
        -webkit-animation: fade-in .25s ease both;
        animation: fade-in .25s ease both
    }

    .right-bar_open .right-bar__box {
        opacity: 1
    }

    .right-bar_out .right-bar__box {
        -webkit-animation: fade-out .25s ease both;
        animation: fade-out .25s ease both
    }

    .right-bar__scroll {
        width: 19.2rem
    }

    .right-bar__scroll:hover {
        width: 16rem
    }

    .section_default .section__body, .section_default .section__footer, .section_default2 .section__body, .section_default2 .section__footer {
        margin-top: var(--spacing_xl)
    }

    .top-bar, .top-bar__mobile-menu {
        display: none
    }

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

@media (max-width: 1279px) {
    .report-edit__nav {
        display: none
    }

    .autocomplete {
        top: 3em;
        left: 0
    }

    .autocomplete__box {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .autocomplete_in .autocomplete__box {
        -webkit-animation: move-from-top .25s ease both;
        animation: move-from-top .25s ease both
    }

    .autocomplete_open .autocomplete__box {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .autocomplete_out .autocomplete__box {
        -webkit-animation: move-to-top .25s ease both;
        animation: move-to-top .25s ease both
    }

    .left-bar {
        display: none;
        z-index: 75;
        right: 0
    }

    .left-bar_in, .left-bar_open, .left-bar_out {
        display: block
    }

    .left-bar__overlay {
        opacity: 0
    }

    .left-bar_in .left-bar__overlay {
        -webkit-animation: fade-in .25s ease both;
        animation: fade-in .25s ease both
    }

    .left-bar_open .left-bar__overlay {
        opacity: 1
    }

    .left-bar_out .left-bar__overlay {
        -webkit-animation: fade-out .25s ease both;
        animation: fade-out .25s ease both
    }

    .left-bar__box {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .left-bar_in .left-bar__box {
        -webkit-animation: move-from-left .25s ease both;
        animation: move-from-left .25s ease both
    }

    .left-bar_open .left-bar__box {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .left-bar_out .left-bar__box {
        -webkit-animation: move-to-left .25s ease both;
        animation: move-to-left .25s ease both
    }

    .page {
        padding-top: 3em
    }

    .right-bar {
        z-index: 100
    }

    .right-bar__box {
        will-change: transform;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .right-bar_in .right-bar__box {
        -webkit-animation: move-from-right .25s ease both;
        animation: move-from-right .25s ease both
    }

    .right-bar_open .right-bar__box {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .right-bar_out .right-bar__box {
        -webkit-animation: move-to-right .25s ease both;
        animation: move-to-right .25s ease both
    }
}

@media (max-width: 959px) {
    .gallery_default, .gallery_edit {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.125rem
    }

    .data-table_price {
        grid-gap: 1rem
    }

    .diagnosis_default {
        -ms-grid-columns: 3rem auto;
        grid-template-columns: 3rem auto;
        grid-template-areas: "thumb body" "thumb comment";
        grid-gap: 1rem
    }

    .car-detail__contacts {
        margin-top: var(--spacing_l)
    }

    .fieldset_car-basic .fieldset__body {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .fieldset_car-basic .fieldset__item_empty, .fieldset_car-owner .fieldset__item_empty {
        display: none
    }

    .user-detail__thumb {
        margin-left: auto;
        margin-right: auto
    }

    .user-detail__info {
        margin-top: var(--spacing_l);
        text-align: center
    }

    .fieldset_user-account .fieldset__body {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .fieldset_user-account .fieldset__item_empty {
        display: none
    }

    .fieldset_user-basic .fieldset__body {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .fieldset_user-basic .fieldset__item_empty {
        display: none
    }
}

@media (max-width: 767px) {
    :root {
        --spacing_content_y: 3rem;
        --offset_content_y: -2.25rem;
        --fs: 5vmin;
        --fs_h1: 1.5rem;
        --fs_h2: 1.375rem;
        --fs_h3: 1.25rem;
        --fs_h4: 1.125rem
    }

    body {
        font-weight: 300
    }

    hr {
        margin-top: var(--spacing_l);
        margin-bottom: var(--spacing_l)
    }

    .crumbs {
        display: none
    }

    .flip_in .flip__back {
        -webkit-animation: flip-back_mob .75s ease both;
        animation: flip-back_mob .75s ease both
    }

    .flip_in .flip__front {
        -webkit-animation: flip-front_mob .75s ease both;
        animation: flip-front_mob .75s ease both
    }

    .flip_out .flip__back {
        -webkit-animation: flip-back_mob .75s ease both reverse;
        animation: flip-back_mob .75s ease both reverse
    }

    .flip_out .flip__front {
        -webkit-animation: flip-front_mob .75s ease both reverse;
        animation: flip-front_mob .75s ease both reverse
    }

    .paginator {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .paginator__pages {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0;
        width: 100%
    }

    .paginator__arrow {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 1.5rem;
        width: 25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .swiper__button, .swiper_gallery .swiper__expand {
        display: none
    }

    .swiper__pagination-bullet {
        font-size: 75%
    }

    .car_inline {
        -ms-grid-columns: 5rem auto 6rem;
        grid-template-columns: 5rem auto 6rem;
        grid-template-areas: "body body price" "thumb specs specs"
    }

    .car_inline .car__price {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .order_default .order__actions {
        position: absolute;
        top: 0;
        right: 0
    }

    .user_inline {
        -ms-grid-columns: 4rem auto;
        grid-template-columns: 4rem auto;
        grid-template-areas: "thumb body" "thumb branch" "thumb contacts";
        padding: 1rem
    }

    .user_inline .user__thumb {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }

    .report-field__controls {
        left: 0
    }

    .report-field__controls label {
        width: 40%
    }

    .report-field_diagnosis .report-field__header {
        padding: 0 2.5rem
    }

    .report-field_info .report-field__body {
        padding: 0 1rem
    }

    .popup__content {
        padding: .75rem
    }

    .section_default .section__body, .section_default .section__footer {
        margin-top: var(--spacing_l)
    }

    .section_default2 {
        padding: 0 !important
    }

    .section_default2 .section__header {
        padding: var(--spacing_s) var(--spacing_xs)
    }

    .section_default2 .section__footer {
        margin-top: var(--spacing_l)
    }

    .top-bar__mobile-menu {
        margin-left: auto
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    :root {
        --spacing_content_x: 1.5rem;
        --spacing_content: 3rem 1.5rem;
        --offset_content_x: -1.5rem;
        --offset_content: -2.25rem -1.5rem
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    :root {
        --spacing_content_x: .75rem;
        --spacing_content: 3rem .75rem;
        --offset_content_x: -.75rem;
        --offset_content: -2.25rem -.75rem
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes move-from-top {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes move-from-top {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes move-to-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes move-to-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes move-from-right {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes move-from-right {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes move-to-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes move-to-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes move-from-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes move-from-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes move-to-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes move-to-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes move-from-left {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes move-from-left {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes move-to-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes move-to-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes flip-front {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg)
    }
}

@keyframes flip-front {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg)
    }
}

@-webkit-keyframes flip-back {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
}

@keyframes flip-back {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
}

@-webkit-keyframes flip-front_mob {
    0%, 33% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg)
    }
}

@keyframes flip-front_mob {
    0%, 33% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg)
    }
}

@-webkit-keyframes flip-back_mob {
    0%, 33% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
}

@keyframes flip-back_mob {
    0%, 33% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }
}

@-webkit-keyframes popup__content-in {
    0% {
        -webkit-transform: translate3d(0, -100vh, 0);
        transform: translate3d(0, -100vh, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes popup__content-in {
    0% {
        -webkit-transform: translate3d(0, -100vh, 0);
        transform: translate3d(0, -100vh, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes popup__content-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 100vh, 0);
        transform: translate3d(0, 100vh, 0)
    }
}

@keyframes popup__content-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 100vh, 0);
        transform: translate3d(0, 100vh, 0)
    }
}

@-webkit-keyframes popup__overlay-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes popup__overlay-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes popup__overlay-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes popup__overlay-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes popup__close-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popup__close-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes popup__close-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes popup__close-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}