body, .loader-container {
  background-color: #6D7579;
}

footer {
  color: #fff;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

.fullscreen-slider-container {
  position: relative;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.fullscreen-slider {
  height: 100%;
}

.fullscreen-slider li {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fullscreen-slider .image-container {
  -moz-transform: none;
  -webkit-transform: none
  transform: none;
  top: 0;
  margin: 0;
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.fullscreen-slider-container .slider-next,
.fullscreen-slider-container .slider-prev {
  position: absolute;
  top: 0;
  margin: -10px 0 0 0;
  background: transparent;
  width: 15%;
  max-width: 200px;
  height: 100%;
}

.fullscreen-slider-container .slider-next span,
.fullscreen-slider-container .slider-prev span {
  margin-top: 15px;
  border-color: #c1c1c1;
  border-width: 5px;
  top: 50%;
  position: absolute;
}

.fullscreen-slider-container .slider-next span {
  right: 30px;
}

.fullscreen-slider-container .slider-prev span {
  left: 30px;
}

.fullscreen-slider-container:hover .slider-next,
.fullscreen-slider-container:hover .slider-prev {
  opacity: 0.75;
}

.fullscreen-slider-container:hover .slider-next:hover,
.fullscreen-slider-container:hover .slider-prev:hover {
  opacity: 1;
}

.fullscreen-slider-container .slider-prev {
  left: 0;
}

.fullscreen-slider-container .slider-next {
  right: 0;
}

.switch-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125px;
  display: block;
  z-index: 2;
  text-align: center;
  line-height: 52px;
  color: #8b8b8b;
  font-size: 1.7em;
  opacity: 0.5;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media (min-width: 1030px ) {

  .switch-icon {
    opacity: 0;
  }

}

@keyframes up_and_down {
  0% { bottom: 30px; }
  100% { bottom: 40px; }
}

.switch-icon span {
  border-color: #000;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -2px; /* positioning */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); /* make it an arrow */
  border-left: 5px solid #c1c1c1;
  border-bottom: 5px solid #c1c1c1;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -10px;
  -webkit-animation: 0.75s ease-in-out 0s infinite alternate up_and_down;
  -moz-animation: 0.75s ease-in-out 0s infinite alternate up_and_down;
  animation: 0.75s ease-in-out 0s infinite alternate up_and_down;
}

.switch-icon--visible {
  opacity: 0.5;
}

.switch-icon:hover {
  color: #c1c1c1;
  opacity: 0.75;
}