body {
  background-color: #ffffff;
}
/*--- header ---*/
.hdr {
  background-color: #000000;
}
.mobilemenu-close {
  background: #ffcc00;
}
/*--- header menu ---*/
.hdr-desktop .mmenu:not(.mmenu--vertical) > li > a {
  color: #ffffff;
}
.hdr-desktop .mmenu:not(.mmenu--vertical) > li > a:hover {
  color: #ffffff;
}
.hdr-desktop .mmenu:not(.mmenu--vertical) > li > a:before {
  background-color: #ffffff;
}
/*--- btn ---*/
.btn, .btn:active, .btn:active:focus, .btn:visited, .btn:focus {
  background-color: #ffcc00;
}
.btn:hover, .btn:active:hover, .btn:focus:hover {
  background-color: #292b2c;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: #292b2c;
  border-color: #292b2c;
}
/*--- text ---*/
label {
  color: #656565;
}
body {
  /*background-color: #fff;*/
  color: #656565;
}
.input-group-text {
  color: #495057;
  background-color: #ffcc00;
}
.custom-range::-webkit-slider-thumb {
  background: #ffcc00;
}
.custom-range::-moz-range-thumb {
  background: #ffcc00;
}
/*--- color text ---*/
.proc.green {
  color: #008000;
}
.proc.blue {
  color: #1b8ae4;
}
.proc.red {
  color: #ff0000;
}
@media screen and (max-width: 991px) {
  .hdr-mobile-style2:not(.hdr--dark) .hdr-mobile {
    background-color: #000000;
  }
  .hdr-mobile-style2:not(.hdr--dark) .hdr-mobile .mobilemenu-toggle [class*="icon"] {
    color: #ffffff;
  }
}