@charset "utf-8";
@-webkit-keyframes slideshow{
    0%{
      opacity: 1;
    }
    1
}
    
@-moz-keyframes slideshow{
    from {background-position:11px 0;}
    to {background-position:0 0;}
}

@-o-keyframes slideshow{
    from {background-position:11px 0;}
    to {background-position:0 0;}
}

@-ms-keyframes slideshow{
    from {background-position:11px 0;}
    to {background-position:0 0;}
}

@keyframes slideshow{
    from {background-position:11px 0;}
    to {background-position:0 0;}
}

@-webkit-keyframes click{
    0%, 60%, 80%, 100%{
        -webkit-transform:translateY(-2px);
    }
    70%, 90%{
        -webkit-transform:translateY(0);
    }
}

@keyframes click{
    0%, 60%, 80%, 100%{
        transform:translateY(-2px);
    }
    70%, 90%{
        transform:translateY(0);
    }
}

@keyframes image2change1{
    0%,49%{
        opacity:0;
    }
    50%,100%{
        opacity:1;
    }
}

@keyframes image2change2{
    0%,49%{
        opacity:1;
    }
    50%,100%{
        opacity:0;
    }
}

.rotateimage1{
    animation-name: image2change1;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

.rotateimage2{
    animation-name: image2change2;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}