/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 26 2025 | 03:05:39 */
/* ///// Alpha Animation System //////
  ///////////////////////////////////
*//* Advanced Keyframe Animation Add-on Toolkit */



/*** Core Component ***/
[class*=kf-]:not([class*=-block]):not([class*=-flex]),
[class*=kf-]:before		{ -webkit-animation: var(--a-keyframe) var(--a-kf-sequence,linear) var(--a-keyframe-speed) infinite !important;
                             -moz-animation: var(--a-keyframe) var(--a-kf-sequence,linear) var(--a-keyframe-speed) infinite !important;
                               -o-animation: var(--a-keyframe) var(--a-kf-sequence,linear) var(--a-keyframe-speed) infinite !important;
                                  animation: var(--a-keyframe) var(--a-kf-sequence,linear) var(--a-keyframe-speed) infinite !important;
                        }
[class*=kf-]			{ --a-keyframe-rate: 1; }



/*** Transformations ***/
.kf-spin                { --a-keyframe: spin;       --a-keyframe-speed: calc(2.0s * var(--a-keyframe-rate)); }
.kf-spinner             { --a-keyframe: spin;       --a-keyframe-speed: calc(1.0s * var(--a-keyframe-rate)); --a-kf-sequence:ease;      }
.kf-flip                { --a-keyframe: flip;       --a-keyframe-speed: calc(4.0s * var(--a-keyframe-rate)); --a-flip-50: scale(-1, 1); }
.kf-flip-y              { --a-keyframe: flip;       --a-keyframe-speed: calc(4.0s * var(--a-keyframe-rate)); --a-flip-50: scale( 1,-1); }
.kf-beat                { --a-keyframe: beat;       --a-keyframe-speed: calc(0.4s * var(--a-keyframe-rate)); }

.kf-glow		        { --a-keyframe: glow;       --a-keyframe-speed: calc(2.0s * var(--a-keyframe-rate)); --a-kf-ft: gold; }
.kf-shadowed		    { --a-keyframe: shadowed;   --a-keyframe-speed: calc(2.0s * var(--a-keyframe-rate)); }
.kf-jump                { --a-keyframe: jump;       --a-keyframe-speed: calc(0.5s * var(--a-keyframe-rate)); }
.kf-shake               { --a-keyframe: shake;      --a-keyframe-speed: calc(1.0s * var(--a-keyframe-rate)); --a-shake-deg: 10deg; }
.kf-vibrate             { --a-keyframe: shake;      --a-keyframe-speed: calc(1.0s * var(--a-keyframe-rate)); --a-shake-deg:  2deg; }

.kf-fly-right           { --a-keyframe: fly-right;  --a-keyframe-speed: calc(2.0s * var(--a-keyframe-rate)); }
.kf-fly-left            { --a-keyframe: fly-left;   --a-keyframe-speed: calc(2.0s * var(--a-keyframe-rate)); }
.kf-dropped             { --a-keyframe: dropped;    --a-keyframe-speed: calc(3.0s * var(--a-keyframe-rate)); }

/*** MDL2 Animated Icons ***/
.kf-connecting:before   { --a-keyframe: connecting; --a-keyframe-speed: calc( 1.5s * var(--a-keyframe-rate)); }
.kf-number:before       { --a-keyframe: number;     --a-keyframe-speed: calc(10.0s * var(--a-keyframe-rate)); }
.kf-battery:before      { --a-keyframe: battery;    --a-keyframe-speed: calc(10.0s * var(--a-keyframe-rate)); }
.kf-sunny:before        { --a-keyframe: sunny;      --a-keyframe-speed: calc( 1.0s * var(--a-keyframe-rate)); }
.kf-detach:before       { --a-keyframe: detach;     --a-keyframe-speed: calc( 3.0s * var(--a-keyframe-rate)); }
.kf-group:before        { --a-keyframe: group;      --a-keyframe-speed: calc( 3.0s * var(--a-keyframe-rate)); }


/*** Speed ***/
.kf-slow                { --a-keyframe-rate: 2.0;  }
.kf-slower              { --a-keyframe-rate: 4.0;  }
.kf-slowest             { --a-keyframe-rate: 6.0;  }
.kf-fast                { --a-keyframe-rate: 0.5;  }
.kf-faster              { --a-keyframe-rate: 0.25; }
.kf-fastest             { --a-keyframe-rate: 0.10; }

/*** Iterations ***/
.kf-focus:not(:focus):before,
.kf-active:not(:active):before,
.kf-hover:not(:hover):before
                        { animation-play-state: paused !important; animation-iteration-count:  0 !important; }
.kf-focus:focus,
.kf-active:active,
.kf-hover:hover			    { animation-play-state: running !important; animation-iteration-count:  1 !important }



.kf-focus:focus,
.kf-active:active		{ animation-iteration-count:  1; }
.kf-hover:hover			{ animation-iteration-count: infinite; }
.kf-1x ,.kf-1x:before		{ animation-iteration-count:  1 !important; }
.kf-10x,.kf-10x:before	{ animation-iteration-count: 10 !important; }
.kf-20x,.kf-20x:before	{ animation-iteration-count: 20 !important; }
.kf-30x,.kf-30x:before	{ animation-iteration-count: 30 !important; }
/* ### unfinished ### */

/*** Details ***/
.kf-loader:before,
.kf-loader2:before,
.kf-loader3:before		{ content:'' !important; border:4px solid var(--a-kf-ln, #333); box-sizing:border-box; display:inline-block; border-radius:999px; border-left-color:var(--a-kf-ln2, transparent); }
.kf-loader:before		{ width:16px; height:16px; border-width:3px; }
.kf-loader2:before		{ width:26px; height:26px; }
.kf-loader3:before		{ width:32px; height:32px; border-width:5px; }

/*** Alpha Colors Integration ***/
[class*=kf-][bg]:before	{ --a-kf-ln: rgba(var(--a-font-color), var(--a-fc-a,1));  --a-kf-ln2:rgba(var(--a-font-color), 0.15);   }
.kf-ln-green			{ --a-kf-ln: rgba(var(--a-green)     ,1); }
.kf-ln-palette3			{ --a-kf-ln: rgba(var(--a-palette3)  ,1); }
.kf-ln-white			{ --a-kf-ln: rgba(var(--a-white)     ,1); --a-kf-ln2: rgba(var(--a-white),0.25);  }
.kf-bg-blue				{ --a-kf-bg: rgba(var(--a-blue)      ,1); --a-kf-ft: #fff; }
.kf-ft-yellow			{ --a-kf-ft: rgba(var(--a-yellow)    ,1); }
/* ### unfinished ### */



/*** Transformation Settings ***/
/*//////*/
/* Spin */
/*//////*/
@-webkitkeyframes spin  {   0% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                          100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
                        }
@-moz-keyframes spin    {   0% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                          100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
                        }
@-o-keyframes spin      {   0% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                          100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
                        }
@keyframes spin         {   0% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                          100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
                        }


/*//////*/
/* Flip */
/*//////*/
@-webkitkeyframes flip  {   0% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                           50% { -webkit-transform: var(--a-flip-50); -moz-transform: var(--a-flip-50); -ms-transform: var(--a-flip-50); -o-transform: var(--a-flip-50); transform: var(--a-flip-50); }
                          100% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                        }
@-moz-keyframes flip    {   0% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                           50% { -webkit-transform: var(--a-flip-50); -moz-transform: var(--a-flip-50); -ms-transform: var(--a-flip-50); -o-transform: var(--a-flip-50); transform: var(--a-flip-50); }
                          100% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                        }
@-o-keyframes flip      {   0% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                           50% { -webkit-transform: var(--a-flip-50); -moz-transform: var(--a-flip-50); -ms-transform: var(--a-flip-50); -o-transform: var(--a-flip-50); transform: var(--a-flip-50); }
                          100% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                        }
@keyframes flip         {   0% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                           50% { -webkit-transform: var(--a-flip-50); -moz-transform: var(--a-flip-50); -ms-transform: var(--a-flip-50); -o-transform: var(--a-flip-50); transform: var(--a-flip-50); }
                          100% { -webkit-transform: scale( 1, 1);     -moz-transform: scale( 1, 1);     -ms-transform: scale( 1, 1);     -o-transform: scale( 1, 1);     transform: scale( 1, 1);     }
                        }


/*//////*/
/* Beat */
/*//////*/
@-webkitkeyframes beat  {   0% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                           10% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
                           50% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                        }
@-moz-keyframes beat    {   0% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                           10% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
                           50% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                        }
@-o-keyframes beat      {   0% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                           10% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
                           50% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                        }
@keyframes beat         {   0% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                           10% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
                           50% { -webkit-transform: scale(  1); -moz-transform: scale(  1); -ms-transform: scale(  1); -o-transform: scale(  1); transform: scale(  1); }
                        }


/*///////*/
/* Shake */
/*///////*/
@-webkitkeyframes shake {      0%,35% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                           5%,15%,25% { -webkit-transform: rotate(calc( 1 * var(--a-shake-deg))); -moz-transform: rotate(calc( 1 * var(--a-shake-deg))); -ms-transform: rotate(calc( 1 * var(--a-shake-deg))); -o-transform: rotate(calc( 1 * var(--a-shake-deg))); transform: rotate(calc( 1 * var(--a-shake-deg))); }
                          10%,20%,30% { -webkit-transform: rotate(calc(-1 * var(--a-shake-deg))); -moz-transform: rotate(calc(-1 * var(--a-shake-deg))); -ms-transform: rotate(calc(-1 * var(--a-shake-deg))); -o-transform: rotate(calc(-1 * var(--a-shake-deg))); transform: rotate(calc(-1 * var(--a-shake-deg))); }
                        }
@-moz-keyframes shake   {      0%,35% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                           5%,15%,25% { -webkit-transform: rotate(calc( 1 * var(--a-shake-deg))); -moz-transform: rotate(calc( 1 * var(--a-shake-deg))); -ms-transform: rotate(calc( 1 * var(--a-shake-deg))); -o-transform: rotate(calc( 1 * var(--a-shake-deg))); transform: rotate(calc( 1 * var(--a-shake-deg))); }
                          10%,20%,30% { -webkit-transform: rotate(calc(-1 * var(--a-shake-deg))); -moz-transform: rotate(calc(-1 * var(--a-shake-deg))); -ms-transform: rotate(calc(-1 * var(--a-shake-deg))); -o-transform: rotate(calc(-1 * var(--a-shake-deg))); transform: rotate(calc(-1 * var(--a-shake-deg))); }
                        }
@-o-keyframes shake     {      0%,35% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                           5%,15%,25% { -webkit-transform: rotate(calc( 1 * var(--a-shake-deg))); -moz-transform: rotate(calc( 1 * var(--a-shake-deg))); -ms-transform: rotate(calc( 1 * var(--a-shake-deg))); -o-transform: rotate(calc( 1 * var(--a-shake-deg))); transform: rotate(calc( 1 * var(--a-shake-deg))); }
                          10%,20%,30% { -webkit-transform: rotate(calc(-1 * var(--a-shake-deg))); -moz-transform: rotate(calc(-1 * var(--a-shake-deg))); -ms-transform: rotate(calc(-1 * var(--a-shake-deg))); -o-transform: rotate(calc(-1 * var(--a-shake-deg))); transform: rotate(calc(-1 * var(--a-shake-deg))); }
                        }
@keyframes shake        {      0%,35% { -webkit-transform: rotate(  0deg); -moz-transform: rotate(  0deg); -ms-transform: rotate(  0deg); -o-transform: rotate(  0deg); transform: rotate(  0deg); }
                           5%,15%,25% { -webkit-transform: rotate(calc( 1 * var(--a-shake-deg))); -moz-transform: rotate(calc( 1 * var(--a-shake-deg))); -ms-transform: rotate(calc( 1 * var(--a-shake-deg))); -o-transform: rotate(calc( 1 * var(--a-shake-deg))); transform: rotate(calc( 1 * var(--a-shake-deg))); }
                          10%,20%,30% { -webkit-transform: rotate(calc(-1 * var(--a-shake-deg))); -moz-transform: rotate(calc(-1 * var(--a-shake-deg))); -ms-transform: rotate(calc(-1 * var(--a-shake-deg))); -o-transform: rotate(calc(-1 * var(--a-shake-deg))); transform: rotate(calc(-1 * var(--a-shake-deg))); }
                        }



/*//////*/
/* Jump */
/*//////*/
@keyframes jump         {      0% { position:relative; top: 0px; }
                          15%,85% { position:relative; top:-2px; }
                              50% { position:relative; top:-3px; }
                        }


/*/////*/
/* Fly */
/*/////*/
@keyframes fly-left     {  0%,40% { position:relative;  left: 0px; opacity: 1; }
                              50% { position:relative;  left: 3px; opacity: 1; }
                          55%,80% { position:relative;  left:-3px; opacity: 0; }
                              85% { position:relative;  left: 5px; opacity: 0; }
                              90% { position:relative;  left: 0px; opacity: 1; }
                        }
@keyframes fly-right    {  0%,40% { position:relative; right: 0px; opacity: 1; }
                              50% { position:relative; right: 3px; opacity: 1; }
                          55%,80% { position:relative; right:-3px; opacity: 0; }
                              85% { position:relative; right: 5px; opacity: 0; }
                              90% { position:relative; right: 0px; opacity: 1; }
                        }


/*/////////*/
/* Dropped */
/*/////////*/
@keyframes dropped      {      0% { position:relative;   top:-5px; opacity: 0; transform:rotate(  0deg); }
                               4% { position:relative;   top: 0px; opacity: 1; transform:rotate(  0deg); }
                               8% { position:relative;   top:-1px; opacity: 1; transform:rotate( 10deg); }
                              12% { position:relative;   top:-2px; opacity: 1; transform:rotate(-10deg); }
                              16% { position:relative;   top: 0px; opacity: 1; transform:rotate(  7deg); }
                              20% { position:relative;   top: 0px; opacity: 1; transform:rotate(  0deg); }
                              80% { position:relative;   top: 0px; opacity: 1; }
                              90% { position:relative;   top: 0px; opacity: 0; }
                             100% { position:relative;   top:-5px; opacity: 0; }
                        }


/*//////*/
/* Glow */
/*//////*/
@-webkitkeyframes glow  { 50% { color: var(--a-kf-ft); background-color:var(--a-kf-bg); } }
@-moz-keyframes glow    { 50% { color: var(--a-kf-ft); background-color:var(--a-kf-bg); } }
@-o-keyframes glow      { 50% { color: var(--a-kf-ft); background-color:var(--a-kf-bg); } }
@keyframes glow         { 50% { color: var(--a-kf-ft); background-color:var(--a-kf-bg); } }


/*//////////*/
/* Shadowed */
/*//////////*/

@keyframes shadowed			{  0% { box-shadow: -4px -4px 5px 0px rgba(0,0,255,0.5),  4px -4px 5px 0px rgba(255,0,0,0.5),  4px  4px 5px 0px rgba(0,255,0,0.5), -4px  4px 5px 0px rgba(0,255,255,0.5); } 
                              25% { box-shadow:  4px -4px 5px 0px rgba(0,0,255,0.5),  4px  4px 5px 0px rgba(255,0,0,0.5), -4px  4px 5px 0px rgba(0,255,0,0.5), -4px -4px 5px 0px rgba(0,255,255,0.5); } 
                              50% { box-shadow:  4px  4px 5px 0px rgba(0,0,255,0.5), -4px  4px 5px 0px rgba(255,0,0,0.5), -4px -4px 5px 0px rgba(0,255,0,0.5),  4px -4px 5px 0px rgba(0,255,255,0.5); } 
                              75% { box-shadow: -4px  4px 5px 0px rgba(0,0,255,0.5), -4px -4px 5px 0px rgba(255,0,0,0.5),  4px -4px 5px 0px rgba(0,255,0,0.5),  4px  4px 5px 0px rgba(0,255,255,0.5); } 
                             100% { box-shadow: -4px -4px 5px 0px rgba(0,0,255,0.5),  4px -4px 5px 0px rgba(255,0,0,0.5),  4px  4px 5px 0px rgba(0,255,0,0.5), -4px  4px 5px 0px rgba(0,255,255,0.5); } 
							}



/*//////*/
/* Icon */
/*//////*/
@keyframes connecting   {   0% { content:'\e701'; }
                           25% { content:'\e872'; }
                           50% { content:'\e873'; }
                           75% { content:'\e874'; }
                          100% { content:'\e701'; }
                        }
@keyframes number   	{   0% { content:'\f146'; }
						   10% { content:'\f147'; }
                           20% { content:'\f148'; }
                           30% { content:'\f149'; }
                           40% { content:'\f14A'; }
						   50% { content:'\f14B'; }
                           60% { content:'\f14C'; }
                           70% { content:'\f14D'; }
                           80% { content:'\f14E'; }
                           90% { content:'\f14F'; }
                          100% { content:'\f146'; }
                        }
@keyframes battery      {   0% { content:'\eba0'; }
                           10% { content:'\eba1'; }
                           20% { content:'\eba2'; }
                           30% { content:'\eba3'; }
                           40% { content:'\eba4'; }
                           50% { content:'\eba5'; }
                           60% { content:'\eba6'; }
                           70% { content:'\eba7'; }
                           80% { content:'\eba8'; }
                           85% { content:'\eba9'; }
                           90% { content:'\ebaa'; }
                          100% { content:'\ebaa'; }
                        }

@keyframes sunny		{  0%,100% { content:'\e706'; }
                               50% { content:'\ec8a'; }
                        }
						
@keyframes detach		{  0%,100% { content:'\f0e2'; }
                               33% { content:'\e8a9'; }
                               66% { content:'\e74c'; }
                        }
						
@keyframes group		{  0%,100% { content:'\f0e2'; }
                               33% { content:'\e8a9'; }
                               66% { content:'\e8b3'; }
                        }