/* Colors */

:root {
  --main-color: #0067a7;
  --dropdown-text-color: #000000;
  --main-text-color: #000000;
  --title-color: #000000;
  --nav-text-color: #000000;
  --btn-color: #000000;
  --footer-color: #000000;
  --footer-border-color: #0067a7;
  --nav-slider-color: #0067a7;
}

/* Elements */

.bg-home {
  background: url(../images/charte-csekmcl/bg-home.jpg) no-repeat center;
}

.bg-slider {
  background: url(../images/charte-csekmcl/bg-slider.jpg) no-repeat center top;
}

body {
  color: var(--main-text-color);
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
  color: var(--nav-text-color);
}

.navbar-nav>li>a::after {
  background-color: var(--main-color);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: var(--nav-text-color);
}

.maxi-best-of_container a,
.maxi-best-of_container a:hover,
.maxi-best-of_container a:active,
.maxi-best-of_container a:focus {
  color: var(--dropdown-text-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--title-color);
}

.btn-primary, .cd-top, .btn-success, .btn-info, .btn-default,
.btn-primary:hover, .cd-top:hover, .btn-success:hover, .btn-info:hover, .btn-default:hover,
.btn-primary:active, .cd-top:active, .btn-success:active, .btn-info:active, .btn-default:active,
.btn-primary:focus, .cd-top:focus, .btn-success:focus, .btn-info:focus, .btn-default:focus {
  background-color: var(--btn-color);
  border-color: var(--btn-color);
}

.header_baseline {
  color: var(--main-text-color);
}

a {
  color: var(--main-text-color);
}

a:hover,
a:active,
a:focus {
  color: var(--main-text-color);
}

.slider-header__btn {
  background-color: var(--main-text-color);
  border-color: var(--main-text-color);
}

.slick-dots li {
  background-color: var(--nav-slider-color);
}

.slick-next:before, .slick-prev:before {
  color: var(--nav-slider-color);
}

.form-control, output {
  color: var(--main-text-color);
}

.footer {
  background-color: var(--footer-color);
  border-color: var(--footer-border-color);
}

.footer_address {
  color: white;
}

.btn-header {
  position: absolute;
  z-index: 10;
  bottom: -1.5rem;
  right: 1rem;
  font-size: .9rem;
  font-weight: 600;
  padding: .4rem .8rem;
  background-color: white;
  color: #111;
  border: solid 1px var(--main-color);
  border-radius: 3px;
}