.flip
{	transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	transition-duration:1.2s;
	-webkit-transition-duration:1.2s;
	-moz-transition-duration:1.2s;
	-o-transition-duration:1.2s;
	-ms-transition-duration:1.2s;
	
}

.flipIt{
	animation: reverseFlip 1.2s ease;
    -webkit-animation: reverseFlip 1.2s ease;
    -moz-animation: reverseFlip 1.2s ease;
    -ms-animation: reverseFlip 1.2s ease;
    -o-animation: reverseFlip 1.2s ease;
}
@keyframes reverseFlip {
	0%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
	
	50%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
}
@-webkit-keyframes reverseFlip {
	0%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
	
	50%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
}
@-moz-keyframes reverseFlip {
	0%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
	

	50%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
}
@-o-keyframes reverseFlip {
	0%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
	
	50%{
		transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-webkit-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	}
}


.shake {
    animation: buttonShake 0.7s ease;
    -webkit-animation: buttonShake 0.7s ease;
    -moz-animation: buttonShake 0.7s ease;
    -ms-animation: buttonShake 0.7s ease;
    -o-animation: buttonShake 0.7s ease;
}

@keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }
}

@-webkit-keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }
}

@-moz-keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }
}

@-ms-keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }
}

@-o-keyframes buttonShake {
    0%, 100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }
}