/* helpers (neccessary for comfortable handling) */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

iframe {
    border: none;
}

.blur{
    -webkit-transition: -webkit-filter 2s ease;
	-webkit-filter: blur(15px);
    transition: filter 2s ease;
	filter: blur(15px);
}


.flipper {
    -moz-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    -webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.flipper #front, .flipper #rear {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flipper #front {
/*    z-index: 2;*/
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flipper #rear {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flipper.flip {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}