.contacts-slider {
  height: 50vh;
}

.contacts-slider>div {
  position: absolute;
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
}

.contacts-web-gallery {
  display: block;
}

.contacts-mobile-gallery {
  display: none;
}


@media screen and (max-width: 768px) {
  .contacts-web-gallery {
    display: none;
  }

  .contacts-mobile-gallery {
    display: block;
  }

  .contacts-slider {
    height: 66.67vw;
  }

  .contacts-slider>div {
    height: 66.67vw;
  }
}


.first-slide {
  background-position: left;
  -webkit-animation: first-slide-fade 12s infinite ease-in-out;
  -moz-animation: first-slide-fade 12s infinite ease-in-out;
  -o-animation: first-slide-fade 12s infinite ease-in-out;
  animation: first-slide-fade 12s infinite ease-in-out;
}

.second-slide {
  background-position: left;
  -webkit-animation: second-slide-fade 12s infinite ease-in-out;
  -moz-animation: second-slide-fade 12s infinite ease-in-out;
  -o-animation: second-slide-fade 12s infinite ease-in-out;
  animation: second-slide-fade 12s infinite ease-in-out;
}

.third-slide {
  background-position: top;
  -webkit-animation: third-slide-fade 12s infinite ease-in-out;
  -moz-animation: third-slide-fade 12s infinite ease-in-out;
  -o-animation: third-slide-fade 12s infinite ease-in-out;
  animation: third-slide-fade 12s infinite ease-in-out;
}

@keyframes first-slide-fade {
  0% {
    opacity: 1
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes first-slide-fade {
  0% {
    opacity: 1
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes first-slide-fade {
  0% {
    opacity: 1
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes first-slide-fade {
  0% {
    opacity: 1
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes second-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 1
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-o-keyframes second-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 1
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-moz-keyframes second-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 1
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes second-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 1
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes third-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-o-keyframes third-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-moz-keyframes third-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes third-slide-fade {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}