/*BtnShine*/
.anil{position:relative;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.anil:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;opacity:1;-webkit-transform:translate(-105%,0);transform:translate(-105%,0);border-right:1px solid #fff;background-color:rgba(255,255,255,0.25);}
.anil:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0);}
.ani5{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

/*Onloading*/
#loadbox{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,1);z-index:9999999;}
#loader{display:block;position:fixed;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:3px solid transparent;border-top-color:#007FC1;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#8f6ed5;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#d782d9;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}


.blink{-webkit-animation:blink 1.5s linear infinite;-moz-animation:blink 1.5s linear infinite;-o-animation:blink 1.5s linear infinite;animation:blink 1.5s linear infinite;}
@-webkit-keyframes blink{0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}
@-moz-keyframes blink{0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}
@-ms-keyframes blink{0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}
@keyframes blink{0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}
@-o-keyframes blink{0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}

/*FlyFromSide*/
.slidebottom,.slidetop,.slideright,.slideleft,.nowbottom,.nowtop,.nowright,.nowleft{visibility:hidden;}
.animbottom,.animtop,.animright,.animleft{visibility:visible;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;}
.animbottom{animation-name:animbottom;-webkit-animation-name:animbottom;}
.animtop{animation-name:animtop;-webkit-animation-name:animtop;}
.animright{animation-name:aniright;-webkit-animation-name:aniright;}
.animleft{animation-name:animleft;-webkit-animation-name:animleft;}
   
@keyframes animbottom{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0%);opacity:1;}}
@-webkit-keyframes animbottom{0%{-webkit-transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0%);opacity:1;}}
@keyframes animtop{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0%);opacity:1;}}
@-webkit-keyframes animtop{0%{-webkit-transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0%);opacity:1;}}
@keyframes aniright{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0%);opacity:1;}}
@-webkit-keyframes aniright{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0%);opacity:1;}}
@keyframes animleft{0%{-webkit-transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0%);opacity:1;}}
@-webkit-keyframes animleft{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0%);opacity:1;}}

@-moz-keyframes rotatebox{from{-moz-transform:rotate(0deg);}to{-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotatebox{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}

/*Image*/
.rotate {animation: rotation 10s infinite linear;}
@keyframes rotation {from {transform: rotate(0deg);}to{transform: rotate(359deg);}}

.fancy-animation{-webkit-animation: morph 8s ease-in-out infinite;animation: morph 8s ease-in-out infinite;}
@-webkit-keyframes morph {0% {border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%);}50% {border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;background: linear-gradient(45deg, var(--third) 0%, var(--secondary) 100%);}100% {border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%);}}
@keyframes morph {0% {border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%);}50% {border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;background: linear-gradient(45deg, var(--third) 0%, var(--secondary) 100%);}100% {border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 100%);}}

.wave-primary {position: absolute;bottom: 0;right: 0;width: 100%;height: auto;pointer-events: none;}
.wave-primary .wave-path {transform: scale(1.1, 1);transform-origin: 50% 100%;}
.wave-primary .wave-path-1 {fill: rgba(0, 242, 169, 0.3);animation: wave5 15s ease-in-out infinite;}
.wave-primary .wave-path-2 {fill: rgba(0, 242, 169, 0.15);animation: wave6 15s ease-in-out infinite;}
.wave-primary .wave-path-3 {fill: rgba(0, 242, 169, 0.1);animation: wave7 15s ease-in-out infinite;}
@keyframes wave5 {25% {transform-origin: 0 100%;transform: scale(1.3, 1.1);}75% {transform: scale(1.15, 0.9);transform-origin: 100% 100%;}}
@keyframes wave6 {25% {transform-origin: 100% 100%;}50% {transform: scale(1.2, 0.8);}75% {transform-origin: 0 100%;}}
@keyframes wave7 {25% {transform-origin: 0 100%;}50% {transform: scale(1.1, 0.9);}75% {transform-origin: 100% 100%;}}