@-webkit-keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

.media-element {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .media-element.has-mobile-image .mobile-image {
    display: block; }
    @media (min-width: 1024px) {
      .media-element.has-mobile-image .mobile-image {
        display: none; } }
  .media-element .desktop-image {
    display: none; }
    @media (min-width: 1024px) {
      .media-element .desktop-image {
        display: block; } }
  .media-element .desktop-image,
  .media-element .mobile-image {
    z-index: 2; }
  .media-element .media-element__media {
    position: relative; }
    .media-element .media-element__media img {
      display: block;
      margin: auto; }
    .media-element .media-element__media video {
      width: 100%;
      height: 100%; }
    .media-element .media-element__media .field-media-image-caption {
      display: none; }
  .media-element .media-element__color-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; }