/* jquery.flipper (c) MrKMG 2012 */
.flipper {
    text-align: center;
    position:absolute;
    }

.flipper img{
	width:100%;	
	position:absolute;
	left:0%;
	}


	
.flipper .fl-num {
    position: absolute;
    left: 34.2%;
	width: 100%;
    height: 50%;    
	overflow: hidden;
	margin-left:-71px;
    -moz-transform: perspective(500px) rotatex(0deg);
    -ms-transform: perspective(500px) rotatex(0deg);
    -o-transform: perspective(500px) rotatex(0deg);
    -webkit-transform: perspective(500px) rotatex(0deg);
    transform: perspective(500px) rotatex(0deg)
    }

.flipper .fl-bottom {
    top: 50%
	}

.flipper .fl-bottom img{
    bottom: 0;
	left:0;
	position:absolute;
	}

/* Fall Transition */
.flipper.fl-fall.fl-go .fl-show.fl-top {
    -moz-transform: perspective(500px) rotatex(-90deg);
    -ms-transform: perspective(500px) rotatex(-90deg);
    -o-transform: perspective(500px) rotatex(-90deg);
    -webkit-transform: perspective(500px) rotatex(-90deg);
    transform: perspective(500px) rotatex(-90deg)
    }

.flipper.fl-fall.fl-go .fl-new.fl-bottom {
    -moz-transform: perspective(500px) rotatex(0deg);
    -ms-transform: perspective(500px) rotatex(0deg);
    -o-transform: perspective(500px) rotatex(0deg);
    -webkit-transform: perspective(500px) rotatex(0deg);
    transform: perspective(500px) rotatex(0deg)
    }

.flipper.fl-fall .fl-new.fl-bottom {
    -moz-transform: perspective(500px) rotatex(90deg);
    -ms-transform: perspective(500px) rotatex(90deg);
    -o-transform: perspective(500px) rotatex(90deg);
    -webkit-transform: perspective(500px) rotatex(90deg);
    transform: perspective(500px) rotatex(90deg);
    z-index: 2
    }

.flipper.fl-fall.fl-animate.fl-super .fl-top {
    -moz-transition: -moz-transform 0.025s ease-in;
    -o-transition: -o-transform 0.025s ease-in;
    -webkit-transition: -webkit-transform 0.025s ease-in;
    transition: transform 0.025s ease-in
    }

.flipper.fl-fall.fl-animate.fl-super .fl-bottom {
    -moz-transition: -moz-transform 0.025s ease-in-out;
    -o-transition: -o-transform 0.025s ease-out;
    -webkit-transition: -webkit-transform 0.025s ease-in-out;
    transition: transform 0.025s ease-in-out;
    -moz-transition-delay: 0.025s;
    -o-transition-delay: 0.025s;
    -webkit-transition-delay: 0.025s;
    transition-delay: 0.025s
    }

.flipper.fl-fall.fl-animate.fl-fast .fl-top {
    -moz-transition: -moz-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -webkit-transition: -webkit-transform 0.25s ease-in;
    transition: transform 0.25s ease-in
    }

.flipper.fl-fall.fl-animate.fl-fast .fl-bottom {
    -moz-transition: -moz-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
    }

.flipper.fl-fall.fl-animate.fl-normal .fl-top {
    -moz-transition: -moz-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
    }

.flipper.fl-fall.fl-animate.fl-normal .fl-bottom {

-webkit-transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1.275);
   -moz-transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1.275);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1.275);
     -o-transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1.275);
        transition: all 500ms cubic-bezier(0.000, 0.680, 0.320, 1.275); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1.275);
   -moz-transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1.275);
     -o-transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1.275);
        transition-timing-function: cubic-bezier(0.000, 0.680, 0.320, 1.275); /* custom */

    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;

    }

.flipper.fl-fall.fl-animate.fl-slow .fl-top {
    -moz-transition: -moz-transform 1s ease-in;
    -o-transition: -o-transform 1s ease-in;
    -webkit-transition: -webkit-transform 1s ease-in;
    transition: transform 1s ease-in
    }

.flipper.fl-fall.fl-animate.fl-slow .fl-bottom {
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
    }

.flipper.fl-fall .fl-top {
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    z-index: 1
    }

.flipper.fl-fall .fl-bottom {
    line-height: 0;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 1
    }