:root {
  --brand-color: #4060ff;
  --brand-darked-color: #1d202e;
  --white-color: #ffffff;
  
  --button-primary-color: #4060ff;
  --button-primary-hover-color: #0d36ff;
  --map-pointers-color: #4060ff;
}

/* :root {
  --brand-color: #003579;
  --brand-darked-color: #071323;
  --white-color: #ffffff;
  
  --button-primary-color: #003579;
  --button-primary-hover-color: #004bac;
  --map-pointers-color: #004bac;
} */

.bg-dark {
  background-color: var(--brand-darked-color) !important;
}

.btn-primary {
  border-color: var(--button-primary-color);
  background: var(--button-primary-color);
}
.btn-primary:focus, .btn-primary:hover {
  border-color: var(--button-primary-hover-color);
  background-color: var(--button-primary-hover-color);
}

.button-primary {
  border-color: var(--button-primary-color);
  background: var(--button-primary-color);
}
.button-primary:focus, .button-primary:hover {
  border-color: var(--button-primary-hover-color);
  background-color: var(--button-primary-hover-color);
}

.button-secondary {
  border-color: var(--white-color);
  color: var(--button-primary-color);
  background: var(--white-color);
}
.button-secondary:focus, .button-secondary:hover {
  color: var(--button-primary-color);
}

.button-outlined {
  border-color: var(--button-primary-color);
}
.button-outlined:focus, .button-outlined:hover {
  border-color: var(--button-primary-hover-color);
  background-color: var(--button-primary-hover-color);
}

.button-link:focus::after, .button-link:hover::after {
  background-color: var(--button-primary-color);
}

.top-menu, .footer, .map {
  background-color: var(--brand-darked-color) !important;
}

.header .container .first .content-box .content .text {
  border-color: var(--brand-color);
}
.header .container .first .content-box .vertical-line-box .vertical-line .item {
  border-color: var(--brand-color);
}
.advantages .image-container {
  background-color: var(--brand-color);
}

.auctions-card .price-box .price {
  color: var(--brand-color);
}
.auctions-card .timer-box .timer {
  border-color: var(--brand-color);
}

.map .map-container .map-box .item .city .circle {
  background: var(--map-pointers-color);
}
.map .map-container .map-box .item .city .border-circle {
  background: var(--map-pointers-color);
}

.help-block {
  color: red;
  font-size: 16px;
}