.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.q{position:fixed;bottom:10px;right:10px;z-index:100}



.flip_image_holder{
	position:relative;
	cursor:pointer;
	-webkit-perspective:440px;
	-moz-perspective:440px;
	-o-perspective:440px;
	-webkit-backface-visibility:hidden;
	display:inline-block;
	width:220px;
	height:220px;
}
.flip_image_holder{
	position:relative;
	cursor:pointer;
	-webkit-perspective:440px;
	-moz-perspective:440px;
	-o-perspective:440px;
	-webkit-backface-visibility:hidden;
	display:inline-block;
	max-width:100%;
}
.flip_image{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%
}
.flip_image img{display:block}
.flip_image.back{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.flip_image_text{
	display:table;
	width:100%;
	height:100%
}
.flip_image_text_inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.flip_image_text h4{color:#fff;margin:0}
.flip_image_holder.fade:hover .back{
	opacity:1;filter:alpha(opacity=100);
	z-index:10;
	position:absolute
}
.flip_image_holder.fade:hover .front{
	opacity:0;filter:alpha(opacity=0)
}
.flip_image_holder.fade .back{
	opacity:0;filter:alpha(opacity=0);
	-o-transition:opacity .4s ease-in-out;
	-ms-transition:opacity .4s ease-in-out;
	-moz-transition:opacity .4s ease-in-out;
	-webkit-transition:opacity .4s ease-in-out;
	transition:opacity .4s ease-in-out;
	-webkit-backface-visibility:hidden
}
.flip_image_holder.fade .front{
	display:block;
	opacity:1;
	filter:alpha(opacity=100);
	-o-transition:opacity .35s ease-in-out;
	-ms-transition:opacity .35s ease-in-out;
	-moz-transition:opacity .35s ease-in-out;
	-webkit-transition:opacity .35s ease-in-out;
	transition:opacity .35s ease-in-out;
	-webkit-backface-visibility:hidden
}
.flip_image_holder .back{
	-webkit-transform:rotateX(0deg) rotateY(-180deg);
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	-moz-transform:rotateX(0deg) rotateY(-180deg);
	-moz-transform-style:preserve-3d;
	-moz-backface-visibility:hidden;
	-o-transform:rotateX(0deg) rotateY(-180deg);
	-o-transform-style:preserve-3d;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-ms-transform:perspective(600px) rotateY(-180deg);
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-webkit-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out
}
.flip_image_holder .front{
	-webkit-transform:rotateX(0deg) rotateY(0deg);
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	-moz-transform:rotateX(0deg) rotateY(0deg);
	-moz-transform-style:preserve-3d;
	-moz-backface-visibility:hidden;
	-o-transform:rotateX(0deg) rotateY(0deg);
	-o-transform-style:preserve-3d;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-ms-transform:perspective(600px) rotateY(0deg);
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-webkit-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out
}
.flip_image_holder:hover .back{
	-ms-transform:perspective(600px) rotateY(0deg)!important;
	-webkit-transform:rotateX(0deg) rotateY(0deg)!important;
	-moz-transform:rotateX(0deg) rotateY(0deg)!important;
	-o-transform:rotateX(0deg) rotateY(0deg)!important;z-index:1000;
}
.flip_image_holder:hover .front{
	-ms-transform:perspective(600px) rotateY(180deg)!important;
	-webkit-transform:rotateX(0deg) rotateY(180deg)!important;
	-moz-transform:rotateX(0deg) rotateY(180deg)!important;
	-o-transform:rotateX(0deg) rotateY(180deg)!important;
}
.flip_image_holder.yes.flip_first_time .back{
	-webkit-transform:rotateX(0deg) rotateY(180deg);
	-moz-transform:rotateX(0deg) rotateY(180deg);
	-o-transform:rotateX(0deg) rotateY(180deg);
	-ms-transform:perspective(600px) rotateY(180deg);
	-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;
	-moz-transition:all .9s ease-in-out;
	-webkit-transition:all .9s ease-in-out;
	transition:all .9s ease-in-out;z-index:1000
}
.flip_image_holder.yes.flip_first_time .front{
	-webkit-transform:rotateX(0deg) rotateY(360deg);
	-moz-transform:rotateX(0deg) rotateY(360deg);
	-o-transform:rotateX(0deg) rotateY(360deg);
	-ms-transform:perspective(600px) rotateY(360deg);
	-o-transition:all .9s ease-in-out;
	-ms-transition:all .9s ease-in-out;
	-moz-transition:all .9s ease-in-out;
	-webkit-transition:all .9s ease-in-out;
	transition:all .9s ease-in-out
}