/* line 10, project/static/scss/new-style.scss */
.status {
  margin: 90px 0 300px 0; }
  /* line 13, project/static/scss/new-style.scss */
  .status-box {
    margin-left: 15px;
    background: #fafafa;
    height: 551px; }
    /* line 18, project/static/scss/new-style.scss */
    .status-box-mob {
      display: none; }
    /* line 22, project/static/scss/new-style.scss */
    .status-box-title {
      margin-bottom: 40px;
      text-align: center; }
      /* line 26, project/static/scss/new-style.scss */
      .status-box-title h2 {
        font-size: 20px;
        margin: 0; }
  /* line 33, project/static/scss/new-style.scss */
  .status-table {
    width: 100%; }
    /* line 36, project/static/scss/new-style.scss */
    .status-table thead tr td {
      background: #b3b4b6;
      border-right: 3px solid white;
      font-size: 12px;
      color: #ffffff;
      padding: 8px 20px; }
      /* line 43, project/static/scss/new-style.scss */
      .status-table thead tr td:nth-child(1) {
        width: 170px; }
      /* line 47, project/static/scss/new-style.scss */
      .status-table thead tr td:nth-child(2), .status-table thead tr td:nth-child(3), .status-table thead tr td:nth-child(4) {
        width: 130px; }
      /* line 53, project/static/scss/new-style.scss */
      .status-table thead tr td:nth-child(5) {
        text-align: center;
        border-right: none; }
    /* line 59, project/static/scss/new-style.scss */
    .status-table tbody tr {
      border-bottom: 10px solid #fafafa; }
      /* line 62, project/static/scss/new-style.scss */
      .status-table tbody tr td {
        border-right: 3px solid #fafafa;
        font-size: 14px;
        color: #ffffff;
        padding: 13px 18px; }
        /* line 68, project/static/scss/new-style.scss */
        .status-table tbody tr td:nth-child(5) {
          padding: 0;
          border-right: none; }
  /* line 76, project/static/scss/new-style.scss */
  .status-in-work {
    background: #fec889; }
  /* line 80, project/static/scss/new-style.scss */
  .status-complete {
    background: #aadda5; }
  /* line 84, project/static/scss/new-style.scss */
  .status-rejected {
    background: #fe8383; }
  /* line 88, project/static/scss/new-style.scss */
  .status-control {
    display: flex; }
  /* line 92, project/static/scss/new-style.scss */
  .status-block {
    position: relative;
    padding: 16px 16px 20px 16px;
    margin-bottom: 120px; }
    /* line 97, project/static/scss/new-style.scss */
    .status-block-in-work {
      border-top: 4px solid #fec889;
      border-left: 4px solid #fec889;
      border-right: 4px solid #fec889; }
    /* line 103, project/static/scss/new-style.scss */
    .status-block-complete {
      border-top: 4px solid #aadda5;
      border-left: 4px solid #aadda5;
      border-right: 4px solid #aadda5; }
    /* line 109, project/static/scss/new-style.scss */
    .status-block-rejected {
      border-top: 4px solid #fe8383;
      border-left: 4px solid #fe8383;
      border-right: 4px solid #fe8383; }
    /* line 115, project/static/scss/new-style.scss */
    .status-block-close {
      position: absolute;
      top: 0;
      right: 8px; }
    /* line 121, project/static/scss/new-style.scss */
    .status-block-content p {
      font-size: 12px; }
    /* line 125, project/static/scss/new-style.scss */
    .status-block-btns {
      position: absolute;
      width: calc(100% - 2px);
      left: -4px;
      bottom: -95px; }
  /* line 133, project/static/scss/new-style.scss */
  .status-view-all {
    margin-top: 38px;
    text-align: center; }
    /* line 137, project/static/scss/new-style.scss */
    .status-view-all a {
      font-size: 12px;
      text-decoration: underline; }
  /* line 143, project/static/scss/new-style.scss */
  .status-pages-mobile {
    display: none;
    text-align: center; }
    /* line 147, project/static/scss/new-style.scss */
    .status-pages-mobile h1 {
      font-size: 20px;
      color: #272727;
      margin: 0 0 30px 0; }
    /* line 153, project/static/scss/new-style.scss */
    .status-pages-mobile-bg {
      background: #fafafa;
      padding: 40px 0 45px 0;
      margin-bottom: 45px;
      display: none; }
  /* line 161, project/static/scss/new-style.scss */
  .status-menu-block-mob {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    /* line 165, project/static/scss/new-style.scss */
    .status-menu-block-mob .slick-prev {
      background: url("/static/images/mob-menu-prev.webp") no-repeat !important;
      background-position: center !important;
      width: 5px !important;
      height: 12px !important;
      z-index: 10000 !important;
      padding: 35px 20px;
      left: -15px !important;
      visibility: visible; }
    /* line 176, project/static/scss/new-style.scss */
    .status-menu-block-mob .slick-next {
      background: url("/static/images/mob-menu-next.webp") no-repeat !important;
      background-position: center !important;
      width: 5px !important;
      height: 12px !important;
      z-index: 10000 !important;
      padding: 35px 20px;
      right: -15px;
      visibility: visible; }
  /* line 188, project/static/scss/new-style.scss */
  .status-menu-item {
    width: 75px;
    height: 75px;
    position: relative;
    outline: none !important; }
    /* line 194, project/static/scss/new-style.scss */
    .status-menu-item p {
      font-size: 10px;
      color: #ffffff;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 20px; }
    /* line 203, project/static/scss/new-style.scss */
    .status-menu-item:hover p {
      color: #ff5b5b; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-1 {
      background: url("/static/images/handshake.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-1:hover {
        background: url("/static/images/handshake-hover.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-2 {
      background: url("/static/images/chat-icon.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-2:hover {
        background: url("/static/images/chat-icon-h.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-3 {
      background: url("/static/images/cab-icon-1.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-3:hover {
        background: url("/static/images/cab-icon-active-1.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-4 {
      background: url("/static/images/cab-icon-2.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-4:hover {
        background: url("/static/images/cab-icon-active-2.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-5 {
      background: url("/static/images/cab-icon-3.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-5:hover {
        background: url("/static/images/cab-icon-active-3.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }
    /* line 208, project/static/scss/new-style.scss */
    .status-menu-item-6 {
      background: url("/static/images/cab-icon-4.png") no-repeat;
      background-position-x: center;
      background-position-y: 20%; }
      /* line 213, project/static/scss/new-style.scss */
      .status-menu-item-6:hover {
        background: url("/static/images/cab-icon-active-4.png") no-repeat;
        background-position-x: center;
        background-position-y: 20%; }

/* line 223, project/static/scss/new-style.scss */
.profile-status-title {
  padding: 35px 0 30px 0; }
  /* line 226, project/static/scss/new-style.scss */
  .profile-status-title h1 {
    margin: 0; }

/* line 232, project/static/scss/new-style.scss */
.btn-del {
  border: none;
  outline: none !important;
  width: 65px;
  height: 47px;
  background: url("/static/images/delete-icon.webp") no-repeat, #ffffff;
  background-position: center center;
  border: 1px solid #eaeaea; }
  /* line 241, project/static/scss/new-style.scss */
  .btn-del:hover {
    background: url("/static/images/delete-icon-h.webp") no-repeat, #ffffff;
    background-position: center center;
    border: 1px solid #ff5b5b; }

/* line 248, project/static/scss/new-style.scss */
.btn-chat {
  border: none;
  outline: none !important;
  width: 65px;
  height: 47px;
  background: url("/static/images/chat-icon.webp") no-repeat, #3b4146;
  background-position: center center;
  border: 1px solid #3b4146; }
  /* line 257, project/static/scss/new-style.scss */
  .btn-chat:hover {
    background: url("/static/images/chat-icon-h.webp") no-repeat, #3b4146;
    background-position: center center; }
  /* line 262, project/static/scss/new-style.scss */
  .btn-chat-mob {
    border: none;
    outline: none !important;
    width: 102%;
    height: 47px;
    background: url("/static/images/chat-icon.webp") no-repeat, #3b4146;
    background-position: center center;
    border: 1px solid #3b4146; }
    /* line 271, project/static/scss/new-style.scss */
    .btn-chat-mob:hover {
      background: url("/static/images/chat-icon-h.webp") no-repeat, #3b4146;
      background-position: center center; }

/* line 278, project/static/scss/new-style.scss */
.btn-more {
  border: none;
  outline: none !important;
  width: 120px;
  height: 47px;
  font-size: 14px;
  color: #ffffff;
  background: #ff5b5b; }
  /* line 287, project/static/scss/new-style.scss */
  .btn-more:hover {
    background: #8fd388; }
  /* line 291, project/static/scss/new-style.scss */
  .btn-more-mob {
    border: none;
    outline: none !important;
    width: 102%;
    height: 47px;
    font-size: 14px;
    color: #ffffff;
    background: #ff5b5b; }
    /* line 300, project/static/scss/new-style.scss */
    .btn-more-mob:hover {
      background: #8fd388; }

/* line 306, project/static/scss/new-style.scss */
.btn-yes {
  border: none;
  outline: none !important;
  background: #fafafa;
  font-size: 14px;
  color: #272727;
  width: 130px;
  height: 37px;
  border-radius: 5px; }

/* line 317, project/static/scss/new-style.scss */
.btn-no {
  border: none;
  outline: none !important;
  background: #ff5b5b;
  font-size: 14px;
  color: #ffffff;
  width: 130px;
  height: 37px;
  border-radius: 5px; }

/* line 329, project/static/scss/new-style.scss */
.delete-popup {
  position: fixed;
  background: #ffffff;
  width: 625px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 20px -10px;
  text-align: center;
  display: none;
  z-index: 100;
  padding: 54px 80px;
  border-radius: 5px; }
  /* line 344, project/static/scss/new-style.scss */
  .delete-popup .popup-close-box {
    position: absolute;
    top: 20px;
    right: 20px; }
    /* line 349, project/static/scss/new-style.scss */
    .delete-popup .popup-close-box:hover {
      cursor: pointer; }
  /* line 354, project/static/scss/new-style.scss */
  .delete-popup__wrapper {
    border: 1px dashed #272727;
    border-radius: 5px;
    padding: 35px 25px 53px 25px; }
  /* line 360, project/static/scss/new-style.scss */
  .delete-popup-img {
    margin-bottom: 35px; }
  /* line 365, project/static/scss/new-style.scss */
  .delete-popup-title h2 {
    font-size: 20px;
    color: #272727;
    margin: 0 0 15px 0; }
  /* line 371, project/static/scss/new-style.scss */
  .delete-popup-title h3 {
    font-size: 14px;
    color: #bebebe;
    margin: 0 0 35px 0; }

/* line 379, project/static/scss/new-style.scss */
.overlay {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1; }

/* line 390, project/static/scss/new-style.scss */
.overlay1 {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1; }

/* line 401, project/static/scss/new-style.scss */
.overlay2 {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1; }

/* line 412, project/static/scss/new-style.scss */
.search-input-mobile {
  width: 245px;
  height: 37px;
  border: 1px solid #f0eff1;
  padding: 0 15px;
  margin-bottom: 30px; }

/* line 420, project/static/scss/new-style.scss */
.search-form-submit {
  width: 165px;
  height: 35px;
  background: #ff5b5b;
  font-size: 12px;
  color: #ffffff;
  border: none; }

/* line 430, project/static/scss/new-style.scss */
.chat-active {
  margin: 90px 0 300px 0; }

/* line 434, project/static/scss/new-style.scss */
.chat-menu ul li:hover {
  background: url("/static/images/two-check.webp") no-repeat, #f3f3f3;
  background-position-x: 93%;
  background-position-y: center; }

/* line 440, project/static/scss/new-style.scss */
.chat-box {
  margin-left: 15px; }
  /* line 443, project/static/scss/new-style.scss */
  .chat-box-header {
    background: #ff5b5b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 20px; }
    /* line 450, project/static/scss/new-style.scss */
    .chat-box-header a {
      font-size: 14px;
      color: #ffffff;
      text-decoration: underline; }
  /* line 457, project/static/scss/new-style.scss */
  .chat-box-body {
    background: #fafafa;
    height: 510px;
    position: relative; }
  /* line 463, project/static/scss/new-style.scss */
  .chat-box-control {
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: flex;
    align-items: flex-end; }
  /* line 471, project/static/scss/new-style.scss */
  .chat-box-img-btn {
    width: 45px;
    height: 35px;
    background: url("/static/images/clip.webp") no-repeat, #ffffff;
    background-position: center;
    border: 1px solid #f5f5f5;
    outline: none !important; }
    /* line 479, project/static/scss/new-style.scss */
    .chat-box-img-btn:hover {
      background: url("/static/images/clip-h.webp") no-repeat, #ffffff;
      background-position: center; }
  /* line 485, project/static/scss/new-style.scss */
  .chat-box-input {
    width: 755px;
    height: 35px;
    border: 1px solid #f5f5f5; }
  /* line 491, project/static/scss/new-style.scss */
  .chat-box-send-btn {
    width: 20px;
    height: 20px;
    background: url("/static/images/enter-chat.webp") no-repeat;
    border: none;
    outline: none !important;
    position: absolute;
    bottom: 6px;
    right: 25px; }
  /* line 502, project/static/scss/new-style.scss */
  .chat-box-text {
    height: 90%;
    overflow-y: scroll !important; }
  /* line 507, project/static/scss/new-style.scss */
  .chat-box-no-active-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    width: 100%;
    text-align: center; }
    /* line 515, project/static/scss/new-style.scss */
    .chat-box-no-active-text p {
      font-size: 20px; }

/* line 521, project/static/scss/new-style.scss */
.chat-text {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px; }
  /* line 527, project/static/scss/new-style.scss */
  .chat-text p {
    font-size: 14px; }
  /* line 531, project/static/scss/new-style.scss */
  .chat-text img {
    margin-left: 10px; }
  /* line 535, project/static/scss/new-style.scss */
  .chat-text-left {
    padding-left: 14px;
    justify-content: flex-start; }
  /* line 540, project/static/scss/new-style.scss */
  .chat-text-right {
    padding-right: 14px;
    justify-content: flex-end; }

/* line 546, project/static/scss/new-style.scss */
.chat-no-active-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 551px; }
  /* line 550, project/static/scss/new-style.scss */
  .chat-no-active-title h2 {
    font-size: 20px; }

/* line 556, project/static/scss/new-style.scss */
.add-img-popup {
  position: fixed;
  background: #ffffff;
  width: 625px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 20px -10px;
  text-align: center;
  display: none;
  z-index: 100;
  padding: 54px 80px;
  border-radius: 5px; }
  /* line 571, project/static/scss/new-style.scss */
  .add-img-popup .popup-close-box {
    position: absolute;
    top: 20px;
    right: 20px; }
    /* line 576, project/static/scss/new-style.scss */
    .add-img-popup .popup-close-box:hover {
      cursor: pointer; }
  /* line 581, project/static/scss/new-style.scss */
  .add-img-popup__wrapper {
    border: 1px dashed #272727;
    border-radius: 5px;
    padding: 35px 25px 53px 25px; }
  /* line 587, project/static/scss/new-style.scss */
  .add-img-popup-img {
    margin-bottom: 35px; }
  /* line 592, project/static/scss/new-style.scss */
  .add-img-popup-title h2 {
    font-size: 20px;
    color: #272727;
    margin: 0 0 15px 0; }
  /* line 598, project/static/scss/new-style.scss */
  .add-img-popup-title h3 {
    font-size: 14px;
    color: #bebebe;
    margin: 0 0 35px 0; }

/* line 606, project/static/scss/new-style.scss */
.btn-put-img {
  border: none;
  outline: none !important;
  background: #ff5b5b;
  font-size: 14px;
  color: #ffffff;
  width: 130px;
  height: 37px;
  border-radius: 5px; }

/* line 617, project/static/scss/new-style.scss */
.inp-btn-put-img {
  border: none;
  outline: none !important;
  background: #ff5b5b;
  font-size: 14px;
  padding: 6px 12px;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #ccc; }

/* line 628, project/static/scss/new-style.scss */
.input-put-img-chat {
  display: none; }

/* line 633, project/static/scss/new-style.scss */
.booking-form {
  margin: 90px 0 300px 0; }
  /* line 636, project/static/scss/new-style.scss */
  .booking-form-box {
    background: #fafafa;
    margin-left: 15px;
    height: 551px;
    padding: 35px 80px 0 80px; }
  /* line 643, project/static/scss/new-style.scss */
  .booking-form-title {
    text-align: center; }
    /* line 646, project/static/scss/new-style.scss */
    .booking-form-title h2 {
      font-size: 20px;
      margin-bottom: 30px; }
    /* line 651, project/static/scss/new-style.scss */
    .booking-form-title p {
      font-size: 14px;
      margin-bottom: 45px; }
  /* line 657, project/static/scss/new-style.scss */
  .booking-form-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px 0 0 0; }
  /* line 662, project/static/scss/new-style.scss */
  .booking-form-prompt {
    position: relative; }
  /* line 666, project/static/scss/new-style.scss */
  .booking-form-btn {
    text-align: center;
    margin-top: 160px; }
    /* line 670, project/static/scss/new-style.scss */
    .booking-form-btn p {
      font-size: 14px;
      color: #ff5b5b; }
  /* line 676, project/static/scss/new-style.scss */
  .booking-form-documents {
    display: flex;
    align-items: center;
    justify-content: center; }
  /* line 680, project/static/scss/new-style.scss */
  .booking-form-thx {
    margin-top: 40px; }
    /* line 683, project/static/scss/new-style.scss */
    .booking-form-thx p {
      font-size: 14px; }
  /* line 688, project/static/scss/new-style.scss */
  .booking-form-animal {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 35px;
    width: 560px;
    margin: 0 auto 25px auto;
    border-radius: 5px;
    position: relative; }
  /* line 699, project/static/scss/new-style.scss */
  .booking-form-block h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px; }
  /* line 705, project/static/scss/new-style.scss */
  .booking-form-block form {
    width: 560px;
    margin: 0 auto; }
  /* line 711, project/static/scss/new-style.scss */
  .booking-form-profile-box {
    display: flex;
    align-items: center; }
  /* line 715, project/static/scss/new-style.scss */
  .booking-form-phone {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  /* line 720, project/static/scss/new-style.scss */
  .booking-form-address {
    background: #ffffff;
    width: 560px;
    border: 1px solid #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center; }
    /* line 728, project/static/scss/new-style.scss */
    .booking-form-address h2 {
      font-size: 20px;
      margin-bottom: 15px; }
    /* line 733, project/static/scss/new-style.scss */
    .booking-form-address h3 {
      font-size: 14px;
      color: #575757; }
  /* line 739, project/static/scss/new-style.scss */
  .booking-form-payment {
    background: #ffffff;
    border: 1px solid #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center; }
  /* line 747, project/static/scss/new-style.scss */
  .booking-form-doc {
    background: #ffffff;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    /* line 754, project/static/scss/new-style.scss */
    .booking-form-doc-file {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 70px; }
    /* line 759, project/static/scss/new-style.scss */
    .booking-form-doc-btns {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 15px; }
  /* line 766, project/static/scss/new-style.scss */
  .booking-form-payments {
    background: #ffffff;
    width: 560px;
    border: 1px solid #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center; }
    /* line 774, project/static/scss/new-style.scss */
    .booking-form-payments h2 {
      font-size: 20px;
      margin-bottom: 10px; }
  /* line 780, project/static/scss/new-style.scss */
  .booking-form-sum {
    background: #ffffff;
    width: 560px;
    border: 1px solid #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center; }
    /* line 788, project/static/scss/new-style.scss */
    .booking-form-sum h2 {
      font-size: 20px;
      margin-bottom: 10px; }
    /* line 793, project/static/scss/new-style.scss */
    .booking-form-sum p {
      font-size: 14px;
      color: #84ea79;
      text-decoration: underline; }
  /* line 800, project/static/scss/new-style.scss */
  .booking-form-document {
    background: #ffffff;
    border: 1px solid #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    text-align: center; }
  /* line 808, project/static/scss/new-style.scss */
  .booking-form-chaticon {
    text-align: center; }
  /* line 812, project/static/scss/new-style.scss */
  .booking-form-prices label {
    display: none; }

/* line 818, project/static/scss/new-style.scss */
.step-success {
  font-size: 14px;
  color: #ffffff;
  background: #91d58a;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }

/* line 829, project/static/scss/new-style.scss */
.step-current {
  font-size: 14px;
  color: #ffffff;
  background: #fdc687;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }

/* line 840, project/static/scss/new-style.scss */
.step-next {
  font-size: 14px;
  color: #000;
  background: transparent;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #d5d5d5;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }

/* line 852, project/static/scss/new-style.scss */
.step-border {
  margin: 0 10px; }

/* line 856, project/static/scss/new-style.scss */
.btn-next {
  width: 165px;
  height: 38px;
  background: #ff5b5b;
  border: none;
  font-size: 15px;
  color: #ffffff; }
  /* line 864, project/static/scss/new-style.scss */
  .btn-next-green {
    width: 165px;
    height: 38px;
    background: #8fd388;
    border: none;
    font-size: 15px;
    color: #ffffff; }

/* line 876, project/static/scss/new-style.scss */
.prompt-1 {
  width: 135px;
  height: 120px;
  background: url("/static/images/form-img-bg.webp") no-repeat;
  text-align: center;
  position: absolute;
  z-index: 100;
  top: -20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  /* line 890, project/static/scss/new-style.scss */
  .prompt-1 p {
    font-size: 13px;
    color: #7c7c7c; }
    /* line 894, project/static/scss/new-style.scss */
    .prompt-1 p:nth-child(1) {
      padding-top: 30px; }

/* line 876, project/static/scss/new-style.scss */
.prompt-2 {
  width: 135px;
  height: 120px;
  background: url("/static/images/form-img-bg.webp") no-repeat;
  text-align: center;
  position: absolute;
  z-index: 100;
  top: -20px;
  left: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  /* line 890, project/static/scss/new-style.scss */
  .prompt-2 p {
    font-size: 13px;
    color: #7c7c7c; }
    /* line 894, project/static/scss/new-style.scss */
    .prompt-2 p:nth-child(1) {
      padding-top: 30px; }

/* line 876, project/static/scss/new-style.scss */
.prompt-3 {
  width: 135px;
  height: 120px;
  background: url("/static/images/form-img-bg.webp") no-repeat;
  text-align: center;
  position: absolute;
  z-index: 100;
  top: -20px;
  right: -55px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  /* line 890, project/static/scss/new-style.scss */
  .prompt-3 p {
    font-size: 13px;
    color: #7c7c7c; }
    /* line 894, project/static/scss/new-style.scss */
    .prompt-3 p:nth-child(1) {
      padding-top: 30px; }

/* line 903, project/static/scss/new-style.scss */
.form-step-1 .booking-form-title h2 {
  margin: 0; }

/* line 907, project/static/scss/new-style.scss */
.form-step-1 .booking-form-steps {
  margin: 20px 0 0 0; }

/* line 911, project/static/scss/new-style.scss */
.form-step-1 .booking-form-btn {
  margin: 0; }
  /* line 914, project/static/scss/new-style.scss */
  .form-step-1 .booking-form-btn p {
    margin: 0 0 10px 0 !important; }

/* line 920, project/static/scss/new-style.scss */
.form-step-15 {
  padding: 35px 115px 0 115px; }
  /* line 923, project/static/scss/new-style.scss */
  .form-step-15 .booking-form-title h2 {
    margin: 0; }
  /* line 927, project/static/scss/new-style.scss */
  .form-step-15 .booking-form-steps {
    margin: 20px 0 0 0; }
  /* line 931, project/static/scss/new-style.scss */
  .form-step-15 .booking-form-btn {
    margin-top: 180px; }

/* line 936, project/static/scss/new-style.scss */
.form-step-2 {
  height: 100%; }
  /* line 939, project/static/scss/new-style.scss */
  .form-step-2 .booking-form-title h2 {
    margin: 0; }
  /* line 943, project/static/scss/new-style.scss */
  .form-step-2 .booking-form-steps {
    margin: 20px 0 40px 0; }
  /* line 947, project/static/scss/new-style.scss */
  .form-step-2 .booking-form-btn {
    margin: 45px 0 30px 0; }

/* line 952, project/static/scss/new-style.scss */
.form-step-25 {
  height: 100%; }
  /* line 955, project/static/scss/new-style.scss */
  .form-step-25 .booking-form-title h2 {
    margin: 0; }
  /* line 959, project/static/scss/new-style.scss */
  .form-step-25 .booking-form-steps {
    margin: 20px 0 45px 0; }
  /* line 963, project/static/scss/new-style.scss */
  .form-step-25 .booking-form-text {
    text-align: center;
    font-size: 14px; }
  /* line 968, project/static/scss/new-style.scss */
  .form-step-25 .booking-form-btn {
    margin: 0; }

/* line 973, project/static/scss/new-style.scss */
.form-step-3 {
  height: 100%; }
  /* line 976, project/static/scss/new-style.scss */
  .form-step-3 .booking-form-title h2 {
    margin: 0; }
  /* line 980, project/static/scss/new-style.scss */
  .form-step-3 .booking-form-steps {
    margin: 20px 0 45px 0; }
  /* line 984, project/static/scss/new-style.scss */
  .form-step-3 .booking-form-btn {
    margin: 50px 0 10px 0; }

/* line 990, project/static/scss/new-style.scss */
.form-document-box {
  background: #ffffff;
  padding: 40px 50px 35px 50px;
  margin: 25px 5px 18px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 282px; }
  /* line 998, project/static/scss/new-style.scss */
  .form-document-box h2 {
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center; }
  /* line 1004, project/static/scss/new-style.scss */
  .form-document-box img {
    margin-bottom: 18px; }
  /* line 1008, project/static/scss/new-style.scss */
  .form-document-box a {
    font-size: 14px;
    color: #000;
    text-decoration: underline; }

/* line 1015, project/static/scss/new-style.scss */
.form-document-file {
  color: #1237eb !important;
  margin-bottom: 15px; }

/* line 1021, project/static/scss/new-style.scss */
.btn-doc-success {
  width: 170px;
  height: 38px;
  background: #8fd388;
  font-size: 15px;
  color: #ffffff;
  border: none; }

/* line 1030, project/static/scss/new-style.scss */
.btn-doc-rejected {
  width: 170px;
  height: 38px;
  background: #ff5b5b;
  font-size: 15px;
  color: #ffffff;
  border: none; }

/* line 1039, project/static/scss/new-style.scss */
.btn-doc-gray {
  background: transparent;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #575757;
  text-decoration: underline;
  margin-bottom: 5px; }

/* line 1049, project/static/scss/new-style.scss */
.btn-doc-red {
  background: transparent;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #ff5b5b;
  text-decoration: underline; }

/* line 1058, project/static/scss/new-style.scss */
.btn-doc-green {
  background: #8fd388;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #ffffff;
  width: 130px;
  height: 38px; }

/* line 1068, project/static/scss/new-style.scss */
.btn-payment {
  background: transparent;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #ff5b5b; }

/* line 1077, project/static/scss/new-style.scss */
.form-animal-info {
  margin-left: 35px; }
  /* line 1080, project/static/scss/new-style.scss */
  .form-animal-info h2 {
    font-family: "Roboto-Bold", sans-serif;
    font-size: 15px;
    margin-bottom: 20px; }
  /* line 1086, project/static/scss/new-style.scss */
  .form-animal-info ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0; }
    /* line 1091, project/static/scss/new-style.scss */
    .form-animal-info ul li {
      font-size: 14px;
      color: #a2a2a2; }

/* line 1098, project/static/scss/new-style.scss */
.form-animal-line {
  width: 235px;
  height: 1px;
  background: #f5f5f5;
  position: absolute;
  right: 5px; }

/* line 1106, project/static/scss/new-style.scss */
.form-animal-price {
  padding-top: 15px; }
  /* line 1109, project/static/scss/new-style.scss */
  .form-animal-price p {
    font-family: "Roboto-Bold", sans-serif;
    font-size: 14px; }

/* line 1116, project/static/scss/new-style.scss */
.form-input {
  background: #ffffff;
  width: 184px;
  height: 36px;
  border: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 10px; }
  /* line 1125, project/static/scss/new-style.scss */
  .form-input-phone {
    background: #ffffff;
    width: 244px;
    height: 36px;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-left: none;
    font-size: 14px;
    padding: 0 15px; }

/* line 1138, project/static/scss/new-style.scss */
.save-profile-btn {
  font-family: "Roboto-Medium", sans-serif;
  background: transparent;
  border: none;
  font-size: 14px;
  color: #ff5b5b;
  text-decoration: underline;
  outline: none !important;
  margin: 0 0 10px 15px; }

/* line 1149, project/static/scss/new-style.scss */
.textarea-address {
  background: #ffffff;
  width: 100%;
  height: 98px;
  border: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 5px;
  outline: none !important;
  resize: none; }

/* line 1161, project/static/scss/new-style.scss */
.textarea-order-comment {
  background: #ffffff;
  width: 100%;
  height: 58px;
  border: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 5px;
  outline: none !important;
  resize: none; }

/* line 1174, project/static/scss/new-style.scss */
.filter-mob {
  display: none; }

/* line 1178, project/static/scss/new-style.scss */
.filter-box {
  background: #ff5b5b;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0; }
  /* line 1183, project/static/scss/new-style.scss */
  .filter-box h2 {
    font-size: 12px;
    color: #3b4146;
    margin: 0; }
  /* line 1189, project/static/scss/new-style.scss */
  .filter-box img {
    margin-left: 5px; }

/* line 1194, project/static/scss/new-style.scss */
.filter-search {
  background: #3b4146;
  padding: 25px 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  /* line 1200, project/static/scss/new-style.scss */
  .filter-search input {
    width: 180px;
    height: 32px;
    border: 1px solid #f5f5f5;
    padding: 0 15px;
    margin-bottom: 15px; }
  /* line 1208, project/static/scss/new-style.scss */
  .filter-search-btn {
    font-size: 12px;
    color: #ff5b5b;
    text-decoration: underline;
    border: none;
    background: transparent;
    outline: none !important; }

/* line 1218, project/static/scss/new-style.scss */
.form-mobile {
  display: none; }
  /* line 1221, project/static/scss/new-style.scss */
  .form-mobile-bg {
    background: #fafafa; }
  /* line 1225, project/static/scss/new-style.scss */
  .form-mobile-box label {
    font-size: 12px;
    margin: 0 0 15px 5px; }

/* line 1232, project/static/scss/new-style.scss */
.chat-btn {
  border: none;
  background: url("/static/images/chatbig-icon.webp") no-repeat;
  width: 24px;
  height: 23px;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 10px;
  outline: none !important; }
  /* line 1243, project/static/scss/new-style.scss */
  .chat-btn-btn {
    background: #ff5b5b;
    border: none;
    padding-right: 12px;
    font-size: 14px;
    position: relative;
    color: #ffffff;
    width: 180px;
    line-height: 2.5;
    height: 44px;
    margin: 0 0 0 12px; }

/* line 1257, project/static/scss/new-style.scss */
.site-red-color {
  color: #ff5b5b; }

/* line 1262, project/static/scss/new-style.scss */
.prices-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px; }

/* line 1267, project/static/scss/new-style.scss */
.input-price {
  width: 253px;
  height: 38px;
  background: #ffffff;
  border: 1px solid #f5f5f5;
  padding: 0 15px; }

/* line 1275, project/static/scss/new-style.scss */
.btn-price-green {
  background: #8fd388;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #ffffff;
  width: 130px;
  height: 38px; }

/* line 1285, project/static/scss/new-style.scss */
.btn-price-red {
  background: #ff5b5b;
  border: none;
  outline: none !important;
  font-size: 14px;
  color: #ffffff;
  width: 130px;
  height: 38px; }

/* line 1296, project/static/scss/new-style.scss */
.user-login {
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 1299, project/static/scss/new-style.scss */
  .user-login img {
    margin-right: 5px; }

/* line 1304, project/static/scss/new-style.scss */
#userlogin {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 14px;
  margin-right: 12px;
  outline: none !important; }

/* line 1314, project/static/scss/new-style.scss */
.user-popup {
  position: fixed;
  background: url("/static/images/popup-bg.webp") no-repeat;
  background-position: center;
  background-size: cover;
  width: 780px;
  height: 570px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 10000;
  padding: 35px 100px;
  border-radius: 5px; }
  /* line 1329, project/static/scss/new-style.scss */
  .user-popup .popup-close-box {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    background: url("/static/images/close-white.webp") no-repeat; }
    /* line 1337, project/static/scss/new-style.scss */
    .user-popup .popup-close-box:hover {
      cursor: pointer; }
  /* line 1342, project/static/scss/new-style.scss */
  .user-popup__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
  /* line 1347, project/static/scss/new-style.scss */
  .user-popup-block {
    background: #fafafa;
    width: 275px;
    height: 490px;
    border: 1px dashed #dbdbdb;
    border-radius: 5px;
    margin: 0 10px;
    padding: 0 25px; }
    /* line 1356, project/static/scss/new-style.scss */
    .user-popup-block h1 {
      font-size: 20px;
      margin: 0 0 12px 0; }
    /* line 1361, project/static/scss/new-style.scss */
    .user-popup-block h2 {
      font-size: 14px;
      color: #bebebe;
      margin: 0 0 15px 0; }
  /* line 1368, project/static/scss/new-style.scss */
  .user-popup-transition {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  /* line 1373, project/static/scss/new-style.scss */
  .user-popup-btn {
    border: none;
    background: #ff5b5b;
    width: 130px;
    height: 35px;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff; }
  /* line 1383, project/static/scss/new-style.scss */
  .user-popup-registration {
    margin-top: 10px;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #3b4146; }
  /* line 1391, project/static/scss/new-style.scss */
  .user-popup-img {
    position: absolute;
    right: -37px;
    bottom: -21px; }
  /* line 1397, project/static/scss/new-style.scss */
  .user-popup__input {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    margin-bottom: 15px; }
    /* line 1406, project/static/scss/new-style.scss */
    .user-popup__input:last-child {
      margin-bottom: 0; }

/* line 1412, project/static/scss/new-style.scss */
.forgot-password {
  font-size: 12px;
  margin-left: 15px; }

/* line 1418, project/static/scss/new-style.scss */
.customer-popup-step-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

/* line 1424, project/static/scss/new-style.scss */
.customer-popup-step-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none; }
  /* line 1429, project/static/scss/new-style.scss */
  .customer-popup-step-2 h1 {
    margin: 40px 0 12px 0; }
  /* line 1433, project/static/scss/new-style.scss */
  .customer-popup-step-2 h2 {
    margin: 0 0 40px 0; }
  /* line 1437, project/static/scss/new-style.scss */
  .customer-popup-step-2 .user-popup-transition {
    margin-top: 20px; }

/* line 1442, project/static/scss/new-style.scss */
.customer-popup-step-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none; }
  /* line 1447, project/static/scss/new-style.scss */
  .customer-popup-step-3 h1 {
    margin: 40px 0 12px 0; }
  /* line 1451, project/static/scss/new-style.scss */
  .customer-popup-step-3 h2 {
    margin: 0 0 40px 0; }
  /* line 1455, project/static/scss/new-style.scss */
  .customer-popup-step-3 .user-popup-transition {
    margin-top: 10px; }

/* line 1461, project/static/scss/new-style.scss */
.partner-popup-step-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

/* line 1467, project/static/scss/new-style.scss */
.partner-popup-step-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none; }
  /* line 1472, project/static/scss/new-style.scss */
  .partner-popup-step-2 h1 {
    margin: 40px 0 12px 0; }
  /* line 1476, project/static/scss/new-style.scss */
  .partner-popup-step-2 h2 {
    margin: 0 0 40px 0; }
  /* line 1480, project/static/scss/new-style.scss */
  .partner-popup-step-2 .user-popup-transition {
    margin-top: 20px; }

/* line 1485, project/static/scss/new-style.scss */
.partner-popup-step-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none; }
  /* line 1490, project/static/scss/new-style.scss */
  .partner-popup-step-3 h1 {
    margin: 40px 0 12px 0; }
  /* line 1494, project/static/scss/new-style.scss */
  .partner-popup-step-3 h2 {
    margin: 0 0 40px 0; }
  /* line 1498, project/static/scss/new-style.scss */
  .partner-popup-step-3 .user-popup-transition {
    margin-top: 10px; }

/* line 1507, project/static/scss/new-style.scss */
.social-login-divider {
  display: flex;
  align-items: center;
  margin: 12px 0; }
  /* line 1512, project/static/scss/new-style.scss */
  .social-login-divider span {
    padding: 0 10px;
    color: #999;
    font-size: 12px;
    text-transform: uppercase; }
  /* line 1519, project/static/scss/new-style.scss */
  .social-login-divider::before, .social-login-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #ddd; }

/* line 1528, project/static/scss/new-style.scss */
.social-login-buttons {
  text-align: center; }

/* line 1532, project/static/scss/new-style.scss */
.btn-vk-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  background: #ff5b5b;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  width: 130px;
  transition: background 0.3s ease; }
  /* line 1548, project/static/scss/new-style.scss */
  .btn-vk-login svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px; }
  /* line 1554, project/static/scss/new-style.scss */
  .btn-vk-login:hover {
    background: #ff2828;
    color: #fff;
    text-decoration: none; }