.fade-in, .slide-in, .slide-up, .slide-down, .drop-in, .bounce-left, .bounce-right, .draw, .animtext{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:0;}
.fade-in.on, .slide-in.on, .slide-up.on, .slide-down.on, .drop-in.on, .bounce-left.on, .bounce-right.on, .draw.on{opacity:1;}

.slide-in.js{
	-webkit-transform:translate(0,100px);
	transform:translate(0,100px);
}
.slide-in.js.on{
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}

.slide-down.js{
	opacity: 0;
	/*display: inline-block;*/
	-webkit-transform:translate(0,-100px);
	transform:translate(0,-100px);
}
.slide-down.js.on{
	-webkit-animation: slide-down 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: slide-down 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes slide-down {
	0% {transform: translate3d(0,-100px,0); opacity: 0;}
	100% {transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes slide-down {
	0% {transform: -webkit-translate3d(0,-100px,0); opacity: 0;}
	100% {transform: -webkit-translate3d(0,0,0); opacity: 1;}
}
.slide-up.js{
	opacity: 0;
	/*display: inline-block;*/
	-webkit-transform:translate(0,100px);
	transform:translate(0,100px);
}
.slide-up.js.on{
	-webkit-animation: slide-up 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: slide-up 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes slide-up {
	0% {transform: translate3d(0,100px,0); opacity: 0;}
	100% {transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes slide-up {
	0% {transform: -webkit-translate3d(0,100px,0); opacity: 0;}
	100% {transform: -webkit-translate3d(0,0,0); opacity: 1;}
}
.drop-in.js{
	-webkit-transform:translate(0,-100px);
	transform:translate(0,-100px);
}
.drop-in.js.on{
	-webkit-animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes shake {
  10%, 90% {transform: translate3d(0, -2px, 0);}
  20%, 80% {transform: translate3d(0, 5px, 0);}
  30%, 50%, 70% {transform: translate3d(0, -10px, 0);}
  40%, 60% {transform: translate3d(0, 10px, 0);}
}
@-webkit-keyframes shake {
  10%, 90% {-webkit-transform: translate3d(0, -2px, 0);}
  20%, 80% {-webkit-transform: translate3d(0, 5px, 0);}
  30%, 50%, 70% {-webkit-transform: translate3d(0, -10px, 0);}
  40%, 60% {-webkit-transform: translate3d(0, 10px, 0);}
}


.bounce-left.js{
	display: inline-block;
	-webkit-transform:translate(-200px,0);
	transform:translate(-200px,0);
}
.bounce-left.js.on{
	-webkit-animation: bounce-left 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: bounce-left 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes bounce-left {
	0% {transform: translate3d(-200px,0,0);}
	50% {transform: translate3d(15px,0,0);}
	70% {transform: translate3d(-10px,0,0);}
	80% {transform: translate3d(5px,0,0);}
	90% {transform: translate3d(-2px,0,0);}
	100% {transform: translate3d(0,0,0);}
}
@-webkit-keyframes bounce-left {
	0% {transform: -webkit-translate3d(-200px,0,0);}
	50% {transform: -webkit-translate3d(15px,0,0);}
	70% {transform: -webkit-translate3d(-10px,0,0);}
	80% {transform: -webkit-translate3d(5px,0,0);}
	90% {transform: -webkit-translate3d(-2px,0,0);}
	100% {transform: -webkit-translate3d(0,0,0);}
}

.bounce-right.js{
	display: inline-block;
	-webkit-transform:translate(200px,0);
	transform:translate(200px,0);
}
.bounce-right.js.on{
	-webkit-animation: bounce-right 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: bounce-right 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes bounce-right {
	0% {transform: translate3d(200px,0,0);}
	50% {transform: translate3d(-15px,0,0);}
	70% {transform: translate3d(10px,0,0);}
	80% {transform: translate3d(-5px,0,0);}
	90% {transform: translate3d(2px,0,0);}
	100% {transform: translate3d(0,0,0);}
}
@-webkit-keyframes bounce-right {
	0% {transform: -webkit-translate3d(200px,0,0);}
	50% {transform: -webkit-translate3d(-15px,0,0);}
	70% {transform: -webkit-translate3d(10px,0,0);}
	80% {transform: -webkit-translate3d(-5px,0,0);}
	90% {transform: -webkit-translate3d(2px,0,0);}
	100% {transform: -webkit-translate3d(0,0,0);}
}
.scale, .wp-block-image.zoom img, .zoom img.wp-block-cover__image-background{
	-webkit-animation: scale 10s ease 0s infinite;
	animation: scale 10s ease 0s infinite;
}

@keyframes scale {
  0%{transform:scale(1);}
  50%{transform:scale(1.05);}
  100%{transform:scale(1);}
}
@keyframes scale {
  0%{-webkit-transform:scale(1);}
  50%{-webkit-transform:scale(1.05);}
  100%{-webkit-transform:scale(1);}
}

.slide-left.js{
	/*display: inline-block;*/
	opacity: 0;
	-webkit-transform:translate(-100px,0);
	transform:translate(-100px,0);
}
.slide-left.js.on{
	-webkit-animation: slide-left 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: slide-left 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes slide-left {
	0% {transform: translate3d(-100px,0,0); opacity: 0;}
	100% {transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes slide-left {
	0% {transform: -webkit-translate3d(-100px,0,0); opacity: 0;}
	100% {transform: -webkit-translate3d(0,0,0); opacity: 1;}
}

.slide-right.js{
	opacity: 0;
	/*display: inline-block;*/
	-webkit-transform:translate(100px,0);
	transform:translate(100px,0);
}
.slide-right.js.on{
	-webkit-animation: slide-right 0.9s cubic-bezier(.36,.07,.19,.97) both;
	animation: slide-right 0.9s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}
@keyframes slide-right {
	0% {transform: translate3d(100px,0,0); opacity: 0;}
	100% {transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes slide-right {
	0% {transform: -webkit-translate3d(100px,0,0); opacity: 0;}
	100% {transform: -webkit-translate3d(0,0,0); opacity: 1;}
}


.draw.js path, .draw.js polygon {
	/*stroke: #CCC;*/
	stroke-dashArray: 500;
	stroke-dashoffset: 500;
	opacity: 0;
}
.draw.on path, .draw.on polygon {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration: 1;
	-webkit-animation-name: ShowOpacity, DrawLine;
	-webkit-animation-duration: 1s, 3s;
	-webkit-animation-delay: 0s, 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration: 1;
	animation-name: ShowOpacity, DrawLine;
	animation-duration: 1s, 3s;
	animation-delay: 0s, 1s;
}
.draw.fill.on path, .draw.fill.on polygon {
	opacity: 1;
	fill-opacity: 0;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration: 1;
	-webkit-animation-name: DrawLine, FillIn;
	-webkit-animation-duration: 3s, 1s;
	-webkit-animation-delay: 0s, 1.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration: 1;
	animation-name: DrawLine, FillIn;
	animation-duration: 3s, 1s;
	animation-delay: 0s, 1.5s;
}
.draw.fill-fadestroke.on path {
	opacity: 1;
	fill-opacity: 0;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration: 1;
	-webkit-animation-name: DrawLine, FadeStroke, FillIn;
	-webkit-animation-duration: 3s, 1s, 1s;
	-webkit-animation-delay: 0s, 2.5s, 2.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration: 1;
	animation-name: DrawLine, FadeStroke, FillIn;
	animation-duration: 3s, 1s, 1s;
	animation-delay: 0s, 2.5s, 2.5s;
}
@keyframes ShowOpacity {to { opacity: 1; }}
@keyframes DrawLine {to { stroke-dashOffset: 0; }}
@keyframes FadeStroke {  to { stroke-opacity: 0; }}
@keyframes FillIn {  from { fill-opacity: 0; }  to { fill-opacity: 1; }	}
@keyframes BlurOut {   to { filter:blur(0px); }	}


@-webkit-keyframes ShowOpacity {to { opacity: 1; }}
@-webkit-keyframes DrawLine {to { stroke-dashOffset: 0; }}
@-webkit-keyframes FadeStroke {  to { stroke-opacity: 0; }}
@-webkit-keyframes FillIn {  from { fill-opacity: 0; }  to { fill-opacity: 1; }	}
@-webkit-keyframes BlurOut {  to { -webkit-filter:blur(0px); }	}

.js.on.delay1{ --delay:1s}
.js.on.delay2{ --delay:2s}
.js.on.delay3{ --delay:3s}
.js.on.delay4{ --delay:4s}
.js.on.delay5{ --delay:5s}
.js.on[class*=delay]{ -webkit-transition-delay: var(--delay,0s); -o-transition-delay: var(--delay,0s); transition-delay: var(--delay,0s); }
.js.on[class*=delay]{ -webkit-animation-delay: var(--delay,0s); animation-delay: var(--delay,0s) }



/*animated text*/
.animtext.on.delay1{ --delay:1s}
.animtext.on.delay2{ --delay:2s}
.animtext.on.delay3{ --delay:3s}
.animtext.on.delay4{ --delay:4s}
.animtext.on.delay5{ --delay:5s}

.animtext > *:nth-child(1) {	 animation-delay: calc(var(--delay,0s) + 0.25s);}.animtext > *:nth-child(2) {	 animation-delay: calc(var(--delay,0s) + 0.5s);}.animtext > *:nth-child(3) {	 animation-delay: calc(var(--delay,0s) + 0.75s);}.animtext > *:nth-child(4) {	 animation-delay: calc(var(--delay,0s) + 1s);}.animtext > *:nth-child(5) {	 animation-delay: calc(var(--delay,0s) + 1.25s);}.animtext > *:nth-child(6) {	 animation-delay: calc(var(--delay,0s) + 1.5s);}.animtext > *:nth-child(7) {	 animation-delay: calc(var(--delay,0s) + 1.75s);}.animtext > *:nth-child(8) {	 animation-delay: calc(var(--delay,0s) + 2s);}.animtext > *:nth-child(9) {	 animation-delay: calc(var(--delay,0s) + 2.25s);}.animtext > *:nth-child(10) {	 animation-delay: calc(var(--delay,0s) + 2.5s);}.animtext > *:nth-child(11) {	 animation-delay: calc(var(--delay,0s) + 2.75s);}.animtext > *:nth-child(12) {	 animation-delay: calc(var(--delay,0s) + 3s);}.animtext > *:nth-child(13) {	 animation-delay: calc(var(--delay,0s) + 3.25s);}.animtext > *:nth-child(14) {	 animation-delay: calc(var(--delay,0s) + 3.5s);}.animtext > *:nth-child(15) {	 animation-delay: calc(var(--delay,0s) + 3.75s);}.animtext > *:nth-child(16) {	 animation-delay: calc(var(--delay,0s) + 4s);}.animtext > *:nth-child(17) {	 animation-delay: calc(var(--delay,0s) + 4.25s);}.animtext > *:nth-child(18) {	 animation-delay: calc(var(--delay,0s) + 4.5s);}.animtext > *:nth-child(19) {	 animation-delay: calc(var(--delay,0s) + 4.75s);}.animtext > *:nth-child(20) {	 animation-delay: calc(var(--delay,0s) + 5s);}.animtext.slow > *:nth-child(1) {	 animation-delay: calc(var(--delay,0s) + 0.5s);}.animtext.slow > *:nth-child(2) {	 animation-delay: calc(var(--delay,0s) + 1s);}.animtext.slow > *:nth-child(3) {	 animation-delay: calc(var(--delay,0s) + 1.5s);}.animtext.slow > *:nth-child(4) {	 animation-delay: calc(var(--delay,0s) + 2s);}.animtext.slow > *:nth-child(5) {	 animation-delay: calc(var(--delay,0s) + 2.5s);}.animtext.slow > *:nth-child(6) {	 animation-delay: calc(var(--delay,0s) + 3s);}.animtext.slow > *:nth-child(7) {	 animation-delay: calc(var(--delay,0s) + 3.5s);}.animtext.slow > *:nth-child(8) {	 animation-delay: calc(var(--delay,0s) + 4s);}.animtext.slow > *:nth-child(9) {	 animation-delay: calc(var(--delay,0s) + 4.5s);}.animtext.slow > *:nth-child(10) {	 animation-delay: calc(var(--delay,0s) + 5s);}.animtext.slow > *:nth-child(11) {	 animation-delay: calc(var(--delay,0s) + 5.5s);}.animtext.slow > *:nth-child(12) {	 animation-delay: calc(var(--delay,0s) + 6s);}.animtext.slow > *:nth-child(13) {	 animation-delay: calc(var(--delay,0s) + 6.5s);}.animtext.slow > *:nth-child(14) {	 animation-delay: calc(var(--delay,0s) + 7s);}.animtext.slow > *:nth-child(15) {	 animation-delay: calc(var(--delay,0s) + 7.5s);}.animtext.slow > *:nth-child(16) {	 animation-delay: calc(var(--delay,0s) + 8s);}.animtext.slow > *:nth-child(17) {	 animation-delay: calc(var(--delay,0s) + 8.5s);}.animtext.slow > *:nth-child(18) {	 animation-delay: calc(var(--delay,0s) + 9s);}.animtext.slow > *:nth-child(19) {	 animation-delay: calc(var(--delay,0s) + 9.5s);}.animtext.slow > *:nth-child(20) {	 animation-delay: calc(var(--delay,0s) + 10s);}

.animtext.js{opacity: 0;}
.animtext.js.on{opacity: 1;}
.animtext.js>*{opacity: 0; filter: blur(10px);}
.animtext.js.on>*{-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
animation-iteration: 1;
-webkit-animation-name: ShowOpacity, BlurOut;
				animation-name: ShowOpacity, BlurOut;
-webkit-animation-duration: 1s, 1s;
				animation-duration: 1s, 1s; }

.blur-out.js:not(.off){filter: blur(10px);}
.blur-out.js.on{-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
animation-iteration: 1;
-webkit-animation-name: BlurOut;
				animation-name: BlurOut;
-webkit-animation-duration: 1s;
				animation-duration: 1s; }