/* # 04B304 */
/* # 04c204 */

:root {
    --bs-accent: #000;
  }

  .btn-accent {
    color: #000;
    background-color: #000;
    border-color: #000;
  }

  .btn-accent:disabled, .btn-accent.disabled {
    color: #000;
    background-color: #000;
    border-color: #000;
  }

  .btn-outline-accent {
    color: #000;
    border-color: #000;
  }

  .btn-outline-accent:hover {
    color: #000;
    background-color: #000;
    border-color: #000;
  }

  .btn-check:checked + .btn-outline-accent, .btn-check:active + .btn-outline-accent, .btn-outline-accent:active, .btn-outline-accent.active, .btn-outline-accent.dropdown-toggle.show {
    color: #000;
    background-color: #000;
    border-color: #000;
  }

  .btn-outline-accent:disabled, .btn-outline-accent.disabled {
    color: #000;
  }

  .link-accent {
    color: #000;
  }

  .border-accent {
    border-color: #000 !important;
  }
  
  a .accent, button .accent, input[type=button] .accent {
    color: #000;
  }

  svg.accent-icon, svg.accent-icon path {
    fill: #000;
  }

  .accent {
    color: #000 !important;
  }

  a.accent {
    color: #000 !important;
  }

  ul.list-style-custom li::before {
    background: #000;
  }

  .custom-radio-label::before {
    background-color: #000;
  }

  *.text-accent {
    color: #000 !important;
  }

  *.bg-accent {
    background-color: #000 !important;
  }

  .link-with-arrow.accent::before, .link-with-arrow.accent::after {
    background-color: #000;
  }

  select.form-select {
    background-color: #000;
    color: #fff;
    border-color: #000;
  }

  span.text-icon::before {
    border: 0.1em solid #000;
  }

  .btn, button, input[type=button],
input[type=reset], input[type=submit] {
  background-color: #000;
  border: 2px solid #000;
}

.btn.btn--fill, button.btn--fill, input[type=button].btn--fill,
input[type=reset].btn--fill, input[type=submit].btn--fill {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus, select:focus, textarea:focus {
  border-color: #000;
}

.selectBox {
  background-color: #000;
}

.selectBox::before {
  border-bottom: 22px solid #000;
}

.simplebar-scrollbar.simplebar-visible::before {
  background-color: #000;
}

.header a:hover {
  color: #000;
}

.header .header-location-element span {
  color: #000;
}

.header .dropdown-menu__group--popular p, 
.header .dropdown-menu__group--popular .dropdown-menu__group-title {
  color: #000 !important;
}
.header .dropdown-menu__group .dropdown-item__all-services {
  color: #000;
}

.header .header-bottom-part .navbar-nav .nav-item .nav-link__menu-toggler .nav-link__menu-square {
  background-color: #000;
}

.header .header-bottom-part .navbar-nav .nav-item .nav-link__menu-toggler + .nav-link__menu-title {
  color: #000;
}

.header .header-bottom-part .navbar-nav .nav-item:hover .nav-link, 
.header .header-bottom-part .navbar-nav .nav-item:hover .nav-link[aria-expanded=true] {
  color: #000;
}

.header .dropdown-item.active, .header .dropdown-item:active {
  background-color: #000;
}

.header .dropdown-item:hover, .header .dropdown-item:focus {
  color: #000;
}

.mm-listitem a:hover {
  color: #000;
}

.mobile-menu__additional-phone .contacts-info a:hover {
  color: #000;
}

.mobile-menu__additional-city a span {
  color: #000;
}

.mobile-menu__additional-map a span {
  color: #000;
}

.first-block__price {
  color: #000;
}

.swiper-button-next-unique:hover svg path,
.swiper-button-prev-unique:hover svg path {
  fill: #000;
}

.about__steps-number {
  color: #000;
}

.how-we-work__title {
  color: #000;
}

.modal .modal-alert-text {
  color: #000;
}

.modal.success .checkmark__circle {
  stroke: #000;
}

.modal.success .checkmark {
  box-shadow: inset 0 0 0 #000;
}

@keyframes fill {
    100% {
      box-shadow: inset 0 0 0 50px #000;
    }
}

.price-block__value--price {
  color: #000;
}

.price-block__value--more::before {
  background-color: #000;
}

.price-block__value--more::after {
  background-color: #000;
}

/* ---- HOVER ---- */

.btn:hover, button:hover, input[type=button]:hover,
input[type=reset]:hover, input[type=submit]:hover {
  border-color: #444;
  background-color: #444;
  color: #fff !important;
}

.btn.btn--fill:hover, button.btn--fill:hover, input[type=button].btn--fill:hover,
input[type=reset].btn--fill:hover, input[type=submit].btn--fill:hover {
  background-color: #444;
  border-color: #444;
}

/* OTHER */

.remont-categories__item:hover span.link-with-arrow {
    color: #585858;
  }

.remont-categories__item:hover span.link-with-arrow::before, 
.remont-categories__item:hover span.link-with-arrow::after {
  background-color: #585858;
}

.price-block__table-row:hover .price-block__value--service {
    color: #585858;
  }
  
  .callback-block__plate {
    background-color: #585858;
  }
  
  @media (min-width: 992px) {
    .about--steps .about__img img {
      object-position: 35% 0;
    }
  }
  @media (min-width: 1200px) {
    .about--steps .about__img img {
      object-position: 39% 0;
    }
  }

  /* CONSTANT */

.btn.btn--dark, button.btn--dark, 
input[type=button].btn--dark, 
input[type=reset].btn--dark, 
input[type=submit].btn--dark {
  border-color: #000;
  background-color: #000;
}

.btn.btn--dark:hover, button.btn--dark:hover, 
input[type=button].btn--dark:hover, 
input[type=reset].btn--dark:hover, 
input[type=submit].btn--dark:hover {
  border-color: #333;
  background-color: #333;
}

.callback-block .request-form__element button[type=submit] {
    background-color: #000 !important;
    border-color: #000 !important;
  }

.callback-block .request-form__element button[type=submit]:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}