@charset "UTF-8";
@font-face {
  font-family: 'AvenirNextCyr-Bold';
  src: url("../fonts/AvenirNextCyr-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-Medium';
  src: url("../fonts/AvenirNextCyr-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-Light';
  src: url("../fonts/AvenirNextCyr-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-UltraLight';
  src: url("../fonts/AvenirNextCyr-UltraLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-Regular';
  src: url("../fonts/AvenirNextCyr-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-Demi';
  src: url("../fonts/AvenirNextCyr-Demi.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextCyr-Thin';
  src: url("../fonts/AvenirNextCyr-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RUBSN';
  src: url("../fonts/RUBSN.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Rivolicons-Free';
  src: url("../fonts/Rivolicons-Free.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

body {
  margin: 0;
  padding: 0;
  padding-top: 76px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s; }
  body.active {
    padding-top: 55px;
    -webkit-transition: all .3s;
    transition: all .3s; }

a {
  text-decoration: none; }

.wrapper {
  padding-left: 200px;
  background: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .wrapper-nopl {
    padding-left: 0; }

.header {
  height: 76px;
  position: fixed;
  right: 0;
  left: 200px;
  top: 0;
  z-index: 99;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .3s;
  transition: all .3s; }
  .header .open-main-menu {
    display: none; }
  .header.active {
    height: 55px;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .header.active .header__menu-item--deposit:before {
      height: 35px;
      top: -7px; }
  .header__menu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px; }
  .header__menu-item {
    list-style-type: none;
    padding-left: 50px;
    padding-right: 35px;
    position: relative; }
    .header__menu-item a {
      color: #000000;
      font-family: "AvenirNextCyr-Medium";
      -webkit-transition: all .3s;
      transition: all .3s;
      font-size: 16px; }
      .header__menu-item a:hover {
        color: #6c6c6c;
        -webkit-transition: all .3s;
        transition: all .3s; }
    .header__menu-item--deposit {
      padding-right: 90px; }
      .header__menu-item--deposit:before {
        border-left: 2px dotted rgba(0, 0, 0, 0.5);
        content: "";
        width: 1px;
        height: 50px;
        position: absolute;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        top: -14px;
        right: 45px; }
    .header__menu-item--deposit:after {
      position: absolute;
      left: 0;
      top: -5px;
      content: url("../icons/deposit-icon.png"); }
    .header__menu-item--billing:after {
      position: absolute;
      left: 0;
      top: -5px;
      content: url("../icons/tarif-icon.png"); }
    .header__menu-item--settings:after {
      position: absolute;
      left: 0;
      top: -5px;
      content: url("../icons/setting-icon.png"); }
    .header__menu-item--exit:after {
      position: absolute;
      left: 0;
      top: -5px;
      content: url("../icons/exit-icon.png"); }
    .header__menu-item.active.header__menu-item--deposit:after {
      content: url("../icons/depost-active.png"); }
    .header__menu-item.active.header__menu-item--billing:after {
      content: url("../icons/tarif-active.png"); }
    .header__menu-item.active.header__menu-item--settings:after {
      content: url("../icons/setting-active.png"); }
    .header__menu-item.active.header__menu-item--exit:after {
      content: url("../icons/exit-active.png"); }

.aside {
  position: absolute;
  width: 200px;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #322f31; }
  .aside .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 77px;
    width: inherit;
    background-color: #201f20;
    position: relative; }
    .aside .logo a {
      margin-top: 5px; }
  .aside .close-aside {
    display: none; }
  .aside .aside-top-line {
    background-color: #252525; }
  .aside .company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: #252525;
    margin-top: -20px;
    padding-top: 20px; }
    .aside .company__image {
      width: 141px;
      height: 141px;
      border-radius: 50%;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 28px 0;
      border: 2px dotted #ffffff;
      padding: 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      letter-spacing: 4px; }
      .aside .company__image img {
        width: 110%;
        height: 110%;
        -o-object-fit: cover;
        object-fit: cover; }
    .aside .company__name {
      font-size: 14px;
      color: white;
      padding-bottom: 18px;
      border-bottom: 2px dotted rgba(255, 255, 255, 0.3);
      font-family: "AvenirNextCyr-Medium";
      margin: 0;
      font-weight: normal; }
    .aside .company__deposit {
      color: #c0c0c0;
      font-family: "AvenirNextCyr-Medium";
      font-size: 14px;
      padding: 15px 22px;
      margin-bottom: 15px;
      position: relative; }
      .aside .company__deposit span {
        color: white;
        padding-bottom: 7px;
        border-bottom: 2px dashed rgba(255, 255, 255, 0.3);
        cursor: pointer; }
      .aside .company__deposit .icon-rub {
        font-size: 15px;
        font-family: "RUBSN";
        border-bottom: none; }
      .aside .company__deposit-hover {
        position: absolute;
        left: 160px;
        top: 0;
        background: #252525;
        display: none;
        width: 200px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 16px;
        border-radius: 6px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        .aside .company__deposit-hover a {
          color: #fff;
          font-size: 16px;
          font-family: "AvenirNextCyr-Medium";
          margin-left: 5px; }
      .aside .company__deposit:hover {
        background: #252525;
        border-radius: 6px;
        -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); }
        .aside .company__deposit:hover .company__deposit-hover {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-transition: all .3s;
          transition: all .3s; }
  .aside__menu {
    margin: 0 auto;
    padding: 0;
    width: 100px; }
    .aside__menu-item {
      list-style-type: none;
      padding: 22px 0;
      border-bottom: 2px dotted rgba(255, 255, 255, 0.3);
      text-align: center; }
      .aside__menu-item:nth-last-child(1) {
        border-bottom: none; }
      .aside__menu-item a {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-family: "AvenirNextCyr-Demi";
        font-weight: normal;
        -webkit-transition: all .3s;
        transition: all .3s;
        position: relative;
        display: block; }
        .aside__menu-item a.active {
          color: #eb212e; }
          .aside__menu-item a.active:after {
            content: "";
            font-family: LineAwesome;
            right: -22px;
            position: absolute;
            top: 50%;
            z-index: 1;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
        .aside__menu-item a:hover {
          opacity: 0.7;
          -webkit-transition: all .3s;
          transition: all .3s; }

.content {
  padding-top: 85px; }

.greeting {
  padding-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
  margin-left: 68px;
  margin-right: 80px; }
  .greeting__text {
    color: black;
    margin: 0; }
    .greeting__text--big {
      font-size: 36px;
      padding-bottom: 18px;
      font-family: "AvenirNextCyr-Light"; }
    .greeting__text--small {
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular"; }

.main-form {
  -webkit-box-shadow: -6px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 5px 5px rgba(0, 0, 0, 0.1); }
  .main-form .delivery-line {
    -webkit-transition: all .3s;
    transition: all .3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 400px; }
    .main-form .delivery-line__text {
      border-bottom: 1px dashed #323232; }
    .main-form .delivery-line:hover .delivery__text {
      opacity: 0.8;
      -webkit-transition: all .3s;
      transition: all .3s; }

.form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px; }
  .form_row .flex-sb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .form_row .flex-sb .delivery {
      margin-left: 8px;
      margin-right: 65px;
      display: block;
      width: 100%;
      margin-top: 5px; }
      .form_row .flex-sb .delivery .delivery__text {
        display: block;
        border-bottom: none; }
        .form_row .flex-sb .delivery .delivery__text:before {
          top: 10px; }
        .form_row .flex-sb .delivery .delivery__text span {
          border-bottom: 1px dashed #323232;
          padding-bottom: 2px; }
      .form_row .flex-sb .delivery .delivery__checkbox {
        display: none !important;
        color: #eb212e; }
      .form_row .flex-sb .delivery .delivery__checkbox:checked + span:before {
        content: "\f17d";
        color: #eb212e; }
      .form_row .flex-sb .delivery .delivery__checkbox:checked + span span {
        color: #eb212e;
        border-bottom: 1px dashed #eb212e; }
  .form_row--pb40 {
    padding-bottom: 40px; }
  .form_row--pb70 {
    padding-bottom: 70px; }
  .form_row--bb {
    position: relative; }
    .form_row--bb:after {
      position: absolute;
      content: "";
      left: 50px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3; }
  .form_row input {
    padding: 18px;
    font-size: 16px;
    height: 50px;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    outline: none;
    display: block;
    width: calc(100% - 45px);
    font-family: "AvenirNextCyr-Regular";
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .form_row input.datepicker {
      z-index: 9; }
      .form_row input.datepicker:focus {
        border-radius: 7px 7px 7px 0px; }
    .form_row input:hover {
      -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      -webkit-transition: all .3s;
      transition: all .3s; }
    .form_row input:focus::-webkit-input-placeholder {
      color: transparent; }
    .form_row input:focus::-moz-placeholder {
      color: transparent; }
    .form_row input:focus:-moz-placeholder {
      color: transparent; }
    .form_row input:focus:-ms-input-placeholder {
      color: transparent; }
  .form_row .input-line-left {
    width: 90px;
    height: 1px;
    right: -10%;
    top: 70%;
    z-index: 10;
    content: " ";
    border-bottom: 2px dotted #959595;
    position: absolute; }
    .form_row .input-line-left.input-line-left--active {
      border-bottom: 2px dotted #eb212e; }
  .form_row .item-form--line .input-line-left {
    top: 50%; }
  .form_row textarea {
    width: calc(100% - 50px);
    height: 150px;
    resize: none;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    padding: 18px;
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular";
    outline: none; }
  .form_row textarea:hover {
    -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
    -webkit-transition: all .3s;
    transition: all .3s; }

.item-form {
  padding-left: 50px;
  position: relative;
  padding-top: 40px;
  width: 45%; }
  .item-form--mta {
    margin-top: auto; }
  .item-form .label-form {
    position: relative;
    margin-bottom: 24px;
    display: block; }
    .item-form .label-form span {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: -60px;
      font-size: 13px;
      color: #4d4d4d;
      font-family: "AvenirNextCyr-Regular"; }
  .item-form-line-b:before {
    display: none;
    position: absolute;
    width: calc(100% - 75px);
    height: 1px;
    content: "";
    bottom: 2px;
    left: 0;
    border-bottom: 2px dotted #959595;
    margin-left: 65px;
    opacity: 0.9; }
  .item-form--active.item-form-line-b:before {
    border-bottom: 2px dotted #eb212e; }
  .item-form .input-loc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .item-form .input-loc input {
      width: calc(100% - 95px);
      z-index: 30; }
      .item-form .input-loc input.click {
        border-radius: 7px 7px 0px 0px; }
  .item-form .end-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .item-form .end-price .add-price {
      margin-left: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
  .item-form .red-location {
    width: 55px;
    background: #eb212e;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -5px;
    z-index: 28;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative; }
    .item-form .red-location:hover {
      background: #f15d66;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .item-form .red-location i {
      font-size: 18px; }
  .item-form--large {
    width: 100%; }
  .item-form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
    font-family: "AvenirNextCyr-Medium"; }
    .item-form__title-to-a {
      position: relative; }
      .item-form__title-to-a:before {
        position: absolute;
        width: 30px;
        height: 80px;
        content: "";
        left: -38px;
        bottom: 10px;
        border-bottom: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-radius: 0px  0px 0px 70px; }
    .item-form__title-to-service {
      position: relative; }
      .item-form__title-to-service:before {
        position: absolute;
        width: 30px;
        height: 123px;
        content: "";
        left: -38px;
        bottom: 10px;
        border-bottom: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-radius: 0px  0px 0px 70px; }
    .item-form__title-to-pocht {
      position: relative; }
      .item-form__title-to-pocht:before {
        position: absolute;
        width: 30px;
        height: 168px;
        content: "";
        left: -38px;
        bottom: -39px;
        border-bottom: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-radius: 0px  0px 0px 70px; }
      .item-form__title-to-pocht:after {
        position: absolute;
        display: none;
        width: 30px;
        height: 103px;
        content: "";
        left: -38px;
        top: 60px;
        border-top: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-radius: 70px 0px  0px 0px; }
    .item-form__title-to-train {
      position: relative; }
      .item-form__title-to-train:before {
        position: absolute;
        width: 30px;
        height: 168px;
        content: "";
        left: -38px;
        bottom: -39px;
        border-bottom: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-radius: 0px  0px 0px 70px; }
      .item-form__title-to-train:after {
        position: absolute;
        width: 30px;
        height: 110px;
        content: "";
        left: -38px;
        top: 60px;
        border-top: 2px dotted #959595;
        border-left: 2px dotted #959595;
        border-bottom: 2px dotted #959595;
        border-radius: 70px 0px  0px 70px; }
    .item-form__title--active.item-form__title-to-a:before {
      border-bottom: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e; }
    .item-form__title--active.item-form__title-to-service:before {
      border-bottom: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e; }
    .item-form__title--active.item-form__title-to-pocht:before {
      border-bottom: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e; }
    .item-form__title--active.item-form__title-to-train:before {
      border-bottom: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e; }
    .item-form__title--active-input.item-form__title-to-train:after {
      border-top: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e;
      border-bottom: 2px dotted #eb212e; }
    .item-form__title .link-book {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: 20px;
      color: #323232;
      font-size: 14px;
      font-family: "AvenirNextCyr-Medium"; }
      .item-form__title .link-book span {
        margin-left: 5px;
        border-bottom: 1px dashed #000000; }
  .item-form .trackbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .item-form .trackbar__input-range {
      padding: 0;
      width: 100%;
      -webkit-appearance: none;
      height: 4px;
      background: #eb2a36;
      outline: none;
      border: none; }
      .item-form .trackbar__input-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: #eb2a36;
        cursor: pointer; }
      .item-form .trackbar__input-range::-moz-range-thumb {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: #eb2a36;
        cursor: pointer; }
    .item-form .trackbar__input-value {
      width: 18%;
      margin-left: 10px; }
    .item-form .trackbar .wrapp-range {
      position: relative;
      width: 73%; }
    .item-form .trackbar .add-price--range {
      position: absolute;
      top: -25px;
      font-size: 13px;
      font-family: "AvenirNextCyr-Demi";
      color: white;
      background: #eb2a36;
      padding: 4px 7px;
      border-radius: 10px 10px 0px 10px;
      white-space: nowrap; }
      .item-form .trackbar .add-price--range .icon-rub {
        font-family: "RUBSN"; }

.delivery {
  margin-top: 15px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 10;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .delivery:hover {
    cursor: pointer; }
  .delivery .add-price {
    margin-left: 20px; }
  .delivery__text {
    border-bottom: 1px dashed #323232;
    padding-bottom: 2px;
    position: relative;
    margin-left: 35px;
    color: #323232;
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    padding-top: 2px; }
    .delivery__text:before {
      width: 22px;
      height: 22px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      content: "\f18b";
      font-size: 21px;
      color: #565656;
      position: absolute;
      left: -25px;
      top: 2px;
      font: normal normal normal 21px/1 FontAwesome;
      font-weight: bold; }

.delivery__checkbox {
  display: none !important;
  color: #eb212e; }

.delivery__checkbox:checked + span:before {
  content: "\f17d";
  color: #eb212e; }

.delivery__checkbox:checked + span {
  color: #eb212e;
  border-bottom: 1px dashed #eb212e; }

.group-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .group-input__title {
    margin-right: 10px;
    color: #4d4d4d;
    font-size: 14px;
    display: block;
    font-family: "AvenirNextCyr-Regular"; }
  .group-input .add-price {
    margin-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap; }
  .group-input label {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .group-input input {
    width: auto;
    max-width: 100px; }

.difficult-route__link {
  font-size: 15px;
  text-transform: uppercase;
  padding: 15px;
  border-radius: 7px;
  border: 2px dotted #898989;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "AvenirNextCyr-Medium"; }
  .difficult-route__link span {
    padding-bottom: 3px;
    border-bottom: 1px dashed #707070;
    -webkit-transition: color .3s;
    transition: color .3s; }
    .difficult-route__link span:hover {
      color: #6b6b6b;
      -webkit-transition: color .3s;
      transition: color .3s; }

.point {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px dotted #959595;
  color: #eb212e;
  font-size: 16px;
  position: absolute;
  left: -15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "AvenirNextCyr-Demi";
  background: #fff;
  z-index: 10; }
  .point:after {
    -webkit-transition: height .5s;
    transition: height .5s; }
  .point.hide:after {
    height: 50px;
    -webkit-transition: height .5s;
    transition: height .5s; }
  .point i {
    font-size: 24px; }
  .point .delivery {
    margin: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px; }
    .point .delivery__text {
      padding: 0;
      margin: 0; }
      .point .delivery__text:before {
        position: absolute;
        left: 0;
        top: 0; }
  .point-line-down:after {
    position: absolute;
    width: 1px;
    content: "";
    left: 25px;
    top: 100%;
    height: 250px;
    z-index: 10;
    background: #ffffff;
    border-left: 2px dotted #959595;
    letter-spacing: 15px; }
  .point-line-down-dov:after {
    position: absolute;
    width: 1px;
    content: "";
    top: 100%;
    height: 150px;
    border-left: 2px dotted #959595;
    letter-spacing: 15px; }
  .point-line-down-door:after {
    position: absolute;
    width: 1px;
    content: "";
    top: 100%;
    height: 150px;
    border-left: 2px dotted #959595;
    letter-spacing: 15px; }
  .point--active {
    border: 2px dotted #eb212e;
    color: #eb212e !important; }
    .point--active.point-line-to-b:before {
      border-bottom: 2px dotted #eb212e;
      border-left: 2px dotted #eb212e;
      border-right: 2px dotted #eb212e; }
    .point--active.point-line-to-a:before {
      border-bottom: 2px dotted #eb212e;
      border-right: 2px dotted #eb212e; }
  .point--active-down.point-line-down:after {
    border-left: 2px dotted #eb212e; }
  .point--active-down.point-line-down-dov:after {
    border-left: 2px dotted #eb212e; }
  .point--active-down.point-line-down-door:after {
    border-left: 2px dotted #eb212e; }
  .point-line-to-b:before {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 25px;
    content: '';
    height: 27px;
    width: 50px;
    border-bottom: 2px dotted #959595;
    border-left: 2px dotted #959595;
    border-radius: 0px 0 0 30px;
    display: none; }
  .point-line-to-b-js {
    --c: 150px;
    --b: 56px;
    top: 80px; }
    .point-line-to-b-js:before {
      display: block;
      position: absolute;
      top: 55px;
      left: 25px;
      z-index: 5;
      content: '';
      height: var(--b);
      width: var(--c);
      border-bottom: 2px dotted #959595;
      border-left: 2px dotted #959595;
      border-right: 2px dotted #959595;
      border-radius: 0px 0 30px 30px; }
  .point-line-to-a {
    top: 80px; }
    .point-line-to-a:before {
      display: block;
      position: absolute;
      bottom: -30px;
      right: 25px;
      content: '';
      height: 25px;
      width: 50px;
      border-right: 2px dotted #959595;
      border-bottom: 2px dotted #959595;
      border-radius: 0px 0 30px 0px;
      display: none; }
  .point--mt19 {
    margin-top: 19px; }
  .point--mt22 {
    margin-top: 22px; }
  .point--mt36 {
    margin-top: 36px; }

.point-and-link {
  position: relative;
  margin-top: 40px; }

.add-price {
  font-size: 13px;
  font-family: "AvenirNextCyr-Demi";
  color: white;
  background: #eb212e;
  padding: 6px 9px;
  padding-left: 0;
  margin-left: 12px;
  border-radius: 0px 30px 30px 0px;
  position: relative;
  z-index: 10;
  min-width: 55px;
  height: 28px; }
  .add-price:before {
    position: absolute;
    content: " ";
    width: 19.5px;
    height: 19.5px;
    background: #eb212e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
    left: -10px;
    z-index: -1; }
  .add-price.add-price-greey {
    background: #e0e0e0; }
    .add-price.add-price-greey:before {
      background: #e0e0e0; }
  .add-price .icon-rub {
    font-family: "RUBSN"; }

.paddinglr {
  padding-left: 68px;
  padding-right: 80px; }

.pdleft15 {
  padding-left: 15px; }

.mdleft15 {
  margin-left: 15px !important; }

.additional-services {
  -webkit-box-shadow: -6px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 5px 5px rgba(0, 0, 0, 0.1);
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  font-size: 16px; }
  .additional-services .item-form {
    padding-top: 0; }
  .additional-services__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .additional-services__header span {
      color: #eb212e;
      font-size: 14px;
      margin-left: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      -webkit-transition: all .3s;
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px; }
      .additional-services__header span:hover {
        color: #f15d66;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .additional-services__header span:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .additional-services__header span:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .additional-services__title {
    margin-left: 15px;
    margin-right: 16px;
    font-size: 30px;
    font-family: "AvenirNextCyr-Light";
    font-weight: normal;
    margin-bottom: 0; }
  .additional-services .difficult-route__link {
    margin-left: 50px; }
  .additional-services p {
    margin: 0;
    margin-left: 50px;
    padding-top: 30px;
    padding-bottom: 40px;
    font-family: "AvenirNextCyr-Medium";
    color: #666666;
    padding-right: 50px; }
    .additional-services p.p--bb {
      position: relative; }
      .additional-services p.p--bb:after {
        content: "";
        left: 0;
        bottom: 0;
        right: 50px;
        height: 1px;
        position: absolute;
        background: #e3e3e3; }
  .additional-services .form_row__desc {
    margin: 0;
    margin-top: 19px;
    padding: 0;
    font-size: 14px; }

.order-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  bottom: -140px;
  -webkit-box-shadow: -8px 0px 15px rgba(0, 0, 0, 0.15);
  box-shadow: -8px 0px 15px rgba(0, 0, 0, 0.15);
  height: 140px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1000; }
  .order-cost__open-mobile {
    display: none; }
  .order-cost__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .order-cost__h3 {
    margin: 0;
    padding: 0;
    font-size: 37px;
    font-family: "AvenirNextCyr-Thin";
    color: #000000;
    font-weight: normal; }
  .order-cost__more-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-left: 45px; }
    .order-cost__more-info span {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: #4d4d4d; }
    .order-cost__more-info:before {
      content: "}";
      position: absolute;
      top: -10px;
      left: -22px;
      color: #eb212e;
      font-size: 45px;
      font-family: "AvenirNextCyr-Thin";
      font-weight: normal; }
  .order-cost__btn {
    padding: 12px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eb212e;
    color: white;
    font-size: 15px;
    font-family: "AvenirNextCyr-Demi";
    text-transform: uppercase;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .order-cost__btn:hover {
      background: #f15d66;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .order-cost__btn img {
      margin-right: 10px; }
  .order-cost__price {
    color: #444444;
    font-family: "AvenirNextCyr-Regular";
    font-size: 37px; }
  .order-cost__rub {
    font-size: 37px;
    font-family: "RUBSN";
    color: #444444;
    padding-left: 7px; }
  .order-cost__tarif {
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    color: #323232; }
  .order-cost.open-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .order-cost.order-slick {
    position: fixed;
    bottom: 0;
    left: 200px;
    right: 0;
    width: auto;
    z-index: 1000; }

.payment-method {
  padding-bottom: 60px;
  padding-top: 60px;
  position: relative; }
  .payment-method.margin-order {
    margin-bottom: 140px; }
  .payment-method__title {
    font-size: 30px;
    font-weight: normal;
    font-family: "AvenirNextCyr-Light";
    margin: 0; }
  .payment-method__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start; }
    .payment-method__list a {
      color: #323232;
      font-size: 14px;
      font-family: "AvenirNextCyr-Medium";
      line-height: 1;
      display: block;
      margin-left: 10px;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .payment-method__list a span {
        border-bottom: 1px dashed #999;
        /* display: inline; */
        line-height: 1.2; }

.payment-method__list .ui-selectmenu-text
{
	font-size: 14px;
	border-bottom: 0px;
}
.payment-method__list .ui-selectmenu-button.ui-button
{
	padding: 0px 30px 0px 10px;
}

  .payment-method__item {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    /*.payment-method__item:nth-child(1) {
      width: 15%; }
    .payment-method__item:nth-child(2) {
      width: 16%; }
    .payment-method__item:nth-child(3) {
      width: 13%; } */
    .payment-method__item:hover {
      opacity: 0.75;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .payment-method__item--red a {
      color: #eb212e; }
      .payment-method__item--red a span {
        border-bottom: 1px dashed #eb212e;
        /* display: inline; */
        line-height: 1.2; }

/*Footer*/
.footer {
  width: 100%;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #efefef;
  color: #5d5d5d;
  font-size: 14px;
  font-family: "AvenirNextCyr-Medium";
  padding-left: 87px;
  padding-right: 82px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: auto; }
  .footer__menu {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .footer__menu-item {
      margin-left: 48px; }
  .footer a {
    text-decoration: none;
    color: #5d5d5d; }
    .footer a:hover {
      color: #eb212e; }

/*.Footer*/
.layer-menu {
  display: none;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: -400px;
  width: 100%;
  left: 0;
  bottom: -400px; }

.popup-map {
  background-color: white;
  color: black;
  padding: 32px 43px;
  width: 1100px;
  max-width: 1100px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  background-image: url("../img/bg-popup-index.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .popup-map-layout {
    z-index: 990;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("../img/bg-popup-index.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .popup-map__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px; }
    .popup-map__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-map__header span {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      -webkit-transition: all .3s;
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px;
      text-align: left; }
      .popup-map__header span:hover {
        color: #f15d66;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-map__header span:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-map__header span:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .popup-map .search-staff {
    margin-bottom: 38px; }
  .popup-map .search-staff span {
    font-size: 14px;
    color: #4d4d4d;
    font-family: "AvenirNextCyr-Regular";
    margin-right: 0;
    display: block;
    width: 60px;
    text-align: left; }
  .popup-map .map-wrapp {
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
  .popup-map #map {
    width: 100%;
    height: 100%; }

/**UI*/
.ui-selectmenu-button,
.selectmenu-button-closed {
  border: none;
  background: #fff; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  background: #fff;
  border: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding-left: 10px;
  color: black; }

.ui-button {
  padding: 0;
  outline: none;
  padding-top: 15px;
  border-radius: 7px 7px 0px 0px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding-left: 10px;
  padding-right: 10px; }

.ui-selectmenu-text {
  font-size: 16px;
  font-family: "AvenirNextCyr-Medium";
  border-bottom: 1px dashed #050505;
  margin-right: 0;
  padding-bottom: 3px;
  color: #000000; }

.ui-menu .ui-menu-item-wrapper {
  padding: 15px 10px;
  border: none;
  font-size: 16px;
  font-family: "AvenirNextCyr-Medium";
  color: black;
  font-weight: normal; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: none;
  background: #f4f4f4;
  color: #6c6c6c;
  margin: 0;
  border-radius: 7px; }

.select-choice--city .ui-selectmenu-button.ui-button {
  width: 130px; }

.select-choice--question .ui-selectmenu-button.ui-button {
  width: 280px; }

.select-choice--theme .ui-selectmenu-button.ui-button {
  width: 320px; }

.ui-selectmenu-button.ui-button {
  width: inherit; }

.ui-selectmenu-menu .ui-menu {
  padding-top: 0px;
  border-radius: 0px 0px 7px 7px;
  border-top: none;
  max-height: 250px; }

.ui-button .ui-icon {
  display: none; }

.ui-selectmenu-button-open.ui-button {
  border-left: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
  border-top: 1px solid #b7b7b7; }

.ui-selectmenu-text:after {
  content: "\f110";
  -webkit-transition: all .4s;
  transition: all .4s;
  font-size: 17px;
  color: #000000;
  font-family: "FontAwesome";
  width: 21px;
  height: 21px;
  right: 4px;
  position: absolute;
  transition: all .4s;
  font-weight: bold; }

.ui-selectmenu-button-open .ui-selectmenu-text:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .4s;
  transition: all .4s;
  right: 8px; }

.ui-widget {
  font-size: 16px;
  font-family: "AvenirNextCyr-Medium"; }

.ui-front {
  z-index: 20; }

/*ui-datepicker*/
.ui-datepicker {
  display: block;
  z-index: 10 !important;
  width: 215px;
  font-family: "AvenirNextCyr-Regular";
  padding: 0;
  border-radius: 0px 7px 7px 7px;
  border: 1px solid #b7b7b7;
  overflow: hidden;
  margin-top: -1px; }

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-button:hover, .ui-datepicker .ui-button:focus {
  padding: 0;
  border: none; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 12px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  cursor: pointer; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  cursor: pointer; }

.ui-datepicker .ui-widget-header {
  background: #fff;
  border: none;
  padding: 0;
  padding-top: 10px; }

.ui-icon {
  width: 14px;
  height: 14px; }

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background: url("../icons/left-calendar.png"); }

.ui-widget-header .ui-datepicker-next .ui-icon {
  background: url("../icons/right-calendar.png"); }

.ui-datepicker-month,
.ui-datepicker-year {
  font-family: "AvenirNextCyr-Regular";
  font-size: 12px;
  color: #eb212e; }

.ui-datepicker th {
  font-size: 12px;
  color: #616161;
  background: #f6f4f4;
  font-weight: normal; }

.ui-datepicker .ui-state-default {
  font-size: 12px;
  color: #616161;
  border: none;
  padding: 0;
  background: #fff;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "AvenirNextCyr-Regular"; }

.ui-datepicker .ui-state-default:hover {
  border-radius: 7px;
  background: #fbd3d5; }

.ui-datepicker .ui-state-active {
  border-radius: 7px;
  background: #fbd3d5; }

.ui-datepicker .ui-state-highlight {
  color: #eb2a36; }

/**UI*/
.select-mc--time {
  position: relative; }

.select-mc--time .ui-selectmenu-button.ui-button {
  padding: 14px 15px;
  border: 1px solid #b7b7b7;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 25px;
  position: relative; }

.select-mc--time .ui-selectmenu-button.ui-button:before {
  width: 14px;
  height: 1px;
  top: 50%;
  left: -20px;
  z-index: 10;
  content: " ";
  border-bottom: 2px dotted #959595;
  position: absolute; }

.select-mc--time .ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
  border-bottom: none;
  border-radius: 7px 7px 0px 0px; }

.select-mc--time .ui-selectmenu-button.ui-button .ui-selectmenu-text {
  padding: 0;
  border: none;
  color: #898989;
  font-size: 16px;
  font-family: "AvenirNextCyr-Regular"; }

.select-mc--time .ui-selectmenu-button.ui-button .ui-selectmenu-text:after {
  display: none; }

.select-mc--time .ui-selectmenu-button.ui-button .ui-state-active, .select-mc--time .ui-selectmenu-button.ui-button .ui-widget-content .ui-state-active, .select-mc--time .ui-selectmenu-button.ui-button .ui-widget-header .ui-state-active {
  text-align: center;
  background: none; }

.select-mc--time .ui-selectmenu-button.ui-button .ui-menu-item-wrapper {
  text-align: center;
  color: #898989; }

.select-mc--time .ui-selectmenu-button.ui-button .ui-menu-item-wrapper:hover {
  text-align: center;
  color: #000000;
  background: #f4f4f4; }

.ui-selectmenu-menu .select-mc--time .ui-selectmenu-button.ui-button {
  padding-top: 0 !important; }

.select-mc--time .ui-selectmenu-menu .ui-menu {
  max-height: 150px;
  overflow-y: auto; }

.select-mc--time .ui-selectmenu-menu .ui-menu-item {
  text-align: center;
  background: none; }

.autocomplit {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 868px;
  z-index: 20;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px 0px 7px 7px;
  border: 1px solid #b7b7b7;
  padding: 20px;
  padding-left: 0;
  display: none; }
  .autocomplit-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .autocomplit-right {
    left: 0;
    top: 49px; }
    .autocomplit-right:after {
      content: "";
      width: 60px;
      top: 0px;
      bottom: 0px;
      left: 50%;
      background: -webkit-gradient(linear, left top, right top, from(black), to(white));
      background: linear-gradient(to right, black, white);
      position: absolute;
      z-index: 20;
      opacity: 0.1; }
    .autocomplit-right .autocomplit__second {
      margin-left: 14px; }
  .autocomplit-left {
    right: 45px;
    top: 49px; }
    .autocomplit-left .autocomplit__second {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1; }
    .autocomplit-left:after {
      content: "";
      width: 60px;
      top: 0px;
      bottom: 0px;
      background: -webkit-gradient(linear, left top, right top, from(black), to(white));
      background: linear-gradient(to right, black, white);
      position: absolute;
      z-index: 20;
      opacity: 0.1;
      left: 480px; }
    .autocomplit-left .autocomplit__first {
      margin-left: 14px; }
  .autocomplit .autocomplete-suggestion {
    font-family: "AvenirNextCyr-Regular";
    font-size: 16px;
    color: #898989;
    padding: 14px 0;
    padding-left: 40px;
    position: relative;
    cursor: pointer; }
    .autocomplit .autocomplete-suggestion:hover {
      background: rgba(137, 137, 137, 0.1); }
    .autocomplit .autocomplete-suggestion:after {
      position: absolute;
      left: 26px;
      top: -18px;
      bottom: 30px;
      width: 1px;
      border-left: 2px dotted #959595;
      content: "";
      z-index: 2; }
    .autocomplit .autocomplete-suggestion:before {
      position: absolute;
      width: 8px;
      height: 8px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      left: 23px;
      bottom: 20px;
      border-radius: 50%;
      border: 1px solid #959595;
      content: "";
      z-index: 2; }
    .autocomplit .autocomplete-suggestion strong {
      font-family: "AvenirNextCyr-Medium";
      color: #201f20;
      font-weight: normal; }
  .autocomplit__first {
    position: relative;
    width: 460px;
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden; }
    .autocomplit__first::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .autocomplit__first::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb; }
    .autocomplit__first::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background-color: #cccccc; }
  .autocomplit__second {
    position: relative;
    width: 460px;
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0px; }
    .autocomplit__second::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .autocomplit__second::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb; }
    .autocomplit__second::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background-color: #cccccc; }
  .autocomplit__title {
    font-family: "AvenirNextCyr-Medium";
    color: #201f20;
    font-size: 16px;
    background: #ffffff;
    z-index: 20;
    position: relative;
    padding-left: 20px; }

.error {
  position: relative; }
  .error input {
    border: 1px solid #eb212e !important; }
  .error .error-msg {
    display: block;
    position: absolute;
    font-size: 13px;
    /* font-family: "AvenirNextCyr-Demi"; */
    font-family: "AvenirNextCyr-Regular";
    color: white;
    right: 0;
    top: -33px;
    z-index: 20;
    background: #eb212e;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 7px 7px 7px 0px; }
    .error .error-msg:before {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 21;
      border: 4px solid transparent;
      border-left: 10px solid #eb212e; }

.error .ui-selectmenu-button
{
	border: 1px solid #eb212e !important;
}

.oops {
  height: 59px;
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
  background: #de1f2b;
  z-index: 100 !important;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0px 0px 7px 7px;
  overflow: hidden;
  padding-top: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .oops span {
    font-size: 16px;
    font-family: "AvenirNextCyr-Demi";
    color: #ffffff;
    margin-left: 12px; }
  .oops:after {
    left: 0px;
    top: 0px;
    height: 7px;
    width: 100%;
    background: #ffffff;
    position: absolute;
    content: "";
    border-radius: 0px 0px 7px 7px;
    -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15); }

.ballum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  z-index: 990; }

.ballum__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 205px;
  background: #fff;
  color: #363636;
  font-size: 14px;
  font-family: "AvenirNextCyr-Demi";
  border-radius: 7px 7px 7px 0px;
  padding: 10px 0px; }

.ballum__btn {
  width: 100px;
  background: #fff;
  color: #363636;
  border: none;
  font-size: 12px;
  font-family: "AvenirNextCyr-Demi";
  padding-bottom: 10px;
  outline: none;
  cursor: pointer;
  border-radius: 0px 0px 7px 0px;
  position: relative;
  display: block;
  margin-top: -2px; }

.ballum__btn:after {
  position: absolute;
  bottom: -4px;
  left: -6px;
  content: "";
  width: 12px;
  height: 12px;
  background: linear-gradient(45deg, transparent 50%, #ffffff 50%);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0px 0px 3px 0px; }

.ballum__btn span {
  padding-bottom: 2px;
  border-bottom: 1px dashed #363636; }

.book-modal {
  background-color: white;
  color: black;
  width: 1100px;
  max-width: 1100px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  background-image: url("../img/bg-popup-index.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0; }
  .book-modal__top {
    padding: 32px 43px;
    -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    padding-bottom: 45px; }
  .book-modal__bottom {
    padding: 40px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .book-modal__bottom i {
      font-size: 18px;
      color: #eb212e;
      margin-right: 5px; }
  .book-modal__content {
    position: relative; }
    .book-modal__content:after {
      position: absolute;
      left: 32px;
      right: 32px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }

.tabl-book {
  font-size: 14px;
  color: black;
  font-family: "AvenirNextCyr-Regular";
  width: 100%;
  padding: 32px 43px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px; }
  .tabl-book span {
    text-align: left; }
  .tabl-book__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    position: relative;
    font-family: "AvenirNextCyr-Medium"; }
    .tabl-book__header:after {
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-book__scroll {
    height: 270px;
    overflow-y: auto; }
    .tabl-book__scroll::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .tabl-book__scroll::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb; }
    .tabl-book__scroll::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background-color: #cccccc; }
  .tabl-book__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 2px;
    border-radius: 7px; }
    .tabl-book__row:nth-child(2n) {
      background: #f4f4f4; }
  .tabl-book__main-info {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px; }
  .tabl-book__secondary-info {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .tabl-book__item {
    padding: 10px 0;
    text-align: left; }
    .tabl-book__item--name {
      width: 50%; }
      .tabl-book__item--name.red-text {
        color: #eb212e; }
    .tabl-book__item--pers-phone {
      width: 50%; }
      .tabl-book__item--pers-phone input {
        display: none; }
      .tabl-book__item--pers-phone span {
        cursor: pointer;
        border-bottom: 1px dashed #000000;
        padding-bottom: 2px;
        margin-left: 30px;
        position: relative; }
        .tabl-book__item--pers-phone span:before {
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #565656;
          position: absolute;
          top: 2px;
          left: -30px;
          content: "";
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
      .tabl-book__item--pers-phone input:checked ~ span {
        border-bottom: 1px dashed #eb212e;
        color: #eb212e; }
      .tabl-book__item--pers-phone input:checked ~ span:before {
        border: 1px solid #eb212e;
        content: "\2022"; }
    .tabl-book__item--work-phone {
      width: 35%; }
      .tabl-book__item--work-phone input {
        display: none; }
      .tabl-book__item--work-phone span {
        cursor: pointer;
        border-bottom: 1px dashed #000000;
        padding-bottom: 2px;
        margin-left: 30px;
        position: relative; }
        .tabl-book__item--work-phone span:before {
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #565656;
          position: absolute;
          top: 2px;
          left: -30px;
          content: "";
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
      .tabl-book__item--work-phone input:checked ~ span {
        border-bottom: 1px dashed #eb212e;
        color: #eb212e; }
      .tabl-book__item--work-phone input:checked ~ span:before {
        border: 1px solid #eb212e;
        content: "\2022"; }
    .tabl-book__item--adress {
      width: 65%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .tabl-book__item--adress .more {
        font-size: 12px;
        font-family: "AvenirNextCyr-Regular";
        color: #898989; }

.header-two {
  height: 78px;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 130px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 150; }
  .header-two .logo img {
    z-index: 10; }
  .header-two .navigation {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000; }
  .header-two .back-site {
    display: flex;
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000; }
    .header-two .back-site img {
      margin-right: 10px; }
    .header-two .back-site span {
      margin-top: 5px; }
  .header-two .select-mc {
    position: relative;
    padding: 0 8px;
    margin-left: 30px;
    padding-top: 5px;
    border-radius: 7px 7px 0px 0px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    z-index: 99; }
    .header-two .select-mc .option-mc {
      position: absolute;
      display: none;
      list-style-type: none;
      margin: 0;
      padding: 0 8px;
      left: -1px;
      right: -1px;
      padding-top: 25px;
      background: #fff;
      border-radius: 0px 0px 7px 7px;
      border-bottom: 1px solid #b7b7b7;
      border-left: 1px solid #b7b7b7;
      border-right: 1px solid #b7b7b7;
      z-index: 100; }
      .header-two .select-mc .option-mc__item {
        display: flex;
        margin-bottom: 25px;
        cursor: pointer; }
        .header-two .select-mc .option-mc__item .img-lang {
          margin-right: 10px;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          box-sizing: border-box;
          overflow: hidden; }
    .header-two .select-mc--open {
      border-top: 1px solid #b7b7b7;
      border-left: 1px solid #b7b7b7;
      border-right: 1px solid #b7b7b7; }
      .header-two .select-mc--open .option-mc {
        display: block; }
  .header-two .lang-chois {
    display: flex;
    cursor: pointer; }
    .header-two .lang-chois .img-lang {
      margin-right: 10px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      box-sizing: border-box;
      overflow: hidden; }
    .header-two .lang-chois .name-lang {
      border-bottom: 1px dashed #959595;
      padding-bottom: 3px; }
      .header-two .lang-chois .name-lang i {
        margin-left: 35px;
        color: #565656; }

.content-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 148px;
  background-image: url("../img/bg-login.png");
  background-position: center;
  background-repeat: no-repeat;
  height: calc(100vh - 64px  - 76px); }
  .content-login .login-title {
    font-size: 36px;
    font-family: "AvenirNextCyr-Light";
    font-weight: normal;
    margin: 0;
    color: black; }
  .content-login .login-desc {
    font-size: 16px;
    margin: 0;
    font-family: "AvenirNextCyr-Regular";
    color: black;
    margin-top: 15px; }

.login-form {
  width: 100%;
  padding: 0 217px;
  box-sizing: border-box;
  margin-top: 54px; }
  .login-form__group {
    display: flex;
    justify-content: space-between; }
    .login-form__group label {
      width: 47%;
      box-sizing: border-box;
      position: relative; }
      .login-form__group label span {
        font-size: 18px;
        font-family: "AvenirNextCyr-Medium";
        color: #000000;
        margin-bottom: 15px;
        display: block; }
      .login-form__group label input {
        width: 100%;
        box-sizing: border-box;
        padding: 18px;
        font-size: 16px;
        height: 50px;
        border-radius: 7px;
        box-sizing: border-box;
        border: 1px solid #b7b7b7;
        outline: none;
        display: block;
        font-family: "AvenirNextCyr-Regular";
        transition: all .3s; }
        .login-form__group label input:hover {
          box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
          transition: all .3s; }
        .login-form__group label input:focus::-webkit-input-placeholder {
          color: transparent; }
        .login-form__group label input:focus::-moz-placeholder {
          color: transparent; }
        .login-form__group label input:focus:-moz-placeholder {
          color: transparent; }
        .login-form__group label input:focus:-ms-input-placeholder {
          color: transparent; }
      .login-form__group label .error-msg {
        display: none; }
      .login-form__group label.error .error-msg {
        display: block;
        position: absolute;
        font-size: 13px;
        font-family: "AvenirNextCyr-Demi";
        color: white;
        left: 100%;
        top: 0;
        z-index: 20;
        background: #eb212e;
        width: fit-content;
        padding: 5px 10px;
        border-radius: 7px 7px 7px 0px; }
        .login-form__group label.error .error-msg:before {
          content: "";
          position: absolute;
          bottom: -4px;
          left: 0;
          z-index: 21;
          border: 4px solid transparent;
          border-left: 10px solid #eb212e; }
      .login-form__group label.error input {
        border: 1px solid #eb212e; }
  .login-form .difficult-route__link {
    margin: 0 auto;
    text-transform: unset; }
  .login-form__desc {
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    text-align: center;
    margin: 0 auto;
    margin-bottom: 22px;
    padding: 0 20px;
    padding-top: 22px;
    width: fit-content;
    border-top: 2px dotted #959595; }
  .login-form__btn {
    background: #eb212e;
    border: none;
    border-radius: 7px;
    font-size: 15px;
    color: white;
    font-family: "AvenirNextCyr-Demi";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    height: 58px;
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 28px;
    transition: all .3s;
    cursor: pointer; }
    .login-form__btn:hover {
      background: #f15d66;
      transition: all .3s; }
    .login-form__btn span {
      position: relative;
      display: flex;
      align-items: center; }
      .login-form__btn span:before {
        content: url("../icons/auth-icon.png");
        padding-right: 15px; }

.title-page {
  font-size: 36px;
  font-family: "AvenirNextCyr-Light";
  font-weight: normal;
  margin: 0;
  margin-bottom: 18px; }
  .title-page--fz30 {
    font-size: 30px;
    margin-bottom: 18px; }

.desc-page {
  font-size: 16px;
  font-family: "AvenirNextCyr-Medium";
  padding-bottom: 40px;
  margin: 0;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 33px; }
  .desc-page a {
    color: #eb212e; }

.content-support__top {
  padding-left: 86px;
  padding-right: 80px; }

.content-support .textarea-support {
  width: 100%;
  resize: none;
  font-size: 16px;
  font-family: "AvenirNextCyr-Regular";
  padding: 17px;
  box-sizing: border-box;
  height: 150px;
  border-radius: 7px;
  border: 1px solid #b7b7b7;
  outline: none; }

.content-support .support__btn {
  border: none;
  background: #eb212e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  box-sizing: border-box;
  padding: 9px 19px;
  margin-top: 40px;
  cursor: pointer;
  outline: none;
  transition: all .3s;
  width: fit-content;
  font-family: "AvenirNextCyr-Demi"; }
  .content-support .support__btn:hover {
    background: #f15d66;
    transition: all .3s; }
  .content-support .support__btn span {
    font-size: 15px;
    text-transform: uppercase; }
  .content-support .support__btn i {
    font-size: 28px;
    margin-right: 9px; }

.content-support .form-support {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-left: 86px;
  padding-right: 80px;
  padding-bottom: 40px; }
  .content-support .form-support .title-page {
    margin-bottom: 10px; }

.group-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .group-select .select-choice {
    display: flex;
    background: #fff;
    margin-top: 10px; }
    .group-select .select-choice .name {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      margin-right: 12px;
      color: #7e7e7e;
      align-items: center;
      padding-top: 15px; }
    .group-select .select-choice .container-select {
      position: relative;
      padding-left: 5px;
      padding-right: 5px;
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      border-top: 1px solid #ffffff;
      border-radius: 7px 7px 0px 0px; }
      .group-select .select-choice .container-select.container-select-open {
        border-left: 1px solid #b7b7b7;
        border-right: 1px solid #b7b7b7;
        border-top: 1px solid #b7b7b7; }
        .group-select .select-choice .container-select.container-select-open .select-choice__list {
          display: block; }
        .group-select .select-choice .container-select.container-select-open i {
          transform: rotate(180deg);
          transition: all .3s; }
    .group-select .select-choice__list {
      position: absolute;
      left: -1px;
      right: -1px;
      top: 100%;
      background: #fff;
      border-left: 1px solid #b7b7b7;
      border-right: 1px solid #b7b7b7;
      border-bottom: 1px solid #b7b7b7;
      border-radius: 0px 0px 7px 7px;
      padding-top: 15px;
      overflow: hidden;
      display: none;
      background: #fff;
      z-index: 20; }
    .group-select .select-choice__list-item {
      padding: 15px 5px;
      cursor: pointer; }
      .group-select .select-choice__list-item:hover {
        background: #f4f4f4;
        color: #6c6c6c; }
    .group-select .select-choice__touch {
      padding-bottom: 2px;
      border-bottom: 1px dashed #050505;
      cursor: pointer;
      padding-top: 15px;
      box-sizing: border-box;
      display: flex; }
      .group-select .select-choice__touch span {
        font-size: 16px; }
      .group-select .select-choice__touch i {
        margin-left: auto;
        font-family: "FontAwesome";
        transition: all .3s;
        font-size: 20px;
        color: #000000; }
    .group-select .select-choice .container-select--delivery .select-choice__touch {
      width: 300px;
      z-index: 30; }
    .group-select .select-choice .container-select--question .select-choice__touch {
      width: 260px;
      z-index: 20; }
    .group-select .select-choice .container-select--city .select-choice__touch {
      width: 130px;
      z-index: 10; }

.contact {
  padding: 40px 0px;
  padding-left: 86px;
  padding-right: 80px; }
  .contact__wrapp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .contact__item {
    width: 27%; }
    .contact__item-list {
      display: flex;
      flex-direction: column; }
    .contact__item a {
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular";
      color: #666666;
      padding: 15px 0;
      border-bottom: 1px solid #e3e3e3;
      display: flex;
      align-items: center; }
      .contact__item a:nth-last-child(1) {
        border-bottom: none; }
      .contact__item a i {
        margin-right: 10px;
        font-size: 21px;
        font-weight: normal; }
      .contact__item a .region {
        padding-left: 10px;
        color: #aaaaaa; }
    .contact__item-title {
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium";
      margin-bottom: 15px;
      display: block; }
    .contact__item .adress {
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular";
      color: #666666;
      padding: 15px 0;
      display: flex; }
      .contact__item .adress i {
        margin-right: 14px;
        font-size: 21px;
        font-weight: normal; }

.support-layout {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../img/support-man.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none; }

.popup-support {
  background-color: white;
  color: black;
  padding: 69px 0;
  background-image: url("../img/support-man.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 1000px;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35); }
  .popup-support__wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto; }
  .popup-support__desc {
    font-size: 20px;
    font-family: "AvenirNextCyr-Regular";
    font-weight: normal;
    text-align: center;
    max-width: 480px;
    margin: 0; }
  .popup-support__header {
    display: flex;
    margin-bottom: 34px; }
    .popup-support__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-support__header span {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .popup-support__header span:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-support__header span:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-support__header span:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }

@media screen and (max-width: 1100px) {
  .contact .contact__item {
    width: 45%; }
  .popup-support {
    width: 750px; } }

@media screen and (max-width: 768px) {
  .contact .contact__item {
    width: 100%;
    margin-top: 20px; }
  .content-support__top {
    padding-left: 37px;
    padding-right: 21px; }
  .content-support .form-support {
    padding-left: 37px;
    padding-right: 21px; }
  .contact {
    padding-left: 37px;
    padding-right: 21px; }
  .group-select .select-choice {
    width: 100%; }
    .group-select .select-choice .container-select {
      width: 100%; }
      .group-select .select-choice .container-select .select-choice__touch {
        width: 100%; }
  .select-choice--question .ui-selectmenu-button.ui-button,
  .select-choice--theme .ui-selectmenu-button.ui-button {
    width: calc(100% - 20px) !important; }
  .select-choice--city .ui-selectmenu-button.ui-button {
    width: calc(100% - 8px) !important; }
  .title-page {
    font-size: 30px; }
  .title-page--fz30 {
    font-size: 26px; }
  .desc-page {
    font-size: 14px; }
  .popup-support {
    width: 470px;
    padding: 30px 0; }
  .popup-support__header .title-page {
    font-size: 27px; }
  .popup-support__desc {
    font-size: 16px; } }

@media screen and (max-width: 480px) {
  .title-page {
    font-size: 25px; }
  .title-page--fz30 {
    font-size: 22px; }
  .ui-menu .ui-menu-item-wrapper,
  .ui-selectmenu-text {
    font-size: 13px !important; }
  .group-select .select-choice__touch span {
    font-size: 14px; }
  .group-select .select-choice__list-item {
    font-size: 14px; }
  .group-select .select-choice .name {
    font-size: 14px;
    margin-right: 5px; }
  .content-support__top {
    padding-left: 15px;
    padding-right: 10px; }
  .content-support .form-support {
    padding-left: 15px;
    padding-right: 10px; }
  .contact {
    padding-left: 15px;
    padding-right: 10px; }
  .content-support .support__btn {
    margin-top: 20px; }
  .popup-support {
    width: 300px;
    padding: 30px 0; }
  .popup-support__header .title-page {
    font-size: 22px; }
  .popup-support__desc {
    font-size: 14px; }
  .popup-support__header {
    flex-direction: column;
    margin-bottom: 15px; }
  .popup-support__header span {
    order: -1;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 15px; } }

.faq-top-content {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-bottom: 50px; }
  .faq-top-content .search-faq {
    display: flex;
    align-items: center; }
    .faq-top-content .search-faq span {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #000000;
      padding-right: 14px; }
  .faq-top-content input {
    padding: 18px;
    font-size: 16px;
    height: 50px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    outline: none;
    display: block;
    width: calc(100% - 45px);
    font-family: "AvenirNextCyr-Regular";
    box-sizing: border-box;
    transition: all .3s;
    z-index: 10; }
    .faq-top-content input:hover {
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      transition: all .3s; }
    .faq-top-content input:focus::-webkit-input-placeholder {
      color: transparent; }
    .faq-top-content input:focus::-moz-placeholder {
      color: transparent; }
    .faq-top-content input:focus:-moz-placeholder {
      color: transparent; }
    .faq-top-content input:focus:-ms-input-placeholder {
      color: transparent; }
  .faq-top-content .search-btn {
    width: 55px;
    height: 50px;
    background: #eb212e;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    z-index: 5;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    transition: all .3s;
    border: none; }
    .faq-top-content .search-btn:hover {
      background: #f15d66;
      transition: all .3s; }
    .faq-top-content .search-btn i {
      font-size: 23px;
      transform: rotate(270deg); }
  .faq-top-content .desc-page a {
    padding-left: 20px;
    position: relative; }
    .faq-top-content .desc-page a span {
      border-bottom: 1px solid #eb212e;
      margin-top: -3px; }
    .faq-top-content .desc-page a i {
      font-size: 18px;
      padding-right: 5px;
      padding-top: 5px;
      position: absolute;
      top: -3px;
      left: 0; }

.question-group {
  padding: 45px 0;
  position: relative; }
  .question-group:after {
    content: "";
    left: 0;
    bottom: 0;
    right: 50px;
    height: 1px;
    position: absolute;
    background: #e3e3e3; }
  .question-group:nth-last-child(1):after {
    display: none; }

.question-name {
  font-size: 20px;
  font-family: "AvenirNextCyr-Demi"; }

.question-item {
  padding-left: 28px;
  margin-top: 30px;
  position: relative; }
  .question-item:before {
    content: "";
    top: 27px;
    bottom: 0;
    left: 10px;
    width: 1px;
    position: absolute;
    border-right: 2px dotted #959595;
    display: none; }
  .question-item .circle-arrow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20; }
    .question-item .circle-arrow i {
      font: normal normal normal 21px/1 FontAwesome;
      font-size: 22px;
      color: #141414; }
  .question-item--active .question-title {
    color: #eb212e;
    border-bottom: 1px dashed #eb212e; }
  .question-item--active .circle-arrow i {
    color: #eb212e;
    transform: rotate(90deg);
    transition: all .3s; }
  .question-item--active.question-item:before {
    border-right: 2px dotted #eb212e;
    opacity: 0.8%; }
  .question-item--active:before {
    content: "";
    top: 27px;
    bottom: 0;
    left: 10px;
    width: 1px;
    position: absolute;
    border-right: 2px dotted #959595;
    display: block; }
  .question-item:hover .question-title {
    color: #6c6c6c;
    border-bottom: 1px dashed #6c6c6c; }
  .question-item:hover .circle-arrow i {
    color: #6c6c6c; }
  .question-item:hover::before {
    border-right: 2px dotted #959595; }

.question-title {
  font-size: 18px;
  font-family: "AvenirNextCyr-Medium";
  color: #141414;
  cursor: pointer;
  border-bottom: 1px dashed #323232; }

.question-text {
  font-size: 16px;
  color: #151515;
  font-family: "AvenirNextCyr-Regular";
  display: none; }

@media screen and (max-width: 768px) {
  .question-name {
    font-size: 18px; }
  .question-title {
    font-size: 16px; }
  .question-item:hover .question-title {
    color: #eb212e;
    border-bottom: 1px dashed #eb212e; }
  .question-item:hover .circle-arrow i {
    color: #eb212e; }
  .question-item:hover::before {
    border-right: 2px dotted #eb212e;
    opacity: 0.8%; } }

@media screen and (max-width: 480px) {
  .question-title {
    font-size: 14px; }
  .question-name {
    font-size: 16px; }
  .question-item {
    margin-top: 15px; }
    .question-item .circle-arrow {
      position: absolute;
      top: 5px;
      left: 0;
      z-index: 20; }
  .question-group {
    padding: 30px 0; } }

.delivery-wrapp {
  background-image: url("../img/bg-delivery.jpg");
  height: 996px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: white; }
  .delivery-wrapp h3 {
    margin: 0;
    font-size: 98px;
    padding-bottom: 25px;
    border-bottom: 2px dotted rgba(149, 149, 149, 0.3);
    width: fit-content;
    font-family: "AvenirNextCyr-UltraLight";
    font-weight: normal; }
  .delivery-wrapp p {
    margin-top: 33px;
    font-size: 36px;
    font-family: "AvenirNextCyr-Light";
    max-width: 508px;
    font-weight: normal; }

@media screen and (max-width: 992px) {
  .delivery-wrapp {
    height: 850px; }
  .delivery-wrapp h3 {
    font-size: 80px;
    padding-bottom: 20px; }
  .delivery-wrapp p {
    font-size: 30px; } }

@media screen and (max-width: 480px) {
  .delivery-wrapp {
    height: 850px; }
  .delivery-wrapp h3 {
    font-size: 50px;
    padding-bottom: 20px; }
  .delivery-wrapp p {
    font-size: 24px; }
  .delivery-wrapp {
    padding-left: 10px !important; } }

.setting-top {
  padding-right: 60px; }

.setting-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 230px;
  padding-right: 60px; }
  .setting-group .setting-item {
    width: 24%;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 18px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer; }
    .setting-group .setting-item:after {
      position: absolute;
      content: "";
      left: 15px;
      right: 15px;
      height: 1px;
      border-bottom: 2px dotted #959595;
      top: 47px;
      z-index: 10; }
    .setting-group .setting-item:hover {
      opacity: 0.6; }
    .setting-group .setting-item:nth-last-child(1) {
      margin-right: auto;
      margin-left: 1.3%; }
    .setting-group .setting-item__img {
      position: relative;
      background-color: #fff;
      margin-top: 10px;
      z-index: 20;
      width: 80px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .setting-group .setting-item span {
      font-size: 20px;
      font-family: "AvenirNextCyr-Demi";
      color: #000000;
      margin: 10px 0;
      text-align: center; }
    .setting-group .setting-item p {
      margin: 0;
      text-align: center;
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular";
      color: #000000;
      padding: 0 12px; }

@media screen and (max-width: 1200px) {
  .setting-group .setting-item {
    width: 32%; }
    .setting-group .setting-item:nth-last-child(1) {
      margin-right: auto;
      margin-left: 0px; } }

@media screen and (max-width: 768px) {
  .setting-group .setting-item {
    width: 49%;
    margin-bottom: 10px; }
    .setting-group .setting-item:nth-last-child(1) {
      margin-right: 0px;
      margin-left: auto; } }

@media screen and (max-width: 768px) {
  .setting-group .setting-item {
    width: 100%;
    margin-bottom: 10px; }
    .setting-group .setting-item:nth-last-child(1) {
      margin-right: 0px;
      margin-left: 0px; } }

.search-staff {
  display: flex;
  align-items: center; }
  .search-staff span {
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000;
    padding-right: 14px; }
  .search-staff input {
    padding: 18px;
    font-size: 16px;
    height: 50px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    outline: none;
    display: block;
    width: calc(100% - 45px);
    font-family: "AvenirNextCyr-Regular";
    box-sizing: border-box;
    transition: all .3s;
    z-index: 10; }
    .search-staff input:hover {
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      transition: all .3s; }
    .search-staff input:focus::-webkit-input-placeholder {
      color: transparent; }
    .search-staff input:focus::-moz-placeholder {
      color: transparent; }
    .search-staff input:focus:-moz-placeholder {
      color: transparent; }
    .search-staff input:focus:-ms-input-placeholder {
      color: transparent; }
  .search-staff .search-btn {
    width: 55px;
    height: 50px;
    background: #eb212e;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    z-index: 5;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    transition: all .3s;
    border: none; }
    .search-staff .search-btn:hover {
      background: #f15d66;
      transition: all .3s; }
    .search-staff .search-btn i {
      font-size: 23px;
      transform: rotate(270deg); }

.top-staff {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-bottom: 45px; }
  .top-staff__header {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .top-staff__header .select-choice--office .ui-selectmenu-button.ui-button {
      width: 400px;
      margin-top: -11px; }
    .top-staff__header .difficult-route__link {
      text-transform: unset;
      margin-left: auto;
      margin-right: 20px; }
    .top-staff__header .name {
      font-size: 15px;
      font-family: "AvenirNextCyr-Medium";
      color: #7e7e7e;
      display: block;
      margin-top: 6px; }
    .top-staff__header .select-choice {
      display: flex; }
  .top-staff .add-office {
    font-size: 26px;
    color: black;
    font-family: "AvenirNextCyr-Medium";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px dotted #898989;
    border-radius: 50%;
    margin-left: 25px; }
    .top-staff .add-office span {
      margin-top: -1px; }
  .top-staff .download-xls {
    cursor: pointer;
    font-family: "AvenirNextCyr-Medium";
    font-size: 15px;
    color: #000000;
    padding-bottom: 3px;
    border-bottom: 1px dashed #707070; }
    .top-staff .download-xls input {
      display: none; }

.tabl-staff {
  font-family: "AvenirNextCyr-Medium";
  font-size: 14px;
  color: black;
  padding-bottom: 30px;
  position: relative;
  margin-top: 25px; }
  .tabl-staff:after {
    position: absolute;
    left: 65px;
    right: 80px;
    bottom: 0;
    height: 1px;
    background: #e3e3e3;
    content: ""; }
  .tabl-staff_header {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    position: relative; }
    .tabl-staff_header:after {
      position: absolute;
      left: 15px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-staff_row {
    display: flex;
    width: 100%;
    padding-bottom: 2px; }
    .tabl-staff_row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-staff_main-info {
    display: flex;
    width: 43%; }
  .tabl-staff_secondary {
    display: flex;
    width: 34%; }
  .tabl-staff_item {
    padding-right: 13px;
    width: 100%;
    overflow: auto; }
    .tabl-staff_item--control {
      display: flex;
      width: 23%;
      align-items: center; }
    .tabl-staff_item--name {
      padding-right: 30px; }
    .tabl-staff_item--email {
      color: #eb212e; }
      .tabl-staff_item--email span {
        border-bottom: 1px solid #eb212e; }
    .tabl-staff_item--phone {
      font-family: "AvenirNextCyr-Regular"; }
    .tabl-staff_item span:hover {
      cursor: pointer;
      opacity: 0.6; }
  .tabl-staff_content {
    padding: 10px 18px;
    border-radius: 7px;
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
    max-height: 40px;
    overflow: auto; }
  .tabl-staff_content[contenteditable=true] {
    padding: 10px 18px;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    outline: none;
    background: #fff; }
    .tabl-staff_content[contenteditable=true] span:hover {
      opacity: 1; }
  .tabl-staff_edit {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .tabl-staff_edit:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-staff_edit span {
      border-bottom: 1px dashed #323232; }
    .tabl-staff_edit i {
      font-size: 18px;
      margin-right: 2px; }
  .tabl-staff_delete {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 15px;
    color: #eb212e; }
    .tabl-staff_delete:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-staff_delete span {
      border-bottom: 1px dashed #eb212e; }
    .tabl-staff_delete i {
      font-size: 18px;
      margin-right: 5px; }

.control-page {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 105px; }
  .control-page .select-choice--count .ui-selectmenu-button.ui-button {
    width: 43px;
    margin-left: 5px; }
  .control-page .name {
    font-size: 15px;
    font-family: "AvenirNextCyr-Medium";
    color: #7e7e7e;
    display: block;
    margin-top: auto;
    margin-bottom: 5px; }
  .control-page .select-choice {
    display: flex; }

.pagination {
  display: flex;
  align-items: center; }
  .pagination__item--prev, .pagination__item--next {
    font-size: 24px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eb212e; }
    .pagination__item--prev:hover, .pagination__item--next:hover {
      opacity: 0.7; }
  .pagination__item--prev i {
    margin-right: auto; }
  .pagination__item--next i {
    margin-left: auto; }
  .pagination__item {
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 8px;
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular";
    color: #050505;
    border-radius: 50%;
    border: 1px solid white; }
    .pagination__item:hover {
      background: #ffffff;
      border: 1px solid #eb212e;
      color: #eb212e; }
    .pagination__item.active {
      background: #eb212e;
      color: white;
      border: 1px solid #eb212e; }

.staff-layout {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../img/bg-staff-popup.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.popup-staff {
  background-color: white;
  color: black;
  background-image: url("../img/bg-staff-popup.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 1000px;
  max-width: 1000px;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  padding: 30px 40px; }
  .popup-staff__header {
    display: flex;
    margin-bottom: 34px; }
    .popup-staff__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-staff__header .popup-staff__close {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .popup-staff__header .popup-staff__close:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-staff__header .popup-staff__close:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-staff__header .popup-staff__close:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }
  .popup-staff__content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 18px;
    padding-top: 40px;
    position: relative; }
    .popup-staff__content--top {
      padding-top: 0; }
      .popup-staff__content--top:after {
        position: absolute;
        content: "";
        left: 0;
        right: 40px;
        bottom: 0;
        border-bottom: 1px solid #e3e3e3; }
  .popup-staff__label {
    width: 29%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    margin-bottom: 22px;
    position: relative; }
    .popup-staff__label .error-msg {
      display: none; }
    .popup-staff__label.error .error-msg {
      display: block;
      position: absolute;
      font-size: 13px;
      font-family: "AvenirNextCyr-Demi";
      color: white;
      left: 100%;
      top: -34px;
      z-index: 20;
      background: #eb212e;
      width: fit-content;
      padding: 5px 10px;
      border-radius: 7px 7px 7px 0px; }
      .popup-staff__label.error .error-msg:before {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 21;
        border: 4px solid transparent;
        border-left: 10px solid #eb212e; }
    .popup-staff__label.error input {
      border: 1px solid #eb212e; }
    .popup-staff__label span {
      margin-right: auto;
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: #4d4d4d;
      text-align: left; }
    .popup-staff__label input {
      padding: 16px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      width: 200px;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      transition: all .3s; }
      .popup-staff__label input:hover {
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        transition: all .3s; }
      .popup-staff__label input:focus::-webkit-input-placeholder {
        color: transparent; }
      .popup-staff__label input:focus::-moz-placeholder {
        color: transparent; }
      .popup-staff__label input:focus:-moz-placeholder {
        color: transparent; }
      .popup-staff__label input:focus:-ms-input-placeholder {
        color: transparent; }
  .popup-staff__btn {
    text-transform: uppercase;
    color: white;
    font-family: "AvenirNextCyr-Demi";
    font-size: 15px;
    padding: 18px 15px;
    border: none;
    background: #eb212e;
    border-radius: 7px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    outline: none;
    transition: all .3s;
    width: fit-content; }
    .popup-staff__btn:hover {
      background: #f15d66;
      transition: all .3s; }
    .popup-staff__btn span {
      padding-left: 34px;
      position: relative; }
      .popup-staff__btn span:before {
        position: absolute;
        width: 24px;
        height: 24px;
        background: url("../icons/save-icon.png");
        content: "";
        left: 0px;
        top: -3px; }

@media screen and (max-width: 1280px) {
  .ui-selectmenu-text:after {
    background: #ffffff;
    border-radius: 50%; } }

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .top-staff__header .select-choice--office .ui-selectmenu-button.ui-buttons {
    width: 300px;
    box-sizing: border-box; }
  /*MEnu*/
  .select-choice--office .ui-selectmenu-menu .ui-menu {
    width: 300px !important; } }

@media screen and (max-width: 1200px) {
  .tabl-staff_edit span {
    display: none; }
  .tabl-staff_delete span {
    display: none; }
  .tabl-staff_main-info {
    width: 52%; }
  .tabl-staff_secondary {
    width: 38%; }
  .tabl-staff_item--control {
    width: 10%; }
  .tabl-staff_item {
    padding-right: 5px; } }

@media screen and (max-width: 1100px) {
  .popup-staff {
    width: 990px; } }

@media screen and (max-width: 992px) {
  .popup-staff {
    width: 760px;
    box-sizing: border-box; }
    .popup-staff__label {
      width: 40%; }
  .tabl-staff_header {
    display: none; }
  .tabl-staff_main-info {
    flex-wrap: wrap;
    min-width: 50%;
    width: 50%; }
  .tabl-staff_secondary {
    min-width: 40%;
    width: 40%;
    flex-wrap: wrap; }
  .tabl-staff_item {
    width: 100%;
    margin-bottom: 5px; }
  .control-page {
    flex-wrap: wrap; } }

@media screen and (max-width: 992px) and (min-width: 701px) {
  .top-staff__header .select-choice--office .ui-selectmenu-button.ui-button {
    width: 200px;
    box-sizing: border-box; }
  .select-choice--office .ui-selectmenu-menu .ui-menu {
    width: 200px !important; } }

@media screen and (max-width: 768px) {
  .popup-staff {
    width: 400px;
    box-sizing: border-box; }
    .popup-staff__label {
      width: 100%; }
  .top-staff .download-xls {
    max-width: 130px;
    border: none; }
    .top-staff .download-xls span {
      border-bottom: 1px dashed #707070; }
  .top-staff .add-office {
    margin-left: 0; }
  .control-page .select-choice {
    margin-left: auto;
    order: -1;
    margin-bottom: 15px; }
  .control-page .pagination {
    flex-wrap: wrap; }
  .popup-staff__header .title-page {
    text-align: left;
    font-size: 27px; }
  .popup-staff__label span {
    text-align: left; }
  .popup-staff__label.error .error-msg {
    left: auto;
    right: 0; } }

@media screen and (max-width: 700px) {
  .top-staff__header .select-choice--office .ui-selectmenu-button.ui-button {
    width: 100%;
    box-sizing: border-box; }
  .top-staff__header .select-choice {
    width: 100%;
    margin-bottom: 15px; } }

@media screen and (max-width: 480px) {
  .top-staff .add-office {
    width: 40px;
    height: 40px; }
  .top-staff .download-xls {
    margin-left: auto;
    margin-top: 10px; }
  .top-staff .top-staff__header .difficult-route__link {
    margin-right: 0; }
  .tabl-staff_row {
    flex-wrap: wrap; }
  .tabl-staff_main-info {
    width: 100%;
    min-width: 100%; }
  .tabl-staff_secondary {
    width: 100%;
    min-width: 100%; }
  .tabl-staff_item--control .tabl-staff_edit {
    margin-left: 15px; }
  .tabl-staff_item--control .tabl-staff_delete {
    margin-left: 15px; }
  .top-staff__header .select-choice--office .ui-selectmenu-button.ui-button {
    width: 215px; }
  .select-choice--office .ui-selectmenu-button .ui-widget-content {
    width: 210px; }
  .pagination__item {
    margin-bottom: 5px; }
  .popup-staff__header .title-page {
    font-size: 22px; }
  .popup-staff {
    width: 300px;
    padding: 16px 13px; }
  .top-staff .download-xls {
    max-width: 100%; } }

.tabs-content {
  display: none; }
  .tabs-content.active {
    display: block; }

.tabs-order__control {
  margin: 0;
  display: flex;
  border-bottom: 1px solid #959595;
  padding-left: 54px; }
  .tabs-order__control li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 4px;
    margin-right: 17px;
    list-style-type: none;
    background: #ffffff;
    border-radius: 7px 7px 0px 0px;
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid rgba(149, 149, 149, 0.5);
    border-top: 1px solid rgba(149, 149, 149, 0.5); }
    .tabs-order__control li:after {
      content: '';
      position: absolute;
      z-index: 5;
      top: -1px;
      right: -20px;
      bottom: 0;
      width: 15px;
      background: #ffffff;
      border-top: 1px solid rgba(149, 149, 149, 0.5);
      border-right: 1px solid rgba(149, 149, 149, 0.5);
      transform: skew(25deg);
      border-radius: 0 7px 0 0; }
    .tabs-order__control li a {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: rgba(149, 149, 149, 0.6); }
      .tabs-order__control li a:hover {
        color: black; }
    .tabs-order__control li.active {
      border-left: 1px solid #959595;
      border-top: 1px solid #959595;
      z-index: 20;
      position: relative; }
      .tabs-order__control li.active a {
        color: #7e7e7e; }
        .tabs-order__control li.active a:hover {
          color: black; }
      .tabs-order__control li.active:after {
        border-top: 1px solid #959595;
        border-right: 1px solid #959595; }
      .tabs-order__control li.active:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: -28px;
        height: 2px;
        background: #ffff;
        z-index: 6; }

.tabs-order__header {
  display: flex;
  padding-top: 40px;
  padding-bottom: 48px;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15); }
  .tabs-order__header-left {
    width: 50%;
    padding-left: 7px; }
    .tabs-order__header-left .select-choice {
      display: flex;
      align-items: center; }
      .tabs-order__header-left .select-choice .date-order {
        display: flex; }
        .tabs-order__header-left .select-choice .date-order .line {
          width: 22px;
          margin: auto 5px;
          content: "";
          border-bottom: 2px dotted #959595; }
        .tabs-order__header-left .select-choice .date-order input {
          max-width: 160px;
          padding: 18px;
          font-size: 16px;
          height: 50px;
          border-radius: 7px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid #b7b7b7;
          outline: none;
          display: block;
          font-family: "AvenirNextCyr-Regular";
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s; }
    .tabs-order__header-left .name {
      font-size: 16px;
      color: #7e7e7e;
      font-family: "AvenirNextCyr-Medium";
      padding-top: 0px;
      margin-right: 10px; }
    .tabs-order__header-left #office-button {
      width: 231px; }
  .tabs-order__header-right {
    width: 50%;
    display: flex;
    align-items: center; }
    .tabs-order__header-right span {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #000000;
      padding-right: 14px; }
    .tabs-order__header-right input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      width: calc(100% - 55px);
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      transition: all .3s;
      z-index: 10; }
      .tabs-order__header-right input:hover {
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        transition: all .3s; }
      .tabs-order__header-right input:focus::-webkit-input-placeholder {
        color: transparent; }
      .tabs-order__header-right input:focus::-moz-placeholder {
        color: transparent; }
      .tabs-order__header-right input:focus:-moz-placeholder {
        color: transparent; }
      .tabs-order__header-right input:focus:-ms-input-placeholder {
        color: transparent; }
    .tabs-order__header-right .search-btn {
      width: 60px;
      height: 50px;
      background: #eb212e;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: -5px;
      z-index: 5;
      border-radius: 0px 5px 5px 0px;
      cursor: pointer;
      transition: all .3s;
      border: none; }
      .tabs-order__header-right .search-btn:hover {
        background: #f15d66;
        transition: all .3s; }
      .tabs-order__header-right .search-btn i {
        font-size: 23px;
        transform: rotate(270deg); }

.tabs-order .download-exel {
  display: block;
  margin: auto 0;
  margin-left: 22%;
  color: #000000;
  font-size: 16px;
  font-family: "AvenirNextCyr-Medium"; }
  .tabs-order .download-exel span {
    position: relative;
    padding-bottom: 2px;
    margin-left: 26px;
    border-bottom: 1px dashed #323232; }
    .tabs-order .download-exel span:before {
      position: absolute;
      content: url("../icons/download-icon.png");
      left: -26px;
      top: 5px; }

.tabl-order {
  display: flex;
  flex-direction: column; }
  .tabl-order__header {
    display: flex;
    padding-top: 48px;
    padding-bottom: 27px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 13px; }
    .tabl-order__header .tabl-order_item {
      font-family: "AvenirNextCyr-Medium";
      color: black; }
  .tabl-order_main-info {
    width: 50%;
    display: flex; }
  .tabl-order_secondary {
    width: 50%;
    display: flex; }
  .tabl-order__row {
    display: flex;
    background: #ffff;
    padding: 17px 0; }
    .tabl-order__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-order_item {
    display: flex;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular"; }
    .tabl-order_item--number {
      width: 24%;
      box-sizing: border-box;
      padding-left: 7px;
      color: #eb212e; }
      .tabl-order_item--number span {
        /* border-bottom: 1px solid #f0a1a4; */
        color: #eb212e; }
    .tabl-order_item--date {
      width: 22%; }
    .tabl-order_item--from {
      width: 60%; }
    .tabl-order_item--where {
      width: 55%;
      padding-left: 15px;
      box-sizing: border-box; }
    .tabl-order_item--price {
      width: 20%; }
    .tabl-order_item--status {
      width: 25%; }
      .tabl-order_item--status.active-status {
        color: #fe9500; }
      .tabl-order_item--status.good-status {
        color: #719100; }
      .tabl-order_item--status.bed-status {
        color: #eb212e; }

@media screen and (max-width: 1100px) {
  .tabl-order__row {
    flex-wrap: wrap; }
  .tabl-order_item {
    font-size: 12px; } }

@media screen and (max-width: 992px) {
  .tabl-order {
    padding-top: 20px; }
    .tabl-order__header {
      display: none; }
    .tabl-order_main-info {
      width: 100%; }
    .tabl-order_secondary {
      width: 100%;
      padding-top: 7px; }
    .tabl-order_item {
      width: 33%; }
  .tabs-order__control li a {
    font-size: 14px; }
  .tabs-order .download-exel {
    font-size: 14px; }
    .tabs-order .download-exel span:before {
      top: 2px; }
  .tabs-order__header {
    flex-wrap: wrap; }
    .tabs-order__header-left {
      width: 100%; }
    .tabs-order__header-right {
      width: 100%;
      padding-top: 20px; } }

@media screen and (max-width: 768px) {
  .tabs-order__control li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
    margin-right: 10px; }
    .tabs-order__control li a {
      font-size: 13px; }
    .tabs-order__control li:after {
      right: -12px; }
    .tabs-order__control li.active:before {
      right: -20px; }
  .tabs-order .download-exel {
    margin-left: 10px; } }

@media screen and (max-width: 600px) {
  .tabs-order__control {
    flex-wrap: wrap;
    position: relative; }
  .tabs-order__control li {
    width: 22%; }
    .tabs-order__control li:after {
      width: 8px; }
  .tabs-order .download-exel {
    position: absolute;
    bottom: -100%;
    right: 30px; }
  .tabl-order_item--where {
    padding-right: 10px; }
  .tabs-order__header-left .select-choice {
    margin-top: 15px; } }

@media screen and (max-width: 480px) {
  .tabl-order_item {
    width: 40%; }
    .tabl-order_item--date {
      width: 20%;
      padding-right: 5px; }
    .tabl-order_item--price {
      width: 20%;
      padding-right: 5px; }
  .tabs-order__header-left .name {
    font-size: 14px;
    width: fit-content; }
  .tabs-order__control {
    border-bottom: none; }
    .tabs-order__control li {
      width: fit-content;
      margin-bottom: 5px;
      border: 1px solid rgba(149, 149, 149, 0.5);
      border-radius: 7px;
      padding-right: 7px; }
      .tabs-order__control li:after {
        display: none; }
      .tabs-order__control li.active {
        border: 1px solid #959595; }
        .tabs-order__control li.active:before {
          display: none; }
  .tabs-order .download-exel {
    bottom: -26px; }
  .tabs-order__header-left .select-choice {
    flex-direction: column;
    align-items: self-start; }
    .tabs-order__header-left .select-choice .date-order {
      margin-top: 15px; }
      .tabs-order__header-left .select-choice .date-order input {
        width: 130px; }
      .tabs-order__header-left .select-choice .date-order .line {
        width: 10px;
        margin: auto 0; } }

@media screen and (max-width: 380px) {
  .tabs-order__header-left .select-choice {
    flex-wrap: wrap; }
  .tabs-order__header-left #office-button {
    width: 100%; }
  .tabl-order_item--date {
    padding-right: 15px; }
  .tabl-order_item--price {
    padding-right: 15px; } }

.top-adress {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-bottom: 45px; }
  .top-adress__header {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box; }
  .top-adress .search-adress {
    display: flex;
    align-items: center;
    width: 55%; }
    .top-adress .search-adress span {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #000000;
      padding-right: 14px; }
    .top-adress .search-adress input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      width: calc(100% - 45px);
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      transition: all .3s;
      z-index: 10; }
      .top-adress .search-adress input:hover {
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        transition: all .3s; }
      .top-adress .search-adress input:focus::-webkit-input-placeholder {
        color: transparent; }
      .top-adress .search-adress input:focus::-moz-placeholder {
        color: transparent; }
      .top-adress .search-adress input:focus:-moz-placeholder {
        color: transparent; }
      .top-adress .search-adress input:focus:-ms-input-placeholder {
        color: transparent; }
    .top-adress .search-adress .search-btn {
      width: 55px;
      height: 50px;
      background: #eb212e;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: -5px;
      z-index: 5;
      border-radius: 0px 5px 5px 0px;
      cursor: pointer;
      transition: all .3s;
      border: none; }
      .top-adress .search-adress .search-btn:hover {
        background: #f15d66;
        transition: all .3s; }
      .top-adress .search-adress .search-btn i {
        font-size: 23px;
        transform: rotate(270deg); }
  .top-adress .download-xls {
    cursor: pointer;
    font-family: "AvenirNextCyr-Medium";
    font-size: 15px;
    color: #000000;
    padding-bottom: 3px;
    border-bottom: 1px dashed #707070; }
    .top-adress .download-xls input {
      display: none; }
  .top-adress .difficult-route__link {
    margin-left: auto;
    margin-right: 25px;
    text-transform: unset; }

.tabl-adress {
  font-family: "AvenirNextCyr-Medium";
  font-size: 14px;
  color: black;
  padding-bottom: 30px;
  position: relative;
  margin-top: 25px; }
  .tabl-adress:after {
    position: absolute;
    left: 65px;
    right: 80px;
    bottom: 0;
    height: 1px;
    background: #e3e3e3;
    content: ""; }
  .tabl-adress__header {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    position: relative; }
    .tabl-adress__header:after {
      position: absolute;
      left: 15px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-adress__row {
    display: flex;
    width: 100%;
    padding-bottom: 2px; }
    .tabl-adress__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-adress__main-info {
    width: 50%;
    display: flex; }
  .tabl-adress__secondary-info {
    width: 50%;
    display: flex; }
  .tabl-adress__item--number {
    display: flex;
    align-items: center;
    width: 45px; }
    .tabl-adress__item--number span {
      padding-left: 15px; }
  .tabl-adress__item--adress {
    width: calc(100% - 45px);
    padding-right: 15px; }
  .tabl-adress__item--designation {
    padding-right: 15px; }
  .tabl-adress__item--control {
    display: flex;
    margin-left: auto; }
  .tabl-adress__item span:hover {
    cursor: pointer;
    opacity: 0.6; }
  .tabl-adress__edit {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .tabl-adress__edit:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-adress__edit span {
      border-bottom: 1px dashed #323232; }
    .tabl-adress__edit i {
      font-size: 18px;
      margin-right: 2px; }
  .tabl-adress__content {
    padding: 10px 18px;
    border-radius: 7px;
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
    max-height: 40px;
    overflow: auto; }
  .tabl-adress__content[contenteditable=true] {
    padding: 10px 18px;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    outline: none;
    background: #fff; }
    .tabl-adress__content[contenteditable=true] span {
      cursor: auto; }
      .tabl-adress__content[contenteditable=true] span:hover {
        opacity: 1; }
  .tabl-adress__delete {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    color: #eb212e; }
    .tabl-adress__delete:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-adress__delete span {
      border-bottom: 1px dashed #eb212e; }
    .tabl-adress__delete i {
      font-size: 18px;
      margin-right: 5px; }

.adress-layout {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../img/bg-adress-popup.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.popup-adress {
  background-color: white;
  color: black;
  background-image: url("../img/bg-adress-popup.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 931px;
  max-width: 1000px;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  padding: 30px 40px;
  box-sizing: border-box; }
  .popup-adress__header {
    display: flex;
    margin-bottom: 34px; }
    .popup-adress__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-adress__header .popup-adress__close {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .popup-adress__header .popup-adress__close:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-adress__header .popup-adress__close:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-adress__header .popup-adress__close:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }
  .popup-adress input {
    padding: 18px;
    font-size: 16px;
    height: 50px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    outline: none;
    display: block;
    width: calc(100% - 45px);
    font-family: "AvenirNextCyr-Regular";
    box-sizing: border-box;
    transition: all .3s;
    z-index: 32; }
    .popup-adress input:hover {
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      transition: all .3s; }
    .popup-adress input:focus::-webkit-input-placeholder {
      color: transparent; }
    .popup-adress input:focus::-moz-placeholder {
      color: transparent; }
    .popup-adress input:focus:-moz-placeholder {
      color: transparent; }
    .popup-adress input:focus:-ms-input-placeholder {
      color: transparent; }
  .popup-adress__top-content {
    display: flex;
    padding-bottom: 35px;
    border-bottom: 1px solid #e3e3e3; }
    .popup-adress__top-content .popup-adress__text {
      padding-top: 5px;
      text-align: left; }
    .popup-adress__top-content--left {
      width: 60%;
      display: flex; }
    .popup-adress__top-content--right {
      display: flex;
      width: 40%;
      padding-left: 30px;
      position: relative; }
      .popup-adress__top-content--right.error input {
        border: 1px solid #eb212e; }
      .popup-adress__top-content--right.error .error-msg {
        display: block;
        position: absolute;
        font-size: 13px;
        font-family: "AvenirNextCyr-Demi";
        color: white;
        right: 0;
        top: -35px;
        z-index: 20;
        background: #eb212e;
        width: fit-content;
        padding: 5px 10px;
        border-radius: 7px 7px 7px 0px; }
        .popup-adress__top-content--right.error .error-msg:before {
          content: "";
          position: absolute;
          bottom: -4px;
          left: 0;
          z-index: 21;
          border: 4px solid transparent;
          border-left: 10px solid #eb212e; }
    .popup-adress__top-content .input-loc {
      width: 100%; }
      .popup-adress__top-content .input-loc--adress {
        display: flex;
        width: 100%; }
    .popup-adress__top-content .red-location {
      width: 55px;
      background: #eb212e;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: -5px;
      z-index: 30;
      border-radius: 0px 5px 5px 0px;
      cursor: pointer;
      transition: all .3s;
      position: relative; }
      .popup-adress__top-content .red-location:hover {
        background: #f15d66;
        transition: all .3s; }
      .popup-adress__top-content .red-location i {
        font-size: 18px; }
  .popup-adress .popup-adress__text {
    margin-right: 15px;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    color: #4d4d4d;
    width: 84px; }
    .popup-adress .popup-adress__text--mod {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: black;
      text-align: center;
      margin: 0 auto;
      display: block;
      margin-top: 10px; }
      .popup-adress .popup-adress__text--mod span {
        color: #4d4d4d;
        text-align: left; }
  .popup-adress__bottom-content {
    display: flex;
    padding: 35px 0; }
  .popup-adress__item {
    width: 27%;
    align-items: center;
    display: flex;
    padding-left: 15px; }
    .popup-adress__item .popup-adress__text {
      width: 80px;
      text-align: right; }
    .popup-adress__item--mod {
      padding-left: 0;
      width: 18%; }
      .popup-adress__item--mod span {
        font-size: 20px;
        font-family: "AvenirNextCyr-Regular";
        color: black;
        padding-bottom: 5px; }
  .popup-adress__buttons {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    box-sizing: border-box; }
    .popup-adress__buttons .popup-adress__btn {
      text-transform: uppercase;
      color: white;
      font-family: "AvenirNextCyr-Demi";
      font-size: 15px;
      padding: 18px 15px;
      border: none;
      background: #eb212e;
      border-radius: 7px;
      display: block;
      margin: 0 auto;
      cursor: pointer;
      outline: none;
      transition: all .3s;
      width: fit-content; }
      .popup-adress__buttons .popup-adress__btn:hover {
        background: #f15d66;
        transition: all .3s; }
      .popup-adress__buttons .popup-adress__btn span {
        padding-left: 34px;
        position: relative; }
        .popup-adress__buttons .popup-adress__btn span:before {
          position: absolute;
          width: 24px;
          height: 24px;
          background: url("../icons/save-icon.png");
          content: "";
          left: 0px;
          top: -3px; }
      .popup-adress__buttons .popup-adress__btn-clear {
        position: absolute;
        top: 32%;
        right: -110px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .popup-adress__buttons .popup-adress__btn-clear:hover {
          opacity: 0.7; }
        .popup-adress__buttons .popup-adress__btn-clear span {
          padding-bottom: 2px;
          color: #eb212e;
          border-bottom: 1px dashed #eb212e;
          font-family: "AvenirNextCyr-Medium"; }
        .popup-adress__buttons .popup-adress__btn-clear i {
          color: #eb212e;
          font-size: 18px;
          margin-right: 5px; }

.input-loc {
  position: relative; }

.autocomplit-uni {
  display: none;
  position: absolute;
  z-index: 100 !important;
  min-width: auto;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 0px 0px 7px 7px;
  border: 1px solid #b7b7b7;
  padding: 20px;
  padding-left: 0;
  right: 0;
  top: 49px; }
  .autocomplit-uni.autocomplit-open {
    display: flex; }
  .autocomplit-uni .autocomplit__one {
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0px;
    min-width: 100%;
    width: 387px;
    z-index: 100;
    text-align: left;
    position: relative; }
    .autocomplit-uni .autocomplit__one::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .autocomplit-uni .autocomplit__one::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb; }
    .autocomplit-uni .autocomplit__one::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background-color: #cccccc; }
  .autocomplit-uni .autocomplit__title {
    font-family: "AvenirNextCyr-Medium";
    color: #201f20;
    font-size: 16px;
    background: #ffffff;
    z-index: 9999;
    position: relative;
    padding-left: 20px; }
  .autocomplit-uni .autocomplete-suggestion {
    font-family: "AvenirNextCyr-Regular";
    font-size: 16px;
    color: #898989;
    padding: 14px 0;
    padding-left: 40px;
    position: relative;
    cursor: pointer; }
    .autocomplit-uni .autocomplete-suggestion:hover {
      background: rgba(137, 137, 137, 0.1); }
    .autocomplit-uni .autocomplete-suggestion:after {
      position: absolute;
      left: 26px;
      top: -18px;
      bottom: 30px;
      width: 1px;
      border-left: 2px dotted #959595;
      content: "";
      z-index: 2; }
    .autocomplit-uni .autocomplete-suggestion:before {
      position: absolute;
      width: 8px;
      height: 8px;
      box-sizing: border-box;
      left: 23px;
      bottom: 20px;
      border-radius: 50%;
      border: 1px solid #959595;
      content: "";
      z-index: 2; }
    .autocomplit-uni .autocomplete-suggestion strong {
      font-family: "AvenirNextCyr-Medium";
      color: #201f20;
      font-weight: normal; }

@media screen and (max-width: 1200px) {
  .tabl-adress__item--control span {
    display: none; }
  .tabl-adress__main-info {
    width: 60%; }
  .tabl-adress__secondary-info {
    width: 40%; } }

@media screen and (max-width: 992px) {
  .popup-adress {
    width: 760px; }
    .popup-adress__bottom-content {
      flex-wrap: wrap; }
    .popup-adress__top-content {
      flex-wrap: wrap; }
      .popup-adress__top-content--left {
        width: 100%; }
      .popup-adress__top-content--right {
        width: 100%;
        padding-left: 0;
        margin-top: 10px; }
        .popup-adress__top-content--right input {
          margin-left: -5px; }
    .popup-adress .popup-adress__text {
      width: 112px; }
  .popup-adress__item {
    width: 45%;
    margin-top: 10px; }
    .popup-adress__item--mod {
      width: 100%;
      margin-top: 0; }
  .top-adress__header {
    flex-wrap: wrap; }
    .top-adress__header .search-adress {
      width: 100%;
      margin-bottom: 10px; }
    .top-adress__header .difficult-route__link {
      margin-left: 0; }
  .tabl-adress {
    padding-top: 30px; }
    .tabl-adress__header {
      display: none; }
    .tabl-adress__row {
      flex-wrap: wrap; }
    .tabl-adress__main-info {
      width: 100%; }
    .tabl-adress__secondary-info {
      width: 100%;
      padding-top: 5px; }
    .tabl-adress__item--designation {
      padding-left: 45px; } }

@media screen and (max-width: 768px) {
  .popup-adress {
    width: 580px; } }

@media screen and (max-width: 600px) {
  .popup-adress {
    width: 450px; }
  .popup-adress__header .title-page {
    font-size: 27px;
    text-align: left; }
  .tabl-adress__content {
    max-height: 100%; }
  .autocomplit-uni .autocomplit__one {
    width: auto; }
  .autocomplit.autocomplit-uni {
    top: 49px;
    left: 0; } }

@media screen and (max-width: 480px) {
  .popup-adress {
    width: 300px;
    padding: 16px 13px; }
    .popup-adress__top-content .popup-adress__text {
      width: 100%;
      margin-bottom: 10px; }
    .popup-adress__top-content--left {
      flex-wrap: wrap; }
    .popup-adress__top-content--right {
      flex-wrap: wrap; }
      .popup-adress__top-content--right input {
        width: 100%; }
    .popup-adress__item {
      width: 100%; }
    .popup-adress__buttons {
      padding-bottom: 40px; }
      .popup-adress__buttons .popup-adress__btn-clear {
        bottom: -30px;
        left: 50%;
        transform: translate(-50%, 0);
        right: auto; }
  .popup-adress__header .title-page {
    font-size: 22px; }
  .tabl-adress__secondary-info {
    flex-wrap: wrap; }
  .tabl-adress__item--designation {
    width: 100%; }
  .tabl-adress__item--control {
    width: 100%;
    margin-left: 0;
    padding-bottom: 10px; }
  .tabl-adress__edit {
    margin-left: 60px; }
  .top-adress__header {
    flex-wrap: wrap;
    flex-direction: column; }
    .top-adress__header .download-xls {
      margin-left: auto;
      margin-top: 10px; }
  .top-adress__header .difficult-route__link {
    margin-left: auto;
    margin-right: 0; } }

.order__top {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .order__top-text {
    font-size: 36px;
    font-family: "AvenirNextCyr-Light";
    margin-bottom: 10px;
    white-space: nowrap;
    /* width: 490px;
    min-width: 490px; */ }
  .order__top-zakaz {
    color: #898989; }
  .order__top-number {
    color: #141414; }
  .order__top-price {
    color: #141414;
    font-family: "AvenirNextCyr-Demi";
    white-space: nowrap; }
  .order__top-rubble {
    font-family: "RUBSN"; }
  .order__top-line {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #959595;
    margin-left: 5px;
    margin-right: 15px;
    box-sizing: border-box; }
  .order__top-btn {
    min-width: 170px; }
    .order__top-btn .difficult-route__link {
      text-transform: unset; }

.order__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px; }
  .order__main-status {
    display: flex;
    align-items: center;
    position: relative; }
    /*
    .order__main-status:after {
      display: block;
      position: absolute;
      bottom: -150px;
      height: 150px;
      left: 6px;
      width: 1px;
      border-right: 2px dotted #959595;
      content: ""; }
      */
    .order__main-status-figure {
      padding: 18px;
      padding-right: 8px;
      border: 1px solid #acacac;
      border-radius: 7px;
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #7e7e7e;
      margin-right: 32px;
      position: relative;
      border-right: none; }
      .order__main-status-figure:after {
        width: 32px;
        transform: rotate(60deg);
        height: 1px;
        background: #acacac;
        top: 14px;
        right: -22px;
        content: "";
        position: absolute; }
      .order__main-status-figure:before {
        width: 32px;
        transform: rotate(-60deg);
        height: 1px;
        background: #acacac;
        bottom: 14px;
        right: -22px;
        content: "";
        position: absolute; }
    .order__main-status-text {
      font-size: 24px;
      font-family: "AvenirNextCyr-Light";
      color: #eb212e;
      margin: 0; }
  .order__main-info {
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #7e7e7e; }
    .order__main-info span {
      color: black; }

.order__content {
  display: flex;
  padding-bottom: 50px;
  padding-top: 50px;
  flex-wrap: wrap;
  position: relative; }
  .order__content-first {
    padding-top: 40px; }
    .order__content-first:before {
      height: 1px;
      content: "";
      right: 80px;
      left: 113px;
      top: 0;
      position: absolute;
      background: #e3e3e3; }
  .order__content:after {
    height: 1px;
    content: "";
    right: 80px;
    left: 113px;
    bottom: 0;
    position: absolute;
    background: #e3e3e3; }

.order__item {
  display: flex;
  position: relative;
  padding-left: 45px;
  box-sizing: border-box; }
  .order__item:after {
    height: 1px;
    content: "";
    border-bottom: 2px dotted #959595;
    right: 1px;
    left: 50px;
    position: absolute;
    z-index: 10;
    top: 50%; }
  .order__item--active:after {
    border-bottom: 2px dotted #eb212e; }
  .order__item--first {
    width: 40%; }
  .order__item--second {
    width: 33%; }
  .order__item--third {
    width: 27%;
    position: relative; }
    .order__item--third:after {
      display: none; }
  .order__item--add {
    margin-top: 40px;
    width: 100%;
    justify-content: flex-end;
    padding-right: 15px; }
    .order__item--add:after {
      display: none; }
    .order__item--add .order__item--third:before {
      content: '';
      position: absolute;
      top: calc(-70%);
      bottom: 90px;
      left: 7px;
      width: 1px;
      border-left: 2px dotted #959595; }
  .order__item .point {
    left: -20px;
    color: #565656; }
  .order__item-content {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 15px;
    /* background: #ffffff; */
    z-index: 20; }
  .order__item-title {
    font-size: 18px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000; }
  .order__item-text {
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular";
    color: #666666;
    margin-bottom: 15px;
    margin-top: 20px; }
  .order__item-contact {
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    color: #666666;
    padding-top: 12px;
    border-top: 2px dotted #cfcfcf; }

.order__driver {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding-bottom: 66px;
  padding-top: 60px; }
  .order__driver-wrapp {
    display: flex; }
  .order__driver-men {
    display: flex;
    align-items: center; }
  .order__driver-men-plus {
    margin-left: 12px;
    box-sizing: border-box;
    height: 45px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% 0 0 50%;
    border: 1px solid #b7b7b7; }
    .order__driver-men-plus i {
      font-family: "LineAwesome";
      color: #b7b7b7;
      font-size: 18px;
      transform: rotate(-90deg);
      margin-top: 2px;
      margin-left: 2px; }
  .order__driver-men-img {
    width: 112px;
    height: 112px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b7b7b7;
    box-sizing: border-box;
    margin-left: -5px; }
    .order__driver-men-img img {
      object-fit: cover;
      width: 115px;
      height: auto; }
  .order__driver-info {
    display: flex;
    flex-direction: column;
    padding-top: 17px;
    margin-left: 40px;
    padding-right: 65px; }
    .order__driver-info-who {
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium";
      color: #898989;
      margin-bottom: 12px; }
    .order__driver-info-name {
      font-size: 26px;
      font-family: "AvenirNextCyr-Light";
      padding-bottom: 12px;
      border-bottom: 2px dotted rgba(235, 33, 46, 0.5);
      margin-bottom: 12px; }
    .order__driver-info-phone {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #898989; }
  .order__driver-info-car {
    display: flex;
    flex-direction: column;
    padding-top: 17px;
    margin-left: auto;
    width: 27%;
    padding-left: 45px;
    box-sizing: border-box; }
    .order__driver-info-car-data {
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium";
      color: #898989;
      margin-bottom: 12px; }
    .order__driver-info-car-model {
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium";
      margin-bottom: 12px; }
    .order__driver-info-car-color {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #898989; }
      .order__driver-info-car-color span {
        color: black; }
  .order__driver-figure {
    margin-left: auto;
    transform: rotate(90deg); }
  .order__driver-status {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 49px 0;
    background-image: url("../img/bg-order-status.png");
    margin-left: auto;
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular"; }
  .order__driver svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .order__driver .circle_animation {
    stroke-dasharray: 314;
    /* this value is the pixel circumference of the circle */
    stroke-dashoffset: 314;
    transition: all 1s linear; }
  .order__driver-timer {
    position: relative;
    margin-top: 2px;
    margin-left: 45px; }
    .order__driver-timer-block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center; }
    .order__driver-timer-text {
      font-size: 15px;
      font-family: "AvenirNextCyr-Medium";
      color: #eb212e;
      padding-bottom: 5px;
      border-bottom: 2px dotted #eb212e;
      margin-bottom: 5px; }
    .order__driver-timer-time {
      font-size: 20px;
      font-family: "AvenirNextCyr-Medium";
      color: #eb212e; }

.order-map__info {
  margin-bottom: 44px;
  margin-top: 56px; }
  .order-map__info span {
    font-size: 30px;
    color: #000000;
    font-family: "AvenirNextCyr-Light"; }
  .order-map__info a {
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    color: #eb212e;
    margin-left: 15px; }
  .order-map__info i {
    font-family: "LineAwesome";
    margin-right: 5px; }

.order-map__wrapp {
  width: 100%;
  height: 570px;
  border-radius: 7px;
  overflow: hidden; }

.order-map__footer {
  display: flex;
  padding-top: 54px;
  padding-bottom: 45px; }
  .order-map__footer div:nth-child(2) {
    margin-left: auto; }
  .order-map__footer-title {
    font-size: 30px;
    font-family: "AvenirNextCyr-Light"; }
  .order-map__footer-desc {
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #666666;
    max-width: 500px;
    margin: 0;
    margin-top: 30px; }

.order__bottom {
  display: flex;
  padding-top: 50px;
  padding-bottom: 80px; }
  .order__bottom-btns {
    width: 50%;
    display: flex; }
  .order__bottom-info {
    width: 50%;
    display: flex;
    align-items: center; }
  .order__bottom-text {
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    color: #4d4d4d;
    margin-left: 10px; }
  .order__bottom .btn-more-egorka {
    background: #eb212e;
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 7px;
    font-size: 15px;
    font-family: "AvenirNextCyr-Demi";
    padding: 11px 23px;
    box-sizing: border-box;
    cursor: pointer; }
    .order__bottom .btn-more-egorka span {
      margin-left: 10px; }
    .order__bottom .btn-more-egorka:hover {
      opacity: 0.7; }
  .order__bottom .btn-remove-oreder {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    color: #eb212e;
    border-radius: 7px;
    font-size: 15px;
    font-family: "AvenirNextCyr-Demi";
    padding: 11px 25px;
    box-sizing: border-box;
    margin-left: 10px;
    border: 2px dotted #eb212e;
    cursor: pointer; }
    .order__bottom .btn-remove-oreder span {
      margin-left: 10px; }
    .order__bottom .btn-remove-oreder:hover {
      opacity: 0.7; }

/*CARS*/
.b-car {
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px; }

.b-car.b-car_blue {
  background: url(https://static.egorka.delivery/img/cars-blue.png) no-repeat 0 0; }

.b-car.b-car-direction-e {
  background-position: -324px 0; }

.b-car.b-car-direction-ne {
  background-position: -378px 0; }

.b-car.b-car-direction-n {
  background-position: 0 0; }

.b-car.b-car-direction-nw {
  background-position: -54px 0; }

.b-car.b-car-direction-w {
  background-position: -108px 0; }

.b-car.b-car-direction-sw {
  background-position: -162px 0; }

.b-car.b-car-direction-s {
  background-position: -216px 0; }

.b-car.b-car-direction-se {
  background-position: -270px 0; }

@media screen and (max-width: 1200px) {
  .order__bottom-info {
    padding-left: 30px; } }

@media screen and (max-width: 992px) {
  .order__content {
    flex-wrap: wrap; }
    .order__content .order__item {
      width: 100%;
      margin-bottom: 15px; }
      .order__content .order__item .point {
        z-index: 11; }
      .order__content .order__item:after {
        height: 100%;
        content: "";
        border-bottom: none;
        border-left: 2px dotted #959595;
        right: auto;
        left: 7px;
        position: absolute;
        z-index: 10;
        top: 50%; }
      .order__content .order__item--active:after {
        height: 100%;
        content: "";
        border-bottom: none;
        border-left: 2px dotted #eb212e;
        right: auto;
        left: 7px;
        position: absolute;
        z-index: 10;
        top: 50%; }
      .order__content .order__item-text br {
        display: none; }
      .order__content .order__item--add {
        padding-left: 0; }
        .order__content .order__item--add .order__item--third:before {
          bottom: 77px; }
  .order__driver-wrapp {
    align-items: center; }
    .order__driver-wrapp .order__driver-status {
      padding: 48px;
      margin-left: 15px; } }

@media screen and (max-width: 804px) {
  .order__content:after {
    left: 80px;
    right: 21px; }
  .order__content-first:before {
    left: 80px;
    right: 21px; } }

@media screen and (max-width: 768px) {
  .order__main-status:after {
    display: none; }
  .top-for-order {
    position: relative; }
    .top-for-order .desc-page {
      padding-bottom: 100px; }
  .order__top {
    flex-wrap: wrap; }
    .order__top-text {
      width: fit-content;
      min-width: auto; }
    .order__top-line {
      display: none; }
    .order__top-btn {
      position: absolute;
      bottom: 20px;
      right: 0; }
  .order__main {
    flex-wrap: wrap; }
    .order__main-info {
      margin-top: 15px; }
  .order__driver-wrapp {
    flex-wrap: wrap; }
  .order__driver-status {
    width: 100%;
    margin-top: 15px; }
  .order-map__info {
    display: flex;
    flex-direction: column; }
    .order-map__info a {
      margin-left: 0; }
  .order-map__footer {
    flex-wrap: wrap; }
    .order-map__footer div {
      width: 100%; }
      .order-map__footer div:nth-child(2) {
        margin-top: 15px; }
  .order__bottom {
    flex-wrap: wrap;
    padding-bottom: 50px; }
    .order__bottom-btns {
      width: 100%; }
    .order__bottom-info {
      width: 100%;
      padding-left: 0; }
  .order__driver-info, .order__driver-info-car {
    width: 100%; }
    .order__driver-info-name, .order__driver-info-car-name {
      width: fit-content; }
  .order__driver-figure {
    display: none; } }

@media screen and (max-width: 600px) {
  .order__top-price {
    display: block; } }

@media screen and (max-width: 586px) {
  .order__content .order__item--active:after {
    left: 4px;
    height: 120%; }
  .order__content .order__item:after {
    left: 4px;
    height: 120%; }
  .order__content .order__item--add .order__item--third:before {
    left: 4px; } }

@media screen and (max-width: 480px) {
  .order__main-status {
    display: flex;
    flex-direction: column; }
    .order__main-status-figure {
      margin-bottom: 15px; }
    .order__main-status-text {
      margin-right: auto; } }

@media screen and (max-width: 380px) {
  .order__top-text {
    font-size: 30px; }
  .order__main-info span {
    display: block; }
  .order__bottom-btns {
    display: flex;
    flex-direction: column; }
    .order__bottom-btns .btn-remove-oreder {
      margin-top: 15px;
      margin-left: 0; } }

.reg-top-content .desc-page {
  font-family: "AvenirNextCyr-Regular"; }

.select-reg {
  margin-bottom: 40px;
  display: flex;
  align-items: center; }
  .select-reg__text {
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #7e7e7e; }
    .select-reg__text-or {
      font-size: 20px;
      font-family: "AvenirNextCyr-Medium";
      color: #7e7e7e;
      position: relative;
      padding: 0 24px; }
      .select-reg__text-or:after {
        content: "";
        position: absolute;
        width: 14px;
        height: 1px;
        border-bottom: 2px dotted #959595;
        margin-top: 2px;
        right: 0;
        top: 50%;
        transform: translate(0, -50%); }
      .select-reg__text-or:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 1px;
        border-bottom: 2px dotted #959595;
        margin-top: 2px;
        left: 0;
        top: 50%;
        transform: translate(0, -50%); }
  .select-reg input {
    display: none; }
  .select-reg label {
    padding: 0 10px;
    cursor: pointer; }
  .select-reg__title {
    padding-bottom: 4px;
    font-size: 20px;
    font-family: "AvenirNextCyr-Medium";
    border-bottom: 1px dashed black;
    position: relative; }
    
.select-reg__title.select-reg__active
{
	color: #eb212e;
    border-bottom: 1px solid #eb212e;
}
.select-reg__title.select-reg__active:after
{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: #ffffff;
	border-right: 1px solid #eb212e;
	border-bottom: 1px solid #eb212e;
	transform: rotate(45deg) translate(-50%, 0);
	bottom: -7px;
	left: 50%;
}
    
  .select-reg input:checked + .select-reg__title {
    color: #eb212e;
    border-bottom: 1px solid #eb212e; }
  .select-reg input:checked + .select-reg__title:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-right: 1px solid #eb212e;
    border-bottom: 1px solid #eb212e;
    transform: rotate(45deg) translate(-50%, 0);
    bottom: -7px;
    left: 50%; }

.reg-form {
  display: flex;
  flex-wrap: wrap; }
  .reg-form__title {
    margin-right: 10px;
    font-size: 16px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000; }
  .reg-form__label {
    display: flex;
    align-items: center;
    padding-right: 25px;
    box-sizing: border-box;
    margin-bottom: 22px; }
    .reg-form__label--name {
      width: 37.9%; }
      .reg-form__label--name span {
        min-width: 160px; }
    .reg-form__label--phone {
      width: 35.5%; }
      .reg-form__label--phone span {
        min-width: 130px; }
    .reg-form__label--email {
      width: 26.6%; }
      .reg-form__label--email span {
        min-width: 46px; }
    .reg-form__label--pass {
      width: 37.9%; }
      .reg-form__label--pass span {
        min-width: 160px; }
    .reg-form__label--pass-more {
      width: 35.5%; }
      .reg-form__label--pass-more span {
        min-width: 130px; }
    .reg-form__label:nth-child(3) {
      padding-right: 0; }
    .reg-form__label input {
      width: 100%;
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      transition: all .3s; }
      .reg-form__label input:hover {
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        transition: all .3s; }
      .reg-form__label input:focus::-webkit-input-placeholder {
        color: transparent; }
      .reg-form__label input:focus::-moz-placeholder {
        color: transparent; }
      .reg-form__label input:focus:-moz-placeholder {
        color: transparent; }
      .reg-form__label input:focus:-ms-input-placeholder {
        color: transparent; }

.reg-bottom {
  display: flex;
  flex-direction: column;
  padding-bottom: 152px; }
  .reg-bottom .difficult-route__link {
    text-transform: unset;
    margin: 0 auto; }
  .reg-bottom__label {
    max-width: 700px;
    margin-top: 12px;
    display: flex;
    align-items: center; }
    .reg-bottom__label span {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      margin-left: 35px;
      position: relative; }
      .reg-bottom__label span:before {
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        content: "\f18b";
        font-size: 21px;
        color: #565656;
        position: absolute;
        left: -35px;
        top: 50%;
        transform: translate(0, -50%);
        font: normal normal normal 21px/1 FontAwesome;
        font-weight: bold;
        cursor: pointer; }
      .reg-bottom__label span a {
        color: #eb212e;
        border-bottom: 1px solid #eb212e; }
    .reg-bottom__label input {
      display: none; }
    .reg-bottom__label input:checked + span:before {
      content: "\f17d";
      color: #eb212e; }
  .reg-bottom__start-btn {
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 28px;
    width: fit-content;
    padding: 15px;
    border: none;
    font-size: 15px;
    font-family: "AvenirNextCyr-Demi";
    text-transform: uppercase;
    border-radius: 7px;
    background: #eb212e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    outline: none;
    cursor: pointer; }
    .reg-bottom__start-btn span {
      margin-left: 10px; }
    .reg-bottom__start-btn:hover {
      opacity: 0.8; }
  .reg-bottom__text {
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    color: #323232;
    width: fit-content;
    padding-top: 20px;
    border-top: 2px dotted #959595;
    margin: 0 auto;
    margin-bottom: 15px; }

@media screen and (min-width: 1800px) {
  .reg-form__label--name {
    width: 37%; }
  .reg-form__label--email {
    width: 27.9%; }
  .reg-form__label--phone {
    width: 35.1%; }
  .reg-form__label--pass {
    width: 37%; }
  .reg-form__label--pass-more {
    width: 35.1%; } }

@media screen and (max-width: 1000px) {
  .select-reg {
    flex-wrap: wrap; }
    .select-reg__text {
      width: 100%; }
    .select-reg label {
      margin-left: -10px;
      margin-top: 15px; }
    .select-reg .select-reg__text-or {
      margin-top: 15px;
      margin-right: 10px; }
  .reg-form__label {
    width: 100%;
    flex-direction: column;
    align-items: self-start;
    padding-right: 0; }
    .reg-form__label span {
      margin-bottom: 15px; } }

@media screen and (max-width: 540px) {
  .select-reg .select-reg__text-or {
    width: 100%;
    margin-left: 42px; }
  .select-reg__text-or:after {
    right: auto;
    left: 70px; }
  .reg-bottom__start-btn {
    margin-top: 70px; } }

.content-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
  padding: 0; }
  .content-404__h3 {
    margin: 0;
    font-size: 98px;
    color: #eb212e;
    width: 542px;
    text-align: center;
    padding-bottom: 35px;
    margin-bottom: 35px;
    font-weight: normal;
    position: relative;
    font-family: "AvenirNextCyr-UltraLight"; }
    .content-404__h3:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      border-bottom: 2px dotted #eb212e;
      opacity: 0.5; }
  .content-404__h4 {
    margin: 0;
    font-size: 36px;
    font-family: "AvenirNextCyr-Light";
    color: #eb212e;
    font-weight: normal; }

@media screen and (max-width: 700px) {
  .content-404__h3 {
    font-size: 80px;
    max-width: 450px; }
  .content-404__h4 {
    font-size: 30px;
    text-align: center; }
  .content-404 svg {
    width: 450px;
    height: 450px; }
    .content-404 svg image {
      width: 450px;
      height: 450px; } }

@media screen and (max-width: 479px) {
  .content-404 {
    padding-bottom: 180px; }
  .content-404__h3 {
    font-size: 60px;
    max-width: 300px; }
  .content-404__h4 {
    font-size: 26px;
    text-align: center; }
  .content-404 svg {
    width: 300px;
    height: 300px; }
    .content-404 svg image {
      width: 300px;
      height: 300px; } }

.tarif-top-content .desc-page {
  border-bottom: none;
  margin-bottom: 0; }

.select-delivery {
  display: flex; }
  .select-delivery input {
    display: none; }
  .select-delivery__item {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    padding-top: 73px;
    cursor: pointer;
    padding-bottom: 27px; }
    .select-delivery__item:hover {
      opacity: 0.8; }
    .select-delivery__item span {
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium";
      text-align: center; }
      .select-delivery__item span:after {
        content: "";
        position: absolute;
        right: 0;
        top: 30px;
        height: 86px;
        border-right: 2px dotted rgba(149, 149, 149, 0.5); }
    .select-delivery__item p {
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular";
      text-align: center;
      max-width: 180px;
      margin: 0;
      margin-top: 10px; }
    .select-delivery__item input:checked + span {
      color: #eb212e; }
    .select-delivery__item.active {
      position: relative; }
      .select-delivery__item.active:after {
        content: url("../img/tarif/select-line.png");
        bottom: -28px;
        position: absolute; }
    .select-delivery__item--leg {
      padding-left: 0;
      width: 19%; }
      .select-delivery__item--leg:before {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        content: url("../img/tarif/leg.png");
        position: absolute;
        margin-left: -25px;
        image-rendering: optimizeSpeed; }
      .select-delivery__item--leg.active:before {
        content: url("../img/tarif/leg-active.png"); }
    .select-delivery__item--moped {
      width: 28%; }
      .select-delivery__item--moped:before {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        content: url("../img/tarif/moped.png");
        position: absolute;
        image-rendering: optimizeSpeed; }
      .select-delivery__item--moped.active:before {
        content: url("../img/tarif/moped-active.png"); }
    .select-delivery__item--car {
      width: 30%; }
      .select-delivery__item--car:before {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        content: url("../img/tarif/car.png");
        position: absolute;
        image-rendering: optimizeSpeed; }
      .select-delivery__item--car.active:before {
        content: url("../img/tarif/car-active.png"); }
    .select-delivery__item--track {
      padding-right: 0;
      width: 23%; }
      .select-delivery__item--track:before {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        content: url("../img/tarif/track.png");
        position: absolute;
        margin-left: 25px;
        image-rendering: optimizeSpeed; }
      .select-delivery__item--track.active:before {
        content: url("../img/tarif/track-active.png"); }
      .select-delivery__item--track span:after {
        display: none; }

.tarif-info {
  display: flex;
  margin-top: 50px;
  padding-bottom: 45px; }
  .tarif-info__item {
    width: 50%;
    box-sizing: border-box; }
    .tarif-info__item:nth-child(1) {
      width: 47%; }
    .tarif-info__item h3 {
      font-size: 30px;
      margin: 0;
      font-weight: normal;
      font-family: "AvenirNextCyr-Light";
      margin-bottom: 35px; }
    .tarif-info__item p {
      margin: 0;
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium"; }
    .tarif-info__item .icon-rub {
      font-family: "RUBSN" !important; }
    .tarif-info__item--pl70 {
      padding-left: 70px; }
      .tarif-info__item--pl70 img {
        margin-bottom: 15px;
        margin-left: -10px; }
    .tarif-info__item--br {
      position: relative; }
      .tarif-info__item--br:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        height: 86px;
        border-right: 2px dotted #959595; }
    .tarif-info__item .span-price {
      font-size: 14px;
      font-family: "AvenirNextCyr-Medium";
      color: #898989;
      margin-top: 28px;
      display: flex;
      align-items: center; }
      .tarif-info__item .span-price img {
        margin-right: 5px;
        opacity: 0.7; }
  .tarif-info__mini {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-family: "AvenirNextCyr-Medium"; }
    .tarif-info__mini .mini-text {
      font-size: 14px; }
    .tarif-info__mini .icon-rub {
      font-size: 17px; }
  .tarif-info__block {
    display: flex; }
    .tarif-info__block > div {
      margin-right: 75px; }
  .tarif-info .tarif-more-info {
    display: flex;
    align-items: center; }
    .tarif-info .tarif-more-info > div {
      display: flex;
      flex-direction: column;
      width: calc( 100% - 240px); }
    .tarif-info .tarif-more-info p {
      max-width: 140px;
      font-size: 16px;
      margin-right: 21px;
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular"; }
    .tarif-info .tarif-more-info svg {
      margin-left: 42px;
      margin-right: 20px; }
    .tarif-info .tarif-more-info__span {
      font-size: 17px;
      font-family: "AvenirNextCyr-Medium";
      border-bottom: 2px dotted #959595;
      padding-bottom: 6px;
      box-sizing: border-box;
      margin-bottom: 10px;
      padding-left: 20px;
      position: relative; }
      .tarif-info .tarif-more-info__span:before {
        position: absolute;
        left: 0;
        top: 3px;
        width: 4px;
        height: 17px;
        border-radius: 7px;
        content: "";
        background: #eb212e; }
      .tarif-info .tarif-more-info__span .icon-rub {
        font-size: 17px; }

.tarif_max-weight {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-bottom: 75px;
  padding-top: 25px; }
  .tarif_max-weight__wrapp {
    display: flex;
    align-items: center; }
  .tarif_max-weight__info {
    display: flex;
    flex-direction: column;
    margin-left: 10px; }
  .tarif_max-weight__span {
    font-size: 17px;
    font-family: "AvenirNextCyr-Medium";
    color: #7e7e7e; }
    .tarif_max-weight__span:nth-child(1) {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 2px dotted #959595;
      padding-right: 10px; }
    .tarif_max-weight__span span {
      color: black; }

.additional-tarif {
  margin-top: 65px;
  position: relative; }
  .additional-tarif__header {
    margin-bottom: 36px; }
  .additional-tarif__title {
    font-weight: normal;
    font-family: "AvenirNextCyr-Light";
    font-size: 30px;
    margin: 0; }
  .additional-tarif__item {
    padding-bottom: 36px;
    margin-bottom: 36px;
    position: relative; }
    .additional-tarif__item:after {
      content: "";
      bottom: 0;
      left: 45px;
      right: 0;
      border-bottom: 1px solid #ececec;
      position: absolute; }
    .additional-tarif__item:nth-last-child(1) {
      padding-bottom: 45px; }
      .additional-tarif__item:nth-last-child(1):after {
        left: 0; }
  .additional-tarif__item-top {
    position: relative;
    padding-left: 45px;
    display: flex;
    align-items: center; }
    .additional-tarif__item-top .point {
      left: -22px;
      top: -3px;
      transform: translate(0, 0); }
      .additional-tarif__item-top .point i {
        margin-top: 2px;
        color: #565656;
        transition: transform .3s;
        font-size: 23px; }
      .additional-tarif__item-top .point.active i {
        color: #eb212e;
        transform: rotate(90deg);
        transition: transform .3s; }
    .additional-tarif__item-top .difficult-route__link {
      margin-right: 17px; }
  .additional-tarif__show-hide {
    margin: 0;
    padding-left: 45px;
    font-size: 16px;
    color: #666666;
    font-family: "AvenirNextCyr-Medium";
    margin-top: 32px;
    display: none; }

.tarif-btn {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #eb212e;
  border-radius: 7px;
  text-transform: uppercase;
  color: white;
  padding: 17px 30px;
  cursor: pointer;
  outline: none;
  margin-bottom: 60px;
  margin-top: 50px;
  transition: all .3s; }
  .tarif-btn span {
    margin-left: 10px;
    font-size: 15px;
    font-family: "AvenirNextCyr-Demi"; }
  .tarif-btn:hover {
    opacity: 0.7;
    transition: all .3s; }

@media screen and (max-width: 992px) {
  .select-delivery {
    flex-wrap: wrap; }
    .select-delivery__line {
      display: none; }
    .select-delivery__item {
      width: 50%;
      padding: 0 30px;
      padding-top: 73px;
      padding-bottom: 27px;
      margin-bottom: 50px; }
      .select-delivery__item:before {
        margin-left: 0; }
      .select-delivery__item--moped span:after {
        display: none; }
  .tarif-info {
    flex-wrap: wrap; }
    .tarif-info__item {
      width: 100%;
      padding-left: 0; }
      .tarif-info__item:nth-child(1) {
        width: 100%;
        margin-bottom: 30px; }
  .tarif-info__item--br:after {
    display: none; } }

@media screen and (max-width: 600px) {
  .tarif-info .tarif-more-info__span {
    font-size: 15px; }
  .tarif-info .tarif-info__item h3 {
    font-size: 25px; }
  .tarif-info .tarif-info__item p {
    font-size: 15px; }
  .tarif-info .tarif-more-info {
    flex-wrap: wrap; }
    .tarif-info .tarif-more-info svg {
      display: none; }
    .tarif-info .tarif-more-info > div {
      width: 100%; }
    .tarif-info .tarif-more-info p {
      max-width: 100%; }
  .tarif_max-weight__span {
    font-size: 15px; }
  .additional-tarif__title {
    font-size: 25px; }
  .tarif-btn {
    padding: 12px 20px; }
  .tarif-btn span {
    font-size: 13px; }
  .additional-tarif__show-hide {
    font-size: 14px; } }

@media screen and (max-width: 480px) {
  .select-delivery__item {
    width: 100%;
    padding: 0 15px;
    padding-top: 73px;
    padding-bottom: 27px;
    margin-bottom: 50px; }
  .select-delivery__item span:after {
    display: none; }
  .tarif-info__block > div {
    margin-right: 31px; }
  .tarif-info {
    margin-top: 0; }
  .icon-show-hide {
    margin-top: -2px; }
  .additional-tarif__item-top {
    padding-left: 34px; }
  .additional-tarif__item-top .difficult-route__link {
    font-size: 10px;
    margin-right: 10px;
    padding: 10px; } }

.top-requ {
  box-shadow: -5px 7px 7px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px; }
  .top-requ .title-page {
    margin-bottom: 8px; }
  .top-requ__wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px; }
  .top-requ .desc-page {
    width: 50%;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .top-requ .difficult-route__link {
    margin-left: auto;
    height: fit-content;
    margin-top: 0;
    text-transform: unset; }

.tabl-requ {
  font-family: "AvenirNextCyr-Regular";
  font-size: 14px;
  color: black;
  padding-bottom: 30px;
  position: relative;
  margin-top: 25px;
  min-height: 1200px; }
  .tabl-requ:after {
    position: absolute;
    left: 65px;
    right: 80px;
    bottom: 0;
    height: 1px;
    background: #e3e3e3;
    content: ""; }
  .tabl-requ__header {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    position: relative;
    font-family: "AvenirNextCyr-Medium"; }
    .tabl-requ__header:after {
      position: absolute;
      left: 15px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-requ__row {
    display: flex;
    width: 100%;
    padding-bottom: 2px;
    border-radius: 7px; }
    .tabl-requ__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-requ__main-info {
    display: flex;
    width: 57%; }
  .tabl-requ__secondary-info {
    display: flex;
    width: 43%;
    padding-left: 28px; }
  .tabl-requ__item {
    padding-right: 13px;
    width: 100%;
    overflow: auto; }
    .tabl-requ__item--number {
      display: flex;
      align-items: center;
      width: 45px; }
      .tabl-requ__item--number span {
        padding-left: 15px; }
    .tabl-requ__item--control {
      display: flex;
      font-family: "AvenirNextCyr-Medium"; }
    .tabl-requ__item span:hover {
      cursor: pointer;
      opacity: 0.6; }
  .tabl-requ__content {
    padding: 10px 18px;
    border-radius: 7px;
    box-sizing: border-box;
    max-width: 100%;
    word-wrap: break-word;
    max-height: 40px;
    overflow: auto; }
  .tabl-requ__content[contenteditable=true] {
    padding: 10px 18px;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    outline: none;
    background: #fff; }
    .tabl-requ__content[contenteditable=true] span:hover {
      opacity: 1; }
  .tabl-requ__edit {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .tabl-requ__edit:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-requ__edit span {
      border-bottom: 1px dashed #323232; }
    .tabl-requ__edit i {
      font-size: 18px;
      margin-right: 2px; }
  .tabl-requ__delete {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 15px;
    color: #eb212e; }
    .tabl-requ__delete:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-requ__delete span {
      border-bottom: 1px dashed #eb212e; }
    .tabl-requ__delete i {
      font-size: 18px;
      margin-right: 5px; }

.requ-layout {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9); }

.popup-requ {
  background-color: white;
  color: black;
  width: 1010px;
  min-width: 1010px;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  padding: 0;
  box-sizing: border-box;
  padding-bottom: 50px; }
  .popup-requ input {
    padding: 18px;
    font-size: 16px;
    height: 50px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
    outline: none;
    display: block;
    font-family: "AvenirNextCyr-Regular";
    box-sizing: border-box;
    transition: all .3s;
    z-index: 32; }
    .popup-requ input:hover {
      box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
      transition: all .3s; }
    .popup-requ input:focus::-webkit-input-placeholder {
      color: transparent; }
    .popup-requ input:focus::-moz-placeholder {
      color: transparent; }
    .popup-requ input:focus:-moz-placeholder {
      color: transparent; }
    .popup-requ input:focus:-ms-input-placeholder {
      color: transparent; }
  .popup-requ .error-msg {
    display: none; }
  .popup-requ label {
    position: relative; }
    .popup-requ label.error input {
      border: 1px solid #eb212e; }
    .popup-requ label.error .error-msg {
      display: block;
      position: absolute;
      font-size: 13px;
      font-family: "AvenirNextCyr-Demi";
      color: white;
      left: 100%;
      top: -34px;
      z-index: 20;
      background: #eb212e;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 5px 10px;
      border-radius: 7px 7px 7px 0px; }
      .popup-requ label.error .error-msg:before {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 21;
        border: 4px solid transparent;
        border-left: 10px solid #eb212e; }
  .popup-requ span {
    text-align: left; }
  .popup-requ__header {
    display: flex;
    flex-direction: column;
    padding: 34px;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px; }
    .popup-requ__header--top {
      display: flex; }
    .popup-requ__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-requ__header .popup-requ__close {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .popup-requ__header .popup-requ__close:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-requ__header .popup-requ__close:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-requ__header .popup-requ__close:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }
    .popup-requ__header--bottom {
      margin-bottom: 6px; }
      .popup-requ__header--bottom p {
        font-size: 20px;
        font-family: "AvenirNextCyr-Regular";
        margin-top: 30px;
        margin-bottom: 25px;
        text-align: left; }
    .popup-requ__header--content {
      display: flex; }
      .popup-requ__header--content label {
        display: flex;
        align-items: center;
        width: 452px;
        padding-right: 5px;
        box-sizing: border-box; }
        .popup-requ__header--content label input {
          width: 332px;
          margin-left: auto; }
        .popup-requ__header--content label span {
          font-size: 14px;
          font-family: "AvenirNextCyr-Regular";
          color: #4d4d4d; }
      .popup-requ__header--content .info-label {
        padding-left: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .popup-requ__header--content .info-label div {
          text-align: left; }
        .popup-requ__header--content .info-label__title {
          font-size: 14px;
          font-family: "AvenirNextCyr-Regular";
          color: #4d4d4d;
          padding-bottom: 7px; }
        .popup-requ__header--content .info-label__content {
          font-size: 14px;
          font-family: "AvenirNextCyr-Medium";
          color: #323232;
          padding-bottom: 1px;
          border-bottom: 1px dashed #000000;
          text-align: left; }
  .popup-requ__content {
    padding: 34px;
    padding-bottom: 34px;
    position: relative; }
    .popup-requ__content:after {
      border-bottom: 1px solid #e3e3e3;
      left: 34px;
      right: 34px;
      content: "";
      bottom: 0;
      position: absolute; }
    .popup-requ__content--non-border:after {
      display: none; }
    .popup-requ__content label {
      display: flex;
      align-items: center;
      margin-bottom: 22px;
      position: relative; }
      .popup-requ__content label input {
        width: 100%; }
      .popup-requ__content label span {
        width: 132px;
        font-size: 14px;
        font-family: "AvenirNextCyr-Regular";
        color: #4d4d4d; }
      .popup-requ__content label .span-abs {
        position: absolute;
        left: 136px;
        bottom: -22px;
        width: 100%; }
    .popup-requ__content--flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .popup-requ__content--flex label {
        box-sizing: border-box;
        width: 48%; }
        .popup-requ__content--flex label span {
          width: 116px; }
        .popup-requ__content--flex label input {
          width: 330px;
          margin-right: auto; }
        .popup-requ__content--flex label:nth-child(2n) input {
          width: 380px; }
    .popup-requ__content--group label span {
      width: 116px; }
    .popup-requ__content--group label input {
      width: 168px;
      margin-right: auto; }
      .popup-requ__content--group label input:nth-last-child(1) {
        width: 260px;
        margin-right: 0; }
    .popup-requ__content--more label {
      width: 50%; }
      .popup-requ__content--more label input {
        width: 380px; }
    .popup-requ__content--more .info-label {
      text-align: left;
      width: 45%;
      font-size: 14px;
      color: #4d4d4d;
      font-family: "AvenirNextCyr-Regular";
      display: flex;
      box-sizing: border-box;
      align-items: center;
      margin-bottom: 22px; }
  .popup-requ__buttons {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    box-sizing: border-box; }
    .popup-requ__buttons .popup-requ__btn {
      text-transform: uppercase;
      color: white;
      font-family: "AvenirNextCyr-Demi";
      font-size: 15px;
      padding: 18px 15px;
      border: none;
      background: #eb212e;
      border-radius: 7px;
      display: block;
      margin: 0 auto;
      cursor: pointer;
      outline: none;
      transition: all .3s;
      width: fit-content; }
      .popup-requ__buttons .popup-requ__btn:hover {
        background: #f15d66;
        transition: all .3s; }
      .popup-requ__buttons .popup-requ__btn span {
        padding-left: 34px;
        position: relative; }
        .popup-requ__buttons .popup-requ__btn span:before {
          position: absolute;
          width: 24px;
          height: 24px;
          background: url("../icons/save-icon.png");
          content: "";
          left: 0px;
          top: -3px; }
      .popup-requ__buttons .popup-requ__btn-clear {
        position: absolute;
        top: 32%;
        right: -110px;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .popup-requ__buttons .popup-requ__btn-clear:hover {
          opacity: 0.7; }
        .popup-requ__buttons .popup-requ__btn-clear span {
          padding-bottom: 2px;
          color: #eb212e;
          border-bottom: 1px dashed #eb212e;
          font-family: "AvenirNextCyr-Medium"; }
        .popup-requ__buttons .popup-requ__btn-clear i {
          color: #eb212e;
          font-size: 18px;
          margin-right: 5px; }

@media screen and (max-width: 1100px) {
  .popup-requ {
    width: 800px;
    min-width: 800px; }
  .popup-requ__content--group label {
    flex-wrap: wrap;
    justify-content: space-between; }
    .popup-requ__content--group label span {
      width: 100%;
      margin-bottom: 22px; }
    .popup-requ__content--group label input {
      width: 48%;
      margin-bottom: 22px; }
      .popup-requ__content--group label input:nth-last-child(1) {
        width: 48%; }
      .popup-requ__content--group label input:nth-child(3n) {
        margin-left: auto;
        margin-right: 0; }
  .popup-requ__content label .span-abs {
    left: 128px; }
  .tabl-requ__header {
    display: none; }
  .tabl-requ__main-info {
    width: 100%; }
  .tabl-requ__secondary-info {
    width: 100%;
    padding-left: 42px;
    box-sizing: border-box; }
  .tabl-requ__row {
    flex-direction: column; }
  .tabl-requ__item {
    padding-right: 0; }
  .popup-requ label.error .error-msg {
    left: auto;
    right: 0;
    top: auto;
    bottom: 60px; } }

@media screen and (max-width: 992px) {
  .popup-requ {
    width: 700px;
    min-width: 700px; }
  .popup-requ__header--content .info-label {
    width: 100%;
    padding-left: 0;
    margin-top: 22px; }
  .popup-requ__header--content {
    flex-wrap: wrap; }
  .tabl-requ__edit span {
    display: none; }
  .tabl-requ__delete span {
    display: none; }
  .tabl-requ__delete {
    margin-left: 15px; } }

@media screen and (max-width: 768px) {
  .popup-requ {
    width: 460px;
    min-width: 460px; }
  .popup-requ__header .title-page {
    text-align: left;
    font-size: 24px; }
  .popup-requ__content label span {
    padding-right: 5px; }
  .popup-requ__header--content label {
    flex-direction: column;
    align-items: self-start; }
    .popup-requ__header--content label input {
      margin-left: 0;
      margin-top: 22px;
      width: 100%; }
  .popup-requ__content label .span-abs {
    left: 117px;
    max-width: 300px;
    bottom: -40px; }
  .popup-requ__content--flex label {
    width: 100%; }
    .popup-requ__content--flex label input {
      width: 100%;
      margin-left: 5px; }
  .popup-requ__content--flex label:nth-child(2n) input {
    width: 100%; }
  .popup-requ__content--more .info-label {
    width: 100%; }
  .tabl-requ__content {
    height: auto;
    max-height: 100%; }
  .top-requ__wrapp {
    flex-direction: column;
    align-items: self-start; }
  .top-requ .desc-page {
    width: 100%; }
  .top-requ .difficult-route__link {
    margin-left: 15px;
    margin-top: 15px; } }

@media screen and (max-width: 480px) {
  .popup-requ {
    width: 295px;
    min-width: 295px; }
  .popup-requ__header .title-page {
    font-size: 22px; }
  .popup-requ__content label {
    flex-direction: column;
    align-items: self-start; }
    .popup-requ__content label input {
      width: 100% !important;
      margin-left: 0 !important; }
  .popup-requ__content label span {
    width: 100% !important;
    margin-bottom: 15px; }
  .popup-requ__content label .span-abs {
    left: 0px;
    bottom: -50px;
    font-size: 12px; }
  .popup-requ__content--more .info-label {
    font-size: 12px; }
  .popup-requ__buttons {
    padding-bottom: 40px; }
  .popup-requ__buttons .popup-requ__btn-clear {
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    right: auto; }
  .tabl-requ__secondary-info {
    flex-direction: column; }
  .tabl-requ__edit {
    margin-left: 19px; }
  .tabl-requ__item--control {
    margin-bottom: 15px; } }

.top-route .title-page {
  margin-left: 9px; }

.top-route .desc-page {
  margin-bottom: 0;
  margin-left: 9px; }

.route-header {
  display: flex;
  align-items: center;
  margin-top: 35px;
  position: relative;
  padding-left: 9px; }
  .route-header h3 {
    font-size: 30px;
    font-family: "AvenirNextCyr-Light";
    font-weight: normal;
    color: #000000;
    margin: 0; }
  .route-header .link-show-hide {
    color: #eb212e;
    font-size: 14px;
    margin-left: 20px;
    position: relative;
    cursor: pointer;
    font-family: "AvenirNextCyr-Medium";
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px dashed #eb212e;
    margin-top: auto;
    margin-bottom: 9px;
    margin-right: 20px; }
    .route-header .link-show-hide:before {
      width: 1px;
      height: 30px;
      background: #eb212e;
      position: absolute;
      content: "";
      left: -7px;
      top: -5px; }
    .route-header .link-show-hide:after {
      width: 7px;
      height: 7px;
      position: absolute;
      content: "";
      background: #ffff;
      left: -11px;
      top: 6px;
      border-left: 1px solid #eb212e;
      border-bottom: 1px solid #eb212e;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.link-route-remove {
  color: black;
  font-size: 14px;
  font-family: "AvenirNextCyr-Medium";
  margin-left: 15px;
  display: flex;
  align-items: center;
  position: relative; }
  .link-route-remove:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 1px;
    border-left: 1px dotted #959595;
    top: -5px;
    left: -15px; }
  .link-route-remove i {
    margin-right: 4px;
    font-size: 21px;
    height: 21px; }
  .link-route-remove span {
    border-bottom: 1px dashed #000000; }

.route-wrapp {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
  padding-bottom: 60px; }
  .route-wrapp hr {
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    margin-bottom: 17px;
    margin-top: 30px;
    font-weight: normal;
    margin-left: 9px; }

.route-content {
  padding-bottom: 20px; }
  .route-content.hide {
    display: none; }
  .route-content .input-loc-to-b {
    position: relative; }
    .route-content .input-loc-to-b:after {
      width: 31%;
      left: calc(100% + 10px);
      height: 1px;
      content: "";
      border-bottom: 2px dotted #959595;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%); }
  .route-content .point-to-contact {
    --c: 70px; }
    .route-content .point-to-contact:before {
      position: absolute;
      top: calc(100% + 1px);
      left: 25px;
      content: "";
      width: 35px;
      height: var(--c);
      border-left: 2px dotted #959595;
      border-bottom: 2px dotted #959595;
      border-radius: 0px 0px 0px 30px; }
  .route-content .point-to-title:before {
    top: -65px;
    content: "";
    left: 25px;
    height: 65px;
    width: 1px;
    border-left: 2px dotted #959595;
    position: absolute; }
  .route-content .point-to-bottom {
    --b: 110px; }
    .route-content .point-to-bottom:after {
      position: absolute;
      top: calc(100% + 1px);
      left: 25px;
      content: "";
      width: 1px;
      height: var(--b);
      border-left: 2px dotted #959595; }
  .route-content .item-form {
    width: 40%;
    padding-top: 30px; }
    .route-content .item-form-bb {
      position: relative; }
      .route-content .item-form-bb:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50px;
        right: 0;
        border-bottom: 1px solid #e3e3e3; }
    .route-content .item-form .label-form {
      margin-bottom: 0; }
    .route-content .item-form__title {
      display: flex;
      align-items: center; }
      .route-content .item-form__title .link-route-remove {
        margin-left: 35px; }
      .route-content .item-form__title--route {
        font-size: 14px;
        font-family: "AvenirNextCyr-Medium";
        color: #323232;
        margin-bottom: 27px;
        display: block; }
    .route-content .item-form input {
      width: 100%; }
    .route-content .item-form .point {
      top: 92px;
      color: #565656; }
      .route-content .item-form .point--35 {
        top: 35px; }
      .route-content .item-form .point .fa-user-plus {
        transform: scale(1, 1);
        margin-left: 3px; }
      .route-content .item-form .point .fa-exclamation-triangle {
        margin-top: -3px;
        color: #eb212e; }
      .route-content .item-form .point--np {
        top: 55px; }
      .route-content .item-form .point-mirror .fa-user-plus {
        transform: scale(-1, 1);
        margin-left: -3px; }
  .route-content .delivery__text {
    margin-left: 24px; }
  .route-content .item-form--group {
    display: flex;
    justify-content: space-between; }
    .route-content .item-form--group label {
      width: 48%; }
  .route-content .form_row {
    padding-bottom: 0; }
    .route-content .form_row--mb15 {
      margin-bottom: 15px; }
    .route-content .form_row .flex-sb .delivery {
      margin-left: 28px; }
    .route-content .form_row .item-form {
      width: 40%; }
      .route-content .form_row .item-form .input-loc input {
        width: 100%; }

.delivery__text--mod {
  font-size: 12px;
  font-family: "AvenirNextCyr-Medium";
  color: #898989;
  margin-left: 20px;
  padding: 5px 12px;
  position: relative;
  display: none;
  cursor: unset; }
  .delivery__text--mod.show--mod {
    display: inline; }
  .delivery__text--mod:after {
    content: "";
    position: absolute;
    border-left: 1px solid #898989;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
  .delivery__text--mod:before {
    width: 5px;
    height: 5px;
    position: absolute;
    content: "";
    background: #ffff;
    left: -3px;
    top: 9px;
    border-left: 1px solid #898989;
    border-bottom: 1px solid #898989;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3; }

.item-form--dop {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  z-index: 10;
  position: relative; }
  .item-form--dop input {
    width: 31%;
    z-index: 10;
    position: relative; }
  .item-form--dop--mod {
    box-sizing: border-box;
    padding-right: 45px; }

.route-content .item-form--dop {
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }
  .route-content .item-form--dop input {
    width: 31%; }
  .route-content .item-form--dop--mod {
    box-sizing: border-box;
    padding-right: 45px; }

.route-services .additional-services__title {
  margin-left: 9px; }

.route-selects {
  margin-top: 35px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 20px; }
  .route-selects__row {
    justify-content: flex-start; }
    .route-selects__row .item-form {
      width: 40%; }
  .route-selects:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 15px;
    right: 0;
    border-bottom: 1px solid #e3e3e3; }
  .route-selects .item-form__title {
    padding-left: 5px; }
  .route-selects .point {
    top: 70px;
    color: #565656; }

.select-choice--route .ui-selectmenu-button.ui-button {
  width: 350px; }

.select-choice--route-adress .ui-selectmenu-button.ui-button {
  width: 350px; }

@media screen and (max-width: 1419px) {
  .route-content .flex-sb .delivery .delivery__text {
    padding-top: 10px !important; }
  .route-content .input-loc-to-b:after {
    width: 20%; } }

@media screen and (max-width: 1320px) {
  .route-selects__row {
    justify-content: space-between; } }

@media screen and (max-width: 992px) {
  .route-content .form_row .item-form {
    width: 100%; }
  .route-selects__row .item-form {
    width: 100%;
    margin-bottom: 20px; }
  .route-selects {
    padding-bottom: 0; }
  .route-selects .item-form__title {
    margin-bottom: 5px;
    margin-top: 10px; }
  .route-content .point-to-contact:before {
    display: none; }
  .route-content .point-to-bottom:after {
    display: none; }
  .route-content .point-to-bottom:before {
    display: none; }
  .route-content .input-loc-to-b:after {
    display: none; }
  .route-content .flex-sb .delivery .delivery__text {
    padding-top: 4px !important; }
  .route-content .item-form-bb:after {
    display: none; } }

@media screen and (max-width: 631px) {
  .route-content .flex-sb .delivery .delivery__text {
    padding-top: 10px !important; } }

@media screen and (max-width: 586px) {
  .route-content .item-form .point {
    top: 84px; }
  .route-content .item-form .point--np {
    top: 54px; }
  .route-content .point--mt36 {
    margin-top: 29px; }
  .route-header {
    flex-wrap: wrap; }
    .route-header .link-route-remove {
      width: 100%;
      margin-left: 0;
      margin-top: 15px; }
      .route-header .link-route-remove:before {
        display: none; }
  .route-content .item-form {
    width: 100%; } }

@media screen and (max-width: 517px) {
  .route-content .form_row .flex-sb .delivery {
    width: fit-content; }
    .route-content .form_row .flex-sb .delivery .delivery__text {
      padding-top: 0px !important; } }

@media screen and (max-width: 480px) {
  .ui-selectmenu-text {
    padding-bottom: 6px; }
  .route-header h3 {
    font-size: 24px; }
  .route-header .link-route-remove span {
    font-size: 12px; }
  .route-header .link-show-hide {
    margin-bottom: 5px; }
  .route-selects .point {
    top: 56px; }
  .select-choice--route .ui-selectmenu-button.ui-button {
    width: 250px; }
  .select-choice--route-adress .ui-selectmenu-button.ui-button {
    width: 250px; }
  .route-content .delivery__text--mod.show--mod {
    display: block;
    margin-top: 15px;
    margin-left: 5px;
    cursor: none; }
  .route-content .item-form__title .link-route-remove {
    margin-left: 10px;
    font-size: 12px; }
    .route-content .item-form__title .link-route-remove:before {
      display: none; }
  .select-choice--route .ui-selectmenu-button.ui-button {
    width: 205px; }
  .select-choice--route-adress .ui-selectmenu-button.ui-button {
    width: 205px; }
  .route-selects__row .item-form {
    padding-left: 40px; }
  .route-content .form_row .flex-sb .delivery {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 380px) {
  .route-content .item-form__title {
    flex-direction: column;
    align-items: self-start; }
  .route-content .item-form__title .link-route-remove {
    margin-left: 0;
    margin-top: 10px; }
  .route-content .item-form .point--where {
    top: 114px; }
  .route-header .link-show-hide {
    font-size: 12px;
    margin-top: 0; }
  .additional-services__header span {
    margin-top: 0; } }

.title-page--ticket img {
  margin-bottom: -5px; }

.top-ticket {
  display: flex;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e3e3; }
  .top-ticket__item {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: "AvenirNextCyr-Medium"; }
    .top-ticket__item--create {
      width: 250px; }
    .top-ticket__item--reload {
      margin: 0 20px;
      width: 280px; }
    .top-ticket__item--who {
      margin-left: auto; }
  .top-ticket__title {
    color: #7e7e7e;
    margin-right: 8px; }
  .top-ticket__time {
    color: black;
    margin-right: 15px;
    position: relative; }
    .top-ticket__time:after {
      height: 25px;
      width: 1px;
      border-right: 1px dotted #959595;
      content: "";
      right: -13px;
      top: -3px;
      position: absolute;
      transform: rotate(15deg); }
  .top-ticket__date {
    color: black;
    margin-left: 15px; }
  .top-ticket .difficult-route__link {
    text-transform: unset; }
  .top-ticket .ticket-status a {
    display: flex;
    align-items: center; }
    .top-ticket .ticket-status a span {
      color: #009ae9;
      font-size: 14px;
      font-family: "AvenirNextCyr-Medium";
      margin-left: 5px; }

.ticket-info {
  display: flex;
  font-size: 24px;
  font-family: "AvenirNextCyr-Light";
  align-items: center;
  padding-left: 80px;
  box-sizing: border-box; }
  .ticket-info span {
    color: #7e7e7e;
    margin-left: 5px; }
  .ticket-info h3 {
    font-weight: normal;
    margin-left: 5px; }

.tabs-order__control--ticket {
  padding-left: 86px; }

.ticket-content {
  margin-top: 20px;
  box-sizing: border-box; }
  .ticket-content__row {
    display: flex;
    padding: 20px 0;
    padding-left: 15px; }
    .ticket-content__row:nth-child(2n - 1) {
      background: #f9f9f9; }
  .ticket-content__row--two-msg .ticket-content__item--right {
    margin-left: auto; }
    .ticket-content__row--two-msg .ticket-content__item--right:after {
      display: none; }
    .ticket-content__row--two-msg .ticket-content__item--right .ticket-content__wrapp {
      margin-top: 0; }
  .ticket-content__info {
    border-bottom: 2px dotted #959595;
    padding-bottom: 20px;
    margin-bottom: 15px;
    color: #7e7e7e;
    display: flex;
    align-items: center;
    font-family: "AvenirNextCyr-Regular";
    font-size: 14px; }
    .ticket-content__info i {
      font-size: 18px;
      margin-right: 7px; }
    .ticket-content__info--time {
      margin-right: 10px;
      position: relative; }
      .ticket-content__info--time:after {
        height: 15px;
        width: 1px;
        border-right: 1px dotted #959595;
        content: "";
        right: -9px;
        top: 1px;
        position: absolute;
        transform: rotate(15deg); }
    .ticket-content__info--date {
      margin-left: 8px; }
  .ticket-content__text {
    font-size: 16px;
    color: #393939;
    font-family: "AvenirNextCyr-Medium"; }
    .ticket-content__text a {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      color: #82c600; }
      .ticket-content__text a span {
        border-bottom: 1px dashed #82c600;
        padding-bottom: 3px;
        margin-left: 5px;
        margin-top: -2px; }
  .ticket-content__remove {
    position: absolute;
    right: 10px;
    top: -35px;
    padding: 8px 10px;
    border-radius: 10px 10px 0 0;
    display: flex;
    opacity: 0;
    transition: opacity .3s; }
    .ticket-content__remove a {
      font-size: 14px;
      color: white;
      font-family: "AvenirNextCyr-Regular";
      display: flex;
      align-items: center; }
    .ticket-content__remove img {
      margin-right: 5px; }
  .ticket-content__wrapp {
    position: relative; }
    .ticket-content__wrapp:hover .ticket-content__remove {
      display: flex;
      opacity: 1;
      transition: opacity .3s; }
  .ticket-content__item {
    width: 50%;
    box-sizing: border-box;
    position: relative; }
    .ticket-content__item--left {
      padding-right: 10px; }
      .ticket-content__item--left .ticket-content__wrapp {
        padding: 20px;
        border-radius: 7px;
        border: 2px solid #009ae9;
        width: 100%;
        height: fit-content;
        box-sizing: border-box; }
      .ticket-content__item--left .ticket-content__remove {
        background: #009ae9; }
    .ticket-content__item--right {
      padding-left: 20px; }
      .ticket-content__item--right .ticket-content__wrapp {
        margin-top: 40px;
        padding: 20px;
        border-radius: 7px;
        border: 2px solid #82c600;
        width: 100%;
        height: fit-content;
        box-sizing: border-box; }
      .ticket-content__item--right .ticket-content__remove {
        background: #82c600; }
      .ticket-content__item--right:after {
        border-top: 2px dotted #fff;
        border-right: 2px dotted #fff;
        content: "";
        position: absolute;
        width: 70px;
        height: 21px;
        border-radius: 0px 30px 0px 0px;
        top: 16px;
        left: -10px;
        background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #009ae9, #82c600) border-box; }
  .ticket-content__top-tabs {
    display: flex;
    box-sizing: border-box;
    padding-left: 18px;
    font-size: 15px;
    font-family: "AvenirNextCyr-Medium";
    margin-bottom: 20px;
    margin-top: 40px; }
    .ticket-content__top-tabs--title {
      color: #7e7e7e; }
    .ticket-content__top-tabs--left {
      width: 50%;
      display: flex; }
      .ticket-content__top-tabs--left > div {
        display: flex;
        flex-direction: column;
        margin-right: 30px; }
    .ticket-content__top-tabs--right {
      width: 40%;
      justify-content: center;
      display: flex; }
      .ticket-content__top-tabs--right > div {
        display: flex;
        flex-direction: column;
        width: fit-content; }

.send-msg {
  padding: 50px 0;
  background: #f9f9f9; }
  .send-msg__wrapp {
    display: flex;
    box-sizing: border-box;
    flex-direction: column; }
  .send-msg__left {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 5px; }
    .send-msg__left textarea {
      width: 100%;
      height: 125px;
      resize: none;
      border-radius: 7px;
      padding: 15px 12px;
      outline: none;
      box-sizing: border-box;
      margin-bottom: 20px;
      color: black;
      font-size: 16px;
      font-family: "AvenirNextCyr-Regular"; }
      .send-msg__left textarea::placeholder {
        color: #898989;
        font-size: 16px;
        font-family: "AvenirNextCyr-Regular"; }
  .send-msg__right {
    width: 100%;
    padding-left: 15px;
    padding-right: 5px;
    box-sizing: border-box;
    margin-top: 20px; }
    .send-msg__right .drop-file {
      width: 100%;
      box-sizing: border-box;
      height: 125px;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .send-msg__right .drop-file p {
        text-align: center;
        max-width: 335px;
        margin: 0;
        font-size: 24px;
        font-family: "AvenirNextCyr-Light";
        color: #7e7e7e; }
        .send-msg__right .drop-file p span {
          color: #eb212e;
          cursor: pointer;
          border-bottom: 1px dashed #eb212e; }
      .send-msg__right .drop-file input {
        display: none; }
  .send-msg__bottom {
    display: flex; }
    .send-msg__bottom > div {
      width: 50%; }
    .send-msg__bottom .difficult-route__link {
      margin-left: 20px; }
  .send-msg__btn {
    background: #eb212e;
    width: 178px;
    height: 60px;
    cursor: pointer;
    border: none;
    border-radius: 7px;
    color: white;
    font-family: "AvenirNextCyr-Demi";
    font-size: 15px;
    text-transform: uppercase;
    margin-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .send-msg__btn span {
      margin-left: 10px; }
    .send-msg__btn:hover {
      opacity: 0.7; }
  .send-msg__item {
    display: flex;
    align-items: center; }
    .send-msg__item label {
      display: block; }
      .send-msg__item label:first-child {
        margin-bottom: 16px; }
      .send-msg__item label span {
        cursor: pointer;
        border-bottom: 1px dashed #000000;
        padding-bottom: 2px;
        margin-left: 30px;
        position: relative;
        font-family: "AvenirNextCyr-Medium";
        font-size: 14px; }
        .send-msg__item label span:before {
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 2px solid #565656;
          position: absolute;
          top: 2px;
          left: -30px;
          content: "";
          display: flex;
          align-items: center;
          justify-content: center; }
      .send-msg__item label input:checked ~ span {
        border-bottom: 1px dashed #eb212e;
        color: #eb212e; }
      .send-msg__item label input:checked ~ span:before {
        border: 2px solid #eb212e;
        content: "\2022"; }
    .send-msg__item input {
      display: none; }
  .send-msg .send-msg__right .drop-file p {
    width: 100%;
    max-width: 100%; }
  .send-msg .send-msg__right .drop-file .drop-file-text {
    max-width: 335px; }
  .send-msg .my-ponds {
    max-height: 125px; }
  .send-msg .filepond--drop-label.filepond--drop-label label {
    padding: 0; }
  .send-msg .filepond--item-panel {
    background-color: transparent; }
  .send-msg .filepond--file-info .filepond--file-info-main {
    width: fit-content;
    font-size: 14px;
    border-bottom: none !important;
    color: #000000 !important; }
  .send-msg .filepond--panel-root {
    background-color: transparent; }
  .send-msg .filepond--file-info-sub {
    display: none; }
  .send-msg .filepond--label-action {
    text-decoration: none; }
  .send-msg .filepond--item > .filepond--panel .filepond--panel-bottom {
    display: none; }
  .send-msg .filepond--file {
    position: relative;
    display: flex; }
  .send-msg .filepond--file-action-button.filepond--action-remove-item span {
    position: relative;
    height: auto;
    width: auto;
    clip-path: inset(0%);
    overflow: unset;
    font-size: 14px; }
  .send-msg .filepond--file-action-button.filepond--action-remove-item .link-route-remove:before {
    display: none; }
  .send-msg .filepond--file-action-button.filepond--action-remove-item i {
    color: #eb2a36; }
  .send-msg .filepond--item {
    height: 32px;
    margin: 0;
    margin-right: 10px; }
  .send-msg .filepond--file-action-button:hover, .send-msg .filepond--file-action-button:focus {
    box-shadow: none;
    cursor: pointer; }
  .send-msg .filepond--list.filepond--list {
    left: 0;
    right: 15px;
    bottom: 10px;
    top: 15px;
    height: 93px;
    max-height: 93px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box; }
    .send-msg .filepond--list.filepond--list::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .send-msg .filepond--list.filepond--list::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb;
      border-radius: 7px; }
    .send-msg .filepond--list.filepond--list::-webkit-scrollbar-thumb {
      border: none;
      border-radius: 7px;
      background-color: #cccccc; }
  .send-msg .filepond--file {
    padding-left: 35px; }
  .send-msg .filepond--item:nth-child(2n) {
    background: #ebebeb; }
  .send-msg .filepond--file-action-button.filepond--file-action-button {
    height: auto;
    width: auto;
    background-color: transparent; }
  .send-msg .filepond--file-action-button.filepond--action-remove-item svg {
    display: none; }
  .send-msg .filepond--root {
    height: 125px;
    display: flex;
    justify-content: space-between; }
  .send-msg .filepond--root .filepond--list-scroller {
    height: 125px !important;
    max-height: 125px;
    overflow-y: hidden;
    width: 50%;
    max-width: 50%;
    position: relative;
    border: 2px dashed #959595;
    border-radius: 7px;
    box-sizing: border-box;
    transform: translate3d(0px, 0px, 0) !important;
    margin: 0;
    margin-left: 20px; }
  .send-msg .filepond--drop-label {
    width: 50%;
    height: 125px;
    border: 2px dashed #959595;
    border-radius: 7px;
    box-sizing: border-box;
    position: relative;
    margin-right: 10px;
    padding-right: 15px; }
  .send-msg .filepond--list-scroller[data-state='overflow'] {
    mask: linear-gradient(to bottom, #000 calc(100% - 0em), transparent 100%) !important;
    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0em), transparent 100%) !important; }
  .send-msg .filepond--file .filepond--processing-complete-indicator, .send-msg .filepond--file .filepond--progress-indicator, .send-msg .filepond--file .filepond--file-action-button {
    left: auto;
    right: 10px; }
  .send-msg .filepond--file-info {
    transform: translate3d(0px, 0px, 0) !important;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular"; }
  .send-msg .file--msg {
    position: absolute;
    z-index: 150;
    left: calc(50% + 35px);
    padding: 6px 16px;
    background: #f9f9f9;
    top: -16px;
    border: 2px dashed #959595;
    border-radius: 30px;
    font-size: 14px;
    color: #7e7e7e;
    font-family: "AvenirNextCyr-Regular"; }

@media screen and (max-width: 1360px) {
  .top-ticket {
    flex-wrap: wrap; }
    .top-ticket__item {
      width: 50%;
      box-sizing: border-box;
      margin: 0;
      margin-bottom: 10px; } }

@media screen and (max-width: 1100px) {
  .send-msg__item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start; }
    .send-msg__item > div {
      order: -1; }
  .send-msg .file--msg {
    left: 30px;
    top: 128px; }
  .send-msg__right .drop-file {
    height: auto; }
  .send-msg__btn {
    margin-top: 20px; }
  .send-msg .filepond--drop-label {
    width: 100%;
    margin-bottom: 20px; }
  .send-msg .filepond--root .filepond--list-scroller {
    width: 100%;
    max-width: 100%;
    margin-left: 0; }
  .send-msg .filepond--root {
    flex-direction: column;
    height: 270px; }
  .filepond--list-scroller[data-state='overflow'] .filepond--list {
    right: 20px !important; } }

@media screen and (max-width: 803px) {
  .paddinglr.ticket-info {
    padding-left: 86px; }
  .paddinglr.tabs-order__control--ticket {
    padding-left: 86px; }
  .paddinglr.ticket-content {
    padding-left: 71px; }
  .paddinglr.send-msg__wrapp {
    padding-left: 86px; }
  .send-msg__left {
    padding-left: 0; }
  .send-msg__right {
    padding-left: 0; } }

@media screen and (max-width: 768px) {
  .paddinglr.ticket-info {
    padding-left: 37px; }
  .paddinglr.tabs-order__control--ticket {
    padding-left: 37px; }
  .paddinglr.ticket-content {
    padding-left: 22px; }
  .paddinglr.send-msg__wrapp {
    padding-left: 37px; }
  .ticket-content__top-tabs--right {
    width: 50%; } }

@media screen and (max-width: 600px) {
  .title-page .first-text {
    width: 100%; }
  .title-page--ticket {
    flex-wrap: wrap;
    display: flex; }
    .title-page--ticket img {
      height: 32px;
      margin-top: 5px;
      margin-right: 5px; }
  .top-ticket__item {
    width: 100%; }
  .ticket-content__top-tabs {
    flex-wrap: wrap; }
  .ticket-content__top-tabs--left {
    width: 100%;
    margin-bottom: 10px; }
  .ticket-content__top-tabs--right {
    width: 100%;
    justify-content: flex-start; }
  .ticket-content__row {
    flex-wrap: wrap; }
  .ticket-content__item {
    width: 100%; }
  .ticket-content__item--right:after {
    display: none; }
  .send-msg__wrapp {
    flex-direction: column; }
  .send-msg__left {
    width: 100%; }
  .send-msg__right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px; }
  .send-msg__left textarea {
    margin-bottom: 0; }
  .send-msg__bottom {
    flex-direction: column; }
  .send-msg__bottom > div {
    width: 100%; }
  .send-msg__bottom .difficult-route__link {
    margin-left: 0;
    margin-top: 20px; } }

@media screen and (max-width: 480px) {
  .paddinglr.ticket-info {
    padding-left: 15px; }
  .paddinglr.tabs-order__control--ticket {
    padding-left: 15px; }
  .paddinglr.ticket-content {
    padding-left: 0px; }
  .paddinglr.send-msg__wrapp {
    padding-left: 15px; }
  .ticket-info {
    flex-direction: column;
    text-align: left;
    align-items: self-start; }
    .ticket-info span {
      margin-top: 10px;
      margin-bottom: 0; }
    .ticket-info h3 {
      margin: 10px 5px; }
  .send-msg .filepond--file {
    padding-left: 10px;
    height: 65px !important;
    overflow: hidden; }
  .send-msg .filepond--item {
    height: 65px; }
  .filepond--list-scroller[data-state='overflow'] .filepond--list {
    right: 5px !important; }
  .send-msg .filepond--file .filepond--processing-complete-indicator, .send-msg .filepond--file .filepond--progress-indicator, .send-msg .filepond--file .filepond--file-action-button {
    bottom: 5px;
    right: 0; } }

.desc-page--support {
  display: flex;
  align-items: center; }
  .desc-page--support__text {
    max-width: 770px; }
  .desc-page--support .difficult-route__link {
    margin-left: auto;
    text-transform: unset;
    color: black; }

.all-support-tabl {
  padding: 40px 17px; }
  .all-support-tabl:nth-child(2n) {
    background: #f4f4f4; }
  .all-support-tabl__date {
    font-size: 24px;
    font-family: "AvenirNextCyr-Light";
    color: #000000; }
  .all-support-tabl__header {
    display: flex;
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    color: #000000;
    padding: 30px 0;
    padding-left: 3px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dbdbdb; }
  .all-support-tabl__row {
    display: flex;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular";
    color: #000000;
    align-items: center; }
    .all-support-tabl__row a {
      color: #eb212e; }
      .all-support-tabl__row a:hover {
        opacity: 0.7; }
  .all-support-tabl__main-info {
    display: flex;
    width: 65%; }
  .all-support-tabl__secondary-info {
    display: flex;
    width: 35%; }
  .all-support-tabl__item {
    box-sizing: border-box;
    padding-left: 10px;
    display: flex;
    align-items: center; }
    .all-support-tabl__item .span-time {
      position: relative;
      margin-right: 10px; }
      .all-support-tabl__item .span-time:after {
        height: 17px;
        width: 1px;
        border-right: 2px dotted #959595;
        content: "";
        right: -10px;
        top: 0px;
        position: absolute;
        transform: rotate(15deg); }
    .all-support-tabl__item .span-date {
      margin-left: 10px; }
    .all-support-tabl__item--number {
      min-width: 45px;
      padding-left: 0;
      width: 14%; }
    .all-support-tabl__item--create {
      min-width: 150px;
      width: 16%; }
    .all-support-tabl__item--reload {
      min-width: 150px;
      width: 16%; }
    .all-support-tabl__item--theme {
      width: 49%; }
    .all-support-tabl__item--humen {
      width: 100%; }
    .all-support-tabl__item--status {
      width: 50px; }
      .all-support-tabl__item--status img {
        margin-left: auto;
        display: block; }
    .all-support-tabl__item span {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular"; }

.all-support-tabl__row + .all-support-tabl__row {
  padding-top: 15px;
  border-top: 2px dotted #d2d2d2;
  margin-top: 15px; }

.tabl-file {
  font-size: 14px;
  position: relative; }
  .tabl-file .download-all-gzip {
    position: absolute;
    top: -42px;
    right: 110px;
    display: flex;
    color: black;
    font-family: "AvenirNextCyr-Medium";
    font-size: 16px;
    align-items: center; }
    .tabl-file .download-all-gzip i {
      margin-right: 5px;
      font-size: 19px; }
    .tabl-file .download-all-gzip span {
      border-bottom: 1px dashed #000000; }
    .tabl-file .download-all-gzip:hover {
      opacity: 0.7; }
  .tabl-file__header {
    display: flex;
    width: 100%;
    padding: 30px 18px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    font-family: "AvenirNextCyr-Medium"; }
    .tabl-file__header:after {
      position: absolute;
      left: 15px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-file__row {
    display: flex;
    width: 100%;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
    align-items: center;
    font-family: "AvenirNextCyr-Regular"; }
    .tabl-file__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-file__item {
    display: flex;
    align-items: center;
    padding: 18px 0; }
    .tabl-file__item--number {
      display: flex;
      align-items: center;
      width: 45px; }
    .tabl-file__item--name {
      width: 35%; }
    .tabl-file__item--date {
      width: 20%; }
      .tabl-file__item--date span {
        margin-right: 10px; }
        .tabl-file__item--date span:nth-child(2) {
          color: #898989; }
    .tabl-file__item--size {
      width: 13%; }
    .tabl-file__item--action {
      width: 27%;
      justify-content: space-between; }
      .tabl-file__item--action a {
        display: flex;
        align-items: center; }
        .tabl-file__item--action a i {
          margin-right: 5px;
          font-size: 18px; }
        .tabl-file__item--action a.text {
          color: #009ae9; }
        .tabl-file__item--action a.gzip {
          color: #ff9c00; }
        .tabl-file__item--action a:hover {
          opacity: 0.7; }

.all-support__status {
  display: flex;
  justify-content: space-between;
  padding: 45px 0px;
  box-sizing: border-box;
  border-top: 2px dotted #959595;
  margin-top: 20px;
  border-bottom: 1px solid #ececec; }
  .all-support__status-item {
    display: flex;
    align-items: center;
    max-width: 280px; }
    .all-support__status-item span {
      margin-left: 7px;
      color: #000000;
      font-family: "AvenirNextCyr-Medium";
      font-size: 14px; }
    .all-support__status-item--actualy {
      max-width: 100px; }
    .all-support__status-item--expected {
      max-width: 150px; }
    .all-support__status-item--expected-admin {
      max-width: 160px; }
    .all-support__status-item--good {
      max-width: 90px; }

.new-ticket {
  background-color: white;
  color: black;
  width: 700px;
  max-width: 700px;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  padding: 40px; }
  .new-ticket span {
    text-align: left; }
  .new-ticket__header {
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    .new-ticket__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .new-ticket__header .new-ticket__close {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .new-ticket__header .new-ticket__close:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .new-ticket__header .new-ticket__close:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .new-ticket__header .new-ticket__close:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }
  .new-ticket__top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .new-ticket__top .theme {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: #4d4d4d;
      margin-right: 7px; }
    .new-ticket__top .name {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: #4d4d4d;
      margin-right: 7px; }
    .new-ticket__top label {
      width: 100%;
      margin-right: 30px; }
    .new-ticket__top input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      width: 100%;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s; }
    .new-ticket__top .select-choice {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 3000; }
    .new-ticket__top #city-button {
      margin-top: -10px; }
  .new-ticket__content {
    display: flex;
    flex-direction: column; }
  .new-ticket__textarea {
    margin: 30px 0;
    width: 100%;
    resize: none;
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular";
    padding: 17px;
    box-sizing: border-box;
    height: 150px;
    border-radius: 7px;
    border: 1px solid #b7b7b7;
    outline: none; }
  .new-ticket__btn {
    margin-right: auto;
    border: none;
    background: #eb212e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 9px 18px;
    cursor: pointer;
    outline: none;
    transition: all .3s;
    width: fit-content;
    font-family: "AvenirNextCyr-Demi"; }
    .new-ticket__btn:hover {
      background: #f15d66;
      transition: all .3s; }
    .new-ticket__btn span {
      font-size: 15px;
      text-transform: uppercase; }
    .new-ticket__btn i {
      font-size: 28px;
      margin-right: 9px; }

.ui-front {
  z-index: 50000; }

@media screen and (max-width: 1100px) {
  .all-support-tabl__row {
    flex-wrap: wrap; }
  .all-support-tabl__main-info {
    width: 70%; }
  .all-support-tabl__secondary-info {
    width: 30%; }
  .desc-page--support {
    flex-direction: column;
    align-items: self-start; }
  .tabl-file {
    margin-top: 40px; }
  .tabl-file__header {
    display: none; }
  .tabl-file .download-all-gzip {
    top: -82px; }
  .tabl-file__row {
    flex-wrap: wrap; }
  .tabl-file__item--name {
    width: calc(50% - 45px); }
  .tabl-file__item--date {
    width: 50%; }
  .tabl-file__item--size {
    width: 50%; }
  .tabl-file__item--action {
    width: 50%; } }

@media screen and (max-width: 992px) {
  .all-support-tabl__main-info {
    width: 100%;
    margin-top: 10px; }
  .all-support-tabl__secondary-info {
    width: 100%;
    margin-top: 10px; }
  .all-support-tabl__item--humen {
    padding-left: 0; }
  .all-support-tabl__header {
    display: none; }
  .all-support__status {
    flex-wrap: wrap;
    justify-content: flex-start; }
  .all-support__status-item {
    width: 33%;
    margin-bottom: 10px;
    max-width: 100%; }
  .tabl-file .download-all-gzip {
    top: -73px; } }

@media screen and (max-width: 768px) {
  .all-support__status-item {
    width: 50%; }
  .all-support-tabl__main-info, .all-support-tabl__secondary-info {
    flex-wrap: wrap; }
  .all-support-tabl__item {
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px; }
    .all-support-tabl__item img {
      margin-left: 0; }
  .desc-page--support .difficult-route__link {
    margin-top: 10px; }
  .new-ticket {
    width: 450px;
    padding: 15px; }
  .new-ticket__header .title-page {
    text-align: left; }
  .new-ticket__top .select-choice {
    width: 100%; }
  .new-ticket__top {
    flex-wrap: wrap; }
  .new-ticket__top .select-choice {
    margin-top: 20px; }
  .new-ticket__top label {
    margin-right: 0;
    margin-top: 10px; }
  .tabl-file__item--name {
    width: calc(100% - 45px); }
  .tabl-file__item--date {
    width: 100%; }
  .tabl-file__item--size {
    width: 100%; }
  .tabl-file__item--action {
    width: 100%;
    justify-content: flex-start; }
    .tabl-file__item--action a {
      margin-right: 15px; }
  .tabl-file .download-all-gzip {
    position: absolute;
    top: -75px;
    right: 34px;
    font-size: 14px; } }

@media screen and (max-width: 480px) {
  .all-support-tabl__content.paddinglr {
    padding-left: 15px; }
  .all-support__status-item {
    width: 100%; }
  .new-ticket {
    width: 300px; }
  .new-ticket__header .title-page {
    font-size: 20px; }
  .tabl-file .download-all-gzip {
    top: -37px;
    right: auto;
    left: 15px; } }

.deposit-content {
  box-shadow: 5px 7px 7px rgba(0, 0, 0, 0.12); }
  .deposit-content__item {
    padding: 35px 0;
    border-bottom: 1px solid #e3e3e3; }
    .deposit-content__item:nth-child(1) {
      padding-top: 2px; }
    .deposit-content__item--middle {
      padding-left: 65px;
      position: relative;
      display: flex;
      align-items: center; }
      .deposit-content__item--middle span {
        font-size: 16px;
        font-family: "AvenirNextCyr-Medium"; }
    .deposit-content__item .point {
      left: 0;
      color: #565656;
      top: 28px; }
    .deposit-content__item .point--red {
      border: 2px dotted #eb212e;
      color: #eb212e; }
      .deposit-content__item .point--red:after {
        border-left: 2px dotted #eb212e;
        border-bottom: 2px dotted #eb212e;
        content: "";
        position: absolute;
        top: calc(100% + 1px);
        left: 25px;
        height: 40px;
        width: 30px;
        border-radius: 0 0 0 40px; }
    .deposit-content__item .point--green {
      border: 2px dotted #719100;
      color: #719100; }
      .deposit-content__item .point--green:after {
        border-left: 2px dotted #719100;
        border-bottom: 2px dotted #719100;
        content: "";
        position: absolute;
        top: calc(100% + 1px);
        left: 25px;
        height: 40px;
        width: 30px;
        border-radius: 0 0 0 50px; }
    .deposit-content__item input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      width: 200px;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s;
      margin: 0 10px; }
      .deposit-content__item input:hover {
        -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        -webkit-transition: all .3s;
        transition: all .3s; }
    .deposit-content__item .text-span {
      display: block;
      margin-bottom: 10px;
      margin-top: 40px;
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium"; }
      .deposit-content__item .text-span a {
        color: #eb212e; }
        .deposit-content__item .text-span a:hover {
          opacity: 0.7; }
    .deposit-content__item .deposit-btn {
      border: none;
      background: #eb212e;
      border-radius: 7px;
      outline: none;
      color: white;
      display: flex;
      align-items: center;
      padding: 10px 20px;
      margin-left: 30px;
      cursor: pointer; }
      .deposit-content__item .deposit-btn span {
        text-transform: uppercase;
        margin-left: 15px;
        font-size: 15px;
        font-family: "AvenirNextCyr-Demi"; }
      .deposit-content__item .deposit-btn i {
        font-size: 28px; }
      .deposit-content__item .deposit-btn:hover {
        opacity: 0.7; }
  .deposit-content__item-wrapp {
    padding-left: 65px;
    display: flex; }
  .deposit-content__top {
    padding-left: 65px;
    position: relative;
    box-sizing: border-box; }
    .deposit-content__top h3 {
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      font-weight: normal;
      margin: 0; }
      .deposit-content__top h3.text-red {
        color: #eb212e; }
      .deposit-content__top h3.text-green {
        color: #719100; }

.link-file {
  margin: 0 10px;
  margin-top: 32px;
  font-size: 14px;
  font-family: "AvenirNextCyr-Medium";
  display: flex;
  align-items: center; }
  .link-file i {
    font-size: 24px; }
  .link-file:hover {
    opacity: 0.7; }
  .link-file--green {
    color: #719100; }
    .link-file--green span {
      border-bottom: 1px dashed #719100; }
  .link-file--red {
    color: #eb212e;
    margin-left: 40px; }
    .link-file--red span {
      border-bottom: 1px dashed #eb212e; }

.deposit-bottom {
  margin-top: 45px;
  margin-bottom: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box; }
  .deposit-bottom h3 {
    margin: 0;
    font-size: 30px;
    font-family: "AvenirNextCyr-Light";
    font-weight: normal; }
  .deposit-bottom a {
    display: flex;
    align-items: center;
    color: black; }
    .deposit-bottom a:hover {
      opacity: 0.7; }
    .deposit-bottom a span {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium";
      border-bottom: 1px dashed black; }
    .deposit-bottom a i {
      font-size: 22px; }

.deposit-table {
  margin-bottom: 70px; }
  .deposit-table__header {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium"; }
    .deposit-table__header:after {
      position: absolute;
      left: 15px;
      right: 0px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .deposit-table__row {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 17px 15px; }
    .deposit-table__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .deposit-table__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 14px;
    font-family: "AvenirNextCyr-Regular"; }
    .deposit-table__item .link-file {
      margin: 0; }
    .deposit-table__item--number {
      width: 42%; }
    .deposit-table__item--date {
      width: 17%; }
    .deposit-table__item--summ {
      width: 17%; }
    .deposit-table__item--action {
      width: 24%;
      justify-content: space-between; }

@media screen and (max-width: 1100px) {
  .deposit-table__item--number {
    width: 30%; }
  .deposit-table__item--action {
    width: 40%; }
  .deposit-table__item--date {
    width: 21%; } }

@media screen and (max-width: 992px) {
  .deposit-table__header {
    display: none; }
  .deposit-table__row {
    flex-wrap: wrap;
    align-items: center; }
  .deposit-table__item {
    width: 50%; }
  .deposit-table__item--action {
    margin-top: 20px;
    width: 50%; }
  .deposit-table__item--summ {
    margin-top: 20px; } }

@media screen and (max-width: 768px) {
  .deposit-content__item--middle {
    flex-wrap: wrap; }
    .deposit-content__item--middle .point {
      top: 60px; }
  .deposit-content__item .deposit-btn {
    margin-left: 0;
    margin-top: 20px; }
  .deposit-content__top h3 {
    font-size: 23px; }
  .deposit-content__item .text-span {
    font-size: 16px; }
  .deposit-bottom h3 {
    font-size: 23px; } }

@media screen and (max-width: 600px) {
  .deposit-content__item .text-span {
    margin-top: 24px; }
  .deposit-content__item--middle label {
    margin-top: 10px; }
  .deposit-content__item input {
    margin: 0;
    margin-right: 10px; }
  .deposit-content__item-wrapp {
    flex-direction: column; }
  .link-file {
    margin: 0;
    margin-top: 10px; }
  .deposit-content__item .point--green:after {
    height: 25px;
    left: 22px; }
  .deposit-content__item .point--red:after {
    left: 22px; }
  .deposit-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
  .deposit-table__item {
    width: 100%;
    margin-top: 20px; }
  .deposit-content__item--middle label {
    width: 80%; }
    .deposit-content__item--middle label input {
      width: calc(100% - 10px); }
  .deposit-content__item .deposit-btn {
    font-size: 14px;
    padding: 10px; }
  .deposit-content__top h3 {
    font-size: 18px; }
  .deposit-content__item .text-span {
    font-size: 14px; } }

.top-office .desc-page {
  width: 53%; }

.tabl-office {
  font-family: "AvenirNextCyr-Regular";
  font-size: 14px;
  color: black;
  padding-bottom: 30px;
  position: relative;
  margin-top: 25px;
  min-height: 1200px; }
  .tabl-office__header {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    position: relative;
    font-family: "AvenirNextCyr-Medium";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .tabl-office__header:after {
      position: absolute;
      left: 15px;
      right: 50px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .tabl-office__row {
    display: flex;
    width: 100%;
    padding: 17px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .tabl-office__row:nth-child(2n-1) {
      background: #f4f4f4; }
  .tabl-office__item {
    padding-right: 13px;
    box-sizing: border-box; }
    .tabl-office__item--number {
      width: 5%; }
    .tabl-office__item--name {
      width: 20%; }
    .tabl-office__item--addres {
      width: 45%; }
    .tabl-office__item--action {
      display: flex;
      width: 30%;
      padding-right: 0;
      font-family: "AvenirNextCyr-Medium"; }
  .tabl-office__edit {
    display: flex;
    align-items: center; }
    .tabl-office__edit:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-office__edit span {
      border-bottom: 1px dashed #323232; }
    .tabl-office__edit i {
      font-size: 18px;
      margin-right: 2px; }
  .tabl-office__delete {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 15px;
    color: #eb212e; }
    .tabl-office__delete:hover {
      cursor: pointer;
      opacity: 0.6; }
    .tabl-office__delete span {
      border-bottom: 1px dashed #eb212e; }
    .tabl-office__delete i {
      font-size: 18px;
      margin-right: 5px; }
  .tabl-office__custom-checkbox {
    margin-left: auto; }
    .tabl-office__custom-checkbox .checkbox {
      display: none; }
    .tabl-office__custom-checkbox .custom-chebox {
      display: inline-block;
      background: #ffffff;
      width: 35px;
      height: 22px;
      border-radius: 2em;
      cursor: pointer;
      position: relative;
      transition: all 0.25s ease;
      border: 1px solid #b7b7b7; }
    .tabl-office__custom-checkbox .custom-chebox::before {
      content: "";
      display: block;
      width: 14px;
      height: 14px;
      background: #b7b7b7;
      border-radius: 50%;
      position: absolute;
      left: 4px;
      top: 50%;
      transform: translate(0, -50%);
      transition: all 0.25s ease; }
    .tabl-office__custom-checkbox .checkbox:checked + .custom-chebox::before {
      left: 16px;
      background: #719100; }
    .tabl-office__custom-checkbox .checkbox:checked + .custom-chebox {
      border: 1px solid #719100; }

.popup-office {
  background-color: white;
  color: black;
  width: 670px;
  min-width: 670px;
  border-radius: 7px;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
  padding: 0;
  box-sizing: border-box;
  padding-bottom: 50px; }
  .popup-office__header {
    display: flex;
    flex-direction: column;
    padding: 34px;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px; }
    .popup-office__header input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      transition: all .3s;
      z-index: 32; }
      .popup-office__header input:hover {
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        transition: all .3s; }
      .popup-office__header input:focus::-webkit-input-placeholder {
        color: transparent; }
      .popup-office__header input:focus::-moz-placeholder {
        color: transparent; }
      .popup-office__header input:focus:-moz-placeholder {
        color: transparent; }
      .popup-office__header input:focus:-ms-input-placeholder {
        color: transparent; }
    .popup-office__header--top {
      display: flex; }
    .popup-office__header .title-page {
      margin: 0;
      font-size: 30px;
      font-family: "AvenirNextCyr-Light";
      color: #000000;
      font-weight: normal; }
    .popup-office__header .popup-office__close {
      color: #eb212e;
      font-size: 14px;
      position: relative;
      cursor: pointer;
      font-family: "AvenirNextCyr-Medium";
      transition: all .3s;
      border-bottom: 1px dashed #eb212e;
      margin-top: auto;
      margin-bottom: 7px;
      margin-left: 33px; }
      .popup-office__header .popup-office__close:hover {
        color: #f15d66;
        transition: all .3s;
        border-bottom: 1px dashed #f15d66; }
      .popup-office__header .popup-office__close:before {
        width: 1px;
        height: 30px;
        background: #eb212e;
        position: absolute;
        content: "";
        left: -7px;
        top: -5px; }
      .popup-office__header .popup-office__close:after {
        width: 7px;
        height: 7px;
        position: absolute;
        content: "";
        background: #ffff;
        left: -11px;
        top: 6px;
        border-left: 1px solid #eb212e;
        border-bottom: 1px solid #eb212e;
        transform: rotate(45deg); }
    .popup-office__header--bottom {
      margin-bottom: 6px; }
      .popup-office__header--bottom p {
        font-size: 20px;
        font-family: "AvenirNextCyr-Regular";
        margin-top: 30px;
        margin-bottom: 25px;
        text-align: left; }
      .popup-office__header--bottom label {
        display: flex;
        width: 100%;
        align-items: center; }
        .popup-office__header--bottom label:nth-child(1) {
          margin-bottom: 20px; }
      .popup-office__header--bottom span {
        width: 95px;
        font-family: "AvenirNextCyr-Medium";
        font-size: 16px;
        text-align: left; }
      .popup-office__header--bottom input {
        width: 100%; }
  .popup-office__content p {
    text-align: left;
    font-size: 20px;
    font-family: "AvenirNextCyr-Regular";
    padding-left: 34px;
    margin: 0;
    margin-top: 34px; }

.popup-office__tabl {
  padding-left: 20px;
  padding-right: 34px;
  margin-bottom: 40px; }
  .popup-office__tabl-header {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-family: "AvenirNextCyr-Medium";
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    position: relative;
    padding-right: 34px; }
    .popup-office__tabl-header .popup-office__tabl-item--name {
      padding-left: 14px; }
    .popup-office__tabl-header .popup-office__tabl-item--fio {
      padding-left: 14px; }
    .popup-office__tabl-header:after {
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0;
      height: 1px;
      background: #e3e3e3;
      content: ""; }
  .popup-office__tabl-scroll {
    box-sizing: border-box;
    width: 100%;
    overflow-y: auto;
    padding-right: 24px;
    max-height: 250px;
    position: relative; }
    .popup-office__tabl-scroll::-webkit-scrollbar-track {
      border-radius: 7px;
      background-color: #ebebeb; }
    .popup-office__tabl-scroll::-webkit-scrollbar {
      width: 6px;
      background-color: #ebebeb; }
    .popup-office__tabl-scroll::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background-color: #cccccc; }
  .popup-office__tabl-row {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-family: "AvenirNextCyr-Regular";
    font-size: 14px;
    align-items: center;
    padding: 16px 14px; }
    .popup-office__tabl-row:nth-child(2n) {
      background: #f4f4f4; }
  .popup-office__tabl-item {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box; }
    .popup-office__tabl-item.red-text {
      color: #eb212e; }
    .popup-office__tabl-item--name {
      width: 460px;
      text-align: left;
      box-sizing: border-box; }
      .popup-office__tabl-item--name input {
        display: none; }
      .popup-office__tabl-item--name span {
        position: relative;
        margin-left: 30px; }
      .popup-office__tabl-item--name span::before {
        width: 22px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        content: "\f18b";
        font-size: 21px;
        color: #565656;
        position: absolute;
        left: -30px;
        top: -2px;
        font: normal normal normal 21px/1 FontAwesome;
        font-weight: bold; }
      .popup-office__tabl-item--name input:checked + span:before {
        content: "\f17d";
        color: #eb212e; }
      .popup-office__tabl-item--name input:checked + span {
        color: #eb212e; }
    .popup-office__tabl-item--inn {
      width: 21%; }
    .popup-office__tabl-item--fio {
      width: 50%; }
      .popup-office__tabl-item--fio input {
        display: none; }
      .popup-office__tabl-item--fio span {
        position: relative;
        margin-left: 30px; }
      .popup-office__tabl-item--fio span::before {
        width: 22px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        content: "\f18b";
        font-size: 21px;
        color: #565656;
        position: absolute;
        left: -30px;
        top: -2px;
        font: normal normal normal 21px/1 FontAwesome;
        font-weight: bold; }
      .popup-office__tabl-item--fio input:checked + span:before {
        content: "\f17d";
        color: #eb212e; }
      .popup-office__tabl-item--fio input:checked + span {
        color: #eb212e; }
    .popup-office__tabl-item--phone-own {
      width: 25%; }
    .popup-office__tabl-item--phone-work {
      width: 25%; }

@media screen and (max-width: 992px) {
  .tabl-office__header {
    display: none; }
  .tabl-office__row {
    flex-wrap: wrap; }
  .tabl-office__item--action {
    width: 100%;
    margin-top: 15px; }
  .tabl-office__item--name {
    width: 45%; } }

@media screen and (max-width: 768px) {
  .top-office .desc-page {
    width: 100%; }
  .popup-office {
    min-width: 450px;
    width: 450px; }
  .popup-office__header--bottom span {
    width: 105px; }
  .popup-office__tabl-header {
    display: none; }
  .popup-office__tabl {
    margin-top: 20px; }
  .popup-office__tabl-row {
    flex-direction: column;
    align-items: self-start; }
  .popup-office__tabl-item {
    width: 100%; }
  .popup-office__tabl-item--inn {
    margin-top: 15px; }
  .popup-office__tabl-item--phone-own {
    margin-top: 15px;
    margin-bottom: 15px; } }

@media screen and (max-width: 480px) {
  .tabl-office__item--name {
    width: 90%; }
  .tabl-office__item--addres {
    width: 100%;
    margin-top: 15px; }
  .tabl-office__item--action {
    flex-direction: column; }
  .tabl-office__delete {
    margin-left: 0;
    margin-top: 15px; }
  .tabl-office__custom-checkbox {
    margin-left: 0;
    margin-top: 15px; }
  .popup-office {
    min-width: 300px;
    width: 300px; }
  .popup-office__header .title-page {
    font-size: 24px;
    text-align: left; }
  .popup-office__header--bottom label {
    flex-direction: column;
    align-items: self-start; }
  .popup-office__header--bottom span {
    margin-bottom: 15px; } }

.base-setting__top {
  display: flex;
  align-items: center; }
  .base-setting__top h3 {
    font-size: 30px;
    font-family: "AvenirNextCyr-Light";
    font-weight: normal;
    margin: 0; }
  .base-setting__top a {
    padding: 10px;
    border: 2px dotted #959595;
    box-sizing: border-box;
    border-radius: 7px;
    margin-left: 20px;
    color: black;
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    margin-top: 5px;
    display: flex;
    align-items: center; }
    .base-setting__top a i {
      font-size: 21px;
      margin-right: 5px;
      font-weight: 500; }

.base-setting__img {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dfdfdf;
  margin-bottom: 20px;
  margin-top: 5px;
  overflow: hidden; }
  .base-setting__img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.base-setting__wrapp {
  display: flex;
  margin-bottom: 40px; }

.base-setting__left-container {
  width: 132px;
  height: 188px;
  border: 2px dotted #959595;
  border-radius: 70px;
  margin-right: 24px;
  margin-left: -15px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .base-setting__left-container input {
    display: none; }
  .base-setting__left-container span {
    font-size: 14px;
    font-family: "AvenirNextCyr-Medium";
    cursor: pointer; }

.base-setting__right h4 {
  font-size: 18px;
  font-family: "AvenirNextCyr-Medium";
  font-weight: normal; }

.base-setting__right-container {
  display: flex;
  flex-wrap: wrap; }

.base-setting__item {
  display: flex;
  width: 50%;
  padding: 10px 0; }
  .base-setting__item .title {
    width: 156px;
    font-size: 16px;
    color: #7e7e7e;
    font-family: "AvenirNextCyr-Regular"; }
  .base-setting__item .data {
    font-size: 16px;
    font-family: "AvenirNextCyr-Regular"; }

.base-setting hr {
  border: 1px solid #e3e3e3; }

.secondary-setting {
  padding-top: 55px; }
  .secondary-setting__wrapp {
    margin-bottom: 60px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between; }
  .secondary-setting__item {
    display: flex;
    width: 30%;
    align-items: center; }
    .secondary-setting__item input {
      padding: 18px;
      font-size: 16px;
      height: 50px;
      border-radius: 7px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #b7b7b7;
      outline: none;
      display: block;
      width: 100%;
      font-family: "AvenirNextCyr-Regular";
      box-sizing: border-box;
      -webkit-transition: all .3s;
      transition: all .3s;
      opacity: 0.7; }
      .secondary-setting__item input:disabled {
        background: #ffffff;
        color: #b7b7b7;
        opacity: 0.7; }
      .secondary-setting__item input::placeholder {
        color: #b7b7b7; }
      .secondary-setting__item input:focus {
        -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.15);
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 1; }
      .secondary-setting__item input:focus::-webkit-input-placeholder {
        color: transparent; }
    .secondary-setting__item span {
      font-size: 14px;
      font-family: "AvenirNextCyr-Regular";
      color: #4d4d4d; }
  .secondary-setting hr {
    border: 1px solid #e3e3e3; }

.card-setting {
  padding-top: 65px; }
  .card-setting__wrapp {
    margin-top: 16px;
    width: 600px; }
    .card-setting__wrapp hr {
      border: 1px solid #e3e3e3; }
  .card-setting__item {
    display: flex;
    align-items: center;
    padding: 14px 0; }
    .card-setting__item .number-card {
      font-size: 16px;
      font-family: "AvenirNextCyr-Medium"; }
    .card-setting__item .info-card {
      font-size: 16px;
      color: #7e7e7e;
      font-family: "AvenirNextCyr-Medium";
      margin-left: 5px;
      margin-right: 5px; }
    .card-setting__item .card-status {
      display: flex;
      font-size: 14px;
      font-family: "AvenirNextCyr-Medium";
      align-items: center;
      margin-left: 15px; }
      .card-setting__item .card-status--active {
        color: #719100; }
      .card-setting__item .card-status--no-active {
        color: #eb212e; }
      .card-setting__item .card-status i {
        font-size: 20px;
        font-weight: bold;
        margin-right: 8px; }
    .card-setting__item .link-route-remove {
      margin-left: auto;
      color: #eb212e; }
      .card-setting__item .link-route-remove span {
        border-bottom: 1px dashed #eb212e; }
    .card-setting__item svg {
      margin-right: 15px; }

.button-base-setting {
  margin-top: 80px;
  margin-bottom: 80px; }

@media screen and (max-width: 992px) {
  .base-setting__item {
    width: 100%; }
  .secondary-setting__wrapp {
    flex-wrap: wrap; }
  .secondary-setting__item {
    width: 100%;
    margin-bottom: 15px; }
  .secondary-setting__item span {
    width: 100px; } }

@media screen and (max-width: 768px) {
  .base-setting__top h3 {
    font-size: 24px; }
  .base-setting__wrapp {
    flex-wrap: wrap; }
  .card-setting__wrapp {
    width: 100%; }
  .card-setting__item {
    flex-wrap: wrap;
    width: 100%; }
  .card-setting__item .card-status {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    order: 4; }
  .card-setting__item .link-route-remove {
    margin-left: auto;
    margin-top: 0px;
    order: 3; }
    .card-setting__item .link-route-remove:before {
      display: none; }
  .base-setting__top a {
    margin-left: auto; } }

@media screen and (max-width: 480px) {
  .base-setting__top {
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: self-start; }
  .base-setting__top a {
    margin-left: 0;
    margin-bottom: 15px; }
  .base-setting__item {
    flex-direction: column; } }

@media screen and (min-width: 1921px) {
  body {
    width: 1920px;
    margin: 0 auto; }
  .header {
    width: 1920px;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: -5px 7px 7px rgba(0, 0, 0, 0.15); }
  #ui-datepicker-div {
    left: 318px !important; }
  .order-cost.order-slick {
    width: 1720px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: 100px; } }

@media screen and (min-width: 1800px) {
  .form_row .input-line-left {
    width: 120px;
    right: -12%; }
  .form_row .item-form--line .input-line-left {
    right: -13%; }
  .form_row .flex-sb .delivery .delivery__text {
    padding-top: 10px; }
  .group-input {
    margin-left: -103px; }
  .group-input label {
    justify-content: flex-end; } }

.item-form-line-b:before {
  position: absolute;
  width: calc(100% - 45px); }

.group-input input {
  max-width: 140px; }

.point-line-down-door:after {
  height: 133px; }

.point-line-to-a:before {
  z-index: 20;
  background: #fff; }

@media screen and (max-width: 1846px) {
  .point-line-down-door:after {
    height: 150px; }
  .form_row .flex-sb .delivery {
    margin-right: 15px; }
    .form_row .flex-sb .delivery .delivery__text {
      padding-top: 10px; } }

@media screen and (max-width: 1800px) {
  .group-input input {
    max-width: 100px; }
  /* .payment-method__item:nth-child(2) {
    width: 19%; } */ }

@media screen and (max-width: 1570px) {
  .item-form-line-b:before {
    width: calc(100% - 77px); }
  .group-input input {
    max-width: 70px; }
  .form_row input.datepicker {
    max-width: 124px;
    width: 124px; } }

@media screen and (max-width: 1451px) {
  .point-line-down-dov:after {
    height: 171px; } }

@media screen and (max-width: 1451px) {
  .item-form__title-to-pocht:before {
    height: 187px; }
  .form_row .flex-sb .delivery {
    margin-right: 15px; } }

@media screen and (max-width: 1419px) {
  .form_row .flex-sb .delivery .delivery__text {
    padding-top: 0; } }

@media screen and (max-width: 1367px) {
  .payment-method__item {
    width: 24%; }
  .item-form {
    width: 43%; }
  .item-form--large {
    width: 100%; }
  .item-form-line-b:before {
    width: calc(100% - 61px); }
  .group-input input {
    max-width: 64px; }
  .form_row .input-line-left {
    right: -60px; }
  .autocomplit {
    min-width: 808px; } }

@media screen and (max-width: 1280px) {
  .item-form__title-to-service:before {
    height: 140px; }
  .group-input__title {
    margin-right: 4px;
    font-size: 12px; }
  .form_row .flex-sb .delivery {
    margin-left: 7px;
    margin-right: 0; } }

@media screen and (max-width: 1227px) {
  .item-form__title-to-train:before {
    height: 190px; }
  .form_row .input-line-left {
    right: -55px; } }

@media screen and (max-width: 1200px) {
  .wrapper {
    padding-left: 0; }
  .header {
    left: 0; }
    .header .open-main-menu {
      display: block;
      margin-right: auto;
      margin-left: 50px;
      padding: 20px 0;
      cursor: pointer; }
      .header .open-main-menu span {
        width: 35px;
        height: 2px;
        background: #000;
        content: "";
        display: block;
        position: relative; }
        .header .open-main-menu span:before {
          width: 35px;
          height: 2px;
          background: #000;
          content: "";
          position: absolute;
          top: -7px;
          left: 0; }
        .header .open-main-menu span:after {
          width: 35px;
          height: 2px;
          background: #000;
          content: "";
          position: absolute;
          bottom: -7px;
          left: 0; }
  .aside {
    position: absolute;
    left: -100%;
    z-index: 1000;
    transition: all .5s;
    width: 160px; }
    .aside__menu-item {
      padding: 15px 0; }
    .aside .close-aside {
      display: flex;
      position: absolute;
      top: 20px;
      right: -20px;
      background: #201f20;
      height: 45px;
      width: 45px;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      cursor: pointer; }
    .aside .aside-top-line {
      width: 160px;
      height: auto;
      display: block; }
    .aside .aside-bottom-line {
      width: 160px;
      height: auto;
      display: block; }
    .aside .company__image {
      width: 122px;
      height: 122px; }
    .aside .company__name {
      max-width: 140px; }
    .aside .company__deposit {
      padding: 15px 14px; }
    .aside .company__deposit-hover {
      left: 154px; }
    .aside .aside__menu-item a {
      font-size: 11px; }
    .aside.open-aside {
      transition: all .5s;
      left: 0%; }
  .item-form-line-b:before {
    width: calc(100% - 56px); }
  .item-form__title-to-service:before {
    height: 121px; }
  .item-form__title-to-train:before {
    height: 171px; }
  .form_row .input-line-left {
    right: -66px; }
  .order-cost__h3 {
    font-size: 30px; }
  .order-cost__price {
    font-size: 26px; }
  .order-cost__rub {
    font-size: 27px; }
  .order-cost__btn {
    font-size: 12px; }
  /*LOGIN*/
  .content-login {
    height: auto;
    padding: 50px 100px; }
  /*.LOGIN*/
  .popup-map {
    width: 760px;
    box-sizing: border-box; }
  .order-cost.order-slick {
    left: 0; }
  .book-modal {
    width: 950px; } }

@media screen and (max-width: 1100px) {
  .header__menu-item {
    padding-right: 30px; }
  .header__menu-item--deposit {
    padding-right: 50px; }
  .header__menu-item--deposit:before {
    right: 25px; }
  .form_row .input-line-left {
    right: -56px; }
  /*LOGIN*/
  .login-form {
    padding: 0 100px; }
  /*.LOGIN*/ }

@media screen and (max-width: 1080px) {
  .item-form__title-to-service:before {
    height: 140px; }
  .autocomplit {
    flex-direction: column;
    min-width: auto; }
  .autocomplit-left .autocomplit__first {
    margin-left: 0;
    width: 100% !important; }
  .autocomplit-left:after {
    display: none; }
  .autocomplit-right .autocomplit__second {
    margin-left: 0; }
  .autocomplit-right:after {
    display: none; } }

@media screen and (max-width: 1027px) {
  .item-form__title-to-train:before {
    height: 189px; } }

@media screen and (max-width: 992px) {
  .aside .logo img {
    height: 30px; }
  .aside .company__image {
    width: 110px;
    height: 110px;
    margin: 14px 0; }
  .aside__menu-item {
    padding: 12px 0; }
  .content {
    padding-top: 65px; }
  .item-form {
    width: 100%; }
  .point-line-to-b:before {
    display: none; }
  .point-line-down:after {
    height: 176px;
    left: 26px;
    display: none; }
  .item-form-line-b:before {
    display: none; }
  .point-line-to-a:before {
    border-bottom: none;
    border-radius: none;
    bottom: -148px;
    height: 148px;
    width: 0;
    opacity: 0.8;
    display: none; }
  .group-input input {
    max-width: 150px; }
  .group-input__title {
    margin-right: 10px;
    font-size: 14px; }
  .item-form__title-to-pocht:after {
    height: 215px; }
  .form_row .input-line-left {
    display: none; }
  .additional-services .form_row__desc {
    margin-bottom: 30px; }
  .additional-services .form_row--pb40 .item-form:nth-child(2) {
    margin-top: 24px; }
  .item-form__title-to-train:after {
    height: 242px; }
  .order-cost__btn {
    padding: 6px 10px; }
  .order-cost__more-info span {
    font-size: 13px; }
  .form_row .flex-sb .delivery .delivery__text:before {
    top: 3px; }
  .form_row .flex-sb .delivery {
    margin-top: 14px; }
  #adress-main-button {
    margin-left: 0 !important; }
  .autocomplit {
    position: absolute;
    width: 434px;
    z-index: 60; }
    .autocomplit__first {
      width: 100%;
      margin-top: 15px; }
    .autocomplit__second {
      width: auto;
      order: -1; }
    .autocomplit-left {
      right: auto;
      left: 0; }
    .autocomplit .autocomplete-suggestions {
      width: 100% !important; }
  .book-modal {
    width: 700px; }
  .tabl-book__row {
    flex-direction: column; }
  .tabl-book__header {
    flex-direction: column; }
  .tabl-book__main-info, .tabl-book__secondary-info {
    width: 100%; }
  .tabl-book__item {
    width: 50%; }
  .tabl-book__item--adress {
    order: -1; } }

@media screen and (max-width: 995px) {
  .point-line-down-dov:after {
    height: 194px; } }

@media screen and (max-width: 944px) {
  .header__menu-item a {
    font-size: 14px; }
  .point-line-down-dov:after {
    height: 191px; }
  .footer__menu-item {
    margin-left: 24px; } }

@media screen and (max-width: 938px) {
  .point-line-down-door:after {
    height: 172px; }
  .order-cost {
    height: 120px; }
  .order-cost__h3 {
    font-size: 27px; }
  .order-cost__price {
    font-size: 22px; }
  .order-cost__rub {
    font-size: 24px; }
  .order-cost__more-info:before {
    font-size: 39px; } }

@media screen and (max-width: 900px) {
  .content {
    padding-top: 55px; }
  .header__menu-item {
    padding-left: 36px; }
  .greeting__text--big {
    font-size: 30px;
    padding-bottom: 15px; }
  .greeting__text--small {
    font-size: 14px; }
  .item-form {
    padding-top: 30px; }
  .item-form__title {
    font-size: 16px; }
  .form_row input {
    padding: 14px;
    font-size: 14px; }
  .additional-services__title {
    font-size: 27px; }
  .difficult-route__link {
    font-size: 13px; }
  .additional-services p {
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 14px; }
  .form_row--pb40 {
    padding-bottom: 20px; }
  .point-line-down:after {
    height: 75px; }
  .point-line-to-a:before {
    bottom: -116px;
    height: 116px; }
  .item-form__title-to-a:before {
    height: 63px; }
  .item-form__title-to-service:before {
    height: 112px; }
  .item-form__title-to-pocht:before {
    bottom: -42px;
    height: 161px; }
  .item-form__title-to-pocht:after {
    height: 192px; }
  .item-form__title-to-train:before {
    height: 163px;
    bottom: -42px; }
  .point-line-down-dov:after {
    height: 162px; }
  .point-line-down-door:after {
    height: 125px; }
  .payment-method__title {
    font-size: 27px; }
  .payment-method__list a {
    font-size: 13px; }
  .order-cost {
    flex-direction: column;
    padding: 10px 0; }
  .point-line-to-b-js {
    top: 70px; }
  .point-line-to-a {
    top: 70px; } }

@media screen and (max-width: 896px) {
  .point-line-down-door:after {
    height: 149px; }
  /*LOGIN*/
  .header-two .logo img {
    margin-top: 7px; }
  .content-login {
    padding: 30px 50px; }
    .content-login .login-title {
      font-size: 30px; }
    .content-login .login-desc {
      font-size: 14px;
      text-align: left;
      width: 100%; }
  .header-two .logo img {
    width: 85px; }
  .login-form__group {
    flex-direction: column; }
    .login-form__group label {
      width: 100%;
      margin-top: 10px; }
      .login-form__group label span {
        font-size: 16px; }
  /*.LOGIN*/ }

@media screen and (max-width: 853px) {
  .item-form__title-to-pocht:before {
    height: 179px; }
  .point-line-down-dov:after {
    height: 159px; }
  .header__menu-item--deposit a {
    content: url("../icons/deposit-icon.png"); }
  .header__menu-item--deposit:after {
    display: none; }
  .header__menu-item--billing a {
    content: url("../icons/tarif-icon.png"); }
  .header__menu-item--billing:after {
    display: none; }
  .header__menu-item--settings a {
    content: url("../icons/setting-icon.png"); }
  .header__menu-item--settings:after {
    display: none; }
  .header__menu-item--exit a {
    content: url("../icons/exit-icon.png"); }
  .header__menu-item--exit:after {
    display: none; }
  .header__menu-item--deposit {
    padding: 0 36px; }
    .header__menu-item--deposit:before {
      display: none; } }

@media screen and (max-width: 846px) {
  .point-line-down-door:after {
    height: 144px; } }

@media screen and (max-width: 803px) {
  .item-form__title-to-pocht:before {
    height: 162px; }
  .point-line-down-dov:after {
    height: 161px; }
  .point-line-down-door:after {
    height: 143px; }
  .paddinglr {
    padding-left: 37px;
    padding-right: 21px; }
  .greeting {
    margin-left: 37px;
    margin-right: 21px; }
  .footer {
    padding-left: 37px;
    padding-right: 21px; } }

@media screen and (max-width: 763px) {
  .item-form__title-to-pocht:before {
    height: 180px; }
  .point-line-down-dov:after {
    height: 160px; }
  .group-input label {
    width: 27%; }
  .group-input input {
    max-width: 100px; }
  .point-line-down-door:after {
    height: 141px; }
  .payment-method__list a {
    font-size: 12px; }
  .footer {
    font-size: 12px; }
  .footer__menu-item {
    margin-left: 19px; }
  /*LOGIN*/
  .header-two {
    padding: 0 37px; }
  .login-form {
    padding: 0; }
  .login-form__group label.error .error-msg {
    left: auto;
    right: 0; }
  /*.LOGIN*/
  .popup-map {
    width: 460px; }
  .popup-map__header .title-page {
    font-size: 27px; }
  .book-modal {
    width: 450px; }
  .tabl-book__item {
    width: 100%; }
  .tabl-book__main-info, .tabl-book__secondary-info {
    flex-direction: column; }
  .tabl-book__item--adress {
    order: 0; }
  .order-cost__content {
    flex-wrap: wrap;
    position: relative;
    padding: 10px; }
    .order-cost__content:after {
      box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
      left: 0;
      height: 7px;
      right: 0;
      top: 55px;
      content: "";
      position: absolute; }
  .order-cost {
    flex-direction: column;
    height: fit-content;
    bottom: -160px; }
    .order-cost__open-mobile {
      display: none;
      justify-content: center;
      align-items: center;
      color: white;
      width: 50px;
      height: 38px;
      background: #eb212e;
      position: absolute;
      top: -38px;
      left: 28px;
      border-radius: 30px 30px 0 0;
      cursor: pointer; }
      .order-cost__open-mobile i {
        font-size: 18px; }
      .order-cost__open-mobile.active i {
        transform: rotate(180deg); }
  .order-cost__more-info:before {
    display: none; }
  .order-cost__h3 {
    font-size: 37px;
    font-family: "AvenirNextCyr-Light"; }
  .order-cost__price {
    font-size: 37px;
    font-family: "AvenirNextCyr-Light";
    margin-left: 10px; }
  .order-cost.paddinglr {
    padding: 0;
    padding-bottom: 10px; }
  .order-cost__more-info {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-left: 0;
    margin-top: 25px;
    padding-left: 10px; }
    .order-cost__more-info span {
      box-sizing: border-box;
      width: 50%;
      font-size: 18px;
      font-family: "AvenirNextCyr-Medium"; }
  .order-cost__tarif {
    font-size: 18px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 12px;
    display: block;
    border-top: 1px solid #e3e3e3;
    margin-bottom: 10px; }
  .order-cost.order-slick {
    position: fixed;
    bottom: -139px; }
    .order-cost.order-slick .order-cost__open-mobile {
      display: flex; }
  .order-cost.order-slick.open-mobile {
    bottom: 0; }
  .payment-method.margin-order {
    margin-bottom: 160px; } }

@media screen and (max-width: 713px) {
  .item-form__title-to-pocht:before {
    height: 180px; }
  .item-form__title-to-service:before {
    height: 127px; } }

@media screen and (max-width: 659px) {
  .item-form__title-to-service:before {
    height: 128px; }
  .group-input input {
    max-width: 64px; } }

@media screen and (max-width: 643px) {
  .item-form__title-to-train:before {
    height: 177px; } }

@media screen and (max-width: 636px) {
  .point-line-down-dov:after {
    height: 179px; } }

@media screen and (max-width: 631px) {
  .form_row .flex-sb .delivery {
    margin-top: 12px; }
  .form_row .flex-sb .delivery .delivery__text:before {
    top: 2px; } }

@media screen and (max-width: 615px) {
  .item-form__title-to-pocht:before {
    height: 200px; } }

@media screen and (max-width: 606px) {
  .point-line-down-door:after {
    height: 163px; }
  .oops {
    padding: 0 10px; }
    .oops svg {
      margin-right: 5px;
      width: 25px; }
    .oops span {
      font-size: 13px;
      width: fit-content;
      margin-left: 0px; } }

@media screen and (max-width: 600px) {
  .payment-method__list {
    flex-wrap: wrap;
    margin-top: 20px; }
  .payment-method__item {
    width: 50%;
    margin-top: 15px; }
  .footer {
    font-size: 10px; }
  /*LOGIN*/
  .header-two {
    height: 56px; }
    .header-two .select-mc {
      margin-left: 20px; }
  .header-two .back-site span {
    display: none; }
  /*.LOGIN*/ }

@media screen and (max-width: 593px) {
  .item-form__title-to-train:before {
    height: 180px; } }

@media screen and (max-width: 586px) {
  .point-line-down:after {
    left: 22px; }
  .point-line-down-dov:after {
    height: 179px; }
  .difficult-route__link {
    font-size: 11px; }
  .greeting__text--big {
    font-size: 25px;
    padding-bottom: 6px; }
  .greeting__text--small {
    font-size: 12px; }
  .item-form__title {
    font-size: 14px; }
  .form_row input {
    padding: 9px;
    font-size: 13px; }
  .form_row input {
    height: 40px; }
  .item-form {
    padding-top: 15px; }
  .delivery__text {
    font-size: 12px; }
  .delivery__text:before {
    top: -1px; }
  .additional-services p {
    font-size: 12px; }
  .group-input__title {
    font-size: 11px; }
  .additional-services__title {
    font-size: 21px;
    margin-left: 0; }
  .additional-services__header span {
    font-size: 12px; }
  .point {
    width: 45px;
    height: 45px; }
  .form_row textarea {
    width: calc(100% - 55px);
    height: 120px; }
  .point-line-down:after {
    height: 45px; }
  .point-line-to-a {
    margin-top: 10px; }
  .point-line-to-a:before {
    right: 21px;
    bottom: -107px;
    height: 104px; }
  .item-form__title-to-a:before {
    height: 40px;
    left: -43px; }
  .item-form__title-to-service:before {
    height: 100px;
    left: -42px; }
  .item-form__title-to-pocht:before {
    height: 160px;
    bottom: -33px;
    left: -42px; }
  .item-form__title-to-pocht:after {
    height: 181px;
    left: -42px;
    top: 50px; }
  .item-form__title-to-train:before {
    left: -42px;
    bottom: -33px;
    height: 145px; }
  .item-form__title-to-train:after {
    left: -42px;
    top: 50px; }
  .point-line-down-dov:after {
    height: 154px; }
  .item-form__title-to-train:after {
    height: 217px; }
  .select-mc--time .ui-selectmenu-button.ui-button {
    padding: 9px 7px; }
  .form_row .flex-sb .delivery {
    margin-top: 0; }
  #adress-main-button .ui-selectmenu-text {
    font-size: 13px; }
  #adress-main-button .ui-menu-item-wrapper {
    font-size: 13px !important; }
  .ui-menu .ui-menu-item-wrapper {
    font-size: 13px; }
  #adress-main-button {
    padding: 11px 8px; }
  .autocomplit {
    position: absolute;
    width: 320px;
    box-sizing: border-box;
    z-index: 60;
    top: 40px;
    padding: 8px;
    padding-left: 0; }
    .autocomplit-left {
      right: auto;
      left: 0; }
    .autocomplit .autocomplit__title {
      font-size: 14px; }
    .autocomplit .autocomplete-suggestion {
      font-size: 13px; }
  .item-form .input-loc input.click {
    border-bottom: 1px solid white; }
  .point-line-to-b-js {
    top: 45px; }
  .point-line-to-a.point--mt22 {
    top: 60px; }
  .point.point--mt36 {
    margin-top: 10px; }
  .order-cost__content {
    padding: 5px; }
  .order-cost.order-slick {
    bottom: -136px; }
  .order-cost__h3 {
    font-size: 20px; }
  .order-cost__price {
    font-size: 20px;
    margin-left: 8px; }
  .order-cost__rub {
    font-size: 12px;
    padding-left: 2px; }
  .order-cost__more-info {
    padding: 0; }
  .order-cost__more-info span {
    font-size: 14px; }
  .order-cost__content:after {
    top: 29px; }
  .order-cost__tarif {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px; }
  .order-cost__open-mobile {
    width: 36px;
    height: 25px;
    top: -25px;
    left: 8px; }
    .order-cost__open-mobile i {
      font-size: 12px; } }

@media screen and (max-width: 581px) {
  .item-form__title-to-service:before {
    height: 117px; }
  .point {
    background: #fff; } }

@media screen and (max-width: 586px) {
  .point-line-down-dov:after {
    height: 170px; } }

@media screen and (max-width: 574px) {
  .item-form__title-to-train:before {
    height: 159px; } }

@media screen and (max-width: 550px) {
  .item-form__title-to-pocht:before {
    height: 177px; } }

@media screen and (max-width: 524px) {
  .item-form__title-to-train:before {
    height: 160px; }
  .footer {
    flex-direction: column;
    padding-left: 21px; }
  .footer__menu {
    order: -1;
    padding: 0;
    margin-top: 24px; } }

@media screen and (max-width: 517px) {
  .point-line-down-dov:after {
    height: 171px; }
  .difficult-route__link span {
    padding-bottom: 0; }
  .datepicker {
    width: 130px; }
  .form_row .flex-sb {
    flex-wrap: wrap;
    justify-content: flex-start; }
  .form_row .flex-sb .delivery {
    width: 100%;
    display: block; }
  .form_row .flex-sb .delivery {
    margin-top: 13px;
    margin-left: -10px; }
  .form_row .flex-sb .delivery .delivery__text:before {
    top: 0px; }
  .point-line-to-a:before {
    bottom: -125px;
    height: 122px; }
  .item-form--mta .point--mt19 {
    margin-top: 6px; }
  .item-form__title-to-a:before {
    height: 58px; } }

@media screen and (max-width: 502px) {
  .item-form__title-to-pocht:before {
    height: 178px; }
  .item-form__title-to-pocht:after {
    height: 189px; }
  .item-form__title-to-train:before {
    height: 169px; }
  .item-form__title-to-service:before {
    height: 130px; }
  .point-line-down-dov:after {
    height: 183px; }
  .item-form-line-b .delivery__text--mod.show--mod {
    display: block;
    margin-top: 10px; } }

@media screen and (max-width: 491px) {
  .form_row textarea {
    width: calc(100% - 52px);
    height: 120px; }
  .point-line-down-door:after {
    height: 154px; }
  .payment-method__title {
    font-size: 24px; }
  .group-input {
    flex-wrap: wrap; }
  .group-input label {
    width: 40%;
    margin-top: 10px; }
  .group-input label:nth-child(3) {
    margin-left: 3px; }
  .group-input input {
    max-width: 107px; }
  .header__menu-item {
    padding-right: 10px; }
  .item-form__title-to-train:before {
    height: 180px; }
  .item-form__title-to-pocht:before {
    height: 188px; }
  /*LOGIN*/
  .content-login {
    padding: 30px 37px; }
  .content-login .login-title {
    font-size: 25px;
    margin-right: auto; }
  /*.LOGIN*/
  .popup-map {
    width: 300px;
    padding: 30px 10px; }
  .popup-map__header .title-page {
    font-size: 27px; } }

@media screen and (max-width: 480px) {
  .select-mc--time .ui-selectmenu-button.ui-button {
    padding: 11px 7px; }
  .book-modal {
    width: 300px; }
  .book-modal__top {
    padding: 15px 20px; }
  .tabl-book {
    padding: 15px 20px; } }

@media screen and (max-width: 452px) {
  .item-form__title-to-service:before {
    height: 146px; }
  .group-input input {
    max-width: 84px; } }

@media screen and (max-width: 449px) {
  .point-line-down-dov:after {
    height: 199px; }
  .form_row .flex-sb .delivery {
    margin-left: 7px;
    margin-top: 8px;
    margin-right: 0; }
  .point-line-down-door:after {
    height: 170px; }
  .form_row .flex-sb .delivery-line {
    margin-left: -7px; } }

@media screen and (max-width: 438px) {
  .item-form__title-to-pocht:before {
    height: 202px; } }

@media screen and (max-width: 432px) {
  .item-form__title-to-train:before {
    height: 197px; }
  .main-form .item-form__title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start; }
    .main-form .item-form__title .link-book {
      margin-left: 0;
      margin-top: 5px; }
  .item-form__title-to-a:before {
    bottom: 34px; } }

@media screen and (max-width: 422px) {
  .item-form__title-to-train:before {
    height: 195px; }
  /*LOGIN*/
  .header-two {
    padding: 0 15px; }
  .header-two .navigation {
    font-size: 14px; }
  .header-two .select-mc {
    margin-left: 0px; }
  .content-login {
    padding: 30px 15px; }
  /*.LOGIN*/
  #adress-main-button {
    width: calc(100% - 148px); } }

@media screen and (max-width: 419px) {
  .item-form__title-to-pocht:before {
    height: 202px; }
  .main-form .delivery-line {
    margin-left: -10px; }
  .autocomplit {
    width: 223px; } }

@media screen and (max-width: 403px) {
  .point-line-down-door:after {
    height: 183px; }
  .item-form__title-to-service:before {
    height: 161px; }
  .point-line-down-dov:after {
    height: 211px; }
  .order-cost.order-slick {
    bottom: -156px; } }

@media screen and (max-width: 400px) {
  .item-form__title-to-service:before {
    height: 160px; }
  .header__menu-item--deposit {
    padding: 0; }
  .header__menu-item {
    padding-left: 15px; }
  .header .open-main-menu {
    margin-left: 30px; }
  .form_row .flex-sb {
    flex-direction: column; }
  .form_row .flex-sb .delivery {
    margin-left: -11px; }
  .point--mt36 {
    margin-top: 12px; }
  .point-line-to-a:before {
    right: 21px;
    bottom: -93px;
    height: 92px; }
  .point--mt19 {
    margin-top: 8px; }
  .item-form__title-to-a:before {
    height: 52px; }
  .payment-method__item {
    width: 100%;
    margin-top: 15px; }
  .greeting {
    margin-left: 21px; }
  .select-mc--time .ui-selectmenu-button.ui-button {
    margin-left: 0;
    margin-top: 5px; }
    .select-mc--time .ui-selectmenu-button.ui-button:before {
      display: none; }
  .point-line-to-a:before {
    bottom: -119px;
    height: 118px; }
  .select-mc--time .ui-selectmenu-button.ui-button {
    width: 130px;
    text-align: center; } }

@media screen and (max-width: 397px) {
  .point-line-down-door:after {
    height: 180px; }
  .group-input input {
    max-width: 64px; }
  .item-form__title-to-pocht:before {
    height: 218px; } }

@media screen and (max-width: 389px) {
  .point-line-down-dov:after {
    height: 211px; }
  .aside .company__deposit-hover {
    left: 0;
    bottom: -100%;
    top: auto;
    padding: 6px 0;
    width: 159px; }
    .aside .company__deposit-hover a {
      font-size: 14px; }
  .aside .company {
    padding-bottom: 55px; } }

@media screen and (max-width: 388px) {
  .item-form__title-to-pocht:before {
    height: 217px; } }

@media screen and (max-width: 382px) {
  .item-form__title-to-train:before {
    height: 210px; }
  .greeting__text--big {
    font-size: 22px; }
  .additional-services__title {
    font-size: 20px; } }

@media screen and (max-width: 375px) {
  .item-form__title-to-service:before {
    height: 167px; }
  .point-line-down-dov:after {
    height: 225px; } }

@media screen and (max-width: 375px) {
  .item-form__title-to-service:before {
    height: 181px; } }

@media screen and (max-width: 357px) {
  .point-line-down-door:after {
    height: 197px; }
  .item-form__title-to-pocht:before {
    height: 235px; } }

@media screen and (max-width: 353px) {
  .item-form__title-to-service:before {
    height: 182px; }
  .item-form .trackbar {
    flex-direction: column;
    margin-top: 30px; }
  .item-form .trackbar .wrapp-range {
    width: 100%; }
  .item-form .trackbar__input-value {
    width: 80px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: auto; }
  .point-line-down-door:after {
    height: 200px; } }

@media screen and (max-width: 351px) {
  .group-input label {
    width: 50%; }
  .item-form .red-location {
    width: 38px; }
  .item-form .input-loc input {
    width: calc(100% - 70px);
    z-index: 10; }
  .item-form__title-to-train:before {
    height: 225px; }
  #adress-main-button {
    width: calc(100% - 124px); } }

@media screen and (max-width: 345px) {
  .item-form__title-to-pocht:before {
    height: 248px; }
  .item-form__title-to-service:before {
    height: 197px; }
  .point-line-down-door:after {
    height: 214px; }
  .point-line-down-dov:after {
    height: 242px; } }

@media screen and (max-width: 335px) {
  .item-form__title-to-train:before {
    height: 241px; }
  .item-form__title-to-a:before {
    height: 57px; }
  .footer {
    padding: 0 10px; }
  .item-form__title-to-service:before {
    height: 213px; }
  .item-form__title-to-pocht:before {
    height: 264px; }
  .point-line-down-dov:after {
    height: 257px; } }

@media screen and (max-width: 323px) {
  .item-form__title-to-train:after {
    height: 235px; }
  .item-form__title-to-train:before {
    height: 247px; }
  .point-line-down-dov:after {
    height: 273px; } }


.order__padding
{
	padding-left: 50px;
	padding-right: 62px;
	margin-top: 15px;
}
.order__invoice
{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 14px;
	font-family: "AvenirNextCyr-Regular";
	color: #4d4d4d;
}
.order__invoice hr
{
	width: 100%;
	height: 1px;
	padding: 0px;
	border-style: solid;
	border: 0px;
	border-top: 1px solid silver;
}
.order__invoice-title
{
	font-size: 30px;
	font-family: "AvenirNextCyr-Light";
	font-weight: 300;
	color: #000000;
	margin-bottom: 0px;
}
form:nth-child(even) .order__invoice
{
	background-color: #f4f4f4;
}
.order__invoice .order__invoice-header,
.order__invoice .order__invoice-option
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.order__invoice .order__invoice-header div:nth-child(1),
.order__invoice .order__invoice-header div:nth-child(2)
{
	font-size: 20px;
	font-family: "AvenirNextCyr-Light";
	padding-top: 10px;
	padding-bottom: 10px;
}
.order__invoice .order__invoice-header div:nth-child(2)
{
	padding-top: 4px;
}
.order__invoice .order__invoice-header div:nth-child(2) a
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
.order__invoice .order__invoice-header div:nth-child(2) a span
{
	border-bottom: 1px dashed #000000;
}
.order__invoice .order__invoice-header div:nth-child(2) a img
{
	margin-bottom: -9px;
}
.order__invoice .order__invoice-header div:nth-child(1) span:nth-child(1),
.order__invoice .order__invoice-header div:nth-child(1) span:nth-child(3)
{
	color: #858585;
}
.order__invoice .order__invoice-header div:nth-child(1) span:nth-child(2)
{
	color: #000000;
}
.order__invoice .order__invoice-header div:nth-child(1) span:nth-child(3)
{
	padding-left: 25px;
}
.order__invoice .order__invoice-header span.red
{
	color: #e91a2a;
}
.order__invoice .order__invoice-header span.green
{
	color: #6f8b02;
}
.order__invoice .order__invoice-header span.orange
{
	color: #ff9a0d;
}
.order__invoice .order__invoice-option:nth-child(even)
{
	border-top: 1px dotted silver;
}
.order__invoice .order__invoice-option div:nth-child(1)
{
	width: 60%;
}
.order__invoice .order__invoice-option div:nth-child(2)
{
	width: 15%;
}
.order__invoice .order__invoice-option > div
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
.order__invoice .order__invoice-option button
{
	color: white;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-family: AvenirNextCyr-Demi;
	box-sizing: border-box;
	cursor: pointer;
	background: rgb(235, 33, 46);
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	border-radius: 7px;
	padding: 11px 23px;
}
.order__invoice .order__invoice-option button:disabled,
.order__invoice .order__invoice-option button[disabled]
{
	border: 1px solid #c6c6c6;
	background-color: transparent;
	color: #ababab;
	cursor: default;
}
.order__invoice .order__invoice-option button.green
{
	border: 1px solid #88a13c;
	color: #88a13c;
}

    
.contact__item-w50
{
	width: 45%;
}
.contact__item_group
{
	font-size: 16px;
	font-family: "AvenirNextCyr-Regular";
	margin-bottom: 15px;
}
.contact__item_group div:nth-child(1)
{
	font-size: 15px;
	color: #666666;
}
.contact__item_group div:nth-child(2)
{

}

@media screen and (min-width: 905px)
{
	.order-cost
	{
		height: 80px;
	}
}