/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2023 | 14:00:15 */
.fade-in-left,
.fade-in-one,
.fade-in-two,
.fade-in-three,
.fade-in-four,
.fade-in-five,
.fade-in-six,
.fade-in-seven {
	opacity:0;
}

.in-view .fade-in-left {
	-webkit-animation-name: fadeleftrespone;
	-webkit-animation-duration: 1s;
	animation-name: fadeleftrespone;
	animation-duration: 1s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}

.in-view .fade-in-one {
	-webkit-animation-name: fadeinrespone;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespone;
	animation-duration: 1s;
	animation-delay:0.3s;
	animation-fill-mode:forwards;
	opacity:0;
}
.animation-element.avia-image-container.in-view.fade-in-two,
.avia-image-container.in-view.fade-in-two,
.in-view .fade-in-two  {
	-webkit-animation-name: fadeinresptwo;
	-webkit-animation-duration: 1s;
	animation-name: fadeinresptwo;
	animation-duration: 1s;
	animation-delay:0.6s;
	animation-fill-mode:forwards;
	opacity:0;
}
.animation-element.avia-image-container.in-view.fade-in-three,
.avia-image-container.in-view.fade-in-three,
.in-view .fade-in-three {
	-webkit-animation-name: fadeinrespthree;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespthree;
	animation-duration: 1s;
	animation-delay:0.9s;
	animation-fill-mode:forwards;
	opacity:0;
}
.animation-element.avia-image-container.in-view.fade-in-four,
.avia-image-container.in-view.fade-in-four,
.in-view .fade-in-four {
	-webkit-animation-name: fadeinrespfour;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespfour;
	animation-duration: 1s;
	animation-delay:1.2s;
	animation-fill-mode:forwards;
	opacity:0;
}

.animation-element.in-view.fade-in-five,
.avia-image-container.in-view.fade-in-five, 
.in-view .fade-in-five {
	-webkit-animation-name: fadeinrespfive;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespfive;
	animation-duration: 1s;
	animation-delay:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}

.animation-element.in-view.fade-in-six,
.in-view .fade-in-six {
	-webkit-animation-name: fadeinrespfive;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespfive;
	animation-duration: 1s;
	animation-delay:1.8s;
	animation-fill-mode:forwards;
	opacity:0;
}

.in-view .fade-in-seven {
	-webkit-animation-name: fadeinrespfive;
	-webkit-animation-duration: 1s;
	animation-name: fadeinrespfive;
	animation-duration: 1s;
	animation-delay:2s;
	animation-fill-mode:forwards;
	opacity:0;
}


/****************** KEYFRAMES *******************/

@keyframes fadeleftrespone {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(-80px, 0px, 0px);
  -webkit-transform: translate3d(-80px, 0px, 0px);
  -o-transform: translate(-80px, 0px);
  -ms-transform: translate(-80px, 0px);
  transform: translate3d(-80px, 0px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespone {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeinresptwo {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeinrespthree {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespfour {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespfive {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespsix {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespseven {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}