div.slideshow {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

div.slideshow .slide {
  position: absolute; }

.slide-1-of-2 {
  visibility: visible;
  -webkit-animation: dissolve-1-of-2 12s infinite; }

.slide-2-of-2 {
  visibility: hidden;
  -webkit-animation: dissolve-2-of-2 12s infinite; }

.slide-1-of-3 {
  visibility: visible;
  animation: dissolve-1-of-3 15s infinite; }

.slide-2-of-3 {
  visibility: hidden;
  animation: dissolve-2-of-3 15s infinite; }

.slide-3-of-3 {
  visibility: hidden;
  animation: dissolve-3-of-3 15s infinite; }

@-webkit-keyframes dissolve-1-of-2 {
  0% {
    opacity: 1;
    visibility: visible; }
  42% {
    opacity: 1;
    visibility: visible; }
  50% {
    opacity: 0;
    visibility: hidden; }
  92% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-webkit-keyframes dissolve-2-of-2 {
  0% {
    opacity: 0;
    visibility: hidden; }
  42% {
    opacity: 0;
    visibility: hidden; }
  50% {
    opacity: 1;
    visibility: visible; }
  92% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-webkit-keyframes dissolve-2-of-3 {
  0% {
    opacity: 0;
    visibility: hidden; }
  25% {
    opacity: 0;
    visibility: hidden; }
  33% {
    opacity: 1;
    visibility: visible; }
  58% {
    opacity: 1;
    visibility: visible; }
  66% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-webkit-keyframes dissolve-3-of-3 {
  0% {
    opacity: 0;
    visibility: hidden; }
  58% {
    opacity: 0;
    visibility: hidden; }
  66% {
    opacity: 1;
    visibility: visible; }
  92% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

/*# sourceMappingURL=slideshow.css.map */