.header__line {
  background: #111;
  color: #fff;
}

.header__homepage {
  color: #41A8ED;
}

.header__homepage-icon {
  background-image: url(../img/icon_home_blue.svg);
}

.btn {
  padding: 6px 10px;
  border-radius: 20px;
  background: transparent;
  border: 1px solid #F63;
  color: #F63;
}

.btn:hover {
  background-color: rgba(255, 102, 51, 0.07);
}
.btn:active {
  background-color: #BF3B11;
  border-color: #BF3B11;
  color: #161616;
}
.btn:focus:not(:active) {
  box-shadow: 0 0 0 3px rgba(255, 102, 51, 0.5);
}
.btn:disabled {
  background-color: #F63;
  border-color: #F63;
  color: #161616;
  opacity: 0.4;
}

.btn--filled {
  background-color: #F63;
  color: #161616;  
}
.btn--filled:hover {
  background-color: #fff;
  border-color: #fff;
  color: #F63;
}
.btn--filled:active {
  background-color: #BF3B11;
  border-color: #BF3B11;
  color: #161616;
}
.btn--filled:focus:not(:active) {
  background-color: #F63;
  border-color: #F63;
  box-shadow: 0 0 0 3px rgba(255, 102, 51, 0.5);
  color: #161616;
}
.btn--filled:disabled {
  background-color: #F63;
  border-color: #F63;
  color: #161616;
  opacity: 0.4;
}

.btn--money::before {
  background: url(../img/icon_money.svg);
}

.header__trigger i {
  background: #fff;
}
.header__navigation {
  background: #333;
}

.header__nav-homepage {
  border-top: 1px solid #494949;
  color: #F63;
}

.header__nav-homepage::before {
  background-image: url(../img/icon_home_orange.svg);
}

.overlay {
  background: #333;
}

.overlay__caption-text {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}

.overlay__buttons-text {
  color: #B3B3B3;
  font-size: 16px;
  line-height: 24px;
}