@charset "UTF-8";

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

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

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

body {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  font-family: reg;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  min-width: 320px;
}

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(35, 35, 35, 0.3);
  border-radius: 40px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(35, 35, 35, 0.5);
}

.container {
  padding: 0 6.25%;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 600px) {
  .container {
    padding: 0 5.2%;
  }
}

@media (min-width: 1200px) {
  .container {
    padding: 0 1.6666667%;
  }
}

@media (max-width: 1719px) {
  .container {
    max-width: 1600px;
  }
}

@media (max-width: 1719px) and (min-width: 1640px) {
  .container {
    padding: 0;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1800px;
  }
}

@media (min-width: 1840px) {
  .container {
    padding: 0;
  }
}

html {
  font-size: 12px;
}

@media (min-width: 400px) {
  html {
    font-size: 13.2px;
  }
}

@media (min-width: 600px) {
  html {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 1vw;
  }
}

@media (min-width: 1400px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 1800px) {
  html {
    font-size: 18px;
  }
}

button,
.button {
  border: none;
  cursor: pointer;
  font-family: "reg";
  background: none;
  padding: 0;
  display: inline-block;
}

*:focus {
  outline: none;
}

a {
  text-decoration: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  padding: 0;
  border-radius: 0;
  font-family: reg;
}

input::-webkit-input-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

input::-moz-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

input:-moz-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

input:-ms-input-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

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

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: reg;
  display: block;
  background-color: transparent;
  box-sizing: border-box;
  resize: none;
  border: none;
  padding: 0;
}

textarea::-webkit-input-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

textarea::-moz-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

textarea:-moz-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

textarea:-ms-input-placeholder {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  opacity: 0.3;
}

@media screen and (device-aspect-ratio: 2/3) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=datetime],
  input[type=datetime-local],
  input[type=date],
  input[type=month],
  input[type=time],
  input[type=week],
  input[type=number],
  input[type=email],
  input[type=url] {
    font-size: 16px;
  }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */

@media screen and (device-aspect-ratio: 40/71) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=datetime],
  input[type=datetime-local],
  input[type=date],
  input[type=month],
  input[type=time],
  input[type=week],
  input[type=number],
  input[type=email],
  input[type=url] {
    font-size: 16px;
  }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */

@media screen and (device-aspect-ratio: 375/667) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=datetime],
  input[type=datetime-local],
  input[type=date],
  input[type=month],
  input[type=time],
  input[type=week],
  input[type=number],
  input[type=email],
  input[type=url] {
    font-size: 16px;
  }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */

@media screen and (device-aspect-ratio: 9/16) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=datetime],
  input[type=datetime-local],
  input[type=date],
  input[type=month],
  input[type=time],
  input[type=week],
  input[type=number],
  input[type=email],
  input[type=url] {
    font-size: 16px;
  }
}

p {
  font-size: 14px;
  line-height: 18px;
}

p.small {
  font-size: 12px;
  line-height: 16px;
}

@media (max-width: 599px) {
  p.medium {
    font-size: 16px;
    line-height: 20px;
  }
}

p.big {
  font-size: 24px;
  line-height: 24px;
  margin: 30px 0;
}

p.one-size-14 {
  font-size: 14px;
  line-height: 18px;
}

p.one-size-12 {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 600px) {
  p {
    font-size: 16px;
    line-height: 20px;
  }

  p.small {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1200px) {
  p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  p.small {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  p.one-size-14 {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  p.one-size-12 {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  p.big {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 2.5rem 0;
  }
}

.text {
  color: #232323;
}

.text h1,
.text .h1 {
  font-size: 21px;
  line-height: 27px;
  font-family: bold;
}

.text h2,
.text .h2 {
  margin: 30px 0 20px;
  font-family: bold;
  font-size: 21px;
  line-height: 27px;
}

.text h3,
.text .h3 {
  font-size: 16px;
  line-height: 22px;
  font-family: bold;
  margin: 30px 0 15px;
}

.text a.h3 {
  color: #232323;
  display: block;
  margin: 30px 0 20px;
}

.text a span {
  color: #0D0F5A;
}

.text a b {
  color: #E18D4F;
}

.text h4,
.text .h4 {
  font-size: 16px;
  line-height: 22px;
  font-family: bold;
  margin: 20px 0;
}

.text h5,
.text .h5 {
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  font-family: bold;
  margin: 30px 0 15px;
}

.text p {
  margin: 20px 0;
}

.text p.red {
  color: #F02038;
}

.text p + .text__buttons {
  margin-top: -16px;
}

.text a:not([class]) {
  line-height: 18px;
}

.text a:not([class]) span {
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
}

.text--contact a {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  color: inherit;
}

.text--contact a + p {
  margin-top: 10px;
}

.text--contact p {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}

.text--contact p + p.small {
  margin-top: 3px;
}

.text--contact p.small {
  font-size: 12px;
  line-height: 16px;
  color: #C9C9C9;
}

.text--contact p.small + p.small {
  margin-top: 10px;
}

@media (min-width: 600px) {
  .text h1,
  .text .h1 {
    font-size: 36px;
    line-height: 36px;
    margin: 30px 0;
  }

  .text h2,
  .text .h2 {
    font-size: 30px;
    line-height: 33px;
  }

  .text h3,
  .text .h3 {
    font-size: 21px;
    line-height: 27px;
  }

  .text a.h3 {
    margin: 40px 0 20px;
  }

  .text--contact p.small + p.small {
    margin-top: 18px;
  }
}

@media (min-width: 1200px) {
  .text p {
    margin: 1.6666666667rem 0;
  }

  .text p + .text__buttons {
    margin-top: -1.3333333333rem;
  }

  .text h1,
  .text .h1 {
    font-size: 3rem;
    line-height: 3rem;
    margin: 1.9166666667rem 0;
  }

  .text h2,
  .text .h2 {
    margin: 2.5rem 0 1.6666666667rem;
    font-size: 2.5rem;
    line-height: 2.75rem;
  }

  .text h3,
  .text .h3 {
    font-size: 1.75rem;
    line-height: 2rem;
    margin: 1.6666666667rem 0;
  }

  .text a:not([class]) {
    line-height: 1.8333333333rem;
  }

  .text a {
    font-size: 1.3333333333rem;
  }

  .text a.h3 {
    margin: 4.1666666667rem 0 2.5rem;
  }

  .text--contact a {
    font-size: 2rem;
    line-height: 2rem;
  }

  .text--contact a + p {
    margin-top: 0.8333333333rem;
  }

  .text--contact p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .text--contact p + p.small {
    margin-top: 0.25rem;
  }

  .text--contact p.small {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .text--contact p.small + p.small {
    margin-top: 1.5rem;
  }
}

.relative {
  position: relative;
}

.text {
  color: #232323;
}

.text img {
  max-width: 100%;
}

.text--white {
  color: #fff;
}

.text--gray {
  color: #C9C9C9;
}

.text b {
  font-family: bold;
}

.text h4,
.text .h4 {
  font-size: 16px;
  line-height: 22px;
  font-family: bold;
  margin: 20px 0;
}

.text h5,
.text .h5 {
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  font-family: bold;
  margin: 30px 0 15px;
}

.text ul:not([class]) li {
  font-size: 14px;
  line-height: 18px;
  padding-left: 13px;
  position: relative;
}

.text ul:not([class]) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7.02px;
  height: 3px;
  background-color: #FBB143;
  transform: rotate(30deg);
}

.text ul:not([class]) li + li {
  margin-top: 10px;
}

.text ul:not([class]) li > blockquote {
  margin-top: 10px;
}

.text ul:not([class]) li p {
  font-size: 14px;
  line-height: 18px;
}

.text ul.bullets-3 {
  margin: 30px 0;
}

.text ul.bullets-3 li {
  position: relative;
  padding-left: 17.75%;
  box-sizing: border-box;
}

.text ul.bullets-3 li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 12.5%;
}

.text ul.bullets-3 li h3 {
  margin: 0 0 5px 0;
}

.text ul.bullets-3 li p {
  margin: 0;
}

.text ul.bullets-3 li + li {
  margin-top: 20px;
}

.text ul.numbers-3 {
  margin: 30px 0 40px;
}

.text ul.numbers-3 li {
  position: relative;
  padding-left: 53px;
  box-sizing: border-box;
}

.text ul.numbers-3 li + li {
  margin-top: 25px;
}

.text ul.numbers-3 span {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #0D0F5A;
  font-size: 16px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.text ul.numbers-3 span + p {
  margin-top: 0;
}

.text ul.numbers-3 p {
  margin: 10px 0;
}

.text ul.texts-3 {
  margin: 20px 0 40px;
}

.text ul.texts-3 li + li {
  margin-top: 30px;
}

.text ul.texts-3 h3 {
  margin: 10px 0;
}

.text ul.texts-3 p {
  margin: 10px 0;
  color: rgba(201, 201, 201, 0.7);
}

.text ul.texts-3 span {
  margin: 5px 0;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  display: block;
}

.text ul.texts-3 blockquote p {
  color: #232323;
}

.text ul.bullets-2 {
  margin: 30px 0 40px;
}

.text ul.bullets-2 img {
  height: 45px;
  display: inline-block;
  vertical-align: middle;
}

.text ul.bullets-2 p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-left: 20px;
  width: 180px;
}

.text ul.bullets-2 li + li {
  margin-top: 35px;
}

.text ul.cards-3 {
  margin: 30px 0 40px;
}

.text ul.cards-3 li {
  position: relative;
  height: 80px;
  border: 1px solid #F4F4F4;
  box-sizing: border-box;
  width: 280px;
}

.text ul.cards-3 li + li {
  margin-top: 10px;
}

.text ul.cards-3 img {
  max-height: 45px;
  max-width: 80px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
}

.text ul.cards-3 p {
  width: 160px;
  position: absolute;
  left: 110px;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}

.text ul.like-table li span {
  display: block;
}

.text ul.like-table li span h5 {
  margin: 0;
}

.text ul.like-table li span:first-child {
  margin-bottom: 20px;
  padding-right: 40px;
  box-sizing: border-box;
}

.text ul.like-table li span:last-child p {
  margin: 15px 0;
}

.text ul.like-table li span:last-child.inline p {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}

.text ul.like-table li + li {
  margin-top: 35px;
}

.text ol {
  counter-reset: myCounter;
  margin: 15px 0 50px;
}

.text ol.offset-left {
  padding-left: 22px;
}

.text ol > li {
  line-height: 18px;
  margin-left: 10px;
  padding-left: 17px;
  position: relative;
  box-sizing: border-box;
}

.text ol > li:before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  position: absolute;
  left: 0;
  top: 0;
}

.text ol > li > p {
  margin: 8px 0;
}

.text ol > li ul {
  margin-top: 10px;
}

.text ol > li + li {
  margin-top: 15px;
}

.text ol > li > blockquote {
  margin-top: 10px;
}

.text ol > li div {
  width: 100%;
}

.text i.nowrap {
  display: inline-block;
}

.text > *:first-child {
  margin-top: 0 !important;
}

.text > *:last-child {
  margin-bottom: 0 !important;
}

.text table {
  width: 100%;
}

.text__table {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 6.7%;
  margin: 50px -6.7% 40px;
  position: relative;
}

.text__table::before {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  background-color: #000;
}

.text__blockquote-container {
  padding-right: 5.2%;
  max-width: 500px;
}

.text th {
  text-align: left;
  color: #C9C9C9;
  padding-right: 20px;
}

.text th p {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}

.text tr {
  border-bottom: 1px solid #F8F8F8;
}

.text tr.border-none {
  border: none;
}

.text td {
  max-width: 280px;
  box-sizing: border-box;
  min-width: 280px;
  padding: 20px 0;
  padding-right: 20px;
}

.text td.top {
  vertical-align: top;
}

.text td.bottom {
  vertical-align: bottom;
}

.text td.middle {
  vertical-align: middle;
}

.text td.clear-width-font {
  min-width: auto !important;
}

.text td.clear-width-font p {
  font-family: reg !important;
}

.text td p {
  margin: 0;
}

.text td p + p {
  margin-top: 10px;
}

.text td[colspan="2"] {
  padding-right: 20px;
  box-sizing: border-box;
}

.text td:nth-child(1) {
  min-width: 220px;
  padding-right: 17px;
}

.text td:nth-child(1) p {
  font-family: bold;
  font-size: 14px;
  line-height: 20px;
}

.text td:nth-child(1) p.text-regular {
  font-family: reg;
}

.text__blog {
  margin: 20px -6.7% 50px;
  padding: 0 6.7%;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
}

.text__article {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 270px;
}

.text__article + .text__article {
  margin-left: 20px;
}

.text__image {
  margin: 30px 0 20px;
}

.text__image img {
  width: 100%;
}

.text__image p {
  font-size: 12px;
  line-height: 14px;
  color: #C9C9C9;
  margin: 10px 0 0;
}

.text blockquote {
  background-color: rgba(9, 162, 241, 0.04);
  padding: 15px;
  box-sizing: border-box;
  margin: 30px 0;
  font-size: 14px;
  line-height: 18px;
}

.text blockquote.grey {
  padding: 30px 25px;
  background-color: #FAFAFA;
  box-sizing: border-box;
}

.text blockquote strong {
  font-size: 14px;
  line-height: 18px;
  opacity: 0.8;
  margin-bottom: 18px;
}

.text blockquote p {
  margin: 15px 0;
}

.text .link-cards {
  max-width: 320px;
}

.text .link-cards a {
  display: block;
  background-color: #F7F8FA;
  padding: 23px 30px 23px 20px;
  box-sizing: border-box;
  min-height: 90px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  display: block;
  font-family: bold;
}

.text .link-cards a span {
  color: #232323;
}

.text .link-cards a + a {
  margin-top: 10px;
}

.text__button {
  margin-right: 12px;
}

.text__button span {
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px dashed;
}

.text__button--red span {
  color: #EC5C52;
  border-color: rgba(236, 92, 82, 0.5);
}

.text__button--orange span {
  color: #E18D4F;
  border-color: rgba(225, 141, 79, 0.5);
}

@media (min-width: 600px) {
  .text ul:not([class]) {
    padding-left: 20px;
  }

  .text ul:not([class]) p {
    font-size: 16px;
    line-height: 20px;
  }

  .text ul:not([class]) li {
    padding-left: 13px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
  }

  .text ul:not([class]) li + li {
    margin-top: 8px;
  }

  .text ul.bullets-3 {
    margin: 50px 0;
    font-size: 0;
  }

  .text ul.bullets-3 li {
    padding-left: 0;
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top;
    padding-right: 5%;
    box-sizing: border-box;
  }

  .text ul.bullets-3 li img {
    position: static;
    height: 50px;
    width: auto;
  }

  .text ul.bullets-3 li h3 {
    margin: 10px 0 5px;
  }

  .text ul.bullets-3 li + li {
    margin-top: 0;
  }

  .text ul.numbers-3 {
    margin: 40px 0 50px;
    font-size: 0;
  }

  .text ul.numbers-3 li {
    white-space: normal;
    padding-left: 0;
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    padding-right: 2%;
    max-width: 220px;
  }

  .text ul.numbers-3 li + li {
    margin-top: 0;
  }

  .text ul.numbers-3 span {
    margin-bottom: 10px;
    position: static;
    top: auto;
    left: auto;
  }

  .text ul.texts-3 {
    margin: 30px 0 60px;
  }

  .text ul.texts-3 li + li {
    margin-top: 35px;
  }

  .text ul.texts-3 h3 {
    margin: 5px 0;
  }

  .text ul.texts-3 p {
    margin: 5px 0 10px;
  }

  .text ul.bullets-2 {
    margin: 30px 0 10px;
    max-width: 600px;
  }

  .text ul.bullets-2 img {
    display: block;
    margin-bottom: 15px;
  }

  .text ul.bullets-2 p {
    display: block;
    margin: 0;
  }

  .text ul.bullets-2 li {
    margin-right: 80px;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
  }

  .text ul.bullets-2 li + li {
    margin-top: 0;
  }

  .text ul.cards-3 {
    margin: 40px 0 50px;
  }

  .text ul.cards-3 li {
    height: 160px;
    width: 160px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
  }

  .text ul.cards-3 li + li {
    margin-top: 0;
  }

  .text ul.cards-3 img {
    max-height: 75px;
    max-width: 100px;
    position: static;
    left: auto;
    top: auto;
    transform: none;
  }

  .text ul.cards-3 p {
    width: 128px;
    left: 10px;
    top: auto;
    transform: none;
    bottom: 10px;
  }

  .text ul.like-table {
    margin: 40px 0;
  }

  .text ul.like-table li span:last-child p {
    margin: 18px 0;
  }

  .text ul.like-table li span:last-child p:first-child {
    margin-top: 0;
  }

  .text ul.like-table li span:last-child p:last-child {
    margin-bottom: 0;
  }

  .text ul.like-table li span:last-child.inline p {
    margin: 0;
  }

  .text ul.like-table li span:last-child.inline p + p {
    margin-left: 30px;
  }

  .text ul.like-table li + li {
    margin-top: 35px;
  }

  .text__table {
    padding: 0 5.8%;
    margin: 0 0 0 -5.8%;
  }

  .text__blockquote-container {
    max-width: none;
  }

  .text__blockquote-container blockquote {
    width: 83.333333%;
  }

  .text ol.offset-left > li {
    padding-left: 25px;
  }

  .text ol > li {
    font-size: 16px;
    line-height: 20px;
  }

  .text ol > li:before {
    font-size: 16px;
    line-height: 20px;
  }

  .text ol > li ul:not([class]) {
    margin-top: 20px;
    padding-left: 0;
    padding-bottom: 10px;
  }

  .text th {
    padding-bottom: 10px;
  }

  .text td {
    width: 305px;
    max-width: 305px;
    padding-right: 40px;
  }

  .text td[colspan="2"] {
    width: 610px;
    max-width: 610px;
    padding-right: 40px;
  }

  .text td:nth-child(1) {
    min-width: 280px;
    padding-right: 40px;
  }

  .text td:nth-child(1) p {
    font-size: 16px;
    line-height: 22px;
  }

  .text__blog {
    margin: 30px -5.8% 45px;
    padding: 0 5.8%;
  }

  .text blockquote {
    padding: 20px 45px 40px 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .text blockquote p {
    margin: 20px 0;
  }

  .text blockquote strong {
    font-size: 14px;
    line-height: 18px;
    opacity: 0.8;
    margin-bottom: 18px;
  }

  .text__button {
    margin-right: 16px;
  }

  .text__button span {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .text ul.bullets-2 p {
    display: block;
    margin: 0;
    width: 210px;
  }

  .text ul.cards-3 {
    margin-right: -10px;
  }

  .text ul.cards-3 li {
    height: 220px;
    width: 220px;
    padding: 20px;
  }

  .text ul.cards-3 p {
    width: 176px;
    left: 20px;
    bottom: 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .text blockquote.grey {
    padding: 43px 45px;
  }

  .text .link-cards {
    max-width: 690px;
  }

  .text .link-cards a {
    margin-bottom: 10px;
    margin-right: 10px;
    width: 45.5%;
    display: inline-block;
    vertical-align: top;
  }

  .text .link-cards a + a {
    margin-top: 0;
  }
}

@media (min-width: 980px) {
  .text__blog {
    margin: 30px 0 45px;
    padding: 0;
    -webkit-overflow-scrolling: auto;
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .text h4,
  .text .h4 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin: 1.6666666667rem 0;
  }

  .text h5,
  .text .h5 {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
    margin: 2.5rem 0 1.25rem;
  }

  .text ul:not([class]) li {
    padding-left: 1.0833333333rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .text ul:not([class]) li::before {
    top: 0.5833333333rem;
    width: 0.585rem;
    height: 0.25rem;
  }

  .text ul:not([class]) li p {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .text ul:not([class]) li + li {
    margin-top: 0.6666666667rem;
  }

  .text ul:not([class]) li > blockquote:not([class]) {
    margin-top: 0.8333333333rem;
  }

  .text ul.bullets-3 {
    margin: 4.1666666667rem 0;
  }

  .text ul.bullets-3 li {
    padding-right: 2.3333333333%;
  }

  .text ul.bullets-3 li img {
    height: 4.1666666667rem;
  }

  .text ul.bullets-3 li h3 {
    margin: 0.8333333333rem 0 0.4166666667rem;
  }

  .text ul.numbers-3 {
    margin: 2.9166666667rem 0 4.1666666667rem;
    white-space: nowrap;
  }

  .text ul.numbers-3 li {
    padding-right: 0;
    max-width: 18.3333333333rem;
  }

  .text ul.numbers-3 li + li {
    margin-left: 1.6666666667rem;
  }

  .text ul.numbers-3 span {
    margin-bottom: 0.8333333333rem;
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    line-height: 3.3333333333rem;
    font-size: 1.3333333333rem;
  }

  .text ul.numbers-3 p {
    margin: 0.8333333333rem 0;
  }

  .text ul.texts-3 {
    margin: 2.5rem 0 5rem;
    white-space: nowrap;
  }

  .text ul.texts-3 li {
    width: 21.6666666667rem;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
  }

  .text ul.texts-3 li + li {
    margin-top: 0;
    margin-left: 4.1666666667rem;
  }

  .text ul.texts-3 h3 {
    margin: 0.4166666667rem 0;
  }

  .text ul.texts-3 p {
    margin: 0.4166666667rem 0 0.5833333333rem;
  }

  .text ul.texts-3 span {
    margin: 0.5833333333rem 0 0.25rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .text ul.bullets-2 {
    margin: 2.5rem 0 1.6666666667rem;
    max-width: 50rem;
  }

  .text ul.bullets-2 img {
    margin-bottom: 1.25rem;
    height: 3.75rem;
  }

  .text ul.bullets-2 li {
    margin-right: 6.6666666667rem;
    margin-bottom: 3.3333333333rem;
  }

  .text ul.bullets-2 p {
    width: 17.5rem;
  }

  .text ul.cards-3 {
    margin: 3.3333333333rem 0;
    margin-right: -1.6666666667rem;
  }

  .text ul.cards-3 li {
    height: 15rem;
    width: 18.3333333333rem;
    margin-bottom: 1.6666666667rem;
    margin-right: 1.6666666667rem;
    padding: 1.6666666667rem;
  }

  .text ul.cards-3 img {
    max-height: 5.4166666667rem;
    max-width: 8.3333333333rem;
  }

  .text ul.cards-3 p {
    width: 14.6666666667rem;
    left: 1.6666666667rem;
    bottom: 1.25rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .text ul.like-table {
    margin: 5rem 0;
  }

  .text ul.like-table li {
    width: 100%;
  }

  .text ul.like-table li span {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
  }

  .text ul.like-table li span:first-child {
    margin-bottom: 0;
    padding-right: 8%;
    width: 33.3333333333%;
  }

  .text ul.like-table li span:last-child {
    width: 66.6666666667%;
  }

  .text ul.like-table li span:last-child.inline p + p {
    margin-left: 2.5rem;
  }

  .text ul.like-table li span:last-child p {
    margin: 1.5rem 0;
  }

  .text ul.like-table li span:last-child p:first-child {
    margin-top: 0;
  }

  .text ul.like-table li span:last-child p:last-child {
    margin-bottom: 0;
  }

  .text ul.like-table li + li {
    margin-top: 4.5833333333rem;
  }

  .text *:first-child {
    margin-top: 0;
  }

  .text *:last-child {
    margin-bottom: 0;
  }

  .text__table {
    padding: 0;
    margin: 0;
    overflow: visible;
    -webkit-overflow-scrolling: auto;
  }

  .text th {
    padding-bottom: 0.8333333333rem;
    padding-right: 3.3333333333rem;
  }

  .text th p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .text td {
    width: 25.4166666667rem;
    max-width: 25.4166666667rem;
    padding: 1.6666666667rem 0;
    padding-right: 3.3333333333rem;
  }

  .text td[colspan="2"] {
    width: 50.8333333333rem;
    max-width: 50.8333333333rem;
    padding-right: 3.3333333333rem;
  }

  .text td:nth-child(1) {
    min-width: 12.5rem;
    padding-right: 3.3333333333rem;
  }

  .text td:nth-child(1) p {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
  }

  .text ol {
    margin: 1.25rem 0 4.1666666667rem;
  }

  .text ol.offset-left > li {
    padding-left: 2.25rem;
  }

  .text ol > li {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    padding-left: 1.5rem;
  }

  .text ol > li:before {
    font-size: 1.3333333333rem;
    line-height: 1.5833333333rem;
    top: 0.0416666667rem;
  }

  .text ol > li > p {
    margin: 0.6666666667rem 0;
  }

  .text ol > li ul {
    margin-top: 1.6666666667rem;
    padding-bottom: 0.8333333333rem;
  }

  .text ol > li + li {
    margin-top: 1.25rem;
  }

  .text ol > blockquote:not([class]) {
    margin-top: 0.8333333333rem;
  }

  .text__blog {
    margin: 3.3333333333rem 0 5rem;
  }

  .text__article {
    width: 22.5rem;
  }

  .text__article + .text__article {
    margin-left: 2.5rem;
  }

  .text__image {
    margin: 1.6666666667rem 0 2.5rem;
  }

  .text__image p {
    font-size: 1rem;
    line-height: 1.1666666667rem;
    margin: 0.8333333333rem 0 0;
  }

  .text blockquote {
    padding: 1.6666666667rem 3.75rem 3.3333333333rem 1.6666666667rem;
    margin: 2.5rem 0;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .text blockquote.grey {
    padding: 1.25rem;
    width: 24.1666666667rem;
    box-sizing: border-box;
  }

  .text blockquote.absolute {
    position: absolute;
    top: 0;
    left: 110%;
    margin-top: 0;
  }

  .text blockquote strong {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .text blockquote p {
    margin: 1.6666666667rem 0;
  }

  .text__button {
    margin-right: 1.3333333333rem;
  }

  .text__button span {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .text .link-cards {
    max-width: none;
    min-width: 75rem;
  }

  .text .link-cards a {
    background-color: #fff;
    padding: 1.25rem 2.5rem 1.25rem 1.25rem;
    min-height: 9.5833333333rem;
    border: 1px solid #F7F8FA;
    overflow: hidden;
    transition: 0.3s ease;
    margin-bottom: 0.8333333333rem;
    margin-right: 0.8333333333rem;
    width: 20.68%;
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
    position: relative;
    min-width: 17.5rem;
  }

  .text .link-cards a::before {
    content: "Узнать больше";
    position: absolute;
    left: 1.25rem;
    bottom: 0.8333333333rem;
    transform: translate(-120%, 0);
    font-family: reg;
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
    white-space: nowrap;
    display: block;
  }

  .text .link-cards a::after {
    content: "";
    bottom: 1.0833333333rem;
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    transform: rotate(45deg);
    border-right: 1px solid #FBB143;
    border-top: 1px solid #FBB143;
    position: absolute;
    left: 1.0833333333rem;
  }
}

.popup-standart {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  z-index: 20;
  background-color: rgba(87, 87, 87, 0.6);
  pointer-events: none;
  opacity: 0;
}

.popup-steps {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 11;
  box-sizing: border-box;
}

.popup-steps .form-steps__step.active {
  pointer-events: none;
}

.popup-steps--static {
  position: static;
  opacity: 1;
  pointer-events: all;
  min-height: 100vh;
  overflow: auto;
  height: auto;
}

.popup-info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background-color: #F7F8FA;
  box-sizing: border-box;
}

.popup-info::before {
  content: "";
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-color: #F7F8FA;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: -1;
}

.popup-referal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fafbfc;
  z-index: 10;
  box-sizing: border-box;
  padding-top: 30px;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
}

.popup-information {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
}

.popup-information.active {
  opacity: 1;
  pointer-events: all;
}

@media (min-width: 1200px) {
  .tooltip-container {
    position: relative;
    display: inline-block;
    max-width: 100%;
  }

  .tooltip-container + .tooltip-container {
    z-index: 1;
  }

  .tooltip-container > a {
    position: relative;
    z-index: 1;
  }
}

.dropdown {
  font-size: 0;
  position: relative;
}

.dropdown__title {
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  padding: 8px 0;
  position: relative;
  display: inline-block;
  width: 210px;
}

.dropdown__title span {
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.dropdown__toggle {
  width: 44px;
  height: 44px;
  display: inline-block;
  transform: translate(-22px, -5px);
  position: absolute;
  left: 100%;
}

.dropdown__toggle::before {
  position: absolute;
  content: "";
  font-size: 8px;
  color: #232323;
  font-family: icon;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.dropdown__item {
  font-size: 14px;
  line-height: 18px;
  display: block;
  transform: translate(0, -10px);
  opacity: 0;
  padding: 6px 0;
}

.dropdown__item span {
  color: rgba(35, 35, 35, 0.7);
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.dropdown__list {
  max-height: 0;
  overflow: hidden;
  padding-bottom: 1px;
}

.dropdown.open .dropdown__toggle::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.dropdown.open .dropdown__item {
  opacity: 1;
  transform: translate(0, 0);
}

@media (min-width: 1200px) {
  .dropdown__title {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding: 0;
    width: 17.5rem;
    margin-bottom: 1rem;
  }

  .dropdown__toggle {
    width: 3.6666666667rem;
    height: 3.6666666667rem;
    transform: translate(-1.8333333333rem, -1.0833333333rem);
  }

  .dropdown__toggle::before {
    font-size: 0.6666666667rem;
  }

  .dropdown__item {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding: 0;
  }

  .dropdown__item span {
    color: rgba(35, 35, 35, 0.8);
  }

  .dropdown__item + .dropdown__item {
    margin-top: 1rem;
  }
}

.link-document {
  display: block;
  position: relative;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  background-color: #fff;
  padding: 12px 56px 12px 32px;
}

.link-document__value {
  color: #1A1EA9;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.link-document__value::before {
  content: "";
  font-family: icon;
  font-size: 16px;
  color: #1A1EA9;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 4px;
}

.link-document__value span {
  border-bottom: 1px solid rgba(26, 30, 169, 0.2);
}

.link-document__checkbox {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #eaeaea;
  border-radius: 2px;
}

.link-document__checkbox::before {
  content: "";
  font-family: icon;
  font-size: 10px;
  color: #575757;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 600px) {
  .link-document {
    min-height: 96px;
    padding: 36px 64px 36px 56px;
    max-width: 600px;
  }

  .link-document__value {
    font-size: 16px;
    line-height: 24px;
  }

  .link-document__value::before {
    font-size: 24px;
    margin-right: 8px;
  }

  .link-document__checkbox {
    width: 25px;
    height: 25px;
    right: 24px;
  }

  .link-document__checkbox::before {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .link-document {
    min-height: 8rem;
    padding: 3rem 5.3333333333rem 3rem 4.6666666667rem;
    max-width: 50rem;
  }

  .link-document__value {
    font-size: 1.3333333333rem;
    line-height: 2rem;
  }

  .link-document__value::before {
    font-size: 2rem;
    margin-right: 0.6666666667rem;
  }

  .link-document__checkbox {
    width: 2.0833333333rem;
    height: 2.0833333333rem;
    right: 2rem;
    border-radius: 0.1666666667rem;
  }

  .link-document__checkbox::before {
    font-size: 1rem;
  }
}

.range-picker {
  padding: 1rem 1.6666666667rem 1.6666666667rem 1.3333333333rem;
  background-color: #fff;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  min-width: 19.6666666667rem;
  box-sizing: border-box;
}

.range-picker__input {
  display: inline-block;
  vertical-align: top;
}

.range-picker__input p {
  font-size: 1.1666666667rem;
  line-height: 1.3333333333rem;
  color: #232323;
  margin-bottom: 0.6666666667rem;
}

.range-picker__input input {
  height: 2.9166666667rem;
  width: 7.8333333333rem;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  padding-left: 0.8333333333rem;
  font-size: 1.3333333333rem;
}

.range-picker__input + .range-picker__input {
  margin-left: 1rem;
}

.range-picker__inputs {
  margin-bottom: 1rem;
}

.tabs {
  margin: 0 -7%;
  padding: 0 7%;
  white-space: nowrap;
}

@media (max-width: 999px) {
  .tabs {
    overflow: scroll;
  }
}

.tabs--head {
  margin-bottom: 20px;
}

.tabs__item {
  display: inline-block;
  position: relative;
  padding: 8px 12px;
  box-sizing: border-box;
  vertical-align: middle;
}

.tabs__item.active {
  background-color: #FBB143;
  pointer-events: none;
  box-shadow: 0px 4px 6px rgba(251, 177, 67, 0.4);
}

.tabs__item.active .tabs__counter {
  opacity: 0 !important;
  pointer-events: none;
  margin-left: 0 !important;
  width: 0 !important;
}

.tabs__item.active > span {
  color: #232323;
}

.tabs__item > span {
  color: #575757;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.tabs__wrapper {
  border: 1px solid #FBB143;
  border-radius: 2px;
  display: inline-block;
}

.tabs__counter {
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 600px) {
  .tabs {
    margin-left: -5.9%;
    margin-right: -5.9%;
    padding: 0 5.9%;
  }
}

@media (min-width: 1200px) {
  .tabs {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .tabs--head {
    margin-bottom: 1.6666666667rem;
  }

  .tabs__item {
    padding: 0.5833333333rem 1rem;
  }

  .tabs__item > span {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .tabs__counter {
    margin-left: 0.3333333333rem;
  }
}

.medium-field {
  border: 1px solid #eaeaea;
  background-color: #fff;
  border-radius: 2px;
}

.medium-field .medium-editor-element {
  min-height: 100px;
  padding: 20px;
}

@media (min-width: 1200px) {
  .medium-field .medium-editor-element {
    min-height: 8.3333333333rem;
    padding: 1.6666666667rem;
  }
}

.loading-bar {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  background-color: #FBB143;
  box-shadow: 0px 2px 9px rgba(251, 177, 67, 0.45);
  height: 3px;
  z-index: 50;
  transform: scaleX(0);
}

@media (min-width: 1200px) {
  .loading-bar {
    height: 0.3rem;
  }
}

.tabs-text__item {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  color: rgba(13, 15, 90, 0.5);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.3333333333rem;
}

.tabs-text__item.active {
  color: #0D0F5A;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .tabs-text__item:last-child {
    margin-right: 0;
  }
}

.input {
  position: relative;
}

.input > input {
  width: 100%;
  box-sizing: border-box;
  color: #232323;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input > input:-webkit-autofill {
  box-shadow: 0 0 0 100px #fff inset;
  -webkit-text-fill-color: #232323;
}

.input--primary > input {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 23px 12px 7px;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
}

.input--value-padding-left-big > input {
  padding-left: 25px;
}

.input--small > input {
  font-size: 16px;
  line-height: 18px;
  height: 35px;
  border: 1px solid #eaeaea;
  padding: 0 8px;
  color: #232323;
  border-radius: 2px;
}

.input__label {
  position: absolute;
  font-size: 16px;
  line-height: 20px;
  color: rgba(87, 87, 87, 0.6);
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
  max-width: 100%;
}

.input__label--static {
  top: 50%;
  transform: translate(0, -50%);
}

.input__label--link {
  transform: translate(0, -100%);
}

.input__label--small {
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 8px;
  pointer-events: none;
}

.input__label--positioned {
  font-size: 12px;
  line-height: 12px;
  left: 12px;
  top: 7px;
}

.input__label--hide {
  opacity: 0;
}

.input__placeholder {
  font-size: 16px;
  line-height: 18px;
  color: rgba(87, 87, 87, 0.6);
  position: absolute;
  padding-left: 12px;
  left: 0;
  top: 15px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  pointer-events: none;
}

.input__placeholder--padding-right-small {
  padding-right: 40px;
}

.input__placeholder--padding-right-big {
  padding-right: 57px;
}

.input__placeholder--file-small {
  top: 11px;
  font-size: 14px;
}

.input__placeholder span {
  border-bottom: 1px dashed transparent;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.input__spinner {
  opacity: 0;
}

.input__spinner img {
  width: 20px;
  height: 20px;
}

.input__preloader {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}

.input__icon {
  position: absolute;
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 25%, white 75%, rgba(255, 255, 255, 0) 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=0 );
  /* ie6-9 */
}

.input__icon--right-position {
  right: 10px;
}

.input__icon--right-position::after {
  font-size: 20px;
}

.input__icon--right-position.input__icon--file-small::after {
  font-size: 16px;
}

.input__icon--left-position {
  right: 36px;
}

.input__icon--left-position::after {
  font-size: 16px;
}

.input__icon--left-position.input__icon--file-small::after {
  font-size: 12px;
}

.input__icon--inside {
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}

.input__icon--outside {
  right: 100% !important;
  height: 100%;
  width: 63px;
}

.input__icon--outside::before {
  font-size: 25px;
  content: "";
  opacity: 0;
}

.input__icon--outside::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input__icon::before,
.input__icon::after {
  font-family: icon;
  color: #C9C9C9;
}

@media (max-width: 599px) {
  .input__icon--dark-blue-mobile::after {
    color: #0D0F5A;
  }
}

.input__icon--picker::after {
  content: "";
}

.input__icon--copy {
  background: none;
}

.input__icon--copy::after {
  content: "";
}

.input__icon--file::after {
  content: "";
}

.input__icon--file.input__icon--upload-small::after {
  font-size: 16px;
}

.input__icon--download::after {
  content: "";
}

.input__icon--text::after {
  content: "";
}

.input__icon--checkbox::after {
  content: "";
}

.input__icon--list::after {
  content: "";
}

.input__icon--calendar::after {
  content: "";
}

.input__icon--download-stage {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.input__copy {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 40px;
  height: 40px;
  transform: translate(0, -50%);
  cursor: pointer;
}

.input__copy::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  font-size: 24px;
  font-family: icon;
  color: rgba(13, 15, 90, 0.5);
}

.input__copy.hide {
  pointer-events: none;
  opacity: 0;
}

.input__remove {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  transform: translate(0, -50%);
  right: 7px;
}

.input__remove--big::before,
.input__remove--big::after {
  width: 28px;
}

.input__remove--small::before,
.input__remove--small::after {
  width: 22px;
}

.input__remove--small-file::before,
.input__remove--small-file::after {
  width: 17px;
}

.input__remove::before,
.input__remove::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #C9C9C9;
  display: block;
  top: 50%;
  left: 50%;
}

.input__remove::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.input__remove::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.input__remove--download-stage {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.input__remove--hidden {
  opacity: 0;
  pointer-events: none;
}

.input__success {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
  opacity: 0;
}

.input__success::before {
  content: "";
  font-family: icon;
  color: #7ED322;
  font-size: 16px;
}

.input--disabled input {
  background-color: #FAFBFC;
  color: rgba(87, 87, 87, 0.6);
}

.input--disabled .input__placeholder {
  color: rgba(87, 87, 87, 0.6);
}

.input--disabled .input__label {
  color: #C9C9C9;
}

.input--disabled.input--file {
  background-color: #FAFBFC;
}

.input--disabled.input--file * {
  pointer-events: none;
}

.input__toggle-password {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
}

.input__toggle-password::before {
  font-family: icon;
  font-size: 20px;
  color: #C9C9C9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}

.input--small-search:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #E18D4F;
  transform: scaleX(0);
}

.input--small-search.search:before {
  transform: scaleX(1);
  transform-origin: left 50%;
}

.input--small-search.search input {
  border-color: rgba(251, 177, 67, 0.5);
}

.input--small-search.focus .input__label {
  opacity: 0;
}

.input--small-search input {
  height: 32px;
  font-size: 16px;
  border-bottom: 1px solid #EDEDED;
}

.input__label--small-search {
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 8px;
  pointer-events: none;
  color: #000;
}

.input__label--small-search:not(.disabled)::before {
  content: "";
  font-size: 10px;
  left: 100%;
  bottom: 5px;
  margin-left: 8px;
  position: absolute;
  font-family: icon;
  color: #D8D8D8;
  line-height: normal;
}

.input--big > input {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  height: 50px;
  font-size: 16px;
  color: #232323;
  padding: 0 12px;
}

.input--tall > input {
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
  height: 60px;
  font-size: 16px;
  color: #232323;
  padding: 0 100px 0 20px;
}

.input--mid-padding > input {
  padding-left: 50px;
}

.input--overflow-gradient::before {
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 140px;
  content: "";
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
  z-index: 3;
}

.input--blured input::-webkit-input-placeholder {
  opacity: 0.3;
}

.input--blured input::-moz-placeholder {
  opacity: 0.3;
}

.input--blured input:-moz-placeholder {
  opacity: 0.3;
}

.input--blured input:-ms-input-placeholder {
  opacity: 0.3;
}

.input--border-mobile > input {
  border-bottom: 1px solid #EDEDED;
}

.input--move-animation .input__label {
  top: 50%;
  padding-left: 12px;
  padding-right: 12px;
  transform: translate(0, -50%);
}

.input--move-animation.isFocus .input__label {
  transform: translate(0, -50%) translateY(-11px);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.input--fade-animation .input__label {
  top: 5px;
  left: 12px;
  font-size: 12px;
  line-height: 16px;
  transform: translate(0, 15px);
  opacity: 0;
}

.input--fade-animation input {
  color: transparent;
}

.input--fade-animation.isFocus .input__label {
  transform: translate(0, 0);
  opacity: 1;
}

.input--fade-animation.isFocus .input__placeholder {
  transform: translate(0, -10px);
  opacity: 0;
}

.input--fade-animation.isFocus input {
  color: #232323;
}

.input--color-picker {
  z-index: 3;
}

.input--color-picker.isFocus {
  z-index: 3 !important;
}

.input--color-picker input {
  cursor: pointer;
}

.input--color-picker input:focus {
  cursor: text;
}

.input__picker {
  position: absolute !important;
  right: -9px;
  top: -17px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 10px);
}

.input__color {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 12px;
  top: 29px;
  transform: scale(0.8);
  opacity: 0;
  background-color: #fff;
  pointer-events: none;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
}

.input__native-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.input__native-color input {
  width: 100%;
  height: 100%;
}

.input--no-offset {
  margin-top: 0 !important;
  margin-bottom: -1px;
}

.input--no-offset:last-child {
  margin-bottom: 0;
}

.input--no-radius > input {
  border-radius: 0;
}

.input--no-radius-top > input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.input--no-radius-bottom > input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.input.error input {
  border-color: #FF8F87 !important;
}

@media (max-width: 1199px) {
  .input.error.has-error-text input {
    margin-bottom: 40px;
  }
}

.input.error .input__label {
  color: #FF8F87;
}

.input.error .input__icon::after {
  color: #FF8F87;
}

.input.error .input__error-text {
  opacity: 1;
}

@media (max-width: 1199px) {
  .input.error .input__error-text {
    max-height: 50px;
    padding-top: 10px;
    transition: opacity 0.3s ease 0.3s, max-height 0.3s ease, padding-top 0.3s ease;
  }
}

.input--datepicker {
  z-index: 3;
}

.input--datepicker.isFocus {
  z-index: 5;
}

.input--datepicker.isFocus + .input--datepicker {
  z-index: 4;
}

.input--datepicker .mx-input-append {
  display: none;
}

.input__datepicker {
  position: absolute !important;
  top: 100%;
  margin-top: 8px;
  opacity: 0;
  transform: translate(0, 10px);
  pointer-events: none;
  right: -1px !important;
}

.input__datepicker--top {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 8px;
}

.input--file {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  background-color: #fff;
  height: 52px;
  box-sizing: border-box;
}

@media (max-width: 599px) {
  .input--file.show-controls .input__mobile-file-popup {
    transform: translate(0, 0);
    pointer-events: all;
    opacity: 1;
  }

  .input--file.show-controls .input__mobile-file-popup::before {
    opacity: 1;
  }

  .input--file.show-controls .input__stage.active {
    pointer-events: all;
  }
}

.input--file input {
  opacity: 0;
  font-size: 0 !important;
  border: none;
  height: 100% !important;
}

.input--file.input--file-small input {
  height: 40px;
}

.input--file.error {
  border-color: #FF8F87;
}

.input--file.error .input__placeholder {
  color: #FF8F87;
}

.input__progress-rail {
  background-color: #eaeaea;
  transform-origin: left;
  pointer-events: none;
  position: absolute;
  bottom: 32px;
  left: 20px;
  right: 20px;
}

@media (min-width: 600px) {
  .input__progress-rail {
    opacity: 0;
  }
}

.input__progress-rail--mobile {
  display: none;
}

@media (max-width: 600px) {
  .input__progress-rail--mobile {
    left: 0;
    right: 0;
    bottom: -1px;
    display: block;
    opacity: 0;
  }
}

.input__progress-bar {
  height: 1px;
  width: 100%;
  background-color: #FBB143;
  transform: scaleX(0);
  transform-origin: left;
}

.input__percentage {
  font-size: 16px;
  line-height: 20px;
  color: #FBB143;
  transition: 0.3s ease;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 24px;
}

@media (min-width: 600px) {
  .input__percentage {
    opacity: 0;
  }
}

.input.center input {
  text-align: center;
  padding: 0;
}

@media (max-width: 599px) {
  .input__mobile-file-popup {
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    transform: translate(0, 100%);
    pointer-events: none;
    opacity: 0;
  }

  .input__mobile-file-popup::before {
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 130px;
    content: "";
    pointer-events: none;
    /* ff3.6+ */
    /* safari4+,chrome */
    /* safari5.1+,chrome10+ */
    /* opera 11.10+ */
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000",GradientType=0 );
    /* ie6-9 */
  }

  .input__file-name {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 40px 16px 20px;
  }

  .input__stage {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
  }

  .input__stage--uploading {
    height: 88px;
    border-top: 1px solid #eaeaea;
  }

  .input__stage.active {
    opacity: 1;
  }

  .input__button--big {
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    font-size: 16px;
    line-height: 20px;
    color: #232323;
    position: relative;
  }

  .input__button--big input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .input__button--complete {
    position: relative;
    vertical-align: middle;
  }

  .input__button--complete input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .input__controls {
    margin-bottom: 16px;
    padding: 0 20px;
    position: relative;
  }

  .input__delete {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    position: absolute;
    box-sizing: border-box;
    right: 20px;
    top: 0;
  }

  .input__delete::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    font-size: 16px;
    color: #C9C9C9;
    font-family: icon;
  }

  .input__button--complete + .input__button--complete {
    margin-left: 12px;
  }

  .input__text--upload {
    pointer-events: none;
  }

  .input__text--upload span {
    position: absolute;
    left: 20px;
    top: 24px;
    font-size: 16px;
    line-height: 20px;
    opacity: 0;
  }

  .input__text--upload .stage-loading {
    color: #FBB143;
  }

  .input__upload-time {
    font-size: 12px;
    line-height: 16px;
    color: rgba(87, 87, 87, 0.6);
    margin-bottom: 12px;
    padding-left: 20px;
  }
}

.input__clear {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  overflow: hidden;
}

.input__clear::before,
.input__clear::after {
  background-color: #C9C9C9;
}

.input__error-text {
  color: #EC5C52;
  max-height: 0;
  font-size: 12px;
  line-height: 15px;
  opacity: 0;
  position: absolute;
  top: 100%;
}

.input__error-text a {
  color: inherit;
  display: inline-block;
  border-bottom: 1px solid #EC5C52;
}

.input__error-text--bottom {
  font-size: 14px;
  line-height: 20px;
}

.input--small-padding-right input {
  padding-right: 1rem !important;
}

@media (min-width: 600px) {
  .input__text--upload {
    display: none;
  }

  .input__file-name {
    display: none;
  }

  .input__stage {
    display: none;
  }

  .input__stage--uploading {
    display: block;
  }

  .input--primary > input {
    padding: 29px 15px 14px;
    min-height: 65px;
  }

  .input--file {
    height: 65px;
  }

  .input--value-padding-left-big > input {
    padding-left: 30px;
  }

  .input__copy {
    right: 12px;
  }

  .input.isFocus {
    z-index: 2;
  }

  .input__label {
    font-size: 16px;
  }

  .input__label--ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .input--big > input {
    height: 65px;
    padding: 0 15px;
    font-size: 16px;
  }

  .input--overflow-gradient::before {
    width: 210px;
  }

  .input--move-animation .input__label {
    padding-left: 15px;
    padding-right: 15px;
  }

  .input--move-animation.isFocus .input__label {
    transform: translate(0, -50%) translateY(-15px);
    line-height: 18px;
  }

  .input--fade-animation .input__label {
    top: 9px;
    left: 15px;
    line-height: 18px;
  }

  .input__placeholder {
    line-height: 20px;
    padding-left: 15px;
    top: 23px;
  }

  .input__placeholder--padding-right-big {
    padding-right: 80px;
  }

  .input__placeholder--padding-right-small {
    padding-right: 50px;
  }

  .input__placeholder--file-small {
    padding-left: 10px;
  }

  .input--mid-padding > input {
    padding-left: 50px;
  }

  .input__picker {
    right: -13px;
    top: -25px;
  }

  .input__icon--right-position {
    right: 20px;
  }

  .input__icon--right-position::after {
    font-size: 24px;
  }

  .input__icon--left-position {
    right: 50px;
  }

  .input__icon--left-position::after {
    font-size: 24px;
  }

  .input__preloader {
    right: 20px;
  }

  .input__progress-rail {
    left: 15px;
    right: 15px;
    bottom: 16px;
  }

  .input__progress-rail {
    left: 15px;
    right: 15px;
    bottom: 17px;
  }

  .input__percentage {
    right: 15px;
    top: 22px;
  }

  .input__percentage--file-small {
    top: 11px;
    font-size: 14px;
    right: 10px;
  }

  .input--datepicker + .input--datepicker {
    z-index: 3;
  }

  .input__color {
    top: 34px;
    left: 15px;
  }

  .input__success {
    right: 22px;
  }

  .input__toggle-password {
    right: 12px;
  }

  .input__toggle-password::before {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .input--primary > input {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    padding: 2.4166666667rem 3.5rem 1.1666666667rem 1.25rem;
    min-height: 5.4166666667rem;
  }

  .input--file {
    height: 5.4166666667rem;
  }

  .input--value-padding-left-big > input {
    padding-left: 2.5rem;
  }

  .input--small > input {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    height: 2.9166666667rem;
    padding: 0 0.6666666667rem;
  }

  .input__label {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .input--big > input {
    height: 5.4166666667rem;
    padding: 0 1.25rem;
    font-size: 1.3333333333rem;
  }

  .input--tall > input {
    height: 5.6666666667rem;
    padding: 0 8.3333333333rem 0 1.6666666667rem;
    font-size: 1.3333333333rem;
  }

  .input--overflow-gradient::before {
    width: 17.5rem;
  }

  .input--move-animation .input__label {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .input--move-animation.isFocus .input__label {
    transform: translate(0, -50%) translateY(-1.25rem);
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input--mid-padding > input {
    padding-left: 4.1666666667rem;
  }

  .input--fade-animation .input__label {
    top: 0.75rem;
    left: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .input__placeholder {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    padding-left: 1.25rem;
    top: 1.9166666667rem;
  }

  .input__placeholder--file-small {
    top: 0.9166666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding-left: 0.8333333333rem;
  }

  .input__placeholder--padding-right-big {
    padding-right: 6.6666666667rem;
  }

  .input__placeholder--padding-right-small {
    padding-right: 4.1666666667rem;
  }

  .input--overflow-gradient::before {
    width: 17.5rem;
  }

  .input__icon--outside {
    width: 5.25rem;
  }

  .input__icon--outside::before {
    font-size: 2.0833333333rem;
  }

  .input__icon--right-position {
    right: 1.6666666667rem;
  }

  .input__icon--right-position::after {
    font-size: 2rem;
  }

  .input__icon--right-position.input__icon--file-small {
    right: 1rem;
  }

  .input__icon--right-position.input__icon--file-small::after {
    font-size: 1.3333333333rem;
  }

  .input__icon--left-position {
    right: 4.1666666667rem;
  }

  .input__icon--left-position::after {
    font-size: 2rem;
  }

  .input__icon--left-position.input__icon--file-small {
    right: 3.1666666667rem;
  }

  .input__icon--left-position.input__icon--file-small::after {
    font-size: 1rem;
  }

  .input__icon--file.input__icon--upload-small::after {
    font-size: 1.28rem;
  }

  .input__icon--upload-small {
    width: 3.3333333333rem;
  }

  .input__icon--file-small::after {
    font-size: 1.3333333333rem;
  }

  .input__picker {
    right: -1.0833333333rem;
    top: -2.0833333333rem;
  }

  .input__color {
    width: 1rem;
    height: 1rem;
    top: 2.8333333333rem;
    left: 1.25rem;
  }

  .input__remove {
    right: 1.6666666667rem;
  }

  .input__remove--big {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }

  .input__remove--big::before,
  .input__remove--big::after {
    width: 2.3333333333rem;
  }

  .input__remove--small {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }

  .input__remove--small::before,
  .input__remove--small::after {
    width: 1.8333333333rem;
  }

  .input__remove--upload-small::before,
  .input__remove--upload-small::after {
    width: 1.12rem;
  }

  .input__remove--small-file {
    width: 1rem;
    height: 1rem;
    right: 1rem;
  }

  .input__remove--small-file::before,
  .input__remove--small-file::after {
    width: 1.4166666667rem;
  }

  .input__preloader {
    right: 1.6666666667rem;
  }

  .input__copy {
    right: 1rem;
    width: 3.3333333333rem;
    height: 3.3333333333rem;
  }

  .input__copy::before {
    font-size: 2rem;
  }

  .input__spinner img {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }

  .input__datepicker--top {
    margin-top: 0;
    margin-bottm: 0.6666666667rem;
  }

  .input__percentage {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    right: 1.25rem;
    top: 1.8333333333rem;
  }

  .input__percentage--file-small {
    top: 0.9166666667rem;
    font-size: 1.1666666667rem;
    right: 0.8333333333rem;
  }

  .input--small-search input {
    height: 2.6666666667rem;
    font-size: 1.3333333333rem;
  }

  .input__label--small-search {
    font-size: 1.3333333333rem;
    bottom: 0.6666666667rem;
  }

  .input__label--small-search::before {
    font-size: 0.8333333333rem;
    bottom: 0.4166666667rem;
    margin-left: 0.6666666667rem;
    opacity: 0;
  }

  .input__clear {
    width: 0.8333333333rem;
    height: 0.8333333333rem;
  }

  .input__success {
    right: 1.8333333333rem;
  }

  .input__success::before {
    font-size: 1.3333333333rem;
  }

  .input__error-text {
    max-height: none;
    font-size: 1rem;
    line-height: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
    left: 100%;
    margin-left: 1.6666666667rem;
    max-width: 13.3333333333rem;
    width: 100%;
  }

  .input__error-text--bottom {
    top: 100%;
    transform: none;
    left: auto;
    margin-left: 0;
    margin-top: 0.6666666667rem;
    max-width: 25rem;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .input--file.input--file-small {
    height: 3.3333333333rem;
  }

  .input__toggle-password {
    right: 1rem;
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    cursor: pointer;
  }

  .input__toggle-password::before {
    font-size: 2rem;
  }
}

.textarea {
  position: relative;
  display: block;
}

.textarea textarea {
  width: 100%;
  box-sizing: border-box;
}

.textarea--placeholder-center textarea::-webkit-input-placeholder {
  text-align: center;
}

.textarea--placeholder-center textarea::-moz-placeholder {
  text-align: center;
}

.textarea--placeholder-center textarea:-moz-placeholder {
  text-align: center;
}

.textarea--placeholder-center textarea:-ms-input-placeholder {
  text-align: center;
}

.textarea--placeholder-hide textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.textarea--placeholder-hide textarea:focus::-moz-placeholder {
  opacity: 0;
}

.textarea--placeholder-hide textarea:focus:-moz-placeholder {
  opacity: 0;
}

.textarea--placeholder-hide textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.textarea--standart textarea {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  font-size: 16px;
  padding: 14px 20px;
  height: 120px;
}

.textarea--big textarea {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  height: 130px;
  font-size: 16px;
  color: #232323;
  padding: 15px 10px;
}

.textarea--label {
  box-sizing: border-box;
  border-radius: 2px;
}

.textarea--label::before {
  top: 1px;
  left: 1px;
  right: 1px;
  height: 28px;
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 20%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=0 );
  /* ie6-9 */
  z-index: 1;
  position: absolute;
  content: "";
  pointer-events: none;
}

.textarea--label textarea {
  height: 135px;
  border-radius: 2px;
  padding: 24px 20px 16px 12px;
  font-size: 16px;
  line-height: 18px;
  background-color: #fff;
  color: #232323;
  border: 1px solid #eaeaea;
}

.textarea--label textarea:focus {
  border-color: #C9C9C9;
}

.textarea--label.isFocus .textarea__label {
  top: 5px;
  font-size: 12px;
  line-height: 16px;
}

.textarea--label.error textarea {
  border-color: rgba(244, 67, 54, 0.5);
}

.textarea--label.error .textarea__label {
  color: rgba(244, 67, 54, 0.4);
}

.textarea__label {
  position: absolute;
  font-size: 16px;
  line-height: 20px;
  color: rgba(87, 87, 87, 0.6);
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textarea--move-animation .textarea__label {
  top: 15px;
  padding-left: 12px;
}

.textarea--move-animation.isFocus .textarea__label {
  top: 7px;
  font-size: 12px;
  line-height: 16px;
}

.textarea--fade-animation .textarea__label {
  top: 5px;
  left: 12px;
  font-size: 12px;
  line-height: 16px;
  transform: translate(0, 15px);
  opacity: 0;
}

.textarea--fade-animation textarea {
  color: transparent;
}

.textarea--fade-animation.isFocus .textarea__label {
  transform: translate(0, 0);
  opacity: 1;
}

.textarea--fade-animation.isFocus .textarea__placeholder {
  transform: translate(0, -10px);
  opacity: 0;
}

.textarea--fade-animation.isFocus textarea {
  color: #232323;
}

.textarea--like-input > textarea {
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
  font-size: 16px;
  color: #232323;
  padding: 18px 110px 10px 20px;
  height: 58px;
}

.textarea__add-file {
  position: absolute;
  right: 72px;
  bottom: 16px;
  z-index: 3;
}

.textarea__add-file::before {
  content: "";
  font-family: icon;
  font-size: 25px;
  color: rgba(35, 35, 35, 0.4);
}

.textarea__add-file input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  border: none;
}

.textarea.error textarea {
  border-color: #FF8F87;
}

.textarea.error .textarea__label {
  color: #FF8F87;
}

.textarea__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 20px 16px 12px;
  color: rgba(87, 87, 87, 0.6);
  font-size: 16px;
  line-height: 20px;
  pointer-events: none;
}

.textarea--disabled textarea {
  background-color: #FAFBFC;
  color: rgba(87, 87, 87, 0.6);
  padding-right: 4rem !important;
}

.textarea--disabled .textarea__placeholder {
  color: rgba(87, 87, 87, 0.6);
}

.textarea--disabled .textarea__label {
  color: #C9C9C9;
}

.textarea--disabled:before {
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(0deg, rgba(250, 251, 252, 0) 0%, #fafbfc 20%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FAFBFC", endColorstr="#FAFBFC",GradientType=0 );
  /* ie6-9 */
}

.textarea__copy {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.textarea__copy::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  font-size: 24px;
  font-family: icon;
  color: rgba(13, 15, 90, 0.5);
}

.textarea__copy.hide {
  pointer-events: none;
  opacity: 0;
}

@media (min-width: 600px) {
  .textarea--big textarea {
    height: 140px;
    font-size: 16px;
    padding: 20px 15px;
  }

  .textarea--label textarea {
    padding: 30px 15px 24px;
    font-size: 16px;
    line-height: 20px;
    height: 135px;
  }

  .textarea--label.isFocus .textarea__label {
    font-size: 12px;
    line-height: 18px;
  }

  .textarea--move-animation .textarea__label {
    top: 22px;
    padding-left: 15px;
  }

  .textarea--move-animation.isFocus .textarea__label {
    top: 9px;
    line-height: 18px;
  }

  .textarea--fade-animation .textarea__label {
    top: 9px;
    left: 15px;
    line-height: 18px;
  }

  .textarea__placeholder {
    padding: 22px 37px 38px 15px;
  }

  .textarea__copy {
    right: 12px;
  }
}

@media (min-width: 1200px) {
  .textarea__placeholder {
    padding: 1.8333333333rem 3.0833333333rem 3.1666666667rem 1.25rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .textarea--standart textarea {
    font-size: 1.3333333333rem;
    padding: 1.1666666667rem 1.6666666667rem;
    height: 10rem;
  }

  .textarea--big textarea {
    height: 14.5833333333rem;
    font-size: 1.3333333333rem;
    padding: 1.6666666667rem 1.25rem;
  }

  .textarea--like-input > textarea {
    padding: 2rem 9.1666666667rem 0.8333333333rem 1.6666666667rem;
    font-size: 1.3333333333rem;
    height: 5.6666666667rem;
    min-height: 5.6666666667rem;
  }

  .textarea__add-file {
    right: 6rem;
    bottom: 1.5rem;
  }

  .textarea__add-file::before {
    font-size: 2.0833333333rem;
  }

  .textarea__label {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .textarea--label::before {
    height: 2.3333333333rem;
  }

  .textarea--label textarea {
    padding: 2.5rem 1.25rem 2rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    height: 11.25rem;
  }

  .textarea--label.isFocus .textarea__label {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .textarea--move-animation .textarea__label {
    top: 1.8333333333rem;
    padding-left: 1.25rem;
  }

  .textarea--move-animation.isFocus .textarea__label {
    top: 0.75rem;
    line-height: 1.5rem;
  }

  .textarea--fade-animation .textarea__label {
    top: 0.75rem;
    left: 1.25rem;
    line-height: 1.5rem;
    font-size: 1rem;
  }

  .textarea__copy {
    right: 1rem;
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    bottom: 1rem;
  }

  .textarea__copy::before {
    font-size: 2rem;
  }
}

.select {
  border: 1px solid #eaeaea;
  background: #fff;
  position: relative;
  min-width: 190px;
  max-width: 400px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
}

.select__native {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

.select__native select {
  width: 100%;
  height: 100%;
  -webkit-appearance: menulist-button;
  font-size: 16px;
}

.select__native option {
  font-size: 16px;
}

.select.error {
  border-color: #FF8F87 !important;
}

.select.error .select__label {
  color: #FF8F87;
}

.select.error .select__value {
  color: #FF8F87;
}

.select.error .select__placeholder {
  color: #FF8F87 !important;
}

.select.disabled {
  background-color: #FAFBFC;
  pointer-events: none;
}

.select.disabled .select__value {
  color: rgba(87, 87, 87, 0.6);
}

.select.disabled .select__label {
  color: #C9C9C9;
}

.select--big {
  min-height: 52px;
  padding: 23px 30px 7px 10px;
}

.select--popup {
  max-width: 240px;
  max-height: 220px;
}

.select--popup::before {
  display: none !important;
}

.select::before {
  position: absolute;
  width: 6px;
  height: 6px;
  content: "";
  top: 50%;
  right: 20px;
  border: 1px solid rgba(46, 46, 46, 0.8);
  border-top: none;
  border-left: none;
  transform: translate(0, -50%) rotate(45deg);
  transform-origin: 80% 50%;
}

.select__placeholder {
  font-family: reg;
  position: absolute;
  font-size: 16px;
  line-height: 20px;
  color: rgba(87, 87, 87, 0.6);
  top: 15px;
  pointer-events: none;
  opacity: 0;
  transform: translate(0, -10px);
  width: 78%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 0\0 ) {
  .select__placeholder {
    display: none;
  }
}

.select__value {
  font-family: reg;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 20px;
}

.select__value span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0;
  display: block;
  max-width: 70%;
}

.select__value span > span {
  font-size: 16px;
}

.select__value img {
  max-width: 18px;
  max-height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.select__value img + span {
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}

.select__label {
  font-family: reg;
  position: absolute;
  left: 10px;
  top: 5px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(87, 87, 87, 0.6);
}

@media (min-width: 650px) {
  .select.active::before {
    transform: translate(0, -50%) rotate(-135deg);
    transform-origin: 57% 67%;
  }
}

.select.prepare.active::before {
  transform: translate(0, -50%) rotate(-135deg);
  transform-origin: 57% 67%;
}

.select.prepare .select__placeholder {
  transform: translate(0, 0);
  opacity: 1;
}

@media screen and (min-width: 0\0 ) {
  .select.prepare .select__placeholder {
    display: block;
  }
}

.select.prepare .select__label {
  transform: translate(0, 15px);
  opacity: 0;
  transition-duration: 0s;
}

.select.prepare .select__value {
  transition-duration: 0s;
  transform: translate(0, 3px);
  opacity: 0;
  transition-delay: 0s;
}

.select--search.prepare .select__value {
  pointer-events: none;
}

.select--search::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) translate(0, 3px);
  left: 15px;
  font-family: icon;
  display: block;
  width: 15px;
  height: 15px;
  font-size: 16px;
  color: #C9C9C9;
  opacity: 0;
}

@media screen and (min-width: 0\0 ) {
  .select--search::after {
    display: none;
  }
}

.select--search.focus .select__input--mobile input {
  padding-left: 0;
}

.select--search.focus .select__input--mobile::before {
  opacity: 0;
}

.select--search .select__input--desktop {
  display: none;
}

.select--search .select__input--mobile {
  height: 52px;
  width: 100%;
  border-top: 1px solid #eaeaea;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
}

.select--search .select__input--mobile::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  font-family: icon;
  color: #C9C9C9;
  font-size: 16px;
  pointer-events: none;
}

.select--search .select__input--mobile input {
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  height: 100%;
  width: 100%;
}

.select__list-head {
  padding: 20px 124px 16px 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  font-family: Arial;
  color: #232323;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}

.select__section-title {
  border-top: 1px solid #eaeaea;
  font-size: 12px;
  font-family: Arial;
  line-height: 16px;
  padding: 12px 10px 4px;
  color: #979797;
  font-weight: 700;
}

.select__sections {
  padding-top: 76px;
  max-height: 100vh;
  box-sizing: border-box;
  overflow-y: scroll;
}

@media (min-width: 392px) {
  .select__sections {
    padding-top: 56px;
  }
}

.select__section {
  border-top: 1px solid #eaeaea;
}

.select__section:first-child {
  border-top: none;
}

.select__section:last-child {
  margin-bottom: 16px;
}

.select--mobile-popup {
  z-index: 4;
}

.select--mobile-popup .select__scroller::before,
.select--mobile-popup .select__scroller::after {
  display: none;
}

@media (max-width: 599px) {
  .select--mobile-popup .select__placeholder {
    display: none;
  }
}

.select--mobile-popup .select__item {
  font-size: 14px;
  line-height: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  color: rgba(35, 35, 35, 0.8);
}

.select--mobile-popup .select__item:first-child::before {
  display: none;
}

.select--mobile-popup .select__item:last-child::before {
  display: block;
}

@media (max-width: 599px) {
  .select--mobile-popup .select__item.active {
    color: rgba(251, 177, 67, 0.8);
  }
}

.select--medium {
  min-height: 40px;
  min-width: 250px;
  max-width: 250px;
  padding: 11px 20px 11px 10px;
}

.select--medium.active::before {
  transform: translate(0, -50%) rotate(-135deg) translate(0, 0) !important;
}

.select--medium::before {
  transform: translate(0, -50%) rotate(45deg) translate(0, 0) !important;
}

.select--medium .select__placeholder {
  top: 11px;
  left: 10px;
  font-size: 14px;
  line-height: 18px;
}

.select--medium .select__value {
  font-size: 14px;
  line-height: 18px;
}

.select--medium .select__label {
  top: 4px;
  left: 10px;
  font-size: 10px;
  line-height: 14px;
}

.select--small {
  display: block;
  max-height: 35px;
  min-width: 60%;
  padding: 8px 20px 8px 10px;
}

.select--small.active::before {
  transform: translate(0, -50%) rotate(-135deg);
}

.select--small::before {
  transform: translate(0, -50%) rotate(45deg);
}

.select--small .select__placeholder {
  top: 8px;
  left: 10px;
  font-size: 14px;
  line-height: 18px;
}

.select--small .select__value {
  font-size: 14px;
  line-height: 18px;
}

.select--small .select__label {
  top: 2px;
  left: 10px;
  font-size: 10px;
  line-height: 14px;
}

.select__item--offset-big {
  padding-left: 24px;
  padding-right: 24px;
}

.select__item--offset-small {
  padding-left: 16px;
  padding-right: 16px;
}

.select__item--dotted {
  position: relative;
}

.select__item--dotted::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10px;
  width: 2px;
  height: 2px;
  background-color: #C9C9C9;
}

.select--disabled {
  cursor: auto;
  pointer-events: none;
  background-color: #FAFBFC;
}

.select--disabled::before {
  display: none;
}

.select--disabled .select__value {
  color: rgba(87, 87, 87, 0.6);
}

.select--disabled .select__label {
  color: #C9C9C9;
}

@media (max-width: 599px) {
  .select--bottom-dropdown.active .select__scroller {
    opacity: 1;
  }

  .select--bottom-dropdown.active .select__list {
    opacity: 1;
    pointer-events: all;
  }

  .select--bottom-dropdown .select__scroller {
    background: #FAFBFC;
  }

  .select--bottom-dropdown .select__scroller .vb-content {
    max-height: 240px;
  }

  .select--bottom-dropdown .select__scroller::before,
  .select--bottom-dropdown .select__scroller::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background: black;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  .select--bottom-dropdown .select__scroller::before {
    top: 0;
  }

  .select--bottom-dropdown .select__scroller::after {
    bottom: 0;
    transform: rotate(-180deg);
  }

  .select--bottom-dropdown .select__list {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    pointer-events: none;
    background-color: #fff;
  }

  .select--bottom-dropdown .select__list::before {
    content: "";
    position: absolute;
    top: -148px;
    left: 0;
    width: 100%;
    height: 148px;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    pointer-events: none;
  }

  .select--bottom-dropdown .select__close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    top: 0;
  }

  .select--bottom-dropdown .select__close::before,
  .select--bottom-dropdown .select__close::after {
    content: "";
    width: 20px;
    height: 1px;
    background: #C9C9C9;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .select--bottom-dropdown .select__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .select--bottom-dropdown .select__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .select--bottom-dropdown .select__title {
    opacity: 1;
    background: #fff;
    padding: 10px 44px 10px 20px;
    font-size: 16px;
    line-height: 20px;
    color: #575757;
  }

  .select--bottom-dropdown .select__item {
    padding: 16px 0;
    position: relative;
  }

  .select--bottom-dropdown .select__item p {
    font-family: reg;
    font-size: 16px;
    line-height: 20px;
    color: #232323;
    text-align: center;
  }

  .select--bottom-dropdown .select__item span {
    font-family: reg;
    font-size: 12px;
    line-height: 16px;
    color: rgba(87, 87, 87, 0.6);
    white-space: normal;
  }

  .select--bottom-dropdown .select__item svg {
    width: 16px;
    height: 13px;
    position: absolute;
    top: 19px;
  }

  .select--bottom-dropdown .select__item path {
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
  }

  .select--bottom-dropdown .select__item.active p {
    color: #0D0F5A;
    padding-left: 24px;
  }

  .select--bottom-dropdown .select__item.active path {
    stroke-dashoffset: 0;
  }

  .select--bottom-dropdown .select__item + .select__item {
    border-top: 1px solid #eaeaea;
  }

  .select--bottom-dropdown .select__item--text-left p {
    text-align: left;
  }

  .select--bottom-dropdown .select__item--offset-small {
    padding-left: 20px;
    padding-right: 20px;
  }

  .select--mobile-popup.active .select {
    position: static;
  }

  .select--mobile-popup.active .select__list {
    display: block;
    pointer-events: all;
  }

  .select--mobile-popup.active .select::before {
    transform: rotate(-135deg);
  }

  .select--mobile-popup .select__list {
    position: absolute;
    z-index: 6;
    box-sizing: border-box;
    display: none;
    pointer-events: none;
    left: 0;
    right: 0;
    background-color: #ffffff;
    top: 0;
    bottom: 0;
  }
}

@media (max-width: 599px) and (max-width: 599px) {
  .select--mobile-popup .select__list {
    width: 100vw;
    height: 100vh;
  }
}

@media (min-width: 600px) {
  .select--mobile-popup {
    position: relative;
    border-radius: 2px;
  }

  .select--mobile-popup.active .select__list {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
    transition: border-color 0.3s ease, height 0.4s cubic-bezier(0, 0, 0.4, 1), opacity 0.133s cubic-bezier(0, 0, 0.4, 1), transform 0.4s cubic-bezier(0, 0, 0.4, 1);
  }

  .select--mobile-popup.active .select__placeholder {
    transform: translate(0, 0);
    opacity: 1;
    transition: opacity 0.5s, transform 0.3s ease;
    transition-delay: 0.3s;
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select--mobile-popup.active .select__placeholder {
    display: block;
  }
}

@media (min-width: 600px) {
  .select--mobile-popup.active .select__label {
    transform: translate(0, 15px);
    opacity: 0;
    transition-duration: 0.233s;
    transition-delay: 0s;
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select--mobile-popup.active .select__label {
    display: none;
  }
}

@media (min-width: 600px) {
  .select--mobile-popup.active .select__value {
    transition-duration: 0.2s;
    transform: translate(0, 3px);
    opacity: 0;
    transition-delay: 0s;
  }
}

@media (min-width: 600px) {
  .select--mobile-popup.active .select__sections {
    opacity: 1;
  }
}

@media (min-width: 600px) {
  .select__list-head {
    display: none;
  }
}

@media (min-width: 600px) {
  .select__sections {
    padding-top: 0;
    overflow: visible;
    opacity: 0;
    transition: 0.15s ease;
    transition-property: opacity;
  }
}

@media (min-width: 600px) {
  .select__section-title {
    padding: 12px 12px 4px;
  }
}

@media (min-width: 600px) {
  .select__scroller {
    opacity: 0;
  }
}

@media (min-width: 600px) {
  .select__title {
    display: none;
  }
}

@media (min-width: 600px) {
  .select--big {
    min-height: 65px;
    padding: 29px 35px 14px 16px;
  }
}

@media (min-width: 600px) {
  .select__placeholder {
    top: 22px;
    left: 15px;
    margin-top: -1px;
  }
}

@media (min-width: 600px) {
  .select__label {
    left: 15px;
    top: 9px;
    margin-top: -1px;
  }
}

@media (min-width: 600px) {
  .select__item {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }

  .select__item p {
    font-family: reg;
    font-size: 16px;
    line-height: 20px;
  }

  .select__item span {
    font-family: reg;
    position: relative;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
    color: rgba(87, 87, 87, 0.6);
  }

  .select__item--no-touch {
    pointer-events: none;
  }

  .select__item--offset-big {
    padding-left: 24px;
    padding-right: 24px;
  }

  .select__item--offset-small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .select__item--dotted::before {
    content: "";
    width: 2px;
    height: 2px;
    position: absolute;
    display: block;
    top: 54%;
    left: 15px;
    background: rgba(87, 87, 87, 0.6);
    transform: translate(0, -50%);
  }

  .select__item--color-primary p {
    color: #232323;
  }

  .select__item--color-graphite p {
    color: #575757;
  }

  .select__item svg {
    width: 16px;
    height: 13px;
    top: 14px;
    position: absolute;
  }

  .select__item path {
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
  }

  .select__item.active p {
    color: #0D0F5A;
    padding-left: 24px;
  }

  .select__item.active path {
    stroke-dashoffset: 0;
  }
}

@media (min-width: 600px) {
  .select__list {
    position: absolute;
    pointer-events: none;
    display: block;
    top: 100%;
    left: -1px;
    right: -1px;
    margin-top: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 264px;
    min-width: 238px;
    background: #ffffff;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    height: 0;
    opacity: 0;
    transform: translate(0, 10px);
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select__list {
    display: none;
    height: auto;
  }
}

@media (min-width: 600px) {
  .select__list--top {
    top: auto;
    bottom: 100%;
    margin-bottom: 8px;
    margin-top: 10px;
  }
}

@media (min-width: 600px) {
  .select__wrapper {
    padding-bottom: 8px;
  }
}

@media (min-width: 600px) {
  .select.active::before {
    transform: translate(0, -50%) rotate(-135deg);
  }

  .select.active .select__scroller {
    height: 100%;
    opacity: 1;
  }

  .select.active .select__list {
    pointer-events: all;
    border: 1px solid #eaeaea;
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
  }

  .select.active .select__placeholder {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select.active .select__placeholder {
    display: block;
  }
}

@media (min-width: 600px) {
  .select.active .select__label {
    transform: translate(0, 15px);
    opacity: 0;
    transition-duration: 0.233s;
    transition-delay: 0s;
  }
}

@media (min-width: 600px) {
  .select.active .select__value {
    transition-duration: 0.2s;
    transform: translate(0, 3px);
    opacity: 0;
    transition-delay: 0s;
  }
}

@media (min-width: 600px) {
  .select--search.active .select__placeholder {
    opacity: 0;
    transform: translate(0, -10px);
  }

  .select--search.active .select__input {
    opacity: 1;
    pointer-events: all;
    transform: translate(0, 0) translate(0, 0);
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select--search.active .select__input {
    display: block;
  }
}

@media (min-width: 600px) {
  .select--search.active::after {
    opacity: 1;
    transform: translate(0, -50%) translate(0, 0);
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select--search.active::after {
    display: block;
  }
}

@media (min-width: 600px) {
  .select--search .select__input--desktop {
    display: block;
    width: 65%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    top: 0;
    left: 38px;
    transform: translate(0, 3px);
  }
}

@media screen and (min-width: 600px) and (min-width: 0\0 ) {
  .select--search .select__input--desktop {
    display: none;
  }
}

@media (min-width: 600px) {
  .select--search .select__input--mobile {
    display: none;
  }
}

@media (min-width: 600px) {
  .select--pseudo-border::after {
    transition: 0.3s ease;
    transition-property: opacity, background-color;
  }
}

@media (min-width: 1200px) {
  .select {
    cursor: pointer;
    min-width: 15.8333333333rem;
    max-width: 33.3333333333rem;
  }

  .select--big {
    min-height: 5.4166666667rem;
    padding: 2.4166666667rem 2.9166666667rem 1.1666666667rem 1.3333333333rem;
  }

  .select--medium {
    min-height: 3.3333333333rem;
    min-width: 20.8333333333rem;
    max-width: 20.8333333333rem;
    padding: 0.9166666667rem 1.6666666667rem 0.9166666667rem 0.8333333333rem;
  }

  .select--medium .select__placeholder {
    top: 0.9166666667rem;
    left: 0.8333333333rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .select--medium .select__value {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .select--medium .select__label {
    top: 0.3333333333rem;
    left: 0.8333333333rem;
    font-size: 0.8333333333rem;
    line-height: 1.1666666667rem;
  }

  .select--mobile-popup {
    padding: 2.25rem 5rem 1.3333333333rem 1.25rem;
  }

  .select--mobile-popup::before {
    right: 1.8333333333rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .select--mobile-popup .select__item {
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
    padding-top: 0.8333333333rem;
    padding-bottom: 0.8333333333rem;
  }
}

@media (min-width: 1200px) and (max-width: 599px) {
  .select--mobile-popup .select__item.active {
    color: rgba(251, 177, 67, 0.8);
  }
}

@media (min-width: 1200px) {
  .select--small {
    display: block;
    max-height: 2.9166666667rem;
    min-width: 16.6666666667rem;
    max-width: 16.6666666667rem;
    padding: 0.6666666667rem 1.6666666667rem 0.6666666667rem 0.8333333333rem;
  }

  .select--small .select__placeholder {
    top: 0.6666666667rem;
    left: 0.8333333333rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .select--small .select__value {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .select--small .select__label {
    top: 0.1666666667rem;
    left: 0.8333333333rem;
    font-size: 0.8333333333rem;
    line-height: 1.1666666667rem;
  }
}

@media (min-width: 1200px) {
  .select--popup {
    max-width: 20rem;
    max-height: 18.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .select::before {
    width: 0.5rem;
    height: 0.5rem;
    right: 1.6666666667rem;
    transform: translate(0, -50%) rotate(45deg);
  }
}

@media (min-width: 1200px) {
  .select__placeholder {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    left: 1.3333333333rem;
    top: 1.8333333333rem;
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .select__list {
    margin-top: 0.6666666667rem;
    max-height: 22rem;
    min-width: 19.8333333333rem;
    box-shadow: 0 0.3333333333rem 1.6666666667rem rgba(0, 0, 0, 0.1);
    border-radius: 0.1666666667rem;
    margin-bottom: 0.8333333333rem;
  }

  .select__list--list {
    margin-bottom: 0.6666666667rem;
    margin-top: 0.8333333333rem;
  }
}

@media (min-width: 1200px) {
  .select__wrapper {
    padding-bottom: 0.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .select__item {
    cursor: pointer;
    padding: 0.8333333333rem 0;
  }

  .select__item p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .select__item span {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .select__item svg {
    top: 1.1666666667rem;
    width: 1.3333333333rem;
    height: 1.0833333333rem;
  }

  .select__item--dotted::before {
    left: 1.25rem;
    width: 0.1666666667rem;
    height: 0.1666666667rem;
  }

  .select__item--offset-small {
    padding-left: 1.3333333333rem;
    padding-right: 1.3333333333rem;
  }

  .select__item--offset-big {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .select__item.active p {
    padding-left: 2rem;
  }
}

@media (min-width: 1200px) {
  .select__value {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .select__value img {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }

  .select__value img + span {
    margin-left: 0.5rem;
  }

  .select__value span > span {
    font-style: 1.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .select__label {
    left: 1.25rem;
    top: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .select--search::after {
    left: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.3333333333rem;
  }

  .select--search .select__input {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    left: 3.1666666667rem;
  }
}

.select-popup {
  background: #FFFFFF;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  width: 210px;
  max-height: 220px;
  overflow: hidden;
}

.select-popup__section-title {
  padding: 0 16px 4px 16px;
}

.select-popup__section-title strong {
  display: block;
  max-width: 90%;
  font-size: 10px;
  line-height: 10px;
  color: #000;
  font-family: bold;
}

.select-popup__section:first-child {
  margin-top: 12px;
}

.select-popup__section:last-child {
  margin-bottom: 16px;
}

.select-popup__section + .select-popup__section {
  margin-top: 16px;
}

.select-popup__list__scroller {
  height: 100%;
}

.select-popup__item {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px;
  box-sizing: border-box;
  color: #575757;
  position: relative;
}

.select-popup__item svg {
  width: 16px;
  height: 13px;
  left: 16px;
  top: 14px;
  position: absolute;
}

.select-popup__item svg path {
  stroke: #0D0F5A;
  stroke-dasharray: 25;
  stroke-dashoffset: 25;
}

.select-popup__item.active {
  color: #0D0F5A;
  padding-left: 40px;
}

.select-popup__item.active path {
  stroke-dashoffset: 0;
}

@media (min-width: 600px) {
  .select-popup {
    width: 240px;
  }

  .select-popup__item {
    font-size: 16px;
  }
}

.select-button {
  width: 100%;
  position: relative;
}

.select-button__title {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(87, 87, 87, 0.6);
}

.select-button__wrapper {
  display: block;
}

.select-button__item {
  display: inline-block;
  vertical-align: top;
  padding: 8px 12px;
  box-sizing: border-box;
  margin-bottom: 8px;
  margin-right: 12px;
  border-radius: 1px;
  border: 1px solid #eaeaea;
}

.select-button__item:last-child {
  margin-right: 0;
}

.select-button__item span {
  font-size: 14px;
  line-height: 16px;
  color: #575757;
}

@media (min-width: 600px) {
  .select-button__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .select-button__item {
    margin-bottom: 0;
  }
}

@media (min-width: 600px) {
  .select-button__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .select-button__item {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .select-button__title {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    margin-bottom: 0.6666666667rem;
  }

  .select-button__item {
    padding: 0.6666666667rem 1rem;
    margin-bottom: 0.6666666667rem;
    margin-right: 1rem;
    border-radius: 0.0833333333rem;
  }

  .select-button__item span {
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
  }
}

.select-mode__button {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 12px;
  position: relative;
}

.select-mode__button::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid #C9C9C9;
  top: 55%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.select-mode__button--prev::before {
  border-top: none;
  border-right: none;
  left: 70%;
}

.select-mode__button--next::before {
  border-bottom: none;
  border-left: none;
  left: 30%;
}

.select-mode__value {
  font-size: 12px;
  color: #C9C9C9;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .select-mode__button {
    height: 1rem;
    width: 1rem;
  }

  .select-mode__button::before {
    width: 0.4333333333rem;
    height: 0.4333333333rem;
  }

  .select-mode__value {
    font-size: 1rem;
  }
}

.radio {
  width: 100%;
}

.radio__item {
  position: relative;
  padding: 7px 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #eaeaea;
  color: #575757;
  background-color: #fff;
}

.radio__item:first-child {
  border-radius: 2px 0 0 2px;
}

.radio__item:last-child {
  border-radius: 0 2px 2px 0;
}

.radio__item + .radio__item {
  margin-left: -1px;
}

.radio__item.disabled {
  color: #C9C9C9;
  pointer-events: none;
}

.radio__item.active {
  z-index: 1;
}

.radio--yellow .radio__item.active {
  color: #232323;
  background-color: #FBB143;
  border-color: #FBB143;
}

.radio--blue .radio__item.active {
  color: #ffffff;
  background-color: #0D0F5A;
  border-color: #0D0F5A;
}

@media (min-width: 1200px) {
  .radio__item {
    cursor: pointer;
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
    padding: 0.5833333333rem 1rem;
  }

  .radio__item:first-child {
    border-radius: 0.1666666667rem 0 0 0.1666666667rem;
  }

  .radio__item:last-child {
    border-radius: 0 0.1666666667rem 0.1666666667rem 0;
  }
}

.tabs-content {
  position: relative;
  white-space: nowrap;
}

.tabs-content__item {
  font-size: 14px;
  line-height: 16px;
  color: #4F4F4F;
  box-sizing: border-box;
  padding-bottom: 12px;
  display: inline-block;
  vertical-align: top;
}

.tabs-content__item + .tabs-content__item {
  margin-left: 20px;
}

.tabs-content__item.active {
  color: #E18D4F;
}

.tabs-content__item--disabled {
  pointer-events: none;
  color: rgba(87, 87, 87, 0.5);
  background-color: transparent;
}

.tabs-content__slider {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background-color: #FBB143;
  box-shadow: 0px 4px 6px rgba(251, 177, 67, 0.15);
}

@media (min-width: 600px) {
  .tabs-content__slider {
    display: none;
  }

  .tabs-content__item {
    font-size: 24px;
    line-height: 80px;
    color: #232323;
    font-family: bold;
    padding: 0 30px;
    background-color: rgba(234, 234, 234, 0.2);
  }

  .tabs-content__item + .tabs-content__item {
    margin-left: 0;
  }

  .tabs-content__item.active {
    background: #ffffff;
    color: #575757;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  }

  .tabs-content__item--disabled {
    color: rgba(87, 87, 87, 0.5);
    background-color: transparent;
  }
}

@media (min-width: 768px) {
  .tabs-content__item {
    padding: 0 50px;
  }
}

@media (min-width: 1200px) {
  .tabs-content__item {
    cursor: pointer;
    font-size: 2rem;
    line-height: 6.6666666667rem;
    padding: 0 4.1666666667rem;
  }

  .tabs-content__item.active {
    box-shadow: 0px 0.6666666667rem 1.6666666667rem rgba(0, 0, 0, 0.03);
  }
}

.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  box-sizing: border-box;
  transform-origin: center;
  transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
  left: -4px;
}

.mx-icon-double-right:before {
  left: 4px;
}

.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
  transform: rotate(135deg) scale(0.7);
}

.mx-btn {
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #73879c;
  white-space: nowrap;
}

.mx-btn:hover {
  border-color: #1284e7;
  color: #1284e7;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-scrollbar {
  height: 100%;
}

.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.24s ease-out;
}

.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  transform: scaleY(0);
}

.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}

.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mx-datepicker-range {
  width: 320px;
}

.mx-datepicker-inline {
  width: auto;
}

.mx-input-wrapper {
  position: relative;
}

.mx-input-wrapper .mx-icon-clear {
  display: none;
}

.mx-input-wrapper:hover .mx-icon-clear {
  display: block;
}

.mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
  display: none;
}

.mx-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.mx-input:hover,
.mx-input:focus {
  border-color: #409aff;
}

.mx-input:disabled,
.mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}

.mx-input:focus {
  outline: none;
}

.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar,
.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}

.mx-icon-clear {
  cursor: pointer;
}

.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
  color: #73879c;
  background-color: #fff;
}

.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}

.mx-datepicker-sidebar {
  float: left;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}

.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid #e8e8e8;
}

.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: flex;
}

@media (max-width: 750px) {
  .mx-range-wrapper {
    flex-direction: column;
  }
}

.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid #e8e8e8;
}

.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
}

.mx-calendar {
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}

.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-header,
.mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}

.mx-calendar-header-label {
  font-size: 14px;
}

.mx-calendar-decade-separator {
  margin: 0 2px;
}

.mx-calendar-decade-separator:after {
  content: "~";
}

.mx-calendar-content {
  position: relative;
  height: 224px;
  box-sizing: border-box;
}

.mx-calendar-content .cell {
  cursor: pointer;
}

.mx-calendar-content .cell:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #1284e7;
}

.mx-calendar-content .cell.in-range {
  color: #73879c;
  background-color: #dbedfb;
}

.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}

.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f3f9fe;
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #dbedfb;
}

.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}

.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

.mx-table th {
  padding: 0;
  font-weight: 500;
}

.mx-table td {
  padding: 0;
}

.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
}

.mx-table-date .today {
  color: #2a90e9;
}

.mx-table-date .cell.not-current-month {
  color: #ccc;
}

.mx-time {
  flex: 1;
  width: 224px;
  background: #fff;
}

.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}

.mx-time-content {
  height: 224px;
  box-sizing: border-box;
  overflow: hidden;
}

.mx-time-columns {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mx-time-column {
  flex: 1;
  position: relative;
  border-left: 1px solid #e8e8e8;
  text-align: center;
}

.mx-time-column:first-child {
  border-left: 0;
}

.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}

.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.mx-time-option:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.asd__day--in-range {
  color: #000 !important;
}

.asd__day--hovered {
  color: #000 !important;
}

.button--primary {
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
}

.button--primary.disabled {
  border-color: #eaeaea !important;
  color: #C9C9C9 !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

.button--square {
  line-height: 50px;
  width: 50px;
  border-radius: 2px;
  box-sizing: border-box;
  position: relative;
}

.button--square::before {
  font-size: 19px;
  font-family: icon;
  line-height: inherit;
  display: block;
}

.button--white {
  background-color: #fff;
}

.button--medium {
  line-height: 50px;
  padding: 0 25px;
  font-size: 16px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
}

.button--medium.disabled {
  border-color: #eaeaea !important;
  color: #C9C9C9 !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

.button--medium.disabled span {
  color: #C9C9C9 !important;
}

.button--tiny {
  line-height: 30px;
  padding: 0 30px;
  font-size: 14px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
}

.button--smallest {
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 16px;
}

.button--mini {
  padding: 0 1.3333333333rem;
  line-height: 3.3333333333rem;
  box-sizing: border-box;
  text-align: center;
  border-radius: 0.1666666667rem;
  font-size: 1.1666666667rem;
  height: 3.3333333333rem;
}

.button--nano {
  padding: 0 0.8333333333rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  border-radius: 0.1666666667rem;
}

.button--smallest {
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 16px;
}

.button--small-padding {
  padding: 6px 12px;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
}

.button--medium-padding {
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  border-radius: 2px;
}

.button--medium-padding.disabled {
  border-color: #eaeaea;
  background: #ffffff;
  color: #C9C9C9;
}

.button--small-text {
  font-size: 14px;
  line-height: 20px;
}

.button--little {
  text-align: center;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 1px;
}

.button--font-size-small {
  font-size: 14px;
}

.button--for-popups {
  background-color: #fff;
  color: #232323;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  font-size: 15px;
}

.button--gray {
  background-color: #F7F8FA;
  color: #C9C9C9;
  border: 1px solid #F7F8FA;
}

.button--gray span::before {
  color: #C9C9C9;
}

.button--white-shadow {
  background: #FFFFFF;
  box-shadow: 0px 7px 6px rgba(106, 106, 106, 0.1);
  border: 1px solid #ffffff;
}

.button--white-shadow span::before {
  color: #232323;
}

.button--blue-dark {
  background-color: #0D0F5A;
  border: 1px solid #0D0F5A;
}

.button--blue-dark span {
  color: #fff;
}

.button--blue-dark span::before {
  color: #fff;
}

.button--green {
  background-color: #7ED322;
  color: #fff;
  border: 1px solid #7ED322;
}

.button--green span::before {
  color: #fff;
}

.button--gray-mid {
  background-color: #C9C9C9;
  color: #fff;
  border: 1px solid #C9C9C9;
}

.button--gray-mid span::before {
  color: #fff;
}

.button--blue-light {
  background-color: #158FED;
  color: #fff;
  border: 1px solid #158FED;
}

.button--blue-light span::before {
  color: #fff;
}

.button--blue-light-blind {
  background-color: #E8F4FD;
  color: #232323;
}

.button--chat {
  padding: 3px 8px;
  line-height: normal;
}

.button--chat span {
  white-space: nowrap;
  font-family: bold;
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.button--chat span:before {
  display: inline-block;
  content: "";
  font-family: icon;
  font-size: 16px;
  margin-right: 4px;
  line-height: 15px;
  vertical-align: bottom;
}

.button--chat span.no-margin::before {
  margin-right: 0 !important;
}

.button--chat.button--red span:before {
  content: "";
}

.button--chat.button--green span:before {
  content: "";
}

@media (max-width: 599px) {
  .button--chat.button--white-shadow {
    box-shadow: none;
    border: 1px solid #eaeaea;
  }

  .button--chat.button--white-shadow span {
    color: #001DB1;
  }

  .button--chat.button--white-shadow span::before {
    color: #001DB1;
  }
}

.button--chat.button--plane span::before {
  content: "";
}

.button--chat.button--next span::before {
  content: "";
}

.button--chat.button--attach span::before {
  content: "";
}

.button--chat.button--check span::before {
  content: "";
}

.button--chat.button--no-icon span::before {
  display: none;
}

.button--bordered-white {
  border: 1px solid #eaeaea;
  background-color: #fff;
}

.button--bordered-white span {
  color: #0D0F5A;
}

.button--bordered-white span::before {
  color: #0D0F5A;
}

.button--yellow {
  background-color: #FBB143;
  color: #232323;
  border: 1px solid #FBB143;
}

.button--yellow span {
  color: #232323;
}

.button--yellow-blind {
  background-color: rgba(251, 177, 67, 0.5);
  color: #232323;
  border: 1px solid transparent;
}

.button--yellow-light {
  background-color: #FFC774;
  color: #232323;
  border: 1px solid #FFC774;
}

.button--yellow-light span {
  color: #232323;
}

.button--white-text {
  color: #fff;
}

.button--white-border {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.button--dark-border {
  color: #232323;
  border: 1px solid #C9C9C9;
}

.button--dark-blue {
  color: #0C0648;
}

.button--yellow-border {
  border: 1px solid #FBB143;
}

.button--text-arrow {
  font-size: 14px;
  line-height: 16px;
  position: relative;
  color: #232323;
}

.button--text-arrow::before {
  content: "";
  position: absolute;
  left: 105%;
  bottom: 2px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-right: 1px solid #232323;
  border-top: 1px solid #232323;
}

.button--text-icon {
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

.button--text-icon::before {
  position: absolute;
  left: -13px;
  top: 1px;
  font-family: icon;
  opacity: 0.5;
  font-size: 11px;
}

.button--blue-text {
  color: #0D0F5A;
}

.button--blue-text::before {
  color: #0D0F5A;
}

.button--blue-blind {
  background-color: rgba(214, 240, 255, 0.5);
  color: #158FED;
}

.button--yellow-text {
  color: #FBB143;
}

.button--yellow-text::before {
  color: #FBB143;
}

.button--yellow-text.button--dashed {
  border-color: #FBB143;
}

.button--loading {
  position: relative;
}

.button--loading.loading {
  pointer-events: none;
  background-color: rgba(251, 177, 67, 0.2);
}

.button--loading.loading .button__preloader {
  opacity: 1;
}

.button--loading.loading span {
  opacity: 0 !important;
}

.button--icon {
  width: 50px;
  height: 35px;
  border-radius: 2px;
  position: relative;
}

.button--icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: icon;
  font-size: 19px;
  color: #232323;
}

.button--text-icon-big {
  font-size: 16px;
  line-height: 18px;
  position: relative;
}

.button--text-icon-big::before {
  position: absolute;
  left: -13px;
  top: 1px;
  font-family: icon;
  opacity: 0.5;
  font-size: 11px;
}

.button--search:before {
  content: "";
}

.button--login:before {
  content: "";
}

.button--link {
  font-size: 12px;
  line-height: 15px;
  color: #0D0F5A;
  padding-bottom: 1px;
}

.button--link span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
}

.button--link-big {
  font-size: 16px;
  line-height: 20px;
  color: #0D0F5A;
}

.button--link-big span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.4);
}

@media (max-width: 599px) {
  .button--mobile-arrow {
    width: 40px;
    height: 40px;
    position: relative;
    font-size: 0;
    padding: 0;
  }

  .button--mobile-arrow::before {
    content: "";
    font-family: icon;
    color: #232323;
    font-size: 18px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
}

.button--square-arrow {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 2px;
}

.button--square-arrow::before {
  content: "";
  font-family: icon;
  color: #232323;
  font-size: 20px;
  position: absolute;
  transform: translate(-50%, -50%) rotate(-90deg);
  top: 50%;
  left: 50%;
}

.button--text-back-arrow {
  position: relative;
  padding-left: 30px;
  color: #0D0F5A;
}

.button--text-back-arrow::before {
  position: absolute;
  content: "";
  font-family: icon;
  left: 10px;
  top: 1px;
  transform: rotate(180deg);
  font-size: 14px;
  color: #0D0F5A;
}

.button--steps {
  width: 100%;
  height: 50px;
  position: relative;
}

.button--steps span {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  font-size: 14px;
  opacity: 0;
  color: #0D0F5A;
}

.button--steps::before {
  position: absolute;
  content: "";
  font-family: icon;
  right: 20px;
  top: 50%;
  line-height: normal;
  transform: translate(0, -50%);
  font-size: 10px;
  color: #0D0F5A;
}

.button--steps.disabled {
  pointer-events: none;
}

.button--steps.disabled span {
  color: #CFD0D1;
}

.button--steps.disabled::before {
  color: #CFD0D1;
}

@media (max-width: 599px) {
  .button--arrow-mobile {
    width: 50px;
    height: 50px;
    font-size: 0;
    padding: 0;
  }

  .button--arrow-mobile::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
  }
}

.button--white-text {
  color: #fff;
}

.button--white-text::before {
  border-color: #FBB143;
}

.button--open {
  position: relative;
}

.button--open::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 150%;
  height: 200%;
  transform: translate(-50%, -50%);
}

.button--open > span {
  display: inline-block;
  vertical-align: middle;
}

.button--open > span::before {
  content: "•";
  font-size: 8px;
  line-height: normal;
  color: #2E2E2E;
}

.button--open > span + span {
  margin-left: 3px;
}

.button--lock {
  line-height: 28px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 0px 7px 6px rgba(106, 106, 106, 0.1);
}

.button--lock span {
  font-size: 14px;
  color: #E1E1E1;
  display: inline-block;
  position: relative;
}

.button--lock span::before {
  content: "";
  display: inline-block;
  font-family: icon;
  margin-right: 5px;
  font-size: 16px;
  line-height: normal;
}

.button--edit {
  line-height: 28px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  background-color: #7ED322;
  box-shadow: 0px 7px 6px rgba(126, 211, 34, 0.1);
}

.button--edit span {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.button--edit span::before {
  content: "";
  display: inline-block;
  font-family: icon;
  margin-right: 7px;
  font-size: 15px;
  vertical-align: middle;
}

.button--clear-padding {
  padding: 0 !important;
}

.button--close:before,
.button--close:after {
  content: "";
  display: block;
  background-color: #232323;
  width: 20px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.button--close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.button--close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.button--red-light {
  background-color: #FF6357;
  color: #fff;
}

.button--red {
  background-color: #EC5C52;
  color: #fff;
  border: 1px solid #EC5C52;
}

.button--red span::before {
  color: #fff;
}

.button--shadow-yellow {
  box-shadow: 0px 4px 6px rgba(251, 177, 67, 0.15);
}

.button--shadow-red {
  box-shadow: 0px 4px 6px rgba(240, 32, 56, 0.15);
}

.button__preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  line-height: normal;
}

.button__preloader img {
  width: 24px;
  height: 24px;
  animation: rotate360 1s linear infinite;
}

@media (min-width: 1200px) {
  .button__preloader img {
    width: 2rem;
    height: 2rem;
  }
}

.button--gray-border {
  border: 1px solid #eaeaea;
  color: #575757;
}

.button--red-border {
  border: 1px solid #FF8F87;
}

.button--mid-gray-border {
  background-color: #fff;
  border: 1px solid rgba(201, 201, 201, 0.5);
}

.button--sup-tiny {
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 1px 8px;
}

.button--light-gray-border {
  border: 1px solid #eaeaea;
  color: #232323;
}

.button--square-small {
  width: 50px;
  line-height: 50px;
  position: relative;
  border-radius: 2px;
  font-size: 16px;
  color: transparent !important;
}

.button--square-small::before {
  font-family: icon;
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #575757;
}

.button--xls-icon::before {
  content: "";
}

.button--calculator-icon::before {
  content: "";
}

.button--bank-icon::before {
  content: "";
}

.button--arrow-back {
  width: 52px;
  padding: 0;
}

.button--arrow-back span {
  line-height: 50px;
  font-size: 0;
}

.button--arrow-back span::before {
  display: inline-block;
  vertical-align: middle;
  color: rgba(87, 87, 87, 0.6);
  font-size: 12px;
  font-family: icon;
  content: "";
  line-height: normal;
}

@media (max-width: 599px) {
  .button--arrow-back span {
    display: inline-block;
    vertical-align: middle;
    line-height: 41px;
    font-size: 0;
    margin-bottom: 4px;
  }
}

.button--color-primary {
  color: #232323;
}

.button--icon-inline span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.button--icon-inline span::after {
  font-family: icon;
  color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  line-height: normal;
  margin-bottom: 6px;
}

.button--icon-out-link span::after {
  content: "";
}

.button--back {
  font-size: 14px;
  line-height: 20px;
  color: #158FED;
}

.button--back span {
  display: inline-block;
  vertical-align: middle;
}

.button--back::before {
  content: "";
  font-family: icon;
  font-size: 6px;
  color: #158FED;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.button--add {
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  min-width: 280px;
  line-height: 50px;
  font-size: 0;
  color: #575757;
}

.button--add p {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.button--add i {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 0;
  margin-right: 8px;
}

.button--add i::before {
  font-size: 16px;
  color: rgba(87, 87, 87, 0.6);
  font-family: icon;
  content: "";
}

.button--icon-question {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  position: relative;
}

.button--icon-question::before {
  content: "";
  font-family: icon;
  font-size: 10px;
  color: rgba(87, 87, 87, 0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button--social-big {
  text-align: left;
  height: 52px;
  box-sizing: border-box;
  padding: 0 20px;
  position: relative;
  border-radius: 2px;
  line-height: 50px;
  font-size: 0;
}

.button--social-big span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 50px;
}

.button--social-big span::before,
.button--social-big span::after {
  font-family: icon;
  position: absolute;
  top: 50%;
}

.button--social-big span::before {
  width: 14px;
  text-align: right;
  left: 0;
  font-size: 14px;
  transform: translate(0, -50%);
}

.button--social-big span::after {
  content: "";
  color: #232323;
  right: 0;
  transform: translate(0, -50%) rotate(180deg);
  font-size: 10px;
}

.button--social-big img {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
}

.button--huge {
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  min-width: 280px;
  line-height: 50px;
  font-size: 0;
  color: #575757;
}

.button--huge p {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.button--huge i {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 0;
  margin-right: 8px;
}

.button--huge i::before {
  font-size: 16px;
  color: rgba(87, 87, 87, 0.6);
  font-family: icon;
  content: "";
}

.button--preloader {
  position: relative;
}

.button--preloader span {
  transition: 0.3s ease;
  transition-property: color, opacity;
}

.button--preloader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate360Translated 1s linear infinite;
  width: 24px;
  height: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  transform-origin: 49.5% 49.5%;
}

.button--preloader img.small {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}

.button--preloader.disabled {
  border-color: #eaeaea;
  background-color: transparent;
  pointer-events: none;
}

.button--preloader.disabled span {
  color: #C9C9C9;
}

.button--preloader.loading span {
  opacity: 0;
}

.button--preloader.loading img {
  opacity: 1;
  transition-delay: 0.3s;
}

.button--preloader.loading p {
  opacity: 1;
  transition-delay: 0.3s;
}

.button--preloader.send {
  color: #000;
}

@media (min-width: 1200px) {
  .button--preloader.send {
    width: 20.8333333333rem;
  }
}

.button--social-login {
  line-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 2px;
}

.button--social-login img {
  width: 58%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.button--social-login span {
  display: inline-block;
  vertical-align: bottom;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 6px;
  text-align: center;
  position: relative;
}

.button--social-login span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  font-family: icon;
  font-size: 8px;
  transform: translate(-50%, -50%);
  display: block;
}

.button--social-login p {
  display: inline-block;
  vertical-align: bottom;
  line-height: 28px;
}

.button--yandex span::before {
  content: "";
  color: #FF0000;
}

.button--mail span::before {
  content: "";
  color: #EF363E;
}

.button--bold {
  font-family: bold;
}

.button--font-weight-medium {
  font-family: medium;
}

.button--color-blue {
  color: #158FED;
}

.button--color-gray-dark {
  color: #979797;
}

.button--color-gray-dark::before {
  color: #979797;
}

.button--color-blue-dark {
  color: #0D0F5A;
}

.button--underline-color-blue span {
  border-bottom: 1px solid rgba(21, 143, 237, 0.2);
}

.button--underline-color-blue-dark span {
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
}

.button--underline-dashed span {
  border-style: dashed;
}

.button--border-blue {
  border: 1px solid rgba(21, 143, 237, 0.25);
}

.button--font-size-medium {
  font-size: 14px;
}

.button--font-size-big {
  font-size: 1.5rem;
  line-height: 2rem;
}

.button--icon-pen::before,
.button--icon-pen span {
  display: inline-block;
  vertical-align: middle;
}

.button--icon-pen::before {
  content: "";
  font-family: icon;
  font-size: 0.75rem;
  color: rgba(13, 15, 90, 0.2);
  margin-right: 0.3333333333rem;
}

.button--icon-plus::before {
  content: "";
  font-family: "icon", serif;
  font-size: 2rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.6666666667rem;
}

.button--input-file {
  position: relative;
}

.button--input-file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.button.disabled-gray {
  border-color: #eaeaea !important;
  color: #575757 !important;
  background-color: #eaeaea !important;
  pointer-events: none !important;
}

.button.disabled-gray span {
  color: #575757 !important;
}

.button--icon-text {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  padding-left: 1.6666666667rem;
  position: relative;
}

.button--icon-text::before {
  content: "";
  font-family: icon;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.3333333333rem;
  color: inherit;
  opacity: 0.5;
}

.button--icon-text-refresh::before {
  content: "";
}

.button--icon-text-download::before {
  content: "";
}

.button--icon-text-check::before {
  content: "";
}

.button--warning {
  background-color: #FF8F87;
  color: #fff;
}

.button--square-icon {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}

.button--square-icon::before {
  font-family: icon;
  font-size: 1.3333333333rem;
  color: rgba(21, 143, 237, 0.5);
}

.button--square-icon-link-out::before {
  content: "";
}

@media (min-width: 600px) {
  .button--primary {
    line-height: 65px;
    padding: 0 35px;
  }

  .button--square {
    width: 65px;
    line-height: 65px;
  }

  .button--icon {
    width: 70px;
    height: 45px;
  }

  .button--steps {
    height: 65px;
  }

  .button--steps span {
    font-size: 16px;
  }

  .button--text-back-arrow {
    font-size: 16px;
  }

  .button--text-back-arrow::before {
    top: 3px;
  }

  .button--tiny {
    line-height: 22px;
    padding: 0 4px;
  }

  .button--lock {
    width: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .button--lock span {
    font-size: 0;
    display: block;
  }

  .button--lock span::before {
    margin-right: 0;
    line-height: 30px;
    font-size: 21px;
  }

  .button--edit {
    width: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
  }

  .button--edit span {
    font-size: 0;
    display: block;
  }

  .button--edit span::before {
    margin-right: 0;
    line-height: 30px;
    font-size: 16px;
    color: #7ED322;
  }

  .button--close:before,
  .button--close:after {
    width: 38px;
  }

  .button--link,
  .button--link-big {
    font-size: 16px;
    line-height: 20px;
  }

  .button--arrow-back {
    text-align: right;
    position: relative;
    padding: 0 22px;
  }

  .button--arrow-back span {
    line-height: 62px;
    font-size: 16px;
  }

  .button--arrow-back span::before {
    margin-right: 10px;
    margin-bottom: 1px;
  }

  .button--chat {
    line-height: normal;
    padding: 3px 8px;
  }

  .button--medium-padding {
    padding: 12px;
    line-height: 16px;
  }

  .button--social-big {
    padding: 0 20px 0 16px;
  }

  .button--social-big span {
    width: auto;
  }

  .button--social-big span::after {
    display: none;
  }

  .button--plus {
    width: 50px !important;
    font-size: 0;
    min-width: auto !important;
    position: relative;
  }

  .button--plus::before,
  .button--plus::after {
    content: "";
    height: 2px;
    width: 24px;
    background-color: #232323;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .button--plus::before {
    transform: translate(-50%, -50%);
  }

  .button--plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .button--huge {
    padding: 23px 0 27px;
  }

  .button--huge i {
    display: block;
    margin: 0 auto 8px;
  }

  .button--huge i::before {
    font-size: 32px;
  }

  .button--huge p {
    display: block;
    margin: 0 auto;
    font-family: bold;
  }

  .button--social-login {
    line-height: 53px;
    font-size: 16px;
  }

  .button--social-login span {
    width: 24px;
    height: 24px;
    margin-right: 9px;
    margin-bottom: 15px;
  }

  .button--social-login span::before {
    font-size: 14px;
  }

  .button--social-login p {
    line-height: 53px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .button--plus-on-tablet {
    width: 50px !important;
    font-size: 0;
    min-width: auto !important;
    position: relative;
  }

  .button--plus-on-tablet::before,
  .button--plus-on-tablet::after {
    content: "";
    height: 2px;
    width: 24px;
    background-color: #232323;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .button--plus-on-tablet::before {
    transform: translate(-50%, -50%);
  }

  .button--plus-on-tablet::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

@media (min-width: 1200px) {
  .button--primary {
    line-height: 5.4166666667rem;
    padding: 0 2.8333333333rem;
    font-size: 1.3333333333rem;
  }

  .button--square {
    line-height: 5.4166666667rem;
    width: 5.4166666667rem;
  }

  .button--square::before {
    font-size: 1.5833333333rem;
  }

  .button--medium {
    line-height: 4.1666666667rem;
    padding: 0 2.0833333333rem;
    font-size: 1.3333333333rem;
  }

  .button--little {
    height: 2.6666666667rem;
    line-height: 2.6666666667rem;
    padding: 0 1.6666666667rem;
  }

  .button--medium-text {
    font-size: 1.1666666667rem;
  }

  .button--small-padding {
    padding: 0.5rem 1rem;
    border-radius: 0.1666666667rem;
  }

  .button--small-text {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .button--font-size-small {
    font-size: 1.1666666667rem;
  }

  .button--tiny {
    line-height: 2rem;
    padding: 0.3333333333rem;
    font-size: 1.1666666667rem;
    border: none;
  }

  .button--bordered-white {
    border: 1px solid #eaeaea;
  }

  .button--gray-border {
    border: 1px solid #eaeaea;
    color: #575757;
  }

  .button--chat {
    line-height: normal;
    padding: 0.3333333333rem;
  }

  .button--chat span {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .button--chat span:before {
    font-size: 1.3333333333rem;
    line-height: 1.25rem;
    margin-right: 0.3333333333rem;
  }

  .button--chat.button--bordered-white {
    width: 2.1666666667rem;
    overflow: hidden;
  }

  .button--chat.button--bordered-white span {
    color: transparent;
  }

  .button--smallest {
    border-radius: 0.1666666667rem;
    padding: 0.25rem 0.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
  }

  .button--small {
    line-height: 4.1666666667rem;
    padding: 0 2.5rem;
  }

  .button--text-arrow {
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
  }

  .button--text-arrow::before {
    bottom: 0.1666666667rem;
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    transform: rotate(45deg);
    border-right: 1px solid #FBB143;
    border-top: 1px solid #FBB143;
  }

  .button--text-arrow span {
    display: block;
    white-space: nowrap;
  }

  .button--text-icon {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .button--text-icon::before {
    left: -1.0833333333rem;
    top: 0rem;
    font-size: 0.9166666667rem;
  }

  .button--link,
  .button--link-big {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .button--icon {
    width: 5.8333333333rem;
    height: 3.75rem;
  }

  .button--icon::before {
    font-size: 1.5833333333rem;
  }

  .button--steps {
    height: 5.4166666667rem;
  }

  .button--steps span {
    left: 1.6666666667rem;
    font-size: 1.3333333333rem;
  }

  .button--steps::before {
    right: 1.6666666667rem;
    font-size: 0.8333333333rem;
  }

  .button--text-back-arrow {
    font-size: 1.3333333333rem;
    padding-left: 2.5rem;
  }

  .button--text-back-arrow::before {
    top: 0.25rem;
    font-size: 1.1666666667rem;
    left: 0.8333333333rem;
  }

  .button--square-arrow {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
  }

  .button--square-arrow::before {
    font-size: 1.6666666667rem;
  }

  .button--lock {
    width: 2.5rem;
    line-height: 2.5rem;
  }

  .button--lock span::before {
    line-height: 2.5rem;
    font-size: 1.75rem;
  }

  .button--edit {
    width: 3.3333333333rem;
    line-height: 3.3333333333rem;
  }

  .button--edit span::before {
    line-height: 2.5rem;
    font-size: 1.3333333333rem;
  }

  .button--open > span::before {
    font-size: 1rem;
  }

  .button--open > span + span {
    margin-left: 0.1666666667rem;
  }

  .button--close:before,
  .button--close:after {
    width: 3.1666666667rem;
  }

  .button--like-input {
    padding: 1.8333333333rem 1.25rem 1.75rem;
    border: 1px solid #eaeaea;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    color: rgba(87, 87, 87, 0.6);
    text-align: left;
    height: 5.4166666667rem;
  }

  .button--like-status {
    line-height: 3.1666666667rem;
    font-size: 1.1666666667rem;
    color: #fff;
    border-radius: 2px;
    border: 0.0833333333rem solid transparent;
    box-sizing: border-box;
    text-align: center;
    padding: 0 2.1666666667rem;
  }

  .button--like-status.button--blue {
    background-color: #0024AA;
    border-color: #0024AA;
    box-shadow: 0px 7px 6px rgba(0, 36, 170, 0.1);
  }

  .button--dashed {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    color: rgba(35, 35, 35, 0.3);
    border-bottom: 1px dashed rgba(35, 35, 35, 0.3);
  }

  .button--dashed.button--yellow-text {
    color: #FBB143;
  }

  .button--sup-tiny {
    font-size: 1.1666666667rem;
    padding: 0.0833333333rem 0.6666666667rem;
  }

  .button--square-small {
    width: 4.1666666667rem;
    line-height: 4.1666666667rem;
    font-size: 1.3333333333rem;
  }

  .button--square-small::before {
    font-size: 2rem;
  }

  .button--arrow-back {
    padding: 0 1.8333333333rem;
  }

  .button--arrow-back span {
    line-height: 5.1666666667rem;
    font-size: 1.3333333333rem;
  }

  .button--arrow-back span::before {
    left: 2rem;
    font-size: 1rem;
    margin-right: 0.8333333333rem;
  }

  .button--icon-inline span::after {
    font-size: 2rem;
    margin-left: 0.6666666667rem;
    margin-bottom: 0.5rem;
  }

  .button--back {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .button--back::before {
    font-size: 0.5rem;
    margin-right: 0.4166666667rem;
  }

  .button--add p {
    font-size: 1.3333333333rem;
  }

  .button--add i {
    margin-right: 0.6666666667rem;
  }

  .button--add i::before {
    font-size: 1.3333333333rem;
  }

  .button--medium-padding {
    padding: 1rem;
    font-size: 1.3333333333rem;
    line-height: 1.3333333333rem;
    border-radius: 0.1666666667rem;
  }

  .button--icon-question {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }

  .button--icon-question::before {
    font-size: 0.8333333333rem;
  }

  .button--social-big {
    padding: 0 1.6666666667rem 0 1.3333333333rem;
    height: 4.3333333333rem;
    border-radius: 0.1666666667rem;
    line-height: 4.1666666667rem;
  }

  .button--social-big span {
    padding-left: 2.3333333333rem;
    font-size: 1.3333333333rem;
    line-height: 4.1666666667rem;
  }

  .button--social-big span::before {
    font-size: 1.1666666667rem;
  }

  .button--social-big img {
    left: 1.6666666667rem;
    width: 1.25rem;
  }

  .button--huge {
    min-width: 23.3333333333rem;
    min-height: 9.6666666667rem;
    padding: 1.9166666667rem 0 2.25rem;
  }

  .button--huge i {
    margin: 0 auto 0.6666666667rem;
  }

  .button--huge i::before {
    font-size: 2.6666666667rem;
  }

  .button--huge p {
    font-size: 1.3333333333rem;
    line-height: 2rem;
  }

  .button--plus {
    width: 4.1666666667rem !important;
    font-size: 0 !important;
  }

  .button--plus::before,
  .button--plus::after {
    width: 1.6666666667rem;
  }

  .button--preloader img {
    width: 2rem;
    height: 2rem;
  }

  .button--social-login {
    line-height: 4.25rem;
    padding: 0 2rem 0 1.3333333333rem;
    font-size: 1.3333333333rem;
  }

  .button--social-login span {
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
    margin-bottom: 1.25rem;
  }

  .button--social-login span::before {
    font-size: 1.1666666667rem;
  }

  .button--social-login p {
    line-height: 4.4166666667rem;
  }

  .button--font-size-medium {
    font-size: 1.1666666667rem;
  }
}

.checkbox {
  cursor: pointer;
}

.checkbox svg path {
  transition: 0.2s ease-out;
  transition-property: stroke, stroke-dashoffset;
}

.checkbox span {
  transition: 0.3s ease;
  transition-property: background-color, border-color;
}

.checkbox-large {
  background-color: #fff;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  padding: 8px 10px;
  position: relative;
  border-radius: 2px;
}

.checkbox-large__text span {
  color: #979797;
  font-size: 12px;
}

.checkbox-large__text p {
  font-size: 14px;
  padding-right: 25px;
}

.checkbox-large__value {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  transform: translate(0, -50%);
  border-radius: 2px;
}

.checkbox-large__value::before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: icon;
  content: "";
  transform: translate(-50%, -50%);
  font-size: 12px;
  opacity: 0;
}

.checkbox-large.active {
  border-color: rgba(13, 15, 90, 0.5);
}

.checkbox-large.active:hover {
  border-color: rgba(13, 15, 90, 0.5);
}

.checkbox-large.active .checkbox-large__value::before {
  opacity: 1;
}

@media (min-width: 600px) {
  .checkbox-large {
    padding: 14px 15px;
  }

  .checkbox-large__text span {
    line-height: 15px;
    display: block;
  }

  .checkbox-large__text p {
    font-size: 18px;
    line-height: 20px;
    padding-right: 30px;
  }

  .checkbox-large__value {
    right: 15px;
    width: 25px;
    height: 25px;
  }

  .checkbox-large__value::before {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .checkbox-large {
    padding: 1.1666666667rem 1.25rem;
  }

  .checkbox-large__text span {
    line-height: 1.25rem;
    font-size: 1rem;
  }

  .checkbox-large__text p {
    font-size: 1.5rem;
    line-height: 1.6666666667rem;
    padding-right: 2.5rem;
  }

  .checkbox-large__value {
    right: 1.25rem;
    width: 2.0833333333rem;
    height: 2.0833333333rem;
  }

  .checkbox-large__value::before {
    font-size: 1.1666666667rem;
  }
}

.link {
  line-height: 18px;
}

.link--dark-blue span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
  display: inline-block;
}

.link--border-dashed span {
  border-style: dashed;
}

.link--small {
  font-size: 14px;
}

.link--big {
  font-size: 16px;
}

.link > span {
  line-height: inherit;
}

.link--icon {
  position: relative;
}

.link--icon:before {
  position: absolute;
  right: 100%;
  bottom: 4px;
  font-family: icon;
  font-size: 12px;
  color: rgba(13, 15, 90, 0.5);
  margin-right: 4px;
  line-height: normal;
}

.link--icon-red::before {
  color: #F63A47;
}

.link--phone::before {
  content: "";
}

.link--login::before {
  content: "";
}

.link--star::before {
  content: "";
}

.link--no-border > span {
  border: none;
}

@media (min-width: 1200px) {
  .link {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .link--icon:before {
    font-size: 1rem;
    margin-right: 0.3333333333rem;
    bottom: 0.3333333333rem;
  }
}

.range-slider {
  position: relative;
  font-size: 0;
}

.range-slider__range {
  bottom: -5px !important;
  left: 16px;
  right: 2px;
  z-index: 3;
  position: absolute !important;
}

.range-slider__range::before {
  content: "";
  right: 100%;
  background-color: #FBB143;
  height: 1px;
  width: 14px;
  position: absolute;
}

.range-slider__range .vue-slider-dot-handle {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #0D0F5A !important;
  transform: rotate(45deg);
  position: relative;
}

.range-slider__range .vue-slider-dot-handle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  width: 200%;
  height: 200%;
}

.range-slider__range .vue-slider-rail {
  background-color: rgba(251, 177, 67, 0.5) !important;
}

.range-slider__range .vue-slider-process {
  background-color: #FBB143 !important;
  height: 1px !important;
}

.range-slider__datepicker-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.range-slider__datepicker-toggle.disabled {
  pointer-events: none;
}

.range-slider__datepicker {
  position: absolute !important;
  top: 100%;
  opacity: 0;
  transform: translate(0, 10px);
  pointer-events: none;
  margin-top: 15px;
  width: auto !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  white-space: normal;
}

.range-slider__datepicker--left {
  left: -1px;
  right: auto;
}

.range-slider__datepicker--right {
  right: -1px;
  left: auto;
}

.range-slider__datepicker .mx-datepicker-popup {
  border: none !important;
}

.range-slider__label {
  position: absolute;
  top: 15px;
  left: 12px;
  color: rgba(87, 87, 87, 0.6);
  font-size: 16px;
  line-height: 20px;
  z-index: 2;
  pointer-events: none;
}

.range-slider__label--datepicker {
  opacity: 0;
  pointer-events: none;
}

.range-slider__label--period {
  transform: translate(0, -15px);
}

.range-slider__label--days {
  transform: translate(0, 15px);
}

.range-slider__value {
  font-size: 16px;
  line-height: 20px;
  color: transparent;
  display: inline-block;
  vertical-align: baseline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  max-width: 110%;
  border: 1px solid #eaeaea;
  height: 52px;
  padding: 16px 12px 0 12px;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
}

.range-slider__value--small {
  max-width: 45px;
  width: 10px;
}

.range-slider__value--period-left {
  border-radius: 2px 0 0 2px;
  border-right: none;
}

.range-slider__value--period-right {
  border-radius: 0 2px 2px 0;
  border-left: none;
}

.range-slider__value--black-placeholder::-webkit-input-placeholder {
  opacity: 1;
}

.range-slider__value--black-placeholder::-moz-placeholder {
  opacity: 1;
}

.range-slider__value--black-placeholder:-moz-placeholder {
  opacity: 1;
}

.range-slider__value--black-placeholder:-ms-input-placeholder {
  opacity: 1;
}

.range-slider__round {
  display: inline-block;
  vertical-align: baseline;
  font-size: 12px;
  line-height: 12px;
  color: rgba(35, 35, 35, 0.4);
  position: absolute;
  bottom: 13px;
  left: 15px;
  z-index: 2;
}

.range-slider__toggles {
  position: absolute;
  right: 16px;
  top: 16px;
}

.range-slider__toggle {
  display: inline-block;
  color: rgba(13, 15, 90, 0.5);
  border-bottom: 1px dashed rgba(13, 15, 90, 0.3);
  font-size: 14px;
  line-height: 18px;
}

.range-slider__toggle.active {
  color: #0D0F5A;
  border-color: transparent;
}

.range-slider__toggle + .range-slider__toggle {
  margin-left: 10px;
}

.range-slider__currency {
  position: absolute;
  top: 22px;
  left: 20px;
  opacity: 0;
  transform: translate(10px, 0);
}

.range-slider__input {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  position: relative;
}

.range-slider__days-count {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 2px;
  font-size: 11px;
  color: rgba(87, 87, 87, 0.6);
  opacity: 0;
}

@media (min-width: 340px) {
  .range-slider__days-count {
    font-size: 12px;
  }
}

.range-slider.hide-range .range-slider__round {
  display: none;
}

.range-slider.hide-range .range-slider__value--days {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, -15px);
}

.range-slider.hide-range .range-slider__value--period {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

.range-slider.hide-range .range-slider__range {
  opacity: 0;
  pointer-events: none;
}

.range-slider.hide-range .rs-container {
  opacity: 0;
}

.range-slider--disabled {
  pointer-events: none !important;
}

.range-slider--disabled .range-slider__value {
  background-color: #FAFBFC;
  color: rgba(87, 87, 87, 0.6) !important;
}

.range-slider--disabled .range-slider__label {
  color: #C9C9C9;
}

@media (min-width: 600px) {
  .range-slider__label {
    top: 23px;
    left: 15px;
  }

  .range-slider__value {
    height: 65px;
    padding: 15px 15px 0 15px;
  }

  .range-slider__value--small {
    max-width: 47px;
  }

  .range-slider__round {
    font-size: 14px;
    line-height: 14px;
    bottom: 17px;
    left: 21px;
  }

  .range-slider__toggles {
    position: absolute;
    right: 13px;
    top: 22px;
  }

  .range-slider__toggle + .range-slider__toggle {
    margin-left: 5px;
  }

  .range-slider__currency {
    font-size: 16px;
    top: 29px;
    left: 26px;
  }

  .range-slider__datepicker {
    transform: translate(0, 10px);
  }

  .range-slider__range {
    bottom: -6px !important;
    left: 18px;
  }

  .range-slider__range::before {
    width: 16px;
  }
}

@media (min-width: 1200px) {
  .range-slider__range {
    left: 1.5rem;
    right: 0.1666666667rem;
  }

  .range-slider__range::before {
    width: 1.3333333333rem;
  }

  .range-slider:hover {
    z-index: 2;
  }

  .range-slider__label {
    top: 1.9166666667rem;
    left: 1.25rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .range-slider__value {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    height: 5.4166666667rem;
    padding: 1.25rem 1.25rem 0 1.25rem;
  }

  .range-slider__value--small {
    max-width: 4.1666666667rem;
    width: 0.8333333333rem;
  }

  .range-slider__round {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    bottom: 1.1666666667rem;
    left: 1.3333333333rem;
  }

  .range-slider__toggles {
    position: absolute;
    right: 1.6666666667rem;
    top: 0.5833333333rem;
  }

  .range-slider__toggle {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .range-slider__toggle + .range-slider__toggle {
    margin-left: 0.4166666667rem;
  }

  .range-slider__currency {
    font-size: 1.3333333333rem;
    top: 2.5833333333rem;
    left: 2.1666666667rem;
  }

  .range-slider__datepicker {
    margin-top: 1.25rem;
  }

  .range-slider__days-count {
    margin-bottom: 0.3333333333rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .range-slider__range {
    bottom: -7px !important;
  }
}

@media (min-width: 1720px) {
  .range-slider__range {
    bottom: -9px !important;
  }
}

.range-dates {
  position: relative;
}

.range-dates__slider {
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}

.range-dates__slider.active {
  opacity: 1;
  pointer-events: all;
}

.range-dates__inputs {
  opacity: 0;
  pointer-events: none;
}

.range-dates__inputs.active {
  opacity: 1;
}

.range-dates__inputs::before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 7px;
  bottom: 7px;
  width: 1px;
  background-color: #eaeaea;
  z-index: 2;
  content: "";
}

.range-dates__overflow {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #FAFBFC;
  z-index: 3;
  color: rgba(87, 87, 87, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.range-dates__overflow p {
  font-size: 16px;
  line-height: 20px;
  padding-left: 11px;
  padding-top: 15px;
}

@media (min-width: 600px) {
  .range-dates__overflow p {
    padding-left: 14px;
    padding-top: 22px;
  }
}

@media (min-width: 1200px) {
  .range-dates__overflow p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    padding-left: 1.1666666667rem;
    padding-top: 1.8333333333rem;
  }

  .range-dates__inputs::before {
    top: 0.5833333333rem;
    bottom: 0.5833333333rem;
  }
}

.copy-link {
  position: relative;
}

.copy-link span {
  font-size: 0;
  display: block;
}

.copy-link__value {
  padding: 21px 60px 9px 10px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  background-color: #FAFBFC;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  border-radius: 2px;
}

@media (max-width: 599px) {
  .copy-link__value {
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.copy-link__label {
  position: absolute;
  color: rgba(35, 35, 35, 0.4);
  font-size: 14px;
  line-height: 18px;
  left: 11px;
  top: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 85%;
  overflow: hidden;
}

.copy-link__icon {
  position: absolute;
  top: 15px;
  right: 15px;
}

.copy-link__icon::before {
  font-size: 17px;
  color: #C9C9C9;
  font-family: icon;
  content: "";
}

@media (min-width: 600px) {
  .copy-link__value {
    padding: 28px 65px 15px 15px;
    height: 65px;
    border: 1px solid #eaeaea;
  }

  .copy-link__label {
    left: 14px;
    top: 8px;
  }

  .copy-link__icon {
    top: 22px;
    right: 22px;
  }
}

@media (min-width: 1200px) {
  .copy-link__value {
    padding: 2.3333333333rem 5.4166666667rem 1.25rem 1.25rem;
    height: 5.4166666667rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .copy-link__label {
    left: 1.1666666667rem;
    top: 0.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .copy-link__icon {
    top: 1.8333333333rem;
    right: 1.8333333333rem;
  }

  .copy-link__icon::before {
    font-size: 1.4166666667rem;
  }
}

.link {
  line-height: 18px;
}

.link--dark-blue span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
  display: inline-block;
}

.link--border-dashed span {
  border-style: dashed;
}

.link--small {
  font-size: 14px;
}

.link--big {
  font-size: 16px;
}

.link > span {
  line-height: inherit;
}

.link--icon {
  position: relative;
}

.link--icon:before {
  position: absolute;
  right: 100%;
  bottom: 4px;
  font-family: icon;
  font-size: 12px;
  color: rgba(13, 15, 90, 0.5);
  margin-right: 4px;
  line-height: normal;
}

.link--icon-red::before {
  color: #F63A47;
}

.link--phone::before {
  content: "";
}

.link--login::before {
  content: "";
}

.link--star::before {
  content: "";
}

.link--no-border > span {
  border: none;
}

@media (min-width: 1200px) {
  .link {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .link--icon:before {
    font-size: 1rem;
    margin-right: 0.3333333333rem;
    bottom: 0.3333333333rem;
  }
}

.col-toggle {
  position: relative;
}

.col-toggle > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  display: none;
}

.col-toggle--datepicker input {
  z-index: -1;
}

.col-toggle > p {
  display: inline;
  vertical-align: middle;
}

.col-toggle > span {
  display: inline-block;
  position: relative;
  font-size: 0;
  max-width: 90%;
}

.col-toggle > span.active span {
  color: #0D0F5A;
}

.col-toggle > span > span {
  display: inline;
  border-bottom: 1px dashed rgba(35, 35, 35, 0.2);
  font-size: 12px;
  line-height: 18px;
}

.col-toggle > span > i {
  position: absolute;
  z-index: 1;
  left: 100%;
  top: 6px;
  margin-left: 4px;
}

.col-toggle > span > i::after {
  content: "";
  font-size: 4px;
  font-family: icon;
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  padding-top: 1px;
}

.col-toggle > span > i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 400%;
  width: 200%;
  transform: translate(-50%, -50%);
}

.col-toggle .asd__wrapper {
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
  margin-top: 0.6666666667rem;
}

.col-toggle i.active::after {
  transform: rotate(180deg);
}

.col-toggle i.blur {
  opacity: 0.5;
}

.col-toggle__range-picker {
  display: none;
}

.col-toggle__select {
  display: none;
}

.col-toggle__button {
  vertical-align: middle;
  margin-top: -6px;
  margin-left: 4px;
}

@media (min-width: 1200px) {
  .col-toggle > input {
    display: block;
  }

  .col-toggle > span span {
    font-size: 1rem;
    line-height: 1.6666666667rem;
  }

  .col-toggle > span > i {
    margin-left: 0.3333333333rem;
    top: 0.6rem;
  }

  .col-toggle > span > i::after {
    font-size: 0.3333333333rem;
    padding-top: 0.0833333333rem;
  }

  .col-toggle--datepicker > span {
    max-width: 80%;
  }

  .col-toggle__range-picker {
    position: absolute;
    left: -1.3333333333rem;
    top: 100%;
    margin-top: 0.6666666667rem;
    display: block;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .col-toggle__range-picker.active {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
  }

  .col-toggle__select {
    position: absolute;
    left: -1.3333333333rem;
    top: 100%;
    margin-top: 0.6666666667rem;
    display: block;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .col-toggle__select.active {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
  }

  .col-toggle__button {
    margin-top: -0.5rem;
    margin-left: 0.3333333333rem;
  }
}

.back {
  color: #158FED;
  padding-left: 15px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  display: block;
}

.back::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  color: #158FED;
  font-family: icon;
  font-size: 7px;
}

@media (min-width: 1200px) {
  .back {
    padding-left: 1.25rem;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .back::before {
    font-size: 0.5833333333rem;
  }
}

.counter {
  line-height: 1.4166666667rem;
  font-size: 0.8333333333rem;
  color: #fff;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
}

.counter--red {
  background-color: #F02038;
  box-shadow: 0px 4px 10px rgba(246, 58, 71, 0.3);
}

.counter--green {
  background-color: #7ED322;
  box-shadow: 0px 4px 10px rgba(126, 211, 34, 0.5);
}

.counter span {
  padding: 0 0.3333333333rem;
}

@media (min-width: 1200px) {
  .counter--red {
    box-shadow: 0px 0.3333333333rem 0.8333333333rem rgba(246, 58, 71, 0.3);
  }

  .counter--green {
    box-shadow: 0px 0.3333333333rem 0.8333333333rem rgba(126, 211, 34, 0.5);
  }
}

.status {
  position: relative;
  padding-left: 11px;
}

.status span {
  display: inline-block;
}

.status::before,
.status::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 14px;
  line-height: normal;
}

.status::before {
  content: "●";
}

.status--underlined span {
  border-bottom: 1px dashed;
}

.status--green span {
  color: #12981A;
  border-color: #12981A;
}

.status--green::before,
.status--green::after {
  color: #12981A;
}

.status--orange span {
  color: #F5A623;
  border-color: #F5A623;
}

.status--orange::before,
.status--orange::after {
  color: #F5A623;
}

.status--red span {
  color: #F63A47;
  border-color: #F63A47;
}

.status--red::before,
.status--red::after {
  color: #F63A47;
}

.status--blue span {
  color: #0A65E2;
  border-color: #0A65E2;
}

.status--blue::before,
.status--blue::after {
  color: #0A65E2;
}

.status--dark-blue span {
  color: #001DB1;
  border-color: #001DB1;
}

.status--dark-blue::before,
.status--dark-blue::after {
  color: #001DB1;
}

.status--warning::before {
  opacity: 0.8;
}

.status--warning::after {
  content: "●";
  opacity: 0.5;
}

@media (min-width: 1200px) {
  .status {
    padding-left: 0.9166666667rem;
  }

  .status::before,
  .status::after {
    font-size: 1.1666666667rem;
  }
}

.text-status {
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-family: bold;
}

.text-status--green {
  color: #12981A;
}

.text-status--orange {
  color: #F5A623;
}

.text-status--red {
  color: #F63A47;
}

.text-status--blue {
  color: #0A65E2;
}

.text-status--dark-blue {
  color: #001DB1;
}

.input-placeholder {
  height: 52px;
  border-radius: 2px;
  background-color: #eaeaea;
  position: relative;
  overflow: hidden;
}

.input-placeholder__loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
}

.input-placeholder__loader::before {
  content: "";
  left: 50%;
  top: 50%;
  opacity: 0.5;
  width: 100%;
  height: 417%;
  position: absolute;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  transform: rotate(30deg) translate(-50%, -50%);
  transform-origin: 0% 0%;
}

@media (min-width: 600px) {
  .input-placeholder {
    height: 5.4166666667rem;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  min-width: 320px;
  box-sizing: border-box;
}

.header__mobile {
  position: fixed;
  right: 0;
  top: 0;
  width: 265px;
  height: 100%;
  background-color: #fff;
  z-index: 2;
  overflow: hidden;
  transform: translate(100%, 0);
}

.header__container {
  font-size: 0;
}

.header__left {
  width: 37.5%;
  display: inline-block;
  vertical-align: middle;
}

.header__right {
  width: 62.5%;
  text-align: right;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 1;
}

@media (max-width: 599px) {
  .header__right {
    height: 52px;
    line-height: 52px;
  }
}

.header__logo {
  display: inline-block;
  width: 100%;
}

.header__logo-wrapper {
  width: 80%;
  display: inline-block;
}

.header__logo-wrapper img {
  width: auto;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.header__logo-wrapper--big .header__logo {
  width: auto;
}

@media (max-width: 599px) {
  .header__logo-wrapper--big img {
    height: 32px;
  }
}

.header__logo-wrapper--tall img {
  height: 48px;
}

@media (max-width: 599px) {
  .header__logo-wrapper--long img {
    height: auto;
    max-width: 115px;
  }
}

@media (max-width: 599px) {
  .header__logo-wrapper {
    height: 52px;
    line-height: 52px;
  }
}

.header__phone {
  margin-right: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: inherit;
}

.header__phone--white {
  color: #fff;
}

.header__phone::before {
  line-height: inherit;
  font-size: 16px;
  color: #0D0F5A;
  position: absolute;
  font-family: icon;
  content: "";
}

@media (max-width: 599px) {
  .header__phone {
    width: 24px;
    height: 24px;
  }

  .header__phone::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.header__button--login-desktop {
  display: none;
}

.header__hamburger {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.header__hamburger span {
  position: absolute;
  display: block;
  width: 17px;
  height: 1px;
  right: 0;
  top: 50%;
  background-color: #232323;
}

.header__hamburger span:nth-child(1) {
  transform: translate(0, -5px);
}

.header__hamburger span:nth-child(2) {
  transform: translate(0, 0) scale(1);
}

.header__hamburger span:nth-child(3) {
  transform: translate(0%, 5px);
}

.header__hamburger--white span {
  background-color: #fff;
}

.header__cover {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.header__top {
  padding: 14px 0 14px 34px;
  border-bottom: 1px solid #e9e9e9;
}

.header__item {
  display: block;
  line-height: 18px;
}

.header__item > span {
  color: #232323;
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.header__item--main {
  font-size: 16px;
  padding: 12px 0;
}

@media (max-width: 1199px) {
  .header__item--button {
    display: none;
  }
}

.header__item--sub {
  font-size: 14px;
  padding: 8px 0;
}

.header__item--sub-menu::before {
  font-family: icon;
  content: "";
  font-size: 8px;
  color: #232323;
  float: right;
}

.header__item.active > span {
  border-color: transparent;
  color: #575757;
}

.header__count {
  padding: 0 2px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #7ED322;
  text-align: center;
  margin-left: 6px;
  border-radius: 2px;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  font-family: bold;
  box-sizing: border-box;
}

.header__logo-wrapper {
  display: inline-block;
}

.header__menu {
  padding: 12px 20px 20px;
  position: relative;
}

.header__sub-menu {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 16px 20px 0;
  box-sizing: border-box;
  transform: translate(100%, 0);
}

.header__triangle {
  display: none;
}

.header__button--back {
  margin-bottom: 12px;
  width: 100%;
  text-align: left;
}

.header__group.open + .header__group {
  margin-top: 16px;
}

.header__button--offer {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 225px;
  box-shadow: 0 13px 25px 38px white;
  display: block;
}

.header__divider {
  width: 100%;
  height: 8px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  position: absolute;
  z-index: 2;
}

.header__side {
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 20px 100px;
  margin: 0 -20px;
}

@media (max-width: 1199px) {
  .header__manager--desktop {
    display: none;
  }
}

.header__manager--mobile {
  display: inline-block;
  vertical-align: middle;
  width: 193px;
}

.header__manager-wrapper {
  margin-top: 24px;
  padding: 0 20px 40px;
  font-size: 0;
}

.header__manager-wrapper > p {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 12px;
  color: #AFAFAF;
}

.header__manager-phone {
  width: 32px;
  height: 32px;
  background-color: #0D0F5A;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.header__manager-phone::before {
  content: "";
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-family: icon;
}

@media (max-width: 1199px) {
  .header__mobile-scroller {
    overflow-y: scroll;
  }
}

.header__button--small {
  display: none;
}

.header__wrapper {
  white-space: nowrap;
}

.header__support {
  display: inline-block;
  vertical-align: middle;
  color: #0D0F5A;
  margin-right: 16px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.header__support span {
  display: inline-block;
}

.header__support::before {
  font-family: icon;
  font-size: 16px;
  color: #0D0F5A;
  margin-right: 4px;
  position: absolute;
  content: "";
  right: 100%;
  top: 2px;
  line-height: normal;
}

.header__support.loading > span {
  color: #E18D4F;
  border-color: transparent;
}

.header__support.loading:before {
  content: "";
  color: rgba(225, 141, 79, 0.5);
  animation: rotate360 1s linear infinite;
}

@media (max-width: 599px) {
  .header__status {
    display: none;
  }
}

.header.disable-menu .header__item {
  pointer-events: none;
}

.header.disable-menu .header__item span {
  border: none;
  color: rgba(87, 87, 87, 0.6);
}

@media (min-width: 600px) {
  .header {
    padding: 12px 0;
  }

  .header__container {
    font-size: 0;
  }

  .header__left {
    width: 25%;
    position: relative;
    z-index: 2;
  }

  .header__right {
    width: 75%;
  }

  .header__logo-wrapper {
    width: 55.3333%;
  }

  .header__logo-wrapper img {
    height: 40px;
  }

  .header__logo-wrapper--long img {
    max-width: 140px;
    height: auto;
  }

  .header__logo-wrapper--tall img {
    height: 48px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .header__logo-wrapper {
    white-space: nowrap;
  }
}

@media (min-width: 600px) {
  .header__phone {
    font-size: 14px;
    line-height: 20px;
    margin-right: 24px;
    color: #232323;
  }

  .header__phone::before {
    right: 100%;
    font-size: 12px;
    color: rgba(87, 87, 87, 0.6);
    line-height: normal;
    margin-right: 4px;
    top: 50%;
    transform: translate(0, -50%);
  }
}

@media (min-width: 600px) {
  .header__button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 32px;
  }

  .header__button--small {
    vertical-align: middle;
    margin-left: 20px;
    line-height: 18px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .header__button--login-desktop {
    display: none;
  }
}

@media (min-width: 600px) {
  .header__manager--desktop {
    margin-right: 16px;
  }
}

@media (min-width: 600px) {
  .header__support {
    margin-right: 32px;
  }

  .header__support span {
    border-bottom: 1px dashed rgba(13, 15, 90, 0.2);
  }

  .header__support::before {
    font-size: 12px;
    top: 4px;
    color: rgba(13, 15, 90, 0.5);
  }
}

@media (min-width: 600px) {
  .header__status {
    margin-right: 32px;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .header {
    padding: 1.8333333333rem 0;
  }

  .header__top {
    display: none;
  }

  .header__left {
    width: 62.5%;
    font-size: 0;
    white-space: nowrap;
  }

  .header__right {
    width: 37.5%;
  }

  .header__logo-wrapper {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 2.5rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: -0.5rem;
  }

  .header__logo-wrapper img {
    height: 2.6666666667rem;
    margin-left: 1rem;
  }

  .header__logo-wrapper--tall {
    top: -1.6666666667rem;
  }

  .header__logo-wrapper--tall img {
    max-height: none;
    max-width: 8.3333333333rem;
    width: auto;
    height: 5.8333333333rem;
  }

  .header__logo-wrapper--big {
    text-align: left;
    top: -0.8333333333rem;
  }

  .header__logo-wrapper--big img {
    height: 3.3333333333rem;
  }

  .header__logo-wrapper--long {
    top: -0.3333333333rem;
  }

  .header__logo-wrapper--long img {
    height: auto;
    max-width: none;
    max-height: 2rem;
  }

  .header__logo-wrapper--standard {
    top: 0;
  }

  .header__logo-wrapper--standard img {
    height: auto;
  }

  .header__logo-wrapper--standard img {
    width: 9rem;
  }

  .header__cover {
    display: none;
  }

  .header__mobile {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    position: static;
    transform: none;
    background: none;
    overflow: visible;
    margin-left: 20%;
  }

  .header__button--offer {
    display: none;
  }

  .header__phone {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    margin-right: 2.6666666667rem;
    padding-right: 1.3333333333rem;
    border-right: 1px solid #eaeaea;
    vertical-align: baseline;
  }

  .header__phone::before {
    font-size: 1rem;
    margin-right: 0.3333333333rem;
  }

  .header__button {
    margin-right: 0.5rem;
  }

  .header__button--small {
    display: none;
  }

  .header__button--login-desktop {
    margin-right: 1rem;
    vertical-align: baseline;
  }

  .header__hamburger {
    display: none;
  }

  .header__menu {
    padding: 0;
    margin-bottom: -0.3333333333rem;
    display: inline-block;
  }

  .header__item {
    display: inline-block;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    padding: 0;
    position: relative;
    margin-right: 1.3333333333rem;
    margin-bottom: 0.3333333333rem;
  }

  .header__item.active > span {
    color: #0B0C34;
  }

  .header__item > span {
    display: inline-block;
    line-height: inherit;
  }

  .header__item--main + .header__item {
    margin-top: 0;
    margin-left: 0;
  }

  .header__item--main + .header__item--button {
    margin-top: -0.25rem;
  }

  .header__item--main span {
    color: #0D0F5A;
  }

  .header__item--button {
    padding: 0.5rem 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 50%;
    transform: translate(0, -50%);
  }

  .header__item--sub + .header__item {
    margin-top: 2rem;
  }

  .header__item--sub-menu::before {
    content: "";
    float: none;
    position: absolute;
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
  }

  .header__item--white > span {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .header__count {
    padding: 0 0.1666666667rem;
    min-width: 1.6666666667rem;
    height: 1.6666666667rem;
    line-height: 1.6666666667rem;
    margin-left: 0.5rem;
    border-radius: 0.1666666667rem;
    font-size: 1rem;
  }

  .header__sub-menu {
    left: 0;
    top: 100%;
    margin-top: 1.5rem;
    width: 22.9166666667rem;
    border: 1px solid #d5d5d5;
    padding: 0;
    border-radius: 2px;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .header__divider {
    display: none;
  }

  .header__button--back {
    display: none;
  }

  .header__side {
    overflow: visible;
    margin: 0;
    padding: 2rem 1.6666666667rem 2.6666666667rem;
    box-sizing: border-box;
  }

  .header__group + .header__group {
    margin-top: 1rem;
  }

  .header__group.open + .header__group {
    margin-top: 2rem;
  }

  .header__triangle {
    font-size: 0;
    display: block;
    position: absolute;
    top: -19px;
    left: 0;
    width: 123px;
  }

  .header__manager {
    margin-right: 2.6666666667rem;
    display: inline-block;
    text-align: left;
  }

  .header__manager-wrapper {
    display: none;
  }

  .header__status {
    margin-right: 3rem;
    vertical-align: baseline;
  }

  .header__support {
    margin-right: 2.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    cursor: pointer;
    vertical-align: baseline;
  }

  .header__support::before {
    font-size: 1rem;
    margin-right: 0.3333333333rem;
    top: 0.3333333333rem;
  }
}

.table-information + .table-information {
  margin-top: 48px;
}

.table-information__scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 0 -7%;
  padding: 0 7% 1px;
  white-space: nowrap;
}

.table-information__title {
  font-size: 16px;
  line-height: 20px;
  font-family: bold;
  margin-bottom: 12px;
}

.table-information__cell {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-information__cell input {
  height: 48px;
  box-sizing: border-box;
  width: 100%;
}

.table-information__cell p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-information__cell--fz-small {
  min-height: 48px;
}

.table-information__cell--fz-small p {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
}

.table-information__cell--fz-small input {
  font-size: 14px;
  line-height: 18px;
  padding: 0 10px;
}

.table-information__cell--fz-medium {
  min-height: 48px;
}

.table-information__cell--fz-medium p {
  font-size: 16px;
  line-height: 18px;
  padding: 15px 10px;
}

.table-information__cell--fz-big p {
  font-size: 20px;
  line-height: 24px;
  padding: 18px 10px;
}

.table-information__cell--bold p,
.table-information__cell--bold input {
  font-family: bold;
}

.table-information__cell--head {
  min-height: auto;
}

.table-information__cell--head p {
  color: rgba(35, 35, 35, 0.8);
  padding: 0 0 8px;
}

.table-information__cell--body {
  box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset;
}

.table-information__cell--body p,
.table-information__cell--body input {
  color: #232323;
}

.table-information__cell--orange-border {
  box-shadow: 1px 0 0 0 #FFC44D, 0 1px 0 0 #FFC44D, 1px 1px 0 0 #FFC44D, 1px 0 0 0 #FFC44D inset, 0 1px 0 0 #FFC44D inset;
  z-index: 1;
  position: relative;
}

.table-information__cell--orange-border input {
  color: #E18D4F;
}

.table-information__cell--red-border {
  box-shadow: 1px 0 0 0 #FF8F87, 0 1px 0 0 #FF8F87, 1px 1px 0 0 #FF8F87, 1px 0 0 0 #FF8F87 inset, 0 1px 0 0 #FF8F87 inset;
  z-index: 1;
  position: relative;
}

.table-information__cell--red-border input {
  color: #FF8F87;
}

.table-information__cell--light-gray {
  background-color: #FAFBFC;
}

.table-information__cell--mid-gray {
  background-color: #F7F8FA;
}

.table-information__cell--dark-gray {
  background-color: #F4F5F8;
}

.table-information__cell--big {
  width: 240px;
}

.table-information__cell--small {
  width: 124px;
}

.table-information__cell--wide {
  width: 100%;
}

@media (min-width: 600px) {
  .table-information__scroller {
    margin: 0 -5.9%;
    padding: 0 5.9% 1px;
  }
}

@media (min-width: 1200px) {
  .table-information + .table-information {
    margin-top: 4rem;
  }

  .table-information__scroller {
    padding: 0;
    margin: 0;
    overflow: visible;
    -webkit-overflow-scrolling: auto;
  }

  .table-information__title {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    margin-bottom: 1rem;
  }

  .table-information__cell input {
    height: 4rem;
  }

  .table-information__cell--fz-small {
    min-height: 4rem;
  }

  .table-information__cell--fz-small p {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding: 1.25rem 0.8333333333rem;
  }

  .table-information__cell--fz-small input {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding: 0 0.8333333333rem;
  }

  .table-information__cell--fz-medium {
    min-height: 4rem;
  }

  .table-information__cell--fz-medium p {
    font-size: 1.3333333333rem;
    line-height: 1.5rem;
    padding: 1.25rem 0.8333333333rem;
  }

  .table-information__cell--fz-big p {
    font-size: 1.6666666667rem;
    line-height: 1.6666666667rem;
    padding: 1.5rem 0.8333333333rem;
  }

  .table-information__cell--head {
    min-height: auto;
  }

  .table-information__cell--head p {
    padding: 0 0 0.6666666667rem;
  }

  .table-information__cell--big {
    width: 25rem;
  }

  .table-information__cell--small {
    width: 10.3333333333rem;
  }

  .table-information--size-small .table-information__cell--big {
    width: 20rem;
  }

  .table-information--size-small .table-information__cell--small {
    width: 8.3333333333rem;
  }
}

.loading-information {
  box-sizing: border-box;
  padding-bottom: 45px;
}

.loading-information__title {
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  margin-bottom: 12px;
}

.loading-information__loader {
  max-width: 374px;
}

.loading-information__loader + .loading-information__loader {
  margin-top: 12px;
}

.loading-information__icon {
  margin-bottom: 8px;
  margin-top: 24px;
}

.loading-information__icon::before {
  content: "";
  font-family: icon;
  font-size: 24px;
  color: #C9C9C9;
}

.loading-information__info {
  max-width: 374px;
  margin-top: 32px;
}

.loading-information__info p {
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}

.loading-information__info p + p {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .loading-information__info {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .loading-information {
    padding-bottom: 3.75rem;
  }

  .loading-information__title {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    margin-bottom: 1rem;
  }

  .loading-information__loader {
    max-width: 31.6666666667rem;
  }

  .loading-information__loader + .loading-information__loader {
    margin-top: 1rem;
  }

  .loading-information__icon {
    margin-bottom: 0.6666666667rem;
    margin-top: 2.6666666667rem;
  }

  .loading-information__icon::before {
    font-size: 2rem;
  }

  .loading-information__list {
    display: inline-block;
    vertical-align: top;
  }

  .loading-information__info {
    display: inline-block;
    vertical-align: top;
    max-width: 31.6666666667rem;
    margin-top: 1rem;
    margin-left: 7.9166666667rem;
  }

  .loading-information__info p {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .loading-information__info p + p {
    margin-top: 2.6666666667rem;
  }
}

.loader {
  box-sizing: border-box;
  padding: 12px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  width: 100%;
  min-width: 280px;
}

.loader__name {
  font-size: 14px;
  line-height: 20px;
  color: #232323;
}

.loader__progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  transform-origin: left;
  width: 100%;
  height: 1px;
  background: #FBB143;
  z-index: 1;
}

.loader__preloader {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.loader__spinner {
  height: 12px;
  width: 12px;
  opacity: 0;
}

.loader__spinner img {
  width: 100%;
}

.loader__success {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 14px;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.loader__success svg path {
  stroke-dasharray: 25;
  stroke-dashoffset: 25;
  stroke: #7ED322;
}

.loader.loading .loader__spinner {
  opacity: 1;
}

.loader.complete .loader__spinner {
  opacity: 0;
}

.loader.complete .loader__success {
  opacity: 1;
}

.loader.complete .loader__success path {
  stroke-dashoffset: 0;
}

.loader.complete .loader__progress {
  background: #7ED322;
}

@media (min-width: 1200px) {
  .loader {
    padding: 1rem 0;
    min-width: 31.6666666667rem;
  }

  .loader__name {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .loader__spinner {
    height: 1rem;
    width: 1rem;
  }

  .loader__success {
    width: 1.3333333333rem;
    height: 1.1666666667rem;
  }
}

.bank-information__text {
  max-width: 374px;
}

@media (max-width: 413px) {
  .bank-information__button {
    width: 100%;
  }

  .bank-information__button + .bank-information__button {
    margin-top: 12px;
  }
}

.bank-information__buttons {
  margin-top: 24px;
}

@media (max-width: 599px) {
  .bank-information__buttons {
    max-width: 374px;
  }
}

@media (min-width: 414px) {
  .bank-information__button {
    display: inline-block;
    vertical-align: middle;
  }

  .bank-information__button--big {
    width: calc(64% - 6px);
    margin-left: 12px;
  }

  .bank-information__button--small {
    width: calc(36% - 6px);
  }
}

@media (min-width: 600px) {
  .bank-information__text {
    max-width: 400px;
  }

  .bank-information__buttons {
    max-width: 400px;
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  .bank-information__text {
    max-width: 33.3333333333rem;
  }

  .bank-information__buttons {
    max-width: 33.3333333333rem;
    margin-top: 2.6666666667rem;
  }

  .bank-information__button--big {
    width: calc(64% - 0.666667rem);
    margin-left: 1.3333333333rem;
  }

  .bank-information__button--small {
    width: calc(36% - 0.666667rem);
  }
}

.breadcrumbs {
  box-sizing: border-box;
}

.breadcrumbs__item {
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  padding-bottom: 8px;
}

.breadcrumbs__item--underlined {
  border-bottom: 1px solid transparent;
}

@media (max-width: 599px) {
  .breadcrumbs__item {
    display: none;
  }

  .breadcrumbs__item.active {
    display: inline-block;
  }
}

.breadcrumbs__item--orange {
  font-family: bold;
}

.breadcrumbs__item--orange.active {
  border-color: #FBB143;
  color: #232323;
}

.breadcrumbs__item--blue {
  font-family: reg;
}

.breadcrumbs__item--blue.active {
  border-color: #158FED;
  color: #158FED;
}

.breadcrumbs__item.checked {
  color: #232323;
}

.breadcrumbs__item.hide {
  opacity: 0;
}

.breadcrumbs__list {
  min-height: 29px;
  box-sizing: border-box;
}

.breadcrumbs__list.hide .breadcrumbs__bar {
  opacity: 0;
  transition-duration: 0.1s;
}

.breadcrumbs__bar {
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  min-width: 83px;
}

.breadcrumbs__bar--orange {
  background-color: #FBB143;
}

.breadcrumbs__bar--blue {
  background-color: #158FED;
}

@media (min-width: 600px) {
  .breadcrumbs__list {
    white-space: nowrap;
    overflow-x: scroll;
    margin: 0 -5.8% -11px;
    padding: 0 5.8% 10px;
    min-height: 39px;
  }

  .breadcrumbs__item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .breadcrumbs__item::before {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    right: 100%;
    top: 7px;
    margin-right: 17px;
    transform: rotate(45deg);
    border-top: 1px solid rgba(87, 87, 87, 0.6);
    border-right: 1px solid rgba(87, 87, 87, 0.6);
  }

  .breadcrumbs__item + .breadcrumbs__item {
    margin-left: 44px;
  }

  .breadcrumbs__item + .breadcrumbs__item::before {
    content: "";
  }

  .breadcrumbs__item:last-child {
    margin-right: 44px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .breadcrumbs__item:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .breadcrumbs__list {
    margin: 0 0 -1px 0;
    padding: 0;
    overflow: visible;
    min-height: 2.4166666667rem;
  }

  .breadcrumbs__item {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    padding-bottom: 0.6666666667rem;
  }

  .breadcrumbs__item::before {
    width: 0.5rem;
    height: 0.5rem;
    top: 0.5833333333rem;
    margin-right: 1.4166666667rem;
  }

  .breadcrumbs__item + .breadcrumbs__item {
    margin-left: 3.6666666667rem;
  }
}

@media (min-width: 1720px) {
  .breadcrumbs__list {
    margin-bottom: -2px;
  }
}

.agent-confirm__text {
  margin-bottom: 20px;
}

.agent-confirm__title {
  font-family: bold;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}

.agent-confirm__line + .agent-confirm__line {
  margin-top: 12px;
}

.agent-confirm__section {
  max-width: 400px;
}

.agent-confirm__section + .agent-confirm__section {
  margin-top: 24px;
}

.agent-confirm__section--no-limit {
  max-width: none;
}

.agent-confirm__buttons {
  margin-top: 24px;
}

@media (max-width: 599px) {
  .agent-confirm__button {
    min-width: 280px;
  }

  .agent-confirm__button + .agent-confirm__button {
    margin-top: 1rem;
  }
}

.agent-confirm__steps {
  position: relative;
}

@media (min-width: 600px) {
  .agent-confirm__line + .agent-confirm__line {
    margin-top: 16px;
  }

  .agent-confirm__button {
    display: inline-block;
    vertical-align: middle;
  }

  .agent-confirm__button + .agent-confirm__button {
    margin-left: 16px;
  }
}

@media (min-width: 1200px) {
  .agent-confirm__text {
    margin-bottom: 1.6666666667rem;
  }

  .agent-confirm__title {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  .agent-confirm__line + .agent-confirm__line {
    margin-top: 1.3333333333rem;
  }

  .agent-confirm__section {
    max-width: 33.3333333333rem;
  }

  .agent-confirm__section + .agent-confirm__section {
    margin-top: 2rem;
  }

  .agent-confirm__section--no-limit {
    max-width: none;
  }

  .agent-confirm__buttons {
    margin-top: 2rem;
  }

  .agent-confirm__button + .agent-confirm__button {
    margin-left: 1.3333333333rem;
  }

  .agent-confirm__steps {
    margin-left: 12.5%;
  }
}

.first-order__text {
  margin-bottom: 16px;
}

@media (min-width: 600px) {
  .first-order {
    padding-bottom: 56px;
  }

  .first-order__text {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .first-order {
    padding-bottom: 6.6666666667rem;
  }

  .first-order__text {
    margin-bottom: 1.6666666667rem;
    margin-left: 12.5%;
  }

  .first-order__list {
    margin-left: 12.5%;
    width: 75%;
  }
}

.step-navigation {
  display: none;
}

@media (min-width: 768px) {
  .step-navigation {
    display: block;
  }

  .step-navigation__list {
    padding: 9px 16px 17px;
    border: 1px solid #eaeaea;
    border-radius: 2px 2px 0 0;
    position: relative;
    background-color: #ffffff;
  }

  .step-navigation__line {
    position: absolute;
    left: -1px;
    top: 9px;
    display: block;
    width: 1px;
    height: 21px;
    margin-top: 7px;
    background-color: #0B0C34;
  }

  .step-navigation__item {
    color: #1A1EA9;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0;
    cursor: pointer;
  }

  .step-navigation__item.active {
    color: #0B0C34;
  }

  .step-navigation + .order-progressbar {
    margin-top: -1px;
  }
}

@media (min-width: 1200px) {
  .step-navigation__list {
    padding: 0.75rem 1.3333333333rem 1.4166666667rem;
    border-radius: 0.1666666667rem 0.1666666667rem 0 0;
  }

  .step-navigation__line {
    height: 1.75rem;
    margin-top: 0.5833333333rem;
  }

  .step-navigation__item {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    padding: 0.5833333333rem 0;
  }
}

.total-information {
  padding: 14px 6.25%;
  border-top: 1px solid #eaeaea;
}

.total-information--add-padding {
  padding-bottom: 16px;
}

.total-information__line p {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  font-family: bold;
}

.total-information__line span {
  font-size: 16px;
  line-height: 20px;
  color: #575757;
}

@media (max-width: 767px) {
  .total-information__line p {
    width: 65%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
  }

  .total-information__line span {
    width: 35%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 600px) {
  .total-information--add-padding {
    padding-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .total-information {
    padding: 0 16px;
    background-color: #fff;
    border-radius: 2px 2px 0px 0px;
    border: 1px solid #eaeaea;
    height: 136px;
    overflow: hidden;
  }

  .total-information.collapse {
    height: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: transparent;
  }

  .total-information.collapse .total-information__line {
    opacity: 0;
    transform: translate(0, 5px);
  }

  .total-information + .order-progressbar {
    margin-top: -1px;
  }

  .total-information + .order-progressbar__body {
    border-radius: 0;
  }

  .total-information__line {
    display: block;
    margin-right: 0;
    opacity: 1;
    transform: translate(0, 0);
    vertical-align: top;
  }

  .total-information__line:first-child {
    margin-top: 16px;
  }

  .total-information__line:last-child {
    margin-bottom: 20px;
  }

  .total-information__line p {
    font-size: 20px;
    line-height: 24px;
  }

  .total-information__line + .total-information__line {
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .total-information {
    padding: 0 1.3333333333rem;
    border-radius: 0.1666666667rem 0.1666666667rem 0px 0px;
    height: 11.3333333333rem;
  }

  .total-information--add-padding {
    padding-bottom: 0;
  }

  .total-information__line:first-child {
    margin-top: 1.3333333333rem;
  }

  .total-information__line:last-child {
    margin-bottom: 1.6666666667rem;
  }

  .total-information__line p {
    font-size: 1.6666666667rem;
    line-height: 2rem;
  }

  .total-information__line span {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .total-information__line + .total-information__line {
    margin-top: 1.3333333333rem;
  }
}

.company-add-by-inn__input {
  margin-bottom: 16px;
  max-width: 400px;
}

.company-add-by-inn__text {
  max-width: 414px;
}

.company-add-by-inn__text p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(87, 87, 87, 0.6);
}

@media (min-width: 1200px) {
  .company-add-by-inn__input {
    margin-bottom: 1.3333333333rem;
    max-width: 33.3333333333rem;
  }

  .company-add-by-inn__text {
    max-width: 34.5rem;
  }

  .company-add-by-inn__text p {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }
}

.chatA {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  z-index: 10;
  background-color: rgba(87, 87, 87, 0.6);
  pointer-events: none;
  opacity: 0;
}

.list-navigation {
  position: relative;
}

.list-navigation__wrapper {
  opacity: 1;
  pointer-events: all;
  display: inline-block;
}

@media (max-width: 599px) {
  .list-navigation__wrapper {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 2px;
  }
}

@media (max-width: 599px) {
  .list-navigation__wrap {
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
  }

  .list-navigation__wrap a + a {
    margin-left: 0 !important;
  }

  .list-navigation__wrap a:first-child {
    width: 40px;
    text-align: center;
    color: #232323;
    line-height: 38px;
  }

  .list-navigation__wrap > a a {
    width: 40px;
    text-align: center;
    color: #232323;
    line-height: 38px;
  }

  .list-navigation__wrap a.active {
    background-color: #EDEDED;
  }

  .list-navigation__wrap a::before {
    display: none;
  }
}

@media (max-width: 350px) {
  .list-navigation__wrap {
    padding: 0 30px;
  }
}

.list-navigation__links {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

@media (max-width: 599px) {
  .list-navigation__links {
    width: 100%;
  }
}

.list-navigation__button {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(35, 35, 35, 0.4);
  display: inline-block;
  vertical-align: middle;
  transform: rotate(45deg);
  position: relative;
  padding: 0;
  background-color: transparent;
}

.list-navigation__button::before {
  width: 25px;
  height: 25px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 599px) {
  .list-navigation__button {
    position: absolute;
    top: 15px;
    z-index: 1;
  }

  .list-navigation__button::before {
    width: 40px;
    height: 38px;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

.list-navigation__button--prev {
  border-top: none;
  border-right: none;
  margin-right: 16px;
  margin-left: 8px;
}

@media (max-width: 599px) {
  .list-navigation__button--prev {
    margin-left: 0;
    margin-right: 0;
    left: 15px;
  }
}

.list-navigation__button--next {
  border-bottom: none;
  border-left: none;
  margin-left: 18px;
}

@media (max-width: 599px) {
  .list-navigation__button--next {
    margin-left: 0;
    margin-right: 0;
    right: 15px;
  }
}

.list-navigation__info {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(15px, -50%);
  color: rgba(35, 35, 35, 0.4);
  opacity: 0;
  pointer-events: none;
}

.list-navigation__info p {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .list-navigation__button {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
  }

  .list-navigation__button--prev {
    margin-left: 2px;
    margin-right: 1.3333333333rem;
  }

  .list-navigation__button--next {
    margin-left: 1.3333333333rem;
  }

  .list-navigation__info p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }
}

.list-sorting__text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.8);
  display: inline-block;
  vertical-align: middle;
}

.list-sorting__popup-wrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: 4px;
}

.list-sorting__popup-wrapper span {
  color: #0D0F5A;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px dashed rgba(13, 15, 90, 0.5);
}

.list-sorting__select {
  position: absolute;
  top: 100%;
  left: -16px;
  margin-top: 8px;
  z-index: 2;
  opacity: 0;
  transform: translate(0, 10px);
  pointer-events: none;
}

.list-sorting__select.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: all;
}

.list-sorting__toggle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  line-height: 16px;
}

.list-sorting__toggle::before {
  content: "";
  font-size: 4px;
  font-family: icon;
  line-height: normal;
  display: block;
  padding-top: 1px;
  transform-origin: 50% 60%;
  color: #0D0F5A;
}

.list-sorting__toggle.active::before {
  transform: rotateX(180deg);
}

@media (min-width: 1200px) {
  .list-sorting__text {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .list-sorting__popup-wrapper span {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .list-sorting__select {
    left: -1.3333333333rem;
    margin-top: 0.6666666667rem;
  }

  .list-sorting__toggle {
    margin-left: 0.3333333333rem;
    line-height: 1.3333333333rem;
  }

  .list-sorting__toggle::before {
    font-size: 0.3333333333rem;
    padding-top: 0.0833333333rem;
  }
}

.highlight {
  box-shadow: 0px 0px 30px rgba(251, 177, 67, 0.3) !important;
  border-color: #FFC774 !important;
}

.highlight input {
  border-color: #FFC774 !important;
}

.highlight .range-slider::before {
  background-color: #FFC774 !important;
  box-shadow: 0px 0px 30px rgba(251, 177, 67, 0.3) !important;
}

.highlight-green {
  box-shadow: 0px 0px 20px rgba(126, 211, 34, 0.15) !important;
  border-color: #7ED322 !important;
}

@media (min-width: 1200px) {
  .highlight-green {
    box-shadow: 0px 0px 1.6666666667rem rgba(126, 211, 34, 0.15) !important;
  }
}

.offers-list {
  box-sizing: border-box;
}

.offers-list__options {
  opacity: 0;
  transform: translate(0, -10px);
  pointer-events: none;
  transition: 0.25s ease;
  transition-property: opacity, transform;
  z-index: 1;
}

@media (max-width: 1199px) {
  .offers-list__options {
    display: none;
  }
}

.offers-list.active .form-steps--calculator.active .offers-list__options {
  pointer-events: all;
}

.offers-list.active .offers-list__options {
  opacity: 1;
  transform: translate(0, 0);
}

.offers-list.active .offers-list__item {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.5s;
}

.offers-list.active .offers-list__item:nth-child(0) {
  transition-delay: 0s;
}

.offers-list.active .offers-list__item:nth-child(1) {
  transition-delay: 0.03s;
}

.offers-list.active .offers-list__item:nth-child(2) {
  transition-delay: 0.06s;
}

.offers-list.active .offers-list__item:nth-child(3) {
  transition-delay: 0.09s;
}

.offers-list.active .offers-list__item:nth-child(4) {
  transition-delay: 0.12s;
}

.offers-list.active .offers-list__item:nth-child(5) {
  transition-delay: 0.15s;
}

.offers-list.active .offers-list__item:nth-child(6) {
  transition-delay: 0.18s;
}

.offers-list.active .offers-list__item:nth-child(7) {
  transition-delay: 0.21s;
}

.offers-list.active .offers-list__item:nth-child(8) {
  transition-delay: 0.24s;
}

.offers-list.active .offers-list__item:nth-child(9) {
  transition-delay: 0.27s;
}

.offers-list.active .offers-list__item:nth-child(10) {
  transition-delay: 0.3s;
}

.offers-list.disabled {
  pointer-events: none;
}

.offers-list__item {
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  transform: translate(0, -10px);
  opacity: 0;
  transition: 0.1s ease;
}

.offers-list__item.disabled {
  pointer-events: none;
}

.offers-list__item::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: 24px;
  top: 50%;
  border: 1px solid #232323;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg) translate(0, -50%);
}

.offers-list__item + .offers-list__item {
  margin-top: 15px;
}

.offers-list__col--rating,
.offers-list__col--agency,
.offers-list__col--button {
  display: none;
}

.offers-list__col--price::before {
  content: "Стоимость";
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  margin-right: 5px;
}

.offers-list__col--bank {
  min-height: 32px;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
}

.offers-list__col--bank img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 32px;
  display: inline-block;
  vertical-align: middle;
}

.offers-list__col--bank p {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translate(0, -50%);
  display: inline-block;
  font-family: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.offers-list__col--reward {
  display: none;
}

.offers-list__col p.big {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  display: inline-block;
}

.offers-list__button--more {
  margin: 0 auto;
  width: 280px;
  display: block;
  margin-top: 30px;
}

.offers-list__body {
  max-width: 575px;
  z-index: -1;
  position: relative;
}

.offers-list__body:hover {
  z-index: 1;
}

@media (min-width: 600px) {
  .offers-list__options {
    position: relative;
    z-index: 2;
  }

  .offers-list__container {
    padding: 0;
  }

  .offers-list__item {
    padding: 24px 50px 35px 25px;
    font-size: 0;
  }

  .offers-list__item::before {
    right: 24px;
  }

  .offers-list__item + .offers-list__item {
    margin-top: 20px;
  }

  .offers-list__select {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .offers-list__select.active {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
  }

  .offers-list__col {
    position: relative;
    padding-top: 19px;
  }

  .offers-list__col::before {
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    color: rgba(35, 35, 35, 0.4);
    bottom: 23px;
    left: 0;
  }

  .offers-list__col--rating,
  .offers-list__col--agency {
    display: inline-block;
    vertical-align: top;
  }

  .offers-list__col--rating::before {
    content: "Рейтинг";
  }

  .offers-list__col--price,
  .offers-list__col--reward {
    padding-right: 10px;
    box-sizing: border-box;
  }

  .offers-list__col--price p,
  .offers-list__col--reward p {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .offers-list__col--agency::before {
    content: "Moody’s";
  }

  .offers-list__col--agency span {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    left: 0;
    top: 100%;
  }

  .offers-list__col--agency span.red {
    color: #F02038;
  }

  .offers-list__col--agency span.green {
    color: #7ED322;
  }

  .offers-list__col--agency span.blue {
    color: #158FED;
  }

  .offers-list__col--agency span.yellow {
    color: #FBB143;
  }

  .offers-list__col--agency span.black {
    color: #000;
  }

  .offers-list__col--price {
    display: inline-block;
    vertical-align: top;
  }

  .offers-list__col--bank {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    min-height: 39px;
    font-size: 0;
    padding-top: 0;
  }

  .offers-list__col--bank img {
    width: 40px;
  }

  .offers-list__col--bank p {
    left: 56px;
    max-width: 62%;
    overflow: hidden;
    padding-right: 16px;
    box-sizing: border-box;
    text-overflow: ellipsis;
  }

  .offers-list__col--1-5 {
    width: 37%;
  }

  .offers-list__col--1-6 {
    width: 37%;
  }

  .offers-list__col--2-5 {
    width: 12.8%;
  }

  .offers-list__col--2-6 {
    width: 12.8%;
  }

  .offers-list__col--3-5 {
    width: 22%;
  }

  .offers-list__col--3-6 {
    width: 22%;
  }

  .offers-list__col--4-5 {
    width: 28.2%;
  }

  .offers-list__col--4-6 {
    width: 28.2%;
  }

  .offers-list__col p.big {
    font-size: 16px;
    line-height: 20px;
  }

  .offers-list__button--more {
    margin: 0 auto;
    width: 280px;
    display: block;
    margin-top: 30px;
  }

  .offers-list__body {
    max-width: 750px;
  }
}

@media (min-width: 768px) {
  .offers-list__button--more {
    width: 100%;
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .offers-list__options {
    display: block;
    padding-bottom: 0.6666666667rem;
    border-bottom: 1px solid #eaeaea;
  }

  .offers-list__select {
    max-width: 15.8333333333rem;
    margin-left: -0.8333333333rem;
    margin-top: 0.6666666667rem;
  }

  .offers-list__toggle {
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
    cursor: pointer;
  }

  .offers-list__toggle span {
    border-bottom: 1px dashed rgba(35, 35, 35, 0.3);
    position: relative;
    vertical-align: middle;
    color: rgba(87, 87, 87, 0.8);
  }

  .offers-list__toggle i {
    margin-left: 0.3333333333rem;
    line-height: normal;
    height: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.25rem;
  }

  .offers-list__toggle i::before {
    content: "";
    font-size: 0.3333333333rem;
    font-family: icon;
    line-height: normal;
    display: block;
  }

  .offers-list__toggle i.active:before {
    transform: rotate(180deg);
  }

  .offers-list__toggle.active i:before {
    transform: rotate(180deg);
  }

  .offers-list__container {
    padding: 0 1.666667%;
  }

  .offers-list__item {
    padding: 1rem 0;
    background-color: transparent;
    transition: background-color 0.3s ease, transform 0.1s ease, opacity 0.1s ease;
  }

  .offers-list__item::before {
    display: none;
  }

  .offers-list__item::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 4000px;
    content: "";
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }

  .offers-list__item + .offers-list__item {
    margin-top: 0;
  }

  .offers-list.active .offers-list__item {
    opacity: 1;
    transform: translate(0, 0);
  }

  .offers-list.active .offers-list__item:nth-child(0) {
    transition: background-color 0.3s ease, transform 0.5s ease 0s, opacity 0.5s ease 0s;
  }

  .offers-list.active .offers-list__item:nth-child(1) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.03s, opacity 0.5s ease 0.03s;
  }

  .offers-list.active .offers-list__item:nth-child(2) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.06s, opacity 0.5s ease 0.06s;
  }

  .offers-list.active .offers-list__item:nth-child(3) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.09s, opacity 0.5s ease 0.09s;
  }

  .offers-list.active .offers-list__item:nth-child(4) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.12s, opacity 0.5s ease 0.12s;
  }

  .offers-list.active .offers-list__item:nth-child(5) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.15s, opacity 0.5s ease 0.15s;
  }

  .offers-list.active .offers-list__item:nth-child(6) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.18s, opacity 0.5s ease 0.18s;
  }

  .offers-list.active .offers-list__item:nth-child(7) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.21s, opacity 0.5s ease 0.21s;
  }

  .offers-list.active .offers-list__item:nth-child(8) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.24s, opacity 0.5s ease 0.24s;
  }

  .offers-list.active .offers-list__item:nth-child(9) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.27s, opacity 0.5s ease 0.27s;
  }

  .offers-list.active .offers-list__item:nth-child(10) {
    transition: background-color 0.3s ease, transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s;
  }

  .offers-list__body {
    max-width: none;
    width: 100%;
    padding-top: 1rem;
  }

  .offers-list__col {
    padding-top: 0;
    vertical-align: middle;
    display: inline-block;
  }

  .offers-list__col::before {
    display: none;
  }

  .offers-list__col--reward {
    display: inline-block;
  }

  .offers-list__col--agency span {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    margin-left: 0.8333333333rem;
    position: static;
    left: auto;
    top: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .offers-list__col--agency p {
    vertical-align: middle;
  }

  .offers-list__col--bank img {
    width: 2.0833333333rem;
  }

  .offers-list__col--bank p {
    left: 2.5rem;
  }

  .offers-list__col--button {
    display: inline-block;
  }

  .offers-list__col--1-5 {
    width: 21.6666666667%;
  }

  .offers-list__col--1-6 {
    width: 18.2%;
  }

  .offers-list__col--2-5 {
    width: 14.5833333333%;
  }

  .offers-list__col--2-6 {
    width: 10.1%;
  }

  .offers-list__col--3-5 {
    width: 26.6666666667%;
  }

  .offers-list__col--3-6 {
    width: 17.35%;
  }

  .offers-list__col--4-5 {
    width: 15%;
  }

  .offers-list__col--4-6 {
    width: 16.3%;
  }

  .offers-list__col--5-5 {
    width: 22.0833333333%;
  }

  .offers-list__col--5-6 {
    width: 17.8%;
  }

  .offers-list__col--6-6 {
    width: 20.25%;
  }

  .offers-list__col p.big {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    display: inline-block;
  }

  .offers-list__col p.small {
    font-size: 1.1666666667rem;
    line-height: 1.3333333333rem;
    color: rgba(87, 87, 87, 0.8);
  }

  .offers-list__button--more {
    display: none;
  }

  .offers-list__button--item {
    width: 100%;
    min-width: 15.8333333333rem;
  }
}

@media (min-width: 1440px) and (max-width: 1719px) {
  .offers-list__container {
    padding: 0;
  }
}

@media (min-width: 1840px) {
  .offers-list__container {
    padding: 0;
  }
}

.form {
  position: relative;
}

.form__title--popup-login {
  margin-bottom: 12px;
}

.form__title--inline {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.form__input--popup-login + .form__input {
  margin-top: 10px;
}

.form__submit--popup-login {
  margin-top: 30px;
  width: 100%;
}

.form__to-stage {
  margin-top: 5px;
  display: inline-block;
  vertical-align: middle;
}

.form__to-stage--registration {
  margin-top: 0;
  margin-left: 4px;
  margin-bottom: 0;
}

.form__append--popup-login {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.6);
  width: 90%;
  margin-top: 5px;
  margin-bottom: 10px;
}

.form__privacy--popup-login {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.6);
  margin-top: 10px;
  max-width: 320px;
}

.form__privacy--popup-login a {
  color: rgba(13, 15, 90, 0.4);
  border-bottom: 1px solid rgba(13, 15, 90, 0.4);
}

.form__error {
  display: none;
}

.form__error p {
  padding-top: 12px;
  color: #EC5C52;
}

.form__text--login-top {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 12px;
  text-align: right;
}

.form__text--login-top p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 15px;
  color: #232323;
}

.form__top--login {
  font-size: 0;
}

@media (min-width: 600px) {
  .form__text--login-top {
    display: none;
  }

  .form__title--popup-login {
    margin-bottom: 25px;
  }

  .form__input--popup-login {
    width: 100%;
  }

  .form__input--popup-login + .form__input {
    margin-top: 15px;
  }

  .form__input--inline {
    display: inline-block;
    vertical-align: middle;
  }

  .form__submit--popup-login {
    margin-top: 30px;
    width: 220px;
    display: block;
  }

  .form__to-stage {
    margin-top: 10px;
  }

  .form__append--popup-login {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }

  .form__privacy--popup-login {
    max-width: 220px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin-top: 30px;
    margin-left: 12px;
  }

  .form__submit--registration {
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  .form__append--popup-login {
    width: 170px;
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
  }

  .form__append--popup-login + * {
    margin-top: 15px;
  }
}

@media (min-width: 1200px) {
  .form__title--popup-login {
    margin-bottom: 2.0833333333rem;
  }

  .form__input--popup-login + .form__input {
    margin-top: 1.25rem;
  }

  .form__submit--popup-login {
    margin-top: 2.5rem;
    width: 18.3333333333rem;
  }

  .form__to-stage {
    margin-top: 0.8333333333rem;
  }

  .form__submit--popup-login {
    margin-top: 2.5rem;
    width: 18.3333333333rem;
  }

  .form__append--popup-login {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    width: 14.1666666667rem;
    margin-top: 1.25rem;
    margin-left: 0.8333333333rem;
  }

  .form__append--popup-login + * {
    margin-top: 1.25rem;
  }

  .form__privacy--popup-login {
    max-width: 18.3333333333rem;
    margin-top: 2.5rem;
    margin-left: 1rem;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .form__error {
    position: absolute;
    top: 6.8333333333rem;
    left: 100%;
    width: 25rem;
    white-space: nowrap;
  }

  .form__error p {
    margin-left: 1rem;
    padding-top: 0;
  }
}

.search {
  position: relative;
  margin-bottom: 16px;
}

.search__wrapper {
  overflow: hidden;
  position: relative;
}

.search > p {
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  font-family: bold;
  margin-bottom: 21px;
}

.search__input::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  font-size: 24px;
  transform: translate(0, -50%);
  z-index: 3;
  font-family: icon;
  pointer-events: none;
  color: #eaeaea;
}

.search__toggles {
  position: absolute !important;
  top: 1px;
  left: 2px;
  bottom: 1px;
  right: 1px;
  z-index: 2;
  white-space: nowrap;
  padding: 11px 0;
  box-sizing: border-box;
  pointer-events: none;
  transform: translate(0, -101%);
}

.search__toggles .owl-item:first-child .search__toggle {
  margin-left: 10px;
}

.search__toggles .owl-item:last-child .search__toggle {
  margin-right: 70px;
}

.search__toggles .flickity-slider {
  margin-left: 10px;
}

.search__toggle {
  padding: 3px 8px 5px;
  border-radius: 2px;
  border: 1px solid #FBB143;
  box-sizing: border-box;
  height: auto;
  background-color: #fff;
  width: auto;
  margin-right: 8px;
}

.search__toggle p {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.search__toggle span {
  font-size: 10px;
  color: #fff;
  padding: 0 4px;
  line-height: 17px;
  border-radius: 2px;
  box-shadow: 0px 4px 10px rgba(246, 58, 71, 0.3);
  display: inline-block;
  vertical-align: middle;
  background-color: #F02038;
  margin-left: 4px;
}

.search__count {
  display: none;
  position: absolute !important;
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  margin-right: 1.25rem;
}

.search__button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 3;
}

.search__button--search {
  right: 7px;
}

.search__button--toggles {
  left: 15px;
  width: 30px;
  height: 30px;
}

.search__button--toggles::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  font-size: 19px;
  color: #D8D8D8;
  font-family: icon;
}

.search__button--close {
  right: 10px;
  width: 30px;
  height: 30px;
  transform: translate(0, -200%);
  pointer-events: none;
}

.search__button--close::before,
.search__button--close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background-color: #2e2e2e;
  content: "";
  display: block;
}

.search__button--close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.search__button--close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.search__current {
  left: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  background-color: #FBB143;
  box-shadow: 0px 6px 7px rgba(251, 177, 67, 0.25);
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
}

.search__holder-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
}

.search__holder-wrapper--big {
  padding-left: 50px;
}

.search__placeholder {
  font-size: 16px;
  line-height: 20px;
  color: rgba(35, 35, 35, 0.3);
  display: inline-block;
  vertical-align: middle;
}

.search.show-toggles .search__toggles {
  pointer-events: all;
  transform: translate(0, 0);
}

.search.show-toggles .search__button--close {
  pointer-events: all;
  transform: translate(0, -50%);
}

.search.show-toggles .search__button--toggles {
  pointer-events: none;
  transform: translate(0, 101%);
}

.search.show-toggles .search__button--search {
  transform: translate(0, 101%);
  pointer-events: none;
}

.search.show-toggles .search__holder-wrapper {
  transform: translate(0, 100%);
}

.search.show-toggles .search__input::after {
  transform: translate(0, 200%);
}

.search.show-bank .search__current {
  opacity: 1;
  pointer-events: all;
  margin-right: 16px;
  padding: 4px 8px;
}

@media (min-width: 1200px) {
  .search.show-bank .search__current {
    margin-right: 1.3333333333rem;
    padding: 0.3333333333rem 0.6666666667rem;
  }
}

@media (min-width: 600px) {
  .search {
    margin-bottom: 20px;
  }

  .search > p {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 11px;
  }

  .search__button--search {
    right: 10px;
  }

  .search__toggles {
    padding: 18px 0 19px;
  }

  .search__button--close {
    right: 19px;
  }

  .search__holder-wrapper {
    padding: 10px 15px;
  }

  .search__holder-wrapper--big {
    padding-left: 50px;
  }

  .search__input::after {
    right: 24px;
  }
}

@media (min-width: 1200px) {
  .search {
    font-size: 0;
    margin-bottom: 2.6666666667rem;
  }

  .search > p {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27%;
  }

  .search__input {
    display: inline-block;
    vertical-align: middle;
    width: 73%;
  }

  .search__input--wide {
    display: block;
    width: 100%;
  }

  .search__input::after {
    right: 2rem;
    font-size: 2rem;
  }

  .search__button--search {
    right: 0.8333333333rem;
  }

  .search__button--toggles {
    left: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .search__button--toggles::before {
    font-size: 1.5833333333rem;
  }

  .search__button--close {
    right: 1.5833333333rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .search__button--close::before,
  .search__button--close:after {
    width: 1.6666666667rem;
  }

  .search__toggles {
    padding: 1.5rem 0 1.5833333333rem;
  }

  .search__toggles .owl-item:first-child .search__toggle {
    margin-left: 2rem;
  }

  .search__toggles .owl-item:last-child .search__toggle {
    margin-right: 5.8333333333rem;
  }

  .search__toggles .owl-item .search__toggle {
    margin-bottom: 1px;
  }

  .search__toggles .flickity-slider {
    margin-left: 2rem;
    width: calc(100% - 5.8333333333rem - 2rem);
  }

  .search__toggle {
    padding: 0.25rem 0.6666666667rem 0.4166666667rem;
    margin-right: 0.6666666667rem;
  }

  .search__toggle p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .search__toggle span {
    font-size: 0.8333333333rem;
    padding: 0 0.3333333333rem;
    line-height: 1.4166666667rem;
    margin-left: 0.3333333333rem;
  }

  .search__count {
    display: block;
    width: auto;
    margin-right: 1.25rem;
  }

  .search__current {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .search__holder-wrapper {
    padding: 0.8333333333rem 1.25rem;
  }

  .search__holder-wrapper--big {
    padding-left: 4.1666666667rem;
  }

  .search__placeholder {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }
}

.output-navigation p {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
}

.output-navigation__links {
  display: inline-block;
  margin-left: 25px;
}

.output-navigation__links a {
  position: relative;
}

@media (min-width: 1200px) {
  .output-navigation p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .output-navigation__links {
    margin-left: 1.25rem;
  }
}

.form-steps__wrapper {
  padding: 30px 6.7%;
  margin: 0 -6.7%;
  background: #F7F8FA;
  position: relative;
  transition: 0.7s ease;
  transition-property: max-height;
}

.form-steps__calculator {
  margin-bottom: 20px;
}

.form-steps__text {
  margin-bottom: 25px;
  max-width: none;
}

.form-steps__text.active-0 {
  opacity: 1;
  pointer-events: all;
  transition-duration: 0s;
  transform: translate(0, 0);
}

.form-steps__text.active {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.3s;
  transform: translate(0, 0);
}

.form-steps__steps-scroller {
  transition: 0.7s ease;
}

.form-steps__steps-list {
  padding: 0 6.7%;
  margin: 0 -6.7% 30px;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 599px) {
  .form-steps__steps-list.active-0 .form-steps__steps-scroller {
    transform: translate3d(0, 0, 0) rotateZ(0);
  }

  .form-steps__steps-list.active-1 .form-steps__steps-scroller {
    transform: translate3d(-200px, 0, 0) rotateZ(0);
  }

  .form-steps__steps-list.active-2 .form-steps__steps-scroller {
    transform: translate3d(-200px, 0, 0) rotateZ(0);
  }

  .form-steps__steps-list.active-3 .form-steps__steps-scroller {
    transform: translate3d(-400px, 0, 0) rotateZ(0);
  }

  .form-steps__steps-list.active-4 .form-steps__steps-scroller {
    transform: translate3d(-600px, 0, 0) rotateZ(0);
  }

  .form-steps__steps-list.active-5 .form-steps__steps-scroller {
    transform: translate3d(-800px, 0, 0) rotateZ(0);
  }
}

.form-steps__dot {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 180px;
  font-size: 0;
}

.form-steps__dot p {
  font-size: 14px;
  line-height: 18px;
  color: rgba(35, 35, 35, 0.4);
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
  width: 140px;
  transition: color 0.7s ease;
}

.form-steps__dot + .form-steps__dot {
  margin-left: 20px;
}

.form-steps__dot.active .form-steps__number {
  background-color: #0D0F5A;
  border-color: #0D0F5A;
  color: #fff;
}

.form-steps__dot.active p {
  color: #232323;
}

.form-steps__number {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid rgba(162, 163, 164, 0.1);
  text-align: center;
  line-height: 28px;
  color: rgba(35, 35, 35, 0.4);
  font-size: 16px;
  border-radius: 50%;
  transition: 0.7s ease;
  transition-property: background-color, border-color, color;
}

.form-steps__line {
  max-width: 400px;
  transform: translate(0, -10px);
  opacity: 0;
  position: relative;
  z-index: 1;
}

.form-steps__line + .form-steps__line {
  margin-top: 10px;
}

.form-steps__line + .form-steps__line--submit {
  margin-top: 20px;
}

.form-steps__line--range + .form-steps__line--range {
  margin-top: 20px;
}

.form-steps__line--add-new {
  position: relative;
}

.form-steps__line--submit {
  z-index: 0;
}

.form-steps__line--z-index-2 {
  z-index: 2;
}

.form-steps__line--absolute {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}

.form-steps__line--content {
  pointer-events: none;
}

.form-steps__line--content .form-steps__line {
  opacity: 0;
  transform: translate(0, -10px);
  transition-duration: 0.2s;
}

.form-steps__line--content.active {
  pointer-events: all;
}

.form-steps__line--content.active .form-steps__line {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.3s;
}

.form-steps__line--content.active .form-steps__line:nth-child(1) {
  transition-delay: 0.35s;
}

.form-steps__line--content.active .form-steps__line:nth-child(2) {
  transition-delay: 0.43s;
}

.form-steps__steps {
  position: relative;
  height: 1000px;
  margin-bottom: 35px;
  transition: 0s ease;
  transition-delay: 0.3s;
  transition-property: max-height, height;
  z-index: 1;
}

.form-steps__steps--transitioned {
  transition-duration: 0.5s;
}

.form-steps__content {
  min-height: 100vh;
}

.form-steps__step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}

.form-steps__step.prevent-transition {
  transition: none !important;
  opacity: 0 !important;
}

.form-steps__step--relative {
  position: relative;
}

.form-steps__step--calculator {
  min-height: 550px;
}

.form-steps__step--calculator.height-0 {
  max-height: 0;
  overflow: hidden;
}

.form-steps__step.active {
  pointer-events: all;
  opacity: 1;
}

.form-steps__step.active .form-steps__line {
  transform: translate(0, 0);
  opacity: 1;
}

.form-steps__step.active .form-steps__response-text.active {
  pointer-events: all;
}

.form-steps__step.active .offers-list__options {
  pointer-events: all;
}

.form-steps__step.active .range-dates__inputs.active {
  pointer-events: all;
}

.form-steps__step.active .calculator__texts.show-texts {
  pointer-events: all;
}

.form-steps__step.height-0 {
  max-height: 0;
  overflow: hidden;
}

.form-steps__step.hide .form-steps__line:nth-child(n+3) {
  transform: translate(0, -10px);
  opacity: 0;
  transition-duration: 0.2s;
  transition-delay: 0s !important;
}

.form-steps__step--active {
  opacity: 1;
  pointer-events: all;
}

.form-steps__step--active > .form-steps__line {
  transform: translate(0, 0);
  opacity: 1;
}

.form-steps__navigation {
  position: relative;
  text-align: right;
  width: 100%;
  max-width: 400px;
  transition: 0.3s ease;
  transition-property: opacity, transform;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, -10px);
}

.form-steps__navigation--left {
  text-align: left;
}

.form-steps__navigation.active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

@media (max-width: 599px) {
  .form-steps__navigation.active-0 .form-steps__button--next {
    width: 100%;
    transition: width 0.5s ease 0.5s;
  }

  .form-steps__navigation.active-0 .form-steps__button--prev {
    transition: opacity 0.5s ease;
  }
}

.form-steps__navigation.active-0 .form-steps__button--next {
  opacity: 1;
}

.form-steps__navigation.active-0 .form-steps__button--prev {
  opacity: 1;
}

.form-steps__navigation.active-4,
.form-steps__navigation.active-0 {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s;
  transform: translate(0, 20px);
  transition-duration: 0.3s;
}

.form-steps__button--next {
  width: 80%;
}

.form-steps__button--prev {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  transition: opacity 0.5s ease 0.5s;
}

.form-steps__privacy {
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  margin-top: 20px;
}

.form-steps__privacy a {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
}

.form-steps__body {
  transition: 0.3s cubic-bezier(1, 0.38, 1, 0.99);
}

.form-steps__response {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 15px);
  transition: 0.5s cubic-bezier(0.17, 0.89, 1, 0.99) 0.3s;
  box-sizing: border-box;
  max-width: 420px;
  position: absolute;
}

.form-steps__response img {
  margin-bottom: 20px;
}

.form-steps__response p {
  font-size: 14px;
  line-height: 18px;
  color: #232323;
}

.form-steps__response p.bold {
  font-family: bold;
  font-size: 21px;
  line-height: 27px;
}

.form-steps__response p.bold + p {
  margin-top: 10px;
}

.form-steps__response--popup {
  top: 30px;
  left: 0;
  padding: 0 6.7%;
}

.form-steps__response--section {
  top: 30px;
  left: 0;
  padding: 0 6.7%;
  width: 100%;
}

.form-steps__button--login {
  margin-top: 20px;
}

.form-steps__response-text {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 15px;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, -10px);
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  max-width: 400px;
}

.form-steps__response-text.active {
  transform: translate(0, 0);
  opacity: 1;
}

.form-steps__response-text a {
  display: inline-block;
}

.form-steps__response-text p {
  font-size: 14px;
  line-height: 16px;
  color: #232323;
}

.form-steps__response-text p.small {
  font-size: 10px;
  line-height: 12px;
}

.form-steps__response-text p.blur {
  color: rgba(35, 35, 35, 0.5);
}

.form-steps__response-text p.red {
  color: #F02038;
}

.form-steps__response-text p + span {
  margin-top: 10px;
}

.form-steps__response-text p + p {
  margin-top: 10px;
}

.form-steps__response-text span {
  display: inline-block;
}

.form-steps__response-text span p {
  display: inline-block;
}

.form-steps__response-text span p + p {
  margin-left: 4px;
  margin-top: 0;
}

.form-steps__response-text span + span {
  margin-left: 10px;
}

.form-steps__response-text span + p {
  margin-top: 10px;
}

.form-steps__button--organization {
  vertical-align: middle;
}

.form-steps__button--to-add-new {
  width: calc(100% - 60px);
}

@media (max-width: 350px) {
  .form-steps__button--to-add-new {
    font-size: 15px;
  }
}

.form-steps__button--search {
  margin-left: 10px;
}

.form-steps__select--inn {
  margin: 20px -10px;
  min-width: 100%;
}

.form-steps__offers-list {
  position: relative;
  z-index: 1;
}

.form-steps__input--search-organization {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transform: translate(0, -10px);
}

.form-steps__input--search-organization.active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

.form-steps__group-elements.hide {
  opacity: 0;
  transform: translate(0, 10px);
  pointer-events: none;
}

.form-steps.send .form-steps__body {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, -15px);
}

.form-steps.send .form-steps__response {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

.form-steps__calculator {
  position: relative;
  z-index: 2;
}

@media (min-width: 600px) {
  .form-steps__wrapper {
    padding: 0;
    margin: 0;
    max-width: 640px;
  }

  .form-steps__calculator {
    margin-bottom: 30px;
  }

  .form-steps__body {
    padding: 30px 30px 45px;
  }

  .form-steps__text {
    margin-bottom: 30px;
    max-width: none;
  }

  .form-steps__dot {
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .form-steps__dot + .form-steps__dot {
    margin-left: 0;
  }

  .form-steps__steps-list {
    padding: 0;
    margin: 0 0 30px;
    white-space: normal;
    overflow: visible;
  }

  .form-steps__line {
    max-width: none;
  }

  .form-steps__line + .form-steps__line {
    margin-top: 20px;
  }

  .form-steps__line--range + .form-steps__line--range {
    margin-top: 23px;
  }

  .form-steps__steps {
    position: relative;
    margin-bottom: 50px;
  }

  .form-steps__navigation {
    max-width: none;
  }

  .form-steps__button--next {
    width: 270px;
  }

  .form-steps__response img {
    margin-bottom: 30px;
    width: 60px;
  }

  .form-steps__response p {
    font-size: 16px;
    line-height: 20px;
  }

  .form-steps__response p.bold {
    font-size: 36px;
    line-height: 46px;
  }

  .form-steps__response p.bold + p {
    margin-top: 25px;
  }

  .form-steps__response--popup {
    padding: 0 30px;
    max-width: 475px;
  }

  .form-steps__response--section {
    max-width: 640px;
  }

  .form-steps__button--login {
    margin-top: 30px;
  }

  .form-steps__response-text {
    max-width: none;
    padding: 0 15px;
  }

  .form-steps__response-text p {
    font-size: 16px;
    line-height: 18px;
  }

  .form-steps__response-text p.small {
    font-size: 12px;
    line-height: 14px;
  }

  .form-steps__button--to-add-new {
    width: calc(100% - 85px);
  }

  .form-steps__button--search {
    margin-left: 20px;
  }

  .form-steps__select--inn {
    margin: 20px -15px;
  }
}

@media (min-width: 736px) {
  .form-steps__steps-list {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .form-steps__wrapper {
    width: 93.3333333333%;
  }

  .form-steps__steps-scroller {
    margin-right: -30px;
  }
}

@media (min-width: 1200px) {
  .form-steps__privacy {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    margin-top: 1.6666666667rem;
  }

  .form-steps__calculator {
    margin-bottom: 3.3333333333rem;
  }

  .form-steps__steps-scroller {
    margin-right: 0;
  }

  .form-steps__wrapper {
    width: 82.75%;
    max-width: 80rem;
    margin-left: 12.5%;
  }

  .form-steps__wrapper--section {
    transform: translate(-4.1666666667rem, 0);
  }

  .form-steps__text {
    margin-bottom: 4.1666666667rem;
    max-width: 54.1666666667rem;
    min-width: 43.3333333333rem;
  }

  .form-steps__text h2 {
    white-space: nowrap;
  }

  .form-steps__body {
    padding: 4.1666666667rem;
  }

  .form-steps__body--popup {
    padding: 0;
  }

  .form-steps__steps {
    margin-bottom: 4.1666666667rem;
    height: auto;
  }

  .form-steps__step {
    width: 41.666667%;
  }

  .form-steps__step--calculator {
    width: 100%;
  }

  .form-steps__navigation {
    width: 41.666667%;
    margin-bottom: 7.5rem;
  }

  .form-steps__steps-list {
    position: absolute;
    left: 58.95%;
    top: 0;
    margin-bottom: 0;
  }

  .form-steps__steps-list.active-0 {
    opacity: 0;
  }

  .form-steps__dot {
    display: block;
    width: auto;
  }

  .form-steps__dot p {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    margin-left: 1.25rem;
    width: 19.5833333333rem;
    vertical-align: middle;
  }

  .form-steps__dot + .form-steps__dot {
    margin-left: 0;
    margin-top: 1.6666666667rem;
  }

  .form-steps__number {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
    line-height: 3.1666666667rem;
    font-size: 1.3333333333rem;
    vertical-align: middle;
  }

  .form-steps__content {
    position: relative;
  }

  .form-steps__button--next {
    width: 20.4166666667rem;
  }

  .form-steps__response img {
    margin-bottom: 2.5rem;
    width: 5rem;
  }

  .form-steps__response p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .form-steps__response p.bold {
    font-size: 3rem;
    line-height: 3.8333333333rem;
  }

  .form-steps__response p.bold + p {
    margin-top: 2.0833333333rem;
  }

  .form-steps__response--popup {
    padding: 0;
    top: 0;
    max-width: 39.5833333333rem;
  }

  .form-steps__response--section {
    max-width: 53.3333333333rem;
  }

  .form-steps__line + .form-steps__line {
    margin-top: 1.6666666667rem;
  }

  .form-steps__line--range + .form-steps__line--range {
    margin-top: 1.9166666667rem;
  }

  .form-steps__button--login {
    margin-top: 2.5rem;
  }

  .form-steps__button--to-add-new {
    width: calc(100% - 7.083333333rem);
  }

  .form-steps__button--search {
    margin-left: 1.6666666667rem;
  }

  .form-steps__response-text {
    padding: 0 1.25rem;
  }

  .form-steps__response-text p {
    font-size: 1.3333333333rem;
    line-height: 1.5rem;
  }

  .form-steps__response-text p.small {
    font-size: 1rem;
    line-height: 1.1666666667rem;
  }

  .form-steps__response-text p + span {
    margin-top: 0.8333333333rem;
  }

  .form-steps__response-text p + span {
    margin-top: 0.8333333333rem;
  }

  .form-steps__response-text span p + p {
    margin-left: 0.3333333333rem;
    margin-top: 0;
  }

  .form-steps__response-text span + span {
    margin-left: 0.8333333333rem;
  }

  .form-steps__response-text span + p {
    margin-top: 0.8333333333rem;
  }

  .form-steps__select--inn {
    margin: 1.6666666667rem -1.25rem;
  }
}

.calculator__select {
  margin-bottom: 15px;
  z-index: 0;
  max-width: none !important;
}

.calculator__range-slider--money {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.calculator__range-slider--hide {
  pointer-events: none;
}

.calculator__range-slider--hide * {
  pointer-events: none !important;
}

.calculator__range-slider--hide .range-slider__value {
  background-color: #FAFBFC;
}

.calculator__range-slider--hide .range-slider__range {
  color: #eaeaea;
  opacity: 0;
}

.calculator__range-slider--hide .range-dates__overflow {
  opacity: 1;
  pointer-events: all;
}

.calculator__range-slider--hide .rs-container {
  opacity: 0;
}

.calculator__options {
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}

.calculator__total {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 30px;
}

.calculator__sum {
  position: relative;
  z-index: -1;
  min-width: 10px;
  display: inline-block;
}

.calculator__wrapper {
  transform: translate(0, 0);
}

.calculator__img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -43%);
  opacity: 0;
}

.calculator__img img {
  width: 16px;
  height: 16px;
}

.calculator__button--formalize {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 20px;
}

.calculator__texts {
  opacity: 0;
  pointer-events: none;
}

.calculator__text {
  margin-bottom: 32px;
}

.calculator__text p {
  font-size: 14px;
  line-height: 18px;
  max-width: 480px;
}

.calculator__text p.bold {
  font-family: bold;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 16px;
  max-width: 609px;
}

@media (min-width: 600px) {
  .calculator__select {
    margin-bottom: 20px;
    z-index: 4;
  }

  .calculator__range-slider {
    display: inline-block;
    vertical-align: top;
  }

  .calculator__range-slider--time {
    width: 60%;
  }

  .calculator__range-slider--money {
    margin-right: 5%;
    margin-bottom: 0;
    width: 35%;
  }

  .calculator__options {
    max-width: 750px;
    font-size: 0;
    white-space: nowrap;
  }

  .calculator__total {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 52.5%;
    text-align: left;
  }

  .calculator__button {
    display: inline-block;
    vertical-align: middle;
    width: 47.5%;
  }

  .calculator__wrapper {
    font-size: 0;
    max-width: 750px;
    white-space: nowrap;
  }

  .calculator__button--formalize {
    position: static;
    left: 0;
    top: 0;
    margin-top: 0;
  }

  .calculator__text p {
    font-size: 16px;
    line-height: 20px;
  }

  .calculator__text p.bold {
    font-size: 21px;
    line-height: 27px;
  }
}

@media (min-width: 1200px) {
  .calculator__select {
    margin-bottom: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }

  .calculator__range-slider--money {
    margin-right: 2%;
    margin-left: 2%;
    width: 20%;
  }

  .calculator__range-slider--time {
    width: 26%;
  }

  .calculator__options {
    max-width: none;
    margin-bottom: 2.5rem;
  }

  .calculator__total {
    width: auto;
    font-size: 2rem;
    line-height: 2rem;
    padding-top: 1.8333333333rem;
    float: left;
  }

  .calculator__total--no-float {
    float: none;
  }

  .calculator__button {
    width: auto;
  }

  .calculator__wrapper {
    max-width: none;
    white-space: normal;
    text-align: right;
    height: 5.4166666667rem;
  }

  .calculator__wrapper--align-left {
    text-align: left;
  }

  .calculator__sum {
    min-width: 1.1666666667rem;
  }

  .calculator__img img {
    width: 2rem;
    height: 2rem;
  }

  .calculator__text {
    margin-bottom: 2.6666666667rem;
  }

  .calculator__text p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    max-width: 40rem;
  }

  .calculator__text p.bold {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-bottom: 1.3333333333rem;
    max-width: 50.75rem;
  }
}

.consult--wide {
  padding: 32px 0 52px;
}

.consult__text--wide {
  margin-bottom: 25px;
}

.consult__contact + .consult__contact {
  margin-top: 30px;
}

.consult__policy {
  max-width: 23.3333333333rem;
  margin-top: 3.3333333333rem;
  margin-bottom: -1.8333333333rem;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: rgba(87, 87, 87, 0.6);
}

@media (min-width: 600px) {
  .consult--wide {
    padding: 64px 0 80px;
  }

  .consult__text--wide {
    margin-bottom: 50px;
  }

  .consult__contact {
    display: inline-block;
    vertical-align: top;
    max-width: 240px;
  }

  .consult__contact + .consult__contact {
    margin-top: 0;
    margin-left: 50px;
  }

  .consult__policy {
    max-width: 45rem;
  }

  .consult__policy br {
    display: none;
  }
}

@media (min-width: 768px) {
  .consult__contact {
    max-width: 280px;
  }
}

@media (min-width: 1200px) {
  .consult--wide {
    padding: 6rem 0 7.1666666667rem;
  }

  .consult__container--wide {
    font-size: 0;
  }

  .consult__text--wide {
    margin-bottom: 0;
    width: 24.1666666667rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 12.5%;
  }

  .consult__list--wide {
    display: inline-block;
    vertical-align: top;
    width: 56.25%;
    padding-top: 0.6666666667rem;
    padding-left: 5rem;
    box-sizing: border-box;
  }

  .consult__contact {
    max-width: 22.5rem;
  }

  .consult__contact + .consult__contact {
    margin-left: 4.1666666667rem;
  }

  .consult__policy {
    margin-left: 12.5%;
  }
}

.product-choose__section + .product-choose__section {
  margin-top: 24px;
}

.product-choose__title {
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  margin-bottom: 12px;
}

.product-choose__card {
  width: 100%;
}

@media (min-width: 650px) {
  .product-choose__section + .product-choose__section {
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .product-choose__section + .product-choose__section {
    margin-top: 1.3333333333rem;
  }

  .product-choose__title {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    margin-bottom: 1rem;
  }
}

.product-card {
  min-width: 280px;
  box-sizing: border-box;
  padding: 12px 75px 40px 20px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  position: relative;
  height: 120px;
  width: 100%;
}

.product-card::before {
  content: "";
  position: absolute;
  right: 26px;
  top: 15px;
  font-size: 13px;
  color: #232323;
  font-family: icon;
  transform: rotate(180deg);
}

.product-card--partner {
  display: block;
}

.product-card--partner::before {
  content: "";
  color: rgba(21, 143, 237, 0.3);
  transform: none;
  font-size: 24px;
}

.product-card__title {
  font-size: 16px;
  line-height: 20px;
  max-width: 185px;
  font-family: bold;
  color: #232323;
}

.product-card__bottom {
  position: absolute;
  left: 20px;
  bottom: 16px;
}

.product-card__banks,
.product-card__time {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(87, 87, 87, 0.6);
  position: relative;
}

.product-card__banks::before,
.product-card__time::before {
  font-family: icon;
  font-size: 12px;
  color: rgba(87, 87, 87, 0.6);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.product-card__banks {
  margin-right: 12px;
}

.product-card__banks::before {
  content: "";
}

.product-card__time::before {
  content: "";
}

.product-card__logo {
  position: absolute;
  left: 16px;
  bottom: 12px;
  width: 25%;
}

.product-card__logo img {
  width: 100%;
}

@media (min-width: 600px) {
  .product-card {
    padding: 12px 75px 12px 20px;
  }

  .product-card::before {
    right: 24px;
    top: 16px;
  }

  .product-card--partner::before {
    right: 20px;
    top: 12px;
  }

  .product-card__bottom {
    left: 20px;
    bottom: 16px;
  }

  .product-card__logo {
    left: 20px;
    bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .product-card {
    cursor: pointer;
    height: 10rem;
    padding: 1rem 6.25rem 1rem 1.6666666667rem;
    min-width: 23.3333333333rem;
    box-shadow: 0px 0.6666666667rem 1.6666666667rem rgba(0, 0, 0, 0.03);
    border-radius: 0.3333333333rem;
  }

  .product-card::before {
    right: 2rem;
    top: 1.3333333333rem;
    font-size: 1rem;
  }

  .product-card--partner::before {
    font-size: 2rem;
    right: 1.6666666667rem;
    top: 1rem;
  }

  .product-card__title {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    max-width: 15.4166666667rem;
  }

  .product-card__bottom {
    left: 1.6666666667rem;
    bottom: 1.3333333333rem;
  }

  .product-card__banks,
  .product-card__time {
    padding-left: 1.3333333333rem;
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .product-card__banks::before,
  .product-card__time::before {
    font-size: 1rem;
  }

  .product-card__banks {
    margin-right: 1rem;
  }

  .product-card__logo {
    left: 1.6666666667rem;
    bottom: 1.3333333333rem;
  }
}

@media (max-width: 413px) {
  .order-information__button {
    width: 100%;
  }

  .order-information__button + .order-information__button {
    margin-top: 12px;
  }
}

.order-information__buttons {
  margin-top: 24px;
}

@media (max-width: 599px) {
  .order-information__buttons {
    max-width: 374px;
  }
}

.order-information__line {
  max-width: 374px;
  position: relative;
}

.order-information__line + .order-information__line {
  margin-top: 12px;
}

.order-information__line:nth-child(1) {
  z-index: 9;
}

.order-information__line:nth-child(2) {
  z-index: 8;
}

.order-information__line:nth-child(3) {
  z-index: 7;
}

.order-information__line:nth-child(4) {
  z-index: 6;
}

.order-information__line:nth-child(5) {
  z-index: 5;
}

.order-information__line:nth-child(6) {
  z-index: 4;
}

.order-information__line:nth-child(7) {
  z-index: 3;
}

.order-information__title {
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  margin-bottom: 12px;
}

.order-information__section {
  position: relative;
  z-index: 2;
}

.order-information__section + .order-information__section {
  margin-top: 24px;
  z-index: 1;
}

.order-information__range-slider {
  z-index: 5;
}

.order-information__privacy {
  margin-top: 12px;
  color: rgba(35, 35, 35, 0.4);
  font-size: 12px;
  line-height: 16px;
  width: 220px;
}

.order-information__privacy a {
  color: rgba(13, 15, 90, 0.4);
  border-bottom: 1px solid rgba(13, 15, 90, 0.4);
}

.order-information.active .range-dates__inputs.active {
  pointer-events: all;
}

@media (min-width: 414px) {
  .order-information__button {
    display: inline-block;
    vertical-align: middle;
  }

  .order-information__button--big {
    width: calc(64% - 6px);
  }

  .order-information__button--small {
    width: calc(36% - 6px);
    margin-right: 12px;
  }
}

@media (min-width: 450px) {
  .order-information__buttons--nowrap {
    white-space: nowrap;
  }

  .order-information__privacy {
    margin-top: 0;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
  }
}

@media (min-width: 600px) {
  .order-information__buttons {
    max-width: 400px;
    margin-top: 32px;
  }

  .order-information__line {
    max-width: 400px;
  }

  .order-information__section + .order-information__section {
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  .order-information__title {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    margin-bottom: 1rem;
  }

  .order-information__buttons {
    max-width: 33.3333333333rem;
    margin-top: 2.6666666667rem;
  }

  .order-information__button--big {
    width: calc(64% - 0.666667rem);
  }

  .order-information__button--small {
    width: calc(36% - 0.67rem);
    margin-right: 1.3333333333rem;
  }

  .order-information__line {
    max-width: 33.3333333333rem;
  }

  .order-information__line + .order-information__line {
    margin-top: 1rem;
  }

  .order-information__section + .order-information__section {
    margin-top: 2.6666666667rem;
  }

  .order-information__privacy {
    margin-left: 1.3333333333rem;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    width: 18.3333333333rem;
  }
}

.layout {
  padding: 68px 0 48px;
  background-color: #FAFBFC;
}

@media (min-width: 600px) {
  .layout {
    padding: 96px 0 72px;
  }
}

@media (min-width: 1200px) {
  .layout {
    padding: 8rem 0;
  }
}

.text-head {
  color: #232323;
}

.text-head h2 {
  max-width: 400px;
  font-size: 28px;
  line-height: 38px;
  font-family: bold;
}

.text-head h2 + p {
  margin-top: 16px;
}

@media (max-width: 599px) {
  .text-head h2 + p.offset {
    margin-top: 20px;
  }
}

.text-head p {
  max-width: 414px;
  font-size: 14px;
  line-height: 20px;
}

.text-head p span {
  font-family: bold;
}

.text-head p span.green {
  font-family: reg;
  color: #7ED322;
}

.text-head p + p {
  margin-top: 20px;
}

.text-head p.small {
  max-width: 26.6666666667rem;
}

.text-head--graphite p {
  color: #575757;
}

.text-head--small-title h2 {
  font-size: 24px;
  line-height: 30px;
  max-width: 280px;
}

.text-head--small-width h2 {
  max-width: 600px;
}

.text-head--small-width p {
  max-width: 380px;
}

.text-head b {
  font-family: bold;
}

@media (min-width: 600px) {
  .text-head h2 {
    max-width: 430px;
    font-size: 36px;
    line-height: 44px;
  }

  .text-head h2 + p {
    margin-top: 20px;
  }

  .text-head h2.big {
    max-width: 600px;
  }

  .text-head p {
    max-width: 414px;
    font-size: 16px;
    line-height: 24px;
  }

  .text-head p.big {
    max-width: 520px;
  }

  .text-head--small p {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .text-head h2 {
    font-size: 3rem;
    line-height: 3.6666666667rem;
    max-width: 50rem;
  }

  .text-head h2 + p {
    margin-top: 1.6666666667rem;
  }

  .text-head h2.big {
    max-width: 50rem;
  }

  .text-head p {
    max-width: 34.5rem;
    font-size: 1.3333333333rem;
    line-height: 2rem;
  }

  .text-head p.big {
    max-width: 43.3333333333rem;
  }

  .text-head p + p {
    margin-top: 1.6666666667rem;
  }

  .text-head--small p {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .text-head--small-width h2 {
    max-width: 55.9166666667rem;
  }

  .text-head--small-width p {
    max-width: 31.6666666667rem;
  }
}

.article--card {
  position: relative;
}

.article__image--card {
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.article__image--card img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 100%;
  min-height: 100%;
  width: 100%;
}

.article__image--card-small {
  height: 150px;
  margin-bottom: 10px;
}

.article__image--card-big {
  min-height: 150px;
  margin-bottom: 10px;
}

@media (max-height: 599px) {
  .article__image--card-view-width {
    height: 46.875vw;
  }
}

.article__tag--card {
  font-size: 12px;
  line-height: 16px;
  color: #E18D4F;
  display: block;
  position: relative;
  z-index: 2;
}

.article__tag--card-small {
  margin-bottom: 5px;
}

.article__tag--card-big {
  margin-bottom: 5px;
}

.article__title--card {
  font-size: 16px;
  line-height: 22px;
  color: #232323;
  font-family: bold;
  display: block;
}

.article__title--card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article__title--card-small {
  margin-bottom: 10px;
}

.article__title--card-big {
  margin-bottom: 10px;
}

.article__date--card {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.7);
}

.article__author--card-big {
  margin-top: 15px;
}

@media (min-width: 600px) and (max-height: 1199px) {
  .article__image--card-view-width {
    height: 19.53125vw;
  }
}

@media (min-width: 1200px) {
  .article--card {
    font-size: 0;
  }

  .article__image--card {
    position: relative;
  }

  .article__image--card::before,
  .article__image--card::after {
    position: absolute;
    content: "";
    pointer-events: none;
    opacity: 0;
  }

  .article__image--card::before {
    background-color: rgba(13, 13, 90, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .article__image--card::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateX(20px) rotate(45deg);
    border: 2px solid #FBB143;
    border-left: none;
    border-bottom: 0;
    width: 1.8333333333rem;
    height: 1.8333333333rem;
    z-index: 2;
    transform-origin: 50% 15%;
  }

  .article__image--card-small {
    height: 10rem;
    margin-bottom: 0;
    width: 38%;
    display: inline-block;
    vertical-align: top;
  }

  .article__image--card-big {
    height: 12.5rem;
  }

  .article__wrapper--card {
    box-sizing: border-box;
  }

  .article__wrapper--card-small {
    width: 62%;
    display: inline-block;
    vertical-align: top;
    padding-left: 0.8333333333rem;
  }

  .article__tag--card {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .article__tag--card-small {
    margin-bottom: 0.1666666667rem;
  }

  .article__tag--card-big {
    margin-bottom: 0.4166666667rem;
  }

  .article__title--card {
    font-size: 1.3333333333rem;
    line-height: 1.8333333333rem;
  }

  .article__title--card-small {
    margin-bottom: 0;
  }

  .article__title--card-big {
    margin-bottom: 0.8333333333rem;
  }

  .article__date--card {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    color: #232323;
  }

  .article__date--card-small {
    position: absolute;
    left: 38%;
    margin-left: 10px;
    bottom: 0;
  }

  .article__author--card-big {
    margin-top: 1.25rem;
  }
}

.site-map__pretitle {
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 24px;
  font-family: bold;
  color: #232323;
}

.site-map__title {
  font-size: 16px;
  line-height: 18px;
  font-family: bold;
  margin-bottom: 16px;
  color: #232323;
}

.site-map__sub-title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
  font-family: bold;
  display: block;
  color: #232323;
}

.site-map__sub-title span {
  color: #232323;
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.site-map__link {
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #232323;
}

.site-map__link span {
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.site-map__link--big {
  font-family: bold;
}

.site-map__link + .site-map__link {
  margin-top: 12px;
}

.site-map__group {
  width: 75%;
}

.site-map__group + .site-map__group {
  margin-top: 24px;
}

@media (max-width: 599px) {
  .site-map__col + .site-map__col {
    margin-top: 32px;
  }
}

@media (min-width: 600px) {
  .site-map {
    font-size: 0;
  }

  .site-map__group {
    width: 100%;
  }

  .site-map__col {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .site-map__col {
    width: 50%;
    padding-right: 10%;
  }
}

@media (min-width: 768px) {
  .site-map__col {
    max-width: 220px;
  }

  .site-map__col + .site-map__col {
    margin-left: 56px;
  }
}

@media (min-width: 1200px) {
  .site-map__pretitle {
    font-size: 1.75rem;
    line-height: 2.1666666667rem;
    margin-bottom: 2rem;
  }

  .site-map__title {
    font-size: 1.3333333333rem;
    line-height: 1.5rem;
    margin-bottom: 1.3333333333rem;
  }

  .site-map__sub-title {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }

  .site-map__link {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .site-map__link + .site-map__link {
    margin-top: 1rem;
  }

  .site-map__group + .site-map__group {
    margin-top: 2rem;
  }

  .site-map__col {
    max-width: 18.3333333333rem;
  }

  .site-map__col + .site-map__col {
    margin-left: 5.1666666667rem;
  }
}

.products-list__card-wrapper + .products-list__card-wrapper {
  margin-top: 16px;
}

@media (max-width: 649px) {
  .products-list__card-wrapper {
    max-width: 374px;
  }
}

@media (min-width: 650px) {
  .products-list {
    margin-right: -16px;
  }

  .products-list__card-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 16px;
  }
}

@media (min-width: 650px) and (max-width: 1199px) {
  .products-list__card-wrapper {
    max-width: 280px;
  }
}

@media (min-width: 650px) {
  .products-list__card-wrapper + .products-list__card-wrapper {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .products-list {
    margin-right: -1.25rem;
  }

  .products-list__card-wrapper {
    width: calc(33.333333% - 1.25rem);
    margin-right: 1.25rem;
    margin-bottom: 1.3333333333rem;
  }
}

.agency-list__head {
  display: none;
}

.agency-list__line {
  background-color: #fff;
  position: relative;
  padding: 15px 20px 55px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  max-height: 165px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
}

.agency-list__line + .agency-list__line {
  margin-top: 15px;
}

.agency-list__title {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

.agency-list__content {
  display: inline-block;
  width: 60%;
  vertical-align: top;
}

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

.agency-list__col {
  font-size: 0;
}

.agency-list__col + .agency-list__col {
  margin-top: 16px;
}

.agency-list__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
  background-color: #F5F5F5;
}

.agency-list__button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.agency-list__button p {
  line-height: 31px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.agency-list__button--open {
  pointer-events: none;
}

.agency-list__button--open.active {
  pointer-events: all;
}

.agency-list__button--open.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.agency-list__button--open.active span {
  opacity: 1;
}

.agency-list__button--open.active span:nth-child(1) {
  transform: translate(0, 0);
}

.agency-list__button--open.active span:nth-child(3) {
  transform: translate(0, 0);
}

.agency-list__button--open p {
  opacity: 0;
  transform: translate(0, 5px);
}

.agency-list__button--open span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #232323;
  opacity: 0;
}

.agency-list__button--open span + span {
  margin-left: 3px;
}

.agency-list__button--open span + p {
  margin-left: 7px;
}

.agency-list__button--open span:nth-child(1) {
  transform: translate(7px, 0);
}

.agency-list__button--open span:nth-child(3) {
  transform: translate(-7px, 0);
}

.agency-list__button--close {
  pointer-events: none;
}

.agency-list__button--close.active {
  pointer-events: all;
}

.agency-list__button--close.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.agency-list__button--close.active span {
  opacity: 1;
}

.agency-list__button--close.active span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
}

.agency-list__button--close.active span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.agency-list__button--close p {
  opacity: 0;
  transform: translate(0, -5px);
  margin-left: 5px;
}

.agency-list__button--close span {
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  position: relative;
  margin-left: -14px;
}

.agency-list__button--close span::before,
.agency-list__button--close span::after {
  content: "";
  background-color: #232323;
  height: 1px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.agency-list__button--close span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}

.agency-list__button--close span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
}

@media (min-width: 768px) {
  .agency-list__head {
    display: block;
    white-space: nowrap;
    margin-bottom: 20px;
    position: relative;
    background-color: transparent;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .agency-list__list {
    padding: 10px 20px;
    box-sizing: border-box;
  }

  .agency-list__line {
    max-height: none;
    white-space: nowrap;
    padding: 0;
    overflow: visible;
  }

  .agency-list__line + .agency-list__line {
    margin-top: 10px;
  }

  .agency-list__buttons {
    display: none;
  }

  .agency-list__buttons--agency {
    display: block;
  }

  .agency-list__title {
    display: none;
  }

  .agency-list__content {
    width: 100%;
  }

  .agency-list__content p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .agency-list__col {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }

  .agency-list__col + .agency-list__col {
    margin-top: 0;
    padding-left: 20px;
  }

  .agency-list__col--agency-1 {
    width: 10%;
  }

  .agency-list__col--agency-2 {
    width: 15%;
  }

  .agency-list__col--agency-3 {
    width: 27.5%;
  }

  .agency-list__col--agency-4 {
    width: 27.5%;
  }

  .agency-list__col--agency-5 {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .agency-list {
    position: relative;
  }

  .agency-list__head {
    margin: 0-1.6666666667rem 1.25rem;
    padding: 0 1.6666666667rem;
  }

  .agency-list__line {
    margin: 0-1.6666666667rem;
  }

  .agency-list__line + .agency-list__line {
    margin-top: 0.8333333333rem;
  }

  .agency-list__list {
    padding: 0.8333333333rem 1.6666666667rem;
  }

  .agency-list__col {
    max-width: none !important;
  }

  .agency-list__col + .agency-list__col {
    padding-left: 1.6666666667rem;
  }

  .agency-list__col--agency-1 {
    width: 6%;
  }

  .agency-list__col--agency-2 {
    width: 13%;
  }

  .agency-list__col--agency-3 {
    width: 27%;
  }

  .agency-list__col--agency-4 {
    width: 27%;
  }

  .agency-list__col--agency-5 {
    width: 27%;
  }

  .agency-list__content > p {
    font-size: 1rem;
  }
}

.companies-list__navigation--top {
  margin-bottom: 27px;
}

.companies-list__top {
  margin-bottom: 20px;
}

.companies-list__head {
  display: none;
}

.companies-list__body {
  margin: 0 -6.7% 30px;
  padding: 0 6.7%;
}

.companies-list__navigation--bottom {
  margin-bottom: 30px;
}

.companies-list__line {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 15px 20px 20px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
  max-width: 420px;
}

.companies-list__line + .companies-list__line {
  margin-top: 10px;
}

.companies-list__col {
  display: none;
}

.companies-list__col a,
.companies-list__col p,
.companies-list__col span {
  font-size: 14px;
  line-height: 18px;
  color: #232323;
}

.companies-list__col > p,
.companies-list__col a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.companies-list__col--id,
.companies-list__col--name,
.companies-list__col--phone,
.companies-list__col--email,
.companies-list__col--contact,
.companies-list__col--button {
  display: block;
}

.companies-list__col + .companies-list__col {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .companies-list__col--mobile-text {
    font-size: 0;
  }

  .companies-list__col--mobile-text span {
    display: inline-block;
    width: 32.5%;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }

  .companies-list__col--mobile-text p,
  .companies-list__col--mobile-text a {
    display: inline-block;
    width: 67.5%;
    vertical-align: top;
  }
}

.companies-list__button {
  display: block;
  margin-top: 20px;
}

@media (min-width: 600px) {
  .companies-list__navigation {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }

  .companies-list__output-count {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: right;
  }

  .companies-list__top {
    font-size: 0;
  }

  .companies-list__body {
    margin: 0 0 30px;
    padding: 0;
    border: none;
  }

  .companies-list__scroller {
    padding: 20px;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .companies-list__line {
    padding: 0;
    max-width: none;
    position: relative;
  }

  .companies-list__col {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    box-sizing: border-box;
    padding-right: 20px;
  }

  .companies-list__col > span {
    display: none;
  }

  .companies-list__col > p,
  .companies-list__col a {
    display: block;
  }

  .companies-list__col .tooltip-container p,
  .companies-list__col .tooltip-container a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .companies-list__col + .companies-list__col {
    margin-top: 0;
  }

  .companies-list__col--4 {
    width: 35%;
  }

  .companies-list__col--5 {
    width: 35%;
  }

  .companies-list__col--6 {
    width: 30%;
  }

  .companies-list__col--7 {
    width: 35%;
  }

  .companies-list__col--8 {
    width: 25%;
    padding-right: 0;
  }

  .companies-list__head {
    display: block;
    padding: 20px 0 0;
    white-space: nowrap;
    border-top: 1px solid #EDEDED;
    overflow-x: scroll;
    position: relative;
  }

  .companies-list__head::before,
  .companies-list__head::after {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 20px;
    z-index: 1;
    display: block;
  }

  .companies-list__head::after {
    right: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(250, 251, 252, 0) 0%, #fafbfc 40%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00fafbfc", endColorstr="#fafbfc",GradientType=1 );
  }

  .companies-list__head::before {
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmYWZiZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmFmYmZjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fafbfc 40%, rgba(250, 251, 252, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fafbfc", endColorstr="#00fafbfc",GradientType=1 );
  }

  .companies-list__button {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 1;
    margin-top: 0;
    transform: translate(0, -50%);
    margin-left: 10px;
  }
}

@media (min-width: 1200px) {
  .companies-list__top {
    margin-bottom: 1.25rem;
  }

  .companies-list__head {
    padding: 1.6666666667rem 0 1.25rem;
    overflow-x: visible;
  }

  .companies-list__head::before,
  .companies-list__head::after {
    display: none;
  }

  .companies-list__scroller {
    padding: 0;
    white-space: normal;
    overflow: visible;
  }

  .companies-list__col {
    vertical-align: top;
  }

  .companies-list__col a,
  .companies-list__col p,
  .companies-list__col span {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .companies-list__col--1 {
    width: 7.9%;
  }

  .companies-list__col--2 {
    width: 9.5%;
  }

  .companies-list__col--3 {
    width: 11.7%;
  }

  .companies-list__col--4 {
    width: 19.3%;
  }

  .companies-list__col--5 {
    width: 16.5%;
  }

  .companies-list__col--5 a {
    display: inline-block;
    max-width: 100%;
    color: #0D0F5A;
    border-bottom: 1px solid rgba(13, 15, 90, 0.5);
  }

  .companies-list__col--6 {
    width: 13.6%;
  }

  .companies-list__col--6 a {
    display: inline-block;
    max-width: 100%;
    color: #0D0F5A;
    border-bottom: 1px solid rgba(13, 15, 90, 0.5);
  }

  .companies-list__col--7 {
    width: 16%;
  }

  .companies-list__col--7 > p {
    white-space: normal;
    overflow: visible;
    text-overflow: inherit;
  }

  .companies-list__col--8 {
    width: 5.5%;
    text-align: right;
  }

  .companies-list__line {
    padding: 1.6666666667rem;
    margin: 0 -1.6666666667rem;
  }

  .companies-list__line + .companies-list__line {
    margin-top: 0.8333333333rem;
  }

  .companies-list__line--confirmed::before {
    content: "";
    font-family: icon;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: 1.6666666667rem;
    right: 100%;
    width: 22px;
    height: 22px;
    background-color: #7ED322;
    border-radius: 50%;
    margin-right: 0.8333333333rem;
  }

  .companies-list__body {
    margin-bottom: 2.4166666667rem;
  }

  .companies-list__button {
    opacity: 0;
    margin-left: 0;
    transform: translate(10px, -50%);
  }
}

.documents-list__head {
  display: none !important;
}

.documents-list__line {
  background-color: #fff;
  position: relative;
  padding: 15px 20px 55px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  max-height: 150px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
}

@media (max-width: 599px) {
  .documents-list__line {
    max-width: 420px;
  }
}

.documents-list__line + .documents-list__line {
  margin-top: 15px;
}

.documents-list__lines-wrapper {
  padding-bottom: 15px;
}

.documents-list__lines-wrapper:last-child {
  padding-bottom: 0;
}

.documents-list__title {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

.documents-list__title p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.documents-list__content {
  display: inline-block;
  width: 60%;
  vertical-align: top;
}

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

.documents-list__col {
  font-size: 0;
}

.documents-list__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
  background-color: #F5F5F5;
}

.documents-list__col + .documents-list__col {
  margin-top: 16px;
}

.documents-list__button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.documents-list__button p {
  line-height: 31px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.documents-list__button--open {
  pointer-events: none;
}

.documents-list__button--open.active {
  pointer-events: all;
}

.documents-list__button--open.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.documents-list__button--open.active span {
  opacity: 1;
}

.documents-list__button--open.active span:nth-child(1) {
  transform: translate(0, 0);
}

.documents-list__button--open.active span:nth-child(3) {
  transform: translate(0, 0);
}

.documents-list__button--open p {
  opacity: 0;
  transform: translate(0, 5px);
}

.documents-list__button--open span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #232323;
  opacity: 0;
}

.documents-list__button--open span + span {
  margin-left: 3px;
}

.documents-list__button--open span + p {
  margin-left: 7px;
}

.documents-list__button--open span:nth-child(1) {
  transform: translate(7px, 0);
}

.documents-list__button--open span:nth-child(3) {
  transform: translate(-7px, 0);
}

.documents-list__button--close {
  pointer-events: none;
}

.documents-list__button--close.active {
  pointer-events: all;
}

.documents-list__button--close.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.documents-list__button--close.active span {
  opacity: 1;
}

.documents-list__button--close.active span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
}

.documents-list__button--close.active span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.documents-list__button--close p {
  opacity: 0;
  transform: translate(0, -5px);
  margin-left: 5px;
}

.documents-list__button--close span {
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  position: relative;
  margin-left: -14px;
}

.documents-list__button--close span::before,
.documents-list__button--close span::after {
  content: "";
  background-color: #232323;
  height: 1px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.documents-list__button--close span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}

.documents-list__button--close span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
}

.documents-list__settings {
  display: none;
}

.documents-list__edit-button {
  display: block;
  margin-top: 20px;
}

@media (min-width: 600px) {
  .documents-list__scroller {
    overflow-y: scroll;
    margin: -25px 0 10px;
    padding: 25px 5.2% 10px;
  }

  .documents-list__head {
    display: table !important;
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
    margin-bottom: 20px;
    position: relative;
    margin-left: -20px;
  }

  .documents-list__list {
    box-sizing: border-box;
  }

  .documents-list__line {
    max-height: none;
    white-space: nowrap;
    padding: 0;
    overflow: visible;
    margin-left: -20px;
  }

  .documents-list__lines-wrapper {
    overflow: visible !important;
  }

  .documents-list__buttons {
    display: none;
  }

  .documents-list__title {
    display: none;
  }

  .documents-list__content {
    width: 100%;
  }

  .documents-list__content p {
    overflow: visible;
    white-space: normal;
  }

  .documents-list__content--nowrap p {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .documents-list__settings {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
    margin-top: 5px;
  }

  .documents-list__settings.active .documents-list__checkboxes {
    opacity: 1;
    pointer-events: all;
    transform: translate(0, 0);
  }

  .documents-list__toggle::before {
    font-family: icon;
    content: "";
    font-size: 20px;
    color: #C9C9C9;
  }

  .documents-list__checkboxes {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    top: -20px;
    background-color: #fff;
    z-index: 1;
    padding: 15px 16px 20px;
    box-sizing: border-box;
    display: block;
    border-radius: 2px;
    border: 1px solid rgba(46, 46, 46, 0.2);
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 10px);
  }

  .documents-list__triangle {
    position: absolute;
    top: 23px;
    left: 100%;
    width: 6px;
  }

  .documents-list__checkbox {
    padding: 5px 0;
  }

  .documents-list__drag-toggle {
    position: absolute;
    right: 20px;
    bottom: 0;
    height: 100%;
    width: 32px;
    display: none;
  }

  .documents-list__drag-toggle::before {
    content: "";
    font-family: icon;
    font-size: 10px;
    position: absolute;
    color: #CCCCCC;
    z-index: 1;
    bottom: 10px;
    right: 0;
  }

  .documents-list__drag-toggle.right-0 {
    right: 0;
  }

  .documents-list__col {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }

  .documents-list__col--dragging {
    max-width: 300px !important;
  }

  .documents-list__col--draggable {
    position: relative;
  }

  .documents-list__col--draggable:last-child .documents-list__drag-toggle {
    right: 10px;
  }

  .documents-list__col--head {
    padding-right: 20px;
  }

  .documents-list__col--head:nth-child(1) {
    padding-left: 20px;
  }

  .documents-list__col--head:not(.documents-list__col--no-settings):nth-last-of-type(2) {
    padding-right: 0;
  }

  .documents-list__col.drag .documents-list__drag-toggle {
    opacity: 1;
  }

  .documents-list__col.drag .documents-list__drag-toggle:before {
    color: #0D0F5A;
  }

  .documents-list__col.drag .documents-list__input .input__label {
    color: #0D0F5A;
  }

  .documents-list__col.drag .documents-list__input input {
    color: #0D0F5A;
    border-color: #0D0F5A !important;
  }

  .documents-list__col--content {
    background-color: #fff;
    padding: 20px 20px 20px 0;
  }

  .documents-list__col--content:nth-child(1) {
    padding-left: 20px;
    border-radius: 2px 0 0 2px;
  }

  .documents-list__col--content:nth-last-of-type {
    margin-right: 5vw;
    border-radius: 0 2px 2px 0;
  }

  .documents-list__col + .documents-list__col {
    margin-top: 0;
  }

  .documents-list__col--agency {
    padding-right: 20px;
    box-sizing: border-box;
  }

  .documents-list__col--xxxxs {
    width: 16.6666666667%;
    min-width: 64px;
    max-width: 140px;
  }

  .documents-list__col--xxxs {
    width: 25%;
    min-width: 110px;
    max-width: 190px;
  }

  .documents-list__col--xxs {
    width: 33.3333333333%;
    min-width: 175px;
  }

  .documents-list__col--xs {
    width: 41.6666666667%;
    min-width: 240px;
  }

  .documents-list__col--s {
    width: 58.3333333333%;
    min-width: 370px;
  }

  .documents-list__col--m {
    width: 66.6666666667%;
    min-width: 420px;
    max-width: 550px;
  }

  .documents-list__col--l {
    width: 75%;
    min-width: 485px;
  }

  .documents-list__col--xl {
    width: 83.3333333333%;
    min-width: 550px;
  }

  .documents-list__col--xxl {
    width: 91.6666666667%;
    min-width: 614px;
  }

  .documents-list__col---xxxl {
    width: 91.6666666667%;
    min-width: 614px;
  }

  .documents-list__input {
    background-color: #FAFBFC;
    margin-bottom: 0 !important;
  }

  .documents-list__input input {
    background-color: transparent;
  }

  .documents-list__input--white {
    background-color: #fff;
  }

  .documents-list__edit-button {
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
  }
}

@media (min-width: 1200px) {
  .documents-list {
    position: relative;
  }

  .documents-list.hide-cells .documents-list__content {
    opacity: 0;
  }

  .documents-list::before,
  .documents-list::after {
    content: "";
    height: 100%;
    width: 1.6666666667rem;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
  }

  .documents-list::before {
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmYWZiZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmFmYmZjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fafbfc 55%, rgba(250, 251, 252, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fafbfc", endColorstr="#00fafbfc",GradientType=1 );
  }

  .documents-list::after {
    right: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZhZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(250, 251, 252, 0) 0%, #fafbfc 45%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00fafbfc", endColorstr="#fafbfc",GradientType=1 );
  }

  .documents-list__scroller {
    margin: -2.0833333333rem 0-0.8333333333rem;
    padding: 2.0833333333rem 0 1.6666666667rem;
    overflow-y: hidden;
  }

  .documents-list__scroller.grab {
    overflow-x: scroll;
  }

  .documents-list__scroller.grab .document-list__col--head:last-child {
    margin-right: 10vw;
  }

  .documents-list__scroller.grab .document-list__col--content:last-child {
    margin-right: 10vw;
  }

  .documents-list__line {
    margin-left: 0;
  }

  .documents-list__line--offset-left {
    margin: 0-1.6666666667rem;
  }

  .documents-list__table {
    max-width: 1400px;
  }

  .documents-list__head {
    margin: 0 0 1.6666666667rem;
    width: auto;
  }

  .documents-list__head--offset-left {
    margin: 0-1.6666666667rem 1.6666666667rem;
  }

  .documents-list__drag-toggle {
    right: 1.6666666667rem;
    width: 2.6666666667rem;
    opacity: 0;
    display: block;
  }

  .documents-list__drag-toggle::before {
    font-size: 0.8333333333rem;
    bottom: 0.8333333333rem;
  }

  .documents-list__col {
    max-width: none !important;
  }

  .documents-list__col--head {
    padding-right: 1.6666666667rem;
  }

  .documents-list__col--head:nth-child(1) {
    padding-left: 1.6666666667rem;
  }

  .documents-list__col--head:last-child {
    padding-right: 1.6666666667rem;
    margin-right: 0;
  }

  .documents-list__col--offset-left:nth-child(1) {
    padding-left: 1.6666666667rem;
  }

  .documents-list__col--content {
    padding: 1.6666666667rem 1.6666666667rem 1.6666666667rem 0;
  }

  .documents-list__col--content:nth-child(1) {
    padding-left: 1.6666666667rem;
  }

  .documents-list__col--content:last-child {
    margin-right: 0;
  }

  .documents-list__col--draggable:last-child .documents-list__drag-toggle {
    right: 0.8333333333rem;
  }

  .documents-list__col--xxxxs {
    width: 8.3333333333%;
    min-width: 64px;
    max-width: 140px;
  }

  .documents-list__col--xxxs {
    width: 16.6666666667%;
    min-width: 110px;
    max-width: 190px;
  }

  .documents-list__col--xxs {
    width: 25%;
    min-width: 175px;
  }

  .documents-list__col--xs {
    width: 33.3333333333%;
    min-width: 240px;
  }

  .documents-list__col--s {
    width: 41.6666666667%;
    min-width: 370px;
  }

  .documents-list__col--m {
    width: 50%;
    min-width: 420px;
    max-width: 550px;
  }

  .documents-list__col--l {
    width: 58.3333333333%;
    min-width: 485px;
  }

  .documents-list__col--xl {
    width: 66.6666666667%;
    min-width: 550px;
  }

  .documents-list__col--xxl {
    width: 75%;
    min-width: 614px;
  }

  .documents-list__col--xxxl {
    width: 83.3333333333%;
    min-width: 614px;
  }

  .documents-list__col--xxxxl {
    width: 91.6666666667%;
    min-width: 614px;
  }

  .documents-list__col--no-settings:last-child {
    padding-right: 0;
  }

  .documents-list__settings {
    margin-left: 0.8333333333rem;
    padding-right: 1.6666666667rem;
    margin-top: 0.4166666667rem;
  }

  .documents-list__toggle::before {
    font-size: 1.6666666667rem;
  }

  .documents-list__checkboxes {
    margin-right: 0.8333333333rem;
    top: -1.6666666667rem;
    padding: 1.25rem 1.3333333333rem 1.6666666667rem;
  }

  .documents-list__triangle {
    top: 1.9166666667rem;
  }

  .documents-list__checkbox {
    padding: 0.4166666667rem 0;
  }

  .documents-list__edit-button {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 1;
    margin-top: 0;
    transform: translate(10px, -50%);
    margin-left: 0;
    opacity: 0;
  }

  .documents-list__edit-button--order-status {
    margin-left: 7.0833333333rem;
  }

  .documents-list__edit-button.relative {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(10px, 0);
  }

  .documents-list__content p {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .documents-list__input input {
    font-size: 1rem;
  }

  .documents-list__input input:disabled + .input__label::before {
    display: none;
  }

  .documents-list__input .input__label {
    font-size: 1rem;
  }
}

.finances-list__head,
.finances-list__sub-head {
  display: none;
}

.finances-list__line {
  position: relative;
}

.finances-list__line + .finances-list__line {
  margin-top: 10px;
}

.finances-list__line.close-hidden {
  overflow: hidden;
}

.finances-list__wrapper {
  max-height: 150px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 20px 51px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
}

.finances-list__wrapper.close {
  max-height: 150px !important;
}

.finances-list__wrapper--visible:not(.close) {
  overflow: visible;
}

.finances-list__col {
  font-size: 0;
}

.finances-list__col p,
.finances-list__col a {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.finances-list__col p:not(.wrap),
.finances-list__col a {
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finances-list__col a {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
  font-size: 14px;
  line-height: 18px;
  width: auto;
  cursor: pointer;
}

.finances-list__col p.popup-link {
  color: #0D0F5A;
  border-bottom: 1px dashed rgba(13, 15, 90, 0.5);
  display: inline-block;
}

.finances-list__col p.blue {
  color: #158FED;
}

.finances-list__col--green p {
  color: #7ED322;
}

.finances-list__col::before {
  width: 35%;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  box-sizing: border-box;
}

.finances-list__col--id::before {
  content: "ID";
}

.finances-list__col--status::before {
  content: "Статус";
}

.finances-list__col--sum::before {
  content: "Сумма,руб.";
}

.finances-list__col--agent::before {
  content: "Агент";
}

.finances-list__col--commission::before {
  content: "Комиссия, руб.";
}

.finances-list__col--guaranteeNumber::before {
  content: "Номер гарантии";
}

.finances-list__col--documentNumber::before {
  content: "Номер документа";
}

.finances-list__col--documentDate::before {
  content: "Дата документа";
}

.finances-list__col--inn::before {
  content: "ИНН плательщика";
}

.finances-list__col--commission::before {
  content: "Комиссия";
}

@media (max-width: 599px) {
  .finances-list__col--mobile-hidden {
    display: none;
  }
}

.finances-list__col--mobile-small-columns p,
.finances-list__col--mobile-small-columns a,
.finances-list__col--mobile-small-columns::before {
  width: 50%;
}

.finances-list__col + .finances-list__col {
  margin-top: 15px;
}

.finances-list__col + .finances-list__sub-list {
  margin-top: 20px;
}

.finances-list__sub-col {
  font-size: 0;
}

@media (max-width: 599px) {
  .finances-list__sub-col--mobile-hidden {
    display: none;
  }
}

.finances-list__sub-col p {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  box-sizing: border-box;
  max-width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finances-list__sub-col p.editable {
  padding: 0 4px;
  margin-left: -4px;
  border: 1px dashed rgba(13, 15, 90, 0.5);
  color: #0D0F5A;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  display: inline-block;
}

.finances-list__sub-col::before {
  width: 35%;
  font-size: 14px;
  line-height: 18px;
  color: #232323;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.finances-list__sub-col--number::before {
  content: "Номер";
}

.finances-list__sub-col--company::before {
  content: "Компания";
}

.finances-list__sub-col--sum::before {
  content: "Сумма заявки, руб.";
}

.finances-list__sub-col--commission::before {
  content: "Комиссия, руб.";
}

.finances-list__sub-col--comanyName::before {
  content: "Наименование компании";
}

.finances-list__sub-col--paymentValue::before {
  content: "Назначение платежа";
}

.finances-list__sub-col--wrapped p {
  white-space: normal;
}

.finances-list__sub-col--mobile-small-columns p,
.finances-list__sub-col--mobile-small-columns::before {
  max-width: 50%;
}

.finances-list__sub-col + .finances-list__sub-col {
  margin-top: 15px;
}

.finances-list__sub-list {
  padding: 20px 20px 0;
  margin: 0 -20px;
  box-sizing: border-box;
  border-top: 1px solid #F7F8FA;
}

.finances-list__sub-line--buttons {
  display: none;
}

.finances-list__sub-line--mobile-visible {
  display: block;
}

.finances-list__sub-line + .finances-list__sub-line {
  margin-top: 30px;
}

.finances-list__select {
  width: 100%;
}

@media (max-width: 599px) {
  .finances-list__select + * {
    margin-top: 12px;
  }
}

.finances-list__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
  background-color: #F5F5F5;
}

.finances-list__button p {
  line-height: 31px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.finances-list__button--open {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
}

.finances-list__button--open.active {
  pointer-events: all;
}

.finances-list__button--open.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.finances-list__button--open.active span {
  opacity: 1;
}

.finances-list__button--open.active span:nth-child(1) {
  transform: translate(0, 0);
}

.finances-list__button--open.active span:nth-child(3) {
  transform: translate(0, 0);
}

.finances-list__button--open p {
  opacity: 0;
  transform: translate(0, 5px);
}

.finances-list__button--open span {
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
}

.finances-list__button--open span:before {
  content: "•";
  font-size: 12px;
  color: #232323;
  line-height: 14px;
}

.finances-list__button--open span + span {
  margin-left: 1px;
}

.finances-list__button--open span + p {
  margin-left: 7px;
}

.finances-list__button--open span:nth-child(1) {
  transform: translate(7px, 0);
}

.finances-list__button--open span:nth-child(3) {
  transform: translate(-7px, 0);
}

.finances-list__button--close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
}

.finances-list__button--close.active {
  pointer-events: all;
}

.finances-list__button--close.active p {
  opacity: 1;
  transform: translate(0, 0);
}

.finances-list__button--close.active span {
  opacity: 1;
}

.finances-list__button--close.active span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
}

.finances-list__button--close.active span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.finances-list__button--close p {
  opacity: 0;
  transform: translate(0, -5px);
  margin-left: 5px;
}

.finances-list__button--close span {
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  position: relative;
  margin-left: -14px;
}

.finances-list__button--close span::before,
.finances-list__button--close span::after {
  content: "";
  background-color: #232323;
  height: 1px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.finances-list__button--close span::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}

.finances-list__button--close span::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
}

.finances-list__button--big {
  min-width: 100%;
}

.finances-list__badges {
  display: none;
}

.finances-list__pagination {
  margin-bottom: 20px;
}

.finances-list__body {
  max-width: 420px;
}

.finances-list .add-file {
  width: 57%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

@media (min-width: 600px) {
  .finances-list__head,
  .finances-list__sub-head {
    display: block;
  }

  .finances-list__head {
    padding: 0 20px 20px 0;
  }

  .finances-list__sub-head {
    transform: translate(0, 0);
    opacity: 1;
    padding-bottom: 10px;
  }

  .finances-list__body {
    max-width: none;
    margin-left: -20px;
  }

  .finances-list__wrapper {
    padding: 20px;
    max-height: none;
  }

  .finances-list__wrapper.close {
    max-height: 60px !important;
  }

  .finances-list__wrapper.close .finances-list__sub-line {
    opacity: 0;
    transform: translate(0, -5px);
  }

  .finances-list__wrapper.close .finances-list__sub-head {
    opacity: 0;
    transform: translate(0, -5px);
  }

  .finances-list__col {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .finances-list__col p,
  .finances-list__col a {
    font-size: 14px;
    line-height: 18px;
  }

  .finances-list__col p:not(.wrap) {
    width: 100%;
  }

  .finances-list__col a {
    width: auto;
  }

  .finances-list__col p.popup-link {
    width: auto;
  }

  .finances-list__col::before {
    display: none;
  }

  .finances-list__col + .finances-list__col {
    margin-top: 0;
  }

  .finances-list__col + .finances-list__sub-list {
    margin-top: 22px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .finances-list__col--tablet-hidden {
    display: none;
  }
}

@media (min-width: 600px) {
  .finances-list__col--1-5 {
    width: 14.4%;
  }

  .finances-list__col--1-6 {
    width: 10.4%;
  }

  .finances-list__col--1-18 {
    width: 18%;
  }
}

@media (min-width: 600px) {
  .finances-list__col--2-5 {
    width: 32%;
  }

  .finances-list__col--2-6 {
    width: 20%;
  }

  .finances-list__col--2-18 {
    width: 18%;
  }
}

@media (min-width: 600px) {
  .finances-list__col--3-5 {
    width: 24%;
  }

  .finances-list__col--3-6 {
    width: 37%;
  }

  .finances-list__col--3-18 {
    width: 18%;
  }
}

@media (min-width: 600px) {
  .finances-list__col--4-6 {
    width: 25%;
  }

  .finances-list__col--4-18 {
    width: 18%;
  }
}

@media (min-width: 600px) {
  .finances-list__col--5-18 {
    width: 18%;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-col {
    display: inline-block;
    vertical-align: top;
  }

  .finances-list__sub-col p {
    padding-left: 0;
    max-width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
  }

  .finances-list__sub-col p.small {
    font-size: 12px;
    line-height: 14px;
  }

  .finances-list__sub-col p.editable {
    width: auto;
  }

  .finances-list__sub-col::before {
    display: none;
  }

  .finances-list__sub-col + .finances-list__sub-col {
    margin-top: 0;
  }

  .finances-list__sub-col--gray p {
    color: rgba(35, 35, 35, 0.4);
    font-size: 12px;
    line-height: 14px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .finances-list__sub-col--tablet-hidden {
    display: none;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-col--1-7 {
    width: 20%;
  }

  .finances-list__sub-col--1-5 {
    width: 30%;
  }

  .finances-list__sub-col--1-32 {
    width: 32%;
  }

  .finances-list__sub-col--1-48 {
    width: 48%;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-col--3-7 {
    width: 32.7%;
  }

  .finances-list__sub-col--3-5 {
    width: 43%;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-col--4-7 {
    width: 26.3%;
  }

  .finances-list__sub-col--4-5 {
    width: 27%;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-col--6-7 {
    width: 21%;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-list {
    padding: 20px 20px 0;
    margin: 0 -20px;
    box-sizing: border-box;
    border-top: 1px solid #F7F8FA;
  }
}

@media (min-width: 600px) {
  .finances-list__sub-line {
    transform: translate(0, 0);
    opacity: 1;
  }

  .finances-list__sub-line--buttons {
    display: block;
    padding: 8px 20px 0;
    border-top: 1px solid #F7F8FA;
    margin: 0 -20px;
  }

  .finances-list__sub-line + .finances-list__sub-line {
    margin-top: 8px;
  }

  .finances-list__sub-line + .finances-list__sub-line--big-offset {
    margin-top: 20px;
    padding-top: 12px;
  }
}

@media (min-width: 600px) {
  .finances-list__buttons {
    top: 15px;
    bottom: auto;
    left: auto;
    right: 13px;
    width: 30px;
    height: 30px;
    background: none;
  }
}

@media (min-width: 600px) {
  .finances-list__button--close span {
    margin-left: 0;
  }

  .finances-list__button--close,
  .finances-list__button--open {
    line-height: 26px;
  }

  .finances-list__button p {
    display: none;
  }

  .finances-list__button--approve {
    margin-right: 8px;
  }

  .finances-list__button--big {
    min-width: 240px;
  }
}

@media (min-width: 600px) {
  .finances-list__select {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 12px;
  }
}

@media (min-width: 600px) {
  .finances-list .add-file {
    width: auto;
    padding-bottom: 3px;
  }
}

@media (min-width: 600px) {
  .finances-list__pagination {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .finances-list__head {
    padding: 0 1.6666666667rem 1.6666666667rem;
    margin: 0-1.6666666667rem;
  }

  .finances-list__sub-head {
    padding-bottom: 0.8333333333rem;
  }

  .finances-list__wrapper {
    padding: 1.6666666667rem;
  }

  .finances-list__wrapper.close {
    max-height: 4.6666666667rem !important;
  }

  .finances-list__col p,
  .finances-list__col a {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .finances-list__col * + * {
    margin-left: 1rem;
  }

  .finances-list__col .add-file {
    vertical-align: bottom;
  }

  .finances-list__col + .finances-list__sub-list {
    margin-top: 1.8333333333rem;
  }

  .finances-list__col--1-5 {
    width: 6%;
  }

  .finances-list__col--1-6 {
    width: 10%;
  }

  .finances-list__col--2-5 {
    width: 21%;
  }

  .finances-list__col--2-6 {
    width: 15%;
  }

  .finances-list__col--3-5 {
    width: 20.4%;
  }

  .finances-list__col--3-6 {
    width: 20%;
  }

  .finances-list__col--4-5 {
    width: 20.5%;
  }

  .finances-list__col--4-6 {
    width: 15%;
  }

  .finances-list__col--5-6 {
    width: 15%;
  }

  .finances-list__col--6-6 {
    width: 21%;
  }

  .finances-list__sub-col:last-child p {
    padding-right: 0;
  }

  .finances-list__sub-col p {
    padding-right: 1.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .finances-list__sub-col p.small {
    font-size: 1rem;
    line-height: 1.1666666667rem;
  }

  .finances-list__sub-col p.editable {
    padding: 0 0.3333333333rem;
    margin-left: -0.3333333333rem;
  }

  .finances-list__sub-col--gray p {
    font-size: 1rem;
    line-height: 1.1666666667rem;
  }

  .finances-list__sub-col--1-7 {
    width: 13%;
  }

  .finances-list__sub-col--1-5 {
    width: 20%;
  }

  .finances-list__sub-col--2-7 {
    width: 12%;
  }

  .finances-list__sub-col--2-5 {
    width: 14%;
  }

  .finances-list__sub-col--3-7 {
    width: 18.8%;
  }

  .finances-list__sub-col--3-5 {
    width: 30%;
  }

  .finances-list__sub-col--4-7 {
    width: 16.9%;
  }

  .finances-list__sub-col--4-5 {
    width: 15%;
  }

  .finances-list__sub-col--5-7 {
    width: 13%;
  }

  .finances-list__sub-col--5-5 {
    width: 21%;
  }

  .finances-list__sub-col--6-7 {
    width: 15.7%;
  }

  .finances-list__sub-col--7-7 {
    width: 10.6%;
  }

  .finances-list__body {
    margin: 0-1.6666666667rem;
  }

  .finances-list__sub-list {
    padding: 1.6666666667rem 1.6666666667rem 0;
    margin: 0-1.6666666667rem;
    font-size: 0;
  }

  .finances-list__sub-line--buttons {
    margin: 0-1.6666666667rem;
    padding: 0.6666666667rem 1.6666666667rem 0;
  }

  .finances-list__sub-line + .finances-list__sub-line {
    margin-top: 0.6666666667rem;
  }

  .finances-list__sub-line + .finances-list__sub-line--big-offset {
    margin-top: 1.6666666667rem;
    padding-top: 1rem;
  }

  .finances-list__buttons {
    top: 1.25rem;
    right: 1.0833333333rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .finances-list__button--open {
    pointer-events: none;
  }

  .finances-list__button--open span:before {
    font-size: 1rem;
    line-height: 1.1666666667rem;
  }

  .finances-list__button--open span + span {
    margin-left: 0.0833333333rem;
  }

  .finances-list__button--open span:nth-child(1) {
    transform: translate(0.5833333333rem, 0);
  }

  .finances-list__button--open span:nth-child(3) {
    transform: translate(-0.5833333333rem, 0);
  }

  .finances-list__button--close span {
    width: 2.0833333333rem;
    height: 2.0833333333rem;
  }

  .finances-list__button--close span::before,
  .finances-list__button--close span::after {
    width: 1.25rem;
  }

  .finances-list__button--close,
  .finances-list__button--open {
    line-height: 2.1666666667rem;
  }

  .finances-list__button--approve {
    margin-right: 0.6666666667rem;
  }

  .finances-list__button--big {
    min-width: 280px;
  }

  .finances-list__select {
    width: 33.3333333333rem;
    margin-right: 1rem;
  }

  .finances-list__badges {
    display: block;
    position: absolute;
    right: 100%;
    top: 1.5rem;
    margin-right: 1.5rem;
    white-space: nowrap;
  }

  .finances-list__badge {
    display: inline-block;
    vertical-align: middle;
  }

  .finances-list__badge:nth-child(0) {
    z-index: 10;
  }

  .finances-list__badge:nth-child(1) {
    z-index: 9;
  }

  .finances-list__badge:nth-child(2) {
    z-index: 8;
  }

  .finances-list__badge:nth-child(3) {
    z-index: 7;
  }

  .finances-list__badge:nth-child(4) {
    z-index: 6;
  }

  .finances-list__badge:nth-child(5) {
    z-index: 5;
  }

  .finances-list__badge:nth-child(6) {
    z-index: 4;
  }

  .finances-list__badge:nth-child(7) {
    z-index: 3;
  }

  .finances-list__badge:nth-child(8) {
    z-index: 2;
  }

  .finances-list__badge:nth-child(9) {
    z-index: 1;
  }

  .finances-list__badge:nth-child(10) {
    z-index: 0;
  }

  .finances-list__badge.badge--bordered + .finances-list__badge {
    margin-left: 0.1666666667rem;
  }

  .finances-list__badge.badge--bordered + .finances-list__badge.badge--bordered {
    margin-left: 0.1666666667rem;
  }

  .finances-list__badge + .finances-list__badge {
    margin-left: 0.3333333333rem;
  }

  .finances-list__pagination {
    margin-bottom: 1.6666666667rem;
  }

  .finances-list .add-file {
    overflow: visible;
  }
}

.orders-list__head {
  display: none;
}

.orders-list__body {
  padding-top: 20px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}

.orders-list__body.loading {
  display: block;
  width: 100%;
  min-height: 178px;
  pointer-events: none;
  background: #fff;
}

.orders-list__body.loading:before {
  content: "";
  font-family: icon;
  color: #FBB143;
  font-size: 60px;
  animation: rotate360 1s infinite linear;
  position: absolute;
  transform-origin: center;
  top: 30px;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);
}

.orders-list__line {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 20px 20px 20px;
  position: relative;
  max-width: 420px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid transparent;
}

.orders-list__line + .orders-list__line {
  margin-top: 10px;
}

.orders-list__line--many-banks::before,
.orders-list__line--many-banks::after {
  content: "";
  height: 10px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.orders-list__line--many-banks::before {
  z-index: -1;
  left: 4px;
  right: 4px;
  bottom: -5px;
}

.orders-list__line--many-banks::after {
  z-index: -2;
  left: 9px;
  right: 9px;
  bottom: -10px;
}

.orders-list__line--many-banks + .orders-list__line {
  margin-top: 20px;
}

.orders-list__line--many-banks .orders-list__bank--single {
  width: auto;
}

.orders-list__line.focus {
  border-color: #FBB143;
}

.orders-list__line.focus .orders-list__hide-bar {
  opacity: 1;
}

.orders-list__col p {
  color: #232323;
}

.orders-list__col a:not(.orders-list__add-bank) {
  font-size: 14px;
  line-height: 18px;
  color: #0D0F5A;
  width: 100%;
}

.orders-list__col a:not(.orders-list__add-bank) span {
  border-bottom: 1px solid rgba(13, 15, 90, 0.2);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: normal;
  vertical-align: text-top;
}

@media (max-width: 599px) {
  .orders-list__col a:not(.orders-list__add-bank) span {
    max-width: 60%;
  }
}

.orders-list__col + .orders-list__col {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .orders-list__col--mobile-hidden {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .orders-list__col--mobile-text p,
  .orders-list__col--mobile-text a {
    display: inline-block;
  }

  .orders-list__col--mobile-text p::before,
  .orders-list__col--mobile-text a::before {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    min-width: 85px;
    color: #232323;
    margin-right: 10px;
  }

  .orders-list__col--number p:before {
    content: "Номер";
  }

  .orders-list__col--company a:before {
    content: "Компания";
  }

  .orders-list__col--total p:before {
    content: "Сумма, руб.";
  }

  .orders-list__col--contacts a {
    margin-right: 10px;
    width: auto;
  }

  .orders-list__col--contacts a:nth-child(1)::before {
    content: "Заказчик";
  }

  .orders-list__col--contacts a:nth-child(2)::before {
    content: "";
  }
}

.orders-list__col--company p {
  display: none;
}

.orders-list__col--contacts span:nth-child(n+2) a::before {
  content: " ";
}

.orders-list__informations {
  display: none;
}

.orders-list__open {
  display: none;
}

.orders-list__close {
  display: none;
}

.orders-list__add-bank {
  display: none;
}

.orders-list__button--chat {
  width: 100%;
}

.orders-list__button--approve {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.orders-list__button--approve + .orders-list__button--chat {
  font-size: 0;
  line-height: normal;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 5px;
}

.orders-list__button--approve + .orders-list__button--chat span {
  display: block;
}

@media (min-width: 600px) {
  .orders-list__button--approve + .orders-list__button--chat {
    height: 22px;
  }
}

@media (min-width: 1200px) {
  .orders-list__button--approve + .orders-list__button--chat {
    height: 1.7916666667rem;
    padding: 0 0.4166666667rem;
  }
}

.orders-list__button--approve + .orders-list__button--chat span::before {
  margin-right: 0;
}

.orders-list__navigation--bottom {
  margin-bottom: 30px;
}

.orders-list__summary-text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.4);
  margin-top: 30px;
  max-width: 420px;
}

.orders-list__summary-text span {
  color: #232323;
  display: inline-block;
  margin-left: 4px;
}

.orders-list__buttons-line {
  display: none;
  text-align: center;
}

.orders-list__buttons-line:first-child {
  display: block;
}

.orders-list__datepicker {
  position: absolute !important;
  top: 160%;
  left: 0;
  opacity: 0;
  z-index: 2;
  transform: translate(0, 10px);
  transition: 0.3s ease;
  pointer-events: none;
}

.orders-list__datepicker:not(.active) * {
  pointer-events: none;
}

.orders-list__datepicker.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: all;
  transition-delay: 0s;
}

@media (min-width: 600px) {
  .orders-list__datepicker.active {
    transform: translate(0, 0);
  }
}

.orders-list__datepicker.active .calendar {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.5s;
}

.orders-list__datepicker.active .datepicker__buttons {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.5s;
}

.orders-list__response {
  position: absolute;
  top: 20px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  transition-property: opacity, transform;
  font-size: 16px;
  color: #232323;
  transform: translate(-50%, -10px);
  width: 100%;
}

.orders-list__response.active {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: all;
  transition-delay: 0.3s;
}

.orders-list__hide-bar {
  position: absolute;
  background-color: #fff;
  height: 1px;
  pointer-events: none;
  opacity: 0;
}

.orders-list__hide-bar--main {
  left: 5px;
  right: 5px;
  bottom: 0;
}

.orders-list__hide-bar--sub {
  left: 10px;
  right: 10px;
  bottom: -5px;
}

@media (max-width: 1199px) {
  .orders-list__toggle-options {
    display: none;
  }
}

@media (max-width: 1199px) {
  .orders-list__options {
    display: none;
  }
}

@media (min-width: 470px) {
  .orders-list__bottom {
    font-size: 0;
  }
}

@media (min-width: 600px) {
  .orders-list__button--prev {
    margin-left: 11px;
  }

  .orders-list__head {
    display: block;
    padding: 30px 20px 18px;
  }

  .orders-list__head p,
  .orders-list__head span {
    color: rgba(35, 35, 35, 0.8);
  }

  .orders-list__button--chat {
    width: auto;
  }

  .orders-list__button--chat span {
    transition: none !important;
  }

  .orders-list__summary-text {
    margin-top: 43px;
    max-width: 640px;
  }

  .orders-list__body {
    padding-top: 0;
    margin-bottom: 30px;
    min-height: 20px;
  }

  .orders-list__line {
    border-radius: 2px;
    padding: 20px;
    max-width: none;
    white-space: nowrap;
  }

  .orders-list__line--many-banks::before {
    left: 6px;
    right: 6px;
  }

  .orders-list__col {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .orders-list__col p {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .orders-list__col a:not(.orders-list__add-bank) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .orders-list__col + .orders-list__col {
    margin-top: 0;
  }

  .orders-list__col--1-user {
    width: 24%;
  }

  .orders-list__col--1-designer {
    width: 17%;
  }

  .orders-list__col--3-user {
    width: 32.5%;
  }

  .orders-list__col--3-designer {
    width: 24%;
  }

  .orders-list__col--4-user {
    width: 20.7%;
  }

  .orders-list__col--4-designer {
    width: 20%;
  }

  .orders-list__col--5-designer {
    width: 19%;
    vertical-align: top;
  }

  .orders-list__col--8-user {
    padding-right: 0;
  }

  .orders-list__col--9-designer {
    padding-right: 0;
  }

  .orders-list__buttons-line {
    text-align: left;
  }

  .orders-list__navigation--bottom {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }

  .orders-list__output-count--bottom {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
  }

  .orders-list__hide-bar--main {
    left: 7px;
    right: 7px;
  }
}

@media (min-width: 768px) {
  .orders-list__col--3-user {
    width: 34.4%;
  }

  .orders-list__navigation {
    display: inline-block;
    width: 63%;
    vertical-align: middle;
    margin-bottom: 0;
  }

  .orders-list__output-count {
    display: inline-block;
    width: 37%;
    text-align: right;
    vertical-align: middle;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .orders-list__response {
    font-size: 1.3333333333rem;
  }

  .orders-list__head {
    padding: 1.6666666667rem 0 1.25rem;
  }

  .orders-list__line {
    padding: 1.5rem 1.6666666667rem 1.25rem;
    margin: 0-1.6666666667rem;
  }

  .orders-list__line + .orders-list__line {
    margin-top: 0.8333333333rem;
  }

  .orders-list__line--many-banks {
    padding: 1.5rem 1.6666666667rem 0.8333333333rem;
    max-height: 7.866667rem;
    box-sizing: border-box;
  }

  .orders-list__line--many-banks::before,
  .orders-list__line--many-banks::after {
    height: 0.8333333333rem;
  }

  .orders-list__line--many-banks::before {
    left: 0.75rem;
    right: 0.75rem;
    bottom: -0.5833333333rem;
  }

  .orders-list__line--many-banks::after {
    left: 1.25rem;
    right: 1.25rem;
    bottom: -1.1666666667rem;
  }

  .orders-list__line--many-banks + .orders-list__line {
    margin-top: 2rem;
  }

  .orders-list__line--many-banks .orders-list__bank p {
    display: none;
  }

  .orders-list__line--many-banks.hide-content::before,
  .orders-list__line--many-banks.hide-content::after {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__close {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__add-bank {
    opacity: 0 !important;
    transition-duration: 0.1s;
  }

  .orders-list__line--many-banks.hide-content .orders-list__bank:first-child p {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__bank:nth-child(n+2) {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__col--banks > p {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__col--commission p:nth-child(n+2) {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__status:nth-child(n+2) {
    opacity: 0;
  }

  .orders-list__line--many-banks.hide-content .orders-list__buttons-line {
    transition-delay: 0s !important;
    transition-duration: 0.2s !important;
  }

  .orders-list__line--many-banks.hide-content .orders-list__buttons-line:nth-child(n+2) {
    opacity: 0;
    transform: translate(10px, 0);
  }

  .orders-list__line--many-banks.active {
    padding-bottom: 0;
  }

  .orders-list__line--many-banks.active .orders-list__hide-bar {
    opacity: 0;
  }

  .orders-list__line--many-banks.active::before {
    transform: translate(0, -0.8333333333rem);
    opacity: 0;
  }

  .orders-list__line--many-banks.active::after {
    transform: translate(0, -1.6666666667rem);
    opacity: 0;
  }

  .orders-list__line--many-banks.active .orders-list__open {
    pointer-events: none;
  }

  .orders-list__line--many-banks.active .orders-list__open span {
    opacity: 0;
  }

  .orders-list__line--many-banks.active .orders-list__open span:nth-child(1) {
    transform: translate(0.7rem, 0);
  }

  .orders-list__line--many-banks.active .orders-list__open span:nth-child(3) {
    transform: translate(-0.7rem, 0);
  }

  .orders-list__line--many-banks.active .orders-list__close {
    display: block;
  }

  .orders-list__line--many-banks.active .orders-list__status {
    display: block;
  }

  .orders-list__line--many-banks.active .orders-list__col--commission p {
    display: block;
  }

  .orders-list__line--many-banks.active .orders-list__bank {
    display: block;
  }

  .orders-list__line--many-banks.active .orders-list__bank p {
    display: inline-block;
  }

  .orders-list__line--many-banks.active .orders-list__bank + .orders-list__bank {
    margin-left: 0;
    margin-top: 1.0833333333rem;
  }

  .orders-list__line--many-banks.active .orders-list__bank.more-offset + .orders-list__bank {
    margin-top: 2.6666666667rem;
  }

  .orders-list__line--many-banks.active .orders-list__buttons-line {
    display: block;
  }

  .orders-list__col {
    vertical-align: top;
    white-space: normal;
    overflow: visible;
    font-size: 0;
  }

  .orders-list__col p {
    font-size: 1rem;
    line-height: 1.8333333333rem;
  }

  .orders-list__col a:not(.orders-list__add-bank) {
    font-size: 1rem;
    line-height: 1.8333333333rem;
  }

  .orders-list__col--banks {
    position: relative;
  }

  .orders-list__col--1-designer {
    width: 9%;
  }

  .orders-list__col--1-user {
    width: 11%;
  }

  .orders-list__col--2-designer {
    width: 12%;
  }

  .orders-list__col--2-user {
    width: 11%;
  }

  .orders-list__col--3-designer {
    width: 15%;
  }

  .orders-list__col--3-user {
    width: 22.7%;
  }

  .orders-list__col--4-designer {
    width: 13.3%;
  }

  .orders-list__col--4-user {
    width: 13.3%;
  }

  .orders-list__col--5-designer {
    width: 13.9%;
  }

  .orders-list__col--5-user {
    width: 14.9%;
  }

  .orders-list__col--6-designer {
    width: 11.7%;
  }

  .orders-list__col--6-user {
    width: 13%;
  }

  .orders-list__col--7-designer {
    width: 12.1%;
  }

  .orders-list__col--7-user {
    width: 14.1%;
  }

  .orders-list__col--8-designer {
    width: 13%;
  }

  .orders-list__col--8-user {
    display: block;
    position: absolute;
    left: 100%;
    top: 1.3333333333rem;
    transform: translate(-1.5833333333rem, 0);
    white-space: nowrap;
  }

  .orders-list__col--9-designer {
    display: block;
    position: absolute;
    left: 100%;
    top: 1.5rem;
    transform: translate(-1.5833333333rem, 0);
    white-space: nowrap;
  }

  .orders-list__col--contacts {
    padding-right: 20px;
  }

  .orders-list__col--banks > p {
    display: inline-block;
    margin-left: 0.1666666667rem;
    vertical-align: middle;
    font-size: 0.8333333333rem;
    line-height: 1rem;
  }

  .orders-list__col--commission p {
    display: none;
  }

  .orders-list__col--commission p:first-child {
    display: block;
  }

  .orders-list__col--commission p + p {
    margin-top: 1.0833333333rem;
  }

  .orders-list__col--commission p.more-offset + p {
    margin-top: 2.6666666667rem;
  }

  .orders-list__col--company p {
    display: block;
    color: rgba(35, 35, 35, 0.4);
  }

  .orders-list__bank {
    display: none;
    vertical-align: middle;
  }

  .orders-list__bank:nth-child(1),
  .orders-list__bank:nth-child(2),
  .orders-list__bank:nth-child(3),
  .orders-list__bank:nth-child(4) {
    display: inline-block;
  }

  .orders-list__bank img {
    vertical-align: middle;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}

@media (min-width: 1200px) and (min-width: 1500px) {
  .orders-list__bank img {
    max-width: 1.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__bank p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__bank + .orders-list__bank {
    margin-left: 0.25rem;
  }

  .orders-list__bank + .orders-list__bank + .order-list__add-bank {
    margin-top: 0.5833333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__bank--single {
    white-space: nowrap;
    width: 100%;
  }

  .orders-list__bank--single p {
    max-width: 79%;
  }
}

@media (min-width: 1200px) {
  .orders-list__bank--focus p {
    color: #FBB143;
  }
}

@media (min-width: 1200px) {
  .orders-list__status {
    padding-left: 11px;
    box-sizing: border-box;
    position: relative;
    display: none;
  }

  .orders-list__status:first-child {
    display: block;
  }

  .orders-list__status::before {
    position: absolute;
    content: "•";
    left: 0;
    top: 0;
    font-size: 1rem;
    border-radius: 50%;
    line-height: 1.8333333333rem;
  }

  .orders-list__status--green p {
    color: #12981A;
  }

  .orders-list__status--green::before {
    color: #12981A;
  }

  .orders-list__status--orange p {
    color: #F5A623;
  }

  .orders-list__status--orange::before {
    color: #F5A623;
  }

  .orders-list__status--red p {
    color: #F63A47;
  }

  .orders-list__status--red::before {
    color: #F63A47;
  }

  .orders-list__status--blue p {
    color: #0A65E2;
  }

  .orders-list__status--blue::before {
    color: #0A65E2;
  }

  .orders-list__status--dark-blue p {
    color: #001DB1;
  }

  .orders-list__status--dark-blue::before {
    color: #001DB1;
  }

  .orders-list__status--gray p {
    color: #C9C9C9;
  }

  .orders-list__status--gray::before {
    color: #C9C9C9;
  }

  .orders-list__status + .orders-list__status {
    margin-top: 1.0833333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__open {
    margin: 1.0833333333rem auto 0;
    display: block;
    z-index: 1;
  }
}

@media (min-width: 1200px) {
  .orders-list__close {
    color: #232323;
    line-height: 3.25rem;
    border-top: 1px solid #EDEDED;
    width: 100%;
    font-size: 1.1666666667rem;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .orders-list__informations {
    display: block;
    position: absolute;
    margin-right: 1.5rem;
    top: 1.3333333333rem;
    right: 100%;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .orders-list__status-line {
    display: inline-block;
    vertical-align: middle;
  }

  .orders-list__status-line:nth-child(0) {
    z-index: 8;
  }

  .orders-list__status-line:nth-child(1) {
    z-index: 7;
  }

  .orders-list__status-line:nth-child(2) {
    z-index: 6;
  }

  .orders-list__status-line:nth-child(3) {
    z-index: 5;
  }

  .orders-list__status-line:nth-child(4) {
    z-index: 4;
  }

  .orders-list__status-line:nth-child(5) {
    z-index: 3;
  }

  .orders-list__status-line:nth-child(6) {
    z-index: 2;
  }

  .orders-list__status-line:nth-child(7) {
    z-index: 1;
  }

  .orders-list__status-line:nth-child(8) {
    z-index: 0;
  }

  .orders-list__status-line.status-line--bordered + .orders-list__status-line {
    margin-left: 0.1666666667rem;
  }

  .orders-list__status-line.status-line--bordered + .orders-list__status-line.status-line--bordered {
    margin-left: 0.1666666667rem;
  }

  .orders-list__status-line + .orders-list__status-line {
    margin-left: 0.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__body {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__summary-text {
    margin-top: 2.3333333333rem;
    font-size: 1rem;
    line-height: 1.1666666667rem;
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .orders-list__buttons-line {
    opacity: 0;
    transform: translate(1.5833333333rem, 0);
    height: 1.803rem;
  }

  .orders-list__buttons-line--messages {
    opacity: 1;
    transform: translate(0, 0);
  }

  .orders-list__buttons-line + .orders-list__buttons-line {
    margin-top: 1.0833333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__button--approve {
    margin-right: 0.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__button--chat.more-offset + .orders-list__button {
    margin-top: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__add-bank {
    display: block;
    color: rgba(35, 35, 35, 0.4);
    font-size: 0.8333333333rem;
    line-height: 1.6666666667rem;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }

  .orders-list__add-bank--no-margin {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .orders-list__hide-bar--main {
    left: 0.8rem;
    right: 0.8rem;
  }

  .orders-list__hide-bar--sub {
    left: 1.3333333333rem;
    right: 1.3333333333rem;
    bottom: -0.5833333333rem;
  }
}

@media (min-width: 1200px) {
  .orders-list__options {
    left: -1.3333333333rem;
    top: 100%;
    margin-top: 0.6666666667rem;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .orders-list__options.active {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@media (min-width: 1200px) {
  .orders-list__toggle-options {
    right: 100%;
    width: 1.6666666667rem;
    height: 1.6666666667rem;
    position: absolute;
    top: 0;
    margin-right: 0.3333333333rem;
  }

  .orders-list__toggle-options::before {
    content: "";
    font-size: 1.1666666667rem;
    font-family: icon;
    color: #C9C9C9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.orders-list-new__head {
  display: none;
}

.orders-list-new__navigation--bottom {
  margin-bottom: 30px;
}

.orders-list-new__summary-text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(35, 35, 35, 0.4);
  margin-top: 30px;
  max-width: 420px;
}

.orders-list-new__summary-text span {
  color: #232323;
  display: inline-block;
  margin-left: 4px;
}

.orders-list-new__datepicker {
  position: absolute !important;
  top: 160%;
  left: 0;
  opacity: 0;
  z-index: 2 !important;
  transform: translate(0, 10px);
  transition: 0.3s ease;
  pointer-events: none;
}

.orders-list-new__datepicker:not(.active) * {
  pointer-events: none;
}

.orders-list-new__datepicker.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: all;
  transition-delay: 0s;
}

@media (min-width: 600px) {
  .orders-list-new__datepicker.active {
    transform: translate(0, 0);
  }
}

.orders-list-new__datepicker.active .calendar {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.5s;
}

.orders-list-new__datepicker.active .datepicker__buttons {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 0.5s;
}

.orders-list-new__response {
  position: absolute;
  top: 20px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
  transition-property: opacity, transform;
  font-size: 16px;
  color: #232323;
  transform: translate(-50%, -10px);
  white-space: nowrap;
}

.orders-list-new__response.active {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: all;
  transition-delay: 0.3s;
}

@media (max-width: 1199px) {
  .orders-list-new__toggle-options {
    display: none;
  }
}

@media (max-width: 1199px) {
  .orders-list-new__options {
    display: none;
  }
}

.orders-list-new__body {
  margin: 0 -2.86%;
  position: relative;
  min-height: 40px;
}

.orders-list-new__card + .orders-list-new__card {
  margin-top: 12px;
}

.orders-list-new__pagination {
  margin: 0 -6.7%;
  padding: 0 6.7% 17px;
}

.orders-list-new__pagination.hide {
  height: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
  transition-delay: 0.15s;
  pointer-events: none;
  z-index: 2;
}

.orders-list-new__pagination.hide .pagination__section {
  opacity: 0;
  transition-delay: 0s;
  pointer-events: none;
}

.orders-list-new__bottom {
  margin-top: 24px;
}

@media (min-width: 470px) {
  .orders-list-new__bottom {
    font-size: 0;
  }
}

@media (min-width: 600px) {
  .orders-list-new__body {
    margin: 0;
  }

  .orders-list-new__bottom {
    margin-top: 20px;
  }

  .orders-list-new__summary-text {
    margin-top: 43px;
    max-width: 640px;
  }

  .orders-list-new__navigation--bottom {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }

  .orders-list-new__output-count--bottom {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
  }

  .orders-list-new__pagination {
    margin: 0;
    padding: 0;
  }

  .orders-list-new__card + .orders-list-new__card {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .orders-list-new__navigation {
    display: inline-block;
    width: 63%;
    vertical-align: middle;
    margin-bottom: 0;
  }

  .orders-list-new__output-count {
    display: inline-block;
    width: 37%;
    text-align: right;
    vertical-align: middle;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .orders-list-new__col {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .orders-list-new__col--align-top {
    vertical-align: top;
  }

  .orders-list-new__col p {
    font-size: 1rem;
    line-height: 1.6666666667rem;
  }

  .orders-list-new__col--1-8 {
    width: 11.107%;
  }

  .orders-list-new__col--1-7 {
    width: 11%;
  }

  .orders-list-new__col--1-6 {
    width: 16.8%;
  }

  .orders-list-new__col--1-5 {
    width: 21.2%;
  }

  .orders-list-new__col--2-8 {
    width: 11.289%;
  }

  .orders-list-new__col--2-7 {
    width: 12.7%;
  }

  .orders-list-new__col--2-6 {
    width: 12.4%;
  }

  .orders-list-new__col--2-5 {
    width: 18.6%;
  }

  .orders-list-new__col--3-8 {
    width: 13.952%;
  }

  .orders-list-new__col--3-7 {
    width: 20.4%;
  }

  .orders-list-new__col--3-6 {
    width: 18.5%;
  }

  .orders-list-new__col--3-5 {
    width: 22.4%;
  }

  .orders-list-new__col--4-8 {
    width: 13.288%;
  }

  .orders-list-new__col--4-7 {
    width: 13.3%;
  }

  .orders-list-new__col--4-6 {
    width: 14%;
  }

  .orders-list-new__col--4-5 {
    width: 19.1%;
  }

  .orders-list-new__col--5-8 {
    width: 13.585%;
  }

  .orders-list-new__col--5-7 {
    width: 10.9%;
  }

  .orders-list-new__col--5-6 {
    width: 13.4%;
  }

  .orders-list-new__col--5-5 {
    width: 18.7%;
  }

  .orders-list-new__col--6-8 {
    width: 11.717%;
  }

  .orders-list-new__col--6-7 {
    width: 15%;
  }

  .orders-list-new__col--6-6 {
    width: 24.9%;
  }

  .orders-list-new__col--7-8 {
    width: 12.117%;
  }

  .orders-list-new__col--7-7 {
    width: 16.1%;
  }

  .orders-list-new__col--8-8 {
    width: 12.945%;
  }

  .orders-list-new__response {
    font-size: 1.3333333333rem;
  }

  .orders-list-new__head {
    padding: 0 1.66666667rem 1.25rem;
    margin: 0 -1.66666667rem;
    display: block;
    position: relative;
    z-index: 2;
  }

  .orders-list-new__head p,
  .orders-list-new__head span {
    color: rgba(35, 35, 35, 0.8);
  }

  .orders-list-new__summary-text {
    margin-top: 2.3333333333rem;
    font-size: 1rem;
    line-height: 1.1666666667rem;
    max-width: none;
  }

  .orders-list-new__buttons-line {
    opacity: 0;
    transform: translate(1.5833333333rem, 0);
    height: 1.803rem;
  }

  .orders-list-new__buttons-line--messages {
    opacity: 1;
    transform: translate(0, 0);
  }

  .orders-list-new__buttons-line + .orders-list__buttons-line {
    margin-top: 1.0833333333rem;
  }

  .orders-list-new__options {
    left: -1.3333333333rem;
    top: 100%;
    margin-top: 0.6666666667rem;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transform: translate(0, 10px);
    pointer-events: none;
  }

  .orders-list-new__options.active {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all;
  }

  .orders-list-new__toggle-options {
    right: 100%;
    width: 1.6666666667rem;
    height: 1.6666666667rem;
    position: absolute;
    top: 0;
    margin-right: 0.3333333333rem;
  }

  .orders-list-new__toggle-options::before {
    content: "";
    font-size: 1.1666666667rem;
    font-family: icon;
    color: #C9C9C9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .orders-list-new__bottom {
    margin-top: 1.6666666667rem;
  }

  .orders-list-new__card {
    margin: 0 -1.66666667rem;
  }

  .orders-list-new__card + .orders-list-new__card {
    margin-top: 0.8333333333rem;
  }

  .orders-list-new__card.order-card--many-banks + .orders-list-new__card {
    margin-top: 1.5rem;
  }

  .orders-list-new__pagination {
    margin-bottom: 2rem;
  }
}

.table {
  white-space: nowrap;
}

.table--scrollable .table__wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}

.table--scrollable .table__head .table__cell:last-child {
  margin-right: 20px;
}

.table__col {
  display: inline-block;
  vertical-align: top;
}

.table__col:first-child .table__cell:last-child {
  border-bottom-left-radius: 2px;
}

.table__col:last-child .table__cell:last-child {
  border-bottom-right-radius: 2px;
}

.table__cell {
  box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset;
  box-sizing: border-box;
  height: 65px;
  position: relative;
}

.table__cell:not(.table__cell--separated)::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 227, 227, 0.4);
  opacity: 0;
  pointer-events: none;
}

.table__cell input {
  width: 100%;
  padding: 23px 10px 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  height: 65px;
  color: #000;
  text-align: center;
  box-sizing: border-box;
}

.table__cell > span {
  font-size: 12px;
  color: #C9C9C9;
  position: absolute;
}

.table__cell--disabled {
  pointer-events: none;
}

.table__cell--name span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 165px;
  padding: 0 8.75%;
  box-sizing: border-box;
  white-space: normal;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 15px;
}

.table__cell--small {
  width: 70px;
}

.table__cell--medium {
  width: 100px;
}

.table__cell--standart {
  width: 140px;
}

.table__cell--big {
  width: 140px;
}

.table__cell--separated {
  overflow: hidden;
}

.table__cell--separated::before,
.table__cell--separated::after {
  position: absolute;
  content: "";
}

.table__cell--separated::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF8F1;
  z-index: -2;
}

.table__cell--separated::before {
  width: 113%;
  height: 100%;
  background-color: #F4FBFF;
  border-top: 1px solid #eaeaea;
  top: 32px;
  left: -18px;
  transform: rotate(24.2deg);
  z-index: -1;
}

.table__cell--separated span:nth-child(1) {
  top: 8px;
  right: 8px;
}

.table__cell--separated span:nth-child(2) {
  left: 8px;
  bottom: 8px;
}

.table__cell--row {
  display: inline-block;
  vertical-align: top;
}

.table__cell--row:first-child {
  border-top-left-radius: 2px;
}

.table__cell--row:last-child {
  border-top-right-radius: 2px;
}

.table__cell--wide {
  width: 140px;
}

.table__cell--blue {
  background-color: #F4FBFF;
}

.table__cell--peach {
  background-color: #FFF8F1;
}

.table__cell--green-value input {
  color: #7ED322;
}

.table__cell--black-text span {
  color: #000;
}

.table__cell--search {
  position: relative;
}

.table__cell--search input {
  padding-left: 16px;
  padding-right: 36px;
  text-align: left;
}

.table__cell--search::after {
  content: "";
  color: #C9C9C9;
  top: 50%;
  right: 16px;
  font-size: 16px;
  transform: translate(0, -50%);
  font-family: icon;
  position: absolute;
  pointer-events: none;
}

.table__logo {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

.table__logo p {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 80%;
}

.table__logo img {
  max-width: 21px;
  max-height: 33px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.table__select {
  position: absolute;
  top: 12px;
  width: 100%;
  left: 0;
  text-align: center;
  pointer-events: none;
  transform: translate(0, -4px);
  opacity: 0;
  z-index: 1;
}

.table__button {
  width: 45px;
  height: 45px;
  position: absolute;
  opacity: 0;
}

@media (max-width: 1199px) {
  .table__button {
    display: none;
  }
}

.table__button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border-radius: 2px;
}

.table__button span::before,
.table__button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1px;
  background-color: #fff;
}

.table__button span::before {
  transform: translate(-50%, -50%);
}

.table__button span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.table__button--remove span::after {
  display: none;
}

.table__button--left {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.table__button--top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.table__button--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.table__button--red span {
  background: #E75A57;
  box-shadow: 0px 4px 6px rgba(231, 90, 87, 0.2);
}

.table__button--yellow span {
  background: #FBB143;
  box-shadow: 0px 4px 6px rgba(251, 177, 67, 0.15);
}

.table__line {
  position: absolute;
  background-color: #FBB143;
  opacity: 0;
}

.table__line::before {
  content: "";
  display: block;
}

.table__line--events-none {
  pointer-events: none;
}

.table__line--vertical {
  left: 0;
  height: 100%;
  width: 1px;
  top: 0;
}

.table__line--vertical::before {
  width: 10px;
  transform: translate(-50%, 0);
  left: 50%;
  height: 100%;
  top: 0;
}

.table__line--vertical.table__line--last {
  left: auto;
  right: -1px;
}

.table__line--horizontal {
  top: 0;
  height: 1px;
  width: 100%;
  left: 0;
}

.table__line--horizontal::before {
  height: 10px;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  left: 0;
}

.table__line--horizontal.table__line--last {
  top: auto;
  bottom: -1px;
}

@media (min-width: 600px) {
  .table--scrollable .table__head .table__cell:last-child {
    margin-right: 40px;
  }

  .table__cell--small {
    width: 100px;
  }

  .table__cell--medium {
    width: 140px;
  }

  .table__cell--standart {
    width: 200px;
  }

  .table__cell--big {
    width: 220px;
  }

  .table__cell--separated::before {
    transform: rotate(19.6deg);
  }

  .table__cell--wide {
    width: 180px;
  }

  .table__logo {
    padding-left: 34px;
    padding-right: 20px;
  }

  .table__logo img {
    margin-right: 10px;
  }
}

@media (min-width: 1200px) {
  .table--scrollable .table__head .table__cell:last-child {
    margin-right: 16.6666666667rem;
  }

  .table__cell {
    height: 5.4166666667rem;
  }

  .table__cell input {
    padding: 1.9166666667rem 0.8333333333rem 1.9166666667rem;
    font-size: 1.3333333333rem;
    height: 5.4166666667rem;
  }

  .table__cell > span {
    font-size: 1rem;
  }

  .table__cell--name span {
    max-width: 13.75rem;
    line-height: 1.25rem;
  }

  .table__cell--small {
    width: 8.3333333333rem;
  }

  .table__cell--medium {
    width: 11.6666666667rem;
  }

  .table__cell--standart {
    width: 16.6666666667rem;
  }

  .table__cell--big {
    width: 18.3333333333rem;
  }

  .table__cell--separated::before {
    top: 2.65rem;
    left: -1.5rem;
  }

  .table__cell--separated span:nth-child(1) {
    top: 0.6666666667rem;
    right: 0.6666666667rem;
  }

  .table__cell--separated span:nth-child(2) {
    left: 0.6666666667rem;
    bottom: 0.6666666667rem;
  }

  .table__cell--wide {
    width: 15rem;
  }

  .table__cell--search input {
    padding-left: 1.3333333333rem;
    padding-right: 3rem;
  }

  .table__cell--search::after {
    right: 1.3333333333rem;
    font-size: 1.3333333333rem;
  }

  .table__cell.active input {
    padding: 2.25rem 0.8333333333rem 1.5833333333rem;
  }

  .table__logo {
    padding-left: 2.8333333333rem;
    padding-right: 1.6666666667rem;
  }

  .table__logo p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .table__logo img {
    max-width: 1.75rem;
    max-height: 2.75rem;
    margin-right: 0.8333333333rem;
  }

  .table__select {
    top: 1rem;
    transform: translate(0, -0.3333333333rem);
  }

  .table__button {
    width: 3.75rem;
    height: 3.75rem;
  }

  .table__button span {
    width: 1.8333333333rem;
    height: 1.8333333333rem;
  }

  .table__button span::before,
  .table__button span::after {
    width: 0.87rem;
  }

  .table__line--vertical::before {
    width: 0.8333333333rem;
  }

  .table__line--horizontal::before {
    height: 0.8333333333rem;
  }
}

.page-head {
  position: relative;
  margin-bottom: 24px;
  font-size: 0;
}

.page-head--no-margin {
  margin-bottom: 0;
}

.page-head__button {
  margin-right: 12px;
}

.page-head__button:last-child {
  margin-right: 0;
}

.page-head__toggles {
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: -20px -6.7% 0;
  padding: 20px 6.7% 1px;
}

.page-head__buttons {
  margin-top: 16px;
}

.page-head__toggle-bar {
  position: absolute;
  top: 100%;
  content: "";
  left: 198px;
  width: 60px;
  border-bottom: 1px dashed rgba(201, 201, 201, 0.5);
}

.page-head__toggle {
  font-family: bold;
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.page-head__toggle p {
  color: #C9C9C9;
  font-size: 24px;
  line-height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.page-head__toggle p::before {
  top: 84%;
  content: "";
  left: 0;
  width: 100%;
  border-bottom: 1px dashed #C9C9C9;
  position: absolute;
  transform-origin: right;
}

.page-head__toggle sup {
  font-size: 16px;
  line-height: 12px;
  font-family: reg;
  display: inline-block;
}

@media (max-width: 599px) {
  .page-head__toggle sup {
    vertical-align: middle;
    padding: 6px 4px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: 4px;
    background-color: rgba(222, 222, 222, 0.5);
    color: #C9C9C9;
  }
}

.page-head__toggle.active {
  pointer-events: none;
}

.page-head__toggle.active p {
  color: #0D0F5A;
}

.page-head__toggle.active p::before {
  opacity: 0;
}

@media (max-width: 599px) {
  .page-head__toggle.active sup {
    background-color: rgba(251, 177, 67, 0.5);
    color: #000;
  }
}

.page-head__toggle + .page-head__toggle {
  margin-left: 16px;
}

.page-head__toggle + .page-head__toggle p::before {
  transform-origin: left;
}

.page-head__info {
  margin-bottom: 32px;
  color: #232323;
}

.page-head__info h1 {
  font-size: 30px;
  line-height: 36px;
  font-family: bold;
  margin-bottom: 20px;
}

.page-head__info p {
  font-size: 16px;
  line-height: 20px;
  max-width: 508px;
}

.page-head__info--absoluted {
  position: absolute;
  top: 100%;
  left: 0;
  margin-bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease;
  transform: translate(0, -10px);
  margin-top: 10px;
  display: none;
}

.page-head__info.active {
  opacity: 1;
  transform: translate(0, 0);
}

.page-head__button--left {
  width: 100%;
  margin-bottom: 15px;
}

.page-head__button--right {
  width: 100%;
}

@media (max-width: 469px) {
  .page-head__button--inline-mobile {
    width: calc(100% - 52px - 12px);
  }
}

@media (max-width: 599px) {
  .page-head__button--hide-mobile {
    display: none !important;
  }
}

.page-head__button--mobile-half {
  margin-right: 0 !important;
}

@media (max-width: 599px) {
  .page-head__button--mobile-half {
    width: calc(50% - 4px);
    padding: 0 12px;
  }

  .page-head__button--mobile-half + .page-head__button--mobile-half {
    margin-left: 8px;
  }
}

.page-head__text {
  margin-bottom: 20px;
}

.page-head__append p {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
}

.page-head__append p + p {
  margin-top: 5px;
}

.page-head__append span {
  color: #8989AD;
  border-bottom: 1px dashed rgba(137, 137, 173, 0.2);
  cursor: pointer;
}

@media (min-width: 470px) {
  .page-head__button {
    display: inline-block;
    vertical-align: middle;
  }

  .page-head__button--min-width {
    width: auto;
    min-width: 166px;
  }

  .page-head__button--left {
    margin-right: 10px;
    margin-bottom: 0;
  }
}

@media (min-width: 600px) {
  .page-head {
    margin-bottom: 21px;
  }

  .page-head--no-margin {
    margin-bottom: 0;
  }

  .page-head__toggles {
    margin: -20px -5.8% 0;
    padding: 20px 5.8% 1px;
  }

  .page-head__buttons {
    margin-top: 12px;
  }

  .page-head__toggle p {
    font-size: 36px;
    line-height: 44px;
    vertical-align: top;
  }

  .page-head__toggle p::before {
    top: 90%;
  }

  .page-head__toggle sup {
    font-size: 12px;
    line-height: 16px;
    margin-top: -3px;
    vertical-align: top;
    margin-left: 1px;
    color: #C9C9C9;
  }

  .page-head__toggle sup span {
    color: #EC5C52;
  }

  .page-head__toggle + .page-head__toggle {
    margin-left: 16px;
  }

  .page-head__toggle--absolute-count sup {
    position: absolute;
    top: -3px;
    right: -22px;
    margin: 0;
  }

  .page-head__toggle--absolute-count + .page-head__toggle {
    margin-left: 36px;
  }

  .page-head__toggle-bar {
    left: 313px;
    width: 103px;
  }

  .page-head__text {
    margin-bottom: 20px;
  }

  .page-head__append {
    position: absolute;
    left: 71.6666666667%;
    top: 10px;
  }

  .page-head__button {
    margin-right: 16px;
  }

  .page-head__button--mobile-half + .page-head__button--mobile-half {
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .page-head__toggles--inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .page-head__toggles--half {
    width: 45%;
  }

  .page-head__toggles--section {
    width: calc(100% - 188px);
  }

  .page-head__buttons--inline {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    margin: 0;
    width: 188px;
  }

  .page-head__buttons--half {
    width: 55%;
  }
}

@media (min-width: 850px) {
  .page-head__text {
    display: inline-block;
    vertical-align: middle;
    width: 41.6666666667%;
    margin-bottom: 5px;
  }

  .page-head__text--nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 850px) and (max-width: 1199px) {
  .page-head__text + .page-head__buttons {
    display: inline-block;
    vertical-align: middle;
    width: 58.3333333333%;
    text-align: right;
  }
}

@media (min-width: 850px) {
  .page-head__buttons--block {
    display: block !important;
    text-align: left !important;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .page-head {
    margin-bottom: 1.5rem;
    margin-left: 12.5%;
  }

  .page-head--no-margin {
    margin-bottom: 0;
  }

  .page-head__text {
    margin-bottom: 0.4166666667rem;
    width: 42.8571428571%;
  }

  .page-head__text > * {
    line-height: 4.1666666667rem !important;
  }

  .page-head__toggles {
    width: 42.8571428571%;
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    margin: 0;
  }

  .page-head__toggles--wide {
    width: 100%;
  }

  .page-head__toggle {
    line-height: normal;
  }

  .page-head__toggle p {
    font-size: 3rem;
    line-height: 3.6666666667rem;
  }

  .page-head__toggle p::before {
    top: 3.3333333333rem;
  }

  .page-head__toggle sup {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    margin-top: -0.25rem;
    margin-left: 0.0833333333rem;
  }

  .page-head__toggle + .page-head__toggle {
    margin-left: 1.3333333333rem;
  }

  .page-head__toggle--absolute-count sup {
    top: -0.25rem;
    right: -1.8333333333rem;
    margin: 0;
  }

  .page-head__toggle--absolute-count + .page-head__toggle {
    margin-left: 3rem;
  }

  .page-head__toggle-bar {
    left: 26.0833333333rem;
    width: 8.5833333333rem;
  }

  .page-head__buttons {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 42.8571428571%;
    margin: 0;
  }

  .page-head__buttons--block {
    margin-top: 0.8333333333rem;
  }

  .page-head__buttons--width-auto {
    width: auto;
    text-align: left;
  }

  .page-head__button {
    margin-right: 1.3333333333rem;
  }

  .page-head__button--min-width {
    min-width: 13.8333333333rem;
  }

  .page-head__button--left {
    margin-right: 0.8333333333rem;
  }

  .page-head__button--mobile-half + .page-head__button--mobile-half {
    margin-left: 1.3333333333rem;
  }

  .page-head__info {
    margin-bottom: 2.6666666667rem;
  }

  .page-head__info h1 {
    font-size: 3rem;
    line-height: 4.1666666667rem;
    margin-bottom: 1.6666666667rem;
  }

  .page-head__info p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    max-width: 42.3333333333rem;
  }

  .page-head__info--absoluted {
    margin-bottom: 0;
    margin-top: 0;
    top: 95%;
  }

  .page-head__append {
    position: absolute;
    right: 14.2857142857%;
    top: -0.3333333333rem;
    left: auto;
  }

  .page-head__append p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .page-head__append p + p {
    margin-top: 0.4166666667rem;
  }
}

@media (min-width: 1720px) {
  .page-head__toggle p::before {
    top: 3.4166666667rem;
  }
}

.order-card {
  position: relative;
  border-radius: 5px;
}

.order-card__wrapper {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  border: 1px solid transparent;
}

@media (max-width: 599px) {
  .order-card--many-banks .order-card__wrapper {
    padding-bottom: 40px;
  }
}

.order-card.focus .order-card__wrapper {
  box-shadow: none;
  border-color: #FBB143;
}

.order-card.blur .order-card__wrapper {
  background-color: transparent;
  border-color: #C9C9C9;
  border-style: dashed;
  box-shadow: none;
}

.order-card__section {
  position: relative;
  font-size: 0;
}

.order-card__section--1 {
  padding: 8px 12px 12px;
  z-index: 1;
}

.order-card__button--to-archive {
  display: none;
}

.order-card__button--toggle {
  width: 100%;
  font-size: 12px;
  line-height: 39px;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px;
  text-align: center;
  color: #232323;
  border-top: 1px solid #eaeaea;
  background-color: #fff;
}

.order-card__button--close {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .order-card__add-bank {
    display: none;
  }
}

.order-card__col {
  box-sizing: border-box;
}

.order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) {
  color: #0D0F5A;
  font-size: 14px;
  line-height: 18px;
  display: block;
  margin-right: 12px;
}

.order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) + a {
  margin-top: 4px;
}

.order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
}

.order-card__col > b {
  font-size: 8px;
  line-height: 8px;
  color: #C9C9C9;
  display: block;
}

.order-card__col > p {
  color: #232323;
}

.order-card__col > p.nowrap {
  white-space: nowrap;
}

@media (max-width: 599px) {
  .order-card__col--from-tablet {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .order-card__col--from-desktop {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .order-card__col--1-11 a {
    display: none !important;
  }

  .order-card__col--1-11 .inline {
    display: none;
  }
}

@media (max-width: 599px) {
  .order-card__col--1-11 p {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .order-card__col--1-10 a {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .order-card__col--1-10 p {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 1199px) {
  .order-card__col--1-9 a {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .order-card__col--1-9 p {
    font-size: 20px;
    line-height: 24px;
  }
}

.order-card__col--3-11 p.gray {
  display: none;
}

@media (max-width: 599px) {
  .order-card__col--3-11 {
    margin-top: 4px;
  }

  .order-card__col--3-11 b {
    display: none;
  }

  .order-card__col--3-11 a {
    max-width: 80%;
  }
}

.order-card__col--3-10 p.gray {
  display: none;
}

@media (max-width: 599px) {
  .order-card__col--3-10 {
    margin-top: 4px;
  }

  .order-card__col--3-10 b {
    display: none;
  }

  .order-card__col--3-10 a {
    max-width: 80%;
  }
}

.order-card__col--3-9 p.gray {
  display: none;
}

@media (max-width: 599px) {
  .order-card__col--3-9 {
    margin-top: 4px;
  }

  .order-card__col--3-9 b {
    display: none;
  }

  .order-card__col--3-9 a {
    max-width: 80%;
  }
}

@media (max-width: 599px) {
  .order-card__col--4-11 {
    position: absolute;
    top: 8px;
    right: 12px;
    text-align: right;
  }

  .order-card__col--4-11 p {
    margin-top: 4px;
  }
}

@media (max-width: 399px) {
  .order-card__col--4-11 p {
    font-size: 12px;
    line-height: 12px;
  }
}

@media (max-width: 599px) {
  .order-card__col--4-10 {
    position: absolute;
    top: 8px;
    right: 12px;
    text-align: right;
  }

  .order-card__col--4-10 p {
    margin-top: 4px;
  }
}

@media (max-width: 399px) {
  .order-card__col--4-10 p {
    font-size: 12px;
    line-height: 12px;
  }
}

@media (max-width: 599px) {
  .order-card__col--4-9 {
    position: absolute;
    top: 8px;
    right: 12px;
    text-align: right;
  }

  .order-card__col--4-9 p {
    margin-top: 4px;
  }
}

@media (max-width: 399px) {
  .order-card__col--4-9 p {
    font-size: 12px;
    line-height: 12px;
  }
}

@media (max-width: 599px) {
  .order-card__col--5-11 {
    margin-top: 8px;
  }

  .order-card__col--5-11 > b {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    color: #888888;
  }

  .order-card__col--5-11 a,
  .order-card__col--5-11 p {
    display: inline-block !important;
    vertical-align: middle;
  }

  .order-card__col--5-11 p {
    color: #888888;
  }
}

@media (max-width: 599px) {
  .order-card__col--5-10 {
    margin-top: 8px;
  }

  .order-card__col--5-10 > b {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    color: #888888;
  }

  .order-card__col--5-10 a,
  .order-card__col--5-10 p {
    display: inline-block !important;
    vertical-align: middle;
  }

  .order-card__col--5-10 p {
    color: #888888;
  }
}

@media (max-width: 599px) {
  .order-card__col--5-9 {
    margin-top: 8px;
  }

  .order-card__col--5-9 > b {
    font-size: 14px;
    line-height: 18px;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 4px;
    color: #888888;
  }

  .order-card__col--5-9 a,
  .order-card__col--5-9 p {
    display: inline-block !important;
    vertical-align: middle;
  }

  .order-card__col--5-9 p {
    color: #888888;
  }
}

@media (max-width: 599px) {
  .order-card__col--6-11 {
    margin-top: 8px;
  }

  .order-card__col--6-11 > b {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
  }

  .order-card__col--6-11 a,
  .order-card__col--6-11 p {
    display: inline-block;
    vertical-align: middle;
  }
}

.order-card__image--bank {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  position: relative;
}

.order-card__image--bank img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 20px;
  max-height: 20px;
}

.order-card__bank {
  box-sizing: border-box;
}

.order-card__bank--mini {
  padding: 8px 12px;
  border-top: 1px solid #EDEDED;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}

.order-card__bank--mini::before {
  content: attr(data-status);
  font-size: 14px;
  margin-left: 33px;
  line-height: 26px;
  display: block;
}

@media (max-width: 599px) {
  .order-card__bank--mini::before {
    padding-right: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.order-card__bank--mini img {
  width: 100%;
  max-width: 20px;
  max-height: 20px;
  display: block;
}

@media (max-width: 599px) {
  .order-card__bank--mini img {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0, -50%);
  }
}

.order-card__bank--mini button {
  position: absolute;
  right: 12px;
  top: 8px;
}

.order-card__bank--mini.green::before {
  color: #12981A;
}

.order-card__bank--mini.orange::before {
  color: #F5A623;
}

.order-card__bank--mini.red::before {
  color: #F63A47;
}

.order-card__bank--mini.blue::before {
  color: #0A65E2;
}

.order-card__bank--mini.dark-blue::before {
  color: #001DB1;
}

.order-card__bank--mini.gray::before {
  color: #C9C9C9;
}

.order-card__bank--mini.red-warning::before {
  color: #EC5C52;
}

.order-card__bank--mini.orange-light::before {
  color: #FBB143;
}

.order-card__bank--focus p {
  color: #FBB143;
}

.order-card__bank--no-margin::before {
  margin-left: 0;
}

.order-card__buttons--toggle {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.order-card__status {
  font-size: 14px;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.order-card__status::before {
  content: "• ";
  font-size: 16px;
  color: inherit;
  line-height: 6px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.order-card__status--green {
  color: #12981A;
}

.order-card__status--orange {
  color: #F5A623;
}

.order-card__status--red {
  color: #F63A47;
}

.order-card__status--blue {
  color: #0A65E2;
}

.order-card__status--dark-blue {
  color: #001DB1;
}

.order-card__status--gray {
  color: #C9C9C9;
}

.order-card__status--graphite {
  color: rgba(87, 87, 87, 0.6);
}

.order-card__status--red-warning {
  color: #EC5C52;
}

.order-card__status--yellow-light {
  color: #FBB143;
}

@media (max-width: 599px) {
  .order-card__badges {
    display: none;
  }
}

.order-card__banks--mini p {
  display: none;
}

@media (min-width: 600px) {
  .order-card__section {
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
  }

  .order-card__section--1 {
    padding: 12px 20px 15px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
  }

  .order-card__section--2 {
    padding: 11px 20px 14px;
    border-top: 1px solid #F3F3F3;
    border-radius: 0 0 5px 5px;
  }

  .order-card__col {
    display: inline-block;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .order-card__col > p {
    font-size: 14px;
    line-height: 18px;
  }

  .order-card__col > b {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
  }

  .order-card__col--align-top {
    vertical-align: top;
  }

  .order-card__col--align-middle {
    vertical-align: middle;
  }

  .order-card__col--overflow-ellipsis a,
  .order-card__col--overflow-ellipsis p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .order-card__col--overflow-ellipsis a {
    padding-bottom: 1px;
  }

  .order-card__col--from-tablet {
    display: inline-block;
  }

  .order-card__col--1-11 {
    width: 21%;
  }

  .order-card__col--1-11 p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .order-card__col--1-10 {
    width: 21%;
  }

  .order-card__col--1-10 p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .order-card__col--1-9 {
    width: 21%;
  }

  .order-card__col--1-9 p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .order-card__col--3-11 {
    width: 29%;
  }

  .order-card__col--3-10 {
    width: 29%;
  }

  .order-card__col--3-9 {
    width: 29%;
  }

  .order-card__col--4-11 {
    width: 21.5%;
  }

  .order-card__col--4-10 {
    width: 21.5%;
  }

  .order-card__col--4-9 {
    width: 21.5%;
  }

  .order-card__col--5-11 {
    width: 28.5%;
  }

  .order-card__col--5-10 {
    width: 28.5%;
  }

  .order-card__col--5-9 {
    width: 28.5%;
  }

  .order-card__col--6-11 {
    width: 28.5%;
  }

  .order-card__col--6-10 {
    width: 21%;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .order-card__col--6-10 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 600px) {
  .order-card__col--7-11 {
    width: 21%;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .order-card__col--7-11 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .order-card__col--8-10 {
    max-width: 22%;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .order-card__col--9-11 {
    max-width: 22%;
  }
}

@media (min-width: 600px) {
  .order-card__col--9-10 {
    padding-left: 6px;
  }

  .order-card__col--9-10 b {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: -2px;
  }
}

@media (min-width: 600px) {
  .order-card__col--9-9 {
    position: absolute;
    right: 20px;
    top: 13px;
    padding-right: 0;
  }
}

@media (min-width: 600px) {
  .order-card__col--10-11 {
    padding-left: 6px;
  }

  .order-card__col--10-11 b {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: -2px;
  }

  .order-card__col--10-10 {
    position: absolute;
    right: 20px;
    top: 13px;
    padding-right: 0;
  }
}

@media (min-width: 600px) {
  .order-card__col--11-11 {
    position: absolute;
    right: 20px;
    top: 13px;
    padding-right: 0;
  }
}

@media (min-width: 600px) {
  .order-card__status {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 26px;
  }

  .order-card__status + .order-card__status {
    margin-left: 2px;
  }
}

@media (min-width: 600px) {
  .order-card__image--bank {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
  }

  .order-card__image--bank-inline {
    width: auto;
    height: auto;
    background-color: transparent;
  }

  .order-card__image--bank-inline img {
    position: static;
    transform: none;
    display: block;
    width: 100%;
  }
}

@media (min-width: 600px) {
  .order-card__bank--mini {
    padding: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }

  .order-card__bank--mini::before {
    display: none;
  }

  .order-card__bank--mini + .order-card__bank {
    margin-left: 2px;
  }

  .order-card__bank p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
  }
}

@media (min-width: 600px) {
  .order-card__banks > p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #232323;
    font-size: 14px;
    line-height: 18px;
  }

  .order-card__banks--nowrap {
    white-space: nowrap;
  }

  .order-card__banks--nowrap p {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 600px) {
  .order-card__buttons--toggle {
    display: none;
  }

  .order-card__buttons--special {
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 600px) {
  .order-card__button--chat-special {
    display: inline-block;
    vertical-align: middle;
  }

  .order-card__button--accept-special {
    display: inline-block;
    vertical-align: middle;
  }

  .order-card__button--to-archive {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }

  .order-card__button--to-archive span::before {
    content: "";
  }

  .order-card__button--accept + .order-card__button {
    font-size: 0;
    width: auto;
    padding: 0 5px;
    line-height: normal;
    margin-left: 4px;
  }

  .order-card__button--accept + .order-card__button span {
    display: block;
  }

  .order-card__button--accept + .order-card__button span::before {
    margin-right: 0;
    line-height: 22px;
  }
}

@media (min-width: 600px) and (min-width: 1200px) {
  .order-card__button--accept + .order-card__button {
    margin-left: 1rem;
    padding: 0 0.4166666667rem;
  }

  .order-card__button--accept + .order-card__button span::before {
    line-height: 2rem;
  }
}

@media (min-width: 600px) {
  .order-card__badges {
    position: absolute;
    right: 100%;
    margin-right: -10px;
    top: 26px;
    z-index: 2;
  }
}

@media (min-width: 600px) {
  .order-card__badge {
    display: inline-block;
  }

  .order-card__badge:nth-child(0) {
    z-index: 8;
  }

  .order-card__badge:nth-child(1) {
    z-index: 7;
  }

  .order-card__badge:nth-child(2) {
    z-index: 6;
  }

  .order-card__badge:nth-child(3) {
    z-index: 5;
  }

  .order-card__badge:nth-child(4) {
    z-index: 4;
  }

  .order-card__badge:nth-child(5) {
    z-index: 3;
  }

  .order-card__badge:nth-child(6) {
    z-index: 2;
  }

  .order-card__badge:nth-child(7) {
    z-index: 1;
  }

  .order-card__badge:nth-child(8) {
    z-index: 0;
  }
}

@media (min-width: 768px) {
  .order-card__col--1-11 {
    width: 18.5%;
  }

  .order-card__col--3-11 {
    width: 32.5%;
  }

  .order-card__col--4-11 {
    width: 20%;
  }

  .order-card__col--6-11 {
    width: 29%;
  }

  .order-card__col--7-11 {
    width: 18.5%;
  }
}

@media (min-width: 1200px) {
  .order-card__wrapper {
    background-color: #fff;
    padding: 1.2916666667rem 3rem 1.6666666667rem 1.6666666667rem;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 -1px;
  }

  .order-card--many-banks .order-card__wrapper {
    padding-bottom: 2.0833333333rem;
  }

  .order-card__decoration {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 0;
  }

  .order-card__decoration::before,
  .order-card__decoration::after {
    position: absolute;
    background-color: #fff;
    content: "";
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 2px 2px;
    top: 100%;
  }

  .order-card__decoration::before {
    left: 0.75rem;
    right: 0.75rem;
    z-index: -1;
    height: 0.3333333333rem;
  }

  .order-card__decoration::after {
    height: 0.7083333333rem;
    z-index: -2;
    left: 1.25rem;
    right: 1.25rem;
  }

  .order-card__section {
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    padding: 0;
  }

  .order-card__section--1 {
    border-radius: 0;
  }

  .order-card__section--1.order-card__section--columns-11 {
    width: 64.314%;
  }

  .order-card__section--1.order-card__section--columns-10 {
    width: 58.491%;
  }

  .order-card__section--1.order-card__section--columns-9 {
    width: 62.9%;
  }

  .order-card__section--2 {
    border-radius: 0;
    border-top: none;
    position: static;
  }

  .order-card__section--2.order-card__section--columns-11 {
    width: 35.686%;
  }

  .order-card__section--2.order-card__section--columns-10 {
    width: 41.509%;
  }

  .order-card__section--2.order-card__section--columns-9 {
    width: 37.1%;
  }

  .order-card__col {
    vertical-align: top;
  }

  .order-card__col b {
    display: none;
  }

  .order-card__col > p {
    font-size: 1rem;
    line-height: 1.6666666667rem;
  }

  .order-card__col > p + p {
    margin-top: 0.1666666667rem;
  }

  .order-card__col > p + a {
    margin-top: 0.1666666667rem;
  }

  .order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) {
    font-size: 1rem;
    line-height: 1.6666666667rem;
    display: inline-block;
  }

  .order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) + a {
    margin-top: 0.1666666667rem;
  }

  .order-card__col:not(.order-card__col--7-11) > a:not(.order-card__add-bank) + p {
    margin-top: 0.1666666667rem;
  }

  .order-card__col--to-desktop {
    display: none;
  }

  .order-card__col--overflow-ellipsis a {
    padding-bottom: 0;
  }

  .order-card__col--1-11 {
    width: 17.568%;
  }

  .order-card__col--1-11 > a {
    max-width: 200%;
  }

  .order-card__col--1-11 .inline {
    display: inline-block;
    max-width: 200%;
  }

  .order-card__col--1-10 {
    width: 18.938%;
  }

  .order-card__col--1-10 > a {
    max-width: 200%;
  }

  .order-card__col--1-10 .inline {
    display: inline-block;
    max-width: 200%;
  }

  .order-card__col--1-9 {
    width: 27.213%;
  }

  .order-card__col--1-9 > a {
    max-width: 200%;
  }

  .order-card__col--1-9 .inline {
    display: inline-block;
    max-width: 200%;
  }

  .order-card__col--2-11 {
    width: 17.065%;
  }

  .order-card__col--2-10 {
    width: 22.4%;
  }

  .order-card__col--2-9 {
    width: 20.086%;
  }

  .order-card__col--3-11 {
    width: 22.86%;
  }

  .order-card__col--3-11 p.gray {
    display: block;
    color: rgba(35, 35, 35, 0.4);
  }

  .order-card__col--3-11 a {
    max-width: 100%;
  }

  .order-card__col--3-10 {
    width: 35.316%;
  }

  .order-card__col--3-10 p.gray {
    display: block;
    color: rgba(35, 35, 35, 0.4);
  }

  .order-card__col--3-10 a {
    max-width: 100%;
  }

  .order-card__col--3-9 {
    width: 29.965%;
  }

  .order-card__col--3-9 p.gray {
    display: block;
    color: rgba(35, 35, 35, 0.4);
  }

  .order-card__col--3-9 a {
    max-width: 100%;
  }

  .order-card__col--4-11 {
    width: 21.018%;
  }

  .order-card__col--4-10 {
    width: 22.897%;
  }

  .order-card__col--4-9 {
    width: 22.736%;
  }

  .order-card__col--5-11 {
    width: 21.489%;
  }

  .order-card__col--5-11 a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  .order-card__col--6-10 {
    width: 26.604%;
    position: relative;
  }

  .order-card__col--6-10.order-card__col--full .bank__name {
    width: 27.145%;
  }

  .order-card__col--6-10.order-card__col--full .bank__commission {
    width: 37.36%;
  }

  .order-card__col--6-10.order-card__col--full .bank__status {
    width: 35.495%;
  }

  .order-card__col--6-10 > a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  .order-card__col--6-9 {
    width: 36.8%;
  }

  .order-card__col--7-11 {
    width: 33.403%;
    position: relative;
  }

  .order-card__col--7-11.order-card__col--full .bank__name {
    width: 33.403%;
  }

  .order-card__col--7-11.order-card__col--full .bank__commission {
    width: 34.545%;
  }

  .order-card__col--7-11.order-card__col--full .bank__status {
    width: 32.052%;
  }

  .order-card__col--7-10 {
    width: 36.603%;
  }

  .order-card__col--7-9 {
    width: 63.2%;
  }

  .order-card__col--8-11 {
    width: 34.545%;
  }

  .order-card__col--8-10 {
    width: 35.497%;
    padding-right: 0;
  }

  .order-card__col--9-11 {
    width: 32.052%;
    padding-right: 0;
  }

  .order-card__col--9-9 {
    position: static;
  }

  .order-card__col--10-10 {
    position: static;
  }

  .order-card__col--11-11 {
    position: static;
  }

  .order-card__col--full {
    width: 100%;
    padding: 0;
  }

  .order-card__button--to-archive {
    position: absolute;
    right: 100%;
    margin-right: 0.8333333333rem;
    top: 1.0833333333rem;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(106, 106, 106, 0.1);
    border-radius: 2px;
    opacity: 0;
  }

  .order-card__button--to-archive span {
    font-size: 0;
  }

  .order-card__button--to-archive span::before {
    margin-right: 0;
  }

  .order-card__button--to-archive::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180%;
    height: 180%;
  }

  .order-card__button--toggle {
    line-height: 2.0833333333rem;
    font-size: 1.1666666667rem;
    border: none;
  }

  .order-card__button--toggle span {
    font-size: 1rem;
    display: inline-block;
  }

  .order-card__button--toggle span + span {
    margin-left: 0.0833333333rem;
  }

  .order-card__button--close {
    top: auto;
    bottom: 0;
    line-height: 3.5rem;
  }

  .order-card__button--close::before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 1.6666666667rem;
    right: 1.6666666667rem;
    height: 1px;
    background-color: #ededed;
  }

  .order-card__banks > p {
    font-size: 1rem;
    line-height: 1.6666666667rem;
    color: #575757;
    margin-left: 0.3333333333rem;
  }

  .order-card__banks--mini {
    opacity: 1;
    transition-duration: 0s;
  }

  .order-card__bank--mini img {
    max-width: 1.6666666667rem;
    max-height: 1.6666666667rem;
  }

  .order-card__bank--full {
    font-size: 0;
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translate(0, -10px);
  }

  .order-card__bank--full + .order-card__bank--full {
    margin-top: 0.6666666667rem;
  }

  .order-card__status {
    font-size: 1rem;
    line-height: 1.6666666667rem;
    height: 1.6666666667rem;
  }

  .order-card__status::before {
    font-size: 1.3333333333rem;
    top: 0.15rem;
  }

  .order-card__buttons--toggle {
    display: block;
  }

  .order-card__buttons--special {
    position: absolute;
    top: 1.0833333333rem;
    left: 100%;
    margin-left: -3rem;
    white-space: nowrap;
  }

  .order-card__buttons--show {
    opacity: 1;
    transform: translate(0, 0);
  }

  .order-card__badges {
    top: 1.25rem;
    padding-right: 1.5416666667rem;
    margin-right: 0;
    white-space: nowrap;
    pointer-events: none;
  }

  .order-card__badge {
    display: inline-block;
    vertical-align: middle;
  }

  .order-card__badge.badge--gradient + .order-card__badge {
    margin-left: -0.25rem;
  }

  .order-card__badge + .order-card__badge.badge--bordered {
    margin-left: 0.3333333333rem;
  }

  .order-card__add-bank {
    font-size: 0.8333333333rem;
    line-height: 1.1666666667rem;
    position: absolute;
    top: 100%;
    left: 0;
    color: rgba(35, 35, 35, 0.4);
    margin-top: 0.4166666667rem;
    opacity: 0;
  }
}

.pagination {
  position: relative;
  z-index: 3;
}

.pagination__sorting {
  margin-top: 12px;
}

.pagination__sorting + .pagination__navigation {
  margin-top: 24px;
}

.pagination__checkbox--latest {
  display: inline-block;
  vertical-align: middle;
}

.pagination__latest {
  margin-bottom: 12px;
}

.pagination__button--clear-filters {
  display: none;
}

.pagination__navigation {
  margin-bottom: 12px;
}

.pagination__section {
  transition: opacity 0.15s ease 0.15s;
}

.pagination__output-count {
  padding-top: 24px;
}

@media (min-width: 470px) {
  .pagination {
    font-size: 0;
  }
}

@media (min-width: 600px) {
  .pagination__output-count {
    padding-top: 0;
  }

  .pagination__latest {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 24px;
  }

  .pagination__sorting {
    margin-top: 0;
    margin-right: 24px;
    display: inline-block;
    margin-bottom: 12px;
    vertical-align: middle;
  }

  .pagination__sorting + .pagination__navigation {
    margin-top: 0;
  }

  .pagination__navigation {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    margin-bottom: 12px;
  }

  .pagination__section {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }

  .pagination__section--left {
    position: relative;
    z-index: 1;
  }

  .pagination__section + .pagination__section {
    margin-top: 0;
  }

  .pagination__section--right {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .pagination__section {
    vertical-align: middle;
  }

  .pagination__section--left {
    width: 79%;
  }

  .pagination__section--right {
    width: 21%;
  }

  .pagination__navigation {
    margin-bottom: 0;
    margin-right: 2rem;
  }

  .pagination__output-count {
    display: inline-block;
    vertical-align: middle;
  }

  .pagination__latest {
    margin-right: 2rem;
    margin-bottom: 0;
  }

  .pagination__sorting {
    margin-right: 2rem;
    margin-bottom: 0;
  }

  .pagination__button--clear-filters {
    color: #232323;
    font-size: 1rem;
    line-height: 1.3333333333rem;
    transition: 0.3s ease;
    transition-property: opacity, color, border-color;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    pointer-events: none;
    border-bottom: 1px dashed rgba(35, 35, 35, 0.5);
  }

  .pagination__button--clear-filters.absoluted {
    position: absolute;
    top: -8px;
  }

  .pagination__button--clear-filters.active {
    opacity: 1;
    pointer-events: all;
  }

  .pagination__button--clear-filters:hover {
    color: #FBB143;
    border-color: rgba(251, 177, 67, 0.5);
  }
}

.badge {
  position: relative;
}

.badge span {
  line-height: 19px;
  font-size: 10px;
  padding: 0 3px 0 5px;
  box-sizing: border-box;
  color: #fff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 19px;
  position: relative;
  z-index: 2;
  display: block;
}

.badge svg {
  position: absolute;
  top: 0;
  height: 19px;
  width: 8.5px;
  left: 100%;
  z-index: 1;
  margin-left: -1px;
}

.badge--green span {
  background-color: #7ED322;
}

.badge--green path {
  fill: #7ED322;
}

.badge--yellow span {
  background-color: #FFB800;
}

.badge--yellow path {
  fill: #FFB800;
}

.badge--orange span {
  background-color: #FF7A18;
}

.badge--orange path {
  fill: #FF7A18;
}

.badge--purple span {
  background-color: #22B3D3;
}

.badge--purple path {
  fill: #22B3D3;
}

.badge--red span {
  background-color: #F02038;
}

.badge--red path {
  fill: #F02038;
}

.badge--red-light span {
  background-color: #F63A47;
}

.badge--red-light path {
  fill: #F63A47;
}

.badge--violet span {
  background-color: #B518FF;
}

.badge--violet path {
  fill: #B518FF;
}

.badge--violet.badge--bordered span {
  color: #009EE3;
}

.badge--violet.badge--bordered path {
  stroke: #009EE3;
}

.badge--blue span {
  background-color: #3B00E3;
}

.badge--blue path {
  fill: #3B00E3;
}

.badge--blue.badge--bordered span {
  color: #3B00E3;
}

.badge--blue.badge--bordered path {
  stroke: #3B00E3;
}

.badge--light-blue span {
  background-color: #78D4E9;
}

.badge--light-blue path {
  fill: #78D4E9;
}

.badge--blur-yellow span {
  background-color: #F1C37F;
  color: #0D0F5A;
}

.badge--blur-yellow path {
  fill: #F1C37F;
}

.badge--gray span {
  background-color: #EDEDED;
}

.badge--gray path {
  fill: #EDEDED;
}

.badge--bordered span {
  background-color: transparent;
}

.badge--bordered svg {
  left: 0;
  width: 21px;
}

.badge--bordered path {
  fill: #fff;
}

.badge--gradient {
  width: 29px;
}

.badge--gradient svg {
  left: 0;
  width: auto;
  margin-left: 0;
  position: static;
  display: block;
}

.badge--gradient span {
  padding: 0;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

.badge--light-yellow span {
  background-color: #FFFCB3;
  color: #000;
}

.badge--light-yellow path {
  fill: #FFFCB3;
}

.badge--fixed-width {
  width: 14px;
}

.badge--fixed-width span {
  padding-left: 3px;
}

@media (min-width: 1200px) {
  .badge span {
    line-height: 1.5833333333rem;
    font-size: 0.8333333333rem;
    padding: 0 0.25rem 0 0.4166666667rem;
    border-top-left-radius: 0.1666666667rem;
    border-bottom-left-radius: 0.1666666667rem;
    height: 1.5833333333rem;
  }

  .badge svg {
    height: 1.5833333333rem;
    width: 0.7083333333rem;
  }

  .badge--bordered svg {
    left: 0;
    width: 1.75rem;
  }

  .badge--gradient {
    width: 2.4166666667rem;
  }

  .badge--gradient svg {
    width: auto;
  }

  .badge--fixed-width {
    width: 1.1666666667rem;
  }

  .badge--fixed-width span {
    padding-left: 0.25rem;
  }
}

.bank.focus .bank__name {
  color: #FBB143;
}

@media (min-width: 600px) {
  .bank {
    width: 100%;
  }

  .bank img {
    max-width: 20px;
    max-height: 20px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }

  .bank__name {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    color: #232323;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
  }
}

@media (min-width: 1200px) {
  .bank {
    position: relative;
  }

  .bank img {
    max-width: 1.6666666667rem;
    max-height: 1.6666666667rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .bank__name {
    font-size: 1rem;
    line-height: 1.6666666667rem;
    padding-left: 2rem;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    box-sizing: border-box;
    margin-left: 0;
  }

  .bank__commission {
    font-size: 1rem;
    line-height: 1.6666666667rem;
    display: inline-block;
    vertical-align: middle;
  }

  .bank__status {
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.6666666667rem;
    height: 1.6666666667rem;
  }

  .bank__status::before {
    content: "• ";
    font-size: 1.3333333333rem;
    color: inherit;
    line-height: 6px;
    display: inline-block;
    position: relative;
    top: 0.0833333333rem;
  }

  .bank__status--green {
    color: #12981A;
  }

  .bank__status--orange {
    color: #F5A623;
  }

  .bank__status--red {
    color: #F63A47;
  }

  .bank__status--blue {
    color: #0A65E2;
  }

  .bank__status--dark-blue {
    color: #001DB1;
  }

  .bank__status--gray {
    color: #C9C9C9;
  }

  .bank__buttons {
    position: absolute;
    top: -0.1666666667rem;
    left: 100%;
    z-index: 1;
    white-space: nowrap;
    opacity: 1;
  }

  .bank__button {
    vertical-align: middle;
  }

  .bank__button + .bank__button {
    margin-left: 1rem;
  }

  .bank__button--accept + .bank__button {
    font-size: 0;
    line-height: normal;
  }

  .bank__button--accept + .bank__button span {
    display: block;
  }

  .bank__button--accept + .bank__button span::before {
    margin-right: 0;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  .bank__button--accept + .bank__button {
    margin-left: 1rem;
    padding: 0 0.4166666667rem;
  }

  .bank__button--accept + .bank__button span::before {
    line-height: 2rem;
  }
}

.nav-links a {
  color: rgba(35, 35, 35, 0.4);
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.nav-links a::before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav-links a + a {
  margin-left: 16px;
}

.nav-links a.active {
  color: #232323;
}

@media (max-width: 1199px) {
  .nav-links {
    position: relative;
  }
}

@media (min-width: 1200px) {
  .nav-links a {
    font-size: 1rem;
    line-height: 1.3333333333rem;
  }

  .nav-links a::before {
    display: none;
  }

  .nav-links a + a {
    margin-left: 0.5833333333rem;
  }
}

.card-animation {
  opacity: 0;
  transform: translate(0, 10px);
}

.dropzone {
  width: 100%;
  height: 100%;
}

.dropzone__wrapper {
  overflow: hidden;
  border: 1px dashed rgba(21, 143, 237, 0.5);
  min-height: 30rem;
  width: 100%;
  border-radius: 8px;
  position: relative;
}

.dropzone__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.dropzone__text {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease 0.15s;
}

.dropzone__text img {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
  opacity: 0.5;
}

.dropzone__text p {
  margin: 0 auto;
  max-width: 260px;
  font-size: 14px;
  line-height: 22px;
  color: #232323;
}

.dropzone__text p span {
  color: #0D0F5A;
  border-bottom: 1px dashed rgba(13, 15, 90, 0.5);
}

.dropzone__text.active {
  transition-delay: 0.15s;
  opacity: 1;
}

.dropzone__files {
  position: relative;
  z-index: 0;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.dropzone__files.active {
  transition-delay: 0.15s;
  opacity: 1;
  pointer-events: inherit;
}

.dropzone__scroller-wrapper {
  box-sizing: border-box;
  padding: 20px 10px;
}

.dropzone__file + .dropzone__file {
  margin-top: 16px;
}

@media (min-width: 600px) {
  .dropzone__scroller-wrapper {
    padding: 24px 30px;
  }

  .dropzone__file + .dropzone__file {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .dropzone__wrapper {
    border-radius: 0.6666666667rem;
  }

  .dropzone__text img {
    width: 4.1666666667rem;
    height: 4.1666666667rem;
    margin-bottom: 1.5rem;
  }

  .dropzone__text p {
    max-width: 21.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.8333333333rem;
  }

  .dropzone__scroller-wrapper {
    padding: 2rem 2.5rem;
  }

  .dropzone__file + .dropzone__file {
    margin-top: 2rem;
  }
}

.commission-line {
  position: relative;
}

.commission-line__input {
  display: inline-block;
  vertical-align: top;
}

.commission-line__input + .commission-line__input {
  margin-left: 0.6666666667rem;
}

.commission-line__input--big {
  width: 80%;
}

.commission-line__input--small {
  width: calc(20% - 0.67rem);
}

.commission-line__difference {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 0.5rem;
  font-size: 1rem;
  white-space: nowrap;
}

.commission-line__difference::before,
.commission-line__difference span {
  display: inline-block;
  vertical-align: middle;
}

.commission-line__difference::before {
  content: "";
  font-family: icon, sans-serif;
  color: inherit;
  font-size: inherit;
}

.commission-line__difference span {
  font-size: inherit;
  color: inherit;
  line-height: 1.5rem;
  margin-left: 0.1666666667rem;
}

.commission-line__difference.green {
  color: #7ED322;
}

.commission-line__difference.red {
  color: #F63A47;
}

.commission-line__difference.red::before {
  transform: rotate(180deg);
}

.chat {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.chat__body {
  transform: translate(100%, 0);
}

.chat__shadow {
  transition: 0.15s ease 0.2s;
  transform: translate(100%, 0);
}

.chat__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  z-index: 10;
}

.chat__close::before,
.chat__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #232323;
  width: 23px;
  height: 2px;
  content: "";
  transition: 0.15s ease;
}

.chat__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.chat__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 600px) {
  .chat__close {
    width: 56px;
    height: 50px;
  }
}

@media (min-width: 1200px) {
  .chat__close {
    width: 4.6666666667rem;
    height: 4.1666666667rem;
  }

  .chat__close::before,
  .chat__close::after {
    width: 1.9166666667rem;
  }
}

.chat__overlay {
  opacity: 0;
}

.notfound {
  padding: 126px 0;
}

.notfound__code {
  margin-bottom: 24px;
}

.notfound__code img {
  height: 50px;
}

.notfound__text {
  margin-bottom: 32px;
}

.notfound__text h1 {
  margin: 0;
}

.notfound__text p {
  margin-top: 5px;
}

@media (min-width: 600px) {
  .notfound {
    padding: 100px 0 160px;
  }

  .notfound__code {
    margin-bottom: 20px;
  }

  .notfound__code img {
    height: 70px;
  }
}

@media (min-width: 768px) {
  .notfound__code {
    margin-left: 16.6666666667%;
  }

  .notfound__text {
    margin-left: 16.6666666667%;
  }

  .notfound__links {
    margin-left: 16.6666666667%;
  }
}

@media (min-width: 1200px) {
  .notfound {
    padding: 11.9166666667rem 0 4.1666666667rem;
    min-height: 100vh;
    box-sizing: border-box;
  }

  .notfound__code {
    margin-bottom: 0;
    margin-left: 12.5%;
    display: inline-block;
    vertical-align: top;
    width: 18.75%;
  }

  .notfound__code img {
    height: 5.8333333333rem;
  }

  .notfound__body {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }

  .notfound__text {
    margin-bottom: 2.6666666667rem;
    margin-left: 0;
    width: 67.5%;
  }

  .notfound__text p {
    margin-top: 0.4166666667rem;
  }

  .notfound__links {
    margin-left: 0;
  }
}

.verify {
  background-color: #F7F8FA;
  padding: 80px 0 160px;
}

.verify__text {
  max-width: 400px;
}

.verify__text span {
  color: #0D0F5A;
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
}

.verify__text p + p {
  margin-top: 5px;
}

.verify__text p:last-child {
  margin-top: 20px;
}

.verify__text p.hidden {
  opacity: 0;
  transform: translate(-10px, 0);
}

.verify__text p.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 600px) {
  .verify {
    padding: 96px 0 200px;
  }

  .verify__text {
    margin-left: 12.5%;
  }
}

@media (min-width: 1200px) {
  .verify {
    padding: 8rem 0 16.6666666667rem;
  }

  .verify__text {
    margin-left: 12.5%;
    max-width: 33.3333333333rem;
  }

  .verify__text p + p {
    margin-top: 0.4166666667rem;
  }

  .verify__text p:last-child {
    margin-top: 1.6666666667rem;
  }
}

.companies {
  padding: 68px 0 40px;
  background-color: #FAFBFC;
}

@media (min-width: 600px) {
  .companies {
    padding: 96px 0 50px;
  }

  .companies__search {
    width: 83.3333333333%;
  }

  .companies__list {
    width: 83.3333333333%;
  }

  .companies__top {
    width: 83.3333333333%;
  }
}

@media (min-width: 1200px) {
  .companies {
    padding: 8rem 0 7.5rem;
  }

  .companies__search {
    width: 75%;
    margin-left: 12.5%;
  }

  .companies__list {
    width: 75%;
    margin-left: 12.5%;
  }

  .companies__top {
    width: auto;
  }
}

.agency {
  padding: 68px 0 36px;
  background: #FAFBFC;
}

.agency__list {
  max-width: 420px;
  padding-top: 16px;
  margin-bottom: 40px;
}

.agency__navigation {
  margin-bottom: 30px;
}

@media (min-width: 600px) {
  .agency {
    padding: 96px 0 48px;
  }

  .agency__list {
    margin-bottom: 16px;
  }

  .agency__search {
    display: none;
  }
}

@media (min-width: 650px) {
  .agency__navigation {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 62%;
  }

  .agency__output-count {
    display: inline-block;
    vertical-align: middle;
    width: 38%;
    text-align: right;
  }
}

@media (min-width: 768px) {
  .agency__list {
    margin-bottom: 40px;
    padding: 20px 0 0;
    max-width: none;
    border-top: 1px solid #EDEDED;
  }
}

@media (min-width: 1200px) {
  .agency {
    padding: 8rem 0 5.8333333333rem;
  }

  .agency__tabs {
    margin-left: 12.5%;
  }

  .agency__list {
    width: 75%;
    margin-left: 12.5%;
    margin-bottom: 3.3333333333rem;
  }

  .agency__navigation-container--bottom {
    width: 75%;
    margin-left: 12.5%;
  }
}

.login {
  background-color: #F7F8FA;
  box-sizing: border-box;
  min-height: 100vh;
}

.login--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  overflow-y: scroll;
}

.login--fixed .login__stage.active {
  pointer-events: none;
}

.login--fixed .login__stage.active .login__wrapper--stage {
  pointer-events: none;
}

.login--fixed.active {
  opacity: 1;
  pointer-events: all;
}

.login--fixed.active .login__stage.active {
  pointer-events: all;
}

.login--fixed.active .login__stage.active .login__wrapper--stage {
  pointer-events: all;
}

.login__logos {
  margin-bottom: 25px;
}

.login__logos img {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: auto;
}

.login__logos img.small {
  height: 20px;
}

.login__logos p {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin: 0 10px;
}

.login__logos--big img {
  height: 50px;
}

.login__stage {
  width: 100%;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 6.25%;
}

.login__stage.active {
  pointer-events: all;
}

.login__stage.active .login__wrapper--stage {
  pointer-events: all;
  transform: translate(0, 0);
  opacity: 1;
}

.login__stage--response {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 10px);
}

.login__stage--static {
  position: relative;
  padding: 40px 0;
}

.login__wrapper--stage {
  transform: translate(0, 10px);
  opacity: 0;
  pointer-events: none;
}

.login__socials {
  margin-top: 30px;
}

@media (max-width: 599px) {
  .login__socials {
    text-align: center;
    max-width: 400px;
  }
}

.login__socials > p {
  font-size: 14px;
  line-height: 18px;
  color: rgba(35, 35, 35, 0.7);
  margin-bottom: 12px;
}

.login__button--popup-social + .login__button {
  margin-left: 10px;
}

@media (max-width: 599px) {
  .login__text--login-bottom {
    display: none;
  }
}

.login__to-stage {
  display: inline-block;
}

.login__to-stage--registration {
  margin-left: 4px;
}

.login__close {
  top: 10px;
  right: 10px;
  position: absolute;
}

.login__form {
  max-width: 400px;
}

.login__form--center {
  margin: 0 auto;
}

.login__back {
  display: inline-block;
  margin-bottom: 20px;
}

.login__icon--response {
  margin-bottom: 28px;
}

.login__icon--response img {
  width: 59px;
}

.login__text--response {
  margin-bottom: 20px;
  max-width: 350px;
}

.login__preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login__logo {
  white-space: nowrap;
  margin-bottom: 20px;
}

.login__logo img {
  max-width: 154px;
  max-height: 34px;
  display: inline-block;
  vertical-align: middle;
}

.login__logo p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
}

.login__logo--big img {
  max-width: 308px;
  max-height: 64px;
}

.login__title {
  font-size: 16px;
  line-height: 20px;
  color: #232323;
  margin-bottom: 16px;
  font-family: bold;
}

.login__information {
  padding-top: 24px;
}

.login__benefits {
  margin: 0 -7%;
  padding: 0 7% 24px;
  overflow-y: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.login__benefit {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  white-space: normal;
}

.login__benefit img {
  height: 32px;
  width: 32px;
  display: inline-block;
  vertical-align: middle;
}

.login__benefit p {
  max-width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 14px;
  line-height: 18px;
  color: #575757;
}

.login__stages {
  border-top: 1px solid #E9E9E9;
  padding: 0 7%;
  margin: 0 -7%;
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.login__links {
  padding: 16px 0 24px;
  box-sizing: border-box;
}

@media (max-width: 599px) {
  .login__links {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #E9E9E9;
    padding: 16px 6.25% 24px;
    background-color: #F7F8FA;
  }
}

@media (max-width: 1199px) {
  .login__links--desktop {
    display: none;
  }
}

.login__links a {
  display: inline-block;
}

.login__links a + a {
  margin-left: 12px;
}

@media (min-width: 600px) {
  .login__socials {
    margin-top: 24px;
  }

  .login__socials > p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .login__response {
    left: 5.2%;
  }

  .login__text--login-bottom {
    margin-top: 36px;
  }

  .login__text--login-bottom p {
    display: inline-block;
  }

  .login__form {
    max-width: 500px;
    width: 83.3333333333%;
  }

  .login__form--registration {
    white-space: nowrap;
  }

  .login__text--response {
    margin-bottom: 30px;
    max-width: none;
  }

  .login__logo {
    margin-bottom: 36px;
  }

  .login__title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 32px;
    max-width: 400px;
  }

  .login__information {
    padding-top: 40px;
  }

  .login__benefits {
    padding: 0 5.8% 36px;
    margin: 0 -5.8%;
  }

  .login__benefit {
    margin-right: 48px;
  }

  .login__benefit img {
    width: 72px;
    height: 72px;
    display: block;
  }

  .login__benefit p {
    max-width: 120px;
    color: #000;
    display: block;
    margin-left: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .login__stage {
    padding: 0 10px;
  }

  .login__stage--static {
    padding: 40px 0;
  }

  .login__stages {
    border: none;
    padding: 0 10px 10px;
    margin: 0 -10px;
    min-height: 323px;
  }

  .login__links {
    padding: 58px 0 40px;
  }

  .login__links a + a {
    margin-left: 24px;
  }
}

@media (min-width: 768px) {
  .login__benefits {
    padding: 0;
    margin: 0 0 36px 0;
    overflow: visible;
    -webkit-overflow-scrolling: auto;
  }
}

@media (min-width: 1200px) and (max-height: 830px) {
  .login--fixed {
    overflow-y: scroll;
  }
}

@media (min-width: 1200px) {
  .login--fixed .form__title--popup-login {
    min-width: 36.9166666667rem;
    white-space: normal;
  }
}

@media (min-width: 1200px) {
  .login__response {
    left: 13.911112%;
    top: 7.5rem;
  }

  .login__response p {
    max-width: 26.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .login__preloader {
    left: 30%;
  }
}

@media (min-width: 1200px) {
  .login__stages {
    padding: 0 2.0833333333rem 3.3333333333rem;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    min-height: 48.6666666667rem;
  }

  .login__stages::before {
    width: 1px;
    background-color: #eaeaea;
    bottom: 0;
    top: 7.6666666667rem;
    content: "";
    left: 0;
    position: absolute;
    min-height: 48.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .login__form {
    max-width: 33.3333333333rem;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .login__stage {
    padding: 0 2.0833333333rem 0.8333333333rem;
  }

  .login__stage--login {
    padding-top: 9.5rem;
  }

  .login__stage--restore {
    padding-top: 6.1666666667rem;
  }

  .login__stage--registration {
    padding-top: 6.1666666667rem;
  }

  .login__stage--response {
    top: 6.1666666667rem;
  }

  .login__stage--static {
    padding: 6.1666666667rem 0;
  }
}

@media (min-width: 1200px) {
  .login__socials {
    margin-top: 3.3333333333rem;
  }

  .login__socials > p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    margin-bottom: 1.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .login__text--login-bottom {
    margin-top: 5.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .login__button--popup-social + .login__button {
    margin-left: 0.8333333333rem;
  }
}

@media (min-width: 1200px) {
  .login__close {
    top: 0.8333333333rem;
    right: 1.6666667%;
  }
}

@media (min-width: 1200px) {
  .login__back {
    margin-bottom: 1.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .login__icon--response {
    margin-bottom: 2.3333333333rem;
  }

  .login__icon--response img {
    width: 4.9166666667rem;
  }
}

@media (min-width: 1200px) {
  .login__text--response {
    margin-bottom: 2.5rem;
    max-width: 33.3333333333rem;
  }

  .login__text--response br {
    display: none;
  }
}

@media (min-width: 1200px) {
  .login__logos {
    margin-bottom: 4.3333333333rem;
    margin-left: 12.5%;
  }

  .login__logos img {
    height: 3.3333333333rem;
  }

  .login__logos img.small {
    height: 2.5rem;
  }

  .login__logos p {
    font-size: 2rem;
    margin: 0 1.6666666667rem;
  }

  .login__logos--big img {
    height: 5rem;
  }
}

@media (min-width: 1200px) {
  .login__information {
    display: inline-block;
    vertical-align: top;
    padding: 9.5833333333rem 6.25% 0 9.375%;
    box-sizing: border-box;
    width: 50%;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .login__logo {
    margin-bottom: 0;
    position: absolute;
    left: 18.8%;
    top: 3.3333333333rem;
  }

  .login__logo img {
    max-width: 12.8333333333rem;
    max-height: 2.8333333333rem;
  }

  .login__logo img.width {
    max-height: none;
    max-width: none;
    width: 12.8333333333rem;
  }

  .login__logo img.height {
    max-height: none;
    max-width: none;
    height: 2.8333333333rem;
  }

  .login__logo--big img {
    max-width: 25.6666666667rem;
    max-height: 5.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .login__title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 2.6666666667rem;
    max-width: 33.3333333333rem;
  }
}

@media (min-width: 1200px) {
  .login__benefits {
    margin-bottom: 9rem;
    white-space: normal;
    margin-right: -6rem;
  }
}

@media (min-width: 1200px) {
  .login__benefit {
    margin-right: 9rem;
    margin-bottom: 3rem;
  }

  .login__benefit img {
    width: 6rem;
    height: 6rem;
  }

  .login__benefit p {
    max-width: 10rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }
}

@media (min-width: 1200px) {
  .login__links {
    padding: 0 0 8.75rem;
  }

  .login__links--mobile {
    display: none;
  }

  .login__links a + a {
    margin-left: 2rem;
  }
}

.preloader {
  pointer-events: none;
  opacity: 0;
}

.preloader svg {
  overflow: visible;
}

.finances {
  padding: 68px 0 40px;
  background-color: #FAFBFC;
}

.finances__text p.small {
  max-width: 26.6666666667rem;
}

@media (min-width: 600px) {
  .finances {
    padding: 97px 0 50px;
  }
}

@media (min-width: 768px) {
  .finances__list {
    width: 83.3333333333%;
  }
}

@media (min-width: 1200px) {
  .finances {
    padding: 8rem 0 7.5rem;
  }

  .finances__list {
    width: 75%;
    margin-left: 12.5%;
  }

  .finances__tabs {
    margin-left: 12.5%;
  }

  .finances__search {
    width: 75%;
    margin-left: 12.5%;
  }
}

.documents {
  padding: 68px 0 40px;
  background: #FAFBFC;
}

.documents__list {
  margin-bottom: 40px;
}

@media (max-width: 599px) {
  .documents__list {
    border-top: 1px solid #ededed;
    padding: 16px 6.25% 0;
  }
}

.documents__navigation {
  margin-bottom: 30px;
}

@media (min-width: 600px) {
  .documents {
    padding: 96px 0 50px;
  }

  .documents__list {
    margin-bottom: 16px;
  }

  .documents__search {
    display: none;
  }
}

@media (min-width: 650px) {
  .documents__navigation {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 62%;
  }

  .documents__output-count {
    display: inline-block;
    vertical-align: middle;
    width: 38%;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .documents {
    padding: 8rem 0 7.5rem;
  }

  .documents__list {
    margin-bottom: 1.3333333333rem;
  }

  .documents__bottom {
    margin-left: 12.5%;
    width: 75%;
  }
}

.edit {
  padding: 72px 0 40px;
}

.edit p.red {
  color: #F02038;
}

.edit__back {
  display: inline-block;
}

.edit__toggle {
  font-size: 14px;
  line-height: 18px;
  color: rgba(201, 201, 201, 0.8);
  display: inline-block;
}

.edit__toggle + .edit__toggle {
  margin-left: 10px;
}

.edit__toggle.active {
  color: #0B0C34;
}

.edit__scroller {
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 6.7%;
  margin: 0 -6.7%;
}

.edit__wrapper {
  display: inline-block;
}

.edit__wrapper p {
  font-size: 12px;
  line-height: 16px;
  color: #C9C9C9;
  margin-top: 10px;
}

.edit__wrapper + .edit__wrapper {
  margin-left: 10px;
}

.edit__navigation {
  position: relative;
  width: 100%;
  z-index: 4;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
}

@media (max-width: 599px) {
  .edit__navigation.fixed {
    border-color: #ebebeb;
  }

  .edit__navigation.fixed::before {
    right: 0;
  }

  .edit__navigation.fixed::after {
    left: 0;
  }
}

.edit__navigation::before,
.edit__navigation::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 25px;
  z-index: 1;
}

.edit__navigation::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );
  right: -6.7%;
}

.edit__navigation::after {
  left: -6.7%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 25%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
}

.edit__sub-title {
  font-size: 12px;
  line-height: 16px;
  color: #C9C9C9;
}

.edit__sub-title + .edit__line {
  margin-top: 10px;
}

.edit__title {
  font-family: bold;
  font-size: 21px;
  line-height: 27px;
  color: #232323;
}

@media (max-width: 599px) {
  .edit__title {
    max-width: 400px;
  }
}

.edit__title + * {
  margin-top: 30px;
}

.edit__title + .edit__text {
  margin-top: 16px;
}

.edit__title + .edit__tabs {
  margin-top: 16px;
}

.edit__title + .edit__table-native {
  margin-top: 16px;
}

.edit__title--big {
  font-size: 24px;
  line-height: 30px;
}

.edit__text {
  max-width: 475px;
  white-space: normal;
  margin: 12px 0;
}

.edit__text:first-child {
  margin-top: 0 !important;
}

@media (max-width: 1199px) {
  .edit__text--show-desktop {
    display: none !important;
  }
}

.edit__text--inline {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  margin-left: 20px;
}

.edit__text + * {
  margin-top: 30px;
}

.edit__text--graphite-color {
  color: #575757;
}

.edit__text + .edit__line--button-w-text {
  margin-top: 16px;
}

.edit__line {
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .edit__line {
    max-width: 400px;
  }
}

.edit__line--wrap {
  white-space: normal;
}

.edit__line--z-index {
  z-index: 3;
}

.edit__line--z-index-1 {
  position: relative;
  z-index: 1;
}

.edit__line--z-index-2 {
  position: relative;
  z-index: 2;
}

.edit__line--modul {
  position: relative;
}

@media (max-width: 510px) {
  .edit__line--modul {
    max-width: 255px;
  }
}

@media (min-width: 511px) and (max-width: 1199px) {
  .edit__line--modul {
    max-width: 400px;
  }
}

.edit__line--button-w-text .edit__button {
  margin-top: 0;
}

.edit__line--button-w-text p {
  font-size: 16px;
  line-height: 20px;
  color: #575757;
  margin-top: 16px;
  white-space: normal;
  max-width: 400px;
}

.edit__line + .edit__textarea {
  margin-top: 15px;
}

.edit__line + .edit__input {
  margin-top: 15px;
}

.edit__line + .edit__select {
  margin-top: 15px;
}

.edit__line + .edit__sub-title {
  margin-top: 30px;
}

.edit__line + .edit__title {
  margin-top: 50px;
}

.edit__line + .edit__line {
  margin-top: 15px;
}

.edit__line + .edit__line--more-offset {
  margin-top: 30px;
}

.edit__line + .edit__button--layout {
  margin-top: 30px;
}

.edit__line > a {
  font-size: 14px;
}

.edit__textarea {
  position: relative;
}

@media (max-width: 1199px) {
  .edit__textarea {
    max-width: 400px;
  }
}

.edit__textarea + .edit__input {
  margin-top: 15px;
}

.edit__textarea + .edit__textarea {
  margin-top: 15px;
}

.edit__textarea + .edit__select {
  margin-top: 15px;
}

.edit__textarea + .edit__sub-title {
  margin-top: 30px;
}

.edit__textarea + .edit__title {
  margin-top: 50px;
}

.edit__textarea + .edit__line {
  margin-top: 15px;
}

.edit__input {
  min-width: 210px;
}

@media (max-width: 1199px) {
  .edit__input {
    max-width: 400px;
  }
}

.edit__input + .edit__input {
  margin-top: 15px;
}

.edit__input + .edit__textarea {
  margin-top: 15px;
}

.edit__input + .edit__select {
  margin-top: 15px;
}

.edit__input + .edit__sub-title {
  margin-top: 30px;
}

.edit__input + .edit__title {
  margin-top: 50px;
}

.edit__input + .edit__line {
  margin-top: 15px;
}

.edit__input--half {
  min-width: auto;
  width: 100%;
}

.edit__input--small {
  width: 100%;
}

.edit__owners {
  margin-top: 30px;
}

.edit__owners + .edit__sub-title {
  margin-top: 30px;
}

.edit__select {
  min-width: 210px;
}

@media (max-width: 1199px) {
  .edit__select {
    max-width: 400px;
  }
}

.edit__select + .edit__textarea {
  margin-top: 15px;
}

.edit__select + .edit__sub-title {
  margin-top: 30px;
}

.edit__select + .edit__title {
  margin-top: 50px;
}

.edit__select + .edit__input {
  margin-top: 15px;
}

.edit__select + .edit__select {
  margin-top: 15px;
}

.edit__select + .edit__line {
  margin-top: 15px;
}

.edit__select--half {
  width: 73.2%;
}

.edit__select--no-margin {
  margin-bottom: 0 !important;
}

.edit__select--no-margin-top {
  margin-top: 0 !important;
}

.edit__checkboxes {
  margin: 15px 0;
}

.edit__checkboxes + .edit__sub-title {
  margin-top: 30px;
}

.edit__checkboxes + .edit__title {
  margin-top: 50px;
}

.edit__checkbox {
  margin-right: 20px;
  margin-bottom: 10px;
}

.edit__checkbox--single {
  margin-top: 20px;
  margin-bottom: 50px;
}

.edit__checkbox--option {
  margin-bottom: 0;
  color: #979797;
}

.edit__checkbox--option p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.edit__checkbox.checked + .edit__toggle-option:before {
  background-color: #000;
}

.edit__checkbox.checked + .edit__toggle-option:after {
  background-color: #000;
}

.edit__checkbox--no-margin {
  margin-bottom: 0 !important;
}

.edit__checkbox--inline {
  margin-top: 8px;
  margin-bottom: 0 !important;
}

.edit__toggle-option {
  position: absolute;
  top: 0;
  right: 0;
  height: 65px;
  width: 40px;
}

.edit__toggle-option:before,
.edit__toggle-option:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 15px;
  height: 1px;
  background-color: #979797;
}

.edit__toggle-option:before {
  transform: translate(-50%, -50%);
}

.edit__toggle-option:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.edit__button--add {
  margin-top: 40px;
  width: 100%;
}

@media (max-width: 599px) {
  .edit__button--save {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
  }

  .edit__button--save.disabled {
    transform: translate(0, 100%);
  }
}

.edit__button--save.disabled {
  border-color: #eaeaea;
  color: #C9C9C9;
  background-color: transparent;
  pointer-events: none;
}

.edit__button--save.loading {
  color: transparent;
}

.edit__button--save.loading img {
  opacity: 1;
}

.edit__button--save.send {
  color: #000;
}

.edit__button--layout {
  display: block;
  margin-top: 15px;
  position: relative;
}

@media (max-width: 1199px) {
  .edit__button--layout {
    max-width: 400px;
  }
}

.edit__button--layout p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #C9C9C9;
  opacity: 0;
  width: 100%;
}

.edit__button--standart {
  display: block;
  margin-top: 15px;
  width: 100%;
}

@media (max-width: 1199px) {
  .edit__button--standart {
    max-width: 400px;
  }
}

.edit__button--tiny {
  margin: 12px 0 16px;
}

.edit__button--option {
  display: inline-block;
}

.edit__button--option + .edit__button--option {
  margin-left: 20px;
}

.edit__body {
  margin-top: 8px;
  max-width: 400px;
}

.edit__body--full-width {
  max-width: none;
}

.edit__drag-content {
  display: none;
}

.edit__drag-content + * {
  margin-top: 15px;
}

@media (max-width: 1199px) {
  .edit .hide-mobile {
    display: none;
  }
}

.edit__option {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding: 20px 35px 20px 20px;
}

.edit__sub-title--big {
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.edit__sub-title--offset-bottom {
  margin-bottom: 10px;
}

.edit__sub-title + .edit__title {
  margin-top: 0 !important;
}

.edit__referal-item {
  display: inline-block;
  margin-right: 20px;
}

.edit__referal-item + .edit__referal-item {
  margin-top: 32px;
}

.edit__referal-item + .edit__input {
  margin-top: 16px;
}

.edit__options {
  margin-bottom: 50px;
  max-width: 400px;
}

.edit__section {
  max-height: 0;
}

.edit__section input {
  background-color: #fff;
}

.edit__section-wrapper {
  padding: 20px 0 10px 0;
}

.edit__section-wrapper--big-padding {
  padding: 20px 0 30px 0;
}

.edit__collapse-name input {
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
}

.edit__delete {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.edit__delete span {
  border-bottom: 1px dashed #f44336;
  color: #f44336;
  font-size: 14px;
  line-height: 18px;
}

.edit__table table {
  width: 100%;
}

.edit__table th {
  font-size: 18px;
  line-height: 20px;
  font-family: bold;
  padding-bottom: 3px;
  text-align: left;
}

.edit__table td {
  padding: 12px 0;
  font-size: 16px;
  line-height: 20px;
  min-width: 50px;
}

.edit__table td:last-child {
  text-align: right;
}

.edit__table tr:nth-child(n+2) + tr {
  border-top: 1px solid #E3E3E3;
}

.edit__table + * {
  margin-top: 50px;
}

.edit * + .edit__table {
  margin-top: 24px;
}

.edit * + .edit__title {
  margin-top: 50px;
}

.edit__copy-content {
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
}

.edit__copy-content span {
  border-bottom: 1px dashed transparent;
  color: #232323;
  position: relative;
  font-family: bold;
}

.edit__copy-content span::after {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  margin-left: 8px;
  font-size: 16px;
  content: "";
  font-family: icon;
  color: #DADADA;
  display: block;
  pointer-events: none;
}

.edit__copy-content + * {
  margin-top: 32px;
}

.edit__remove-line {
  position: absolute;
  left: 100%;
  top: 4px;
  width: 44px;
  height: 44px;
}

.edit__remove-line::before,
.edit__remove-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 22px;
  background-color: #C9C9C9;
}

.edit__remove-line::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.edit__remove-line::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.edit__error-text {
  position: absolute;
  color: rgba(240, 32, 56, 0.4);
  margin-top: 8px;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .edit__cover {
    max-width: 400px;
  }
}

.edit__table-native p,
.edit__table-native a {
  font-size: 14px;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.edit__table-native a {
  color: inherit;
}

.edit__table-native th {
  text-align: left;
  vertical-align: bottom;
}

.edit__table-native th p {
  padding-bottom: 8px;
}

.edit__table-native th.center {
  text-align: center;
}

.edit__table-native td {
  padding: 13px 32px 13px 0;
  min-width: 80px;
  box-sizing: border-box;
  white-space: nowrap;
  max-width: 193px;
}

.edit__table-native td button {
  display: inline-block;
}

.edit__table-native td button + button {
  margin-left: 8px;
}

.edit__table-native td.padding-left {
  padding-right: 0;
  padding-left: 20px;
}

.edit__table-native td.center {
  text-align: center;
  padding-right: 0;
}

.edit__table-native td.wide {
  max-width: none !important;
}

.edit__table-native td.big {
  width: 195px;
}

.edit__table-native tr {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}

.edit__table-native + * {
  margin-top: 30px;
}

.edit__table-scroller {
  overflow-y: scroll;
  padding: 0 6.7%;
  margin: 0 -6.7%;
}

.edit__separator {
  height: 1px;
  background-color: #eaeaea;
  margin: 20px 0 10px;
}

.edit__table-information + .edit__line {
  margin-top: 32px;
}

.edit * + .edit__table-information {
  margin-top: 32px;
}

@media (min-width: 600px) {
  .edit {
    padding: 72px 0 50px;
  }

  .edit__section {
    overflow: hidden;
  }

  .edit__container {
    position: relative;
  }

  .edit__edit {
    margin-bottom: 30px;
  }

  .edit__title--big {
    font-size: 36px;
    line-height: 44px;
  }

  .edit__title + .edit__tabs {
    margin-top: 19px;
  }

  .edit__active-line {
    position: absolute;
    left: -15px;
    top: 0;
    width: 1px;
    height: 21px;
    background-color: #0B0C34;
    transform: translate(0, -1.5px);
  }

  .edit__toggle {
    display: block;
    margin-left: -15px;
    padding-left: 15px;
    position: relative;
  }

  .edit__toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 1px;
    height: 21px;
    background-color: transparent;
  }

  .edit__toggle + .edit__toggle {
    margin-left: -15px;
    margin-top: 15px;
  }

  .edit__toggle.active::before {
    background-color: rgba(11, 12, 52, 0.5);
  }

  .edit__scroller {
    white-space: normal;
    overflow-x: visible;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    margin: 0;
    position: relative;
  }

  .edit__scroller::before {
    left: -15px;
    width: 1px;
    height: 100%;
    background-color: rgba(35, 35, 35, 0.1);
    content: "";
    position: absolute;
    top: 0;
  }

  .edit__wrapper {
    display: block;
  }

  .edit__wrapper p {
    margin-top: 12px;
  }

  .edit__wrapper + .edit__wrapper {
    margin-left: 0;
    margin-top: 30px;
  }

  .edit__navigation {
    width: 20%;
    right: 2.2%;
    position: absolute;
    top: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .edit__navigation::after,
  .edit__navigation::before {
    display: none;
  }

  .edit__toggle-option {
    width: 65px;
  }

  .edit__sub-title {
    margin-bottom: 2px;
  }

  .edit__sub-title--option {
    margin-bottom: 10px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .edit__title {
    max-width: 600px;
  }
}

@media (min-width: 600px) {
  .edit__title + .edit__input {
    margin-top: 27px;
  }
}

@media (min-width: 600px) {
  .edit__title + .edit__textarea {
    margin-top: 27px;
  }
}

@media (min-width: 600px) {
  .edit__title + .edit__line {
    margin-top: 27px;
  }
}

@media (min-width: 600px) {
  .edit__title + .edit__checkboxes {
    margin-top: 27px;
  }
}

@media (min-width: 600px) {
  .edit__textarea + .edit__sub-title {
    margin-top: 30px;
  }

  .edit__textarea + .edit__select {
    margin-top: 15px;
  }
}

@media (min-width: 600px) {
  .edit__input + .edit__sub-title {
    margin-top: 30px;
  }

  .edit__input--small {
    width: calc(28% - 10px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 0 !important;
    margin-right: 20px;
    min-width: auto;
  }

  .edit__input--medium {
    display: inline-block;
    vertical-align: middle;
    width: calc(72% - 10px);
    margin-right: 20px;
    margin-top: 0 !important;
    min-width: auto;
  }
}

@media (min-width: 600px) {
  .edit__select + .edit__sub-title {
    margin-top: 30px;
  }

  .edit__select--modul {
    display: inline-block;
    vertical-align: middle;
    margin-right: -1px;
    min-width: auto;
    width: 50%;
    max-width: 200px;
  }

  .edit__select--inline {
    display: inline-block;
    min-width: 33.3333333333rem;
    margin-right: 1.6666666667rem;
  }
}

@media (min-width: 600px) {
  .edit__checkboxes + .edit__sub-title {
    margin-top: 30px;
  }
}

@media (min-width: 600px) {
  .edit__line + .edit__input {
    margin-top: 15px;
  }

  .edit__line + .edit__sub-title {
    margin-top: 20px;
  }

  .edit__line + .edit__select {
    margin-top: 15px;
  }

  .edit__line + .edit__textarea {
    margin-top: 15px;
  }
}

@media (min-width: 600px) {
  .edit__checkbox--single {
    margin-bottom: 45px;
  }
}

@media (min-width: 600px) {
  .edit__body {
    max-width: 430px;
    width: 62.5%;
    font-size: 0;
    padding-top: 0;
    margin-top: 8px;
  }

  .edit__body--full-width {
    max-width: none;
    width: auto;
  }
}

@media (min-width: 600px) {
  .edit__button--save {
    margin-top: 30px;
    width: 100%;
    max-width: 176px;
    margin-left: -14px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .edit__button--save {
    padding: 0;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .edit__button--save {
    line-height: 50px;
  }
}

@media (min-width: 600px) {
  .edit__button--inline-bottom {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
  }
}

@media (min-width: 600px) {
  .edit__button--tiny {
    min-width: 10rem;
  }
}

@media (min-width: 600px) {
  .edit__collapse-name input {
    font-size: 16px;
  }
}

@media (min-width: 600px) {
  .edit__delete {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

  .edit__delete span {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 600px) {
  .edit__remove-line {
    top: 10px;
  }
}

@media (min-width: 600px) {
  .edit__table-scroller {
    padding: 0 5.802%;
    margin: 0 -5.802%;
  }
}

@media (min-width: 768px) {
  .edit__input--half {
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 0 !important;
  }

  .edit__input--modul {
    width: 180px;
    margin-right: -1px;
    margin-bottom: 0;
  }

  .edit__input--modul > input {
    border-radius: 0;
  }

  .edit__checkbox--option p {
    font-size: 16px;
  }

  .edit__line--modul .edit__input--modul:first-child input {
    border-radius: 2px 0 0 2px;
  }

  .edit__line--modul .edit__input--modul:last-of-type input {
    border-radius: 0 2px 2px 0;
  }

  .edit__line--modul .edit__select--modul:first-child {
    border-radius: 2px 0 0 2px;
  }

  .edit__line--modul .edit__select--modul:last-of-type {
    border-radius: 0 2px 2px 0;
  }

  .edit__options {
    max-width: 500px;
    min-width: 485px;
  }

  .edit__select--half {
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 0 !important;
  }

  .edit__select--modul {
    min-width: auto;
    margin-bottom: 0;
    margin-right: -1px;
    border-radius: 0;
  }

  .edit__select--modul-small {
    width: 160px;
  }

  .edit__select--modul-big {
    width: 339px;
  }

  .edit__select--modul + .edit__select--modul {
    margin-top: 0;
  }

  .edit__select--modul-small {
    width: 160px;
  }

  .edit__remove-line {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: auto;
    left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .edit__navigation::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 120%;
    height: 120%;
    z-index: -1;
    display: block;
  }
}

@media (min-width: 1200px) {
  .edit {
    padding: 6rem 0 7.5rem;
  }

  .edit * + .edit__table {
    margin-top: 2rem;
  }

  .edit * + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__cover {
    max-width: 33.3333333333rem;
  }

  .edit__options {
    margin-bottom: 4.1666666667rem;
    max-width: 50rem;
    min-width: 41.6666666667rem;
  }

  .edit__option {
    padding: 1.6666666667rem 3.75rem 1.6666666667rem 0.8333333333rem;
    max-width: 48.3333333333rem;
    box-sizing: border-box;
  }

  .edit__toggle-option {
    width: 5.4166666667rem;
    height: 5.4166666667rem;
  }

  .edit__toggle-option:before {
    width: 1.25rem;
  }

  .edit__toggle-option:after {
    width: 1.25rem;
  }

  .edit__back {
    margin-left: 12.5%;
  }

  .edit__active-line {
    left: -1.25rem;
    height: 1.75rem;
    transform: translate(0, -0.125rem);
  }

  .edit__toggle {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    margin-left: -1.25rem;
    padding-left: 1.25rem;
  }

  .edit__toggle::before {
    height: 1.75rem;
  }

  .edit__toggle + .edit__toggle {
    margin-left: -1.25rem;
    margin-top: 1.25rem;
  }

  .edit__wrapper p {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    width: 10rem;
    margin-left: 1rem;
  }

  .edit__wrapper + .edit__wrapper {
    margin-top: 2.9166666667rem;
  }

  .edit__list {
    display: inline-block;
    vertical-align: top;
    min-width: 15.8333333333rem;
  }

  .edit__navigation {
    right: 1.666667%;
    width: 28%;
    top: 4.4166666667rem;
  }

  .edit__scroller::before {
    left: -1.25rem;
  }

  .edit__sub-title {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    margin-bottom: 0;
  }

  .edit__sub-title--big {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
    white-space: normal;
    overflow: visible;
  }

  .edit__sub-title--offset-bottom {
    margin-bottom: 0.8333333333rem;
  }

  .edit__sub-title + .edit__line {
    margin-top: 0.8333333333rem;
  }

  .edit__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .edit__title--big {
    font-size: 3rem;
    line-height: 3.6666666667rem;
    max-width: 75%;
  }

  .edit__title + * {
    margin-top: 2.5rem;
  }

  .edit__title + .edit__text {
    margin-top: 1.3333333333rem;
  }

  .edit__title + .edit__tabs {
    margin-top: 1.5833333333rem;
  }

  .edit__title + .edit__table--wide {
    margin-top: 1.3333333333rem;
  }

  .edit__title + .edit__table-native {
    margin-top: 1.3333333333rem;
  }

  .edit__text {
    max-width: 39.5833333333rem;
    margin: 1rem 0;
  }

  .edit__text--inline {
    margin-left: 1.6666666667rem;
  }

  .edit__text + * {
    margin-top: 2.5rem;
  }

  .edit__text + .edit__line--button-w-text {
    margin-top: 1.3333333333rem;
  }

  .edit__select {
    width: 33.3333333333rem;
  }

  .edit__select + .edit__input {
    margin-top: 1.25rem;
  }

  .edit__select + .edit__sub-title {
    margin-top: 2.5rem;
  }

  .edit__select + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__select + .edit__select {
    margin-top: 1.25rem;
  }

  .edit__select + .edit__line {
    margin-top: 1.25rem;
  }

  .edit__select + .edit__textarea {
    margin-top: 1.25rem;
  }

  .edit__select--half {
    width: 15.8333333333rem;
    margin-right: 1.6666666667rem;
  }

  .edit__select--option {
    width: 33.3333333333rem;
  }

  .edit__select--modul {
    margin-bottom: 0;
    margin-right: -1px;
    max-width: none;
  }

  .edit__select--modul + .edit__select--modul {
    margin-top: 0;
  }

  .edit__select--modul:hover {
    z-index: 4 !important;
  }

  .edit__select--modul-small {
    width: 13.3333333333rem;
  }

  .edit__select--modul-big {
    width: 28.25rem;
  }

  .edit__textarea {
    width: 33.3333333333rem;
  }

  .edit__textarea + .edit__input {
    margin-top: 1.25rem;
  }

  .edit__textarea + .edit__textarea {
    margin-top: 1.25rem;
  }

  .edit__textarea + .edit__sub-title {
    margin-top: 2.5rem;
  }

  .edit__textarea + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__textarea + .edit__select {
    margin-top: 1.25rem;
  }

  .edit__textarea + .edit__line {
    margin-top: 1.25rem;
  }

  .edit__input {
    width: 33.3333333333rem;
  }

  .edit__input + .edit__input {
    margin-top: 1.25rem;
  }

  .edit__input + .edit__sub-title {
    margin-top: 2.5rem;
  }

  .edit__input + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__input + .edit__select {
    margin-top: 1.25rem;
  }

  .edit__input + .edit__line {
    margin-top: 1.25rem;
  }

  .edit__input + .edit__textarea {
    margin-top: 1.25rem;
  }

  .edit__input--half {
    width: 15.8333333333rem;
    margin-right: 1.6666666667rem;
  }

  .edit__input--small {
    width: 8.3333333333rem;
  }

  .edit__input--medium {
    width: 23.3333333333rem;
    margin-right: 1.6666666667rem;
  }

  .edit__input--line {
    display: inline-block;
    vertical-align: middle;
  }

  .edit__input--option {
    min-width: 440px;
    width: 33.3333333333rem;
  }

  .edit__input--modul {
    width: 15rem;
    margin-right: -1px;
    margin-bottom: 0;
  }

  .edit__input--modul:hover {
    z-index: 4;
  }

  .edit__line + .edit__textarea {
    margin-top: 1.25rem;
  }

  .edit__line + .edit__input {
    margin-top: 1.25rem;
  }

  .edit__line + .edit__sub-title {
    margin-top: 1.6666666667rem;
  }

  .edit__line + .edit__title {
    margin-top: 3.3333333333rem;
  }

  .edit__line + .edit__select {
    margin-top: 1.25rem;
  }

  .edit__line + .edit__line {
    margin-top: 1.25rem;
  }

  .edit__line + .edit__line--more-offset {
    margin-top: 2.5rem;
  }

  .edit__line + .edit__button--layout {
    margin-top: 2.5rem;
  }

  .edit__line--button-w-text .edit__button {
    display: inline-block;
    vertical-align: top;
  }

  .edit__line--button-w-text p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.6666666667rem;
    margin-top: 0;
    max-width: 34.6666666667rem;
  }

  .edit__line > a {
    font-size: 1.1666666667rem;
  }

  .edit__section-wrapper {
    padding: 1.6666666667rem 0 0.8333333333rem 0;
    margin: 0 2.9166666667rem;
  }

  .edit__section-wrapper--small-margin {
    margin: 0 1.25rem;
  }

  .edit__section-wrapper--big-padding {
    padding: 1.6666666667rem 0 2.5rem 0;
  }

  .edit__owners {
    margin-top: 2.5rem;
  }

  .edit__owners + .edit__sub-title {
    margin-top: 2.5rem;
  }

  .edit__checkboxes {
    margin: 1.25rem 0;
  }

  .edit__checkboxes + .edit__sub-title {
    margin-top: 2.5rem;
  }

  .edit__checkboxes + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__checkbox {
    margin-bottom: 1.25rem;
    margin-right: 1.6666666667rem;
  }

  .edit__checkbox--single {
    margin: 1.25rem 0 0 0.8333333333rem;
  }

  .edit__checkbox + .edit__title {
    margin-top: 4.1666666667rem;
  }

  .edit__checkbox--option {
    margin: 0;
  }

  .edit__checkbox--option p {
    font-size: 1.5rem;
    line-height: 2.0833333333rem;
  }

  .edit__checkbox--inline {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 0.8333333333rem;
  }

  .edit__button {
    min-width: 14.6666666667rem;
  }

  .edit__button--add {
    margin-top: 3.3333333333rem;
    max-width: 33.3333333333rem;
  }

  .edit__button--save {
    max-width: 14.6666666667rem;
    margin-top: 2.5rem;
    margin-left: -1.1666666667rem;
  }

  .edit__button--layout {
    margin-top: 2.5rem;
  }

  .edit__button--standart {
    margin-top: 1.25rem;
    width: 33.3333333333rem;
  }

  .edit__button--medium {
    width: 14.6666666667rem;
  }

  .edit__button--small {
    max-width: 14.6666666667rem;
  }

  .edit__button--inline {
    display: inline-block;
    vertical-align: middle;
  }

  .edit__button--tiny {
    margin: 1rem 0 1.3333333333rem;
    min-width: 10rem;
  }

  .edit__button--inline-bottom {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
  }

  .edit__body {
    margin-left: 12.5%;
    width: 50%;
    max-width: none;
    margin-top: 0.6666666667rem;
  }

  .edit__body--full-width {
    width: 87.5%;
  }

  .edit__drag-content {
    display: block;
  }

  .edit__drag-content + .edit__button--add {
    margin-top: 0.5833333333rem;
  }

  .edit__drag-item {
    overflow: visible !important;
    padding-bottom: 1.25rem;
  }

  .edit__input--block-desktop {
    display: block;
  }

  .edit__referal-item {
    margin-right: 1.6666666667rem;
  }

  .edit__referal-item + .edit__referal-item {
    margin-top: 2.6666666667rem;
  }

  .edit__referal-item + .edit__input {
    margin-top: 1.3333333333rem;
  }

  .edit__input-settings {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.0833333333rem;
  }

  .edit__input-setting {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
  }

  .edit__input-setting + .edit__input-setting {
    margin-left: 0.6666666667rem;
  }

  .edit__input-setting::before,
  .edit__input-setting::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
  }

  .edit__input-setting--remove::before,
  .edit__input-setting--remove::after {
    width: 1.75rem;
    height: 1px;
    background-color: #C9C9C9;
    content: "";
  }

  .edit__input-setting--remove::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .edit__input-setting--remove::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .edit__input-setting--required::before {
    content: "";
    font-family: icon;
    font-size: 1.3333333333rem;
    color: #C9C9C9;
    transform: translate(-50%, -50%);
  }

  .edit__input-setting--required.active {
    opacity: 1 !important;
  }

  .edit__input-setting--required.active::before {
    color: rgba(13, 15, 90, 0.5);
  }

  .edit__input-setting--vision::before,
  .edit__input-setting--vision::after {
    font-family: icon;
    color: #C9C9C9;
    transform: translate(-50%, -50%);
  }

  .edit__input-setting--vision::before {
    content: "";
    font-size: 0.75rem;
  }

  .edit__input-setting--vision::after {
    content: "";
    font-size: 1rem;
    opacity: 0;
  }

  .edit__input-setting--vision.active {
    opacity: 1 !important;
  }

  .edit__input-setting--vision.active::before {
    opacity: 0;
  }

  .edit__input-setting--vision.active::after {
    opacity: 1;
    color: rgba(13, 15, 90, 0.5);
  }

  .edit__input-setting--sign::before {
    content: "";
    font-family: icon;
    font-size: 1.6666666667rem;
    color: #C9C9C9;
    transform: translate(-50%, -50%);
  }

  .edit__input-setting--sign.active {
    opacity: 1 !important;
  }

  .edit__input-setting--sign.active::before {
    color: rgba(13, 15, 90, 0.5);
  }

  .edit__table {
    width: 33.3333333333rem;
  }

  .edit__table th {
    font-size: 1.5rem;
    line-height: 1.6666666667rem;
    padding-bottom: 0.25rem;
  }

  .edit__table td {
    padding: 1rem 0;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    min-width: 4.1666666667rem;
  }

  .edit__table + * {
    margin-top: 4.1666666667rem;
  }

  .edit__table--wide {
    width: auto;
  }

  .edit__copy-content {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .edit__copy-content span::after {
    margin-left: 0.6666666667rem;
    font-size: 1.3333333333rem;
  }

  .edit__copy-content + * {
    margin-top: 2.6666666667rem;
  }

  .edit__collapse-name input {
    font-size: 1.3333333333rem;
  }

  .edit__delete {
    position: absolute;
    bottom: 1.6666666667rem;
    right: 1.6666666667rem;
  }

  .edit__delete span {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .edit__remove-line {
    width: 3.6666666667rem;
    height: 3.6666666667rem;
  }

  .edit__remove-line::before,
  .edit__remove-line::after {
    width: 1.8333333333rem;
  }

  .edit__tabs {
    display: inline-block;
  }

  .edit__tabs + .edit__title {
    margin-top: 0;
  }

  .edit__button--like-input {
    width: 33.3333333333rem;
    display: block;
  }

  .edit__tabs {
    margin-bottom: 1.6666666667rem;
  }

  .edit__error-text {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2.5rem;
    font-size: 1.1666666667rem;
    position: static;
    margin-left: 1rem;
    opacity: 0;
  }

  .edit__error-text.active {
    opacity: 1;
  }

  .edit__table-scroller {
    overflow-y: visible;
    padding: 0;
    margin: 0;
  }

  .edit__table-native p,
  .edit__table-native a {
    font-size: 1.1666666667rem;
    line-height: 1.5rem;
  }

  .edit__table-native th {
    color: rgba(35, 35, 35, 0.8);
  }

  .edit__table-native th p {
    padding-bottom: 0.6666666667rem;
  }

  .edit__table-native td {
    padding: 1.0833333333rem 2.6666666667rem 1.0833333333rem 0;
    min-width: 6.6666666667rem;
    max-width: 16.0833333333rem;
    color: #232323;
  }

  .edit__table-native td button + button {
    margin-left: 0.6666666667rem;
  }

  .edit__table-native td.padding-left {
    padding-right: 0;
    padding-left: 1.6666666667rem;
  }

  .edit__table-native td.center {
    padding-right: 0;
  }

  .edit__table-native td.big {
    width: 16.25rem;
  }

  .edit__table-native + * {
    margin-top: 2.5rem;
  }

  .edit__separator {
    margin: 1.6666666667rem 0 0.8333333333rem;
  }

  .edit__table-information + .edit__line {
    margin-top: 2.6666666667rem;
  }

  .edit * + .edit__table-information {
    margin-top: 2.6666666667rem;
  }
}

.order {
  background-color: #F7F8FA;
  min-height: 101vh;
  overflow: hidden;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.order__top {
  border-bottom: 1px solid #eaeaea;
  margin: 0 -6.7% 20px;
  padding: 16px 6.7% 0;
}

@media (max-width: 599px) {
  .order__top {
    background-color: #fff;
  }
}

.order__top--no-border {
  border-color: transparent;
}

.order__top.hide {
  opacity: 0;
  transform: translate(0, 10px);
}

.order__steps-count {
  color: rgba(87, 87, 87, 0.6);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
  font-family: bold;
  min-height: 16px;
}

.order__steps-count.hide {
  opacity: 0;
}

.order__title {
  font-family: bold;
  font-size: 24px;
  line-height: 32px;
  color: #232323;
  margin-bottom: 16px;
}

.order__breadcrumbs {
  margin-bottom: -1px;
}

.order__breadcrumbs.hide {
  opacity: 0;
  transform: translate(0, 5px);
}

.order__body {
  position: relative;
}

.order__preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}

.order__preloader img {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 50px;
  height: 50px;
  pointer-events: none;
  transform-origin: 49.5% 49.5%;
}

.order__element {
  opacity: 0;
  transform: translate(0, 5px);
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.order__element.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: all;
}

.order__element.active .card-animation {
  opacity: 1;
  transform: translate(0, 0);
}

.order__close {
  position: fixed;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  opacity: 0.6;
  z-index: 1;
  background-color: #fff;
}

.order__close::before,
.order__close::after {
  content: "";
  width: 31px;
  height: 1px;
  background-color: #575757;
  top: 50%;
  left: 50%;
  display: block;
  position: absolute;
}

.order__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.order__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 600px) {
  .order__top {
    margin: 0 -5.8% 20px;
    padding: 24px 5.8% 0;
  }

  .order__steps-count {
    margin-bottom: 20px;
  }

  .order__title {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 0;
  }

  .order__breadcrumbs {
    margin-top: 20px;
  }

  .order__close {
    width: 24px;
    height: 24px;
    right: 5.2%;
    opacity: 1;
    top: 20px;
    background: none;
  }
}

@media (min-width: 1200px) {
  .order {
    padding-bottom: 1.6666666667rem;
  }

  .order__container {
    position: relative;
  }

  .order__top {
    padding: 8rem 0 0;
    width: 75%;
    margin: 0 0 1.6666666667rem 12.5%;
    position: relative;
  }

  .order__steps-count {
    margin-bottom: 0;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    right: 0;
    bottom: 0.6666666667rem;
    position: absolute;
    min-height: 1.6666666667rem;
  }

  .order__title {
    font-size: 3rem;
    line-height: 3.8333333333rem;
  }

  .order__breadcrumbs {
    margin-top: 1.6666666667rem;
  }

  .order__body {
    width: 75%;
    margin-left: 12.5%;
  }

  .order__close {
    opacity: 0.6;
    width: 2rem;
    height: 2rem;
    right: 3.3333333333rem;
    top: 3.3333333333rem;
  }

  .order__close::before,
  .order__close::after {
    width: 2.5833333333rem;
  }

  .order__preloader img {
    top: 8.3333333333rem;
    width: 4.1666666667rem;
    height: 4.1666666667rem;
  }
}

.login-company {
  width: 100%;
  background-color: #FAFBFC;
  min-height: -webkit-fill-available;
  min-height: 100vh;
}

.login-company__logo {
  margin-bottom: 16px;
  height: 32px;
  display: block;
  font-size: 0;
}

.login-company__logo img {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.login-company__logo span {
  font-family: icon;
  font-size: 12px;
  margin: 0 12px;
  color: #C9C9C9;
  display: inline-block;
  vertical-align: middle;
}

.login-company__text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(87, 87, 87, 0.6);
}

.login-company__text a {
  color: #0D0F5A;
}

.login-company__text a span {
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
}

.login-company__text--header {
  max-width: 400px;
  margin-bottom: 16px;
}

.login-company__text--to-login {
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
  padding-bottom: 12px;
}

.login-company__content {
  min-height: 100vh;
  box-sizing: border-box;
}

.login-company__window {
  position: relative;
  margin-bottom: 52px;
}

.login-company__wrapper {
  position: relative;
  max-width: 400px;
}

.login-company__wrapper > p {
  font-size: 12px;
  line-height: 16px;
  color: rgba(87, 87, 87, 0.6);
  margin-bottom: 4px;
}

.login-company__wrapper--absolute {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.login-company__wrapper.active {
  opacity: 1;
  pointer-events: all;
}

.login-company__wrapper.active .login-company__response.active,
.login-company__wrapper.active .login-company__body.active {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.3s;
}

.login-company__radio {
  margin-bottom: 12px;
}

.login-company__input + .login-company__input {
  margin-top: 12px;
}

.login-company__input + .login-company__select {
  margin-top: 12px;
}

.login-company__select + .login-company__input {
  margin-top: 12px;
}

.login-company__select + .login-company__select {
  margin-top: 12px;
}

.login-company__buttons {
  text-align: center;
  margin-top: 20px;
}

.login-company__form {
  color: #232323;
}

.login-company__form > p {
  font-size: 16px;
  line-height: 24px;
  font-family: bold;
  margin-bottom: 12px;
}

.login-company__form > span {
  max-width: 320px;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 24px;
}

.login-company__form--center {
  max-width: 400px;
  margin: 0 auto;
}

.login-company__form-title {
  margin-bottom: 12px;
}

.login-company__button--form {
  width: 100%;
  margin-bottom: 12px;
}

.login-company__button--inline + .login-company__button--inline {
  margin-left: 12px;
}

.login-company__button--back {
  margin-bottom: 12px;
}

.login-company__button--padding {
  padding-bottom: 1px;
}

.login-company__button--big {
  min-width: 100%;
}

.login-company__button--restore {
  min-width: 100%;
  margin-top: 30px;
}

.login-company__footer {
  margin: 0 -7%;
  padding: 17px 7%;
  border-top: 1px solid #E9E9E9;
}

.login-company__prompt {
  font-size: 12px;
  line-height: 16px;
  color: #C9C9C9;
  max-width: 240px;
  text-align: left;
}

.login-company__prompt a {
  color: #0D0F5A;
}

.login-company__prompt a span {
  border-bottom: 1px solid rgba(13, 15, 90, 0.5);
}

.login-company__body,
.login-company__response {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.login-company__response {
  position: absolute;
  top: 0;
  left: 0;
  color: #232323;
}

.login-company__response img {
  display: block;
  width: 80px;
  margin-bottom: 20px;
}

.login-company__response p {
  font-size: 16px;
  line-height: 24px;
  font-family: bold;
  margin-bottom: 12px;
}

.login-company__response span {
  font-size: 14px;
  line-height: 20px;
}

.login-company__service-authorization {
  margin-top: 16px;
}

.login-company__description {
  color: #232323;
}

.login-company__description p {
  font-size: 16px;
  line-height: 24px;
  font-family: bold;
  margin-bottom: 12px;
}

.login-company__description span {
  display: block;
  font-size: 14px;
  line-height: 20px;
  max-width: 330px;
}

.login-company__services {
  margin-top: 16px;
}

.login-company__tabs--inline {
  display: inline-block;
  vertical-align: middle;
}

.login-company__stage {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 0;
}

.login-company__policy {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  color: rgba(87, 87, 87, 0.6);
  margin-bottom: 0.6666666667rem;
}

@media (max-width: 599px) {
  .login-company__header {
    background: #ffffff;
    margin: 0 -7% 24px;
    padding: 20px 7% 0;
    box-sizing: border-box;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid #eaeaea;
  }

  .login-company__service {
    display: block;
    width: 100%;
  }

  .login-company__service + .login-company__service {
    margin-top: 12px;
  }
}

@media (min-width: 600px) {
  .login-company__top {
    margin-bottom: 40px;
    min-height: 40px;
  }

  .login-company__top--margin-more {
    margin-bottom: 50px;
  }

  .login-company__logo {
    margin-bottom: 0;
    margin-right: 32px;
    display: inline-block;
    vertical-align: middle;
  }

  .login-company__logo--tall {
    height: 60px;
    min-width: 108px;
  }

  .login-company__logo--tall img {
    max-width: 115px;
  }

  .login-company__logo--long {
    height: 40px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .login-company__logo--wide {
    margin-bottom: 16px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .login-company__logo--wide + .login-company__text {
    padding-left: 0;
    border: none;
    max-width: 400px;
  }
}

@media (min-width: 600px) {
  .login-company__text {
    font-size: 16px;
    line-height: 20px;
    box-sizing: border-box;
  }

  .login-company__text--header {
    display: inline-block;
    vertical-align: middle;
    max-width: 62vw;
    margin-bottom: 0;
    padding-left: 24px;
    border-left: 1px solid #eaeaea;
  }

  .login-company__text--no-border {
    border: none;
    padding-left: 0;
  }

  .login-company__text--to-login {
    padding-bottom: 0;
    margin-left: 2.6666666667rem;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .login-company__text--short {
    max-width: 54vw;
  }
}

@media (min-width: 600px) {
  .login-company__header {
    box-sizing: border-box;
    padding-top: 20px;
  }

  .login-company__header--padding-more {
    padding-top: 30px;
  }
}

@media (min-width: 600px) {
  .login-company__tabs {
    overflow-x: visible;
    position: relative;
    z-index: 0;
  }
}

@media (min-width: 600px) {
  .login-company__window {
    margin-bottom: 82px;
    min-height: 417px;
    max-width: 688px;
    position: relative;
    box-sizing: border-box;
    padding: 32px 50px 56px;
    z-index: 1;
    background: #ffffff;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  }

  .login-company__window--height-auto {
    min-height: auto;
  }
}

@media (min-width: 600px) {
  .login-company__wrapper {
    max-width: 400px;
  }

  .login-company__wrapper > p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .login-company__wrapper--absolute {
    top: 32px;
    left: 50px;
  }
}

@media (min-width: 600px) {
  .login-company__radio {
    margin-bottom: 32px;
  }
}

@media (min-width: 600px) {
  .login-company__input + .login-company__input {
    margin-top: 16px;
  }

  .login-company__input + .login-company__select {
    margin-top: 16px;
  }
}

@media (min-width: 600px) {
  .login-company__select + .login-company__input {
    margin-top: 16px;
  }

  .login-company__select + .login-company__select {
    margin-top: 16px;
  }
}

@media (min-width: 600px) {
  .login-company__buttons {
    text-align: left;
    margin-top: 24px;
    white-space: nowrap;
  }
}

@media (min-width: 600px) {
  .login-company__button {
    display: inline-block;
    vertical-align: middle;
  }

  .login-company__button--form {
    width: auto;
    margin-bottom: 0;
    margin-right: 24px;
  }

  .login-company__button--small {
    width: 200px;
  }

  .login-company__button--big {
    min-width: 210px;
  }

  .login-company__button--inline + .login-company__button--inline {
    margin-left: 24px;
  }

  .login-company__button--padding {
    padding-bottom: 1px;
  }

  .login-company__button--restore {
    min-width: 220px;
  }
}

@media (min-width: 600px) {
  .login-company__footer {
    line-height: 0;
    margin: 0;
    padding: 0 0 48px;
    border-top: none;
  }
}

@media (min-width: 600px) {
  .login-company__prompt {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    max-width: 220px;
  }
}

@media (min-width: 600px) {
  .login-company__service-authorization {
    margin-top: 0;
  }
}

@media (min-width: 600px) {
  .login-company__description span {
    font-size: 1.3333333333rem;
    line-height: 2rem;
  }
}

@media (min-width: 600px) {
  .login-company__services {
    margin-top: 28px;
  }
}

@media (min-width: 600px) {
  .login-company__service + .login-company__service {
    margin-left: 12px;
  }
}

@media (min-width: 600px) {
  .login-company__stage {
    padding: 40px 0;
  }
}

@media (min-width: 600px) {
  .login-company__form--center {
    max-width: 500px;
    width: 83.3333333333%;
  }
}

@media (min-width: 600px) {
  .login-company__form-title {
    margin-bottom: 25px;
  }
}

@media (min-width: 600px) {
  .login-company__policy {
    margin-bottom: 1rem;
    max-width: 41.6666666667rem;
  }
}

@media (min-width: 768px) {
  .login-company__text--header {
    max-width: 548px;
    white-space: normal;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .login-company__text--short {
    max-width: 63vw;
  }
}

@media (min-width: 768px) {
  .login-company__prompt {
    max-width: 240px;
  }
}

@media (min-width: 768px) {
  .login-company__top--nowrap {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .login-company__logo--tall img {
    max-width: 110px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .login-company__logo--wide + .login-company__text {
    max-width: 46%;
  }
}

@media (min-width: 1200px) {
  .login-company__top {
    margin-bottom: 3.3333333333rem;
    min-height: 3.3333333333rem;
  }

  .login-company__top--margin-more {
    margin-bottom: 4.1666666667rem;
  }

  .login-company__logo {
    margin-right: 2.6666666667rem;
  }

  .login-company__logo span {
    font-size: 1.3333333333rem;
    margin: 0 1.6666666667rem;
  }

  .login-company__logo--tall {
    height: 5rem;
    min-width: 9rem;
  }

  .login-company__logo--tall img {
    max-width: 11.6666666667rem;
  }

  .login-company__logo--long {
    height: 3.3333333333rem;
  }

  .login-company__text {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .login-company__text--header {
    max-width: 46.6666666667rem;
    padding-left: 2rem;
  }

  .login-company__text--no-border {
    padding-left: 0;
  }

  .login-company__content {
    padding: 0 12.5%;
  }

  .login-company__header {
    padding-top: 1.6666666667rem;
  }

  .login-company__header--padding-more {
    padding-top: 2.5rem;
  }

  .login-company__window {
    margin-bottom: 6.8333333333rem;
    min-height: 34.75rem;
    max-width: 60.4166666667rem;
    padding: 2.6666666667rem 4.1666666667rem 4.6666666667rem;
    box-shadow: 0px 0.6666666667rem 1.6666666667rem rgba(0, 0, 0, 0.03);
  }

  .login-company__window--height-auto {
    min-height: auto;
  }

  .login-company__wrapper {
    max-width: 33.3333333333rem;
  }

  .login-company__wrapper > p {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    margin-bottom: 0.6666666667rem;
  }

  .login-company__wrapper--absolute {
    top: 2.6666666667rem;
    left: 4.1666666667rem;
  }

  .login-company__form > p {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  .login-company__form > span {
    max-width: 26.6666666667rem;
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
    margin-bottom: 2rem;
  }

  .login-company__form--center {
    max-width: 33.3333333333rem;
    width: auto;
  }

  .login-company__radio {
    margin-bottom: 2.6666666667rem;
  }

  .login-company__input + .login-company__input {
    margin-top: 1.3333333333rem;
  }

  .login-company__input + .login-company__select {
    margin-top: 1.3333333333rem;
  }

  .login-company__select + .login-company__input {
    margin-top: 1.3333333333rem;
  }

  .login-company__select + .login-company__select {
    margin-top: 1.3333333333rem;
  }

  .login-company__buttons {
    margin-top: 2rem;
  }

  .login-company__button--form {
    margin-right: 2rem;
  }

  .login-company__button--small {
    width: 16.6666666667rem;
  }

  .login-company__button--big {
    min-width: 17.5rem;
  }

  .login-company__button--inline + .login-company__button--inline {
    margin-left: 2rem;
  }

  .login-company__button--restore {
    min-width: 18.3333333333rem;
    margin-top: 2.5rem;
  }

  .login-company__footer {
    padding: 0 12.5% 4rem;
  }

  .login-company__prompt {
    font-size: 1rem;
    line-height: 1.3333333333rem;
    max-width: 20rem;
    margin-left: 0.6666666667rem;
  }

  .login-company__response img {
    width: 6.6666666667rem;
    margin-bottom: 1.6666666667rem;
  }

  .login-company__response p {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  .login-company__response span {
    font-size: 1.1666666667rem;
    line-height: 1.6666666667rem;
  }

  .login-company__description p {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  .login-company__description span {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    max-width: 30rem;
  }

  .login-company__services {
    margin-top: 2.3333333333rem;
  }

  .login-company__service + .login-company__service {
    margin-left: 1rem;
  }

  .login-company__stage {
    padding: 6.1666666667rem 0;
  }

  .login-company__form-title {
    margin-bottom: 2.0833333333rem;
  }
}

.order-company {
  background-color: #F7F8FA;
  min-height: -webkit-fill-available;
  min-height: 100vh;
  overflow: hidden;
  padding-bottom: 52px;
  box-sizing: border-box;
  position: relative;
}

.order-company--small-padding {
  padding-bottom: 0;
}

.order-company--white {
  background-color: #ffffff;
}

.order-company__nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  transform: translate(0, 100%);
  pointer-events: none;
  background-color: #fff;
}

.order-company__nav.active {
  transform: translate(0, 0);
  pointer-events: all;
}

.order-company__nav.active .order-progressbar__line--small {
  opacity: 1;
}

.order-company__nav.hide-border {
  border: none;
}

.order-company__nav.show-button .order-progressbar__button {
  transform: translate(0, 0);
}

.order-company__nav.show-button .order-progressbar__line {
  opacity: 0;
}

@media (max-width: 767px) {
  .order-company__nav.iphone {
    left: 50%;
    transform: translate(-50%, 100%);
    box-sizing: border-box;
    text-align: center;
  }

  .order-company__nav.iphone .order-progressbar {
    width: 100%;
    display: inline-block;
  }

  .order-company__nav.iphone .order-progressbar__body {
    border: 1px solid transparent;
    height: 52px;
    box-sizing: border-box;
  }

  .order-company__nav.iphone .order-progressbar__button {
    left: 0;
    opacity: 0;
  }

  .order-company__nav.iphone .order-progressbar__total {
    background-color: #fff;
    border-top: 1px solid transparent;
    transition: 0.3s ease;
    transition-property: margin, padding, border-color;
  }

  .order-company__nav.iphone .order-progressbar__total--offset {
    margin-bottom: 52px !important;
  }

  .order-company__nav.iphone.active {
    transform: translate(-50%, 0);
  }

  .order-company__nav.iphone.show-button .order-progressbar__button {
    opacity: 1;
  }

  .order-company__nav.iphone.show-button .order-progressbar__line--small {
    opacity: 0;
  }

  .order-company__nav.iphone.active.full {
    background-color: transparent;
  }

  .order-company__nav.iphone.active.full .order-progressbar {
    width: 87.5%;
    transform: translateY(-40px);
    border-color: transparent;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  }

  .order-company__nav.iphone.active.full .order-progressbar__body {
    border-radius: 2px;
    border-color: rgba(251, 177, 67, 0.5);
  }

  .order-company__nav.iphone.active.full .order-progressbar__body--blue {
    border-color: transparent;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  }

  .order-company__nav.iphone.active.full .order-progressbar__line--small {
    opacity: 0;
  }

  .order-company__nav.iphone.active.full .order-progressbar__line--big {
    opacity: 1;
  }

  .order-company__nav.iphone.active.full .order-progressbar__button {
    opacity: 0;
    pointer-events: none;
    border-radius: 2px;
    transform: translate(0, 0);
  }

  .order-company__nav.iphone.active.full .order-progressbar__total {
    margin: 0 -7.1%;
    padding: 14px 7.1%;
    border-color: #eaeaea;
  }

  .order-company__nav.iphone.active.full .order-company__total {
    margin-bottom: 40px;
  }

  .order-company__nav.iphone.active.full.show-button .order-progressbar__button {
    opacity: 1;
    pointer-events: inherit;
  }

  .order-company__nav.iphone.active.full.show-button .order-progressbar__line {
    opacity: 0;
  }

  .order-company__nav.iphone.active.fill {
    background-color: #fff;
  }
}

.order-company__button {
  margin-bottom: 8px;
}

.order-company__button.hide {
  opacity: 0;
}

.order-company__button--response {
  margin-top: 20px;
  min-width: 100%;
}

.order-company__close {
  position: absolute;
  top: 11px;
  right: 9px;
  width: 48px;
  height: 48px;
  opacity: 0.6;
  z-index: 1;
}

.order-company__close::before,
.order-company__close::after {
  content: "";
  width: 31px;
  height: 1px;
  background-color: #C9C9C9;
  top: 50%;
  left: 50%;
  display: block;
  position: absolute;
}

.order-company__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.order-company__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.order-company__top {
  background-color: #ffffff;
  margin: 0 -7.145%;
  padding: 20px 7.145% 16px;
  position: relative;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
}

@media (max-width: 599px) {
  .order-company__top {
    border-bottom: 1px solid #eaeaea;
  }
}

.order-company__top--big-padding {
  padding: 26px 7.145%;
}

.order-company__top.hide {
  opacity: 0;
  pointer-events: none;
}

.order-company__logo {
  font-size: 0;
  display: block;
}

@media (max-width: 599px) {
  .order-company__logo {
    margin-bottom: 12px;
  }
}

.order-company__logo img {
  width: auto;
  height: 32px;
}

.order-company__steps-count {
  color: #575757;
  font-size: 14px;
  line-height: 20px;
  z-index: 1;
}

.order-company__steps-count.hide {
  opacity: 0;
}

.order-company__breadcrumbs {
  display: none;
  margin-top: 12px;
  border-bottom: 1px solid #eaeaea;
}

.order-company__line {
  max-width: 400px;
}

.order-company__step {
  display: none;
}

.order-company__step.active {
  display: block;
}

.order-company__step.active .card-animation {
  opacity: 1;
  transform: translate(0, 0);
}

.order-company__step--padding {
  padding-bottom: 64px;
}

.order-company__step--more-padding {
  padding-bottom: 104px;
}

.order-company__text {
  margin-bottom: 20px;
}

.order-company__text--order {
  margin-bottom: 16px;
}

.order-company__element .range-dates__inputs.active {
  pointer-events: inherit;
}

.order-company__steps.hide {
  opacity: 0;
  transform: translate(0, 5px);
}

.order-company__steps.hide .card-animation {
  opacity: 0;
  transform: translate(0, 5px);
}

.order-company__body {
  padding-top: 16px;
}

.order-company__body--padding-big {
  padding-top: 72px;
  padding-bottom: 0;
}

@media (max-height: 500px) {
  .order-company__navigation {
    display: none;
  }
}

.order-company__header {
  position: relative;
  z-index: 1;
}

@media (min-width: 600px) {
  .order-company {
    padding-bottom: 156px;
  }

  .order-company--small-padding {
    padding-bottom: 135px;
  }

  .order-company__top {
    margin: 0 -5.8%;
    padding: 12px 5.8% 16px;
  }

  .order-company__top--big-padding {
    padding: 23px 5.8% 25px;
  }

  .order-company__logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
  }

  .order-company__logo img {
    height: 40px;
  }

  .order-company__button--response {
    margin-top: 28px;
    min-width: 210px;
  }

  .order-company__steps-count {
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    border-left: 1px solid #eaeaea;
  }

  .order-company__steps-count--no-offset {
    padding-left: 0;
    border: none;
  }

  .order-company__breadcrumbs {
    margin-top: 12px;
    position: relative;
  }

  .order-company__breadcrumbs::before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #EDEDED;
    display: block;
    position: absolute;
    left: 0;
  }

  .order-company__line {
    max-width: 400px;
  }

  .order-company__body {
    padding-top: 28px;
  }

  .order-company__body--padding-big {
    padding-top: 72px;
  }

  .order-company__close {
    right: 26px;
  }
}

@media (min-width: 768px) {
  .order-company {
    padding-bottom: 40px;
  }

  .order-company__nav {
    position: absolute;
    width: 251px;
    top: 116px;
    bottom: auto;
    left: auto;
    right: 40px;
    opacity: 0;
    transform: translate(0, 20px);
    background: none;
    border: none;
  }

  .order-company__nav.active {
    opacity: 1;
  }

  .order-company__step--padding {
    padding-bottom: 140px;
  }

  .order-company__text--order {
    margin-bottom: 24px;
  }
}

@media (min-width: 1200px) {
  .order-company {
    min-height: 101vh;
    padding-bottom: 3.3333333333rem;
  }

  .order-company--small-padding {
    padding-bottom: 11.25rem;
  }

  .order-company__nav {
    width: 20.9166666667rem;
    top: 8rem;
    right: 12.5%;
  }

  .order-company__close {
    cursor: pointer;
    right: 2.6666666667rem;
    top: 2rem;
    width: 2rem;
    height: 2rem;
  }

  .order-company__close::before,
  .order-company__close::after {
    width: 2.5833333333rem;
  }

  .order-company__top {
    padding: 1rem 0 0;
    margin: 0 0 1.3333333333rem 0;
    position: relative;
    box-shadow: none;
    background: none;
  }

  .order-company__logo {
    margin-right: 0;
    width: 12.5%;
  }

  .order-company__logo img {
    height: 3.3333333333rem;
    margin-left: 1rem;
    max-width: 70.09%;
  }

  .order-company__steps-count {
    display: none;
  }

  .order-company__breadcrumbs {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    margin-top: 1rem;
    margin-bottom: -0.0833333333rem;
  }

  .order-company__breadcrumbs::before {
    display: none;
  }

  .order-company__breadcrumbs--offset {
    margin-left: 12.5%;
  }

  .order-company__body {
    padding: 0 12.5%;
  }

  .order-company__body--padding-big {
    padding-top: 6rem;
  }

  .order-company__text {
    margin-bottom: 1.6666666667rem;
  }

  .order-company__text--order {
    margin-bottom: 2rem;
  }

  .order-company__line {
    max-width: 33.3333333333rem;
  }

  .order-company__button {
    margin-bottom: 0.6666666667rem;
  }

  .order-company__button--response {
    margin-top: 2.3333333333rem;
    min-width: 17.5rem;
  }

  .order-company__step--padding {
    padding-bottom: 11.6666666667rem;
  }
}

#cadesplugin_object {
  height: 0;
  display: block;
}

.sign--gray-bg {
  background-color: #FAFBFC;
}

.sign__logo {
  margin-bottom: 16px;
  height: 32px;
}

.sign__logo img {
  height: 100%;
}

@media (max-width: 599px) {
  .sign__logo img.desktop {
    display: none;
  }
}

.sign__buttons-bottom {
  margin: -1px -6.3% 0;
  padding: 16px 6.3%;
  border-top: 1px solid #eaeaea;
}

.sign__title {
  display: none;
  font-size: 16px;
  line-height: 24px;
  font-family: bold;
}

.sign__title--show-mobile {
  display: block;
}

.sign__title--no-margin {
  margin: 0 !important;
}

.sign__text {
  max-width: 400px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(87, 87, 87, 0.6);
  margin-bottom: 16px;
}

.sign__tabs {
  overflow-x: hidden;
  margin: 0 -7% 24px;
  padding: 0 7%;
  border-bottom: 1px solid #eaeaea;
}

.sign__content {
  min-height: calc(100vh - 50px);
  box-sizing: border-box;
  padding: 20px 0 48px;
}

.sign__select {
  margin-bottom: 20px;
}

.sign__footer {
  line-height: 50px;
  margin: 0 -7%;
  padding: 0 7%;
  border-top: 1px solid #E9E9E9;
}

.sign__error {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 16px;
  color: #FF6357;
}

.sign__error a {
  color: inherit;
  border-bottom: 1px solid #FF6357;
}

.sign__button--inline + .sign__button--inline {
  margin-left: 12px;
}

.sign__button--inner {
  width: 100%;
  max-width: 300px;
}

.sign__button--inner + .sign__button--inner {
  margin-top: 16px;
}

.sign__button--outer {
  width: 100%;
  max-width: 300px;
}

@media (max-width: 599px) {
  .sign__button {
    font-size: 14px;
  }
}

@media (min-width: 600px) {
  .sign__header {
    margin-bottom: 40px;
    white-space: nowrap;
  }

  .sign__logo {
    margin-bottom: 0;
    margin-right: 32px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
  }

  .sign__logo img.mobile {
    display: none;
  }

  .sign__logo + .sign__text {
    padding-left: 24px;
    border-left: 1px solid #eaeaea;
  }

  .sign__error {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px;
  }

  .sign__buttons-bottom {
    margin: -1px -50px 0;
    padding: 24px 50px 0;
  }

  .sign__title {
    display: block;
    margin-bottom: 24px;
  }

  .sign__text {
    display: inline-block;
    vertical-align: middle;
    max-width: 390px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    box-sizing: border-box;
    white-space: normal;
  }

  .sign__content {
    min-height: calc(100vh - 70px);
    padding: 20px 0 50px;
  }

  .sign__tabs {
    overflow-x: visible;
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    border-bottom: none;
  }

  .sign__wrapper {
    max-width: 725px;
    box-sizing: border-box;
    padding: 16px 50px 32px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.03);
  }

  .sign__footer {
    line-height: 0;
    margin: 0;
    padding: 0 0 32px;
    border-top: none;
  }

  .sign__button {
    display: inline-block;
    vertical-align: middle;
    max-width: none;
  }

  .sign__button--inline + .sign__button--inline {
    margin-left: 24px;
  }

  .sign__button--outer {
    width: auto;
    margin-top: 24px;
  }

  .sign__send {
    max-width: none;
  }
}

@media (min-width: 768px) {
  .sign__text {
    max-width: 510px;
  }

  .sign__button--inner {
    width: auto;
    max-width: none;
    padding: 0 24px;
  }

  .sign__button--inner + .sign__button--inner {
    margin-top: 0;
    margin-left: 16px;
  }
}

@media (min-width: 1200px) {
  .sign__header {
    margin-bottom: 3.3333333333rem;
  }

  .sign__logo {
    margin-right: 2.6666666667rem;
    height: 5rem;
  }

  .sign__logo + .sign__text {
    padding-left: 2rem;
  }

  .sign__text {
    max-width: 46.6666666667rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
  }

  .sign__error {
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    margin-bottom: 2rem;
  }

  .sign__title {
    font-size: 1.3333333333rem;
    line-height: 2rem;
    margin-bottom: 2rem;
  }

  .sign__wrapper {
    padding: 2.6666666667rem 4.1666666667rem;
    width: 83.3333333333%;
    max-width: 60.4166666667rem;
  }

  .sign__buttons-bottom {
    margin: -1px -4.1666666667rem 0;
    padding: 2rem 4.1666666667rem 0;
  }

  .sign__content {
    min-height: calc(100vh - 6.8333333333rem);
    padding: 1.6666666667rem 12.5% 6.8333333333rem;
  }

  .sign__button--inner + .sign__button--inner {
    padding: 0 2rem;
    margin-left: 1.3333333333rem;
  }

  .sign__button--outer {
    margin-top: 2rem;
  }

  .sign__footer {
    padding: 0 12.5% 4rem;
  }

  .sign__select {
    margin-bottom: 1.6666666667rem;
  }
}

.sign-document {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.sign-document + .sign-document {
  margin-top: 16px;
}

.sign-document__checkbox {
  margin-right: 8px;
}

.sign-document__hidden-input {
  display: none;
}

.sign-document__label-wrapper {
  margin-bottom: 12px;
}

.sign-document__label {
  font-size: 14px;
  line-height: 18px;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 87.5%;
  max-width: 360px;
  padding-top: 4px;
}

.sign-document__link {
  margin-right: 8px;
  border: none;
  vertical-align: top;
}

.sign-document__upload {
  height: 32px;
}

.sign-document__upload::before {
  font-family: icon;
  content: "";
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  margin-right: 8px;
}

@media (min-width: 600px) {
  .sign-document {
    padding-bottom: 16px;
  }

  .sign-document__label-wrapper {
    width: 50%;
    display: inline-block !important;
    vertical-align: top;
    margin-bottom: 0;
  }

  .sign-document__label {
    font-size: 16px;
    line-height: 20px;
    max-width: 320px;
  }

  .sign-document__upload--small {
    font-size: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    position: relative;
  }

  .sign-document__upload--small::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .sign-document__buttons {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .sign-document__label-wrapper {
    width: 66.6666666667%;
  }

  .sign-document__buttons {
    width: 33.3333333333%;
  }
}

@media (min-width: 1200px) {
  .sign-document {
    padding-bottom: 1.3333333333rem;
  }

  .sign-document__checkbox {
    margin-right: 0.6666666667rem;
  }

  .sign-document__label {
    padding-top: 0.3333333333rem;
    font-size: 1.3333333333rem;
    line-height: 1.6666666667rem;
    max-width: 26.6666666667rem;
  }

  .sign-document + .sign-document {
    margin-top: 1.3333333333rem;
  }

  .sign-document__link {
    margin-right: 0.6666666667rem;
  }

  .sign-document__upload {
    height: 2.6666666667rem;
  }

  .sign-document__upload::before {
    font-size: 1rem;
    line-height: 1rem;
    margin-right: 0.6666666667rem;
  }

  .sign-document__upload--small {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }

  .sign-document__upload--small::before {
    margin-right: 0;
  }
}

.orders {
  padding: 68px 0 48px;
  background-color: #FAFBFC;
}

.orders__list--margin-top {
  margin-top: 1.3333333333rem;
}

@media (min-width: 600px) {
  .orders {
    padding: 96px 0 72px;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .orders__search {
    max-width: 600px;
  }
}

@media (min-width: 600px) {
  .orders__list--margin-top {
    margin-top: 1.6666666667rem;
  }
}

@media (min-width: 600px) and (max-width: 1199px) {
  .orders__list {
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  .orders {
    padding: 8rem 0;
  }

  .orders__tabs {
    margin-left: 12.5%;
  }

  .orders__list {
    width: 75%;
    margin-left: 12.5%;
  }

  .orders__list--margin-top {
    margin-top: 2.6666666667rem;
  }

  .orders__search {
    width: 75%;
    margin-left: 12.5%;
  }
}