html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    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;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

em {
    font-style: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    border: none;
    padding: 0;
}
/*global*/
section,
div,
ul,
li,
a,
i,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
cite,
span {
    position: relative;
    box-sizing: border-box;
}
input,
select,
textarea,
form,
label,
button {
    -webkit-backface-visibility: hidden;
}
ymaps {
    box-sizing: content-box;
    position: static;
}
html,
body {
    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, 0.25);
    --c-link: #3076bf;
}
._invert {
    --c-title: #fff;
    --c-text: rgba(255, 255, 255, 0.5);
    --c-border: rgba(255, 255, 255, 0.25);
    color: var(--c-text);
    --c-link: #fff;
}
.block-name {
    color: var(--c-title);
}
:root {
    --icon_xxs: 12px;
    --icon_xs: 16px;
    --icon_s: 20px;
    --icon_m: 24px;
    --icon_l: 28px;
    --icon_xl: 32px;
    --icon_xxl: 36px;
}
@media (min-width:384px) and (max-width:767px) {
    :root {
        --icon_m: 6.666vmin;
    }
}
:root {
    --spacing: 1.5rem;
    --spacing_em: 1.5em;
    --spacing_rem: 1.5rem;
    --spacing_xxs: 0.375rem;
    --spacing_xs: 0.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: -0.375rem;
    --offset_xs: -0.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;
}
@media (min-width:768px) and (max-width:1279px) {
    :root {
        --spacing_content_y: 3.75rem;
        --spacing_content_x: 4vw;
        --spacing_content: 3.75rem 4vw;
    }
}
@media (max-width:767px) {
    :root {
        --spacing_content_y: 1.5rem;
    }
}
@media (max-width:767px) and (orientation: landscape) {
    :root {
        --spacing_content_x: 1.5rem;
        --spacing_content: 1.5rem;
    }
}
@media (max-width:767px) and (orientation: portrait) {
    :root {
        --spacing_content_x: 0.75rem;
        --spacing_content: 1.5rem 0.75rem;
    }
}
@media (min-width:768px) and (max-width:1279px) {
    :root {
        --offset_content_y: -3rem;
        --offset_content_x: -4vw;
        --offset_content: -3rem -4vw;
    }
}
@media (max-width:767px) {
    :root {
        --offset_content_y: -2.25rem;
    }
}
@media (max-width:767px) and (orientation: landscape) {
    :root {
        --offset_content_x: -1.5rem;
        --offset_content: -2.25rem -1.5rem;
    }
}
@media (max-width:767px) and (orientation: portrait) {
    :root {
        --offset_content_x: -0.75rem;
        --offset_content: -2.25rem -0.75rem;
    }
}
:root {
    --fs: 20px;
    --fs_xxs: 0.625rem;
    --fs_xs: 0.75rem;
    --fs_s: 0.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: 0.83333333rem;
    --fw: 300;
}
@media (min-width:960px) and (max-width:1279px) {
    :root {
        --fs: 18px;
    }
}
@media (min-width:1280px) and (max-width:1399px) {
    :root {
        --fs: 16px;
    }
}
@media (min-width:1280px) and (max-width:1399px) {
    .add_cover button{
        padding: 0px 20.5px;
    }
}
@media (min-width:1400px) and (max-width:1599px) {
    :root {
        --fs: 18px;
    }
}
@media (min-width:384px) and (max-width:767px) {
    :root {
        --fs: 4vmin;
    }
}
@media (max-width:383px) {
    :root {
        --fs: 16px;
    }
}
@media (max-width:767px) {
    :root {
        --fw: 400;
        --fs_h1: 1.5rem;
        --fs_h2: 1.375rem;
        --fs_h3: 1.25rem;
        --fs_h4: 1.125rem;
    }
}
@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes move-from-top {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes move-from-top {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes move-to-top {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes move-to-top {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes move-from-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes move-from-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes move-to-right {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes move-to-right {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@-webkit-keyframes move-from-bottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes move-from-bottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes move-to-bottom {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes move-to-bottom {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@-webkit-keyframes move-from-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes move-from-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes move-to-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes move-to-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.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, 0.125);
}
._invert .bc {
    border-color: rgba(255, 255, 255, 0.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, 0.06), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.b-shadow_inset {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, 0 2px 1px -1px rgba(0, 0, 0, 0.12) inset;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: '';
    line-height: 0;
    height: 0;
}
.clearfix: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: -0.375rem;
}
.flex_xs > * {
    padding: 0.375rem;
}
.flex_s {
    margin: -0.5625rem;
}
.flex_s > * {
    padding: 0.5625rem;
}
.flex_m {
    margin: -0.75rem;
}
.flex_m > * {
    padding: 0.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: -0.375rem;
    margin-right: -0.375rem;
}
.flex_x_xs > * {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.flex_x_s {
    margin-left: -0.5625rem;
    margin-right: -0.5625rem;
}
.flex_x_s > * {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
}
.flex_x_m {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.flex_x_m > * {
    padding-left: 0.75rem;
    padding-right: 0.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: -0.375rem;
    margin-bottom: -0.375rem;
}
.flex_y_xs > * {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.flex_y_s {
    margin-top: -0.5625rem;
    margin-bottom: -0.5625rem;
}
.flex_y_s > * {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
}
.flex_y_m {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
}
.flex_y_m > * {
    padding-top: 0.75rem;
    padding-bottom: 0.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: -0.375rem;
}
.flex_o_s {
    margin: -0.5625rem;
}
.flex_o_m {
    margin: -0.75rem;
}
.flex_o_l {
    margin: -1.125rem;
}
.flex_o_xl {
    margin: -1.5rem;
}
.flex_o_xxl {
    margin: -2.25rem;
}
.flex_ox_xs {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
}
.flex_ox_s {
    margin-left: -0.5625rem;
    margin-right: -0.5625rem;
}
.flex_ox_m {
    margin-left: -0.75rem;
    margin-right: -0.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: -0.375rem;
    margin-bottom: -0.375rem;
}
.flex_oy_s {
    margin-top: -0.5625rem;
    margin-bottom: -0.5625rem;
}
.flex_oy_m {
    margin-top: -0.75rem;
    margin-bottom: -0.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: 0.375rem;
}
.grid_xs {
    grid-gap: 0.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-top: var(--offset_content_y);
    margin-bottom: var(--offset_content_y);
}
.ot_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);
}
/*PADDING HORISONTAL*/
.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);
}
/*PADDING VERTICAL*/
.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, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.shadow_2 {
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12), 0 0.5625rem 0.5625rem -0.375rem rgba(0, 0, 0, 0.25);
}
.shadow_3 {
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 0, 0, 0.25);
}
.shadow_4 {
    box-shadow: 0 3px 1.125rem -0.5625rem rgba(0, 0, 0, 0.12), 0 1.6875rem 1.6875rem -1.125rem rgba(0, 0, 0, 0.25);
}
.shadow_5 {
    box-shadow: 0 3px 1.5rem -0.75rem rgba(0, 0, 0, 0.12), 0 2.25rem 2.25rem -1.5rem rgba(0, 0, 0, 0.25);
}
.shadow_inset_1 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset;
}
.shadow_inset_2 {
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12) inset, 0 0.5625rem 0.5625rem -0.375rem rgba(0, 0, 0, 0.25) inset;
}
html {
    font-size: var(--fs);
}
body {
    color: var(--c-text);
    font-family: 'Roboto', sans-serif;
}
@media (min-width:768px) {
    body {
        font-weight: 300;
    }
}
@media (max-width:767px) {
    body {
        font-weight: 300;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.125;
    color: #000;
}
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before,
.h1:before,
.h2:before,
.h3:before,
.h4:before,
.h5:before,
.h6:before {
    content: '';
    display: block;
    margin-top: -0.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: -0.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);
}
a {
    color: var(--c-link);
}
blockquote,
p {
    line-height: 1.5;
    padding-top: 1px;
    padding-bottom: 1px;
}
blockquote:before,
p:before {
    content: '';
    display: block;
    position: relative;
    margin-top: -0.3em;
}
blockquote:after,
p:after {
    content: '';
    display: block;
    position: relative;
    margin-bottom: -0.3em;
}
.expert_conclusion, .minuses, .pluses{
    line-height: 1.8;
}

blockquote:before {
    position: absolute;
    display: block;
    line-height: 1;
    font-size: 3em;
    pointer-events: none;
    content: 'В«';
    right: 100%;
    margin-top: -0.5em;
    margin-right: 0.125em;
}
blockquote:after {
    position: absolute;
    display: inline-block;
    line-height: 1;
    font-size: 3em;
    pointer-events: none;
    content: 'В»';
    text-align: right;
    margin-top: -0.15em;
    margin-left: 0.125em;
}
cite {
    display: block;
    font-style: normal;
}
small {
    font-size: 75%;
}
b,
strong {
    font-weight: bold;
}
i {
    font-style: normal;
}
hr {
    margin: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
    height: 0;
    clear: both;
}
._invert hr {
    border-color: rgba(255, 255, 255, 0.35);
}
@media (min-width:768px) {
    hr {
        margin-top: var(--spacing_xl);
        margin-bottom: var(--spacing_xl);
    }
}
@media (max-width:767px) {
    hr {
        margin-top: var(--spacing_l);
        margin-bottom: var(--spacing_l);
    }
}
dl {
    margin: 0;
}
dl:before,
dl:after {
    display: table;
    content: '';
    line-height: 0;
    height: 0;
}
dl:after {
    clear: both;
}
dt,
dd {
    line-height: 1;
    display: block;
    padding: 0;
    margin: 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_primary {
    font-family: 'Roboto', sans-serif;
}
.ff_secondary {
    font-family: 'Roboto', sans-serif;
}
.ff_headings {
    font-family: 'Roboto', sans-serif;
}
.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_normal,
.fw_400 {
    font-weight: 400;
}
.fw_medium,
.fw_500 {
    font-weight: 500;
}
.fw_bold,
.fw_600 {
    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%;
}
@font-face {
    font-family: 'PFRegalDisplayPro';
    src: url('/static/fonts/pfregaldisplaypro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'P22Underground';
    src: url('/static/fonts/p22undergroundcypro-Heavy.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Regular.woff?fb898b4328f6') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Medium.woff?fb898b4328f6') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Light.woff?fb898b4328f6') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Thin.woff?fb898b4328f6') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Bold.woff?fb898b4328f6') format('woff');
    font-weight: bold;
    font-style: normal;
}
body {
    min-width: 320px;
    background-color: #222;
    overflow-x: hidden;
}
@media (min-width:1280px) {
    body {
        overflow-y: scroll;
    }
}
._debug .grid__item {
    background-color: #ccc;
}
/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.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;
    /* Fix 401 */
}
.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}
.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;
}
/* Styling;
 */
.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, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}
.noUi-handle:after {
    left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    box-sizing: border-box;
}
.noUi-pips {
    position: absolute;
    color: #999;
}
/* Values;
 *
 */
.noUi-value {
    position: absolute;
    text-align: center;
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}
.noUi-marker-sub {
    background: #AAA;
}
.noUi-marker-large {
    background: #AAA;
}
/* Horizontal layout;
 *
 */
.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;
    top: 4%;
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}
/* Vertical layout;
 *
 */
.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_new .badge__border {
    background-color: #3C6;
}
.badge_hit .badge__border {
    background-color: #3C6;
}
.badge_sale .badge__border {
    background-color: #e85454;
}
.badge_sale .badge__title {
    color: #fff;
}
.badge_action .badge__border {
    background-color: #ffcc00;
}
.badge_default .badge__border {
    padding: var(--spacing_xxs);
}
.badge_default .badge__title {
    text-transform: uppercase;
    font-size: var(--fs_xs);
}
.box_card {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    padding: var(--spacing_content);
    border-radius: 2px;
}
.box_default .box__body {
    margin-top: var(--spacing_m);
}
.box_primary {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    padding: var(--spacing_content);
}
.box {
    max-width: 100%;
}
.box_xs {
    width: 21.6rem;
}
.box_s {
    width: 28.8rem;
}
.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 0.25s ease, box-shadow 0.25s ease;
    transition: opacity 0.25s ease, box-shadow 0.25s ease;
    background: none;
}
.btn:hover,
.btn:focus,
.btn:active {
    outline: none;
}
.btn_disabled,
.btn_disabled:hover,
.btn_disabled:active,
.btn_disabled:focus,
.btn[disabled],
.btn:disabled {
    opacity: 0.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__mask {
    -webkit-transform: translateZ(0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.btn__bg {
    -webkit-transform: translateZ(0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease, -webkit-filter 0.25s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease, -webkit-filter 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease, -webkit-transform 0.25s ease, -webkit-filter 0.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 0.25s ease;
    transition: color 0.25s ease;
}
.btn__notification {
    background-color: #ffce1b;
    color: #000;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.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 {
    border-radius: 50% !important;
}
.btn_circle:before,
.btn_circle:after {
    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 0.25s ease;
    transition: border-color 0.25s ease;
    border-radius: 2px;
    padding: 0 1.5em;
    color: #000;
    fill: #000;
    border: 1px solid rgba(0, 0, 0, 0.25);
}
.btn_default .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}
.btn_default:hover,
.btn_default.btn_hover {
    color: #000;
    fill: #000;
}
.btn_default:focus,
.btn_default.btn_focus {
    color: #3076bf;
    fill: #3076bf;
}
.btn_default:active,
.btn_default.btn_active {
    color: #3076bf;
    fill: #3076bf;
}
.btn_default:hover,
.btn_default.btn_hover {
    border-color: rgba(0, 0, 0, 0.5);
}
.btn_default:focus,
.btn_default.btn_focus {
    border-color: #3076bf;
}
.btn_default:active,
.btn_default.btn_active {
    border-color: #3076bf;
}
.btn_default .btn__count {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffce1b;
    border-radius: 50%;
    font-size: 0.5rem;
}
.photo_alert {
    padding: 0 1.5em;
}
._invert .btn_default {
    color: #fff;
    fill: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
._invert .btn_default:hover,
._invert .btn_default.btn_hover {
    color: #fff;
    fill: #fff;
}
._invert .btn_default:focus,
._invert .btn_default.btn_focus {
    color: #3076bf;
    fill: #3076bf;
}
._invert .btn_default:active,
._invert .btn_default.btn_active {
    color: #3076bf;
    fill: #3076bf;
}
._invert .btn_default:hover,
._invert .btn_default.btn_hover {
    border-color: rgba(255, 255, 255, 0.5);
}
._invert .btn_default:focus,
._invert .btn_default.btn_focus {
    border-color: #3076bf;
}
._invert .btn_default:active,
._invert .btn_default.btn_active {
    border-color: #3076bf;
}
.btn_paginator {
    border-radius: 2px;
    font-weight: 500;
    color: #4a4a4a;
}
.btn_paginator.btn_active {
    background-color: #ffce1b;
    color: #000;
}
.btn_primary {
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: background-color 0.25s ease,box-shadow 0.25s ease;
    transition: background-color 0.25s ease,box-shadow 0.25s ease;
    padding: 0 1.5em;
    color: #000;
    fill: #000;
    background-color: #ffce1b;
}
.btn_primary .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}
.btn_primary:hover,
.btn_primary.btn_hover {
    color: #000;
    fill: #000;
}
.btn_primary:focus,
.btn_primary.btn_focus {
    color: #000;
    fill: #000;
}
.btn_primary:active,
.btn_primary.btn_active {
    color: #000;
    fill: #000;
}
.btn_primary:hover,
.btn_primary.btn_hover {
    background-color: #ffd743;
    box-shadow:none;
    cursor: pointer;
}
.btn_primary:focus,
.btn_primary.btn_focus {
    /* background-color: #ffce1b; */
}
.btn_primary:active,
.btn_primary.btn_active {
    background-color: #ffd743;
}

.btn_primary:active > *,
.btn_primary.btn_active > * {
    top:2px;
}


.btn_auto {
    min-height: 2.5em;
}
.btn_xs {
    font-size: 0.6em;
    min-height: 2.5em;
}
.btn_s {
    font-size: 0.8em;
    min-height: 2.5em;
}
.btn_m {
    font-size: 1em;
    min-height: 2.5em;
}
.btn_l {
    font-size: 1.2em;
    min-height: 2.5em;
}
.btn_xl {
    font-size: 1.4em;
    min-height: 2.5em;
}
.btn_white {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    padding: 0 1.5em;
    color: #000;
    fill: #000;
    background-color: #fff;
}
.btn_white .btn__title {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.btn_white:hover,
.btn_white.btn_hover {
    color: #000;
    fill: #000;
}
.btn_white:focus,
.btn_white.btn_focus {
    color: #000;
    fill: #000;
}
.btn_white:active,
.btn_white.btn_active {
    color: #000;
    fill: #000;
}
.btn_white:hover,
.btn_white.btn_hover {
    background-color: #fff;
}
.btn_white:focus,
.btn_white.btn_focus {
    background-color: #fff;
}
.btn_white:active,
.btn_white.btn_active {
    background-color: #fff;
}
.btn_white .btn__count {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-color: #ffce1b;
    border-radius: 50%;
    font-size: 0.75rem;
    width: 1rem;
    height: 1rem;
    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;
    font-weight: 500;
}
.comment__thumb {
    background-color: #000;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}
.comment_default .comment__content {
    line-height: 1.375;
    max-width: 36rem;
}
.comment_negative .comment__content {
    line-height: 1.375;
    background-color: #ffe47f;
}
.crumbs {
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    margin-bottom: var(--offset_l);
    z-index: 5;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.crumbs:hover {
    opacity: 1;
}
@media (max-width:767px) {
    .crumbs {
        display: none;
    }
}
.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 {
    content: "/";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.2rem;
    text-align: center;
}
.crumbs__link {
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    color: #000;
    text-decoration: none;
}
.crumbs__link:hover {
    color: #3076bf;
}
.dropdown__content {
    position: absolute;
    z-index: 200;
    display: none;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.dropdown_open .dropdown__content {
    display: block;
}
.dropzone__area {
    display: block !important;
    box-sizing: border-box;
    padding: var(--spacing_l);
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.12) inset;
    border-radius: 2px;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.dropzone__area:hover {
    cursor: pointer;
    background-color: rgba(0, 157, 255, 0.5);
}
.dropzone__gallery {
    margin-top: var(--spacing_m);
}
.dropzone__btn {
    text-align: center;
}
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6,
.editor p,
.editor ol,
.editor ul,
.editor dl,
.editor hr,
.editor cite,
.editor blockquote {
    max-width: 36rem;
}
.editor_center h1,
.editor_center h2,
.editor_center h3,
.editor_center h4,
.editor_center h5,
.editor_center h6,
.editor_center p,
.editor_center ol,
.editor_center ul,
.editor_center dl,
.editor_center hr,
.editor_center cite,
.editor_center blockquote,
.editor_center .img,
.editor_center .table {
    margin-left: auto;
    margin-right: auto;
}
.editor_right h1,
.editor_right h2,
.editor_right h3,
.editor_right h4,
.editor_right h5,
.editor_right h6,
.editor_right p,
.editor_right ol,
.editor_right ul,
.editor_right dl,
.editor_right hr,
.editor_right cite,
.editor_right blockquote,
.editor_right .img,
.editor_right .table {
    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 * + p,
.editor * + ul,
.editor * + ol,
.editor * + dl {
    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: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
a.filetype[href$="csv"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/csv.svg?fb898b4328f6");
}
a.filetype[href$="doc"]:before,
a.filetype[href$="docx"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/doc.svg?fb898b4328f6");
}
a.filetype[href$="jpg"]:before,
a.filetype[href$="jpeg"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/jpg.svg?fb898b4328f6");
}
a.filetype[href$="pdf"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/pdf.svg?fb898b4328f6");
}
a.filetype[href$="png"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/png.svg?fb898b4328f6");
}
a.filetype[href$="ppt"]:before,
a.filetype[href$="pptx"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/ppt.svg?fb898b4328f6");
}
a.filetype[href$="txt"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/txt.svg?fb898b4328f6");
}
a.filetype[href$="xls"]:before,
a.filetype[href$="xlsx"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/xls.svg?fb898b4328f6");
}
a.filetype[href$="xml"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/xml.svg?fb898b4328f6");
}
a.filetype[href$="zip"]:before,
a.filetype[href$="rar"]:before,
a.filetype[href$="7z"]:before {
    background-image: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/img/assets/gui/filetypes/zip.svg?fb898b4328f6");
}
@-webkit-keyframes flip-front {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
    100% {
        -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);
    }
    100% {
        -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);
    }
    100% {
        -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);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
}
@-webkit-keyframes flip-front_mob {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
    33% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg);
    }
}
@keyframes flip-front_mob {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
    33% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg);
    }
}
@-webkit-keyframes flip-back_mob {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg);
    }
    33% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
}
@keyframes flip-back_mob {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg);
    }
    33% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
}
.flip__front,
.flip__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.flip__front *,
.flip__back * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -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;
}
@media (min-width:768px) {
    .flip_in .flip__back {
        -webkit-animation: flip-back 0.375s both;
        animation: flip-back 0.375s both;
    }
}
@media (max-width:767px) {
    .flip_in .flip__back {
        -webkit-animation: flip-back_mob 0.75s ease both;
        animation: flip-back_mob 0.75s ease both;
    }
}
@media (min-width:768px) {
    .flip_in .flip__front {
        -webkit-animation: flip-front 0.375s both;
        animation: flip-front 0.375s both;
    }
}
@media (max-width:767px) {
    .flip_in .flip__front {
        -webkit-animation: flip-front_mob 0.75s ease both;
        animation: flip-front_mob 0.75s ease both;
    }
}
@media (min-width:768px) {
    .flip_out .flip__back {
        -webkit-animation: flip-back 0.375s both reverse;
        animation: flip-back 0.375s both reverse;
    }
}
@media (max-width:767px) {
    .flip_out .flip__back {
        -webkit-animation: flip-back_mob 0.75s ease both reverse;
        animation: flip-back_mob 0.75s ease both reverse;
    }
}
@media (min-width:768px) {
    .flip_out .flip__front {
        -webkit-animation: flip-front 0.375s both reverse;
        animation: flip-front 0.375s both reverse;
    }
}
@media (max-width:767px) {
    .flip_out .flip__front {
        -webkit-animation: flip-front_mob 0.75s ease both reverse;
        animation: flip-front_mob 0.75s ease both reverse;
    }
}
.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);
}
.gallery_default {
    display: -ms-grid;
    display: grid;
}
@media (min-width:960px) {
    .gallery_default {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1.5rem;
    }
}
@media (max-width:959px) {
    .gallery_default {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.125rem;
    }
}
.gallery_edit {
    display: -ms-grid;
    display: grid;
}
@media (min-width:960px) {
    .gallery_edit {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1.5rem;
    }
}
@media (max-width:959px) {
    .gallery_edit {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.125rem;
    }
}
.gallery_edit .gallery__item {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.gallery_edit .gallery__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width:768px) {
    .header_controls {
        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;
}
@media (max-width:767px) {
    .header_controls .header__controls {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.header_listing {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 1.125rem;
}
@media (min-width:960px) {
    .header_listing {
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "main add controls";
    }
}
@media (max-width:959px) {
    .header_listing {
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
        grid-template-areas: "main add" "controls controls";
    }
}
.header_listing .header__main {
    grid-area: main;
}

.header_listing .header__not_found {
    grid-area: add;
    justify-self: center;
    padding-top: 30px;
}
.header_listing .header__add {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: auto;
    grid-area: add;
}
.header_listing .header__controls {
    grid-area: controls;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 1.5rem;
}

@media (max-width:959px) {
    .header_listing .header__controls {
        -ms-grid-columns: 5fr;
        grid-template-columns: 5fr;
    }
}
.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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.icon_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.icon_circle {
    border-radius: 50%;
}
.icon_circle:before {
    border-radius: 50%;
}
.icon svg {
    display: block;
    position: relative;
    -webkit-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
    -webkit-transform: translateZ(0);
}
.icon_default {
    fill: var(--c-title);
}
.icon_positive,
.icon_success {
    background-color: #6dbe45;
    fill: #fff;
}
.icon_negative,
.icon_fail,
.icon_error {
    background-color: #ed2024;
    fill: #fff;
}
.icon_xxs svg {
    width: var(--icon_xxs);
    height: var(--icon_xxs);
}
.icon_xs svg {
    width: var(--icon_xs);
    height: var(--icon_xs);
}
.icon_s svg {
    width: var(--icon_s);
    height: var(--icon_s);
}
.icon_m svg {
    width: var(--icon_m);
    height: var(--icon_m);
}
.icon_l svg {
    width: var(--icon_l);
    height: var(--icon_l);
}
.icon_xl svg {
    width: var(--icon_xl);
    height: var(--icon_xl);
}
.icon_xxl svg {
    width: var(--icon_xxl);
    height: var(--icon_xxl);
}
.icon_x2 svg {
    width: 48px;
    height: 48px;
}
.icon_x3 svg {
    width: 72px;
    height: 72px;
}
.icon_x4 svg {
    width: 96px;
    height: 96px;
}
.icon_x5 svg {
    width: 120px;
    height: 120px;
}
.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 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.image-edit__controls {
    padding: var(--spacing_s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
}
.image-edit__controls .btn + .btn {
    margin-left: var(--spacing_s);
}
.image-edit__btn-reset {
    margin-right: auto;
}
.link {
    display: inline;
    cursor: pointer;
    text-decoration: none;
}
.link-area {
    text-decoration: none;
}
.link_default {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    border-bottom: 1px solid #3076bf;
    color: #3076bf;
}
.link_grey {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    color: #898989;
}
.link-area:hover .link_grey,
.link_grey:visited:hover,
.link_grey:hover {
    color: #3076bf;
}
.link_muted {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    color: #898989;
    border-bottom: 1px solid transparent;
}
.link-area:hover .link_muted,
.link_muted:visited:hover,
.link_muted:hover {
    color: #3076bf;
    border-bottom-color: #3076bf;
}
.link_secondary {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    border-bottom: 1px solid transparent;
    color: #4a4a4a;
}
.link-area:hover .link_secondary,
.link_secondary:visited:hover,
.link_secondary:hover {
    color: #3076bf;
    border-bottom-color: #3076bf;
}
.link_secondary:focus,
.link_secondary:active {
    color: #000;
    border-bottom-color: #000;
}
.link_text {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    color: #4a4a4a;
}
.link-area:hover .link_text,
.link_text:visited:hover,
.link_text:hover {
    color: #3076bf;
}
.link_title {
    -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
    transition: color 0.25s ease, border-bottom-color 0.25s ease;
    border-bottom: 1px solid transparent;
    color: #000;
}
.link-area:hover .link_title,
.link_title:visited:hover,
.link_title:hover {
    color: #3076bf;
    border-bottom-color: #3076bf;
}
.link_title:focus,
.link_title:active {
    color: #000;
    border-bottom-color: #000;
}
._invert .link_title {
    color: #fff;
}
._invert .link-area:hover .link_title,
._invert .link_title:visited:hover,
._invert .link_title:hover {
    color: #ffce1b;
    border-bottom-color: #ffce1b;
}
._invert .link_title:focus,
._invert .link_title:active {
    color: #fff;
    border-bottom-color: #fff;
}
.list_xxs .list__item + .list__item {
    margin-top: var(--spacing_xxs);
}
.list_xs .list__item + .list__item {
    margin-top: var(--spacing_xs);
}
.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, 0.125);
}
._invert .list_underline > .list__item + .list__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.msg {
    line-height: 1.25;
}
.msg_success {
    color: rgba(0, 0, 0, 0.8);
    background-color: #b7dfa3;
}
.msg_info {
    color: rgba(0, 0, 0, 0.8);
    background-color: #adceed;
}
.msg_warning {
    color: rgba(0, 0, 0, 0.8);
    background-color: #fccf99;
}
.msg_error,
.msg_fail {
    color: rgba(0, 0, 0, 0.8);
    background-color: #f79698;
}
.msg_default {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: var(--spacing_s);
    border-radius: 1px;
}
.msg_field {
    color: rgba(0, 0, 0, 0.8);
    padding: var(--spacing_xxs);
    font-size: var(--fs_xs);
    display: inline-block;
    font-weight: normal;
}
.msg_s {
    padding: 0.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;
}
.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:before {
    display: none;
}
.noUi-handle:after {
    border-radius: 50%;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.noUi-handle:hover {
    cursor: pointer;
}
.noUi-handle:hover:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.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: 0.5rem;
}
.nouislider_test .noUi-target {
    background: -webkit-linear-gradient(right, #1dff00 0%, #fff200 50%, #ff0000 100%);
    background: linear-gradient(to left, #1dff00 0%, #fff200 50%, #ff0000 100%);
    border-radius: 0.25rem;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
}
.nouislider_test .noUi-connect {
    height: 0.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: 0.5em solid #000;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12), 0 0.5625rem 0.5625rem -0.375rem rgba(0, 0, 0, 0.25);
}
.nouislider_test .noUi-handle:hover:after {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 0, 0, 0.25);
}
.nouislider_test .noUi-pips {
    padding: 0.25em 0;
    height: 2rem;
}
.nouislider_test .noUi-marker {
    height: 0.5em;
}
.nouislider_test .noUi-value {
    font-size: var(--fs_xs);
    margin-top: 0.5em;
}
.paginator {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: var(--spacing_l);
}
.paginator__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: var(--spacing_m);
    margin-right: var(--spacing_m);
}
@media (max-width:767px) {
    .paginator__pages {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0;
        width: 100%;
    }
}
@media (max-width:767px) {
    .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;
    }
}
.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -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__val {
    white-space: nowrap;
    color: #000;
    font-size: 100%;
    font-weight: 400;
}
._invert .price_default .price__val {
    color: #fff;
}
.price_default .price__new {
    white-space: nowrap;
    color: #000;
    font-size: 100%;
    font-weight: 400;
}
.price_default .price__old {
    white-space: nowrap;
    color: #898989;
    font-size: 100%;
    font-weight: 400;
    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: -0.5px;
}
.price_xs {
    font-size: 0.66666667em;
}
.price_s {
    font-size: 0.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: 0.5em;
}
.progress__mask {
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.progress__value {
    color: #fff;
    text-align: center;
    font-weight: normal;
    padding: var(--spacing_xxs);
}
.range__slider {
    margin-top: var(--spacing_m);
}
.range__input input {
    padding-top: 0 !important;
}
.scroll {
    overflow: hidden;
}
@media (min-width:1280px) {
    .scroll_active:hover .scroll__overflow {
        margin-right: 0;
    }
}
.scroll:before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: 5;
    left: 0;
    right: 16px;
    height: 1.5rem;
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 0;
}
.scroll_top.scroll:before {
    opacity: 1;
}
.scroll:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 16px;
    height: 1.5rem;
    background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 0;
}
.scroll_bottom.scroll:after {
    opacity: 1;
}
.scroll__overflow {
    overflow-x: hidden;
    overflow-y: auto;
}
@media (min-width:1280px) {
    .scroll__overflow {
        margin-right: -16px;
    }
}
.scroll__content {
    overflow: hidden;
}
@media (min-width:1280px) {
    .scroll__content {
        padding-right: 16px;
    }
}
.swiper__img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.html_loading .swiper .swiper__pagination,
.html_loading .swiper .swiper__button_next,
.html_loading .swiper .swiper__button_prev {
    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__slide,
.swiper_sections .swiper__container,
.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(0.25);
    transform: translatex(-50%) scale(0.25);
}
.swiper_box .swiper__button_next.swiper__button_disabled {
    -webkit-transform: translatex(50%) scale(0.25);
    transform: translatex(50%) scale(0.25);
}
.swiper_wide .swiper__button_prev {
    left: -5vw;
}
.swiper_wide .swiper__button_next {
    right: -5vw;
}
@media (orientation: landscape) {
    .swiper_80vh,
    .swiper_80vh .swiper__img {
        height: 80vh;
        min-height: 24rem;
        max-height: 40rem;
    }
}
@media (orientation: portrait) {
    .swiper_80vh,
    .swiper_80vh .swiper__img {
        height: 60vw;
    }
}
@media (orientation: landscape) {
    .swiper_70vh,
    .swiper_70vh .swiper__img {
        height: 70vh;
        min-height: 22rem;
        max-height: 35rem;
    }
}
@media (orientation: portrait) {
    .swiper_70vh,
    .swiper_70vh .swiper__img {
        height: 60vw;
    }
}
@media (orientation: landscape) {
    .swiper_60vh,
    .swiper_60vh .swiper__img {
        height: 60vh;
        min-height: 20rem;
        max-height: 30rem;
    }
}
@media (orientation: portrait) {
    .swiper_60vh,
    .swiper_60vh .swiper__img {
        height: 60vw;
    }
}
.js-swiper img:not(:first-of-type) {
    display: none;
}
.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;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.swiper:hover .swiper__expand {
    opacity: 1;
}
.swiper__expand .btn__icon_zoom {
    display: block;
}
.swiper__expand .btn__icon_close {
    display: none;
}
.swiper__container {
    overflow: visible;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}
.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 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
@media (max-width:767px) {
    .swiper__button {
        display: none;
    }
}
.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: 0.5em;
}
.swiper_h .swiper__pagination_outside {
    margin-top: 0.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: 0.75rem;
}
.swiper__pagination-bullet {
    cursor: pointer;
    position: relative;
    background-color: transparent;
    opacity: 1;
    width: 1em;
    height: 1em;
    margin: 1px;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.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;
}
@media (max-width:767px) {
    .swiper__pagination-bullet {
        font-size: 75%;
    }
}
.swiper__pagination-bullet:only-child {
    opacity: 0;
}
.html_swiper {
    overflow: hidden;
}
.html_swiper body {
    overflow: hidden;
}
.html_swiper .page {
    z-index: 100;
}
.swiper_banners {
    height: 100%;
}
.swiper_banners .swiper__container {
    overflow: hidden;
    height: 100%;
}
.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 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
    transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease;
    border-radius: 50%;
    box-shadow: none;
}
.swiper__button_prev:hover .swiper__icon:before,
.swiper__button_next: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 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 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 {
    height: 100%;
}
.swiper_banner .swiper__mask {
    height: 100%;
    overflow: hidden;
}
.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: 0.75rem;
    left: 0;
    right: 0;
}
.swiper_banner .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    background-color: rgba(128, 128, 128, 0.5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.swiper_banner .swiper__pagination-bullet_active {
    background: transparent;
}
.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 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    background-color: rgba(128, 128, 128, 0.5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.swiper_default .swiper__pagination-bullet_active {
    background: transparent;
}
.swiper_default .swiper__pagination-bullet_active:after {
    background-color: #3076bf;
}
.swiper_fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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: 0.75rem;
    left: 0;
    right: 0;
}
.swiper_fullscreen .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    background-color: rgba(128, 128, 128, 0.5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.swiper_fullscreen .swiper__pagination-bullet_active {
    background: transparent;
}
.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;
}
.swiper_fullscreen .btn__icon_close {
    display: block;
}
.swiper_gallery .swiper__mask {
    overflow: hidden;
}
@media (max-width:767px) {
    .swiper_gallery .swiper__expand {
        display: none;
    }
}
.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: 0.75rem;
    left: 0;
    right: 0;
}
.swiper_gallery .swiper__pagination-bullet:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    background-color: rgba(128, 128, 128, 0.5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.swiper_gallery .swiper__pagination-bullet_active {
    background: transparent;
}
.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 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, -webkit-transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease;
    transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    background-color: rgba(128, 128, 128, 0.5);
    position: relative;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.swiper_podborka .swiper__pagination-bullet_active {
    background: transparent;
}
.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, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.table_default .table__header {
    padding: var(--spacing_xs);
    border-bottom: 1px solid rgba(0, 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 {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .table_default .table__item + .table__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.tabs_default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
}
.tabs_default .tabs__item_active .tabs__link {
    border-bottom-color: #ffce1b;
}
@media (min-width:768px) {
    .tabs_default .tabs__item + .tabs__item {
        margin-left: var(--spacing_l);
    }
}
@media (max-width:767px) {
    .tabs_default .tabs__item + .tabs__item {
        margin-left: var(--spacing_m);
    }
}
.tabs_default .tabs__link {
    border-bottom: 3px solid transparent;
    display: block;
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
    white-space: nowrap;
}
.tabs_default .tabs__title {
    font-weight: normal;
    font-size: 100%;
}
.tabs_default .tabs__count {
    font-weight: 300;
    color: var(--c-text);
    font-size: 60%;
    position: absolute;
    bottom: 70%;
}
.ya-share2__container_size_m .ya-share2__item {
    margin: 0 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);
}
.editor li + .editor li {
    margin-top: var(--spacing_s);
}
.editor dd + dt {
    margin-top: var(--spacing_m);
}
.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 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 0.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 {
    border-radius: 50%;
}
.check_default input[type="radio"] ~ .check__icon:before,
.check_default input[type="radio"] ~ .check__icon:after {
    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: 0.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: -0.3em 0.6em -0.3em 0;
    background-color: #fff;
}
.check_default .check__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
}
.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, 0.12), 0 2px 2px 0 rgba(0, 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 0.25s ease;
    transition: opacity 0.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 0.25s ease;
    transition: color 0.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: 0.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 textarea,
.control select {
    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: none;
    -webkit-transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
    transition: border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.control input:disabled,
.control textarea:disabled,
.control select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.control input::-ms-clear,
.control textarea::-ms-clear,
.control select::-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_select:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 0;
    width: 3rem;
    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 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.control__icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    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;
    border: inherit;
    cursor: pointer;
}

.control__icon.control__icon--button{
    pointer-events:all;
    cursor:pointer;
}

.control_center input,
.control_center textarea,
.control_center select {
    text-align: center;
}
.control_default > input {
    background-color: #fff;
    padding: 0 0.75rem;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.control_default > select {
    background-color: #fff;
    padding: 0 3rem 0 0.75rem;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.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;
}
.control_default > input,
.control_default > select,
.control_default > textarea {
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    color: #000;
}
.control_default > input:hover,
.control_default > select:hover,
.control_default > textarea:hover {
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12), 0 0.5625rem 0.5625rem -0.375rem rgba(0, 0, 0, 0.25);
}
.control_default > input:focus,
.control_default > select:focus,
.control_default > textarea:focus {
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12), 0 0.5625rem 0.5625rem -0.375rem rgba(0, 0, 0, 0.25);
    outline: 2px solid rgba(0, 157, 255, 0.5);
    outline-offset: 0px !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, 0.25);
}
._invert .control_default > input:hover,
._invert .control_default > select:hover,
._invert .control_default > textarea:hover {
    color: #fff;
}
._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, 0.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 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
}
.fieldset_default .fieldset__item + .fieldset__item {
    margin-top: var(--spacing_m);
}
.fieldset_executors {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_executors {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.fieldset_filial {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (max-width:959px) {
    .fieldset_filial {
        grid-auto-flow: row;
    }
}
@media (min-width:960px) {
    .fieldset_filial {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "title . ." "address address ." "phone email .";
    }
}
@media (min-width:960px) {
    .fieldset_filial .fieldset__item_title {
        grid-area: title;
    }
    .fieldset_filial .fieldset__item_address {
        grid-area: address;
    }
    .fieldset_filial .fieldset__item_phone {
        grid-area: phone;
    }
    .fieldset_filial .fieldset__item_email {
        grid-area: email;
    }
}
.fieldset_grid2 {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
.fieldset_grid3 {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_grid2 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .fieldset_grid3 {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
.fieldset_login .fieldset__item + .fieldset__item {
    margin-top: var(--spacing_m);
}
.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, 0.125);
    padding-top: 3rem;
    padding-bottom: 3rem;
}
._invert .form-grid_default .form-grid__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.form-grid_default .form-grid__item:first-of-type {
    border: 0;
}
.form-group_default .form-group__header {
    margin-bottom: var(--spacing_m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.label_center {
    text-align: center;
}
.label_default {
    display: block;
    color: #898989;
    margin-bottom: var(--spacing_xxs);
}
.label_float {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    left: 0.75rem;
    right: 0.75rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, opacity 0.25s ease;
    transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.field_focus .label_float,
.field_filled .label_float {
    -webkit-transform: translate(0, -10%) scale(0.75);
    transform: translate(0, -10%) scale(0.75);
    opacity: 0.5;
}
.label_float.label_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.label_float ~ .control input,
.label_float ~ .control textarea,
.label_float ~ .control select {
    padding-top: 0.5em;
}
.label_xs {
    font-size: 0.6em;
}
.label_s {
    font-size: 0.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 span {
    display: block;
}
.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 {
    -webkit-appearance: none;
}
.select2-selection {
    overflow: hidden;
    outline: 2px solid transparent;
    -webkit-transition: outline 0.25s ease;
    transition: outline 0.25s ease;
}
.select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 100%;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 20%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 20%);
}
.select2-container--disabled .select2-selection__arrow {
    background: transparent;
}
.select2-selection__arrow b {
    display: block;
    width: 100%;
    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 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.select2-container--open .select2-selection__arrow b {
    -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, 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: white;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 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;
    font-size: var(--fs_s);
    white-space: nowrap;
    overflow: hidden;
}
.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, 0.125);
    width: 280px !important;
}
.select2-search--dropdown {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 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, 0.5);
    outline-offset: 0;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.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, 0.5);
}
.select2-container--default {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}
.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 0.25s ease, outline-color 0.075s ease;
    transition: box-shadow 0.25s ease, outline-color 0.075s ease;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 2px;
}
.select2-container--default .select2-selection:hover {
    box-shadow: 0 3px 0.375rem -0.1875rem rgba(0, 0, 0, 0.12), 0 0.5625rem 0.5625rem -0.375rem rgba(0, 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-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.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;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    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 0.6rem;
}
.control_s .select2-selection--multiple .select2-selection__rendered {
    min-height: 2.4rem;
    padding: 0.4rem 2.4rem 0 0.6rem;
}
.control_s .select2-selection--single .select2-search__field {
    padding: 0 0.6rem;
}
.control_s .select2-selection__choice {
    height: 1.6rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
}
.control_s .select2-selection__choice__remove {
    width: 1.6rem;
    margin: 0 -0.3rem 0 -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 0.75rem;
}
.control_m .select2-selection--multiple .select2-selection__rendered {
    min-height: 3rem;
    padding: 0.5rem 3rem 0 0.75rem;
}
.control_m .select2-selection--single .select2-search__field {
    padding: 0 0.75rem;
}
.control_m .select2-selection__choice {
    height: 2rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.control_m .select2-selection__choice__remove {
    width: 2rem;
    margin: 0 -0.375rem 0 -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_executor_popup .select2-selection--single .select2-selection__rendered {
    height: 3rem;
    padding: 0 2.75rem;
}
.control_l .select2-selection__clear {
    width: 3.6rem;
    height: 3.6rem;
}
.control_l .select2-selection--single .select2-selection__rendered {
    height: 3.6rem;
    padding: 0 0.9rem;
}
.control_l .select2-selection--multiple .select2-selection__rendered {
    min-height: 3.6rem;
    padding: 0.6rem 3.6rem 0 0.9rem;
}
.control_l .select2-selection--single .select2-search__field {
    padding: 0 0.9rem;
}
.control_l .select2-selection__choice {
    height: 2.4rem;
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
}
.control_l .select2-selection__choice__remove {
    width: 2.4rem;
    margin: 0 -0.45rem 0 -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: 5rem;
    height: 5rem;
    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 {
    padding: var(--spacing_s);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7rem 4fr 4fr 2fr;
    grid-template-columns: 7rem 4fr 4fr 2fr;
    grid-template-areas: "thumb body specs footer";
    grid-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    min-height:150px;
}
.car_inline.recomm{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7rem 1.7fr 4fr 2fr;
    grid-template-columns: 7rem 1.7fr 5fr 1fr;
    grid-template-areas: "thumb body specs footer";
}
@media screen and (min-width: 770px) {
    .inline_recommended {
        padding: var(--spacing_s);
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 7rem 1.7fr 4fr 2fr;
        grid-template-columns: 7rem 1.7fr 5fr 1fr;
        grid-template-areas: "thumb body specs footer";
        grid-gap: 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        min-height: 150px;
    }
}

@media screen and (max-width: 770px) {
    .inline_recommended {
        padding: var(--spacing_s);
        display: -ms-grid;
        display: grid;
        grid-template-columns: 9rem 4fr 0.1fr;
        grid-gap: 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width:768px) and (max-width:959px) {
    .car_inline {
        -ms-grid-columns: 2fr 3fr auto;
        grid-template-columns: 2fr 3fr auto;
        grid-template-areas: "thumb body footer" "thumb specs footer";
    }
}
@media (max-width:767px) {
    .car_inline {
        -ms-grid-columns: 5rem auto 6rem;
        grid-template-columns: 5rem auto 6rem;
        grid-template-areas: "body body body" "thumb specs specs" "footer footer footer";
    }
}
.car_inline .car__thumb {
    grid-area: thumb;
}
.car_inline .car__body {
    grid-area: body;
}
@media (max-width:767px) {
    .car_inline .car__body {
        margin-right: var(--spacing_m);
    }
}
.car_inline .car__vin {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s);
}
.car_inline .car__reports {
    text-decoration: none;
    margin-right: var(--spacing_l);
}
.car_inline .car__price {
    white-space: nowrap;
}
.car_inline .car__footer {
    grid-area: footer;
    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;
}
@media (max-width:959px) {
    .car_inline .car__footer {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
.car_inline .car__specs {
    font-size: var(--fs_s);
    grid-area: specs;
}
@media (max-width:767px) {
    .car_inline .car__specs {
        font-size: var(--fs_xs);
    }
}
.car_inline .car__status {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_xxs);
}
@media (max-width:959px) {
    .car_inline .car__actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.car_tile {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
.car_tile .car__body {
    padding-top: var(--spacing_s);
    padding-bottom: var(--spacing_s);
    padding-left: var(--spacing_m);
    padding-right: var(--spacing_m);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.car_tile .car__vin {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s);
}
.car_tile .car__price {
    margin-top: var(--spacing_s);
}
.car_tile .car__specs {
    margin-top: var(--spacing_s);
    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, 0.5);
}
.contacts {
    text-align: center;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0.75rem;
}
.contacts__phone,
.contacts__email,
.contacts__instruction {
    display: inline-block;
    text-decoration: none;
    font-size: var(--fs_s);
}
.contacts__phone:hover,
.contacts__email:hover,
.openCalendar.contacts__instruction:hover {
    text-decoration: underline;
}
.contacts__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contacts__socials a + a {
    margin-left: var(--spacing_s);
}
.contacts__copyrights {
    font-size: var(--fs_xs);
}
.criterion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.criterion__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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 {
    margin-top: var(--spacing_l);
}
.criterion__comment {
    margin-top: var(--spacing_l);
}
.data-table__var {
    min-height: 0;
    min-width: 0;
}
.data-table__val {
    min-height: 0;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.data-table_default {
    margin-top: var(--offset_xs);
    margin-bottom: var(--offset_xs);
}
.data-table_default .data-table__item {
    line-height: 1.25;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
}
._invert .data-table_default .data-table__item {
    border-color: rgba(255, 255, 255, 0.35);
}
@media (min-width:768px) {
    .data-table_default .data-table__item {
        display: -ms-grid;
        display: grid;
        grid-gap: 1rem;
        -ms-grid-columns: 2fr 3fr;
        grid-template-columns: 2fr 3fr;
    }
}
.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;
}
@media (min-width:960px) {
    .data-table_price {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
    }
}
@media (max-width:959px) {
    .data-table_price {
        grid-gap: 1rem;
    }
}
.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 0.5rem -1rem 0;
}
.diagnosis__body {
    padding-left: 2.5rem;
    margin-top: var(--spacing_s);
}
.diagnosis__footer {
    padding-left: 2.5rem;
    margin-top: var(--spacing_s);
}
.diagnosis__comment {
    font-size: var(--fs_s);
    border-radius: 0.25rem;
    display: inline-block;
    background-color: #ffe47f;
    padding: var(--spacing_xs);
}
.diagnosis__item + .diagnosis__item {
    margin-top: var(--spacing_s);
}
.diagnosis_default {
    display: -ms-grid;
    display: grid;
}
@media (min-width:960px) {
    .diagnosis_default {
        -ms-grid-columns: 3rem auto 50%;
        grid-template-columns: 3rem auto 50%;
        grid-template-areas: "thumb body comment";
        grid-gap: 2rem;
    }
}
@media (max-width:959px) {
    .diagnosis_default {
        -ms-grid-columns: 3rem auto;
        grid-template-columns: 3rem auto;
        grid-template-areas: "thumb body" "thumb comment";
        grid-gap: 1rem;
    }
}
.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: -0.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 {
    display: -ms-grid;
    display: grid;
}
@media (min-width:768px) {
    .event-log__item {
        grid-gap: 1.125rem;
        -ms-grid-columns: 1fr 1fr 3fr;
        grid-template-columns: 1fr 1fr 3fr;
    }
}
@media (max-width:767px) {
    .event-log__item {
        grid-auto-flow: row;
        grid-gap: 0.375rem;
    }
}
.event-log__item + .event-log__item {
    margin-top: var(--spacing_s);
}
.filial_inline {
    padding: var(--spacing_s);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas: "location manager contacts";
    grid-auto-flow: column;
    grid-gap: 1rem;
}
@media (max-width:767px) {
    .filial_inline {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "location" "manager" "contacts";
    }
}
.filial_inline > * {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.filial_inline .filial__address {
    font-size: var(--fs_s);
    margin-top: var(--spacing_xxs);
}
.filial_inline .filial__manager {
    font-size: var(--fs_s);
}
.filial_inline .filial__contacts {
    font-size: var(--fs_s);
}
.filial_inline .filial__actions {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width:767px) {
    .filial_inline .filial__actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.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, 0.15);
}
.main-nav__item_active,
.main-nav__item_active:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
.main-nav__item + .main-nav__item {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.main-nav__add, .main-nav__add_order {
    position: absolute;
    width: 2em;
    right: 2em;
    top: 0;
    z-index: 10;
    height: 100%;
    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;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.main-nav__add_order{
    top: -96px;
}

@media (min-width:1280px) {
    .main-nav__add {
        opacity: 0;
    }
}
.main-nav__add .icon:before,
.main-nav__add_order .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 0.125s ease;
    transition: -webkit-transform 0.125s ease;
    transition: transform 0.125s ease;
    transition: transform 0.125s ease, -webkit-transform 0.125s ease;
}
@media (min-width:1280px) {
    .main-nav__add:hover .icon:before,
    .main-nav__add_order:hover .icon:before
    {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.main-nav__item:hover .main-nav__add,
.main-nav__item:hover .main-nav__add_order
{
    opacity: 1;
    pointer-events: auto;
}
.main-nav__item:hover .main-nav__count {
    opacity: 0;
}
.main-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 1em 2em;
    color: #fff;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.main-nav__link:hover {
    color: #ffce1b;
}
.main-nav__count {
    display: none;
    margin-left: auto;
    color: #fff;
    opacity: 0.25;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    font-size: var(--fs_xxs);
}
.menu-controls {
    background-color: #fff;
    font-size: var(--fs_s);
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 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;
}

.context_modal_button{
    position: absolute;
}
.order_closed {
    opacity: 0.5;
    background-color: #eee;
}
.order_closed:hover {
    opacity: 1;
}
.order_default {
    display: -ms-grid;
    display: grid;
    padding: var(--spacing_s);
}
.user_tab {
    display: none;
}

@media (min-width:1280px) {
    .order_default {
        grid-auto-flow: column;
        -ms-grid-columns: 3fr 4fr 2fr 2fr 7rem;
        grid-template-columns: 3fr 4fr 2fr 2fr 7rem;
        grid-template-areas: "header criteria customer executor info";
        grid-gap: 1rem;
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .order_default {
        grid-auto-flow: column;
        -ms-grid-columns: 3fr 4fr 2fr 2fr 7rem;
        grid-template-columns: 3fr  4fr 2fr 2fr 7rem;
        grid-template-areas: "header criteria customer executor info";
        grid-gap: 0.5rem;
    }
}
@media (max-width:767px) {
    .order_default {
        grid-template-areas: "header" "criteria" "customer" "executor" "info";
        grid-gap: 0.75rem;
    }
}
.order_default .order__header {
    grid-area: header;
}
.order_default .order__id {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s);
}
.order_default .order__status {
    margin-top: var(--spacing_xxs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.order_default .order__reports {
    margin-right: var(--spacing_xs);
}
.order_default .order__customer {
    grid-area: customer;
    font-size: var(--fs_s);
    line-height: 1.25;
}
.order_default .order__criteria {
    grid-area: criteria;
    font-size: var(--fs_s);
    line-height: 1.25;
}
.order_default .order__executor {
    grid-area: executor;
    font-size: var(--fs_s);
    line-height: 1.25;
}
.order_default .order__info {
    grid-area: info;
}
.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__info,
.order_default .order__customer,
.order_default .order__executor,
.order_default .order__price {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.order_default .order__price {
    font-weight: normal;
    color: var(--c-title);
}
@media (min-width:768px) {
    .order_default .order__price {
        text-align: right;
    }
}
.order_default .order__actions {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width:767px) {
    .order_default .order__actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.order_default .order__payment {
    margin-top: var(--spacing_xxs);
}
@media (min-width:768px) {
    .order_default .order__payment {
        text-align: right;
    }
}

.report {
    text-decoration: none;
    color: var(--c-text);
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: auto;
}
@media (min-width:768px) {
    .report {
        grid-gap: 0.625rem;
        -ms-grid-columns: 7rem 3fr 1fr;
        grid-template-columns: 7rem 3fr 1fr;
        grid-template-areas: "thumb body user";
    }
}
@media (max-width:767px) {
    .report {
        grid-gap: 0.75rem;
        -ms-grid-columns: 1fr 3fr;
        grid-template-columns: 1fr 3fr;
        grid-template-areas: "thumb body" "thumb user";
    }
}
.report__thumb {
    grid-area: thumb;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.report__thumb.status_reject img,
.report__thumb.status_recommend img {
    opacity: 0.75;
    mix-blend-mode: multiply;
}
.report__body {
    grid-area: body;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.report__user {
    grid-area: user;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: var(--fs_s);
    min-width: 230px;
    display: flex;
}

.report__user .link_title{
    min-width: 160px;
    width: 160px;
}
.report__user span{
    white-space: nowrap;
}
.report__actions {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width:767px) {
    .report__actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.report__data {
    grid-area: data;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.report__progress {
    font-weight: normal;
    color: var(--c-title);
    text-align: right;
}
.report__specs {
    font-size: var(--fs_s);
    margin-bottom: var(--spacing_xxs);
    color: var(--c-text);
}
.report__sub-title {
    color: var(--c-text);
    margin-bottom: var(--spacing_xxs);
    font-size: var(--fs_s);
}
@media (max-width:767px) {
    .report__sub-title {
        margin-right: var(--spacing_l);
    }
}
.report__title {
    color: var(--c-title);
}
.report__result {
    margin-top: var(--spacing_xxs);
}
.report__status {
    margin-top: var(--spacing_xxs);
}
.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;
}
@media (min-width:1280px) {
    .report-detail__gallery img {
        max-height: 60vh;
    }
}
.report-detail__scheme {
    background-color: #fff;
    text-align: center;
}
.search__field label {
    display: none;
}
.search__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    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;
}
.status {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0.5em;
    height: 2em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-weight: normal;
}
.status_new {
    background-color: #FFC107;
}
.status_done {
    background-color: #0eb15d;
}
.status_to_client {
    background-color: #0eb15d;
}
.status_renunciation {
    background-color: red;
}
.status_ready_extradition {
    background-color: orange;
}
.status_recheck {
    background-color: violet;
}
.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_decline {
    background-color: #ed2024;
}
.status_cancelled {
    background-color: #ed2024;
}
.status_closed {
    background-color: #000;
}
.status_recommend {
    background-color: #0eb15d;
}
.status_reject {
    background-color: #ed2024;
}
.status_payment_none {
    background:#2196F3;
    border: 1px solid #2196F3;
}
.status_payment_prepaid {
    background: #00BFA5;
    border: 1px solid #00BFA5;
}
.status_payment_full {
    background: #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;
}
.order_filial {
    padding: 0.2em 0.5em;
}
.user_inline {
    padding: var(--spacing_s);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4rem 3fr 2fr  2fr 2fr;
    grid-template-columns: 4rem 3fr 2fr  2fr 2fr;
    grid-template-areas: "thumb body branch orders contacts";
    grid-gap: 1rem;
    grid-auto-flow: column;
    grid-auto-columns: auto;
}
@media (max-width:767px) {
    .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 {
    grid-area: thumb;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}
@media (max-width:767px) {
    .user_inline .user__thumb {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    }
}
.user_inline .user__body {
    grid-area: body;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.user_inline .user__contacts {
    grid-area: contacts;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: var(--fs_s);
    line-height: 1.25;
}
.user_inline .user__orders {
    display: flex;
    align-items: center;
    align-self: center;
    font-size: var(--fs_s);
    line-height: 1.25;
}
@media (min-width:768px) {
    .user_inline .user__contacts {
        text-align: right;
    }
    .user_inline .user__orders {
        text-align: right;
    }
}
.user_inline .user__role {
    margin-top: var(--spacing_xxs);
    font-size: var(--fs_s);
}
.user_inline .user__branch {
    font-size: var(--fs_s);
    line-height: 1.25;
    grid-area: branch;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.user_inline .user__actions {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
@media (max-width:767px) {
    .user_inline .user__actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.user-edit__form {
    max-width: 18rem;
}
.users-table {
    width: 100%;
    border: 1px solid #ccc;
}
.users-table td {
    padding: var(--spacing_s);
}
.users-table tbody tr {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .users-table tbody tr {
    border-color: rgba(255, 255, 255, 0.35);
}
.variable__value {
    color: var(--c-title);
    font-weight: normal;
}
.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: 60vmin;
}
.car-detail__content {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 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);
}
@media (min-width:960px) {
    .car-detail__body {
        display: -ms-grid;
        display: grid;
        grid-gap: 3rem;
        -ms-grid-columns: 3fr 2fr;
        grid-template-columns: 3fr 2fr;
    }
}
.car-detail__info {
    min-width: 0;
}
.car-detail__description {
    margin-top: var(--spacing_l);
}
.car-detail__contacts {
    min-width: 0;
}
@media (max-width:959px) {
    .car-detail__contacts {
        margin-top: var(--spacing_l);
    }
}
.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__price {
    margin-right: var(--spacing_m);
}
.car-detail__date {
    margin-right: var(--spacing_m);
}
.car-detail__mileage {
    margin-right: var(--spacing_m);
}
.car-edit__method {
    max-width: 960px;
}
.car-edit__form {
    margin-top: var(--spacing_xl);
}
.car-form {
    max-width: 960px;
}
.car-form__item + .car-form__item,
.car-form__item {
    margin-top: var(--spacing_xl);
}
.fieldset_car-basic {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_car-basic {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:959px) {
    .fieldset_car-basic {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media (max-width:959px) {
    .fieldset_car-basic .fieldset__item_empty {
        display: none;
    }
}
@media (min-width:960px) {
    .fieldset_car-basic .fieldset__item_description {
        -ms-grid-column: span 2;
        grid-column: span 2;
    }
}
.fieldset_car-owner {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_car-owner {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:959px) {
    .fieldset_car-owner .fieldset__item_empty {
        display: none;
    }
}
@media (min-width:960px) {
    .fieldset_car-owner .fieldset__item_owner-location {
        -ms-grid-column: span 3;
        grid-column: span 3;
    }
}
@media (min-width:960px) {
    .fieldset_car-owner .fieldset__item_referrer {
        -ms-grid-column: span 3;
        grid-column: span 3;
    }
}
.car-form_old {
    max-width: 960px;
}
.car-form_old__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .car-form_old__body {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        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__method {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
}
.car-form_old__item label {
    font-size: var(--fs_xs);
    margin-bottom: var(--spacing_xxs);
    color: #898989;
}
@media (min-width:960px) {
    .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__gallery {
    margin-top: var(--spacing_xl);
}
.car-form_old__seller {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .car-form_old__seller {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
.car-form_old__footer {
    margin-top: var(--spacing_xl);
}
.car-scheme {
    display: none;
}
.report-group_scheme .car-scheme {
    display: block;
}
.car-scheme__img {
    width: 100%;
    display: block;
    mix-blend-mode: multiply;
    background-blend-mode: multiply;
}
.car-scheme__popup {
    width: 20rem;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-left: -10rem;
    background-color: #eee;
    border: 0.75rem solid #fff;
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 0, 0, 0.25);
    padding: var(--spacing_l);
}
.car-scheme__marker {
    display: block;
    border-radius: 50%;
    background-color: #3076bf;
}
@media (min-width:960px) {
    .car-scheme__marker {
        width: 1rem;
        height: 1rem;
    }
}
@media (max-width:959px) {
    .car-scheme__marker {
        width: 2vmin;
        height: 2vmin;
    }
}
.car-scheme__marker_positive {
    background-color: #6dbe45;
}
.car-scheme__marker_negative {
    background-color: #ed2024;
}
.car-scheme__area {
    position: absolute;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width:960px) {
    .car-scheme__area {
        padding: var(--spacing_m);
    }
}
@media (max-width:959px) {
    .car-scheme__area {
        padding: 3vmin;
    }
}
.car-scheme__area_active {
    z-index: 10;
}
.car-scheme__area_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 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 0, 0, 0.25);
    padding: var(--spacing_m);
}
.car-scheme__area_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, 0.12), 0 2px 2px 0 rgba(0, 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, 0.125);
}
._invert .cars-grid_default .cars-grid__item + .cars-grid__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.cars-grid_table .cars-grid__item + .cars-grid__item {
    margin-top: var(--spacing_m);
}
.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 {
    height: 0.5rem;
    background: -webkit-linear-gradient(right, #1dff00 0%, #fff200 50%, #ff0000 100%);
    background: linear-gradient(to left, #1dff00 0%, #fff200 50%, #ff0000 100%);
    border-radius: 0.25rem;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
    overflow: hidden;
}
.diagnosis-range__mask {
    background-color: #eee;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
    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 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.filial-detail__address {
    margin-top: var(--spacing_xs);
    font-weight: 400;
}
.filial-detail__contacts {
    margin-top: var(--spacing_xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
}
.filial-detail__contacts > * {
    margin-right: var(--spacing_m);
}
.filial-detail__tabs {
    margin-top: var(--spacing_m);
    margin-bottom: var(--spacing_m);
}
.filials-grid_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}
.filials-grid_default .filials-grid__item + .filials-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .filials-grid_default .filials-grid__item + .filials-grid__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.filter-grid__item + .filter-grid__item {
    margin-top: var(--spacing_l);
}
.order-detail__status {
    margin-top: var(--spacing_s);
}
@media (min-width:768px) {
    .order-detail__status {
        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);
}
@media (min-width:768px) {
    .order-detail__date {
        margin-right: var(--spacing_m);
    }
}
@media (max-width:767px) {
    .order-detail__date {
        margin-bottom: var(--spacing_xs);
    }
}
.order-detail-edit__form {
    width: 18rem;
}
.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, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.orders-grid_default .orders-grid__item {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}
._invert .orders-grid_default .orders-grid__item + .orders-grid__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.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, 0.125);
}
._invert .report-car-attachment__msg {
    border-color: rgba(255, 255, 255, 0.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: -0.25rem;
    margin-bottom: -0.25rem;
}
@media (min-width:1280px) {
    .report-edit__nav {
        margin-right: var(--spacing_l);
    }
}
@media (max-width:1279px) {
    .report-edit__nav {
        display: none;
    }
}
.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 {
    display: none;
}
.report-edit__scheme {
    display: none;
}
.report-field_diagnosis .report-field__header {
    min-height: 2rem;
}
@media (max-width:767px) {
    .report-field_diagnosis .report-field__header {
        padding: 0 2.5rem;
    }
}
@media (max-width:767px) {
    .report-field_info .report-field__body {
        padding: 0 1rem;
    }
}
.report-edit .report-field_diagnosis .report-field__body {
    display: none;
}
.report-edit .report-field_active .report-field__body {
    display: block;
}
.report-field_positive .report-field__title {
    color: #6dbe45;
}
.report-field_negative .report-field__control_negative {
    display: block;
}
.report-field_negative .report-field__title {
    color: #ed2024;
}
.report-field__control_negative {
    display: none;
}
.report-field + .report-field {
    margin-top: var(--spacing_l);
}
.report-field__controls {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width:768px) {
    .report-field__controls {
        width: 6rem;
    }
}
@media (max-width:767px) {
    .report-field__controls {
        left: 0;
    }
}
@media (min-width:768px) {
    .report-field__controls label {
        width: 50%;
    }
}
@media (max-width:767px) {
    .report-field__controls label {
        width: 40%;
    }
}
.report-field__controls label:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.report-field__header {
    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;
}
.report-field__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (min-width:768px) {
    .report-field__title {
        margin-right: 7rem;
    }
}
.report-field__body {
    margin-top: var(--spacing_s);
}
.report-field__body textarea {
    resize: none;
    font-weight: 300;
    height: 5rem;
    padding: var(--spacing_xxs);
}
.report-field__control + .report-field__control {
    margin-top: var(--spacing_s);
}
.report-field__btn-save {
    margin-top: var(--spacing_s);
    display: none;
}
.report-group_scheme .report-field {
    display: none;
    position: absolute;
    z-index: 15;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20rem;
    padding: var(--spacing_m);
    background-color: #eee;
    border: 0.5rem solid #fff;
    margin-top: 0 !important;
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 0, 0, 0.25);
}
@media (max-width:767px) {
    .report-group_scheme .report-field {
        position: fixed;
        z-index: 75;
        top: 3em !important;
        left: 50% !important;
    }
}
.report-group_scheme .report-field_negative .report-field__btn-save {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.report-form__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.report-form__switch {
    margin-left: var(--spacing_m);
}
.report-form_edit .report-form__header {
    margin-bottom: var(--spacing_l);
}
.report-form_edit .report-form__footer {
    /*margin-top: var(--spacing_l);*/
    margin-top: var(--spacing_s);
    margin-bottom: var(--spacing_s);
}
.report-form_view {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.report-form_view + .report-form_view {
    margin-top: var(--spacing_l);
}
.report-form_view .report-form__header {
    padding-left: var(--spacing_l);
    padding-right: var(--spacing_l);
    padding-top: var(--spacing_m);
    padding-bottom: var(--spacing_m);
}
.report-form_view .report-form__body {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
    padding: var(--spacing_l);
}
._invert .report-form_view .report-form__body {
    border-color: rgba(255, 255, 255, 0.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, 0.125);
}
._invert .report-group + .report-group {
    border-color: rgba(255, 255, 255, 0.35);
}
.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-left: var(--spacing_xxs);
    padding-right: var(--spacing_xxs);
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
    color: var(--c-title);
    line-height: 1.25;
}
.report-nav__item:hover .report-nav__title
{
    color: #3076bf;
}

.child-nav__title
{
    padding: 0 10px;
}
.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: 0.35;
}
.report-nav__title {
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.report-nav__progress {
    position: absolute;
    top: 0.25rem;
    bottom: 0.25rem;
    left: 0;
    width: 100%;
    opacity: 0.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, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
}
.report-step:hover {
    box-shadow: 0 3px 0.75rem -0.375rem rgba(0, 0, 0, 0.12), 0 1.125rem 1.125rem -0.75rem rgba(0, 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: 0.5;
}
.report-step__header {
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    padding-top: var(--spacing_m);
    padding-bottom: var(--spacing_m);
    cursor: pointer;
}
.report-step__header:hover {
    cursor: pointer;
}
.report-step__header:hover .report-step__title {
    color: #3076bf;
}
.report-step__title {
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.report-step__body {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
    padding: var(--spacing_content);
}
._invert .report-step__body {
    border-color: rgba(255, 255, 255, 0.35);
}
.report-step__footer {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    padding-top: var(--spacing_m);
    padding-bottom: var(--spacing_m);
    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 {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .search-results__group + .search-results__group {
    border-color: rgba(255, 255, 255, 0.35);
}
.search-results__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: var(--spacing_m);
    padding-right: var(--spacing_m);
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
}
.search-results__item {
    font-size: var(--fs_s);
}
.search-results__link {
    display: block;
    padding-left: var(--spacing_m);
    padding-right: var(--spacing_m);
    padding-top: var(--spacing_xs);
    padding-bottom: var(--spacing_xs);
    color: var(--c-title);
    text-decoration: none;
}
.search-results__link:hover {
    background-color: #fff4cc;
}
.search-results__hl {
    background-color: #ffe47f;
    font-weight: normal;
}
.search-results__count {
    font-size: var(--fs_xs);
}
.user-controls {
    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;
    flex-wrap:wrap;
}
.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;
    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: 0.5rem;
    height: 0.5rem;
    background-color: #ffce1b;
    border-radius: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
@media (min-width:960px) {
    .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__content {
    background-color: #fff;
}
.user-detail__thumb {
    width: 12rem;
    border-radius: 50%;
    overflow: hidden;
}
@media (min-width:960px) {
    .user-detail__thumb {
        margin-top: var(--offset_s);
        margin-bottom: var(--offset_s);
    }
}
@media (max-width:959px) {
    .user-detail__thumb {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:960px) {
    .user-detail__info {
        margin-left: var(--spacing_l);
    }
}
@media (max-width:959px) {
    .user-detail__info {
        margin-top: var(--spacing_l);
        text-align: center;
    }
}
.user-detail__role {
    margin-top: var(--spacing_xs);
}
.user-detail__contacts {
    margin-top: var(--spacing_m);
    line-height: 1.25;
}
.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 {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_user-account .fieldset__body {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width:959px) {
    .fieldset_user-account .fieldset__body {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media (max-width:959px) {
    .fieldset_user-account .fieldset__item_empty {
        display: none;
    }
}
.fieldset_user-basic .fieldset__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5rem;
}
@media (min-width:960px) {
    .fieldset_user-basic .fieldset__body {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:959px) {
    .fieldset_user-basic .fieldset__body {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
}
@media (max-width:959px) {
    .fieldset_user-basic .fieldset__item_empty {
        display: none;
    }
}
@media (min-width:960px) {
    .fieldset_user-basic .fieldset__item_description {
        -ms-grid-column: span 2;
        grid-column: span 2;
    }
}
.user-login {
    max-width: 100%;
    width: 18rem;
    margin-left: auto;
    margin-right: auto;
}
.user-login__header {
    margin-bottom: var(--spacing_l);
    text-align: center;
}
.user-login__footer {
    margin-top: var(--spacing_l);
}
.user-login__links {
    font-size: var(--fs_s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.users-grid_default {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.users-grid_default .users-grid__item + .users-grid__item {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .users-grid_default .users-grid__item + .users-grid__item {
    border-color: rgba(255, 255, 255, 0.35);
}
.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);
}
.html_autocomplete, .html_notification{
    overflow: hidden;
}
.autocomplete, .notification_tmp {
    position: fixed;
    right: 0;
    bottom: 0;
    /* z-index: 150; */
    z-index: 53;
    display: none;
    overflow: hidden;
}
@media (max-width:1279px) {
    .autocomplete, .notification_tmp {
        top: 3em;
        left: 0;
    }
}
@media (min-width:1280px) {
    .autocomplete, .notification_tmp {
        top: 0;
        left: 16rem;
    }
    .left-bar.hidden ~ .autocomplete,.left-bar.hidden ~ .notification_tmp{
        left: 4rem;
    }
}
.autocomplete_in, .notification_in,
.autocomplete_out, .notification_out,
.autocomplete_open, .notification_open {
    display: block;
}
.autocomplete__overlay,
.notification__overlay {
    z-index: 1;
    background-color: rgba(222, 222, 222, 0.9);
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}
.autocomplete_in .autocomplete__overlay,
.notification_in .notification__overlay {
    -webkit-animation: fade-in 0.25s ease both;
    animation: fade-in 0.25s ease both;
}
.autocomplete_open .autocomplete__overlay,
.notification_open .notification__overlay {
    opacity: 1;
}
.autocomplete_out .autocomplete__overlay,
.notification_out .notification__overlay {
    -webkit-animation: fade-out 0.25s ease both;
    animation: fade-out 0.25s ease both;
}
.autocomplete__box,
.notification__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 -0.75rem rgba(0, 0, 0, 0.12), 0 2.25rem 2.25rem -1.5rem rgba(0, 0, 0, 0.25);
    background-color: #fff;
}
@media (min-width:1280px) {
    .autocomplete__box,
    .notification__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,
    .notification_in .notification__box {
        -webkit-animation: move-from-left 0.25s ease both;
        animation: move-from-left 0.25s ease both;
    }
    .autocomplete_open .autocomplete__box,
    .notification_open .notification__box {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .autocomplete_out .autocomplete__box,
    .notification_out .notification__box {
        -webkit-animation: move-to-left 0.25s ease both;
        animation: move-to-left 0.25s ease both;
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .autocomplete__box,
    .notification__box {
        right: 3em;
    }
}
@media (max-width:1279px) {
    .autocomplete__box,
    .notification__box {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .autocomplete_in .autocomplete__box,
    .notification_in .notification__box {
        -webkit-animation: move-from-top 0.25s ease both;
        animation: move-from-top 0.25s ease both;
    }
    .autocomplete_open .autocomplete__box,
    .notification_open .notification__box {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .autocomplete_out .autocomplete__box,
    .notification_out .notification__box {
        -webkit-animation: move-to-top 0.25s ease both;
        animation: move-to-top 0.25s ease both;
    }
}
.autocomplete__scroll {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: auto;
    width: 100%;
}
@media (min-width:1280px) {
    .autocomplete__scroll {
        padding-bottom: 0.75rem;
    }
}
.autocomplete__empty {
    text-align: center;
    padding: var(--spacing_s);
}
.autocomplete__header {
    padding: var(--spacing_s);
}
.autocomplete__count {
    display: inline-block;
    color: #4a4a4a;
}
.autocomplete__list {
    z-index: 5;
}
.html_left-bar {
    overflow: hidden;
}
.left-bar {
    position: fixed;
    /* overflow: hidden; */
    /* z-index: 25; */
    z-index: 51;
    top: 0;
    bottom: 0;
    left: 0;
    /* transition:width ease .2s; */
}
@media (min-width:1280px) {
    .left-bar {
        display: block;
        width: 16rem;
    }
    .left-bar.hidden{
        width: 4rem;
    }
}
@media (max-width:1279px) {
    .left-bar {
        display: none;
        z-index: 75;
        right: 0;
    }
    .left-bar_in,
    .left-bar_open,
    .left-bar_out {
        display: block;
    }
}
.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, 0.95);
}
@media (max-width:1279px) {
    .left-bar__overlay {
        opacity: 0;
    }
    .left-bar_in .left-bar__overlay {
        -webkit-animation: fade-in 0.25s ease both;
        animation: fade-in 0.25s ease both;
    }
    .left-bar_open .left-bar__overlay {
        opacity: 1;
    }
    .left-bar_out .left-bar__overlay {
        -webkit-animation: fade-out 0.25s ease both;
        animation: fade-out 0.25s ease both;
    }
}
.left-bar__box {
    width: 16rem;
    background-color: #222;
    height: 100%;
    overflow: hidden;
    /* transition:width ease .2s; */
}

.left-bar a,.left-bar a:hover{color:inherit;text-decoration:inherit;}
@media (max-width:1279px) {
    .left-bar__box {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .left-bar_in .left-bar__box {
        -webkit-animation: move-from-left 0.25s ease both;
        animation: move-from-left 0.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 0.25s ease both;
        animation: move-to-left 0.25s ease both;
    }
}
.left-bar__scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
@media (min-width:1280px) {
    .left-bar__scroll {
        width: 19.2rem;
    }
    .left-bar.hidden .left-bar__box {
        width: 4rem;
    }
    .left-bar.hidden .left-bar__scroll{width: calc(4rem + 20px);}
    .left-bar.hidden .left-bar__content{width: 4rem;}
}
@media (min-width:1280px) {
    .left-bar__scroll:hover {
        width: calc(16rem + 20px);
    }
}
.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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
}
.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;
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.left-bar__logo_mobile{display: none;}
.left-bar__header {
    padding: 2em 1.1em;
    min-height: 216px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.left-bar__footer {
    padding: 2em;
}
.left-bar__search {
    padding: 0 1rem 1rem 1rem;
}
.page {
    background-color: #eee;
    min-height: 100vh;
    z-index: 50;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width:1280px) {
    .page {
        margin-left: 16rem;
    }
    .page.left-bar-hide {
        margin-left: 4rem;
    }
}
@media (max-width:1279px) {
    .page {
        padding-top: 3em;
    }
}
.html_index .page {
    padding-top: 0 !important;
    margin-left: 0 !important;
}
.page_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page_main .page__body {
    padding: var(--spacing_content);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page_main .page__header,
.page_main .page__footer {
    text-align: center;
    min-height: 0;
    background-color: #ddd;
    padding-left: var(--spacing_content_x);
    padding-right: var(--spacing_content_x);
    padding-top: var(--spacing_l);
    padding-bottom: var(--spacing_l);
}
.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    display: none;
}
.popup_active,
.popup_open,
.popup_in,
.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;
}
@media (max-width:767px) {
    .popup__content {
        padding: 0.75rem;
    }
}
@media (min-width:768px) {
    .popup__content {
        padding: 1.5rem;
    }
}
.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 0.4s cubic-bezier(0.5, 1.3, 0.5, 1) both;
    animation: popup__content-in 0.4s cubic-bezier(0.5, 1.3, 0.5, 1) both;
}
.popup__content_out {
    display: block;
    -webkit-animation: popup__content-out 0.4s cubic-bezier(0.5, 0, 1, -0.6) both;
    animation: popup__content-out 0.4s cubic-bezier(0.5, 0, 1, -0.6) both;
}
.popup__close {
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    padding: 0.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 0.4s cubic-bezier(0.5, 1.3, 0.5, 1) both;
    animation: popup__close-in 0.4s cubic-bezier(0.5, 1.3, 0.5, 1) both;
}
.popup__close_out {
    -webkit-animation: popup__close-out 0.4s cubic-bezier(0.5, 0, 1, -0.6) both;
    animation: popup__close-out 0.4s cubic-bezier(0.5, 0, 1, -0.6) both;
}
.popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(25, 22, 29, 0.95);
    display: none;
    opacity: 0;
}
.popup__overlay_open {
    display: block;
    opacity: 1;
}
.popup__overlay_in {
    display: block;
    -webkit-animation: popup__overlay-in 0.25s ease both;
    animation: popup__overlay-in 0.25s ease both;
}
.popup__overlay_out {
    display: block;
    -webkit-animation: popup__overlay-out 0.25s ease both;
    animation: popup__overlay-out 0.25s ease both;
}
.html_popup html,
.html_popup body {
    overflow: hidden;
}
/*#loader {
    z-index: 1001;
}
#loader-wrapper .loader-section.section-left {
}*/
/*#loader-wrapper .loader-section.section-left {
    left: 0;
    background-image: url(/static/img/progressbar.gif?fb898b4328f6);
    background-position: center center;
    background-repeat: no-repeat;

}*/

.load-photo{
    background-color: rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}
.load-photo .photo_alert{
    background: white;
    padding: 25px 40px;
    border-radius: 5px;
}

#loader-wrapper .loader-section.section-left {
    left: 50%;
    top: 50vh;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 6px solid #EEEEEE;
    border-top-color: #BFBFBF;
    border-bottom-color: #BFBFBF;
    animation: section-left 2.5s infinite ease-in-out;
    -webkit-animation: section-left 2.5s infinite ease-in-out !important;

}
.section-right {
    background-color: rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@-webkit-keyframes section-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

@keyframes section-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

.loade_bar {
    left: 50%;
    top: 50%;
    background-color: #212121;
    font-size: 22px;
    color: #cca81d;
    z-index: 10000;
    float: left;
    margin-top: 135px;
    margin-left: -95px
    width: max-content;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    /*width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.22);
    z-index: 1000;
    z-index: 1000;*/
}

@-webkit-keyframes popup__content-in {
    from {
        -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 {
    from {
        -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 {
    from {
        -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 {
    from {
        -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 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes popup__overlay-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes popup__overlay-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes popup__overlay-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes popup__close-in {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes popup__close-in {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes popup__close-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes popup__close-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@media (min-width:1280px) {
    .html_right-bar .page {
        -webkit-transform: translateX(-16rem);
        transform: translateX(-16rem);
    }
}
.right-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
@media (min-width:1280px) {
    .right-bar {
        z-index: 25;
    }
}
@media (max-width:1279px) {
    .right-bar {
        z-index: 100;
    }
}
.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, 0.9);
    opacity: 0;
}
.right-bar_in .right-bar__overlay {
    -webkit-animation: fade-in 0.25s ease both;
    animation: fade-in 0.25s ease both;
}
.right-bar_open .right-bar__overlay {
    opacity: 1;
}
.right-bar_out .right-bar__overlay {
    -webkit-animation: fade-out 0.25s ease both;
    animation: fade-out 0.25s ease both;
}
.right-bar__box {
    width: 16rem;
    background-color: #ddd;
    height: 100%;
    margin-left: auto;
}
@media (max-width:1279px) {
    .right-bar__box {
        will-change: transform;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .right-bar_in .right-bar__box {
        -webkit-animation: move-from-right 0.25s ease both;
        animation: move-from-right 0.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 0.25s ease both;
        animation: move-to-right 0.25s ease both;
    }
}
@media (min-width:1280px) {
    .right-bar__box {
        opacity: 0;
    }
    .right-bar_in .right-bar__box {
        -webkit-animation: fade-in 0.25s ease both;
        animation: fade-in 0.25s ease both;
    }
    .right-bar_open .right-bar__box {
        opacity: 1;
    }
    .right-bar_out .right-bar__box {
        -webkit-animation: fade-out 0.25s ease both;
        animation: fade-out 0.25s ease both;
    }
}
.right-bar__scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
@media (min-width:1280px) {
    .right-bar__scroll {
        width: 19.2rem;
    }
}
@media (min-width:1280px) {
    .right-bar__scroll:hover {
        width: 16rem;
    }
}
.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: 0.2em;
}
@media (min-width:768px) {
    .right-bar__logo {
        display: none;
    }
}
.right-bar__auth {
    background-color: #000;
}
.section__count {
    font-size: 50%;
    color: #898989;
    vertical-align: top;
    display: inline-block;
    font-weight: 300;
}
.section_default {
    padding: var(--spacing_content);
}
.section_default + .section_default {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .section_default + .section_default {
    border-color: rgba(255, 255, 255, 0.35);
}
.section_default .section__content {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width:1280px) {
    .section_default .section__body {
        margin-top: var(--spacing_l);
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .section_default .section__body {
        margin-top: var(--spacing_l);
    }
}
@media (max-width:767px) {
    .section_default .section__body {
        margin-top: var(--spacing_m);
    }
}
@media (min-width:1280px) {
    .section_default .section__footer {
        margin-top: var(--spacing_xl);
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .section_default .section__footer {
        margin-top: var(--spacing_xl);
    }
}
@media (max-width:767px) {
    .section_default .section__footer {
        margin-top: var(--spacing_l);
    }
}
.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 {
    padding: var(--spacing_content);
}
.section_default2 + .section_default2 {
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.125);
}
._invert .section_default2 + .section_default2 {
    border-color: rgba(255, 255, 255, 0.35);
}
@media (max-width:767px) {
    .section_default2 {
        padding: 0 !important;
    }
}
.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;
}
@media (max-width:767px) {
    .section_default2 .section__header {
        padding-left: var(--spacing_xs);
        padding-right: var(--spacing_xs);
        padding-top: var(--spacing_s);
        padding-bottom: var(--spacing_s);
    }
}
@media (min-width:1280px) {
    .section_default2 .section__body {
        margin-top: var(--spacing_xl);
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .section_default2 .section__body {
        margin-top: var(--spacing_l);
    }
}
@media (min-width:1280px) {
    .section_default2 .section__footer {
        margin-top: var(--spacing_xl);
    }
}
@media (min-width:768px) and (max-width:1279px) {
    .section_default2 .section__footer {
        margin-top: var(--spacing_xl);
    }
}
@media (max-width:767px) {
    .section_default2 .section__footer {
        margin-top: var(--spacing_l);
    }
}
.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);
}
.section_main {
    width: 100%;
    height: 100%;
}
.section_main .section__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section_main .section__body {
    padding: var(--spacing_content);
}
.section_main .section__header,
.section_main .section__footer {
    padding: var(--spacing_content);
    background-color: #ddd;
}
.top-bar {
    position: fixed;
    z-index: 75;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
@media (min-width:1280px) {
    .top-bar {
        display: none;
    }
}
.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;
}
.popup_expert_wrapper {
    display: grid;
    grid-gap: 1rem;
    grid-auto-rows: 3rem;
    grid-template-areas:
        "c"
        "b"
        "d";
}
.popup_expert__number_buh {
    grid-area: c;
    align-self: center;
    justify-self: center;
    margin-top: 1rem;
}
.popup_expert__number_buh h4{
    line-height: 1.5;
}
.popup_expert__h3 {
    grid-area: a;
    align-self: center;
    justify-self: center;
}
.popup_expert__item {
    grid-area: b;
    grid-template-areas: "select_start select select_end";
}
.popup_expert__select {
    grid-area: select;
    justify-self: center;
}
.popup_expert__ok {
    grid-area: d;
    justify-self: center;
}

.popup_expert__ok .btn_m {
    width: 14.6rem;
}
.expert_modal {
    width:300;
    height:200;
}
#orders .v--modal-overlay .v--modal-box {
    width: 18rem !important;
    height: 12rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
}

#page .v--modal-overlay .v--modal-box {
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
}


@media (min-width:1280px) {
    .top-bar__mobile-menu {
        display: none;
    }
}
@media (max-width:767px) {
    .top-bar__mobile-menu {
        margin-left: auto;
    }
}
@media (min-width:1280px) {
    .section-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}


.loade_stage {
    left: 50%;
    top: 50%;
    z-index: 10000;
    background-color: #cbcbcb;
    width: 161px;
}

.padding10{
    padding-left: 10px;
}
@media screen and (max-width: 920px){
    .auto-list-text ul.auto-list__top, .auto-list-text ul.auto-list__bottom{
        column-count: 5 !important;
    }
}
@media screen and (max-width: 768px){
    .auto-list-text ul.auto-list__top, .auto-list-text ul.auto-list__bottom{
        column-count: 3 !important;
    }
    .right-bar__box{
        width:100vw;
    }
    .right-bar__box.report-bar{
        width: 16rem;
    }
    .right-bar__content{
        width:100vw;
    }

    .right-bar__box.report-bar .right-bar__content{
        width: 16rem;
    }
}
.select2-container--default{
    position: absolute;
    z-index: 1000 !important;
}
.order-change-executor__bck{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}
.form.form_filter .select2-container--default{
    position: relative;
}
.btn-validate-disable{
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width: 100%;
    z-index: 5;
    display: none;
}
.btn-validate-disable.active{
    display: block;
}
.validateVin.error{
    border:1px solid red;
}
.empty-input{
    display: none;
}
.empty-input.active{
    display: inline-block;
}
.load__gallery .v-grid{
    display: flex;
    flex-wrap: wrap;
}
.load__gallery .v-grid .gallery__item{
    width: 150px;
    height: 120px;
    background: transparent;
    position: relative;
    margin-bottom: 50px;
}
.load__gallery .v-grid img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.load__gallery-del{
    position: absolute;
    height: 40px;
    width:100%;
    left: 0;
    top: 100%;
    background: white;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-item
}
[v-cloak]{display:none}

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

@media (min-width:960px) {
    .v-grid {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 1.5rem;
    }
}

@media (max-width:959px) {
    .v-grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.125rem;
    }
}

.v-grid .gallery__item {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.v-grid .gallery__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/**
* Loading component
*/
.loading-stub {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    pointer-events: none; }
.loading-stub.active {
    z-index: 100000;
    visibility: visible;
    opacity: 1;
    pointer-events: all; }
.loading-stub:after {
    content: '';
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 6px solid #EEEEEE;
    border-top-color: #BFBFBF;
    border-bottom-color: #BFBFBF;
    animation: section-left 2.5s infinite ease-in-out;
    -webkit-animation: section-left 2.5s infinite ease-in-out !important; }
.loading-stub:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.99); }

/**
* /Loading component
*/
.plus-icon {
    width: 24px;
    z-index: 10;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.125s ease;
    cursor: pointer; }
.plus-icon:hover:before {
    width: 36px;
    height: 36px; }
.plus-icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffce1b;
    border-radius: 50%;
    transition: all 0.125s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
.plus-icon.mini {
    width: 18px;
    height: 18px; }
.plus-icon.mini .icon_m svg {
    width: 14px;
    height: 14px; }
.plus-icon.mini:hover:before {
    width: 24px;
    height: 24px; }
@media (max-width: 1279px) {
    .plus-icon {
        opacity: 1; } }
@media (max-width: 767px) {
    .plus-icon .icon_m svg {
        width: 20px;
        height: 20px; } }

.auto-color-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 3px; }
.auto-color-list li:not(.anything-color) {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-bottom: 2px;
    margin-top: 2px;
    border-radius: 50%;
    border: 1px solid #ECECEC; }
.auto-color-list .anything-color {
    margin-right: 5px; }

.slick-slider {
    outline: none; }
.slick-slider *:focus {
    outline: none; }
.slick-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center; }
.slick-slider .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #4A4A4A;
    margin: 6px 3px 6px; }
.slick-slider .slick-dots li.slick-active {
    background: #F8AF00;
    border-color: #F8AF00; }
.slick-slider .slick-dots li button {
    display: none; }

.order-change-executor {
    position: static; }
.order-change-executor.active {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;}
.order-change-executor__select {
    position: absolute;
    left: 0;
    top: 35px;
    width: 105%;
    z-index: 3;
    height: 0; }
.order-change-executor__select > select {
    opacity: 0; }
.order-change-executor .select2 {
    width: 100% !important;
    position: static;
    display: inline-block; }

/**
* GLOBAL styles
*/
.fancybox-container.fancybox-is-open + .select2-container {
    z-index: 99993; }

/**
* /GLOBAL styles
*/
/**
* Left bar styles
*/
.left-bar__toggle_button {
    position: absolute;
    background-color: #ffce1b;
    width: 42px;
    height: 42px;
    bottom: 100px;
    right: -17px;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer; }
.left-bar__toggle_button:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    left: 17px;
    top: 13px;
    transform: rotate(135deg);
    transition: all ease .2s; }
.left-bar__toggle_button:before {
    position: absolute;
    content: '';
    right: 20px;
    height: 100%;
    background-color: #ffce1b;
    width: 0px;
    transition: all ease .2s; }
@media (max-width: 1279px) {
    .left-bar__toggle_button {
        display: none; } }

@media screen and (min-width: 1280px) and (max-height: 635px) {
    .left-bar__toggle_button {
        bottom: 0px; } }

@media (min-width: 1280px) {
    .left-bar.hidden .left-bar__header {
        padding: 2em 5px;
        align-items: center; }
    .left-bar.hidden .left-bar__toggle_button:after {
        transform: rotate(-45deg);
        left: 15px; }
    .left-bar.hidden .left-bar__toggle_button:before {
        width: 4rem;
        transition: all ease .2s; }
    .left-bar.hidden .bar-nav__item.child {
        height: 0;
        opacity: 0;
        z-index: -1;
        visibility: hidden; }
    .left-bar.hidden .bar-nav__item_title {
        width: 0;
        opacity: 0;
        z-index: -1;
        visibility: hidden; }
    .left-bar.hidden .left-bar-user__toggle-slide, .left-bar.hidden .left-bar-user__info {
        display: none; }
    .left-bar.hidden .bar-nav__item_add {
        display: none; }
    .left-bar.hidden .bar-nav__item_icon {
        width: 100%; }
    .left-bar.hidden .bar-nav__item_icon a, .left-bar.hidden .bar-nav__item_icon span {
        width: 100%; }
    .left-bar.hidden .left-bar__logo img {
        display: none; }
    .left-bar.hidden img.left-bar__logo_mobile {
        display: block; } }

.left-bar-user {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.left-bar-user__thumb {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    overflow: hidden; }
.left-bar-user__thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
.left-bar-user__info {
    padding-left: 11px;
    width: calc(100% - 42px);
    padding-right: 30px;
    position: relative;
    max-width: 210px; }
.left-bar-user__toggle-slide-button {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 0;
    cursor: pointer;
    transition: transform ease .3s; }
.left-bar-user__toggle-slide-button:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: white;
    border-radius: 5px;
    border-radius: 5px;
    top: 11px;
    left: 4px;
    transform: rotate(35deg); }
.left-bar-user__toggle-slide-button:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background: white;
    border-radius: 5px;
    border-radius: 5px;
    top: 11px;
    right: 4px;
    transform: rotate(-35deg); }
.left-bar-user__toggle-slide-button.active {
    transform: rotate(180deg); }
.left-bar-user__title {
    font-size: var(--fs_s);
    text-decoration: none;
    font-weight: 400; }
.left-bar-user__role {
    font-size: var(--fs_xs);
    margin: 3px 0px; }
.left-bar-user__toggle-slide .user__controls {
    padding-left: 42px; }

.bar-nav {
    display: flex;
    flex-direction: column;
    overflow: hidden; }
.bar-nav * {
    box-sizing: border-box; }
.bar-nav a {
    text-decoration: none; }
.bar-nav__item {
    color: white;
    font-size: var(--xs);
    font-weight: 400;
    position: relative;
    transition: all ease .2s; }
.bar-nav__item .plus-icon {
    opacity: 0; }
.bar-nav__item:hover {
    background-color: rgba(0, 0, 0, 0.15); }
.bar-nav__item:hover a, .bar-nav__item:hover span {
    color: #ffce1b; }
.bar-nav__item:hover .plus-icon {
    opacity: 1; }
.bar-nav__item:hover .bar-nav__item_icon {
    filter: invert(99%) sepia(58%) saturate(5634%) hue-rotate(334deg) brightness(99%) contrast(102%); }
.bar-nav__item:hover .bar-nav__item_icon img {
    filter: brightness(0) saturate(100%); }
.bar-nav__item.child .bar-nav__item_title a {
    padding: 0.9em 1em 0.9em 3.5em; }
.bar-nav__item_holder {
    display: flex;
    align-items: center; }
.bar-nav__item_icon a, .bar-nav__item_icon span {
    height: 47px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative; }
.bar-nav__item_title {
    width: 100%;
    transition: all ease .2s; }
.bar-nav__item_title a, .bar-nav__item_title span {
    height: 47px;
    padding: 0 3.5em 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    transition: color 0.25s ease;
    cursor: pointer; }
.bar-nav__item_title--small-padding a, .bar-nav__item_title--small-padding span {
    padding: 0 1.4em 0 0; }
.bar-nav__item_add {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    height: 100%;
    right: 20px; }
.bar-nav__item_add.show .plus-icon {
    opacity: 1; }
@media screen and (max-width: 1024px) {
    .bar-nav__item .plus-icon {
        opacity: 1; } }

/**
* /Left bar styles
*/
/**
* Order list page
*/
.ord {
    min-height: 215px;
    padding: 17px 15px 17px 34px;
    display: flex; }
.ord_closed {
    background: rgba(204, 204, 204, 0.3); }
.ord__status {
    width: 22px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    font-size: var(--fs_s); }
.ord__status span {
    display: block;
    transform-origin: 0% 0%;
    transform: rotate(-90deg);
    position: absolute;
    left: 0px;
    top: 170px;
    width: 140px;
    height: 22px;
    line-height: 22px;
    text-align: right;
    font-weight: 400; }
.ord__status_closed {
    background: #ccc; }
.ord__status_closed span {
    top: 200px;
    width: 180px; }
.ord__actions {
    position: absolute;
    right: 0;
    top: 0; }
.ord__reports {
    display: flex;
    align-items: center;
    margin-top: 5px; }
.ord__reports img {
    margin-right: 5px; }
.ord__reports b {
    font-weight: 400; }
.ord__row {
    display: flex;
    width: 100%; }
.ord__cell {
    display: flex;
    padding-right: 15px; }
.ord__cell_start_section {
    width: 26%;
    display: flex;
    flex-direction: column; }
.ord__cell_middle_section {
    width: 55%; }
.ord__cell_end_section {
    width: 19%;
    display: flex;
    flex-direction: column; }
.ord__cell_side_top {
    margin-bottom: auto; }
.ord__user_info {
    overflow: hidden;
    font-weight: 400;
    color: #000; }
.ord__user_info_row {
    display: flex;
    align-items: center;
    margin-top: 10px; }
.ord__user_info_icon {
    width: 12px;
    margin-right: 9px;
    display: flex;
    align-items: center; }
.ord__performers_item {
    margin-bottom: 7px; }
.ord__performers_item:hover .order-change-executor {
    opacity: 1;
    visibility: visible;
    position: relative;}
.ord__performers_title {
    margin-bottom: 3px;
    font-weight: 300;
    position: relative;
    display: flex;
    color: #4A4A4A; }
.ord__performers_title .order-change-executor {
    margin: -1px 6px 0px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s; }
.ord__performers_users {
    font-weight: normal; }
.ord__performers_users a {
    margin-bottom: 5px;
    display: inline-block; }
.ord__id {
    margin-bottom: 10px; }
.ord__title {
    margin-bottom: 4px; }
.ord__price {
    font-weight: bold;
    font-size: var(--fs_h1);
    margin-right: -15px;
    margin-bottom: 5px;
    color: #000; }
.ord__payment {
    display: flex;
    margin-right: -15px; }
.ord__payment_status {
    min-width: 125px;
    padding: 5px 2px;
    color: white;
    text-align: center;
    font-size: var(--fs_xs);
    font-weight: 400; }
.ord__comment_list {
    margin-bottom: 10px;
    font-size: 15px;
    word-break: break-word; }
.ord__date-range {
    width: 185px; }
.ord__date-range ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    height: 4px;
    background: #BDBDBD;
    width: 100%; }
.ord__date-range ul.active li.week_pass {
    background: #27AE60; }
.ord__date-range ul.danger li.week_pass {
    background: #F1825F; }
.ord__date-range ul.fail li.week_pass {
    background: red; }
.ord__date-range li {
    display: flex;
    flex-grow: 1;
    border-right: 1px solid white; }
.ord__date-range_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs_xxs);
    margin-top: 5px; }
.ord__criteria {
    width: 100%;
    color: #4A4A4A; }
.ord__criteria b {
    font-weight: 400;
    color: black;
    margin-bottom: 10px; }
.ord__criteria p {
    padding: 0;
    line-height: 1.1;
    margin-bottom: 5px; }
.ord__criteria p:after, .ord__criteria p:before {
    display: none; }
.ord__criteria p:first-letter {
    text-transform: uppercase; }
.ord__criteria p:empty {
    margin-bottom: 0; }
.ord__criteria_holder {
    display: flex;
    justify-content: space-between; }
.ord__criteria_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 5px; }
.ord__criteria_item .btn {
    margin-top: auto;
    min-height: 2.2em; }
.ord__criteria_counter-mobile {
    font-size: var(--fs_h5);
    font-weight: 500;
    margin-bottom: 10px; }
@media (max-width: 960px) {
    .ord__row {
        flex-wrap: wrap; }
    .ord__cell_start_section {
        width: 25%; }
    .ord__cell_middle_section {
        width: 75%; }
    .ord__cell_end_section {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-top: 15px;
        padding-right: 0; }
    .ord__date-range {
        width: 100%; }
    .ord__price {
        margin-right: 0; }
    .ord__payment {
        margin-right: 0; } }
@media (max-width: 768px) {
    .ord {
        padding: 15px 13px 15px 30px;
        font-size: var(--fs_s); }
    .ord__status {
        width: 15px;
        font-size: var(--fs_xs); }
    .ord__status span {
        top: 170px;
        width: 140px;
        height: 15px;
        line-height: 15px; }
    .ord__status_closed {
        background: #ccc; }
    .ord__row {
        flex-wrap: wrap; }
    .ord__cell {
        padding-right: 0; }
    .ord__cell_start_section {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(196, 196, 196, 0.5);
        padding-bottom: 10px; }
    .ord__cell_middle_section {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(196, 196, 196, 0.5);
        padding-bottom: 10px; }
    .ord__cell_end_section {
        width: 100%;
        padding-top: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
    .ord__price {
        margin-top: 5px; }
    .ord__title {
        font-size: var(--fs_h5); }
    .ord__performers {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
    .ord__performers_item {
        width: 50%;
        padding-right: 5px; }
    .ord__criteria_holder {
        display: block; } }

/**
* /Order list page
*/
/**
* Order detail page
*/
.ord-detail {
    background: white;
    width: 100%;
    min-height: 100vh;
    overflow: hidden; }
@media screen and (max-width: 1279px) {
    .ord-detail {
        min-height: calc(100vh - 3em); } }
.ord-detail ~ br {
    display: none; }
.ord-detail__holder {
    padding: var(--spacing_xxl) var(--spacing_m);
    width: 100%;
    max-width: 1250px;
    margin: 0 auto; }
@media screen and (max-width: 960px) {
    .ord-detail__holder {
        padding: var(--spacing_xl) var(--spacing_m); } }
@media screen and (max-width: 768px) {
    .ord-detail__holder {
        padding: var(--spacing_m) var(--spacing_s); } }
.ord-detail__dropdown-holder {
    position: absolute;
    right: 0;
    top: 21px;
    z-index: 2; }
@media screen and (max-width: 960px) {
    .ord-detail__dropdown-holder {
        top: 0; } }
@media screen and (max-width: 768px) {
    .ord-detail__dropdown-holder {
        top: 12px; }
    .ord-detail__dropdown-holder .dropdown__content {
        top: 100%; } }
.ord-detail__body {
    padding-top: 22px;
    position: relative; }
@media screen and (max-width: 768px) {
    .ord-detail__body {
        padding-top: 5px;
        min-height: 75vh; } }
.ord-detail__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
.ord-detail__title_text h1, .ord-detail__title_text .h1 {
    font-size: var(--fs_h2); }
.ord-detail__title_statuses {
    margin-left: auto;
    display: flex;
    font-size: var(--fs_xs); }
.ord-detail__title_date {
    font-size: var(--fs_s);
    margin: 8px 0px;
    width: 100%; }
@media screen and (max-width: 960px) {
    .ord-detail__title {
        flex-direction: column;
        align-items: flex-start; }
    .ord-detail__title_text {
        order: 0; }
    .ord-detail__title_statuses {
        order: 2;
        margin-left: -9px; }
    .ord-detail__title_date {
        order: 1; } }
@media screen and (max-width: 768px) {
    .ord-detail__title_text {
        order: 0;
        padding-right: 3.1em; }
    .ord-detail__title_text h1, .ord-detail__title_text .h1 {
        font-size: 28px; } }
.ord-detail__status {
    padding: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    color: white;
    margin-left: 9px; }
.ord-detail__row {
    display: flex;
    margin-bottom: 30px;
    position: static; }
@media screen and (max-width: 768px) {
    .ord-detail__row {
        margin-bottom: 15px; }
    .ord-detail__row--had-twise {
        flex-direction: column; } }
.ord-detail__block {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    max-width: 100%;
    position: static; }
.ord-detail__block.hidden .ord-detail__block_button-show:after {
    top: 12px;
    transform: rotate(135deg); }
.ord-detail__block.active-popup .ord-detail__block_body {
    z-index: 11;
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
.ord-detail__block--twise {
    padding-right: 15px; }
.ord-detail__block--twise .ord-detail__block_body {
    padding-top: 0; }
.ord-detail__block_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    position: relative; }
.ord-detail__block_head_left {
    display: flex;
    align-items: center; }
.ord-detail__block_head_right {
    position: static; }
.ord-detail__block_head--without-border {
    border: none; }
.ord-detail__block_body {
    padding-top: 20px; }
.ord-detail__block_body-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    width: 100%; }
.ord-detail__block_add-link {
    margin: 0 5px; }
.ord-detail__block_title {
    font-size: var(--fs);
    font-weight: 500;
    margin: 0 10px 0 5px;
    color: #000; }
.ord-detail__block_button-show {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer; }
.ord-detail__block_button-show:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    border-top: 2px solid;
    border-right: 2px solid;
    left: 13px;
    top: 16px;
    transform: rotate(-45deg);
    transition: all ease .2s; }
.ord-detail__block_button-popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
.ord-detail__block_button-back-popup {
    position: fixed;
    display: block;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    font-size: 15px;
    margin-bottom: 0;
    min-height: 36px;
    z-index: 2; }
.ord-detail__block_show-mobile {
    display: none; }
.ord-detail__block_show-mobile .ord-detail__block_head {
    border: none; }
@media screen and (max-width: 768px) {
    .ord-detail__block--popup .ord-detail__block_body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        background: white;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all ease .2s; }
    .ord-detail__block--popup .ord-detail__block_button-popup {
        display: block; }
    .ord-detail__block--popup .ord-detail__block_button-show {
        display: none; }
    .ord-detail__block--twise {
        padding-right: 0; }
    .ord-detail__block_head {
        padding: 8px 0px; }
    .ord-detail__block_head_left {
        width: 100%;
        flex: 1; }
    .ord-detail__block_add-link {
        margin-left: auto; }
    .ord-detail__block_button-show {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
    .ord-detail__block_button-show:after {
        display: none; }
    .ord-detail__block_show-mobile {
        display: block; } }
.ord-detail__block-text {
    font-size: var(--fs_s);
    display: flex;
    width: 100%;
    max-width: 490px;
    margin-bottom: 10px; }
.ord-detail__block-text b {
    font-weight: 500; }
.ord-detail__block-text_left {
    width: 50%;
    color: #4A4A4A;
    padding-right: 5px; }
.ord-detail__block-text_right {
    width: 50%;
    font-weight: 400;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
.ord-detail__block-text--only-border {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
    max-width: 360px;
    opacity: 0.5; }
@media screen and (max-width: 768px) {
    .ord-detail__block-text {
        max-width: 100%; }
    .ord-detail__block-text_left {
        width: 45%; }
    .ord-detail__block-text_right {
        width: 55%; }
    .ord-detail__block-text--only-border {
        max-width: 100%; } }
.ord-detail__criteries {
    display: flex;
    overflow: hidden;
    padding-top: 10px; }
.ord-detail__criteries_item {
    width: 65%;
    display: flex;
    flex-direction: column;
    position: relative; }
.ord-detail__criteries_item:nth-child(2) {
    width: 35%; }
.ord-detail__criteries_item:nth-child(2) .ord-detail__criteries_title {
    display: none; }
.ord-detail__criteries_item:nth-child(2) .ord-detail__criteries_text {
    width: 100%; }
.ord-detail__criteries_row {
    display: flex;
    padding: 5px 0px;
    min-height: var(--fs);
    font-size: var(--fs_s);
    position: relative; }
.ord-detail__criteries_row:not(.no-hover):after {
    content: '';
    position: absolute;
    width: 5000px;
    height: 100%;
    left: 50%;
    top: 0;
    background: rgba(0, 0, 0, 0.04);
    transition: all ease .3s;
    opacity: 0;
    transform: translateX(-50%);
    pointer-events: none; }
.ord-detail__criteries_row:hover:not(.no-hover):after {
    opacity: 1; }
.ord-detail__criteries_row.header {
    font-size: var(--fs_l); }
.ord-detail__criteries_row.header .ord-detail__criteries_text {
    padding-right: 5rem;
    flex-wrap: wrap; }
.ord-detail__criteries_title {
    width: 42%;
    display: flex;
    padding-right: 10px; }
.ord-detail__criteries_text {
    width: 58%;
    display: flex;
    font-weight: 500;
    color: #000;
    flex-wrap: wrap;
    padding-right: 10px; }
.ord-detail__criteries_text span:first-child:first-letter {
    text-transform: uppercase; }
.ord-detail__criteries_border {
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
    opacity: .5;
    margin: 8px 0px; }
.ord-detail__criteries .dropdown {
    position: absolute;
    right: 2rem;
    top: 5px; }
.ord-detail__criteries .dropdown .btn_m {
    min-height: 1em;
    width: 2em;
    height: 1em; }
.ord-detail__criteries .dropdown .dropdown__content {
    transform: none;
    top: 0; }
@media screen and (max-width: 768px) {
    .ord-detail__criteries_item {
        margin-bottom: 15px; }
    .ord-detail__criteries_item:nth-child(2) {
        width: 100%; }
    .ord-detail__criteries_item:nth-child(2) .ord-detail__criteries_title {
        display: flex;
        width: 42%; }
    .ord-detail__criteries_item:nth-child(2) .ord-detail__criteries_text {
        width: 58%; }
    .ord-detail__criteries_row:after {
        display: none; }
    .ord-detail__criteries_row.header .ord-detail__criteries_title {
        display: none; }
    .ord-detail__criteries_row.header .ord-detail__criteries_text {
        width: 100%; }
    .ord-detail__criteries .dropdown {
        right: 0; } }
.ord-detail__proven-cars a {
    text-decoration: none;
    color: inherit; }
.ord-detail__proven-cars_holder {
    margin: 0 -15px; }
.ord-detail__proven-cars_item {
    float: left;
    width: 330px; }
.ord-detail__proven-cars_item-holder {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    margin: 0 15px 18px;
    min-height: 410px; }
.ord-detail__proven-cars_img {
    width: 100%;
    height: 271px;
    background: #C4C4C4;
    display: flex;
    position: relative; }
.ord-detail__proven-cars_img a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
.ord-detail__proven-cars_img img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
.ord-detail__proven-cars_info {
    display: flex;
    flex-direction: column;
    padding: 15px;
    font-size: var(--fs_s);
    height: 100%;
    flex: 1; }
.ord-detail__proven-cars_description {
    margin-top: 10px;
    margin-bottom: auto; }
.ord-detail__proven-cars_description p {
    line-height: 1.9; }
.ord-detail__proven-cars_bottom {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.ord-detail__proven-cars_cost {
    font-weight: 500;
    font-size: var(--fs); }
.ord-detail__proven-cars .dropdown {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    padding: 10px; }
.ord-detail__proven-cars .dropdown .btn_m {
    min-height: 1em;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    background: #fff; }
.ord-detail__proven-cars .dropdown .dropdown__content {
    transform: none;
    top: 0; }
.ord-detail__proven-cars_not-read {
    position: absolute;
    right: 2.7em;
    top: 0.7em;
    z-index: 1; }
.ord-detail__proven-cars_not-read > div {
    font-size: 12px;
    display: inline-flex; }
.ord-detail__proven-cars_status-label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    padding: 4px 10px 6px;
    font-weight: 400;
    pointer-events: none;
    line-height: 1.2;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #FFFFFF; }
.ord-detail__proven-cars_status-label.good {
    background: #0CB15E; }
.ord-detail__proven-cars_status-label.bad {
    background: #C23526; }
.ord-detail__proven-cars_status-label--done {
    left: 132px; }
.ord-detail__proven-cars_status-label--on-recheck {
    top: 39px;
    background: #ffce1c;
    color: black; }
@media screen and (max-width: 480px) {
    .ord-detail__proven-cars_holder {
        margin: 0 0px; }
    .ord-detail__proven-cars_item-holder {
        min-height: 350px;
        margin: 0 0px 10px 6%; }
    .ord-detail__proven-cars_img {
        width: 100%;
        height: 225px; }
    .ord-detail__proven-cars_info {
        padding: 12px; }
    .ord-detail__proven-cars .dropdown .dropdown__content {
        top: 50px;
        right: 10px; } }
.ord-detail__event_holder {
    display: flex;
    flex-direction: column; }
.ord-detail__event_item {
    width: 100%;
    display: flex;
    font-size: var(--fs_s);
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(196, 196, 196, 0.5);
    position: relative; }
.ord-detail__event_img {
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 60px; }
.ord-detail__event_img a {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C4C4C4; }
.ord-detail__event_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.ord-detail__event_user-name {
    width: 100%;
    max-width: 170px;
    padding: 15px 10px 5px; }
.ord-detail__event_description {
    flex: 1;
    padding: 15px 10px 5px; }
.ord-detail__event_time {
    padding: 15px 10px 5px;
    text-align: center;
    width: 100%;
    max-width: 150px; }
@media screen and (max-width: 768px) {
    .ord-detail__event_item {
        flex-direction: column;
        padding-bottom: 8px;
        margin-bottom: 10px; }
    .ord-detail__event_img {
        order: 0;
        padding: 0px;
        position: absolute;
        left: 0;
        top: 0;
        justify-content: flex-start; }
    .ord-detail__event_user-name {
        order: 1;
        padding: 0;
        padding-left: 55px;
        padding-bottom: 5px;
        padding-top: 3px;
        max-width: 100%; }
    .ord-detail__event_description {
        order: 3;
        padding: 5px 0px; }
    .ord-detail__event_time {
        order: 2;
        padding: 0;
        padding-left: 55px;
        text-align: left;
        padding-bottom: 5px;
        min-height: 25px;
        max-width: 100%; } }
.ord-detail__error {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    font-size: var(--fs_h2);
    display: flex;
    align-items: center;
    justify-content: center; }
.ord-detail__report-issue {
    width: 360px;
    min-height: 340px; }
@media screen and (max-width: 480px) {
    .ord-detail__report-issue {
        width: 320px; } }
.ord-detail__report-issue-hodler > select {
    opacity: 0; }
.ord-detail__report-issue-label {
    margin-bottom: 20px;
    text-align: center;
    display: block; }
.ord-detail__report-issue .select2 .selection {
    height: 1px; }
.ord-detail__report-issue .select2 .select2-selection__rendered {
    height: 39px; }

/**
* /Order detail page
*/
/**
* Osago detail page
*/
.osago .popup-text ul {
    list-style-type: disc;
    padding-left: 20px; }

.osago .popup-text ul li {
    margin-bottom: 10px; }

/**
* /Osago detail page
*/
/**
* client-support-page page
*/
.client-support-page {
    min-height: calc(100vh - var(--spacing_content)); }
.client-support-page [v-cloak] {
    display: none; }
.client-support-page__body {
    display: flex;
    padding-top: 30px; }
.client-support-page__side.big {
    width: 60%;
    margin-top: 50px;
    margin-right: 20px; }
.client-support-page__side.small {
    width: 50%;
    margin: 0 auto; }
.client-support-page__side textarea {
    text-align: left; }
.client-support-page__text {
    padding: 40px 20px;
    flex: 1;
    background: #fff; }
.client-support-page__text:empty {
    display: none; }
.client-support-page__text ul, .client-support-page__text ol {
    margin: 1em 0px;
    padding-left: 2em; }
.client-support-page__text ul li, .client-support-page__text ol li {
    position: relative;
    margin-bottom: 1em; }
.client-support-page__text ul li:after, .client-support-page__text ol li:after {
    content: '';
    height: 7px;
    width: 7px;
    position: absolute;
    left: -18px;
    top: 4px;
    background: #ffce1b;
    border-radius: 50%; }
.client-support-page__text b, .client-support-page__text strong {
    font-weight: bold; }
.client-support-page__text p {
    margin: 1em 0px; }
.client-support-page__text h1, .client-support-page__text h2, .client-support-page__text h3, .client-support-page__text h4, .client-support-page__text h5 {
    margin-top: 1em;
    margin-bottom: 1em; }
.client-support-page .form__item {
    padding: 15px; }
.client-support-page .form-group__header {
    flex-direction: column; }
.client-support-page .fieldset__item {
    margin-bottom: 40px; }
@media screen and (max-width: 960px) {
    .client-support-page__body {
        flex-direction: column;
        padding-top: 0; }
    .client-support-page__side.big {
        width: 100%;
        margin-top: 0;
        margin-right: 0; }
    .client-support-page__side.small {
        width: 100%;
        margin-top: var(--spacing_l); } }
@media screen and (max-width: 480px) {
    .client-support-page iframe[frameborder] {
        height: 200px !important; } }

.client-popup__title {
    text-align: center; }

.client-popup__subtitle {
    text-align: center; }

.client-popup.sto-service, .client-popup.rating-service {
    width: 100%;
    max-width: 550px;
    background-color: #eee; }
.client-popup.sto-service .popup-text, .client-popup.rating-service .popup-text {
    max-width: 390px;
    margin: 0 auto; }
.client-popup.sto-service .fieldset__item, .client-popup.rating-service .fieldset__item {
    margin-bottom: 20px; }

.avtocod-form {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 47vh;
    padding-top: 10px; }
.avtocod-form__body {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column; }
.avtocod-form__body > span:first-child {
    display: flex;
    justify-content: center; }
.avtocod-form__toggle-btn {
    margin: 0 var(--spacing_xs) var(--spacing_s);
    min-width: 150px;
    opacity: 0.6; }
@media screen and (max-width: 480px) {
    .avtocod-form__toggle-btn {
        min-width: 100px; } }
.avtocod-form__toggle-btn_active {
    opacity: 1; }
.avtocod-form__submit-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing_l); }
.avtocod-form .arrow-box {
    top: 15px !important; }

/**
* /client-support-page page
*/
/**
* Global search page
*/
.g-search__loading.loading, .g-search__loading.error {
    min-height: 400px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center; }

.g-search__loading.error .g-search__error {
    display: flex; }

.g-search__loading.loading .loading-stub {
    opacity: 1;
    visibility: visible;
    z-index: 1; }

.g-search__loading .loading-stub.active {
    position: relative;
    min-height: 400px; }

.g-search__empty-search {
    min-height: 400px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center; }

.g-search__error {
    align-items: center;
    justify-content: center;
    font-size: 18px;
    display: none; }

.g-search__hodler {
    margin-top: 50px; }

.g-search__item-type {
    margin-bottom: 40px; }

.g-search__item-title {
    margin-bottom: 25px; }

.g-search__item-list-holder {
    background: white; }

/**
* /Global search page
*/
/**
* Flags styles
*/
.flags ~ input {
    padding-left: 3rem; }

.flags .selected {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 3rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer; }

.flags .flag {
    width: 20px;
    height: 15px;
    background: url(/static/img/assets/gui/flags.png?fb898b4328f6);
    padding-right: 0.3rem; }
.flags .flag.ru {
    background-position: -4295px 0; }
.flags .flag.by {
    background-position: -790px 0; }
.flags .flag.uz {
    background-position: -5285px 0; }
.flags .flag.ua {
    background-position: -5175px 0; }
.flags .flag.kz {
    background-position: -2853px 0; }

.flags .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    height: 0;
    position: absolute;
    right: -12px;
    top: 6px;
    width: 0; }

.flags .lists {
    border: 1px solid #ccc;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    list-style: none;
    margin: 0;
    background: white;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 3rem;
    display: none; }

.flags li {
    padding: 4px 10px;
    display: flex;
    align-items: center;
    cursor: pointer; }
.flags li > * {
    margin-right: 5px; }

/**
* /Flags styles
*/
/**
* Ratings styles
*/
.rating-starts {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 40px;
    position: relative; }
.rating-starts > input {
    display: none; }
.rating-starts .rating-0 {
    filter: grayscale(100%); }
.rating-starts > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s; }
.rating-starts > input:checked ~ label, .rating-starts > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }
.rating-starts > input:not(:checked) ~ label:hover, .rating-starts > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23ffce1c' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }

/**
* /@include styles
*/
/**
* Auto base pages
*/
.auto-list-text.white{
    background-color: white;
    padding: 15px;
}
.auto-list__more{
    color:black;
    text-decoration: underline;
    cursor: pointer;
    user-select: none;
    top: 3px;
}
.auto-list__more:hover{
    text-decoration: none;
}
.auto-list__more.open svg{
    transform: rotate(180deg);
    position: relative;
}
.auto-list-text ul.auto-list__top,
.auto-list-text ul.auto-list__bottom {
    background-color: #fff;
    border-radius: 10px;
    margin: 0;
    list-style-type: none;
    -webkit-column-count: 6;
    column-count: 6;
    list-style-type: none;
    border-radius: 2px;
}
.auto-list-text ul:empty {
    display: none; }

.auto-list-text li a {
    display: inline-block;
    margin: 5px 0; }

@media (max-width: 960px) {
    .auto-list-text ul {
        -webkit-column-count: 3;
        column-count: 3; } }

@media (max-width: 480px) {
    .auto-list-text ul {
        -webkit-column-count: 2;
        column-count: 2; } }

.auto-base-body {
    display: flex;
    padding-top: var(--spacing_m); }
.auto-base-body__list {
    width: 70%;
    background: inherit;
    box-shadow: none;
    padding-left: 5%;
}
.auto-base-body__aside {
    background: white;
    padding: 15px;
    width: 25%; }
.auto-base-body__item {
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12); }
.auto-base-body__date {
    color: var(--c-text);
    margin-bottom: var(--spacing_xxs);
    font-size: var(--fs_s); }
.auto-base-body__link {
    color: var(--c-title);
    font-size: var(--fs_h5);
    margin-bottom: 10px;
    border-bottom: 2px solid #E3E3E3;
    padding-bottom: 5px; }
.auto-base-body__link a {
    color: black; }
.auto-base-body__link:after {
    content: '';
    width: 150px;
    height: 2px;
    position: absolute;
    background: #ffce1b;
    bottom: -2px;
    left: 0; }
.auto-base-body__group {
    margin-bottom: 30px; }
.auto-base-body__group-title {
    margin-bottom: 15px; }
.auto-base-body__group-list li {
    margin-bottom: 5px; }
.auto-base-body__group-list li.active {
    font-weight: 500; }

@media (min-width: 960px) {
    .header--autobase {
        grid-template-columns: auto 1fr 1fr; } }

/**
* /Auto base pages
*/



.fieldset__item{
    margin-bottom: 15px;
}
.filter-title{
    font-weight: bold;
    font-size: 30px;
    color:black;
    margin-bottom: 25px;
    display: none;
}
.filter-btn__mob{
    display: none;
    justify-content: space-between;
}
.filter-btn{
    text-transform: uppercase;
    width: 48%;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    user-select: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
}
.filter-btn.cancel{
    background: white;
    border:1px solid black;
}
.filter-btn.success{
    background: #ffce1b;
}

@media screen and (max-width: 768px){
    .filter-title{
        display: block;
    }
    .filter-btn__dest{
        display: none;
    }
    .filter-btn__mob{
        display: flex;
        position: relative;
        bottom: 0;
        margin-top: 25px;
        width: 100vw;
        padding: 0px 0;
        z-index: 10000;
    }
    .fieldset.fieldset_filter{
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .fieldset__item{
        width: 100%;
        margin-bottom: 50px;
    }
    .fieldset__item.half{
        width: 48%;
        height: 125px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
}
span.step-links{
    display: flex;
    align-items: center;
}
.pag-list{
    display: flex;
}
/**
 * EasyZoom core styles
 */
.easyzoom {
    position: relative;

    /* 'Shrink-wrap' the element */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.easyzoom img {
    vertical-align: bottom;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error  img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
    position:absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}
.m-select{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: white;
    z-index: 10024;
    transition: 0.3s all;
    transform: translate3d(100%,0,0);
}
.m-select.open{
    transform: translate3d(0,0,0);
}
.m-select__title{
    background: #dddddd;
    font-weight: bold;
    font-size: 30px;
    color: black;
    padding: 2em 1em 15px;
    display: flex;
    align-items: center;
}
.m-select__btn{
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 1000;
}
.dest{
    display: block;
}
.mob{
    display: none;
}
@media screen and ( max-width:780px ){
    .m-select__btn{
        display: block;
    }
    .dest{
        display: none;
    }
    .mob{
        display: block;
    }
}
.m-select__btn-back {
    margin-right: 15px;
}
.m-select__btn-back svg{
    height: 25px;
    width: 25px;
}
.m-select__list{
    max-height: calc(100% - 105px);
    overflow: auto;
}
.m-select__list li{
    padding:15px 2em 20px;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
}
.datepicker-open{
    position:fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    flex-direction: column;
    display: none;
}
.datepicker-open.open{
    display: flex;
}
.datepicker-open__bck{
    position:absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
}
.datepicker-open__title{
    width: 300px;
    height: 40px;
    background: white;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    top: 2px;
}
.datepicker-open .calendar{
    width: 300px;
    position: relative;
    z-index: 100;
}
.datepicker-open .calendar span.cell.day{
    font-size: 12px;
}
.datepicker-open .calendar span.cell.day.selected{
    color:white;
    border-radius: 50%;
    background: #f8ce4c;
    font-weight: 500;
}
.openCalendar{
    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;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.12);
    min-height: 3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #4a4a4a;
}


.report-preview{
    /*position: absolute;*/
    /*min-height: 100%;*/
    /*width: 100%;*/
    /*left: 0%;*/
    /*top: 0%;*/
    /*z-index: 100;*/
    padding: 30px;
    /*box-sizing: border-box;*/
    /*background: #EEEEEE;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.report-preview__block{
    background: white;
    box-sizing: border-box;
    padding: 40px;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
    border-radius: 2px;
    width: 100%;
}

.report-preview__block.sms{
    max-width:850px;
    text-align: center;
    margin: 50px 0;
}

.report-preview__block.sms .report-preview__input{
    width: 265px;
}
.report-preview__block.info{
    padding: 25px 40px;
}
.report-preview__block .date{
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    margin-bottom: 10px;

    color: #4A4A4A;
}
.report-preview__block .text{
    line-height: 1.3;
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}
.report-preview__block .text b{
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}
.report-preview__block .text a{
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    color: black;
    white-space: nowrap;
    text-decoration: none;
}
.report-preview__block .text a:after{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #EFB23E;
}

.report-preview__block.info:before{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #F8AF00;
}
.report-preview .title{
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 37px;
    line-height: 43px;
    color: #000000;
}
.report-preview__top{
    display: flex;
    justify-content: space-between;
}
.report-preview__butt{
    text-decoration: none;
    line-height: 47px;
    padding: 0 35px;
    height: 47px;
    color: #383838;
    background: #F8CE4C;
    border-radius: 4px;
    font-size: 18px;
    letter-spacing: 0.01em;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
}
.report-preview__input{
    padding-left: 15px;
    padding-right: 15px;
    width: 420px;
    background: #FFFFFF;
    border: 1px solid #A5A5A5;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #000000;
    height: 47px;
}
.report-preview .title span{
    color: black;
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
    font-weight: normal;
    letter-spacing: 0.01em;
    opacity: 0.7;
    display: block;
}
.report-preview .title span sup{
    color: #F9B100;
}
.report-preview__bottom{
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.report-preview__img{
    display: flex;
    flex-direction: column;
}
.report-preview__img img{
    width: 460px;
    height: 290px;
    object-fit: cover;
    margin-bottom: 15px;
}
.report-preview__img p{
    text-align: center;
    font-family: 'Roboto',sans-serif;
    color: #4A4A4A;
    font-weight: 300;
}
.report-preview__table td{
    padding: 7px 0;
    width: 200px;
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.report-preview__table td.report-preview__table-title{
    color: #4A4A4A;
    font-weight: 300;
}
.report-preview__available-list{
    display: flex;
    flex-wrap: wrap;
}
.report-preview__available{
    margin-top: 25px;
}
.report-preview__available h2{
    font-family: 'Roboto',sans-serif;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #000000;
}
.report-preview__available h2:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1px;
    background: rgba(196, 196, 196, 0.5);
}

.report-preview__available-list li {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.report-preview__available-list .preview__available-img{
    margin-right: 10px;
    width: 40px;
    text-align: center;
}
.preview__available-test{
    font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: normal;
    color: black;
}

@media screen and (max-width: 1100px){
    .report-preview .title{
        font-size: 32px;
    }
    .report-preview__input{
        width: 390px;
    }
    .report-preview__butt{
        white-space: nowrap;
    }
    .report-preview__img img {
        width: 360px;
        height: 220px;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .report-preview__img p,
    .preview__available-test{
        font-size: 14px;
    }
}
@media screen and (max-width: 770px){
    .report-preview__block.sms .report-preview__input{
        width: 100%;
    }
    .report-preview__input{
        width: 100%;
    }
    .report-preview form label{
        display: flex;
        flex-direction: column;
    }
    .report-preview__bottom{
        flex-direction: column;
    }
    .report-preview .title{
        font-size: 28px;
        line-height: 28px;
    }
    .report-preview__top{
        flex-direction: column;
    }
    .report-preview .report-preview__top .title{
        margin-bottom: 15px;
    }
    .report-preview__img{
        margin-top: 15px;
    }
    .report-preview__img img{
        width: 100%;
        height: auto;
    }
    .report-preview__butt{
        text-align: center;
    }
    .report-preview__available-list li{
        width: 100%;
    }
}
@media screen and (max-width: 470px){
    .report-preview{
        padding: 20px 25px 20px 15px;
    }
    .report-preview__block{
        padding: 15px;
    }
    .report-preview__block.info{
        padding: 15px 15px 15px 20px;
    }
    .report-preview__block .text{
        font-size: 14px;
    }
    .report-preview .title{
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
.report-preview__first,
.report-preview__two,
.report-preview__tree{
    display: none;
}
.report-preview__first.active,
.report-preview__two.active,
.report-preview__tree.active{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.report-preview__404{
    text-align: center;
}
.report-preview__404-title{
    max-width: 750px;
    text-align: center;
    color: black;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    font-size: 37px;
}
.report-preview__404-text{
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    color: black;
    font-weight: 500;
    margin-bottom: 15px;

}
.pop-up__register,
.pop-up__enter,
.pop-up__order{
    display: none;
}
.pop-up__register.open,
.pop-up__enter.open,
.pop-up__order.open{
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1010;
    justify-content: center;
    align-items: center;
}
.pop-up__order-bck{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #222222;
    opacity: 0.4;
}
.pop-up__order-block{
    position: relative;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    max-width: 380px;
    text-align: center;
    justify-content: center;
}
.pop-up__order-title{
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    color: black;
    font-weight: 500;
    margin-bottom: 15px;
}
.pop-up__order-label{
    margin-bottom: 10px;
}
.pop-up__order-input{
    width: 264px;
    height: 54px;
    background: #FFFFFF;
    border:0;
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    padding: 0 15px;
    box-sizing: border-box;
    color: black;
    font-weight: 300;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 2px;
}
.pop-up__order-input::placeholder{
    color: rgba(74, 74, 74, 0.4);
}
.pop-up__order-input:focus{
    outline: none;
}
.pop-up__order-text{
    font-size: 12px;
    font-family: 'Roboto',sans-serif;
    color: black;
    margin-bottom: 15px;
}
.pop-up__order-text a{
    color: #FAD749;
    font-weight: 500;
}
.pop-up__order-close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.car-specs__col{
    display: flex;
    justify-content: space-between;
}
.recommended-edit .select2-container--default{
    width:100% !important;
}
.car-specs__item.comment{
    padding-right: 35px;
    max-height: 88px;
    /*overflow: hidden;*/
}
@media screen and (max-width:1400px){
    .car-specs__item.comment{
        max-height: 87px;
    }
}
@media screen and (max-width:1280px){
    .car-specs__item.comment{
        max-height: 89px;
    }
}
@media screen and (max-width:966px){
    .car-specs__item.comment{
        display: none;
        padding-right: 15px;
    }
}
@media screen and (max-width: 360px){
    .car-specs__col{
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .doc-detail__block {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .ord-detail__block-text.doc-link {
        max-width: 44%;
    }

    .ord-detail__block-text.doc-link img {
        margin-right: 10px;
        osition: relative;
        bottom: 2px;
    }
}
/* helping adds*/

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    overflow: hidden;
}

.cfix:after {
    content: '';
    display: block;
    height: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clear: both;
}

.juster {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.jfix-after:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.vfix {
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.vfix-before:before {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.hidden-block {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -99999em;
    top: -99999em;
}


/* /helping adds*/


/* ctext */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* /ctext */


/* base styles*/

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

*,
body,
html {
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    max-height: 9001em;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    width: 100%;
    min-width: 320px;
    font-family: 'Roboto', arial, sans-serif;
    background: #fff;
    color: #3d3d3d;
    position: relative;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    overflow-x: hidden;
}

img {
    vertical-align: bottom;
    border: 0;
    max-width: 100%;
}


/* /base styles */


/* wraps styling*/

.mbox {
    max-width: 1150px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


/* /wraps styling*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: inherit;
}


/*End Layout*/


/*fonts*/

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBoldItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms ExtraBold Italic"), local("../fonts/report_view/TTNorms-ExtraBoldItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBoldItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBoldItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBoldItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Bold.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Bold"), local("../fonts/report_view/TTNorms-Bold"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Bold.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Bold.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Bold.ttf?fb898b4328f6") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Thin.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Thin"), local("../fonts/report_view/TTNorms-Thin"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Thin.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Thin.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Thin.ttf?fb898b4328f6") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Regular.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Regular"), local("../fonts/report_view/TTNorms-Regular"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Regular.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Regular.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Regular.ttf?fb898b4328f6") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ThinItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Thin Italic"), local("../fonts/report_view/TTNorms-ThinItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ThinItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ThinItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ThinItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Italic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Italic"), local("../fonts/report_view/TTNorms-Italic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Italic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Italic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Italic.ttf?fb898b4328f6") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Heavy.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Heavy"), local("../fonts/report_view/TTNorms-Heavy"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Heavy.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Heavy.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Heavy.ttf?fb898b4328f6") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Light.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Light"), local("../fonts/report_view/TTNorms-Light"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Light.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Light.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Light.ttf?fb898b4328f6") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BlackItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Black Italic"), local("../fonts/report_view/TTNorms-BlackItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BlackItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BlackItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BlackItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLight.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms ExtraLight"), local("../fonts/report_view/TTNorms-ExtraLight"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLight.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLight.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLight.ttf?fb898b4328f6") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-LightItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Light Italic"), local("../fonts/report_view/TTNorms-LightItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-LightItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-LightItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-LightItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLightItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms ExtraLight Italic"), local("../fonts/report_view/TTNorms-ExtraLightItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLightItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLightItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraLightItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BoldItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Bold Italic"), local("../fonts/report_view/TTNorms-BoldItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BoldItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BoldItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-BoldItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Medium.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Medium"), local("../fonts/report_view/TTNorms-Medium"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Medium.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Medium.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Medium.ttf?fb898b4328f6") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Black.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Black"), local("../fonts/report_view/TTNorms-Black"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Black.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Black.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-Black.ttf?fb898b4328f6") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-MediumItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Medium Italic"), local("../fonts/report_view/TTNorms-MediumItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-MediumItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-MediumItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-MediumItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-HeavyItalic.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms Heavy Italic"), local("../fonts/report_view/TTNorms-HeavyItalic"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-HeavyItalic.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-HeavyItalic.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-HeavyItalic.ttf?fb898b4328f6") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBold.eot?fb898b4328f6");
    src: local("../fonts/report_view/TT Norms ExtraBold"), local("../fonts/report_view/TTNorms-ExtraBold"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBold.eot?&fb898b4328f6#iefix") format("embedded-opentype"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBold.woff?fb898b4328f6") format("woff"), url("https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/fonts/report_view/TTNorms-ExtraBold.ttf?fb898b4328f6") format("truetype");
    font-weight: 800;
    font-style: normal;
}


/*/fonts*/


/* main */

@charset "UTF-8";
.conteiner-all {
    padding: 50px 30px 25px;
    background: #FFFFFF;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.conteiner-all:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: -1;
    transition: all ease .2s;
    opacity: 0;
    visibility: hidden;
}

.conteiner-all.loading:before {
    opacity: 1;
    visibility: visible;
    z-index: 12;
}


/* text styles */

.text-named-style {
    font-weight: 300;
    line-height: normal;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0.02em;
}

.res {
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.02em;
}

.res strong {
    font-weight: 600;
}

hr {
    border-color: #C4C4C4;
    opacity: 0.5;
    margin: 0;
}


/* text styles */

.title-row {
    padding-bottom: 25px;
}

.title-row .name-rew {
    padding-bottom: 3px;
    display: flex;
    align-items: flex-start;
}

.title-row .name-rew h1 {
    font-weight: bold;
    line-height: 1.2;
    font-size: 37px;
    color: #000000;
    letter-spacing: 0.02em;
}

.title-row .name-rew .btn {
    margin: 0 20px;
}

.title-row .infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.title-row .infos .date {
    max-width: 200px;
    width: 100%;
}

.title-row .infos .named {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}

.expert-row {
    padding-bottom: 25px;
}

.expert-row .named {
    padding-bottom: 10px;
    color: #515151;
}

.expert-row .texter p {
    font-weight: 400;
    line-height: 1.2;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
    letter-spacing: 0.02em;
}

.expert-row .read-more {
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    font-size: 15px;
    color: #000000;
    letter-spacing: 0.02em;
}

.expert-row .read-more:hover {
    text-decoration: underline;
}

.options-row {
    padding-bottom: 25px;
}

.options-row .siders {
    display: block;
}

.options-row .side-cars {
    width: 49%;
    max-width: 473px;
    padding-right: 15px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

.options-row .side-cars .label {
    position: absolute;
    top: 21px;
    right: -webkit-calc(21px + 15px);
    right: -moz-calc(21px + 15px);
    right: calc(21px + 15px);
    z-index: 10;
    padding: 4px 10px 6px;
    font-weight: 400;
    pointer-events: none;
    line-height: 1.2;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.options-row .side-cars .label.good {
    background: #0CB15E;
}

.options-row .side-cars .label.bad {
    background: #C23526;
}

.options-row .side-table {
    width: 49%;
    max-width: 473px;
    padding-left: 15px;
    display: inline-block;
    box-sizing: border-box;
}

.options-row table {
    width: 100%;
}

.options-row table td {
    padding: 5px 0;
}

.options-row .topper-slider {
    width: 100%;
    z-index: 2;
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    height: 345px;
}

.options-row .topper-slider .con {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor:pointer;
}

.options-row .topper-slider .con img {
    max-width: 100%;
    max-height:100%;
}

.options-row .bottom-list-slides {
    padding-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
}

.options-row .bottom-list-slides .con {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: 68px;
    height: 51px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.options-row .bottom-list-slides .con:after {
    content: '';
    position: absolute;
    background: #000;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity ease .2s;
}

.options-row .bottom-list-slides .con:hover:after {
    opacity: 0.5;
}

.options-row .bottom-list-slides .con img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

.options-row .bottom-list-slides .con:last-child:before {
    content: "Еще " attr(data-hasmore-calc) " фото";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 8px;
    line-height: 1.3;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.5);
}

.options-row .bottom-list-slides .con.disableShowMore:before {
    display: none !important;
    content: ''
}

.grouped-elements {
    padding: 25px 20px;
}

.grouped-elements .titled {
    padding-bottom: 20px;
}

.grouped-elements .titled .topper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grouped-elements .titled .con {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grouped-elements .titled .named {
    width: 90%;
    padding-left: 10px;
}

.grouped-elements .titled .named h2 {
    font-weight: 600;
    line-height: normal;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.02em;
}

.grouped-elements .titled .after-text {
    font-weight: 400;
    line-height: 1.2;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.02em;
    padding: 5px 0 0 60px;
}

.grouped-elements .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}

.grouped-elements .list-item .item {
    width: 33.33%;
    margin-bottom: 10px;
}

.grouped-elements .list-item .description {
    max-width: 280px;
    font-style: italic;
    line-height: 1.3;
    font-size: 14px;
    color: #000000;
    padding-top: 5px;
    padding-left: 20px;
}

[data-anchor].grouped-elements .list-item .con {
    margin-top: 0;
}

.grouped-elements .list-item .description blockquote {
    font-style: italic;
    font-weight: 400;
    line-height: 1.3;
    font-size: 13px;
    color: #000000;
    margin-bottom: 5px;
}

.grouped-elements .list-item .description blockquote:empty {
    display: none;
}

.grouped-elements .list-item .description blockquote:after,
.grouped-elements .list-item .description blockquote:before {
    margin: 0;
    font-size: 13px;
}

.grouped-elements .list-item .description ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0 0 5px;
}

.grouped-elements .list-item .description ul li {
    font-weight: 300;
    line-height: 1.4;
    font-size: 14px;
    color: #000000;
    position: relative;
}

.grouped-elements .list-item .description ul li:before {
    content: '- ';
}

.grouped-elements .list-item .con {
    width: 14px;
    height: 14px;
    margin: 3px 6px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}

.grouped-elements .list-item .con.good {
    background-image: url(https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/assets/images/report_view/correct.svg?fb898b4328f6);
}

.grouped-elements .list-item .con.bad {
    background-image: url(https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/assets/images/report_view/incorrect.svg?fb898b4328f6);
}

.grouped-elements .list-item h4 {
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
    width: auto;
    font-weight: 400;
    line-height: 1.3;
    font-size: 16px;
    color: #000000;
    vertical-align: middle;
}

.grouped-elements .list-item .icon-doc {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(https://xn--2-stbc.xn----7sbecl2dbcfoo.xn--p1ai/static/assets/images/report_view/icon-doc.svg?fb898b4328f6);
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: -3px 0 0 2px;
}

.grouped-elements .list-item .name {
    max-width: 280px;
    width: auto;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.grouped-elements .list-item .name a {
    display: inline-block;
    text-decoration: none;
}

.grouped-elements .list-item .name a h4 {
    width: auto;
    max-width: none;
}

.grouped-elements .list-item .name a:hover h4 {
    text-decoration: underline;
    color: #3076BF;
}

.grouped-elements .tab-content .tab {
    display: none;
}

.grouped-elements .tab-content .tab.active {
    display: block;
}

.grouped-elements .show-scheme {
    padding: 20px 20px 0;
}

.grouped-elements .row-percenter {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.grouped-elements .row-percenter .percenter {
    margin-bottom: 25px;
}

.grouped-elements .row-percenter .text {
    display: inline-block;
    font-weight: 400;
    line-height: 1.3;
    font-size: 16px;
    color: #000000;
    vertical-align: middle;
}

.grouped-elements .row-percenter .named {
    display: block;
    max-width: 280px;
    padding-bottom: 10px;
    letter-spacing: 0.02em;
}

.grouped-elements .row-percenter .progress-bar {
    width: 100%;
    max-width: 250px;
    background: rgba(193, 193, 193, 0.5);
    height: 4px;
    position: relative;
}

.grouped-elements .row-percenter .progress-bar .level {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.grouped-elements .row-percenter .info-hide {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #C1C1C1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-left: 3px;
    z-index: 5;
}

.grouped-elements .row-percenter .info-hide:before {
    content: 'i';
    font-weight: 700;
    line-height: 1;
    font-size: 9px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #C1C1C1;
}

.grouped-elements .row-percenter .info-hide .texted {
    position: absolute;
    opacity: 1;
    top: 100%;
    left: 100%;
    background: #FFFFFF;
    border: 0.5px solid #D1D2D1;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 15px;
    font-weight: 300;
    line-height: 1.3;
    font-size: 14px;
    color: #000000;
    width: 260px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.grouped-elements .row-percenter .info-hide:hover .texted {
    opacity: 1;
}

.grouped-elements .row-percenter .percenter:nth-child(3n) .info-hide .texted {
    left: auto;
    right: 100%;
}

.top-tabs {
    padding: 0 25px 25px;
}

.top-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-tabs ul li {
    font-weight: normal;
    line-height: 1.3;
    font-size: 18px;
    color: #000000;
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
    cursor: pointer;
    margin-right: 35px;
}

.top-tabs ul li:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 3px;
    background: #EFB23E;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.top-tabs ul li.active:before,
.top-tabs ul li:hover:before {
    right: 0;
    opacity: 1;
}

.texter-wrap {
    padding: 0 0 20px;
}

.texter-wrap h3 {
    padding-bottom: 10px;
    font-weight: 500;
    line-height: 1.3;
    font-size: 18px;
    color: #000000;
    vertical-align: middle;
}

.texter-wrap .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.texter-wrap .item {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.texter-wrap .item .con {
    width: 14px;
    height: 14px;
    margin: 3px 6px 0 0;
}

.texter-wrap .item .texter {
    font-weight: 400;
    line-height: 1.3;
    font-size: 16px;
    color: #000000;
    vertical-align: middle;
    max-width: 260px;
}

.texter-wrap .texter p {
    font-weight: 400;
    line-height: 1.3;
    font-size: 16px;
    color: #000000;
}

.texter-wrap .info-hide {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #C1C1C1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-left: 3px;
    z-index: 5;
}

.texter-wrap .info-hide:before {
    content: 'i';
    font-weight: 700;
    line-height: 1;
    font-size: 9px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #C1C1C1;
}

.texter-wrap .info-hide .texted {
    position: absolute;
    opacity: 1;
    top: 100%;
    left: 100%;
    background: #FFFFFF;
    border: 0.5px solid #D1D2D1;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 15px;
    font-weight: 300;
    line-height: 1.3;
    font-size: 14px;
    color: #000000;
    width: 260px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.texter-wrap .info-hide:hover .texted {
    opacity: 1;
}

.texter-wrap .lable-contein .label-con {
    display: inline-block;
    padding: 5px 10px 7px;
    line-height: 1.2;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.02em;
}

.texter-wrap .lable-contein .label-con.good {
    background-color: #0CB15E;
}
.texter-wrap .lable-contein .label-con.bad {
    background-color: #C23526;
}

.texter-wrap.pluses .con {
    position: relative;
    text-align: center;
    margin-top: 1px;
}

.texter-wrap.pluses .con:before {
    content: '+';
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    color: #27AE60;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.texter-wrap.minus .con {
    position: relative;
    text-align: center;
    margin-top: 0;
}

.texter-wrap.minus .con:before {
    content: '-';
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    color: #C23526;
}

.single-pop {
    padding: 30px;
    max-width: 1010px;
    background: #FFFFFF !important;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.single-pop .fancybox-close-small {
    display: none;
}

.single-pop .contein-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px;
}

.single-pop .named {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
}

.single-pop .named .con {
    width: 50px;
    text-align: center;
}

.single-pop .named h3 {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    font-weight: 500;
    line-height: 1.3;
    font-size: 20px;
    color: #000000;
}

.single-pop .closer {
    width: 23px;
    height: 23px;
    position: relative;
    cursor: pointer;
}

.single-pop .closer:before {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -2px;
    height: 3px;
    width: 28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #EFB23E;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.single-pop .closer:after {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -2px;
    height: 3px;
    width: 28px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #EFB23E;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.single-pop .closer:hover:before,
.single-pop .closer:hover:after {
    background-color: #C23526;
}

.single-pop .content-part {
    padding: 0 60px;
}

.single-pop .texter p {
    line-height: 1.4;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
}

.single-pop .texter ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 20px 0;
}

.single-pop .texter ul li {
    line-height: 1.4;
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    margin-bottom: 5px;
}

.single-pop .texter ul li:before {
    content: '- ';
}

.single-pop .contein-imager {
    text-align: center;
}

.single-pop .contein-imager img {
    margin: 0 auto;
}

.fancybox-slide .full-size-slider {
    background-color: transparent;
    margin: 0;
    width: 100vw;
    height: 100vh;
}

.fancybox-slide .full-size-slider .conteiner {
    position: relative;
}

.fancybox-slide .full-size-slider .top-slider {
    max-width: -webkit-calc(100vw - 24px * 2);
    max-width: -moz-calc(100vw - 24px * 2);
    max-width: calc(100vw - 24px * 2);
    width: 100vw;
    height: -webkit-calc(100vh - 24px * 2 - 140px);
    height: -moz-calc(100vh - 24px * 2 - 140px);
    height: calc(100vh - 24px * 2 - 140px);
    margin: 0 0 20px;
    position: relative;
}

.fancybox-slide .full-size-slider .top-slider .con {
    /* max-width: -webkit-calc(100vw - 24px * 2);
    max-width: -moz-calc(100vw - 24px * 2);
    max-width: calc(100vw - 24px * 2); */
    height: -webkit-calc(100vh - 24px * 2 - 140px);
    height: -moz-calc(100vh - 24px * 2 - 140px);
    height: calc(100vh - 24px * 2 - 140px);
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fancybox-slide .full-size-slider .top-slider .con img {
    max-width: 100%;
    max-height: calc(100vh - 24px * 2 - 140px);
}

.fancybox-slide .full-size-slider .top-slider .gallary_popup_img {
    max-width: 100%;
    max-height: 100%;
}

.fancybox-slide .full-size-slider .top-slider .gallary_popup_img_holder {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.full-size-slider .download-button {
    width: 23px;
    height: 23px;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 40px;
    z-index: 5;
}

.full-size-slider .download-button:hover svg path {
    fill: #C23526 !important;
}

/* .fancybox-slide .full-size-slider .top-slider .swiper-button-prev {
    left: 3vw;
    width: 25px;
    height: 40px;
    z-index: 2;
    font-size: 1px;
} */

/* .fancybox-slide .full-size-slider .top-slider .swiper-button-prev:before {
    display: none;
}

.fancybox-slide .full-size-slider .top-slider .swiper-button-prev:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-bottom: 3px solid #EFB23E;
    border-left: 3px solid #EFB23E;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    left: 8px;
}

.fancybox-slide .full-size-slider .top-slider .slick-prev.slick-disabled {
    opacity: 0;
}

.fancybox-slide .full-size-slider .top-slider .slick-next {
    right: 3vw;
    width: 25px;
    height: 40px;
    z-index: 2;
    font-size: 1px;
}

.fancybox-slide .full-size-slider .top-slider .slick-next:before {
    display: none;
}

.fancybox-slide .full-size-slider .top-slider .slick-next:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-top: 3px solid #EFB23E;
    border-right: 3px solid #EFB23E;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    right: 8px;
}

.fancybox-slide .full-size-slider .top-slider .slick-next.slick-disabled {
    opacity: 0;
} */

.fancybox-slide .full-size-slider .nav-slider {
    max-width: -webkit-calc(100vw - 24px * 2);
    max-width: -moz-calc(100vw - 24px * 2);
    max-width: calc(100vw - 24px * 2);
    height: 120px;
    margin: 0;
    position: relative;
}

.fancybox-slide .full-size-slider .nav-slider .con {
    padding: 8px;
    width: 140px;
    height: 109px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}


.fancybox-slide .full-size-slider .nav-slider .con:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    border: 3px solid #EFB23E;
    opacity: 0;
}

.fancybox-slide .full-size-slider .nav-slider .con img {
    margin: 0 auto;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.fancybox-slide .full-size-slider .nav-slider .swiper-slide-active:before {
    opacity: 1;
}

.fancybox-slide .full-size-slider .fancybox-close-small {
    display: none;
}

.fancybox-slide .full-size-slider .closer {
    width: 23px;
    height: 23px;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    z-index: 5;
}

.fancybox-slide .full-size-slider .closer:before {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -2px;
    height: 3px;
    width: 28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #EFB23E;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.fancybox-slide .full-size-slider .closer:after {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    top: calc(50% - 1px);
    left: -2px;
    height: 3px;
    width: 28px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #EFB23E;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.fancybox-slide .full-size-slider .closer:hover:before,
.fancybox-slide .full-size-slider .closer:hover:after {
    background-color: #C23526;
}

.construct-inside {
    position: relative;
    overflow: hidden;
}

.construct-inside .pos {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

.construct-inside .pos.good {
    background-image: url(/static/assets/images/report_view/correct.svg?fb898b4328f6);
}

.construct-inside .pos.bad {
    background-image: url(/static/assets/images/report_view/incorrect.svg?fb898b4328f6);
}

.construct-inside.construct-external {
    width: 488px;
    height: 650px;
}

.construct-inside.construct-external .pos1 {
    top: 70px;
    left: 238px;
}

.construct-inside.construct-external .pos2 {
    top: 97px;
    left: 180px;
}

.construct-inside.construct-external .pos3 {
    top: 97px;
    left: 296px;
}

.construct-inside.construct-external .pos4 {
    top: 188px;
    left: 117px;
}

.construct-inside.construct-external .pos5 {
    top: 173px;
    left: 238px;
}

.construct-inside.construct-external .pos6 {
    top: 188px;
    left: 361px;
}

.construct-inside.construct-external .pos7 {
    top: 251px;
    left: 238px;
}

.construct-inside.construct-external .pos8 {
    top: 280px;
    left: 103px;
}

.construct-inside.construct-external .pos9 {
    top: 280px;
    left: 377px;
}

.construct-inside.construct-external .pos10 {
    top: 313px;
    left: 66px;
}

.construct-inside.construct-external .pos11 {
    top: 313px;
    left: 410px;
}

.construct-inside.construct-external .pos12 {
    top: 305px;
    left: 147px;
}

.construct-inside.construct-external .pos13 {
    top: 305px;
    left: 329px;
}

.construct-inside.construct-external .pos14 {
    top: 347px;
    left: 238px;
}

.construct-inside.construct-external .pos15 {
    top: 363px;
    left: 103px;
}

.construct-inside.construct-external .pos16 {
    top: 363px;
    left: 377px;
}

.construct-inside.construct-external .pos17 {
    top: 363px;
    left: 147px;
}

.construct-inside.construct-external .pos18 {
    top: 363px;
    left: 329px;
}

.construct-inside.construct-external .pos19 {
    top: 444px;
    left: 117px;
}

.construct-inside.construct-external .pos20 {
    top: 444px;
    left: 361px;
}

.construct-inside.construct-external .pos21 {
    top: 444px;
    left: 238px;
}

.construct-inside.construct-external .pos22 {
    top: 484px;
    left: 238px;
}

.construct-inside.construct-external .pos23 {
    top: 527px;
    left: 180px;
}

.construct-inside.construct-external .pos24 {
    top: 527px;
    left: 295px;
}

.construct-inside.construct-external .pos25 {
    top: 553px;
    left: 238px;
}

.construct-inside.construct-power {
    width: 490px;
    height: 490px;
}

.construct-inside.construct-power .pos1 {
    top: 72px;
    left: 194px;
}

.construct-inside.construct-power .pos2 {
    top: 72px;
    left: 282px;
}

.construct-inside.construct-power .pos3 {
    top: 102px;
    left: 187px;
}

.construct-inside.construct-power .pos4 {
    top: 102px;
    left: 289px;
}

.construct-inside.construct-power .pos5 {
    top: 114px;
    left: 238px;
}

.construct-inside.construct-power .pos6 {
    top: 170px;
    left: 238px;
}

.construct-inside.construct-power .pos7 {
    top: 190px;
    left: 118px;
}

.construct-inside.construct-power .pos8 {
    top: 190px;
    left: 358px;
}

.construct-inside.construct-power .pos9 {
    top: 203px;
    left: 218px;
}

.construct-inside.construct-power .pos10 {
    top: 252px;
    left: 92px;
}

.construct-inside.construct-power .pos11 {
    top: 252px;
    left: 384px;
}

.construct-inside.construct-power .pos12 {
    top: 333px;
    left: 118px;
}

.construct-inside.construct-power .pos13 {
    top: 333px;
    left: 358px;
}

.construct-inside.construct-power .pos14 {
    top: 331px;
    left: 187px;
}

.construct-inside.construct-power .pos15 {
    top: 331px;
    left: 289px;
}

.construct-inside.construct-power .pos16 {
    top: 366px;
    left: 238px;
}

.construct-inside .hidden-pop {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 300px;
    padding: 15px;
    background: #FFFFFF;
    border: 0.5px solid #D1D2D1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: start;
}

.construct-inside .hidden-pop .named {
    width: 100%;
}

.construct-inside .hidden-pop .named .name {
    font-size: 16px;
    color: #000000;
    line-height: 1.4;
    letter-spacing: 0.02em;
}

.construct-inside .hidden-pop .con {
    text-align: start;
}

.construct-inside .hidden-pop ul {
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}

.construct-inside .hidden-pop ul li {
    font-weight: 300;
    line-height: 1.4;
    font-size: 14px;
    color: #000000;
    position: relative;
    letter-spacing: 0.02em;
}

.construct-inside .hidden-pop ul li:before {
    content: '- ';
}

.construct-inside .hidden-pop p {
    font-style: italic;
    padding: 10px 0 0;
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.02em;
}

#popup-scheme-external .contein-top,
#popup-scheme-power .contein-top {
    padding: 0;
}

.hidden-go-back {
    display: none;
}


/* main */


/* swiper slider */
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}






/* slick */
/* Slider */

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

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

.slick-list:focus {
    outline: none;
}

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

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

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

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

.slick-track:after {
    clear: both;
}

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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


/* Slider */

.slick-loading .slick-list {
    background: #fff url(/static/assets/images/report_view/ajax-loader.gif?fb898b4328f6) center center no-repeat;
}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px \9;
    /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

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

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

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

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

.slick-prev {
    left: -25px;
}

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

.slick-prev:before {
    content: "в†ђ";
}

[dir="rtl"] .slick-prev:before {
    content: "в†’";
}

.slick-next {
    right: -25px;
}

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

.slick-next:before {
    content: "в†’";
}

[dir="rtl"] .slick-next:before {
    content: "в†ђ";
}


/* Dots */

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

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

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

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

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

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

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

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}


/* slick */


/* ADAPT */

@media screen and (max-width: 1366px) {
    .conteiner-all {
        padding: 30px;
    }
    .title-row .name-rew h1 {
        font-size: 32px;
    }
    .title-row .name-rew {
        padding-bottom: 5px;
    }
    .text-named-style {
        font-size: 14px;
    }
    .res {
        font-size: 14px;
    }
    .title-row {
        padding-bottom: 15px;
    }
    .expert-row .texter p {
        font-size: 15px;
    }
    .expert-row .read-more {
        font-size: 14px;
    }
    .options-row .side-table {
        max-width: 50%;
    }
    .options-row .side-cars {
        max-width: 50%;
    }
    .options-row {
        padding-bottom: 15px;
    }
    .grouped-elements {
        padding: 15px 10px;
    }
    .grouped-elements .titled .named h2 {
        font-size: 18px;
    }
    .grouped-elements .titled .after-text {
        font-size: 14px;
        padding: 5px 0 0 45px;
    }
    .grouped-elements .titled .con {
        width: 40px;
        height: 40px;
    }
    .grouped-elements .titled .con svg {
        max-width: 100%;
        max-height: 100%;
    }
    .top-tabs ul li {
        font-size: 16px;
    }
    .grouped-elements .list-item h4 {
        font-size: 15px;
    }
    .grouped-elements .list-item .item {
        margin-bottom: 5px;
        padding-right: 10px;
    }
    .grouped-elements .row-percenter .percenter {
        margin-bottom: 15px;
    }
    .grouped-elements .row-percenter .text {
        font-size: 15px;
    }
    .texter-wrap h3 {
        font-size: 16px;
    }
    .texter-wrap .item .texter {
        font-size: 15px;
    }
    .texter-wrap {
        padding: 0 0 15px;
    }
}

@media screen and (max-width: 1280px) {
    .conteiner-all {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .conteiner-all {
        padding: 20px 15px;
    }
    .options-row .siders {
        display: block;
    }
    .options-row .side-cars,
    .options-row .side-table {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 0;
    }
    .options-row .bottom-list-slides {
        text-align: center;
    }
    .options-row .bottom-list-slides {
        padding: 5px 0 0;
    }
    .options-row .bottom-list-slides .con {
        margin: 0 5px 5px 0;
    }
    .expert-row .read-more {
        font-size: 14px;
        color: #EFB23E;
    }
    .expert-row .texter p {
        font-size: 14px;
        letter-spacing: 0.02em;
    }
    .title-row .infos .date,
    .title-row .infos .named {
        max-width: 50%;
        width: 100%;
    }
    .grouped-elements .list-item .item {
        width: 100%;
    }
    .grouped-elements .row-percenter {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .grouped-elements .row-percenter .info-hide {
        display: none;
    }
    .grouped-elements {
        padding: 10px 0;
    }
    .grouped-elements .titled .named h2 {
        font-size: 16px;
        font-weight: 400;
    }
    .texter-wrap .item {
        width: 100%;
    }
    .grouped-elements .titled .after-text {
        padding: 5px 0 0;
    }
    .grouped-elements .list-item {
        padding: 0 5px;
    }
    .top-tabs ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .top-tabs ul li {
        margin: 0 5px;
        font-size: 14px;
    }
    .top-tabs {
        padding: 15px 0 10px;
    }
    .grouped-elements .content {
        display: none;
    }
    .grouped-elements .titled .after-text {
        font-size: 12px;
        margin-left: 44px;
        padding: 3px 0 3px;
    }
    .grouped-elements .list-item .name,
    .grouped-elements .list-item .description {
        max-width: 100%;
    }
    .grouped-elements .titled {
        padding-bottom: 0;
    }
    .options-row .side-cars .label {
        right: 10px;
        top: 10px;
    }
    .conteiner-all.hideHR hr {
        height: 0;
        overflow: hidden;
        border: none;
    }
    .conteiner-all .hidden-go-back {
        display: block;
        font-weight: 500;
        line-height: normal;
        font-size: 15px;
        color: #EFB23E;
        /* padding: 15px 0; */
    }
    .conteiner-all .hidden-go-back .btn {
        position: fixed;
        bottom: 20px;
        z-index: 10;
        left: 20px;
        margin: 0;
        width: calc(100% - 40px);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: all ease .2s;
    }
    .hideHR .hidden-go-back .btn {
        bottom: 20px;
        z-index: 10;
        pointer-events: all;
        opacity: 1;
        visibility: visible;
    }
    .grouped-elements .content .conteiner-list {
        padding: 10px 0;
    }
    .grouped-elements .list-item .item {
        margin-bottom: 10px;
        padding: 0;
    }
    .single-pop {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 15px;
    }
    .single-pop .contein-top {
        padding-bottom: 15px;
    }
    .single-pop .named h3 {
        font-size: 16px;
    }
    .single-pop .content-part {
        padding: 0;
    }
    .single-pop .texter p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .single-pop .texter ul {
        margin: 15px 0;
        padding: 0 0 0 10px;
    }
    .options-row .bottom-list-slides {
        display: none;
    }
    .options-row .side-table {
        padding-top: 20px;
    }
    .texter-wrap .info-hide {
        display: none;
    }
    .construct-inside.construct-external {
        width: 280px;
        height: 373px;
    }

    .fancybox-slide .full-size-slider .top-slider {
        height: calc(100vh - 24px * 2 - 140px - 40px);
        margin: 0 0 60px;
    }

    .full-size-slider .swiper-button-prev, .full-size-slider .swiper-button-next {top:auto;bottom:135px;}

    .construct-inside.construct-external .pos1 {
        top: 35px;
        left: 135px;
    }
    .construct-inside.construct-external .pos2 {
        top: 52px;
        left: 102px;
    }
    .construct-inside.construct-external .pos3 {
        top: 52px;
        left: 166px;
    }
    .construct-inside.construct-external .pos4 {
        top: 93px;
        left: 135px;
    }
    .construct-inside.construct-external .pos5 {
        top: 107px;
        left: 68px;
    }
    .construct-inside.construct-external .pos6 {
        top: 107px;
        left: 198px;
    }
    .construct-inside.construct-external .pos7 {
        top: 141px;
        left: 135px;
    }
    .construct-inside.construct-external .pos8 {
        top: 158px;
        left: 54px;
    }
    .construct-inside.construct-external .pos9 {
        top: 159px;
        left: 215px;
    }
    .construct-inside.construct-external .pos10 {
        top: 175px;
        left: 35px;
    }
    .construct-inside.construct-external .pos11 {
        top: 175px;
        left: 231px;
    }
    .construct-inside.construct-external .pos12 {
        top: 168px;
        left: 81px;
    }
    .construct-inside.construct-external .pos13 {
        top: 168px;
        left: 185px;
    }
    .construct-inside.construct-external .pos14 {
        top: 197px;
        left: 135px;
    }
    .construct-inside.construct-external .pos15 {
        top: 205px;
        left: 60px;
    }
    .construct-inside.construct-external .pos16 {
        top: 205px;
        left: 212px;
    }
    .construct-inside.construct-external .pos17 {
        top: 208px;
        left: 82px;
    }
    .construct-inside.construct-external .pos18 {
        top: 208px;
        left: 184px;
    }
    .construct-inside.construct-external .pos19 {
        top: 252px;
        left: 64px;
    }
    .construct-inside.construct-external .pos20 {
        top: 252px;
        left: 200px;
    }
    .construct-inside.construct-external .pos21 {
        top: 251px;
        left: 135px;
    }
    .construct-inside.construct-external .pos22 {
        top: 275px;
        left: 135px;
    }
    .construct-inside.construct-external .pos23 {
        top: 297px;
        left: 107px;
    }
    .construct-inside.construct-external .pos24 {
        top: 297px;
        left: 165px;
    }
    .construct-inside.construct-external .pos25 {
        top: 324px;
        left: 135px;
    }
    .construct-inside.construct-power {
        width: 280px;
        height: 280px;
    }
    .construct-inside.construct-power .pos1 {
        top: 37px;
        left: 110px;
    }
    .construct-inside.construct-power .pos2 {
        top: 37px;
        left: 156px;
    }
    .construct-inside.construct-power .pos3 {
        top: 55px;
        left: 103px;
    }
    .construct-inside.construct-power .pos4 {
        top: 55px;
        left: 165px;
    }
    .construct-inside.construct-power .pos5 {
        top: 64px;
        left: 133px;
    }
    .construct-inside.construct-power .pos6 {
        top: 100px;
        left: 133px;
    }
    .construct-inside.construct-power .pos7 {
        top: 102px;
        left: 64px;
    }
    .construct-inside.construct-power .pos8 {
        top: 102px;
        left: 204px;
    }
    .construct-inside.construct-power .pos9 {
        top: 120px;
        left: 118px;
    }
    .construct-inside.construct-power .pos10 {
        top: 140px;
        left: 44px;
    }
    .construct-inside.construct-power .pos11 {
        top: 140px;
        left: 228px;
    }
    .construct-inside.construct-power .pos12 {
        top: 183px;
        left: 67px;
    }
    .construct-inside.construct-power .pos13 {
        top: 183px;
        left: 200px;
    }
    .construct-inside.construct-power .pos14 {
        top: 184px;
        left: 101px;
    }
    .construct-inside.construct-power .pos15 {
        top: 184px;
        left: 165px;
    }
    .construct-inside.construct-power .pos16 {
        top: 206px;
        left: 134px;
    }
    .construct-inside .hidden-pop {
        width: 240px;
    }
    .title-row .name-rew .btn {
        margin: 0 5px;
    }
    .fancybox-slide .full-size-slider .nav-slider {
        padding: 0 30px;
    }
    .fancybox-slide .full-size-slider .top-slider .slick-prev,
    .fancybox-slide .full-size-slider .top-slider .slick-next {
        top: calc(100% + 72px);
    }
    .fancybox-slide .full-size-slider .top-slider .slick-prev {
        left: 0;
    }
    .fancybox-slide .full-size-slider .top-slider .slick-next {
        right: 0;
    }
    .fancybox-slide .full-size-slider .nav-slider .con {
        padding: 0;
    }
    .fancybox-slide .full-size-slider .nav-slider .con:before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}


/* ADAPT */


/* Print Styles */

@media print {
    .print-hide {
        display: none !important;
    }
    .grouped-elements .list-item {
        width: 100%;
        display: block;
    }
    .grouped-elements .list-item .item {
        width: 48%;
        padding-right: 10px;
        display: inline-block;
        vertical-align: top;
    }
    .grouped-elements .titled .named {
        padding-left: 0;
    }
    .top-tabs {
        padding: 0 0 25px;
    }
    .grouped-elements .list-item .name,
    .grouped-elements .list-item .description {
        max-width: 100%;
        width: 100%;
    }
    .grouped-elements .titled .after-text {
        padding-left: 0;
    }
    .grouped-elements .list-item .name {
        display: table;
    }
    .grouped-elements .list-item .con {
        width: 30px;
        height: 20px;
        min-width: 30px;
        margin: 0;
        background-position: center top;
        display: table-cell;
    }
    .grouped-elements .list-item h4 {
        max-width: 100%;
        width: 100%;
        display: table-cell;
        padding-left: 10px;
    }
    .texter-wrap .item {
        width: 50%;
        padding-right: 10px;
    }
    .texter-wrap .item .texter {
        max-width: 100%;
        width: 100%;
        display: table;
        padding-left: 15px;
    }
    [data-anchor="final"],
    [data-anchor="body"] .content,
    [data-anchor="engine"],
    [data-anchor="diagnostic"],
    [data-anchor="electrick"],
    [data-anchor="legal"] {
        page-break-inside: avoid;
    }
    h1:before,
    h2:before,
    h3:before,
    h4:before,
    h5:before,
    h6:before,
    .h1:before,
    .h2:before,
    .h3:before,
    .h4:before,
    .h5:before,
    .h6:before {
        display: none;
    }
    h1:after,
    h2:after,
    h3:after,
    h4:after,
    h5:after,
    h6:after,
    .h1:after,
    .h2:after,
    .h3:after,
    .h4:after,
    .h5:after,
    .h6:after {
        display: none;
    }
    .texter-wrap {
        page-break-inside: avoid;
    }
    .conteiner-all {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }
    .construct-inside {
        margin: 0 auto;
    }
    .slider-images {
        display: flex;
        flex-direction: column;
    }
    .slider-images img {
        display: block;
        margin: 0 auto 30px;
        max-width: 100%;
    }
    .slider-images a {
        margin-bottom: 10px;
        display: inline-block;
        font-size: 13px;
    }
    .slider-images a:last-child {
        margin-bottom: 40px;
    }
    .construct-inside .pos {
        z-index: 2;
    }
    .construct-inside.construct-power img,
    .construct-inside.construct-external img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .titled .con:before {
        display: none !important;
    }
}
@media screen and (max-width: 767px){
    .fancybox-slide .full-size-slider .top-slider .gallary_popup_img{
        height:100vh;
    }

    .fancybox-slide .full-size-slider .top-slider .gallary_popup_img_holder{
        height:100vh;
        display: flex;
        align-items: center;
    }
    .fancybox-slide .full-size-slider .top-slider .gallary_popup_img_holder img{
        height: 100vh;
        object-fit: contain;
    }
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23EFB23E'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23EFB23E'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}