@charset "utf-8";

/* CSS Document */





#audio-cont {

    position: fixed;

    top: 20px;

    right: 15px;

    z-index: 1;

    cursor: pointer;

}



#wrapper div.deleteESC {

    font-size: 16px;

    color: red;

    text-align: center;

    margin-top: 1em;

    font-varient: small-caps;

    cursor: pointer;

}



#audio-cont span {

    font-size: 11px;

    text-align: center;

    display: block;

    opacity: 0.9;

}



.opacity-zero {

    opacity: 0;

}



.opacity-full {

    -moz-animation: fadeIn 5000ms linear;

}



@-moz-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



/* RUSH */



/* animation for main image */

.rush {

    -moz-animation: rush 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-animation: rush 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -ms-animation: rush 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-animation: rush 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    animation: rush 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

}



@-moz-keyframes rush {

    0% {

        opacity: 0.1;

        -moz-transform: scale(0);

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);

    }



    100% {

        opacity: 1;

        -moz-transform: scale(1);

        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

    }

}



@-webkit-keyframes rush {

    0% {

        opacity: 0.1;

        -webkit-transform: scale(0);

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

    }

}



@-o-keyframes rush {

    0% {

        opacity: 0.1;

        -o-transform: scale(0);

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);

    }



    100% {

        opacity: 1;

        -o-transform: scale(1);

        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

    }

}



@-ms-keyframes rush {

    0% {

        opacity: 0.1;

        -ms-transform: scale(0);

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);

    }



    100% {

        opacity: 1;

        -ms-transform: scale(1);

        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

    }

}



@#keyframes rush {

    0% {

        opacity: 0.1;

        transform: scale(0);

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);

    }



    100% {

        opacity: 1;

        transform: scale(1);

        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);

    }

}



/* SHADOWPLAY */

.shadow-play {

    -moz-animation: shadowPlay 1500ms cubic-bezier(0.950,0.050,0.795,0.035);

    -webkit-animation: shadowPlay 1500ms cubic-bezier(0.950,0.050,0.795,0.035);

    -ms-animation: shadowPlay 1500ms cubic-bezier(0.950,0.050,0.795,0.035);

    -o-animation: shadowPlay 1500ms cubic-bezier(0.950,0.050,0.795,0.035);

    animation: shadowPlay 1500ms cubic-bezier(0.950,0.050,0.795,0.035);

    box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

}



@-moz-keyframes shadowPlay {

    0% {

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.3);

        opacity: 0;

    }



    100% {

        box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

        opacity: 1;

    }

}



@-webkit-keyframes shadowPlay {

    0% {

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.3);

        opacity: 0;

    }



    100% {

        box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

        opacity: 1;

    }

}



@-o-keyframes shadowPlay {

    0% {

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.3);

        opacity: 0;

    }



    100% {

        box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

        opacity: 1;

    }

}



@-ms-keyframes shadowPlay {

    0% {

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.3);

        opacity: 0;

    }



    100% {

        box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

        opacity: 1;

    }

}



@keyframes shadowPlay {

    0% {

        box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.3);

        opacity: 0;

    }



    100% {

        box-shadow: 0 15px 10px -7px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);

        opacity: 1;

    }

}



/* TOPSPIN */



.top-spin {

    -moz-animation: topSpin 2000ms cubic-bezier(0.000, -0.600, 0.000, 1.650);

    -webkit-animation: topSpin 2000ms cubic-bezier(0.000, -0.600, 0.000, 1.650);

    -ms-animation: topSpin 2000ms cubic-bezier(0.000, -0.600, 0.000, 1.650);

    -o-animation: topSpin 2000ms cubic-bezier(0.000, -0.600, 0.000, 1.650);

    animation: topSpin 2000ms cubic-bezier(0.000, -0.600, 0.000, 1.650);

}



@-moz-keyframes topSpin {

    0% {

        -moz-transform: rotateX(0deg);

        -moz-transform-origin: 0% 50% 0;

    }



    100% {

        -moz-transform: rotateX(360deg);

        -moz-transform-origin: 0% 50% 0;

    }

}



@-webkit-keyframes topSpin {

    0% {

	opacity: 0.1;

        -webkit-transform: rotateX(0deg);

        -webkit-transform-origin: 0% 50% 0;

    }



    100% {

	opacity: 1;

        -webkit-transform: rotateX(360deg);

        -webkit-transform-origin: 0% 50% 0;

    }

}



@-o-keyframes topSpin {

    0% {

        -o-transform: rotateX(0deg);

        -o-transform-origin: 0% 50% 0;

    }



    100% {

        -o-transform: rotateX(360deg);

        -o-transform-origin: 0% 50% 0;

    }

}



@-ms-keyframes topSpin {

    0% {

        -ma-transform: rotateX(0deg);

        -ma-transform-origin: 0% 50% 0;

    }



    100% {

        -ma-transform: rotateX(360deg);

        -ma-transform-origin: 0% 50% 0;

    }

}



@keyframes topSpin {

    0% {

        transform: rotateX(0deg);

        transform-origin: 0% 50% 0;

    }



    100% {

        transform: rotateX(360deg);

        transform-origin: 0% 50% 0;

    }

}



/* SIDESPIN */



.side-spin {

    -moz-animation: sideSpin 2000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -webkit-animation: image3D 2000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -ms-animation: image3D 2000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -o-animation: image3D 2000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    animation: image3D 2000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

}



@-moz-keyframes sideSpin {

  

    0% {

        -moz-transform: rotateY(0deg);

        -moz-transform-origin: 0% 0% 5;

    }



    100% {

        -moz-transform: rotateY(360deg);

        -moz-transform-origin: 0% 0% 5;

    }

}



@-webkit-keyframes sideSpin {

  

    0% {

	opacity: 0.1;

        -webkit-transform: rotateY(0deg);

        -webkit-transform-origin: 0% 0% 5;

    }



    100% {

	opacity: 1;

        -webkit-transform: rotateY(360deg);

        -webkit-transform-origin: 0% 0% 5;

    }

}



@-o-keyframes sideSpin {

  

    0% {

        -o-transform: rotateY(0deg);

        -o-transform-origin: 0% 0% 5;

    }



    100% {

        -o-transform: rotateY(360deg);

        -o-transform-origin: 0% 0% 5;

    }

}



@-ms-keyframes sideSpin {

  

    0% {

        -ms-transform: rotateY(0deg);

        -ms-transform-origin: 0% 0% 5;

    }



    100% {

        -ms-transform: rotateY(360deg);

        -ms-transform-origin: 0% 0% 5;

    }

}



@keyframes sideSpin {

  

    0% {

        transform: rotateY(0deg);

        transform-origin: 0% 0% 5;

    }



    100% {

        transform: rotateY(360deg);

        transform-origin: 0% 0% 5;

    }

} 



/* FLIPPER */



.flipper {

    -moz-animation: flipper 1700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    -webkit-animation: flipper 1700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    -ms-animation: flipper 1700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    -o-animation: flipper 1700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    animation: flipper 1700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

    border-radius: 2% 2%;

}



@-moz-keyframes flipper {

    from {

        border-radius: 1% 100%;

        perspective: 200;

        width: 0;

        height: 0;

    }



    to {

        border-radius: 2% 2%;

        width: auto;

        height: auto;

    }

}



@-webkit-keyframes flipper {

    from {

        border-radius: 1% 100%;

        perspective: 200;

        width: 0;

        height: 0;

    }



    to {

        border-radius: 2% 2%;

        width: auto;

        height: auto;

    }

}



@-o-keyframes flipper {

    from {

        border-radius: 1% 100%;

        perspective: 200;

        width: 0;

        height: 0;

    }



    to {

        border-radius: 2% 2%;

        width: auto;

        height: auto;

    }

}



@-ms-keyframes flipper {

    from {

        border-radius: 1% 100%;

        perspective: 200;

        width: 0;

        height: 0;

    }



    to {

        border-radius: 2% 2%;

        width: auto;

        height: auto;

    }

}



@keyframes flipper {

    from {

        border-radius: 1% 100%;

        perspective: 200;

        width: 0;

        height: 0;

    }



    to {

        border-radius: 2% 2%;

        width: auto;

        height: auto;

    }

}





	/* BOUNCING */

.bouncing {

    -moz-animation: bouncing 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    -webkit-animation: bouncing 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    -ms-animation: bouncing 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    -o-animation: bouncing 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    animation: bouncing 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    box-shadow: 10px 10px 5px #666;

}



@-moz-keyframes bouncing {

    from {

        opacity: 0;

        -moz-transform: scale3d(5, 5, 5);

        box-shadow: 2px 2px 3px #ccc;

        -moz-transform-style: preserve-3d;

    }



    to {

        opacity: 1;

        -moz-transform: scale3d(1, 1, 1);

        box-shadow: 10px 10px 5px #666;

        -moz-transform-style: preserve-3d;

    }

}



@-webkit-keyframes bouncing {

    from {

        opacity: 0;

        -webkit-transform: scale3d(5, 5, 5);

        box-shadow: 2px 2px 3px #ccc;

        -webkit-transform-style: preserve-3d;

    }



    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        box-shadow: 10px 10px 5px #666;

        -webkit-transform-style: preserve-3d;

    }

}



@-o-keyframes bouncing {

    from {

        opacity: 0;

        -o-transform: scale3d(5, 5, 5);

        box-shadow: 2px 2px 3px #ccc;

        -o-transform-style: preserve-3d;

    }



    to {

        opacity: 1;

        -o-transform: scale3d(1, 1, 1);

        box-shadow: 10px 10px 5px #666;

        -o-transform-style: preserve-3d;

    }

}



@-ms-keyframes bouncing {

    from {

        opacity: 0;

        -ms-transform: scale3d(5, 5, 5);

        box-shadow: 2px 2px 3px #ccc;

        -ms-transform-style: preserve-3d;

    }



    to {

        opacity: 1;

        -ms-transform: scale3d(1, 1, 1);

        box-shadow: 10px 10px 5px #666;

        -ms-transform-style: preserve-3d;

    }

}



@keyframes bouncing {

    from {

        opacity: 0;

        -transform: scale3d(5, 5, 5);

        box-shadow: 2px 2px 3px #ccc;

        transform-style: preserve-3d;

    }



    to {

        opacity: 1;

        transform: scale3d(1, 1, 1);

        box-shadow: 10px 10px 5px #666;

        transform-style: preserve-3d;

    }

}



/* BULGE */

.bulge {

    -moz-animation: bulge 2500ms cubic-bezier(0.895, 0.030, 0.685, 0.220);

    -webkit-animation: bulge 2500ms cubic-bezier(0.895, 0.030, 0.685, 0.220);

    -ms-animation: bulge 2500ms cubic-bezier(0.895, 0.030, 0.685, 0.220);

    -o-animation: bulge 2500ms cubic-bezier(0.895, 0.030, 0.685, 0.220);

    animation: bulge 2500ms cubic-bezier(0.895, 0.030, 0.685, 0.220);

}



@-moz-keyframes bulge {

    from {

        opacity: 0.1;

        -moz-transform: matrix(0.045, 0, 0, 0.723, 0px, 0px);

    }



    50% {

        opacity: 0.8;

        -moz-transform: matrix(1.380, 0.437, -0.483, 1.070, 0px, 0px);

    }



    to {

        opacity: 1;

        -moz-transform: matrix(1, 0, 0, 1, 0px, 0px);

    }

}



@-webkit-keyframes bulge {

    from {

        opacity: 0.1;

        -webkit-transform: matrix(0.045, 0, 0, 0.723, 0, 0);

    }



    50% {

        opacity: 0.8;

        -webkit-transform: matrix(1.380, 0.437, -0.483, 1.070, 0, 0);

    }



    to {

        opacity: 1;

        -moz-transform: matrix(1, 0, 0, 1, 0px, 0px);

    }

}



@-ms-keyframes bulge {

    from {

        opacity: 0.1;

        -ms-transform: matrix(0.045, 0, 0, 0.723, 0, 0);

    }



    50% {

        opacity: 0.8;

        -ms-transform: matrix(1.380, 0.437, -0.483, 1.070, 0, 0);

    }



    to {

        opacity: 1;

        -ms-transform: matrix(1, 0, 0, 1, 0px, 0px);

    }

}



@-o-keyframes bulge {

    from {

        opacity: 0.1;

        -o-transform: matrix(0.045, 0, 0, 0.723, 0, 0);

    }



    50% {

        opacity: 0.8;

        -o-transform: matrix(1.380, 0.437, -0.483, 1.070, 0, 0);

    }



    to {

        opacity: 1;

        -o-transform: matrix(1, 0, 0, 1, 0px, 0px);

    }

}



@keyframes bulge {

    from {

        opacity: 0.1;

        transform: matrix(0.045, 0, 0, 0.723, 0, 0);

    }



    50% {

        opacity: 0.8;

        transform: matrix(1.380, 0.437, -0.483, 1.070, 0, 0);

    }



    to {

        opacity: 1;

        transform: matrix(1, 0, 0, 1, 0px, 0px);

    }

}

	



/* IMAGE3D */

.image3D {

    -moz-animation: image3D 2000ms cubic-bezier(0.950, 0.050, 0.795, 0.035);

    -webkit-animation: image3D 2000ms cubic-bezier(0.950, 0.050, 0.795, 0.035);

    -ms-animation: image3D 2000ms cubic-bezier(0.950, 0.050, 0.795, 0.035);

    -o-animation: image3D 2000ms cubic-bezier(0.950, 0.050, 0.795, 0.035);

    animation: image3D 2000ms cubic-bezier(0.950, 0.050, 0.795, 0.035);

}



@-moz-keyframes image3D {

    0% {

        -moz-perspective: 300;

        -moz-transform: rotateY(90deg);

        -moz-transform-style: preserve-3d;

    }



    100% {

        -moz-perspective: 300;

        -moz-transform: rotateY(0deg);

        -moz-transform-style: preserve-3d;

    }

}



@-webkit-keyframes image3D {

    0% {

        -webkit-perspective: 300;

        -webkit-transform: rotateY(90deg);

        -webkit-transform-style: flat;

    }



    100% {

        -webkit-perspective: 300;

        -webkit-transform: rotateY(0deg);

        -webkit-transform-style: flat;

    }

}



@-o-keyframes image3D {

    0% {

        -o-perspective: 300;

        -o-transform: rotateY(90deg);

        -o-transform-style: preserve-3d;

    }



    100% {

        -o-perspective: 300;

        -o-transform: rotateY(0deg);

        -o-transform-style: preserve-3d;

    }

}



@-ms-keyframes image3D {

    0% {

        -ms-perspective: 300;

        -ms-transform: rotateY(90deg);

        -ms-transform-style: preserve-3d;

    }



    100% {

        -ms-perspective: 300;

        -ms-transform: rotateY(0deg);

        -ms-transform-style: preserve-3d;

    }

}



@keyframes image3D {

    0% {

        perspective: 300;

        transform: rotateY(90deg);

        transform-style: preserve-3d;

    }



    100% {

        perspective: 300;

        transform: rotateY(0deg);

        transform-style: preserve-3d;

    }

}