.animated{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	animation-duration:0.5s;

}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}

.bounceInSpin {
	-webkit-animation-name: bounceInSpin;
	-moz-animation-name: bounceInSpin;
	-o-animation-name: bounceInSpin;
	animation-name: bounceInSpin;
}

.bounceInZoom {

	-webkit-animation-name: bounceInZoom;
	-moz-animation-name: bounceInZoom;
	-o-animation-name: bounceInZoom;
	animation-name: bounceInZoom;
}


@-webkit-keyframes bounceInSpin {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-webkit-transform: rotate3d(0,0,0,0)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}


	100% {
		-webkit-transform: scale(1);
		-webkit-transform: rotate3d(0,0,0,360)
	}
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}


	100% {
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes bounceOut {

	30% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}


	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		z-index:-1;
		display:none;
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}


	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}


	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
	}


	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceInZoom {
	0% {
		opacity: 0;
		-webkit-transform: scale(2);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

.mainPlanZoomIn {
	-webkit-animation-name: mainPlanZoomIn;
	-webkit-animation-duration:0.7s;
		-moz-animation-name: mainPlanZoomIn;
	-moz-animation-duration:0.7s;
		animation-name: mainPlanZoomIn;
	animation-duration:0.7s;
}

@-webkit-keyframes mainPlanZoomIn {
	0% {

		-webkit-transform: scale(.2);

	}

	100% {

		-webkit-transform: scale(1);

	}
}

@-moz-keyframes mainPlanZoomIn {
	0% {

		-moz-transform: scale(.2);

	}

	100% {

		-moz-transform: scale(1);

	}
}

@keyframes mainPlanZoomIn {
	0% {

		transform: scale(.2);

	}

	100% {

		transform: scale(1);

	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	-moz-animation-name: slideInRight;
	-o-animation-name: slideInRight;
	animation-name: slideInRight;
}


@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(1024px,0px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		-webkit-transform:translate3d(784px,0px,0px);
	}
}

@-moz-keyframes slideInRight {
	0% {
		opacity: 0;
		-moz-transform: translate(1024px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		-moz-transform:translate(784px,0px);
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		transform: translate(1024px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		transform:translate(784px,0px);
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	-moz-animation-name: slideIn;
	-o-animation-name: slideIn;
	animation-name: slideIn;
}


@-webkit-keyframes slideIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-240px,0px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		-webkit-transform:translate3d(0px,0px,0px);
	}
}

@-moz-keyframes slideIn {
	0% {
		opacity: 0;
		-moz-transform: translate(-240px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		-moz-transform:translate(0px,0px);
	}
}

@keyframes slideIn {
	0% {
		opacity: 0;
		transform: translate(-240px,0px);
	}
	50% {
		opacity: 1;

	}


	100% {
		opacity: 1;
		transform:translate(0px,0px);
	}
}

.slideOut {
	-webkit-animation-name: slideOut;
	-moz-animation-name: slideOut;
	animation-name: slideOut;

}


@-webkit-keyframes slideOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0px,0px,0px);
	}

    50% {
		opacity: 0;

	}

	100% {
	opacity: 0;
		-webkit-transform:translate3d(-240px,0px,0px);
	}
}
@-moz-keyframes slideOut {
	0% {
		opacity: 1;
		-moz-transform: translate(0px,0px);
	}

    50% {
		opacity: 0;

	}

	100% {
	opacity: 0;
		-moz-transform:translate(-240px,0px);
	}
}

@keyframes slideOut {
	0% {
		opacity: 1;
		transform: translate(0px,0px);
	}

    50% {
		opacity: 0;

	}

	100% {
	opacity: 0;
	transform:translate(-240px,0px);
	}
}


.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	animation-name: slideDown;

}


@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translate3d(0px,-100px,0px);

	}

	30% {

		-webkit-transform: translate3d(0px,0px,0px);
	}

	50% {

		-webkit-transform: translate3d(0px,-10px,0px);
	}
}

@-moz-keyframes slideDown {
	0% {

		top:-100px;
	}

	30% {

		top:0px;
	}

	50% {

		top:-10px;
	}
}

@keyframes slideDown {
	0% {

		top:-100px;
	}

	30% {

		top:0px;
	}

	50% {

		top:-10px;
	}
}

.finderNavSlideUp {
	-webkit-animation-name: finderNavSlideUp;
	-moz-animation-name: finderNavSlideUp;
	animation-name: finderNavSlideUp;

}

@-webkit-keyframes finderNavSlideUp {

	50% {

		bottom:-100px;
	}

	100% {

		bottom:60px;
	}
}

@-moz-keyframes finderNavSlideUp {

	50% {

		bottom:-100px;
	}

	100% {

		bottom:60px;
	}
}
@keyframes finderNavSlideUp {

	50% {

		bottom:-100px;
	}

	100% {

		bottom:60px;
	}
}

.slideOutPois {
	-webkit-animation-name: slideOutPois;
	-moz-animation-name: slideOutPois;
	animation-name: slideOutPois;

}


@-webkit-keyframes slideOutPois {
	0% {

		-webkit-transform: translate3d(0px,0px,0px);
	}



	100% {

		-webkit-transform:translate3d(-200px,0px,0px);
	}
}
@-moz-keyframes slideOutPois {
	0% {

		-moz-transform: translate(0px,0px);
	}


	100% {

		-moz-transform:translate(-200px,0px);
	}
}

@keyframes slideOutPois {
	0% {

		transform: translate(0px,0px);
	}



	100% {

	transform:translate(-200px,0px);
	}
}
.finderNavSlideDown {
	-webkit-animation-name: finderNavSlideDown;
	-moz-animation-name: finderNavSlideDown;
	animation-name: finderNavSlideDown;

}

@-webkit-keyframes finderNavSlideDown {

	0% {

		bottom:60px;
	}


	50% {

		bottom:-100px;
	}
}

@-moz-keyframes finderNavSlideDown {

	0% {

		bottom:60px;
	}


	50% {

		bottom:-100px;
	}
}
@keyframes finderNavSlideDown {

	0% {

		bottom:60px;
	}


	50% {

		bottom:-100px;
	}
}

.plotCardsSlideUp {
	-webkit-animation-name: plotCardsSlideUp;
	-moz-animation-name: plotCardsSlideUp;
	animation-name: plotCardsSlideUp;

}

@-webkit-keyframes plotCardsSlideUp {

	0% {
		opacity:0;
		-webkit-transform:translate3d(0px,80px,0px);
	}

	100% {
		opacity:1;
		-webkit-transform:translate3d(0px,0px,0px);
	}
}
@-moz-keyframes plotCardsSlideUp {

	0% {
		opacity:0;
		-webkit-transform:translate(0,80px);
	}

	100% {
		opacity:1;
		-webkit-transform:translate(0,0px);
	}
}
@keyframes plotCardsSlideUp {

	0% {
		opacity:0;
		transform:translate(0,80px);
	}

	100% {
		opacity:1;
		transform:translate(0,0px);
	}
}


.fadeInBigPlan {
	-webkit-animation-name: fadeInBigPlan;
	-moz-animation-name: fadeInBigPlan;
	animation-name: fadeInBigPlan;

}

@-webkit-keyframes fadeInBigPlan {

	0% {

		opacity: 0.5;
	-webkit-transform: scale(1.05);
	}


	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes fadeInBigPlan {

	0% {

		opacity: 0.5;
	-moz-transform: scale(1.05);
	}


	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@keyframes fadeInBigPlan {

	0% {

		opacity: 0.5;
	transform: scale(1.05);
	}


	100% {
		opacity: 1;
		transform: scale(1);
	}
}


.houseTypes_container {
	  position: relative;
  margin: 20px;
  float:left;
    width: 250px;
  height: 160px;
  perspective: 1000;
}
.houseTypes_card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transition: all 1.0s linear;
}
/*.houseTypes_container:hover .houseTypes_card {
  -webkit-transform: rotateY(180deg);

}*/
.face {
  position: absolute;
  width: 100%;
  height: 100%;
   -webkit-backface-visibility: hidden;
}
.face.back {
  display: block;
   -webkit-transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;

}