@font-face{font-family:cursive;src:url(../fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-Bold;src:url(../fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Lato-Regular;src:url(../fonts/Lato/Lato-Regular.ttf)}@font-face{font-family:Lato-Light;src:url(../fonts/Lato/Lato-Light.ttf)}@font-face{font-family:Lato-Bold;src:url(../fonts/Lato/Lato-Bold.ttf)}.container{max-width:1200px}.wrap-input100{position:relative;max-width:calc(100% - 10px);width:500px;z-index:1}.input100{display:block;width:100%;background:#fff;height:70px;border-radius:35px;padding:0 40px}.focus-input100{content:'';display:block;position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;border-radius:35px;box-shadow:0 0;color:rgba(132,106,221,.5)}.input100:focus+.focus-input100{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:16px;padding:5px 30px 6px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:12px;pointer-events:none;font-family:Lato-Bold;color:#c80000;font-size:15px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:18px}.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}.simpleslide100{display:block;position:fixed;z-index:0;width:100%;height:100%;top:0;left:0}.simpleslide100-item{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.cl0{color:#fff}.s2-txt1{font-family:Lato-Regular;font-size:12px;line-height:1;color:#846add;text-transform:uppercase}.s2-txt2{font-family:Lato-Bold;font-size:15px;line-height:1.4;color:#846add}.s2-txt3{font-family:Lato-Bold;font-size:15px;line-height:1.4;color:#fff;text-transform:uppercase}.m2-txt1{font-weight:bold;font-family:Lato-Light;font-size:25px;line-height:1.2;color:#23334b}.m2-txt2{font-family:Lato-Bold;font-size:25px;line-height:1;color:#fff}.l1-txt1{font-family:Poppins-Bold;font-size:50px;line-height:1.1;color:#fff;text-transform:uppercase}.l2-txt1{font-family:Lato-Bold;font-size:40px;line-height:1;color:#fff}.size1{width:100%;min-height:100vh}.size2{width:155px;height:155px}.size3{min-width:160px;height:70px}.bg0{background-color:#fff}.bg-img1{background-position:center;background-repeat:no-repeat;background-size:cover}.bor1{border:1px solid rgba(255,255,255,.3);border-radius:50%}.where1{margin:0 5px 20px}.placeholder0::-webkit-input-placeholder{color:#999}.placeholder0:-moz-placeholder{color:#999}.placeholder0::-moz-placeholder{color:#999}.placeholder0:-ms-input-placeholder{color:#999}.overlay1{position:relative;z-index:1}.overlay1::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.8)}.how-btn1{border-radius:35px;background-color:#846add;padding-right:20px;padding-left:20px}.how-btn1:hover{background-color:#5d43b5}.focus-in0:focus::-webkit-input-placeholder{color:transparent}.focus-in0:focus:-moz-placeholder{color:transparent}.focus-in0:focus::-moz-placeholder{color:transparent}.focus-in0:focus:-ms-input-placeholder{color:transparent}.hov-cl0:hover{color:#fff}.hov-bg0:hover{background-color:#fff}@media(max-width:1200px){.m-0-xl{margin:0}.m-lr-0-xl{margin-left:0;margin-right:0}.m-lr-15-xl{margin-left:15px;margin-right:15px}.m-l-0-xl{margin-left:0}.m-r-0-xl{margin-right:0}.m-l-15-xl{margin-left:15px}.m-r-15-xl{margin-right:15px}.p-0-xl{padding:0}.p-lr-0-xl{padding-left:0;padding-right:0}.p-lr-15-xl{padding-left:15px;padding-right:15px}.p-l-0-xl{padding-left:0}.p-r-0-xl{padding-right:0}.p-l-15-xl{padding-left:15px}.p-r-15-xl{padding-right:15px}.w-full-xl{width:100%}}@media(max-width:992px){.m-0-lg{margin:0}.m-lr-0-lg{margin-left:0;margin-right:0}.m-lr-15-lg{margin-left:15px;margin-right:15px}.m-l-0-lg{margin-left:0}.m-r-0-lg{margin-right:0}.m-l-15-lg{margin-left:15px}.m-r-15-lg{margin-right:15px}.p-0-lg{padding:0}.p-lr-0-lg{padding-left:0;padding-right:0}.p-lr-15-lg{padding-left:15px;padding-right:15px}.p-l-0-lg{padding-left:0}.p-r-0-lg{padding-right:0}.p-l-15-lg{padding-left:15px}.p-r-15-lg{padding-right:15px}.w-full-lg{width:100%}}@media(max-width:768px){.m-0-md{margin:0}.m-lr-0-md{margin-left:0;margin-right:0}.m-lr-15-md{margin-left:15px;margin-right:15px}.m-l-0-md{margin-left:0}.m-r-0-md{margin-right:0}.m-l-15-md{margin-left:15px}.m-r-15-md{margin-right:15px}.p-0-md{padding:0}.p-lr-0-md{padding-left:0;padding-right:0}.p-lr-15-md{padding-left:15px;padding-right:15px}.p-l-0-md{padding-left:0}.p-r-0-md{padding-right:0}.p-l-15-md{padding-left:15px}.p-r-15-md{padding-right:15px}.w-full-md{width:100%}}@media(max-width:576px){.m-0-sm{margin:0}.m-lr-0-sm{margin-left:0;margin-right:0}.m-lr-15-sm{margin-left:15px;margin-right:15px}.m-l-0-sm{margin-left:0}.m-r-0-sm{margin-right:0}.m-l-15-sm{margin-left:15px}.m-r-15-sm{margin-right:15px}.p-0-sm{padding:0}.p-lr-0-sm{padding-left:0;padding-right:0}.p-lr-15-sm{padding-left:15px;padding-right:15px}.p-l-0-sm{padding-left:0}.p-r-0-sm{padding-right:0}.p-l-15-sm{padding-left:15px}.p-r-15-sm{padding-right:15px}.w-full-sm{width:100%}}@media(max-width:480px){.m-0-ssm{margin:0}.m-lr-0-ssm{margin-left:0;margin-right:0}.m-lr-15-ssm{margin-left:15px;margin-right:15px}.m-l-0-ssm{margin-left:0}.m-r-0-ssm{margin-right:0}.m-l-15-ssm{margin-left:15px}.m-r-15-ssm{margin-right:15px}.p-0-ssm{padding:0}.p-lr-0-ssm{padding-left:0;padding-right:0}.p-lr-15-ssm{padding-left:15px;padding-right:15px}.p-l-0-ssm{padding-left:0}.p-r-0-ssm{padding-right:0}.p-l-15-ssm{padding-left:15px}.p-r-15-ssm{padding-right:15px}.w-full-ssm{width:100%}}.bgcolor{background:#f3f3f3;}.font-bold:{font-weight:bold;}
   
.three-body {
 --uib-size: 35px;
 --uib-speed: 0.8s;
 --uib-color: #5D3FD3;
 position: relative;
 display: inline-block;
 height: var(--uib-size);
 width: var(--uib-size);
 animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
}

.three-body__dot {
 position: absolute;
 height: 100%;
 width: 30%;
}

.three-body__dot:after {
 content: '';
 position: absolute;
 height: 0%;
 width: 100%;
 padding-bottom: 100%;
 background-color: var(--uib-color);
 border-radius: 50%;
}

.three-body__dot:nth-child(1) {
 bottom: 5%;
 left: 0;
 transform: rotate(60deg);
 transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
 bottom: 0;
 left: 0;
 animation: wobble1 var(--uib-speed) infinite ease-in-out;
 animation-delay: calc(var(--uib-speed) * -0.3);
}

.three-body__dot:nth-child(2) {
 bottom: 5%;
 right: 0;
 transform: rotate(-60deg);
 transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
 bottom: 0;
 left: 0;
 animation: wobble1 var(--uib-speed) infinite
    calc(var(--uib-speed) * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
 bottom: -5%;
 left: 0;
 transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
 top: 0;
 left: 0;
 animation: wobble2 var(--uib-speed) infinite ease-in-out;
}

@keyframes spin78236 {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}

@keyframes wobble1 {
 0%,
  100% {
  transform: translateY(0%) scale(1);
  opacity: 1;
 }

 50% {
  transform: translateY(-66%) scale(0.65);
  opacity: 0.8;
 }
}

@keyframes wobble2 {
 0%,
  100% {
  transform: translateY(0%) scale(1);
  opacity: 1;
 }

 50% {
  transform: translateY(66%) scale(0.65);
  opacity: 0.8;
 }


 
/* From Uiverse.io by SouravBandyopadhyay */ 
.hourglassBackground {
  position: relative;
  background-color: rgb(71, 60, 60);
  height: 130px;
  width: 130px;
  border-radius: 50%;
  margin: 30px auto;
}

.hourglassContainer {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 50px;
  height: 70px;
  -webkit-animation: hourglassRotate 2s ease-in 0s infinite;
  animation: hourglassRotate 2s ease-in 0s infinite;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.hourglassContainer div,
.hourglassContainer div:before,
.hourglassContainer div:after {
  transform-style: preserve-3d;
}

@-webkit-keyframes hourglassRotate {
  0% {
    transform: rotateX(0deg);
  }

  50% {
    transform: rotateX(180deg);
  }

  100% {
    transform: rotateX(180deg);
  }
}

@keyframes hourglassRotate {
  0% {
    transform: rotateX(0deg);
  }

  50% {
    transform: rotateX(180deg);
  }

  100% {
    transform: rotateX(180deg);
  }
}

.hourglassCapTop {
  top: 0;
}

.hourglassCapTop:before {
  top: -25px;
}

.hourglassCapTop:after {
  top: -20px;
}

.hourglassCapBottom {
  bottom: 0;
}

.hourglassCapBottom:before {
  bottom: -25px;
}

.hourglassCapBottom:after {
  bottom: -20px;
}

.hourglassGlassTop {
  transform: rotateX(90deg);
  position: absolute;
  top: -16px;
  left: 3px;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #999999;
}

.hourglassGlass {
  perspective: 100px;
  position: absolute;
  top: 32px;
  left: 20px;
  width: 10px;
  height: 6px;
  background-color: #999999;
  opacity: 0.5;
}

.hourglassGlass:before,
.hourglassGlass:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #999999;
  left: -17px;
  width: 44px;
  height: 28px;
}

.hourglassGlass:before {
  top: -27px;
  border-radius: 0 0 25px 25px;
}

.hourglassGlass:after {
  bottom: -27px;
  border-radius: 25px 25px 0 0;
}

.hourglassCurves:before,
.hourglassCurves:after {
  content: '';
  display: block;
  position: absolute;
  top: 32px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  animation: hideCurves 2s ease-in 0s infinite;
}

.hourglassCurves:before {
  left: 15px;
}

.hourglassCurves:after {
  left: 29px;
}

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

  25% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hideCurves {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.hourglassSandStream:before {
  content: '';
  display: block;
  position: absolute;
  left: 24px;
  width: 3px;
  background-color: white;
  -webkit-animation: sandStream1 2s ease-in 0s infinite;
  animation: sandStream1 2s ease-in 0s infinite;
}

.hourglassSandStream:after {
  content: '';
  display: block;
  position: absolute;
  top: 36px;
  left: 19px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  animation: sandStream2 2s ease-in 0s infinite;
}

@-webkit-keyframes sandStream1 {
  0% {
    height: 0;
    top: 35px;
  }

  50% {
    height: 0;
    top: 45px;
  }

  60% {
    height: 35px;
    top: 8px;
  }

  85% {
    height: 35px;
    top: 8px;
  }

  100% {
    height: 0;
    top: 8px;
  }
}

@keyframes sandStream1 {
  0% {
    height: 0;
    top: 35px;
  }

  50% {
    height: 0;
    top: 45px;
  }

  60% {
    height: 35px;
    top: 8px;
  }

  85% {
    height: 35px;
    top: 8px;
  }

  100% {
    height: 0;
    top: 8px;
  }
}

@-webkit-keyframes sandStream2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  91% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes sandStream2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  91% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.hourglassSand:before,
.hourglassSand:after {
  content: '';
  display: block;
  position: absolute;
  left: 6px;
  background-color: white;
  perspective: 500px;
}

.hourglassSand:before {
  top: 8px;
  width: 39px;
  border-radius: 3px 3px 30px 30px;
  animation: sandFillup 2s ease-in 0s infinite;
}

.hourglassSand:after {
  border-radius: 30px 30px 3px 3px;
  animation: sandDeplete 2s ease-in 0s infinite;
}

@-webkit-keyframes sandFillup {
  0% {
    opacity: 0;
    height: 0;
  }

  60% {
    opacity: 1;
    height: 0;
  }

  100% {
    opacity: 1;
    height: 17px;
  }
}

@keyframes sandFillup {
  0% {
    opacity: 0;
    height: 0;
  }

  60% {
    opacity: 1;
    height: 0;
  }

  100% {
    opacity: 1;
    height: 17px;
  }
}

@-webkit-keyframes sandDeplete {
  0% {
    opacity: 0;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  1% {
    opacity: 1;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  24% {
    opacity: 1;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  25% {
    opacity: 1;
    top: 41px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  50% {
    opacity: 1;
    top: 41px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  90% {
    opacity: 1;
    top: 41px;
    height: 0;
    width: 10px;
    left: 20px;
  }
}

@keyframes sandDeplete {
  0% {
    opacity: 0;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  1% {
    opacity: 1;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  24% {
    opacity: 1;
    top: 45px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  25% {
    opacity: 1;
    top: 41px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  50% {
    opacity: 1;
    top: 41px;
    height: 17px;
    width: 38px;
    left: 6px;
  }

  90% {
    opacity: 1;
    top: 41px;
    height: 0;
    width: 10px;
    left: 20px;
  }
}