body {
  background-color: fuchsia;
}


/**
 * Keyframe declarations
**/


  /* Zoom in */
@-webkit-keyframes title-pic-zoom-in-left-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-in-centre-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, 0);
  }
}
@-webkit-keyframes title-pic-zoom-in-right-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, 0);
  }
}
@-webkit-keyframes title-pic-zoom-in-left-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -45);
  }
}
@-webkit-keyframes title-pic-zoom-in-centre-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, -45);
  }
}
@-webkit-keyframes title-pic-zoom-in-right-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, -45);
  }
}
@-webkit-keyframes title-pic-zoom-in-left-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -90);
  }
}
@-webkit-keyframes title-pic-zoom-in-centre-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, -90);
  }
}
@-webkit-keyframes title-pic-zoom-in-right-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, -90);
  }
}

  /* Zoom out */
@-webkit-keyframes title-pic-zoom-out-left-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-centre-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-right-top {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-left-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-centre-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-right-centre {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-left-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-centre-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -125, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-webkit-keyframes title-pic-zoom-out-right-bottom {
  0% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(1, 0, 0, 1, -250, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: left top;
    -webkit-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}


/**
 * Keyframe declarations
**/


  /* Zoom in */
@-moz-keyframes title-pic-zoom-in-left-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-in-centre-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, 0);
  }
}
@-moz-keyframes title-pic-zoom-in-right-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, 0);
  }
}
@-moz-keyframes title-pic-zoom-in-left-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, -45);
  }
}
@-moz-keyframes title-pic-zoom-in-centre-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, -45);
  }
}
@-moz-keyframes title-pic-zoom-in-right-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, -45);
  }
}
@-moz-keyframes title-pic-zoom-in-left-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, -90);
  }
}
@-moz-keyframes title-pic-zoom-in-centre-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, -90);
  }
}
@-moz-keyframes title-pic-zoom-in-right-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, -90);
  }
}

  /* Zoom out */
@-moz-keyframes title-pic-zoom-out-left-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-centre-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-right-top {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-left-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-centre-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-right-centre {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-left-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, 0, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-centre-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -125, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-moz-keyframes title-pic-zoom-out-right-bottom {
  0% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(1, 0, 0, 1, -250, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform-origin: left top;
    -moz-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}


/**
 * Keyframe declarations
**/


  /* Zoom in */
@-ms-keyframes title-pic-zoom-in-left-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-in-centre-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, 0);
  }
}
@-ms-keyframes title-pic-zoom-in-right-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, 0);
  }
}
@-ms-keyframes title-pic-zoom-in-left-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, -45);
  }
}
@-ms-keyframes title-pic-zoom-in-centre-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, -45);
  }
}
@-ms-keyframes title-pic-zoom-in-right-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, -45);
  }
}
@-ms-keyframes title-pic-zoom-in-left-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, -90);
  }
}
@-ms-keyframes title-pic-zoom-in-centre-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, -90);
  }
}
@-ms-keyframes title-pic-zoom-in-right-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, -90);
  }
}

  /* Zoom out */
@-ms-keyframes title-pic-zoom-out-left-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-centre-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-right-top {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-left-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-centre-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-right-centre {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-left-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, 0, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-centre-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -125, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@-ms-keyframes title-pic-zoom-out-right-bottom {
  0% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(1, 0, 0, 1, -250, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -ms-transform-origin: left top;
    -ms-transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}


/**
 * Keyframe declarations
**/


  /* Zoom in */
@keyframes title-pic-zoom-in-left-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@keyframes title-pic-zoom-in-centre-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, 0);
  }
}
@keyframes title-pic-zoom-in-right-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, 0);
  }
}
@keyframes title-pic-zoom-in-left-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, -45);
  }
}
@keyframes title-pic-zoom-in-centre-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, -45);
  }
}
@keyframes title-pic-zoom-in-right-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, -45);
  }
}
@keyframes title-pic-zoom-in-left-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, -90);
  }
}
@keyframes title-pic-zoom-in-centre-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, -90);
  }
}
@keyframes title-pic-zoom-in-right-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, -90);
  }
}

  /* Zoom out */
@keyframes title-pic-zoom-out-left-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-centre-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-right-top {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, 0);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-left-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-centre-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-right-centre {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, -45);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-left-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, 0, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-centre-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -125, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}
@keyframes title-pic-zoom-out-right-bottom {
  0% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(1, 0, 0, 1, -250, -90);
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform-origin: left top;
    transform: matrix(0.75, 0, 0, 0.742857143, 0, 0);
  }
}





/**
 * Class setup
**/

  /* Zoom in */
.cssanimations #title-area-images img.title-pic-animation-zoom-in-left-top {
  -webkit-animation: title-pic-zoom-in-left-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-left-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-left-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-left-top 16s linear 0s 1 normal;
  -webkit-animation: title-pic-zoom-in-left-top 16s linear 0s 1;
     -moz-animation: title-pic-zoom-in-left-top 16s linear 0s 1;
      -ms-animation: title-pic-zoom-in-left-top 16s linear 0s 1;
          animation: title-pic-zoom-in-left-top 16s linear 0s 1;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-centre-top {
  -webkit-animation: title-pic-zoom-in-centre-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-centre-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-centre-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-centre-top 16s linear 0s 1 normal;
  -webkit-animation: title-pic-zoom-in-centre-top 16s linear 0s 1;
     -moz-animation: title-pic-zoom-in-centre-top 16s linear 0s 1;
      -ms-animation: title-pic-zoom-in-centre-top 16s linear 0s 1;
          animation: title-pic-zoom-in-centre-top 16s linear 0s 1;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-right-top {
  -webkit-animation: title-pic-zoom-in-right-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-right-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-right-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-right-top 16s linear 0s 1 normal;
  -webkit-animation: title-pic-zoom-in-right-top 16s linear 0s 1;
     -moz-animation: title-pic-zoom-in-right-top 16s linear 0s 1;
      -ms-animation: title-pic-zoom-in-right-top 16s linear 0s 1;
          animation: title-pic-zoom-in-right-top 16s linear 0s 1;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-left-centre {
  -webkit-animation: title-pic-zoom-in-left-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-left-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-left-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-left-centre 16s linear 0s 1 normal;
  -webkit-animation: title-pic-zoom-in-left-centre 16s linear 0s 1;
     -moz-animation: title-pic-zoom-in-left-centre 16s linear 0s 1;
      -ms-animation: title-pic-zoom-in-left-centre 16s linear 0s 1;
          animation: title-pic-zoom-in-left-centre 16s linear 0s 1;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-centre-centre {
  -webkit-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-centre-centre 16s linear 0s 1 normal;
  -webkit-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1;
     -moz-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1;
      -ms-animation: title-pic-zoom-in-centre-centre 16s linear 0s 1;
          animation: title-pic-zoom-in-centre-centre 16s linear 0s 1;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-right-centre {
  -webkit-animation: title-pic-zoom-in-right-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-right-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-right-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-right-centre 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-left-bottom {
  -webkit-animation: title-pic-zoom-in-left-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-left-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-left-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-left-bottom 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-centre-bottom {
  -webkit-animation: title-pic-zoom-in-centre-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-centre-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-centre-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-centre-bottom 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-in-right-bottom {
  -webkit-animation: title-pic-zoom-in-right-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-in-right-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-in-right-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-in-right-bottom 16s linear 0s 1 normal;
}

  /* Zoom out */
.cssanimations #title-area-images img.title-pic-animation-zoom-out-left-top {
  -webkit-animation: title-pic-zoom-out-left-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-left-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-left-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-left-top 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-centre-top {
  -webkit-animation: title-pic-zoom-out-centre-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-centre-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-centre-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-centre-top 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-right-top {
  -webkit-animation: title-pic-zoom-out-right-top 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-right-top 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-right-top 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-right-top 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-left-centre {
  -webkit-animation: title-pic-zoom-out-left-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-left-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-left-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-left-centre 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-centre-centre {
  -webkit-animation: title-pic-zoom-out-centre-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-centre-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-centre-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-centre-centre 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-right-centre {
  -webkit-animation: title-pic-zoom-out-right-centre 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-right-centre 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-right-centre 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-right-centre 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-left-bottom {
  -webkit-animation: title-pic-zoom-out-left-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-left-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-left-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-left-bottom 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-centre-bottom {
  -webkit-animation: title-pic-zoom-out-centre-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-centre-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-centre-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-centre-bottom 16s linear 0s 1 normal;
}
.cssanimations #title-area-images img.title-pic-animation-zoom-out-right-bottom {
  -webkit-animation: title-pic-zoom-out-right-bottom 16s linear 0s 1 normal;
     -moz-animation: title-pic-zoom-out-right-bottom 16s linear 0s 1 normal;
      -ms-animation: title-pic-zoom-out-right-bottom 16s linear 0s 1 normal;
          animation: title-pic-zoom-out-right-bottom 16s linear 0s 1 normal;
}