.delayed {
	opacity:0;
}
.delayed.on {
	opacity:1;
}
.animate {
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}
.animated {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.duration-half-sec {
-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.duration-2-secs {
-webkit-animation-duration: 2s;
		animation-duration: 2s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.duration-3-secs {
-webkit-animation-duration: 3s;
		animation-duration: 3s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.duration-4-secs {
-webkit-animation-duration: 4s;
		animation-duration: 4s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

.delayed-quarter-sec {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delayed-half-sec {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delayed-3-quarters-sec {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	-ms-animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
.delayed-1-sec {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.delayed-1-half-secs {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.delayed-2-secs {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.delayed-2-half-secs {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-o-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.delayed-3-secs {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
.delayed-3-3-quarter-secs {
	-webkit-animation-delay: 3.25s;
	-moz-animation-delay: 3.25s;
	-ms-animation-delay: 3.25s;
	-o-animation-delay: 3.25s;
	animation-delay: 3.25s;
}
.delayed-3-3-half-secs {
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-ms-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.delayed-10-secs {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-ms-animation-delay: 10s;
	-o-animation-delay: 10s;
	animation-delay: 10s;
}
.delayed-projects {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

/* fadeIn */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
			animation-name:fadeIn;
}

/* fadeInUp */
@-webkit-keyframes fadeInUp {
0% {
	opacity:0;
	padding-top:30px;
	margin-bottom:-30px;
}
100% {
	opacity:1;
	padding-top:0;
	margin-bottom:0;
}
}
@keyframes fadeInUp {
0% {
	opacity:0;
	padding-top:30px;
	margin-bottom:-30px;
}
100% {
	opacity:1;
	padding-top:0;
	margin-bottom:0;
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
			animation-name:fadeInUp;
}

/* fadeInUpBig */
@-webkit-keyframes fadeInUpBig {
0% {
	opacity:0;
	padding-top:120px;
	margin-bottom:-120px;
}
100% {
	opacity:1;
	padding-top:0;
	margin-bottom:0;
}
}
@keyframes fadeInUpBig {
0% {
	opacity:0;
	padding-top:120px;
	margin-bottom:-120px;
}
100% {
	opacity:1;
	padding-top:0;
	margin-bottom:0;
}
}
.fadeInUpBig {
	-webkit-animation-name:fadeInUpBig;
			animation-name:fadeInUpBig;
}

/* slideD */
@-webkit-keyframes slideD {
0% {
	opacity:0;
	margin-left:-100px;
}
100% {
	opacity:1;
	margin-left:0;
}
}
@keyframes slideD {
0% {
	opacity:0;
	margin-left:-100px;
}
100% {
	opacity:1;
	margin-left:0;
}
}
.slideD {
	-webkit-animation-name:slideD;
			animation-name:slideD;
}

/* slideDAbout */
@-webkit-keyframes slideDAbout {
0% {
	opacity:0;
	margin-left:-100px;
}
100% {
	opacity:1;
	margin-left:0;
}
}
@keyframes slideDAbout {
0% {
	opacity:0;
	margin-left:-100px;
}
100% {
	opacity:1;
	margin-left:0;
}
}
.slideDAbout {
	-webkit-animation-name:slideDAbout;
			animation-name:slideDAbout;
}


/* slideG */
@-webkit-keyframes slideG {
0% {
	opacity:0;
	margin-right:30px;
}
100% {
	opacity:1;
	margin-right:0;
}
}
@keyframes slideG {
0% {
	opacity:0;
	margin-right:30px;
}
100% {
	opacity:1;
	margin-right:0;
}
}
.slideG {
	-webkit-animation-name:slideG;
			animation-name:slideG;
}

/* lineVert */
@-webkit-keyframes lineVert {
0% {
	opacity:0;
	height:0;
}
100% {
	opacity:1;
	height:100%;
}
}
@keyframes lineVert {
0% {
	opacity:0;
	height:0;
}
100% {
	opacity:1;
	height:100%;
}
}
.lineVert {
	-webkit-animation-name:lineVert;
			animation-name:lineVert;
}

/* circleVert */
@-webkit-keyframes circleVert {
0% {
	opacity:0;

}
100% {
	opacity:1;
}
}
@keyframes circleVert {
0% {
	opacity:0;
	top:0;
}
100% {
	opacity:1;
	top:48%;
}
}
.circleVert {
	-webkit-animation-name:circleVert;
			animation-name:circleVert;
}


/* scaleIn */
@-webkit-keyframes scaleIn {
0% {
	opacity:0;
	transform: scale(1.3);
	-webkit-transform:scale(1.3);
}
100% {
	opacity:1;
	transform: scale(1.0);
	-webkit-transform:scale(1.0);
}
}
@keyframes scaleIn {
0% {
	opacity:0;
	transform: scale(1.3);
	-webkit-transform:scale(1.3);
}
100% {
	opacity:1;
	transform: scale(1.0);
	-webkit-transform:scale(1.0);
}
}
.scaleIn {
	-webkit-animation-name:scaleIn;
			animation-name:scaleIn;
}

/* fadeInGallery */
@-webkit-keyframes fadeInGallery {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeInGallery {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
.fadeInGallery {
	-webkit-animation-name:fadeInGallery;
			animation-name:fadeInGallery;
}

/* fadeOutGallery */
@-webkit-keyframes fadeOutGallery {
0% {
	opacity:1;
}
100% {
	opacity:0;
}
}
@keyframes fadeOutGallery {
0% {
	opacity:1;
}
100% {
	opacity:0;
}
}
.fadeOutGallery {
	-webkit-animation-name:fadeOutGallery;
			animation-name:fadeOutGallery;
}



/* swipeLeft */
@-webkit-keyframes swipeLeft {
0% {
	background-position: -10px top;
}
100% {
	background-position: 320% top;
}
}
@keyframes swipeLeft {
0% {
	background-position: -10px top;
}
100% {
	background-position: 320% top;
}
}
.swipeLeft {
	-webkit-animation-name:swipeLeft;
			animation-name:swipeLeft;
}


/* swipeRight */
@-webkit-keyframes swipeRight {
0% {
	background-position: -100px top;
}
100% {
	background-position: -200% top;
}
}
@keyframes swipeRight {
0% {
	background-position: -100px top;
}
100% {
	background-position: -200% top;
}
}
.swipeRight {
	-webkit-animation-name:swipeRight;
			animation-name:swipeRight;
}

/* swipeRightSquare */
@-webkit-keyframes swipeRightSquare {
0% {
	background-position: -100px top;
}
100% {
	background-position: -300% top;
}
}
@keyframes swipeRightSquare {
0% {
	background-position: -100px top;
}
100% {
	background-position: -300% top;
}
}
.swipeRightSquare {
	-webkit-animation-name:swipeRightSquare;
			animation-name:swipeRightSquare;
}

/* swipeRightSquareMore */
@-webkit-keyframes swipeRightSquareMore {
0% {
	background-position: -100px top;
}
100% {
	background-position: -360% top;
}
}
@keyframes swipeRightSquareMore {
0% {
	background-position: -100px top;
}
100% {
	background-position: -360% top;
}
}
.swipeRightSquareMore {
	-webkit-animation-name:swipeRightSquareMore;
			animation-name:swipeRightSquareMore;
}

/* swipeRightSquareFurther */
@-webkit-keyframes swipeRightSquareFurther {
0% {
	background-position: -100px top;
}
100% {
	background-position: -380% top;
}
}
@keyframes swipeRightSquareFurther {
0% {
	background-position: -100px top;
}
100% {
	background-position: -380% top;
}
}
.swipeRightSquareFurther {
	-webkit-animation-name:swipeRightSquareFurther;
			animation-name:swipeRightSquareFurther;
}

/* swipeRightVertical */
@-webkit-keyframes swipeRightVertical {
0% {
	background-position: -100px top;
}
100% {
	background-position: -390% top;
}
}
@keyframes swipeRightVertical {
0% {
	background-position: -100px top;
}
100% {
	background-position: -390% top;
}
}
.swipeRightVertical {
	-webkit-animation-name:swipeRightVertical;
			animation-name:swipeRightVertical;
}

/* swipeLeftVerticalGallery */
@-webkit-keyframes swipeLeftVerticalGallery {
0% {
	width:100%;
	opacity:1;
}
99% {
	opacity:1;
}
100% {
	width:0;
	left:0;
	opacity:0;
}
}
@keyframes swipeLeftVerticalGallery {
0% {
	width:100%;
	opacity:1;
}
99% {
	opacity:1;
}
100% {
	width:0;
	left:0;
	opacity:0;
}
}
.swipeLeftVerticalGallery {
	-webkit-animation-name:swipeLeftVerticalGallery;
			animation-name:swipeLeftVerticalGallery;
}

/* swipeRightVerticalGallery */
@-webkit-keyframes swipeRightVerticalGallery {
0% {
	width:100%;
}
100% {
	width:0;
	left:100%;
}
}
@keyframes swipeRightVerticalGallery {
0% {
	width:100%;
}
100% {
	width:0;
	left:100%;
}
}
.swipeRightVerticalGallery {
	-webkit-animation-name:swipeRightVerticalGallery;
			animation-name:swipeRightVerticalGallery;
}


/* brushUp */
@-webkit-keyframes brushUp {
0% {
	background-position: right 900%;
}
100% {
	background-position: right bottom;
}
}
@keyframes brushUp {
0% {
	background-position: right 900%;
}
100% {
	background-position: right bottom;
}
}
.brushUp {
	-webkit-animation-name:brushUp;
			animation-name:brushUp;
}

/* brushUpSquare */
@-webkit-keyframes brushUpSquare {
0% {
	background-position: right 800px;
}
100% {
	background-position: right top;
}
}
@keyframes brushUpSquare {
0% {
	background-position: right 800px;
}
100% {
	background-position: right top;
}
}
.brushUpSquare {
	-webkit-animation-name:brushUpSquare;
			animation-name:brushUpSquare;
}

/* brushUpLeft */
@-webkit-keyframes brushUpLeft {
0% {
	background-position: left 800px;
}
100% {
	background-position: left top;
}
}
@keyframes brushUpLeft {
0% {
	background-position: left 800px;
}
100% {
	background-position: left top;
}
}
.brushUpLeft {
	-webkit-animation-name:brushUpLeft;
			animation-name:brushUpLeft;
}


/* drawLineUp */
@-webkit-keyframes drawLineUp {
0% {
	opacity:0;
	height:1%;
}
100% {
	opacity:1;
	height:100%;
}
}
@keyframes drawLineUp {
0% {
	opacity:0;
	height:1%;
}
100% {
	opacity:1;
	height:100%;
}
}
.drawLineUp {
	-webkit-animation-name:drawLineUp;
			animation-name:drawLineUp;
}

/* drawCircle */
@-webkit-keyframes drawCircle {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes drawCircle {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
.drawCircle {
	-webkit-animation-name:drawCircle;
			animation-name:drawCircle;
}

/* textSlide */
@-webkit-keyframes textSlide {
0% {
	opacity:0;
	margin-left:-10%;
	padding-right:10%;
}
100% {
	opacity:1;
	margin-left:1%;
	padding-right:1%;
}
}
@keyframes textSlide {
0% {
	opacity:0;
	margin-left:-10%;
	padding-right:10%;
}
100% {
	opacity:1;
	margin-left:0;
	padding-right:1%;
}
}
.textSlide {
	-webkit-animation-name:textSlide;
			animation-name:textSlide;
}

/* textSlideRight */
@-webkit-keyframes textSlideRight {
0% {
	opacity:0;
	margin-right:-10%;
	padding-left:10%;
}
100% {
	opacity:1;
	margin-right:1%;
	padding-left:1%;
}
}
@keyframes textSlideRight {
0% {
	opacity:0;
	margin-right:-10%;
	padding-left:10%;
}
100% {
	opacity:1;
	margin-right:0;
	padding-left:1%;
}
}
.textSlideRight {
	-webkit-animation-name:textSlideRight;
			animation-name:textSlideRight;
}

/* lineSlide */
@-webkit-keyframes lineSlide {
0% {
	width:1%;
}
100% {
	width:100%;
}
}
@keyframes lineSlide {
0% {
	width:1%;
}
100% {
	width:100%;
}
}
.lineSlide {
	-webkit-animation-name:lineSlide;
			animation-name:lineSlide;
}

/* wiggleHandle */
@-webkit-keyframes wiggleHandle {
0% {
	margin-left:0;
}
50% {
	margin-left:50px;
}
100% {
	margin-left:0;
}
}
@keyframes wiggleHandle {
0% {
	margin-left:0;
}
50% {
	margin-left:50px;
}
100% {
	margin-left:0;
}
}
.wiggleHandle {
	-webkit-animation-name:wiggleHandle;
			animation-name:wiggleHandle;
}

/* wiggleScreen */
@-webkit-keyframes wiggleScreen {
0% {
	width:10%;
}
50% {
	width:20%;
}
100% {
	width:10%;
}
}
@keyframes wiggleScreen {
0% {
	width:10%;
}
50% {
	width:20%;
}
100% {
	width:10%;
}
}
.wiggleScreen {
	-webkit-animation-name:wiggleScreen;
			animation-name:wiggleScreen;
}


/* textAni */
@-webkit-keyframes textAni {
0% {
	padding-top:55px;
	opacity:1;
}
100% {
	padding-top:0;
	opacity:1;
}
}
@keyframes textAni {
0% {
	padding-top:55px;
	opacity:1;
}
100% {
	padding-top:0;
	opacity:1;
}
}
.textAni {
	-webkit-animation-name:textAni;
			animation-name:textAni;
}

/* textAniHero */
@-webkit-keyframes textAniHero {
0% {
	padding-top:70px;
	opacity:0;
}
100% {
	padding-top:0;
	opacity:1;
}
}
@keyframes textAniHero {
0% {
	padding-top:70px;
	opacity:0;
}
100% {
	padding-top:0;
	opacity:1;
}
}
.textAniHero {
	-webkit-animation-name:textAniHero;
			animation-name:textAniHero;
}

/* textAniVilla */
@-webkit-keyframes textAniVilla {
0% {
	padding-top:25px;
	opacity:1;
}
100% {
	padding-top:0;
	opacity:1;
}
}
@keyframes textAniVilla {
0% {
	padding-top:25px;
	opacity:1;
}
100% {
	padding-top:0;
	opacity:1;
}
}
.textAniVilla {
	-webkit-animation-name:textAniVilla;
			animation-name:textAniVilla;
}

/* heightNone */
@-webkit-keyframes heightNone {
0% {
}
100% {
	height:0;
}
}
@keyframes heightNone {
0% {
}
100% {
	height:0;
}
}
.heightNone {
	-webkit-animation-name:heightNone;
			animation-name:heightNone;
}

/* imagePadd */
@-webkit-keyframes imagePadd {
0% {
	padding-top:20px;
	opacity:0;
}
100% {
	padding-top:0;
	opacity:1;
}
}
@keyframes imagePadd {
0% {
	padding-top:20px;
	opacity:0;
}
100% {
	padding-top:0;
	opacity:1;
}
}
.imagePadd {
	-webkit-animation-name:imagePadd;
			animation-name:imagePadd;
}

/* slideDown */
@-webkit-keyframes slideDown {
0% {
	margin-top:-40px;
	opacity:0;
}
100% {
	margin-top:0;
	opacity:1;
}
}
@keyframes slideDown {
0% {
	margin-top:-40px;
	opacity:0;
}
100% {
	margin-top:0;
	opacity:1;
}
}
.slideDown {
	-webkit-animation-name:slideDown;
			animation-name:slideDown;
}

/* fadeIn PopUp */
@-webkit-keyframes fadeInPopUp {
0% {
	left:0;
	width:100%;
	z-index:-1;
}
100% {
	left:0;
	width:100%;
	z-index:4;
}
}
@keyframes fadeInPopUp {
0% {
	left:0;
	width:100%;
	z-index:-1;
}
100% {
	left:0;
	width:100%;
	z-index:4;
}

}
.fadeInPopUp {
	-webkit-animation-name:fadeInPopUp;
			animation-name:fadeInPopUp;
}

/* spinY */
@-webkit-keyframes spinY {
from {
	opacity:0;
	transform: rotateY(90deg);
	webkit-transform: rotateY(90deg);
  }
to {
	opacity:1;
	transform: rotateY(0);
	webkit-transform: rotateY(0);
}
}
@keyframes spinY {
from {
	opacity:0;
	transform: rotateY(90deg);
	webkit-transform: rotateY(90deg);
}
to {
	opacity:1;
	transform: rotateY(0);
	webkit-transform: rotateY(0);
}
}
.spinY {
	-webkit-animation-name:spinY;
			animation-name:spinY;
}