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

body {
  line-height: 1;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

*:focus {
  outline: 0;
}

* {
  box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
}

@-webkit-keyframes delay-overflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: auto;
  }
}

@keyframes delay-overflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: auto;
  }
}
a {
  color: inherit;
  text-decoration: none;
  transition: all 0.25s;
}

a:hover {
  color: #eeb077;
}

body {
  background: #1f2125;
  color: #212326;
  font: 17px/1.5 "proxima-nova", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  line-height: 1.5;
}
body.bg-white {
  background: #fff;
}
body.no-scroll {
  height: 100vh;
  overflow: hidden;
}

button {
  color: inherit;
  cursor: pointer;
  font: 17px/1.5 "proxima-nova", sans-serif;
  transition: all 0.25s;
}

h1 {
  font: bold 52px/1 "quiche-display";
}

h2 {
  font: 46px "quiche-display";
}

h3 {
  font: 24px "quiche-display";
}

h4 {
  font: 16px "quiche-display";
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

input {
  color: #212326;
  font: 17px/1 "proxima-nova", sans-serif;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

label {
  cursor: pointer;
}

textarea {
  color: #212326;
  cursor: pointer;
  font: 17px/1 "proxima-nova", sans-serif;
}

@media (max-width: 1199px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  body {
    font-size: 15px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
  input {
    font-size: 15px;
  }
  textarea {
    font-size: 15px;
  }
}
.accordion {
  color: rgba(255, 255, 255, 0.5);
}
.accordion__toggler {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  gap: 15px;
  padding: 15px 0;
  text-transform: uppercase;
}
.accordion__toggler::after {
  border-bottom: 2px solid #eeb077;
  border-right: 2px solid #eeb077;
  content: "";
  height: 8px;
  margin-left: auto;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.accordion__toggler:hover {
  color: #eeb077;
}
.accordion__toggler--active::after {
  transform: rotate(-135deg);
}
.accordion__collapsed {
  display: none;
  padding-bottom: 20px;
}
.accordion__item {
  border-bottom: 1px solid #27292e;
}
.accordion .form__check-radio label {
  font-size: 16px;
}
.accordion .form__check-radio label::after {
  color: #fff;
}
.accordion .form__group > input {
  min-height: 40px;
}

.al-range-slider {
  padding: 0 9px;
}
.al-range-slider__bar {
  background: transparent;
  box-shadow: none;
}
.al-range-slider__input {
  background: #fff linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid #e3e3e5;
  border-radius: 0;
  box-shadow: none;
  color: #212326;
  font: 13px "proxima-nova", sans-serif;
  margin: 0 0 0 -9px;
  padding: 3px 10px;
}
.al-range-slider__input + .al-range-slider__input {
  margin-left: 20px;
  margin-right: -9px;
}
.al-range-slider__knob {
  background: #eeb077;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 18px;
  width: 18px;
}
.al-range-slider__knob:hover {
  box-shadow: none;
}
.al-range-slider__track {
  background: #27292e;
  box-shadow: none;
  height: 4px;
  margin-bottom: 29px;
  margin-top: 10px;
}

.alert {
  display: grid;
  grid-gap: 24px;
}
.alert__close {
  background: transparent;
  border: 0;
  filter: brightness(100);
  padding: 0;
  position: absolute;
  right: 15px;
}
.alert__close:hover {
  filter: none;
}
.alert__item {
  background-color: rgba(141, 211, 86, 0.2);
  border: solid 2px #8dd356;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 9px 50px 9px 15px;
  position: relative;
  text-align: center;
}
.alert__item--error {
  background: rgba(253, 138, 166, 0.2);
  border-color: #fd8aa6;
}

.benefits {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  padding: 60px 0;
}
.benefits--md {
  max-width: 1160px;
}
.benefits--sm {
  max-width: 920px;
}
.benefits__footer {
  display: flex;
  grid-column: span 4;
  justify-content: flex-end;
}
.benefits__item {
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15));
  border: solid 1px #3f4146;
  border-radius: 2px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 17px;
  font-weight: bold;
  gap: 34px;
  padding: 33px 38px 14px;
  text-transform: uppercase;
}
.benefits__strong {
  color: #eeb077;
  font: bold 24px "quiche-display";
  text-transform: none;
}
.benefits__strong--large {
  font-size: 69px;
}
@media (max-width: 1199px) {
  .benefits {
    grid-gap: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .benefits__item {
    gap: 20px;
    padding: 20px;
  }
  .benefits__strong {
    font-size: 20px;
  }
  .benefits__strong--large {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .benefits {
    grid-template-columns: repeat(2, 1fr);
  }
  .benefits__strong--large {
    font-size: 40px;
  }
  .benefits__footer {
    grid-column: span 2;
  }
}
@media (max-width: 575px) {
  .benefits {
    grid-template-columns: minmax(0, 320px);
  }
  .benefits__footer {
    grid-column: auto;
  }
}

.big-article {
  background: #fff;
  padding-bottom: 70px;
}
.big-article h2 {
  font: bold 24px "proxima-nova", sans-serif;
  margin-bottom: 1em;
  margin-top: 2em;
}
.big-article h3 {
  font: bold 19px "proxima-nova", sans-serif;
  margin-bottom: 1em;
  margin-top: 2em;
}
.big-article li {
  margin-bottom: 1em;
  padding-left: 52px;
  position: relative;
}
.big-article li::before {
  color: #eeb077;
  content: "";
  font-weight: bold;
  height: 2px;
  left: 0;
  position: absolute;
  width: 20px;
}
.big-article ol {
  list-style: none;
  margin: 2em 0;
  counter-reset: section;
}
.big-article ol li::before {
  content: counter(section) ".";
  counter-increment: section;
}
.big-article p {
  margin-bottom: 1em;
}
.big-article table {
  font-size: 16px;
  margin: 2em 0;
  width: 100%;
}
.big-article table tbody td {
  padding: 12px 22px;
}
.big-article table tbody tr:nth-child(2n) {
  background: #e3e3e5;
}
.big-article table thead th {
  border-bottom: 1px solid #e3e3e5;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  padding: 7px 22px;
  text-align: left;
  text-transform: uppercase;
}
.big-article ul {
  margin: 2em 0;
}
.big-article ul li::before {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  top: 11px;
}
.big-article__container {
  margin: 0 auto;
  max-width: 920px;
  width: 90vw;
}
.big-article__container--md {
  max-width: 1160px;
}
.big-article__container--sm {
  max-width: 920px;
}
.big-article__date {
  color: rgba(33, 35, 38, 0.5);
  font-size: 15px;
  margin-bottom: 7px;
  padding-left: 31px;
  position: relative;
}
.big-article__date::before {
  background: url("../img/icons/icon--calendar.svg");
  background-size: 100% auto;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.big-article__header {
  padding-left: 33px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-bottom: 38px;
  padding: 60px 0 33px;
}
.big-article__header::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.big-article__header::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .big-article__header::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.big-article__header::after {
  bottom: 0;
  top: auto;
}
.big-article__header::before {
  background: #e3e3e5;
  bottom: 0;
  top: auto;
}
@media (min-width: 1022.2222222222px) {
  .big-article__header::before {
    left: calc(-50vw + 460px);
    width: calc(50vw - 460px - 15px);
  }
}
.big-article__intro {
  background: linear-gradient(#1f2125 50%, #fff 50%);
  overflow: hidden;
}
.big-article__intro .big-article__container {
  margin: 0 auto;
  max-width: 1160px;
  width: 90vw;
  padding-left: 33px;
  position: relative;
  padding: 0;
}
.big-article__intro .big-article__container--md {
  max-width: 1160px;
}
.big-article__intro .big-article__container--sm {
  max-width: 920px;
}
.big-article__intro .big-article__container::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.big-article__intro .big-article__container::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .big-article__intro .big-article__container::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.big-article__intro .big-article__container::after {
  content: none;
  left: auto;
  right: 0;
}
@media (min-width: 1288.8888888889px) {
  .big-article__intro .big-article__container::after {
    content: "";
    left: auto;
    right: -80px;
  }
}
.big-article__intro .big-article__container::before {
  content: none;
  left: auto;
  right: -5vw;
  width: calc(5vw - 15px);
}
@media (min-width: 1288.8888888889px) {
  .big-article__intro .big-article__container::before {
    content: "";
    left: auto;
    right: calc(-50vw + 580px);
    width: calc(50vw - 580px - 88px);
  }
}
.big-article__intro-image {
  display: flex;
  height: 600px;
  width: 100%;
}
.big-article__intro-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.big-article__perex {
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .big-article__intro-image {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .big-article__header {
    margin-bottom: 25px;
    padding-top: 30px;
  }
  .big-article__intro-image {
    height: 200px;
  }
}

.button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #eeb077;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 15px;
  justify-content: center;
  text-decoration: underline;
}
.button:hover {
  color: #ae632b;
  text-decoration: none;
}
.button:hover .button__icon {
  border-color: #ae632b;
}
.button--block {
  border: 2px solid #eeb077;
  color: #fff;
  justify-content: center;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center;
}
.button--great {
  background: #1f2125;
  padding: 22px 10px;
}
.button--pink {
  color: #fd8aa6;
}
.button--pink.button--block {
  border-color: transparent;
}
.button--pink .button__icon {
  border-color: #fd8aa6;
}
.button__icon {
  align-items: center;
  border: 2px solid #eeb077;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: all 0.25s;
  width: 36px;
}

.caption {
  background: #1f2125;
  color: #fff;
  padding-bottom: 40px;
  padding-top: 56px;
}
.caption__breadcrumb {
  color: #eeb077;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  gap: 10px;
}
.caption__breadcrumb-item {
  align-items: center;
  display: flex;
  gap: 15px;
  position: relative;
}
.caption__breadcrumb-item:last-child {
  color: rgba(255, 255, 255, 0.7);
}
.caption__breadcrumb-item:not(:last-child) {
  text-decoration: underline;
}
.caption__breadcrumb-item:not(:last-child):hover {
  color: #fff;
  text-decoration: none;
}
.caption__breadcrumb-item:not(:last-child):hover img {
  filter: brightness(100);
}
.caption__breadcrumb-item + .caption__breadcrumb-item {
  padding-left: 20px;
}
.caption__breadcrumb-item + .caption__breadcrumb-item::before {
  background: url("../img/icons/icon--angle.svg") no-repeat center center;
  content: "";
  flex-shrink: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 10px;
}
.caption__bottom {
  padding-left: 33px;
  position: relative;
  display: flex;
  gap: 20px;
  padding-left: 60px;
}
.caption__bottom::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.caption__bottom::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .caption__bottom::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
@media (min-width: 768px) {
  .caption__bottom {
    padding-left: 120px;
  }
}
.caption__bottom::after {
  top: 18px;
}
@media (min-width: 768px) {
  .caption__bottom::after {
    left: 36px;
  }
}
.caption__bottom::before {
  top: 18px;
}
@media (min-width: 768px) {
  .caption__bottom::before {
    width: calc(5vw + 21px);
  }
}
@media (min-width: 1555.5555555556px) {
  .caption__bottom::before {
    width: calc(50vw - 700px + 21px);
  }
}
.caption__category {
  align-items: center;
  background: rgba(155, 166, 178, 0.2);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  min-height: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  min-height: 38px;
}
.caption__category img {
  filter: brightness(100);
}
.caption__category--blue {
  background: rgba(114, 201, 240, 0.2);
}
.caption__category--pink {
  background: rgba(253, 138, 166, 0.2);
}
.caption__category--purple {
  background: rgba(176, 144, 255, 0.2);
}
.caption__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.caption__container--md {
  max-width: 1160px;
}
.caption__container--sm {
  max-width: 920px;
}
.caption__controls {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 15px 60px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .caption__controls > * + * {
    position: relative;
  }
  .caption__controls > * + *::before {
    background: #3f4146;
    bottom: 0;
    content: "";
    left: -30px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media (max-width: 767px) {
  .caption__controls {
    justify-content: center;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .caption__controls-hidden-lg {
    display: none;
  }
}
.caption__info {
  background: #3f4146;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  padding: 6px 10px;
}
.caption__info strong {
  color: #fff;
  font-weight: 600;
}
.caption__label {
  align-items: center;
  background: #3f4146;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.caption__label--blue {
  background: #72c9f0;
}
.caption__label--pink {
  background: #fd8aa6;
}
.caption__label--purple {
  background: #b090ff;
}
@media (min-width: 768px) {
  .caption__label {
    height: 58px;
    margin-top: -2px;
    width: 58px;
  }
  .caption__label img {
    height: 22px;
    width: 22px;
  }
}
.caption__row {
  display: flex;
  gap: 15px;
}
.caption__row--decoration {
  padding-left: 33px;
  position: relative;
  padding-left: 0;
}
.caption__row--decoration::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.caption__row--decoration::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .caption__row--decoration::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.caption__row--decoration::after {
  left: -5vw;
  top: 25px;
  width: calc(5vw - 10px);
}
@media (min-width: 1650px) {
  .caption__row--decoration::after {
    left: calc(-50vw + 700px + 102px);
    width: 20px;
  }
}
.caption__row--decoration::before {
  content: none;
  top: 25px;
  width: 94px;
}
@media (min-width: 1650px) {
  .caption__row--decoration::before {
    content: "";
  }
}
.caption__status {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  gap: 8px;
  border-left: 1px solid #3f4146;
  padding-left: 20px;
}
.caption__status::before {
  background: #9ba6b2;
  border-radius: 50%;
  content: "";
  height: 10px;
  width: 10px;
}
.caption__status--active {
  color: #fff;
}
.caption__status--active::before {
  background: #8dd356;
}
.caption__status--cancelled::before {
  background: #EE2B47;
}
.caption__status--state1::before {
  background: #2b6fee;
}
.caption__status--state2::before {
  background: #8dd356;
}
.caption__status--state3::before {
  background: #EE2B47;
}
.caption__status--state4::before {
  background: #d39056;
}
.caption__status--state5::before {
  background: #c42bee;
}
.caption__status--state6::before {
  background: #2b6fee;
}
.caption__status--state7::before {
  background: #8dd356;
}
.caption__status--state8::before {
  background: #2bee8d;
}
.caption__status--state9::before {
  background: #EE2B47;
}
.caption__status--state10::before {
  background: #d39056;
}
.caption__status--state11::before {
  background: #c42bee;
}
.caption__status--state12::before {
  background: #d39056;
}
.caption__status--state13::before {
  background: #8dd356;
}
.caption__status--state14::before {
  background: #EE2B47;
}
.caption__status--state15::before {
  background: #2b6fee;
}
.caption__title {
  display: flex;
  gap: 55px;
}
@media (max-width: 991px) {
  .caption__row::after {
    top: 20px;
  }
  .caption__title {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .caption__row::after {
    top: 15px;
  }
}
@media (max-width: 767px) {
  .caption__bottom {
    justify-content: center;
    padding: 0;
  }
  .caption__bottom::after {
    content: none;
  }
  .caption__bottom::before {
    content: none;
  }
  .caption__row {
    flex-direction: column;
  }
}

.contact {
  background: #fff;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 60px;
}
.contact__box {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 15px 60px;
  margin-left: auto;
  align-items: flex-start;
  background: linear-gradient(90deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15)), url("../img/body__bg--rt.svg");
  background-color: #27292e;
  background-position: right top;
  background-repeat: no-repeat;
  padding: 52px 60px 60px;
}
.contact__box--md {
  max-width: 1160px;
}
.contact__box--sm {
  max-width: 920px;
}
@media (min-width: 768px) {
  .contact__box > * + * {
    position: relative;
  }
  .contact__box > * + *::before {
    background: #3f4146;
    bottom: 0;
    content: "";
    left: -30px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media (max-width: 767px) {
  .contact__box {
    justify-content: center;
    margin-left: 0;
  }
}
.contact__box > * {
  flex: 1 0 0;
}
.contact__column {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 31px;
}
.contact__heading {
  color: #fff;
  font-size: 24px;
  margin-bottom: 25px;
}
.contact__link {
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  gap: 20px;
  text-decoration: underline;
  text-decoration-thickness: 0.1px;
  white-space: nowrap;
}
.contact__position {
  font: 17px/1.5 "proxima-nova", sans-serif;
  margin-bottom: 11px;
}
.contact__row {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 15px 60px;
  margin-left: auto;
  align-items: flex-start;
  margin-top: 26px;
}
@media (min-width: 768px) {
  .contact__row > * + * {
    position: relative;
  }
  .contact__row > * + *::before {
    background: #3f4146;
    bottom: 0;
    content: "";
    left: -30px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media (max-width: 767px) {
  .contact__row {
    justify-content: center;
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .contact__box {
    padding-left: 40px;
    padding-right: 40px;
  }
  .contact__box p {
    max-width: 400px;
  }
  .contact__link {
    font-size: 18px;
  }
}

.contract {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  color: #fff;
  padding-bottom: 117px;
  padding-top: 60px;
}
.contract--md {
  max-width: 1160px;
}
.contract--sm {
  max-width: 920px;
}
.contract__box {
  align-items: flex-start;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 40px 37px;
  font-size: 15px;
  position: relative;
}
.contract__box::after {
  bottom: 19px;
  content: url("../img/icons/icon--arrow.svg");
  position: absolute;
  right: 15px;
}
.contract__box:hover {
  color: rgba(255, 255, 255, 0.7);
}
.contract__box:hover .contract__box-bg {
  background-color: rgba(39, 41, 46, 0.5);
}
.contract__box:hover::after {
  -webkit-animation: arrow 2s linear infinite;
          animation: arrow 2s linear infinite;
}
.contract__box-bg {
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15));
  border: solid 1px #3f4146;
  border-radius: 2px;
  bottom: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0 100%);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.25s;
}
.contract__box-bg::after {
  background: #3f4146;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  transform: rotate(-45deg) translate(20%, 29px);
  transform-origin: 0 0;
  width: 120px;
}
.contract__box-footer {
  border-top: 1px solid #3f4146;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 4px;
  padding-top: 20px;
  position: relative;
}
.contract__data {
  color: #fff;
}
.contract__grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
}
.contract__header {
  padding-left: 33px;
  position: relative;
  display: flex;
  gap: 15px;
  margin-bottom: 58px;
}
.contract__header::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.contract__header::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .contract__header::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.contract__header::after {
  top: 17px;
}
.contract__header::before {
  top: 17px;
}
.contract__header-controls {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 15px 60px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .contract__header-controls > * + * {
    position: relative;
  }
  .contract__header-controls > * + *::before {
    background: #3f4146;
    bottom: 0;
    content: "";
    left: -30px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media (max-width: 767px) {
  .contract__header-controls {
    justify-content: center;
    margin-left: 0;
  }
}
.contract__heading {
  color: #fff;
  font: bold 24px/1.4 "proxima-nova";
  margin-bottom: auto;
  position: relative;
  text-transform: uppercase;
}
.contract__info {
  display: flex;
  gap: 20px 60px;
  position: relative;
}
.contract__info > * + * {
  position: relative;
}
.contract__info > * + *::before {
  background: #3f4146;
  bottom: 5px;
  content: "";
  left: -30px;
  position: absolute;
  top: 5px;
  width: 1px;
}
.contract__label {
  align-items: center;
  background: rgba(155, 166, 178, 0.2);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  min-height: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  min-height: 38px;
  position: relative;
}
.contract__label img {
  filter: brightness(100);
}
.contract__label--blue {
  background: rgba(114, 201, 240, 0.2);
}
.contract__label--pink {
  background: rgba(253, 138, 166, 0.2);
}
.contract__label--purple {
  background: rgba(176, 144, 255, 0.2);
}
.contract__label-icon {
  align-items: center;
  background: #3f4146;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
  left: -40px;
  position: absolute;
  top: 0;
}
.contract__label-icon--blue {
  background: #72c9f0;
}
.contract__label-icon--pink {
  background: #fd8aa6;
}
.contract__label-icon--purple {
  background: #b090ff;
}
.contract__more {
  background: #27292e;
  border: 1px solid #3f4146;
  border-radius: 2px;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  flex-direction: column;
  font-size: 26px;
  margin-top: 14px;
  padding: 40px;
  position: relative;
}
.contract__more::after {
  background: #27292e;
  border: 1px solid #3f4146;
  border-radius: 2px;
  content: "";
  height: 7px;
  left: 7px;
  position: absolute;
  right: 7px;
  top: -7px;
}
.contract__more::before {
  background: #27292e;
  border: 1px solid #3f4146;
  border-bottom: 0;
  border-radius: 2px;
  content: "";
  height: 7px;
  left: 14px;
  position: absolute;
  right: 14px;
  top: -14px;
}
.contract__more .button {
  margin-top: auto;
}
.contract__more-number {
  color: #eeb077;
  font: bold 52px "quiche-display";
}
.contract__status {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  gap: 8px;
}
.contract__status::before {
  background: #9ba6b2;
  border-radius: 50%;
  content: "";
  height: 10px;
  width: 10px;
}
.contract__status--active {
  color: #fff;
}
.contract__status--complete::before {
  background: #8dd356;
}
.contract__status--progress::before {
  background: #d39056;
}
.contract__status--cancelled::before {
  background: #EE2B47;
}
.contract__status--ended::before {
  background: #55575d;
}
.contract__status--early_ending::before {
  background: #2b6fee;
}
.contract__status--reserved::before {
  background: #c42bee;
}
.contract__strong {
  color: #eeb077;
  font: bold 24px "quiche-display";
}
.contract__title {
  color: rgba(255, 255, 255, 0.7);
  font: 18px "proxima-nova", sans-serif;
  padding: 5px 0;
}
@media (max-width: 1399px) {
  .contract__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .contract {
    padding-bottom: 50px;
  }
  .contract__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .contract__grid {
    grid-template-columns: minmax(0, 350px);
  }
  .contract__header {
    flex-direction: column;
  }
}

.datepicker-container:after, .datepicker-container:before {
  border-width: 8px;
}
.datepicker-panel > ul > li.highlighted, .datepicker-panel > ul > li:hover {
  background: #e3e3e5;
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #eeb077;
}
.datepicker-top-left, .datepicker-top-right {
  border-top-color: #eeb077;
  border-top-width: 2px;
}
.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: #eeb077;
}
.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
  top: -8px;
}
.datepicker-top-left:after, .datepicker-top-right:after {
  border-bottom-color: #eeb077;
}

.document {
  background: #3f4146;
  color: #fff;
  padding-bottom: 100px;
  padding-top: 40px;
}
.document__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: grid;
  grid-gap: 42px;
}
.document__container--md {
  max-width: 1160px;
}
.document__container--sm {
  max-width: 920px;
}

.download {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  background: #1f2125;
  color: #fff;
  padding-bottom: 90px;
  padding-top: 46px;
  width: 100%;
}
.download--md {
  max-width: 1160px;
}
.download--sm {
  max-width: 920px;
}
.download h2 {
  font-size: 26px;
}
.download__container {
  margin: 0 auto;
  max-width: 1160px;
  width: 90vw;
  width: 90%;
}
.download__container--md {
  max-width: 1160px;
}
.download__container--sm {
  max-width: 920px;
}
.download__header {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 40px;
}
.download__header--decoration {
  padding-left: 33px;
  position: relative;
  padding-left: 0;
}
.download__header--decoration::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.download__header--decoration::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .download__header--decoration::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.download__header--decoration::after {
  left: -5vw;
  top: 16px;
}
@media (min-width: 1288.8888888889px) {
  .download__header--decoration::after {
    left: -52px;
  }
}
.download__header--decoration::before {
  content: none;
  left: -5vw;
  top: 16px;
  width: calc(5vw - 15px);
}
@media (min-width: 1288.8888888889px) {
  .download__header--decoration::before {
    content: "";
    left: -120px;
    width: 60px;
  }
}
.download__item {
  align-items: center;
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15));
  border: solid 1px #3f4146;
  border-radius: 2px;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  gap: 20px;
  margin-bottom: 10px;
  padding: 32px 30px;
  text-decoration: underline;
}
.download__item .button {
  margin-left: auto;
}
@media (max-width: 767px) {
  .download__header {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .download {
    padding-bottom: 40px;
    padding-top: 30px;
  }
  .download__item {
    font-size: 15px;
    padding: 20px;
  }
}

.footer {
  background: #fff;
  color: rgba(33, 35, 38, 0.8);
  font-size: 14px;
  margin-top: auto;
  padding-bottom: 27px;
  padding-top: 80px;
  text-align: center;
}
.footer__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  border-top: 1px solid #e3e3e5;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  padding-top: 34px;
}
.footer__container--md {
  max-width: 1160px;
}
.footer__container--sm {
  max-width: 920px;
}
@media (max-width: 991px) {
  .footer {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .footer__container {
    flex-direction: column;
  }
}

.form {
  width: 100%;
}
.form figure {
  border: 2px solid #e3e3e5;
  display: flex;
  height: 202px;
  padding: 10px;
}
.form figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.form__check-radio input {
  display: none;
}
.form__check-radio input:checked + label::after {
  opacity: 1;
}
.form__check-radio input[type=radio] + label::after {
  border-radius: 50%;
}
.form__check-radio input[type=radio] + label::before {
  border-radius: 50%;
}
.form__check-radio label {
  font-size: 18px;
  padding-left: 33px;
  position: relative;
}
.form__check-radio label::after {
  border: 4px solid;
  content: "";
  height: 8px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transition: all 0.25s;
  width: 8px;
}
.form__check-radio label::before {
  border: solid 2px #eeb077;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 18px;
}
.form__container {
  display: grid;
  grid-gap: 2px;
  justify-content: center;
  margin-bottom: 60px;
  justify-content: stretch;
}
.form__container:last-child {
  margin-bottom: 0;
}
.form__container--920 {
  grid-template-columns: minmax(0, 920px);
  justify-content: center;
}
.form__container--col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.form__container--col-2-1 {
  grid-template-columns: 2fr 1fr;
}
.form__fieldset {
  background: #fff;
  color: #212326;
  margin-bottom: 2px;
  padding: 48px 60px;
}
.form__fieldset--dark {
  background: #212326;
  color: #fff;
}
.form__file input {
  display: none;
}
.form__footer {
  display: flex;
  grid-column: 2 span;
  justify-content: flex-end;
  gap: 30px;
  margin-top: 40px;
}
.form__footer--justify-between {
  justify-content: space-between;
}
.form__line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.form__group {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 22px;
  position: relative;
}
.form__group:last-child {
  margin-bottom: 0;
}
.form__group > input {
  background: #fff linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid #e3e3e5;
  color: #212326;
  min-height: 60px;
  padding: 5px 20px;
}
.form__group > input::-moz-placeholder {
  color: #212326;
  opacity: 1;
}
.form__group > input:-ms-input-placeholder {
  color: #212326;
  opacity: 1;
}
.form__group > input::placeholder {
  color: #212326;
  opacity: 1;
}
.form__group > input:-moz-read-only {
  background: rgba(227, 227, 229, 0.5);
  border-color: transparent;
}
.form__group > input:read-only {
  background: rgba(227, 227, 229, 0.5);
  border-color: transparent;
}
.form__group > input.form__bg--search {
  background: url("../img/icons/icon--search.svg") no-repeat right 15px center, #fff linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
}
.form__group > input.form__datepicker {
  background: url("../img/icons/icon--calendar.svg") no-repeat right 15px center, #fff linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
}
.form__group > label {
  align-items: center;
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.form__group > textarea {
  background: #fff linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid #e3e3e5;
  color: #212326;
  min-height: 60px;
  padding: 10px 20px 5px;
}
.form__group .select2-container {
  height: 60px;
}
.form__group .select2-container--default .select2-selection--single {
  background: linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid #e3e3e5;
  height: 100%;
  padding: 15px 20px;
}
.form__group .select2-container--default .select2-selection--single .select2-selection__rendered {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  padding: 0;
}
.form__group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-135deg);
}
.form__group .select2-container--default .select2-selection--multiple {
  background: linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid #e3e3e5;
  height: 100%;
  padding: 15px 20px;
}
.form__group .select2-container--default .select2-selection--multiple::after {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  bottom: 0;
  height: 8px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.form__group .select2-container--default .select2-selection--multiple .select2-search {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 0;
}
.form__group .select2-container--default .select2-selection--multiple .select2-search__field {
  margin: 0;
}
.form__group .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: transparent;
  border: 0;
  color: rgba(33, 35, 38, 0.8);
  display: flex;
  margin: 0;
  padding-left: 0;
  padding-right: 14px;
}
.form__group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: 0;
  left: auto;
  right: 0;
}
.form__group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  align-items: center;
  color: #3f4146;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px;
  gap: 5px;
  height: 100%;
  padding: 0;
  text-transform: uppercase;
}
.form__group .select2-container--default.select2-container--open .select2-selection--multiple::after {
  transform: rotate(-135deg);
}
.form__group .select2-container .select2-selection__arrow {
  align-items: center;
  bottom: 1px;
  color: #eeb077;
  display: flex;
  height: auto;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
.form__group .select2-container .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  height: 8px;
  margin: 0;
  position: static;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.form__group--big {
  gap: 30px;
  margin-bottom: 38px;
}
.form__group--big > input {
  min-height: 70px;
}
.form__group--big > label {
  font-size: 26px;
  text-transform: none;
}
.form__group--required > label::after {
  color: #fd8aa6;
  content: " *";
}
.form__invalid {
  bottom: -20px;
  color: #fd8aa6;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 0;
}
.form__legend {
  padding-left: 33px;
  position: relative;
  display: block;
  float: left;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 30px;
  padding: 0 0 26px;
  width: 100%;
}
.form__legend::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.form__legend::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .form__legend::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.form__legend::after {
  bottom: 0;
  top: auto;
}
.form__legend::before {
  background: #e3e3e5;
  bottom: 0;
  left: -60px;
  top: auto;
  width: 50px;
}
.form__legend + * {
  clear: both;
}
.form__row {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
.form__row--bank {
  grid-template-columns: 180px 1fr;
}
.form__row--phone {
  grid-template-columns: 135px 1fr;
}
@media (max-width: 1199px) {
  .form__container {
    grid-template-columns: minmax(0, 700px);
    justify-content: center;
  }
  .form__footer {
    grid-column: auto;
  }
}
@media (max-width: 767px) {
  .form__container {
    grid-template-columns: minmax(0, 700px);
  }
  .form__row {
    display: block;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .form__check-radio label {
    font-size: 15px;
  }
  .form__container {
    margin-bottom: 40px;
  }
  .form__fieldset {
    padding: 40px 20px;
  }
  .form__footer {
    justify-content: center;
  }
  .form__group {
    gap: 5px;
  }
  .form__group > input {
    min-height: 50px;
  }
  .form__group .select2-container {
    height: 50px;
  }
  .form__group--big {
    gap: 12px;
  }
  .form__group--big > label {
    font-size: 22px;
  }
  .form__legend {
    font-size: 22px;
  }
  .form__legend::before {
    left: -20px;
    width: 15px;
  }
}

.header {
  align-items: center;
  background: #1f2125;
  border-bottom: 1px solid #3f4146;
  color: #fff;
  display: flex;
  gap: 70px;
  height: 100px;
  padding: 20px 20px 20px 40px;
  position: relative;
  z-index: 10;
}
.header .js-select2-header {
  display: none;
}
.header__collapse {
  display: flex;
  flex-grow: 1;
  gap: 15px;
}
.header__controls {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 20px;
  margin-left: auto;
}
.header__languages {
  position: relative;
}
.header__languages--active .header__languages-collapse {
  -webkit-animation: 2s delay-overflow;
          animation: 2s delay-overflow;
  border-bottom: 1px solid #3f4146;
  max-height: 300px;
  overflow: auto;
  padding-bottom: 15px;
  padding-top: 25px;
}
.header__languages--active .header__languages-toggler::after {
  transform: rotate(-135deg);
}
.header__languages-collapse {
  background: #1f2125;
  border-left: 1px solid #3f4146;
  border-right: 1px solid #3f4146;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  right: -21px;
  top: 100%;
  transition: all 0.25s;
}
.header__languages-toggler {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 1px solid #3f4146;
  display: flex;
  gap: 12px;
  height: 30px;
  padding: 0 0 0 20px;
}
.header__languages-toggler::after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  flex-shrink: 0;
  height: 8px;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.header__languages-toggler:hover {
  color: #eeb077;
}
.header__nav {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  gap: 20px 80px;
  text-align: center;
  text-transform: uppercase;
}
.header__nav-item {
  align-items: center;
  display: flex;
  gap: 11px;
  min-height: 30px;
  position: relative;
}
.header__nav-item::before {
  background: #3f4146;
  bottom: 0;
  content: "";
  left: -40px;
  position: absolute;
  top: 0;
  width: 1px;
}
.header__nav-item img {
  display: block;
  flex-shrink: 0;
}
.header__overlay {
  bottom: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.header__overlay--active {
  bottom: 0;
}
.header__play {
  background: transparent;
  border: 0;
  display: flex;
  padding: 0;
  transition: all 0.25s;
  width: 0;
}
.header__play:hover {
  filter: brightness(100);
}
.header__play--visible {
  -webkit-animation: 0.2s show-button linear;
          animation: 0.2s show-button linear;
  width: 24px;
}
.header__play img {
  width: 100%;
}
.header__select2-dropdown {
  position: absolute;
}
.header__select2-dropdown .select2-container {
  transform: translateY(-50px);
}
.header__select2-dropdown .select2-dropdown {
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15));
  border-color: #3f4146;
  border-radius: 0;
  border-width: 2px;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 50px;
}
.header__select2-dropdown .select2-search--dropdown {
  border-bottom: 1px solid #3f4146;
  padding: 20px;
}
.header__select2-dropdown .select2-search--dropdown .select2-search__field {
  background: linear-gradient(#9ba6b2 0%, #fff 100%);
  border: 2px solid #3f4146;
  font-size: 16px;
  min-height: 50px;
  padding: 5px 20px;
}
.header__select2-dropdown .select2-results__option {
  padding: 8px 18px;
}
.header__select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background: rgba(238, 176, 119, 0.2);
  color: inherit;
}
.header__select2-dropdown .select2-results__option--selected {
  background: rgba(238, 176, 119, 0.2);
  color: inherit;
}
.header__settings {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 1px solid #3f4146;
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  height: 30px;
  padding: 0;
  padding-left: 20px;
}
.header__settings:hover img {
  filter: brightness(100);
}
.header__toggler {
  align-self: center;
  background: transparent;
  border: 0;
  color: #eeb077;
  cursor: pointer;
  display: none;
  height: 20px;
  margin-left: auto;
  padding: 0;
  position: relative;
  width: 22px;
}
.header__toggler::after {
  border-top: 2px solid;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  transition: all 0.45s;
  width: 22px;
}
.header__toggler::before {
  border-top: 2px solid;
  bottom: 2px;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.45s;
  width: 22px;
}
.header__toggler span {
  background: #eeb077;
  border-radius: 2px;
  bottom: 0;
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 22px;
}
.header__toggler--active::after {
  margin-top: 7px;
  transform: rotate(-45deg);
}
.header__toggler--active::before {
  margin-bottom: 7px;
  transform: rotate(45deg);
}
.header__toggler--active span {
  background: transparent;
}
.header__user {
  position: relative;
  z-index: 1;
}
.header__user--active .header__user-toggler::after {
  transform: rotate(-135deg);
}
.header__user select {
  width: 250px;
}
.header__user-basic {
  align-items: center;
  display: flex;
  font-size: 15px;
  gap: 15px;
  height: 100%;
}
.header__user-basic img {
  flex-shrink: 0;
}
.header__user-collapse {
  display: flex;
  gap: 20px;
}
.header__user-icon {
  bottom: 0;
  margin: auto;
  left: 19px;
  position: absolute;
  top: 0;
}
.header__user-item {
  height: 50px;
  position: relative;
}
.header__user-toggler {
  align-items: center;
  background: transparent;
  border: 0;
  display: none;
  gap: 12px;
  height: 50px;
}
.header__user-toggler::after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  flex-shrink: 0;
  height: 8px;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.header__user-toggler:hover {
  color: #eeb077;
}
.header__user .select2-container {
  height: 100%;
}
.header__user .select2-container--default .select2-selection--single {
  background: transparent;
  border: 2px solid #3f4146;
  height: 100%;
  padding-left: 50px;
}
.header__user .select2-container--default .select2-selection--single .select2-selection__rendered {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
}
.header__user .select2-container--default.select2-container--open .select2-selection--single {
  border-bottom-width: 0;
}
.header__user .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-135deg);
}
.header__user .select2-container .select2-selection__arrow {
  align-items: center;
  bottom: 1px;
  display: flex;
  height: auto;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.header__user .select2-container .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  height: 8px;
  margin: 0;
  position: static;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
@media (max-width: 1999px) {
  .header--collapse-big {
    gap: 30px;
  }
  .header--collapse-big .header__nav {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .header--collapse-big .header__nav-item::before {
    left: -15px;
  }
}
@media (max-width: 1699px) {
  .header__nav {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .header__nav-item::before {
    left: -20px;
  }
  .header__user-collapse {
    background: #1f2125;
    display: none;
    flex-direction: column;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .header__user-toggler {
    display: flex;
  }
  .header__select2-dropdown {
    z-index: 1;
  }
  .header__select2-dropdown .select2-container {
    transform: none;
  }
  .header__select2-dropdown .select2-dropdown {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .header {
    gap: 50px;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .header--collapse-big .header__collapse {
    background: #1f2125;
    bottom: 0;
    flex-direction: column;
    gap: 60px;
    min-width: 250px;
    overflow: auto;
    padding: 100px 20px 20px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all 0.25s;
  }
  .header--collapse-big .header__collapse--active {
    transform: translateX(0);
  }
  .header--collapse-big .header__controls {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-top: auto;
  }
  .header--collapse-big .header__languages--active .header__languages-collapse {
    border-top: 1px solid #3f4146;
  }
  .header--collapse-big .header__languages-collapse {
    bottom: calc(100% + 10px);
    top: auto;
    z-index: 1;
  }
  .header--collapse-big .header__languages-toggler {
    border-left: 0;
  }
  .header--collapse-big .header__nav {
    flex-direction: column;
  }
  .header--collapse-big .header__nav-item::before {
    bottom: -10px;
    height: 1px;
    left: 0;
    margin: auto;
    right: 0;
    top: auto;
    width: 50px;
  }
  .header--collapse-big .header__select2-dropdown .select2-container {
    transform: none;
  }
  .header--collapse-big .header__select2-dropdown .select2-dropdown {
    padding-top: 0;
  }
  .header--collapse-big .header__settings {
    border-left: 0;
    padding-right: 20px;
  }
  .header--collapse-big .header__toggler {
    display: block;
  }
  .header--collapse-big .header__user {
    width: 100%;
  }
  .header--collapse-big .header__user-basic {
    justify-content: center;
  }
  .header--collapse-big .header__user-collapse {
    align-items: center;
    display: flex;
    position: relative;
    right: auto;
    top: auto;
  }
  .header--collapse-big .header__user-toggler {
    display: none;
  }
  .header--collapse-big .header__user .select2-container.select2-container--open .select2-selection--single {
    border-bottom-width: 2px;
  }
  .header__nav {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .header__nav-item::before {
    left: -20px;
  }
}
@media (max-width: 991px) {
  .header__collapse {
    background: #1f2125;
    bottom: 0;
    flex-direction: column;
    gap: 60px;
    min-width: 250px;
    overflow: auto;
    padding: 100px 20px 20px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all 0.25s;
  }
  .header__collapse--active {
    transform: translateX(0);
  }
  .header__controls {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-top: auto;
  }
  .header__languages--active .header__languages-collapse {
    border-top: 1px solid #3f4146;
  }
  .header__languages-collapse {
    bottom: calc(100% + 10px);
    top: auto;
    z-index: 1;
  }
  .header__languages-toggler {
    border-left: 0;
  }
  .header__nav {
    flex-direction: column;
  }
  .header__nav-item::before {
    bottom: -10px;
    height: 1px;
    left: 0;
    margin: auto;
    right: 0;
    top: auto;
    width: 50px;
  }
  .header__select2-dropdown .select2-container {
    transform: none;
  }
  .header__select2-dropdown .select2-dropdown {
    padding-top: 0;
  }
  .header__settings {
    border-left: 0;
    padding-right: 20px;
  }
  .header__toggler {
    display: block;
  }
  .header__user {
    width: 100%;
  }
  .header__user-basic {
    justify-content: center;
  }
  .header__user-collapse {
    align-items: center;
    display: flex;
    position: relative;
    right: auto;
    top: auto;
  }
  .header__user-toggler {
    display: none;
  }
  .header__user .select2-container.select2-container--open .select2-selection--single {
    border-bottom-width: 2px;
  }
}
@-webkit-keyframes show-button {
  0% {
    width: 0;
  }
  70% {
    width: 35px;
  }
  100% {
    width: 24px;
  }
}
@keyframes show-button {
  0% {
    width: 0;
  }
  70% {
    width: 35px;
  }
  100% {
    width: 24px;
  }
}

.info {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  padding: 20px 0 40px;
}
.info--md {
  max-width: 1160px;
}
.info--sm {
  max-width: 920px;
}
.info table {
  width: 100%;
}
.info table td {
  padding: 17px 40px 18px 0;
}
.info table th {
  color: rgba(255, 255, 255, 0.7);
  padding: 17px 40px 18px;
  text-align: left;
}
.info table tr:nth-child(2n+1) {
  background: rgba(255, 255, 255, 0.1);
}
.info__box {
  background: #3f4146;
  color: #fff;
}
.info__heading {
  align-items: center;
  display: flex;
  font: bold 26px/1.73 "proxima-nova", sans-serif;
  gap: 20px;
  padding: 40px;
}
.info__heading img {
  width: 32px;
}
.info__number {
  color: #eeb077;
  font: bold 28px "quiche-display";
}
.info__perc {
  color: #8dd356;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .info {
    grid-template-columns: minmax(0, 580px);
  }
}
@media (max-width: 400px) {
  .info table td {
    padding: 0;
  }
  .info table th {
    padding: 0;
  }
  .info table tr {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
  }
  .info__heading {
    font-size: 20px;
    gap: 15px;
    padding: 20px;
  }
  .info__heading img {
    width: 22px;
  }
}

.intro {
  color: #fff;
  position: relative;
}
.intro h1 {
  margin-bottom: 22px;
}
.intro p {
  opacity: 0.8;
}
.intro .button {
  margin-top: 22px;
}
.intro__bg {
  bottom: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.4;
  left: 0;
  position: absolute;
  width: 100%;
}
.intro__button {
  align-items: center;
  background: rgba(31, 33, 37, 0.5);
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  gap: 9px;
  line-height: 1;
  padding: 10px 15px;
  position: absolute;
  right: 40px;
  text-decoration: underline;
  top: 40px;
  z-index: 1;
}
.intro__button:hover {
  background: #1f2125;
}
.intro__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  position: relative;
}
.intro__container--md {
  max-width: 1160px;
}
.intro__container--sm {
  max-width: 920px;
}
.intro__main {
  padding-bottom: 130px;
  padding-top: 130px;
}
.intro__simple {
  padding-top: 91px;
}
.intro__text {
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 100%;
  justify-content: center;
  max-width: 700px;
}
@media (max-width: 991px) {
  .intro__button {
    right: 5vw;
    top: 5vw;
  }
  .intro__main {
    padding-bottom: 40px;
    padding-top: calc(5vw + 70px);
  }
  .intro__simple {
    padding-top: 40px;
  }
}

.listing {
  background: linear-gradient(#1f2125 98px, #3f4146 98px);
  color: #fff;
}
.listing--padding {
  padding-bottom: 100px;
}
.listing__buttons {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 30px;
}
.listing__care {
  align-items: center;
  background: #eeb077;
  border-radius: 50%;
  color: #212326;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.listing__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
}
.listing__container--md {
  max-width: 1160px;
}
.listing__container--sm {
  max-width: 920px;
}
.listing__grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
}
.listing__grid-filter {
  background: #3f4146;
  padding: 40px;
}
.listing__grid-heading {
  background: #1f2125;
  font-size: 16px;
  font-weight: bold;
  padding: 47px 40px 33px;
  position: relative;
  text-transform: uppercase;
}
.listing__grid-heading + .listing__grid-heading::before {
  background: #3f4146;
  bottom: 33px;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  width: 1px;
}
.listing__grid-main {
  border-left: 1px solid #27292e;
  padding: 0 40px 80px;
}
.listing__grid-main .listing__table {
  max-width: 100%;
  width: 100%;
}
.listing__grid-main .listing__table thead th {
  height: auto;
  padding-bottom: 12px;
  padding-top: 35px;
}
.listing__heading {
  font: bold 18px/1.25 "proxima-nova", sans-serif;
  text-transform: uppercase;
}
.listing__label {
  align-items: center;
  background: rgba(155, 166, 178, 0.2);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  min-height: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  display: inline-flex;
  min-height: 38px;
  position: relative;
}
.listing__label img {
  filter: brightness(100);
}
.listing__label--blue {
  background: rgba(114, 201, 240, 0.2);
}
.listing__label--pink {
  background: rgba(253, 138, 166, 0.2);
}
.listing__label--purple {
  background: rgba(176, 144, 255, 0.2);
}
.listing__label-icon {
  align-items: center;
  background: #3f4146;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
}
.listing__label-icon--blue {
  background: #72c9f0;
}
.listing__label-icon--pink {
  background: #fd8aa6;
}
.listing__label-icon--purple {
  background: #b090ff;
}
.listing__label .listing__label-icon {
  margin: -5px 15px -5px -15px;
}
.listing__perc {
  color: #8dd356;
  font-size: 18px;
  font-weight: bold;
}
.listing__price {
  color: #eeb077;
  font: bold 24px "quiche-display";
  white-space: nowrap;
}
.listing__sort {
  align-items: center;
  display: flex;
  gap: 10px;
}
.listing__sort img {
  filter: grayscale(1);
}
.listing__sort:hover img {
  filter: grayscale(0);
}
.listing__sort--active img {
  filter: grayscale(0);
}
.listing__status {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  gap: 8px;
}
.listing__status::before {
  background: #9ba6b2;
  border-radius: 50%;
  content: "";
  height: 10px;
  width: 10px;
}
.listing__status--active {
  color: #fff;
}
.listing__status--active::before {
  background: #8dd356;
}
.listing__status--cancelled::before {
  background: #EE2B47;
}
.listing__status--state1::before {
  background: #2b6fee;
}
.listing__status--state2::before {
  background: #8dd356;
}
.listing__status--state3::before {
  background: #EE2B47;
}
.listing__status--state4::before {
  background: #d39056;
}
.listing__status--state5::before {
  background: #c42bee;
}
.listing__status--state6::before {
  background: #2b6fee;
}
.listing__status--state7::before {
  background: #8dd356;
}
.listing__status--state8::before {
  background: #2bee8d;
}
.listing__status--state9::before {
  background: #EE2B47;
}
.listing__status--state10::before {
  background: #d39056;
}
.listing__status--state11::before {
  background: #c42bee;
}
.caption__status--state12::before {
  background: #d39056;
}
.listing__status--state13::before {
  background: #8dd356;
}
.listing__status--state14::before {
  background: #EE2B47;
}
.listing__status--state15::before {
  background: #2b6fee;
}
.listing__table {
  border-collapse: separate;
  border-spacing: 0 10px;
  color: #fff;
  font-size: 16px;
  width: 100%;
}
.listing__table tbody tr {
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.15));
}
.listing__table td {
  padding: 15px;
  height: 100px;
  vertical-align: middle;
}
.listing__table td:first-child {
  padding-left: 30px;
}
.listing__table thead th {
  color: rgba(255, 255, 255, 0.7);
  height: 108px;
  line-height: 1;
  padding: 12px 15px 22px;
  text-align: left;
  vertical-align: middle;
}
.listing__table thead th:first-child {
  padding-left: 30px;
  padding-right: 30px;
}
.listing__text {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1399px) {
  .listing__grid-main {
    padding-top: 30px;
  }
  .listing__table--collapse-xxl tbody {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .listing__table--collapse-xxl tbody td {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 5px;
    padding: 10px 30px;
  }
  .listing__table--collapse-xxl tbody td[data-label]::before {
    content: attr(data-label);
    color: rgba(255, 255, 255, 0.7);
  }
  .listing__table--collapse-xxl tbody tr {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .listing__table--collapse-xxl thead {
    display: none;
  }
}
@media (max-width: 1199px) {
  .listing__price {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .listing {
    padding-top: 20px;
  }
  .listing__grid {
    grid-template-columns: none;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .listing__grid-filter {
    display: none;
    padding-top: 20px;
  }
  .listing__grid-heading {
    display: none;
    padding-bottom: 20px;
    padding-top: 0;
  }
  .listing__grid-main {
    border: 0;
    padding: 0 0 40px;
  }
  .listing__table tbody {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .listing__table tbody td {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 5px;
    padding: 10px 30px;
  }
  .listing__table tbody td[data-label]::before {
    content: attr(data-label);
    color: rgba(255, 255, 255, 0.7);
  }
  .listing__table tbody tr {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .listing__table thead {
    display: none;
  }
}
@media (max-width: 767px) {
  .listing__table tbody {
    grid-template-columns: minmax(0, 400px);
  }
}

.login {
  background: url("../img/body__bg--lb.svg") no-repeat left bottom, url("../img/body__bg--rt.svg") no-repeat right top;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}
.login__box {
  display: grid;
  grid-template-columns: 300px 498px;
  grid-gap: 2px;
  justify-content: center;
  max-width: 90%;
  min-height: 500px;
}
.login__form {
  background: #fff;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  padding: 57px 60px 60px;
  max-height: calc(100vh - 80px);
  min-height: 500px;
  overflow: hidden;
}
.login__form a {
  align-items: center;
  color: #eeb077;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  text-decoration: underline;
}
.login__form a:hover {
  color: #ae632b;
  text-decoration: none;
}
.login__form p {
  font-size: 16px;
  margin-bottom: 13px;
  opacity: 0.8;
}
.login__form p:last-child {
  margin-bottom: 0;
}
.login__form-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  margin-right: -20px;
  overflow: auto;
  padding-right: 20px;
  position: relative;
  scrollbar-color: rgba(63, 65, 70, 0.4) #fff;
  scrollbar-width: thin;
}
.login__form-body::-webkit-scrollbar {
  background: #fff;
  height: 4px;
  width: 4px;
}
.login__form-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(63, 65, 70, 0.4);
  border-radius: 2px;
}
.login__form-checkbox {
  padding: 8px;
}
.login__form-checkbox a {
  text-decoration: none;
}
.login__form-checkbox input {
  display: none;
}
.login__form-checkbox input:checked + label::after {
  content: "";
}
.login__form-checkbox label {
  display: block;
  font-size: 16px;
  padding-left: 36px;
  position: relative;
}
.login__form-checkbox label::after {
  background: url("../img/icons/icon--check.svg") no-repeat center center;
  content: none;
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px;
}
.login__form-checkbox label::before {
  border: 2px solid #fd8aa6;
  content: "";
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px;
}
.login__form-checkbox--invalid {
  background: rgba(253, 138, 166, 0.1);
}
.login__form-checkbox--readonly label {
  cursor: default;
}
.login__form-checkbox--readonly label::after {
  content: "";
}
.login__form-checkbox--readonly label::before {
  border-color: transparent;
}
.login__form-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  position: relative;
}
.login__form-footer button {
  margin-left: auto;
}
.login__form-group {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 24px;
}
.login__form-group > input {
  background: linear-gradient(rgba(63, 65, 70, 0.1), rgba(63, 65, 70, 0));
  border: 2px solid rgba(63, 65, 70, 0.2);
  min-height: 64px;
  padding: 10px 20px;
}
.login__form-group > label {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.32px;
  text-transform: uppercase;
}
.login__form-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 24px;
  position: relative;
}
.login__form-header::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  margin-top: 6px;
  width: 32px;
}
.login__form-header::before {
  background: #e3e3e5;
  bottom: 0;
  content: "";
  height: 2px;
  left: -60px;
  position: absolute;
  width: 52px;
}
.login__form-invalid {
  color: #fd8aa6;
  font-size: 13px;
  padding-left: 36px;
}
.login__form-label {
  align-items: center;
  background: #3f4146;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
  height: 32px;
  margin-right: 14px;
  width: 32px;
}
.login__form-label--blue {
  background: #72c9f0;
}
.login__form-label--pink {
  background: #fd8aa6;
}
.login__form-label--purple {
  background: #b090ff;
}
.login__form-label + .login__form-group > label {
  padding-left: 11px;
}
.login__form-section {
  display: grid;
  grid-gap: 3px;
  grid-template-columns: auto 1fr;
}
.login__form-title {
  font-size: 28px;
}
.login__header {
  align-items: center;
  background: #3f4146;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: space-between;
  padding: 60px 40px;
}
.login__icon {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.login__icon::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 7px;
}
@media (max-width: 991px) {
  .login {
    background-size: 25% auto;
  }
  .login__box {
    grid-template-columns: minmax(0, 498px);
    min-height: 0;
  }
  .login__form {
    padding: 40px;
  }
  .login__form-footer {
    margin-top: 14px;
  }
  .login__form-group input {
    min-height: 50px;
  }
  .login__form-header {
    font-size: 24px;
  }
  .login__form-header::before {
    left: -40px;
    width: 32px;
  }
  .login__form-title {
    font-size: 24px;
  }
  .login__header {
    flex-direction: row;
    padding: 30px 40px;
  }
  .login__icon {
    gap: 10px;
    max-width: 40px;
  }
  .login__icon::after {
    height: 2px;
  }
}
@media (max-width: 400px) {
  .login__form {
    padding-left: 20px;
    padding-right: 20px;
  }
  .login__form-header::before {
    content: none;
  }
  .login__header {
    padding: 20px;
  }
  .login__icon {
    max-width: 30px;
  }
}

.modal {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  justify-items: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 11;
}
.modal__body {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100vh;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100vw;
}
.modal__body--600 {
  flex: 0 1 600px;
  height: auto;
  max-width: 600px;
}
.modal__body--600 .modal__close {
  position: absolute;
  right: 0;
  top: 0;
}
.modal__body video {
  max-height: 90%;
  max-width: 100%;
  height: 90%;
  width: 100%;
}
.modal__close {
  background: transparent;
  border: 0;
  margin: 15px 15px 0 auto;
}
.modal__overlay {
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.news {
  background: #fff;
  padding-bottom: 100px;
  padding-top: 100px;
}
.news p {
  color: rgba(33, 35, 38, 0.8);
}
.news__article {
  background: rgba(227, 227, 229, 0.3);
  border: 1px solid #e3e3e5;
  border-radius: 2px;
  overflow: hidden;
}
.news__article:hover {
  color: inherit;
}
.news__article:hover .news__heading {
  color: #eeb077;
  text-decoration: none;
}
@media (min-width: 576px) {
  .news__article--large {
    grid-column: 2 span;
  }
  .news__article--large .news__heading {
    font-size: 26px;
  }
  .news__article--large .news__image {
    height: 295px;
  }
  .news__article--large .news__text {
    padding: 54px 60px 36px;
  }
}
.news__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
}
.news__container--md {
  max-width: 1160px;
}
.news__container--sm {
  max-width: 920px;
}
.news__container--header {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr minmax(0, 1040px);
  justify-content: center;
}
.news__date {
  color: rgba(33, 35, 38, 0.5);
  font-size: 15px;
  margin-bottom: 7px;
  padding-left: 31px;
  position: relative;
}
.news__date::before {
  background: url("../img/icons/icon--calendar.svg");
  background-size: 100% auto;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.news__grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
}
.news__grid--col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.news__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.news__header .button {
  margin-top: 10px;
  white-space: nowrap;
}
.news__header-decoration {
  padding-left: 33px;
  position: relative;
  margin-top: 14px;
}
.news__header-decoration::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.news__header-decoration::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .news__header-decoration::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.news__header-decoration::before {
  background: #e3e3e5;
}
.news__heading {
  font-size: 20px;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  transition: all 0.25s;
}
.news__image {
  display: flex;
  height: 220px;
}
.news__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px 40px 36px;
}
@media (max-width: 1199px) {
  .news__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .news {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .news__container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .news__grid {
    grid-template-columns: none;
  }
}

.pagination {
  color: inherit;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.pagination__link {
  align-items: center;
  border: 2px solid #eeb077;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.pagination__link:hover {
  border-color: #ae632b;
  color: inherit;
}
.pagination__link:first-child {
  margin-right: auto;
  transform: rotate(180deg);
}
.pagination__link:last-child {
  margin-left: auto;
}
.pagination__link--active {
  background: #eeb077;
  color: #212326;
}
.pagination__link--active:hover {
  background: #eeb077;
  border-color: #eeb077;
  color: #212326;
}
.pagination__link--inactive {
  opacity: 0;
}
@media (max-width: 767px) {
  .pagination {
    padding-left: 0;
    padding-right: 0;
  }
}

.products {
  background: #3f4146;
  color: #fff;
  padding-bottom: 100px;
  padding-top: 100px;
}
.products__box {
  background: #27292e linear-gradient(45deg, rgba(227, 227, 229, 0) 75%, rgba(227, 227, 229, 0.1));
  border-radius: 2px;
  bottom: 0;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  padding: 48px 50px 50px 90px;
  position: relative;
}
.products__box-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.products__box-header {
  font-size: 18px;
  margin-bottom: auto;
  padding-bottom: 23px;
}
.products__category {
  align-items: center;
  background: rgba(155, 166, 178, 0.2);
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 10px;
  min-height: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
}
.products__category img {
  filter: brightness(100);
}
.products__category--blue {
  background: rgba(114, 201, 240, 0.2);
}
.products__category--pink {
  background: rgba(253, 138, 166, 0.2);
}
.products__category--purple {
  background: rgba(176, 144, 255, 0.2);
}
.products__container {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr repeat(2, minmax(250px, 500px));
  justify-content: center;
}
.products__container--md {
  max-width: 1160px;
}
.products__container--sm {
  max-width: 920px;
}
.products__data {
  color: #fff;
  font-weight: 600;
}
.products__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.products__header p {
  opacity: 0.8;
}
.products__header .button {
  margin-top: 10px;
  white-space: nowrap;
}
.products__header-decoration {
  padding-left: 33px;
  position: relative;
  margin-top: 14px;
}
.products__header-decoration::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.products__header-decoration::before {
  background: #3f4146;
  content: "";
  height: 2px;
  left: -5vw;
  position: absolute;
  top: 0;
  width: calc(5vw - 15px);
}
@media (min-width: 1555.5555555556px) {
  .products__header-decoration::before {
    left: calc(-50vw + 700px);
    width: calc(50vw - 700px - 15px);
  }
}
.products__header-decoration::before {
  background: rgba(227, 227, 229, 0.25);
}
.products__heading {
  color: #fff;
  font: bold 24px/1.42 "proxima-nova", sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.products__info {
  border-bottom: 1px solid #3f4146;
  display: grid;
  font-size: 15px;
  grid-gap: 15px 60px;
  grid-template-columns: repeat(2, 1fr);
  padding: 19px 0;
}
.products__label {
  align-items: center;
  background: #3f4146;
  display: flex;
  flex-shrink: 0;
  height: 38px;
  justify-content: center;
  width: 38px;
  height: 50px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 50px;
}
.products__label--blue {
  background: #72c9f0;
}
.products__label--pink {
  background: #fd8aa6;
}
.products__label--purple {
  background: #b090ff;
}
.products__label img {
  width: 24px;
}
.products__main {
  border-bottom: 1px solid #3f4146;
  border-top: 1px solid #3f4146;
  display: grid;
  font-size: 15px;
  grid-gap: 15px 30px;
  grid-template-columns: repeat(2, 1fr);
  padding: 21px 0 19px;
}
.products__main-cell {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.products__main-cell + .products__main-cell {
  border-left: 1px solid #3f4146;
  padding-left: 30px;
}
.products__perc {
  color: #8dd356;
  font-size: 18px;
  font-weight: bold;
}
.products__status {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  gap: 8px;
  font-size: 15px;
  margin-top: 23px;
}
.products__status::before {
  background: #9ba6b2;
  border-radius: 50%;
  content: "";
  height: 10px;
  width: 10px;
}
.products__status--active {
  color: #fff;
}
.products__status--active::before {
  background: #8dd356;
}
.products__status--cancelled::before {
  background: #EE2B47;
}
@media (max-width: 991px) {
  .products__box {
    padding: 40px;
  }
  .products__label {
    height: 30px;
    width: 30px;
  }
  .products__label img {
    width: auto;
  }
}
@media (max-width: 767px) {
  .products {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .products__box {
    grid-column-start: 2;
  }
  .products__container {
    grid-template-columns: 1fr minmax(250px, 500px);
  }
}
@media (max-width: 767px) {
  .products__box {
    grid-column-start: auto;
  }
  .products__container {
    grid-template-columns: 1fr;
  }
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #eeb077;
}
.select2-container--default .select2-results__option {
  padding: 8px 18px;
}

.support {
  background: url("../img/body__bg--lb.svg") no-repeat left bottom, url("../img/body__bg--rt.svg") no-repeat right top;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: grid;
  grid-gap: 25px;
  grid-template-columns: minmax(0, 730px);
  justify-content: center;
  padding-bottom: 100px;
  padding-top: 80px;
  text-align: center;
}
.support .button {
  margin: 26px auto 0;
}
.support__title {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.support__title::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
  content: "";
  height: 2px;
  width: 40px;
}
@media (max-width: 991px) {
  .support {
    background-size: 25% auto;
    grid-template-columns: minmax(0, 90vw);
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .support__title {
    gap: 30px;
  }
}

.tabs__content {
  background: #3f4146;
  color: #fff;
  display: grid;
  padding-bottom: 100px;
  padding-top: 38px;
}
.tabs__content-item {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: none;
  grid-row: 1;
  grid-column: 1;
}
.tabs__content-item--md {
  max-width: 1160px;
}
.tabs__content-item--sm {
  max-width: 920px;
}
.tabs__content-item--active {
  display: block;
}
.tabs__nav {
  margin: 0 auto;
  max-width: 1400px;
  width: 90vw;
  display: flex;
  position: relative;
}
.tabs__nav--md {
  max-width: 1160px;
}
.tabs__nav--sm {
  max-width: 920px;
}
.tabs__nav::after {
  background: #3f4146;
  bottom: 0;
  content: "";
  height: 60px;
  margin: auto;
  position: absolute;
  right: -1px;
  top: 0;
  width: 2px;
}
.tabs__nav-item {
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex: 1 0 0;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  padding: 33px 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.tabs__nav-item::after {
  background: #3f4146;
  content: "";
  bottom: 0;
  height: 4px;
  left: 20px;
  position: absolute;
  right: 20px;
}
.tabs__nav-item::before {
  background: #3f4146;
  bottom: 0;
  content: "";
  height: 60px;
  left: -1px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 2px;
}
.tabs__nav-item--active {
  color: #fff;
}
.tabs__nav-item--active::after {
  background: linear-gradient(90deg, #ae632b, #eeb077);
}
.tabs__nav-item--active:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .tabs__nav::after {
    height: 30px;
  }
  .tabs__nav-item {
    font-size: 14px;
    padding: 20px 10px;
    word-break: break-word;
  }
  .tabs__nav-item::after {
    height: 2px;
  }
  .tabs__nav-item::before {
    height: 30px;
  }
}

.user__supervisor {
  color: #9ba6b2;
  font-size: 16px;
  font-weight: bold;
}
.user__supervisor--active {
  color: #eeb077;
}
.user__table {
  border-collapse: separate;
  border-spacing: 0 2px;
  margin-top: 20px;
  width: 100%;
}
.user__table:first-child {
  margin-top: 0;
}
.user__table tbody td {
  background: #fff;
  color: #212326;
  padding: 10px 0 10px 30px;
  text-align: left;
  vertical-align: middle;
}
.user__table tbody td:last-child {
  border-radius: 0 2px 2px 0;
  padding-right: 20px;
}
.user__table tbody td .button {
  justify-content: flex-end;
}
.user__table tbody th {
  background: #fff;
  color: #212326;
  border-radius: 2px 0 0 2px;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0 10px 30px;
  text-align: left;
  vertical-align: middle;
}
.user__table tbody tr {
  height: 80px;
}
.user__table thead th {
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
  padding: 20px 0 20px 20px;
  text-align: left;
}
.user__table thead th:first-child {
  padding-left: 30px;
}
.user .select2-container--default .select2-selection--multiple {
  background: rgba(238, 176, 119, 0.2);
  border: 2px solid #eeb077;
  height: 100%;
  padding: 5px 20px;
}
.user .select2-container--default .select2-selection--multiple::after {
  border: 0;
  border-bottom: 2px solid #eeb077;
  border-right: 2px solid #eeb077;
  content: "";
  bottom: 0;
  height: 8px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.user .select2-container--default .select2-selection--multiple .select2-search__field {
  display: none;
}
.user .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: transparent;
  border: 0;
  color: rgba(33, 35, 38, 0.8);
  display: flex;
  margin: 0;
  padding-left: 0;
  padding-right: 14px;
}
.user .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: 0;
  left: auto;
  right: 0;
}
.user .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  align-items: center;
  color: #3f4146;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px;
  gap: 5px;
  height: 100%;
  padding: 0;
  text-transform: uppercase;
}
.user .select2-container--default.select2-container--open .select2-selection--multiple::after {
  transform: rotate(-135deg);
}
.user .select2--primary + .select2-container {
  height: 40px;
}
.user .select2--primary + .select2-container--default .select2-selection--single {
  background: rgba(238, 176, 119, 0.2);
  border: 2px solid #eeb077;
  height: 100%;
  padding: 5px 20px;
}
.user .select2--primary + .select2-container--default .select2-selection--single .select2-selection__rendered {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  padding: 0;
}
.user .select2--primary + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-135deg);
}
.user .select2--primary + .select2-container .select2-selection__arrow {
  align-items: center;
  bottom: 1px;
  color: #eeb077;
  display: flex;
  height: auto;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
.user .select2--primary + .select2-container .select2-selection__arrow b {
  border: 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  height: 8px;
  margin: 0;
  position: static;
  transform: rotate(45deg);
  transition: all 0.25s;
  width: 8px;
}
.form__group--invalid > input {
  background: rgba(253, 138, 166, 0.1);
  border-color: #fd8aa6;
}
.form__group--invalid .select2-container--default .select2-selection--single {
  background: rgba(253, 138, 166, 0.1);
  border-color: #fd8aa6;
}
.form__group--invalid .select2-selection--multiple {
  background: rgba(253, 138, 166, 0.1) !important;
  border-color: #fd8aa6 !important;
}
@media (max-width: 991px) {
  .user__table--collapse-lg tbody {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .user__table--collapse-lg tbody td {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px;
  }
  .user__table--collapse-lg tbody td[data-label]::before {
    content: attr(data-label);
  }
  .user__table--collapse-lg tbody th {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px;
  }
  .user__table--collapse-lg tbody tr {
    background: #fff;
    display: block;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .user__table--collapse-lg thead {
    display: none;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .user__table--collapse-lg tbody {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .user__table--collapse-md tbody {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .user__table--collapse-md tbody td {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px;
  }
  .user__table--collapse-md tbody td[data-label]::before {
    content: attr(data-label);
  }
  .user__table--collapse-md tbody th {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px;
  }
  .user__table--collapse-md tbody tr {
    background: #fff;
    display: block;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .user__table--collapse-md thead {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .user__table--collapse-md tbody {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .user__table:not(.user__table--collapse-lg, .user__table--collapse-md) tbody td {
    padding-left: 15px;
  }
  .user__table:not(.user__table--collapse-lg, .user__table--collapse-md) tbody td:last-child {
    padding-right: 15px;
  }
  .user__table:not(.user__table--collapse-lg, .user__table--collapse-md) tbody th {
    font-size: 16px;
    padding-left: 15px;
  }
  .user__table:not(.user__table--collapse-lg, .user__table--collapse-md) tbody tr {
    height: 60px;
  }
}

@-webkit-keyframes arrow {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(10px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(0);
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(10px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(0);
  }
}/*# sourceMappingURL=styles.css.map */