#swipebox-prev {
  background-image: url("../images/sitewide-assets/angle-left-white.svg");
  background-position: 100% 50%;
  background-size: 14px;
}

#swipebox-next {
  background-image: url("../images/sitewide-assets/angle-right-white.svg");
  background-position: 0 50%;
  background-size: 14px;
}

#swipebox-close {
  background-image: url("../images/sitewide-assets/close-white.svg");
  background-position: 50% 50%;
  background-size: 17px;
}

#swipebox-slider .slide-loading {
  background-image: url("../images/sitewide-assets/loader.svg");
  background-position: 50% 50%;
  background-size: 35px;
  -webkit-animation: rotate-loader 0.7s ease-in-out infinite;
  animation: rotate-loader 0.7s ease-in-out infinite;
}

#swipebox-slider .slide-loading img {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

@-webkit-keyframes rotate-loader {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-loader {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}