/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 13 2023 | 11:39:49 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.s-reveal {
	opacity:0 ;
}

.d100{animation-delay:100ms!important;}.d200{animation-delay:200ms!important;}.d300{animation-delay:300ms!important;}.d400{animation-delay:400ms!important;}.d500{animation-delay:500ms!important;}
.d600{animation-delay:600ms!important;}.d700{animation-delay:700ms!important;}.d800{animation-delay:800ms!important;}.d900{animation-delay:900ms!important;}.d1000{animation-delay:1000ms!important;}
.d1100{animation-delay:1100ms!important;}.d1200{animation-delay:1200ms!important;}.d1300{animation-delay:1300ms!important;}.d1400{animation-delay:1400ms!important;}.d1500{animation-delay:1500ms!important;}
.d1600{animation-delay:1600ms!important;}.d1700{animation-delay:1700ms!important;}.d1800{animation-delay:1800ms!important;}.d1900{animation-delay:1900ms!important;}.d2000{animation-delay:2000ms!important;}
.d2100{animation-delay:2100ms!important;}.d2200{animation-delay:2200ms!important;}.d2300{animation-delay:2300ms!important;}.d2400{animation-delay:2400ms!important;}.d2500{animation-delay:2500ms!important;}
.d2600{animation-delay:2600ms!important;}.d2700{animation-delay:2700ms!important;}.d2800{animation-delay:2800ms!important;}.d2900{animation-delay:2900ms!important;}.d3000{animation-delay:3000ms!important;}

.s-anim .fi, .s-anim.fi {
	opacity:0 ;
	animation: fadein;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes fadein {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.s-anim .ltr , s-anim.ltr {
	opacity:0 ;
	animation: lefttoright;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes lefttoright {
	0% {
		opacity:0;
		transform: translatex(-200px);
	}
	100% {
		opacity:1;
		transform: translatex(0px);
	}
}

.s-anim .rtl , s-anim.rtl {
	opacity:0 ;
	animation: righttoleft;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes righttoleft {
	0% {
		opacity:0;
		transform: translatex(200px);
	}
	100% {
		opacity:1;
		transform: translatex(0px);
	}
}

.s-anim .btt , s-anim.btt {
	opacity:0 ;
	animation: bottomtotop;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes bottomtotop {
	0% {
		opacity:0;
		transform: translatey(200px);
	}
	100% {
		opacity:1;
		transform: translatey(0px);
	}
}

.s-anim .ttb , s-anim.ttb {
	opacity:0 ;
	animation: toptobottom;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes toptobottom {
	0% {
		opacity:0;
		transform: translatey(-200px);
	}
	100% {
		opacity:1;
		transform: translatey(0px);
	}
}

.s-anim .zi , s-anim.zi {
	opacity:0 ;
	animation: zoomin;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes zoomin {
	0% {
		opacity:0;
		transform: scale(0.5);
	}
	100% {
		opacity:1;
		transform: scale(1);
	}
}

.s-anim .zo , s-anim.zo {
	opacity:0 ;
	animation: zoomout;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes zoomout {
	0% {
		opacity:0;
		transform: scale(1.5);
	}
	100% {
		opacity:1;
		transform: scale(1);
	}
}

.s-anim .zibtt , s-anim.zibtt {
	opacity:0 ;
	animation: zoominbtt;
	animation-duration : 1.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}

@keyframes zoominbtt {
	0% {
		opacity:0;
		transform: scale(0.5) translateY(500px);
	}
	100% {
		opacity:1;
		transform: scale(1) translateY(0px);
	}
}

