<?PHP
   if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start();
?>           
.pause {
    position: absolute;
    font: bolder 1.3em/2 Impact;
    color: #eee;
    left: 380px;
    top: 1px;
    opacity: 0;
    z-index: 2;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#diashow.pause:after {
    content: 'I I';
}

#diashow {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 270px;
    width: auto;
                 padding: 0px;
                 margin-top: 0px;
                 margin-right: 0px;
                 margin-bottom: 0px;
                 margin-left: 0px;
    overflow: hidden;
    -o-perspective: inherit;
    -webkit-perspective: inherit;
    -ms-perspective: inherit;
    -moz-perspective: inherit;
    perspective: inherit;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#diashow img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 15.838em;
    width: 24.838em;
    opacity: 0;
    cursor: pointer;
}

.trick {
  display: inline-block;
  vertical-align: middle;
width: 100%;
  height: 271px;
  object-fit: cover;
  vertical-align: middle;
}
   
#diashow img:nth-of-type(1) {
    -o-animation: fade31 30s ease-in-out infinite;
    -webkit-animation: fade31 30s ease-in-out infinite;
    -ms-animation: fade31 30s ease-in-out infinite;
    -moz-animation: fade31 30s ease-in-out infinite;
    animation: fade31 30s ease-in-out infinite;
}

#diashow img:nth-of-type(2) {
    -o-animation: fade32 30s 6s ease-in-out infinite;
    -webkit-animation: fade32 30s 6s ease-in-out infinite;
    -ms-animation: fade32 30s 6s ease-in-out infinite;
    -moz-animation: fade32 30s 6s ease-in-out infinite;
    animation: fade32 30s 6s ease-in-out infinite;
}

#diashow img:nth-of-type(3) {
    -o-animation: fade33 30s 12s ease-in-out infinite;
    -webkit-animation: fade33 30s 12s ease-in-out infinite;
    -ms-animation: fade33 30s 12s ease-in-out infinite;
    -moz-animation: fade33 30s 12s ease-in-out infinite;
    animation: fade33 30s 12s ease-in-out infinite;
}

#diashow img:nth-of-type(4) {
    -o-animation: fade34 30s 18s ease-in-out infinite;
    -webkit-animation: fade34 30s 18s ease-in-out infinite;
    -ms-animation: fade34 30s 18s ease-in-out infinite;
    -moz-animation: fade34 30s 18s ease-in-out infinite;
    animation: fade34 30s 18s ease-in-out infinite;
}

#diashow img:nth-of-type(5) {
    -o-animation: fade35 30s 24s ease-in-out infinite;
    -webkit-animation: fade35 30s 24s ease-in-out infinite;
    -ms-animation: fade35 30s 24s ease-in-out infinite;
    -moz-animation: fade35 30s 24s ease-in-out infinite;
    animation: fade35 30s 24s ease-in-out infinite;
}
          
@keyframes fade31 {
     0.01%,  20% {opacity:1; z-index:0;}
    26.66%       {
                  -o-transform: translate3d(-70px,-50px,0);
                  -webkit-transform: translate3d(-70px,-50px,0);
                  -ms-transform: translate3d(-70px,-50px,0);
                  -moz-transform: translate3d(-70px,-50px,0);
                  transform: translate3d(-70px,-50px,0);
                  opacity:0; z-index:0;}
        0%, 100% {
                  -o-transform: translate3d(-110px,-90px,0);
                  -webkit-transform: translate3d(-110px,-90px,0);
                  -ms-transform: translate3d(-110px,-90px,0);
                  -moz-transform: translate3d(-110px,-90px,0);
                  transform: translate3d(-110px,-90px,0);
                  opacity:0; z-index:0;}
}

@keyframes fade32 {
     6.66%,  20% {opacity:1; z-index:1;}
    26.66%       {
                  -o-transform: scale(1) translate3d(-140px,-80px,0);
                  -webkit-transform: scale(1) translate3d(-140px,-80px,0);
                  -ms-transform: scale(1) translate3d(-140px,-80px,0);
                  -moz-transform: scale(1) translate3d(-140px,-80px,0);
                  transform: scale(1) translate3d(-140px,-80px,0);
                  opacity:0; z-index:0;}
        0%, 100% {
                  -o-transform: scale(.9) translate3d(-120px,-100px,0);
                  -webkit-transform: scale(.9) translate3d(-120px,-100px,0);
                  -ms-transform: scale(.9) translate3d(-120px,-100px,0);
                  -moz-transform: scale(.9) translate3d(-120px,-100px,0);
                  transform: scale(.9) translate3d(-120px,-100px,0);
                  opacity:0; z-index:0;}
}

 @keyframes fade33 {
     6.66%,  20% {opacity:1; z-index:1;}
    26.66%       {
                  -o-transform: scale(.8) translate3d(-120px,-100px,0);
                  -webkit-transform: scale(.8) translate3d(-120px,-100px,0);
                  -ms-transform: scale(.8) translate3d(-120px,-100px,0);
                  -moz-transform: scale(.8) translate3d(-120px,-100px,0);
                  transform: scale(.8) translate3d(-120px,-100px,0);
                  opacity:0; z-index:0;}
        0%, 100% {
                  -o-transform: scale(1) translate3d(-120px,-50px,0);
                  -webkit-transform: scale(1) translate3d(-120px,-50px,0);
                  -ms-transform: scale(1) translate3d(-120px,-50px,0);
                  -moz-transform: scale(1) translate3d(-120px,-50px,0);
                  transform: scale(1) translate3d(-120px,-50px,0);
                  opacity:0; z-index:0;}
}

@keyframes fade34 {
     6.66%,  20% {opacity:1; z-index:1;}
    26.66%       {
                  -o-transform: translate3d(-110px,-50px,0);
                  -webkit-transform: translate3d(-110px,-50px,0);
                  -ms-transform: translate3d(-110px,-50px,0);
                  -moz-transform: translate3d(-110px,-50px,0);
                  transform: translate3d(-110px,-50px,0);
                  opacity:0; z-index:0;}
        0%, 100% {
                  -o-transform: translate3d(-90px,-100px,0);
                  -webkit-transform: translate3d(-90px,-100px,0);
                  -ms-transform: translate3d(-90px,-100px,0);
                  -moz-transform: translate3d(-90px,-100px,0);
                  transform: translate3d(-90px,-100px,0);
                  opacity:0; z-index:0;}
}

@keyframes fade35 {
     6.66%,  20% {opacity:1; z-index:1;}
    26.66%       {
                  -o-transform: scale(1) translate3d(-120px,-50px,0);
                  -webkit-transform: scale(1) translate3d(-120px,-50px,0);
                  -ms-transform: scale(1) translate3d(-120px,-50px,0);
                  -moz-transform: scale(1) translate3d(-120px,-50px,0);
                  transform: scale(1) translate3d(-120px,-50px,0);
                  opacity:0; z-index:0;}
        0%, 100% {
                  -o-transform: scale(.9) translate3d(-70px,-90px,0);
                  -webkit-transform: scale(.9) translate3d(-70px,-90px,0);
                  -ms-transform: scale(.9) translate3d(-70px,-90px,0);
                  -moz-transform: scale(.9) translate3d(-70px,-90px,0);
                  transform: scale(.9) translate3d(-70px,-90px,0);
                  opacity:0; z-index:0;}
}