@keyframes play {
  0% { opacity: 0; }
  5% { opacity: 1; }
  20% { opacity: 1; }
  25% { opacity: 0; }
  100% { opacity: 0; }
}

@-webkit-keyframes show-img-1 {
    0%,66.6% {
        visibility: hidden
    }

    100%,66.7% {
        visibility: visible
    }
}

@keyframes show-img-1 {
    0%,66.6% {
        visibility: hidden
    }

    100%,66.7% {
        visibility: visible
    }
}


@-webkit-keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(.05,1);
                transform: scale(.05,1)
    }

    66.6% { 
        -webkit-transform-origin: left center; 
                transform-origin: left center; 
        -webkit-transform: scale(1,1); 
                transform: scale(1,1)
    }

    66.7% { 
        -webkit-transform-origin: right center; 
                transform-origin: right center; 
        -webkit-transform: scale(1,1); 
                transform: scale(1,1)
    }

    100% { 
        -webkit-transform-origin: right center; 
                transform-origin: right center; 
        -webkit-transform: scale(0,1); 
                transform: scale(0,1)
    }
}


@keyframes slide-bg-2 {
    33.3% {
        -webkit-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(.05,1);
                transform: scale(.05,1)
    }

    66.6% { 
        -webkit-transform-origin: left center; 
                transform-origin: left center; 
        -webkit-transform: scale(1,1); 
                transform: scale(1,1)
    }

    66.7% { 
        -webkit-transform-origin: right center; 
                transform-origin: right center; 
        -webkit-transform: scale(1,1); 
                transform: scale(1,1)
    }

    100% { 
        -webkit-transform-origin: right center; 
                transform-origin: right center; 
        -webkit-transform: scale(0,1); 
                transform: scale(0,1)
    }
}