/******************************************************************************
                            ON SCROLL TO VISIBLE CLASSES
******************************************************************************/

/*one time animation on scroll*/





/*this animation: fade on image un-blur*/
.efx_a{
    opacity: .0;
    filter: blur(12px);
}


/*this animation: fade on image moves up*/
.efx_b{
    opacity: .0;
    padding-top : 400px;
}

/*this animation: fade on and unblur*/
.efx_c{
    opacity: .0;
    filter: blur(32px);
/*    padding-top : 250px;*/
}



/*this animation: fade on image grows from top right*/
.efx_ccc{
    opacity: .0;
    padding-left : 450px;
}




/*this animation: fade on image left to right*/
.efx_l{
    opacity: .0;
    filter: blur(8px);
    transform: translateX(-100px);
}



/*this animation: fade on image right to left*/
.efx_r{
    opacity: .0;
    filter: blur(8px);
    transform: translateX(100px);
}






/*this animation: fade on image burns in, needs long duration*/
.efx_xx{
    opacity: .0;
    filter: contrast(200%);
}




/*this animation: fade on image tips and moves down*/
.efx_xx{
    opacity: .0;
    transform: translateY(-100px) rotateX(-90deg);
}





/*this animation: fade on image expand open looks like twist open*/
.efx_xx{
    opacity: .0;
    transform: rotateX(-90deg);
}







.transition_A{
     transition: all 0.4s ease-out;
}

.transition_B{
     transition: all 0.6s ease-out .5s;
}

.transition_C{
     transition: all 0.8s ease-out .5s;
}





/******************************************************************************
                            ON SCROLL TO VISIBLE GROUP CLASSES
******************************************************************************/

/*one time animation on scroll*/





/*set efx for multi colum group effect*/
/*these efx setting will need to match the number of columns in the multi_col module*/
.multi_col_group_efx_a .multi_col_id0{
    padding-top: 50px;
    opacity: .0;
}

.multi_col_group_efx_a .multi_col_id1{
    padding-top: 50px;
    opacity: .0;
}

.multi_col_group_efx_a .multi_col_id2{
    padding-top: 50px;
    opacity: .0;
}

.multi_col_group_efx_a .multi_col_id3{
    padding-top: 50px;
    opacity: .0;
}



.grp_transition_a0{
     transition: all 0.8s ease-out;
}

.grp_transition_a1{
     transition: all .8s ease-out .5s;
}

.grp_transition_a2{
     transition: all .8s ease-out 1.0s;
}

.grp_transition_a3{
     transition: all .8s ease-out 1.5s;
}




.multi_col_group_efx_b .multi_col_id0{
/*    padding-top: 50px;*/
    opacity: .0;
}

.multi_col_group_efx_b .multi_col_id1{
/*    padding-top: 50px;*/
    opacity: .0;
}

.multi_col_group_efx_b .multi_col_id2{
/*    padding-top: 50px;*/
    opacity: .0;
}

.multi_col_group_efx_b .multi_col_id3{
/*    padding-top: 50px;*/
    opacity: .0;
}


.grp_transition_b0{
     transition: all 0.8s ease-out;
}

.grp_transition_b1{
     transition: all .8s ease-out .5s;
}

.grp_transition_b2{
     transition: all .8s ease-out 1.0s;
}

.grp_transition_b3{
     transition: all .8s ease-out 1.5s;
}




/******************************************************************************
							TRANSITION CLASSES
******************************************************************************/



.fade_on_A{


	opacity: .0;
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;

}

/*  cubic-bezier (??  ??   ??   ??)   delay  ??   */



@-webkit-keyframes fade_on_A {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




.fade_on_B{

	opacity: .0;
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;

}


@-webkit-keyframes fade_on_B {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/******************************************************************************
							ANNIMATION CLASSES
******************************************************************************/


/* name | duration | easing-function | delay | iteration-count | direction | fill-mode | play-state */


.blur_scale{
	animation: blur_scale 0.5s linear 0s 1 normal forwards;
	z-index: 999;
}



@keyframes blur_scale {
	0% {
		transform: scale(1);

	}

	30% {
		transform: scale(1.05);
		filter: blur(5px);
		
	}

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




.pulse_ping{
	animation: blur_scale 0.6s linear 0s 1 normal forwards;
}


@keyframes pulse_ping {
	0% {
		opacity: 0.8;
		transform: scale(0.4);
	}

	30% {
		opacity: 0;
		transform: scale(1.2);
	}

	70% {
		opacity: 0;
		transform: scale(2.0);
	}

	90%{
		opacity: 0;
	}

	95% {
		opacity: .5;
		transform: scale(1.2);
	}

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

}





.wobble-ver-left {
	-webkit-animation: wobble-ver-left 0.8s both;
	        animation: wobble-ver-left 0.8s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2024-1-8 14:45:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-ver-left
 * ----------------------------------------
 */
@-webkit-keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}




.bounce-left {
	-webkit-animation: bounce-left 0.8s both;
	        animation: bounce-left 0.8s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2024-1-8 14:48:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-left
 * ----------------------------------------
 */
@-webkit-keyframes bounce-left {
  0% {
    -webkit-transform: translateX(-48px);
            transform: translateX(-48px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateX(-6.5px);
            transform: translateX(-6.5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

@keyframes bounce-left {
  0% {
    -webkit-transform: translateX(-48px);
            transform: translateX(-48px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateX(-6.5px);
            transform: translateX(-6.5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}




.bounce-right {
	-webkit-animation: bounce-right 0.8s both;
	        animation: bounce-right 0.8s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2024-1-8 15:57:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-right
 * ----------------------------------------
 */
@-webkit-keyframes bounce-right {
  0% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateX(6.5px);
            transform: translateX(6.5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-right {
  0% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(26px);
            transform: translateX(26px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateX(6.5px);
            transform: translateX(6.5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}















.slide-bck-center {
	-webkit-animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-1-8 15:45:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}
@keyframes slide-bck-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
}