@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);

.bmYVQk {
	position: relative;
	overflow: hidden;
	padding: 278px 0px 150px;
}
.bmYVQk .section__particle {
	position: absolute;
}

@media(max-width:450px){
	.community_btt{ display: none; }
}

#timer {
font-family: 'Titillium Web', cursive;
width: 100%;
margin: 0 auto;
text-align: center;
color: white;
font-weight: 100;
}

#timer div {
display: inline-block;
line-height: 1;
padding-right: 20px;
font-size: 40px;
}

#timer span {
display: block;
font-size: 20px;
color: white;
}

#days {
font-size: 100px;
color: #db4844;
}
#hours {
font-size: 100px;
color: #f07c22;
}
#minutes {
font-size: 100px;
color: #f6da74;
}
#seconds {
font-size: 50px;
color: #abcd58;
}

.migrate_button {
box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
animation: pulse-yellow 1s infinite;

backface-visibility: hidden;
perspective: 1000px;
}

@keyframes pulse-purple {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
}

100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
}
}


@keyframes pulse-yellow {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
}

100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
}
}

@keyframes pulse-transparent {
0% {
transform: scale(0.95);
}

70% {
transform: scale(1);
}

100% {
transform: scale(0.95);
}
}

#roadmap a{
text-decoration: underline;
}	

#tokenomics .img_t_economics{
margin-bottom: 25px;height: 175px;opacity: 0.2;filter: blur(2px);-webkit-filter: blur(2px); margin-bottom: -25px; height: 175px;
}
#tokenomics .perc_t_economics{
position: absolute;
top: 13px;
font-size: 80px;
width: 100%;
font-family: revert;
font-weight: bold;
color: #6b11a9;
text-shadow: 0 0 #4995c6;
}
#tokenomics .body_t_economics{
position: relative;
}	

.banner_img{background: url(../stickers/banner_3d92.png) no-repeat;  width: 140%; min-height: 360px; height:100%;  background-position: center; }

@media(min-width:340px){
.banner_img{width: 100%; min-height: 420px; height:100%;  background-position: center; background-size: contain; }
}

@media(min-width:640px){
.banner_img{width: 100%; min-height: 520px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:768px){
.banner_img{width: 100%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:1024px){
.banner_img{width: 115%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:1200px){
.banner_img{width: 115%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}

.banner_nft_img{background: url(../stickers/banner_nfts.png) no-repeat;  width: 140%; min-height: 360px; height:100%;  background-position: center; }

@media(min-width:340px){
.banner_nft_img{width: 100%; min-height: 420px; height:100%;  background-position: center; background-size: contain; }
}

@media(min-width:640px){
.banner_nft_img{width: 100%; min-height: 520px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:768px){
.banner_nft_img{width: 100%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:1024px){
.banner_nft_img{width: 115%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}

@media(min-width:1200px){
.banner_nft_img{width: 115%; min-height: 577px; height:100%;  background-position: center; background-size: contain;}
}


.slick-slider {
	display: block;
	position: relative;
	box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
	-khtml-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}

.jss775 {
	top: 512px;
	right: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	transform: translateY(-50%);
	list-style: outside none;
}

.jss775 li {
	margin: 0;
	display: block;
	padding: 0;
	transform: translateX(calc(100% - 24px));
	transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.jss775 li.jss771 gatsby-image-wrapper, .jss775 li:hover {
	transform: translateX(0%);
}
.jss775 li.slick-active, .jss775 li:hover {
	transform: translateX(0%);
}	

@media(max-width:1025px){

	.jss775 {
		top: 1078px;
	}

	.contract_address_padding{
		padding: 15px;
	}

}




.jss776 {
	color: transparent;
	cursor: pointer;
	display: block;
	padding: 12px;
	transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,width 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	font-weight: 500;
}

.jss1658 {
position: relative;
}
.jss1661 {
position: relative;
}
.jss1676 {
position: relative;
}	
.jss1660 {
background: linear-gradient(14.6deg, rgb(212 99 205) 9.95%, rgb(232 96 255) 91.09%);
}
.jss1660:hover, .slick-active .jss1660 {
color: rgb(250, 250, 250);
}

.jss1654 {
background: linear-gradient(rgb(105 17 177) 0%, #9274c9 171.88%);
}
.jss1654:hover, .slick-active .jss1654 {
color: rgb(250, 250, 250);
}


.jss1663 {
background: linear-gradient(14.6deg, rgb(38 166 154) 9.95%, rgb(32 158 146) 91.09%);
}
.jss1663:hover, .slick-active .jss1663 {
color: rgb(250, 250, 250);
}

.jss1666 {
background: linear-gradient(245.14deg, rgb(171 33 33) 3.55%, rgb(223 63 63) 49.49%, rgb(171 33 33) 95.44%);
}
.jss1666:hover, .slick-active .jss1666 {
color: rgb(250, 250, 250);
}


.jss1658 {
background: linear-gradient(245.14deg, rgb(255 255 255) 3.55%, rgb(199 199 199) 49.49%, rgb(179 179 179) 95.44%);
}
.jss1658:hover, .slick-active .jss1658 {
color: rgb(250, 250, 250);
}

.jss1669 {
background: linear-gradient(247.94deg, rgb(150 89 201) 3.61%, rgb(138 85 170) 48.2%, rgb(103 32 141) 100%), rgb(71 17 135);
}
.jss1669:hover, .slick-active .jss1669 {
color: rgb(250, 250, 250);
}	

.jss1672 {
background: linear-gradient(247.94deg, rgb(0 0 0) 3.61%, rgb(18 18 18) 48.2%, rgb(0 0 0) 100%);
}	
.jss1672:hover, .slick-active .jss1672 {
color: rgb(250, 250, 250);
}


.jss1675 {
background: rgb(219, 147, 137);
}
.jss1675:hover, .slick-active .jss1675 {
color: rgb(250, 250, 250);
}	

.jss1678 {
background: rgb(48, 81, 146);
}
.jss1678:hover, .slick-active .jss1678 {
color: rgb(250, 250, 250);
}	


		

.jss1648 {
background: linear-gradient(192deg, rgb(29, 29, 29) 0%, rgb(32, 32, 32) 34%);
}
.jss769 {
overflow: hidden;
user-select: none;
pointer-events: none;
}
@media (min-width: 960px)

.MuiContainer-maxWidthMd {
max-width: 960px;
}
@media (min-width: 600px)

.MuiContainer-root {
padding-left: 24px;
padding-right: 24px;
}
.MuiContainer-root {
width: 100%;
display: block;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
.jss1590 {
z-index: 2;
position: relative;
padding-top: 64px;
padding-bottom: 64px;
}
.jss1591 {
color: rgb(250, 250, 250);
}
.jss1609 {
position: relative;
}
.jss1610 {
width: 100%;
padding-bottom: 156.66%;
}
.jss771 {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
position: absolute !important;
transform: translateZ(0);
will-change: opacity, transform;
transform-origin: center center;
}
.jss769 {
overflow: hidden;
user-select: none;
pointer-events: none;
}
.jss657 {
left: 16%;
width: 40%;
bottom: -10%;
position: absolute;
transform: translateZ(0);
user-select: none;
pointer-events: none;
transform-origin: center bottom;
}
.jss772 {
opacity: 0;
}
.jss657 span {
left: 0;
width: 100%;
bottom: 0;
filter: blur(16px);
opacity: 0.2;
z-index: 0;
overflow: hidden;
position: absolute;
transform: rotate(158deg) skewX(58deg);
padding-bottom: 100%;
}
.jss657 span:before {
left: 0;
width: 100%;
bottom: 0;
height: 100%;
content: '';
position: absolute;
background: #000;
box-shadow: -16px 16px 64px 16px black;
border-radius: 25% 9% 25% 100%;
}

	
.container_effect img:hover {
transition: 0.1s ease;
transform: scale(1.35);
}
.partnership_state img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 0.2;
}


.text-block ol li {
color: #ffffff;
}
.text-block ol li {
position: relative;
padding-left: 65px;
margin-bottom: 10px;
color: #aeafff;
}
.text-block ol li:before {
position: absolute;
top: -8px;
left: 25px;
counter-increment: item;
content: counter(item) ".";
font-size: 30px;
font-weight: 700;
color: #46bdf4;
}	
.text-block ol li:before, .timeline-content h6, .team-circle-social li a, .io-lobelia .sub-heading {
color: #9441fb;
}			

	
.scroll-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #47a6c9;
	color: #fff;
	font-size: .65625rem;
	border-radius: 0.35rem;
	opacity: .5;
	transition: .5s ease-out;
	border: 0px;
}
.scroll-top hover{
	opacity: 1;	
	background-color: #c3c3c3;
}
.scroll-top i {
	display: inline-block;
	color: #FFFFFF;
}




.social-link-exp li a [class*=fa-] {
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 50%;
	background: rgba(255,255,255,.15);
	color: #fff;
	transition: all .4s;
}
.widget-item {
	padding-bottom: 30px;
}
.widget-title { 
	text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; color: #47a6c9; font-weight: bold;
}
.widget-text { 
	margin-bottom: 70px;
}



.bopyb{ background: #8d65c5;   padding: 5px 20px 5px 20px; border-radius: 11px;    color: #fff; }

@media(min-width:360px){ .bopyb{ width: 100%; } }
@media(min-width:640px){ .bopyb{ width: 100%; } }
@media(min-width:768px){ .bopyb{ width: 79px; } }






.logo-token-middle{
	margin-top: -158px;
	margin-bottom: 0px;
}
.token-info-align{
	text-align: left;
}
.token-info-margin{
	margin-top: 0px;
}
.token-info-bottom{
	margin-bottom: 0px;
}
.token-ecosystem-align{
	text-align: right;
}	
.fimagesize{
	width: 220px;
	margin-bottom: 20px;
}
@media(max-width:1024px){
	.logo-token-middle{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.token-info-align{
		text-align: center !important;
	}
	.token-ecosystem-align{
		text-align: center;
	}	
	
	.token-info-margin{
		margin-top: 55px;
	}
	
	.token-info-bottom{
		margin-bottom: 30px;
	}
	.fimagesize{
		width: 100%;
	}
	
	
}	




.hide-mobile{
	display: block;
}

@media(max-width:1024px){

	.hide-mobile{
		display: none;
	}

}



.dev-ajust-mobile{
	max-width: 253px; 
	margin-top: 60px;
	border-radius:50%;
}

@media(max-width:1024px){

	.dev-ajust-mobile{
		max-width: 180px;
		margin-top: 40px;
		border-radius: 50%;
	}

}





.card-ajust-mobile{
    padding: 0px;
}

@media(max-width:1024px){

	.card-ajust-mobile{
    	padding: 50px;
	}

}



.banner_buttom-ajust-mobile{
    margin-bottom: 0px;
}

@media(max-width:1024px){

	.banner_buttom-ajust-mobile{
    	margin-bottom: 25px;
	}

}




.flex a:hover{
	
		color: #8631f7;
	
}