#sp-pre-anim-modal .modal{
background: #000;
z-index: 2147483647
}


.close{
color: #e4e4e4
}


#sp-anim-gene-text[data-v-0c63b68e] {
    -webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
    animation: loading-text-opacity 1s linear 0s infinite normal;
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    color: #333;
    font-family: "Helvetica Neue, Helvetica, arial";
    font-size: 20px;
    font-weight: 700;
    margin-top: 96px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 200px;
}



.sp-pre-anim-logo-panel{
border-radius: 60%;
background: #fff;
padding: 0;
text-align: center;
}

/*.sp-ani-coin-panel{
margin-top: 40px;
margin-bottom: 30px
}*/

@-webkit-keyframes opa-data-v-0c63b68e {
12% {
	opacity: .8
}
	19.5% {
		opacity: .88
	}
	37.2% {
		opacity: .64
	}
	40.5% {
		opacity: .52
	}
	52.7% {
		opacity: .69
	}
	60.2% {
		opacity: .6
	}
	66.6% {
		opacity: .52
	}
	70% {
		opacity: .63
	}
	79.9% {
		opacity: .6
	}
	84.2% {
		opacity: .75
	}
	91% {
		opacity: .87
	}
}

@keyframes opa-data-v-0c63b68e {
	12% {
		opacity: .8
	}
	19.5% {
		opacity: .88
	}
	37.2% {
		opacity: .64
	}
	40.5% {
		opacity: .52
	}
	52.7% {
		opacity: .69
	}
	60.2% {
		opacity: .6
	}
	66.6% {
		opacity: .52
	}
	70% {
		opacity: .63
	}
	79.9% {
		opacity: .6
	}
	84.2% {
		opacity: .75
	}
	91% {
		opacity: .87
	}
}

@-webkit-keyframes rota-data-v-0c63b68e {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rota-data-v-0c63b68e {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

#sp-pre-anim-panel{
	-webkit-animation: zoomOut-data-v-0c63b68e 4s linear both;
	animation: zoomOut-data-v-0c63b68e 4s linear both;
	-webkit-animation-duration: 4s!important;
	animation-duration: 4s!important
}

@-webkit-keyframes zoomOut-data-v-0c63b68e {
	0% {
		-webkit-transform: matrix(.1, 0, 0, .1, 0, 0);
		transform: matrix(.1, 0, 0, .1, 0, 0)
	}
	7.61% {
		-webkit-transform: matrix(.583, 0, 0, .583, 0, 0);
		transform: matrix(.583, 0, 0, .583, 0, 0)
	}
	11.41% {
		-webkit-transform: matrix(.764, 0, 0, .764, 0, 0);
		transform: matrix(.764, 0, 0, .764, 0, 0)
	}
	15.12% {
		-webkit-transform: matrix(.893, 0, 0, .893, 0, 0);
		transform: matrix(.893, 0, 0, .893, 0, 0)
	}
	18.92% {
		-webkit-transform: matrix(.982, 0, 0, .982, 0, 0);
		transform: matrix(.982, 0, 0, .982, 0, 0)
	}
	22.72% {
		-webkit-transform: matrix(1.034, 0, 0, 1.034, 0, 0);
		transform: matrix(1.034, 0, 0, 1.034, 0, 0)
	}
	30.23% {
		-webkit-transform: matrix(1.065, 0, 0, 1.065, 0, 0);
		transform: matrix(1.065, 0, 0, 1.065, 0, 0)
	}
	50.25% {
		-webkit-transform: matrix(1.014, 0, 0, 1.014, 0, 0);
		transform: matrix(1.014, 0, 0, 1.014, 0, 0)
	}
	70.27% {
		-webkit-transform: matrix(.997, 0, 0, .997, 0, 0);
		transform: matrix(.997, 0, 0, .997, 0, 0)
	}
	to {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
}

@keyframes zoomOut-data-v-0c63b68e {
	0% {
		-webkit-transform: matrix(.1, 0, 0, .1, 0, 0);
		transform: matrix(.1, 0, 0, .1, 0, 0)
	}
	7.61% {
		-webkit-transform: matrix(.583, 0, 0, .583, 0, 0);
		transform: matrix(.583, 0, 0, .583, 0, 0)
	}
	11.41% {
		-webkit-transform: matrix(.764, 0, 0, .764, 0, 0);
		transform: matrix(.764, 0, 0, .764, 0, 0)
	}
	15.12% {
		-webkit-transform: matrix(.893, 0, 0, .893, 0, 0);
		transform: matrix(.893, 0, 0, .893, 0, 0)
	}
	18.92% {
		-webkit-transform: matrix(.982, 0, 0, .982, 0, 0);
		transform: matrix(.982, 0, 0, .982, 0, 0)
	}
	22.72% {
		-webkit-transform: matrix(1.034, 0, 0, 1.034, 0, 0);
		transform: matrix(1.034, 0, 0, 1.034, 0, 0)
	}
	30.23% {
		-webkit-transform: matrix(1.065, 0, 0, 1.065, 0, 0);
		transform: matrix(1.065, 0, 0, 1.065, 0, 0)
	}
	50.25% {
		-webkit-transform: matrix(1.014, 0, 0, 1.014, 0, 0);
		transform: matrix(1.014, 0, 0, 1.014, 0, 0)
	}
	70.27% {
		-webkit-transform: matrix(.997, 0, 0, .997, 0, 0);
		transform: matrix(.997, 0, 0, .997, 0, 0)
	}
	to {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0)
	}
}

.sp-ani-loading-bar,
.sp-anim-number-loading{
height:145px;
width:145px;
border-radius: 100%;
position: relative;
margin: 0 auto;
}

.sp-anim-number-loading[data-v-0c63b68e] {
	margin: 0 auto
}

.sp-ani-loading-bar{
	border: 5px solid transparent;
	border-color: #d4131300 #15477b #e2171700;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-animation-duration: 1.5s!important;
	animation-duration: 1.5s!important;
	transform-origin: 50% 50%
}

.sp-anim-number-loading:hover .sp-ani-loading-bar{
	border-color: transparent #15477b
}

.sp-anim-number-loading .sp-ani-loading-bar,
.sp-anim-number-loading:hover .sp-ani-loading-bar{
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

#sp-anim-gene-text{
  -webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
  animation: loading-text-opacity 1s linear 0s infinite normal;
  -webkit-animation-duration: 1s!important;
  animation-duration: 1s!important;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  margin-top: 96px;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 200px;
}

.sp-number-countup{
margin-top: -94px;
position: absolute;
font-size:1rem;
font-weight:600;    
left: 10px;
color:#ff004d;    
}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.sp-count-renderd{
  font-weight: 700;
  margin-top:30px;
  margin-bottom: 10px;
}

#sp-pre-anim-modal[data-v-0c63b68e] {
	-webkit-transition: all 2.4s;
	transition: all 2.4s
}

.loaded#sp-pre-anim-modal[data-v-0c63b68e] {
	left: -200%
}

.sp-ani-circle-loading[data-v-0c63b68e] {
	border: .01em solid hsla(0, 0%, 59%, .1);
	border-radius: 50%;
	font-size: 100px;
	height: 1.5em;
	list-style: outside none none;
	margin: 0 auto;
	position: relative;
	top: 35%;
	width: 1.5em;
	z-index: 2147483647
}

.sp-ani-circle-loading li[data-v-0c63b68e] {
	border-radius: 50%;
	height: .2em;
	position: absolute;
	width: .2em
}

.sp-ani-circle-loading li[data-v-0c63b68e]:first-child {
	-webkit-animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e, 3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e, 3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	-webkit-animation-duration: 1.13s!important;
	animation-duration: 1.13s!important;
	background: #6d6fd5 none repeat scroll 0 0;
	left: 67%;
	margin: 0 0 0 -.8em;
	top: 0;
	-webkit-transform-origin: 250% 352%;
	transform-origin: 250% 352%
}

.sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(2) {
	-webkit-animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e, 4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e, 4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	-webkit-animation-duration: 1.86s!important;
	animation-duration: 1.86s!important;
	background: #ff8071 none repeat scroll 0 0;
	margin: .9em 0 0;
	right: 76%;
	top: -60%;
	-webkit-transform-origin: 300% 330% 0;
	transform-origin: 300% 330% 0
}

.sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(3) {
	-webkit-animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	-webkit-animation-duration: 1.45s!important;
	animation-duration: 1.45s!important;
	background: #ffc955 none repeat scroll 0 0;
	bottom: 76%;
	left: 52%;
	margin: 0 0 0 -.8em;
	-webkit-transform-origin: 380% 270%;
	transform-origin: 380% 270%
}

.sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(4) {
	-webkit-animation: 1.72s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.25s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	animation: 1.72s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.25s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
	-webkit-animation-duration: 1.72s!important;
	animation-duration: 1.72s!important;
	background: #ffc955 none repeat scroll 0 0;
	margin: -.1em 0 0;
	top: 50%;
	-webkit-transform-origin: 250% 50% 0;
	transform-origin: 250% 50% 0
}

.cash-back-text[data-v-0c63b68e] {
	margin: 20px 0;
	font-size: 21px;
	color: #03161f;
	text-align: center;
	line-height: 27px
}

.close[data-v-0c63b68e]:hover {
color: #000;
text-decoration: none
}
