@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
 }

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
 }

@keyframes blink { 
 0% { opacity: 1; } 
 50% { opacity: 0; } 
 100% { opacity: 1; } 
 }

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

@keyframes shake-anim { 
 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } 
 10%,
 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); } 
 20%,
 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); } 
 100%,
 50% { -moz-transform: rotate(0) scale(1) skew(1deg); } 
 }

@-webkit-keyframes shake-anim { 0%,
 100%,
 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 
 10%,
 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 
 20%,
 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 
 }

 @keyframes fadeInUp { 
 0% { opacity: 0; transform: translate3d(0, 100px, 0); } 

 100% { opacity: 1; transform: translate3d(0, 0, 0); } 
 }

@keyframes fadeInDown { 
 0% { opacity: 0; transform: translate3d(0, -100px, 0); } 

 100% { opacity: 1; transform: translate3d(0, 0, 0); } 
 }

@keyframes scaleLarge { 
 0% { opacity: 0; transform: scale(2); } 

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

 /* loadpage website */
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; pointer-events: none; } 

#loader-wrapper #wrap { background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; text-align: center; width: 100%; height: 100%; z-index: 999999; } 

#loader-wrapper.show1 #wrap { background: transparent } 

#loader-wrapper:after { -webkit-mask: url(../images/mask-01.png); mask: url(../images/mask-01.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 1); z-index: 99999; } 

#loader-wrapper.show1::after { -webkit-animation: MaskPlay 1s steps(22) forwards; animation: MaskPlay 1s steps(22) forwards; } 

#loader-wrapper.show1 #wrap { opacity: 0; } 
.loading-text ul { margin-top: 1.875rem } 

.loading-text ul li { -webkit-animation: anime 1.5s infinite linear; animation: anime 1.5s infinite linear; display: inline-block; font-family: var(--bs-font-monospace); font-size: 1.875rem; letter-spacing: 1px } 

.loading-text ul li:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s } 

.loading-text ul li:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s } 

.loading-text ul li:nth-child(3) { -webkit-animation-delay: .2s; animation-delay: .2s } 

.loading-text ul li:nth-child(4) { -webkit-animation-delay: .3s; animation-delay: .3s } 

.loading-text ul li:nth-child(5) { -webkit-animation-delay: .4s; animation-delay: .4s } 

.loading-text ul li:nth-child(6) { -webkit-animation-delay: .5s; animation-delay: .5s } 

.loading-text ul li:nth-child(7) { -webkit-animation-delay: .6s; animation-delay: .6s } 
.loader { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; padding-bottom: 3.125rem; position: fixed; top: 0; width: 100%; z-index: 100001 } 
/* name */

@-webkit-keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}

50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px)}

100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
}

@keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}

50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px)}

100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}
}

/* end name*/
@-webkit-keyframes MaskPlay { 
 from { -webkit-mask-position: 0 0; mask-position: 0 0}

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0} 
 }

@keyframes MaskPlay { 
 from { -webkit-mask-position: 0 0; mask-position: 0 0}

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0} 
 }
/* end loadpage website */