/**
 * * To add arrows to scrollslider, you should add follow mixin:
 * *   @include scrollSliderArrows()
 * * to slider container, usually it's:
 * *   [data-scrollslider]
 * * also, provide that elements is exists:
 * *   <a href="#" data-scrollslider-prev></a>
 * *   <a href="#" data-scrollslider-next></a>
 * */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes slideTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

.container {
  /*max-width: 1000px;*/
  /*margin: 0 auto;*/
}
header {
  /*background: url("../img/header.png") no-repeat center top;
  height: 236px;*/
}

footer {
  /*background: url("../img/footer.png") no-repeat center top;
  height: 189px;*/
}


.splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  height: 300px;
  color: #cccccc;
}

.slide-1 {
  /*background: #eac047;*/
  /*background: url("../img/0001.jpg") no-repeat center top;*/
}

.slide-2 {
  /*background: #53ecc1;
  background: url("../img/0002.jpg") no-repeat center top;*/
}

.slide-3 {
   /*background: url("../img/0003.jpg") no-repeat center top;
  background: #eaa8d9;*/
}

.slide-4 {
  /* background: url("../img/0004.jpg") no-repeat center top;
  background: #78ee7a;*/
}
.slide-5 {
  /*background: #eac047;
  background: url("../img/0005.jpg") no-repeat center top;*/
}

.slide-6 {
  /*background: #53ecc1;
  background: url("../img/0006.jpg") no-repeat center top;*/
}

.slide-7 {
 /*  background: url("../img/0007.jpg") no-repeat center top;*/
  /*background: #eaa8d9;*/
}

.slide-8 {
  /* background: url("../img/0008.jpg") no-repeat center top;
  background: #78ee7a;*/
}
.slide-9 {
  /* background: url("../img/0009.jpg") no-repeat center top;
  background: #eaa8d9;*/
}

.slide-10 {
   background: url("../img/00010.jpg") no-repeat center top;
  /*background: #78ee7a;*/
}