html, body{ margin:0px; padding: 0px; width:100%; }
body {
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	/*font-weight: 500;*/
	line-height: 1.5rem;
	font-size:16px;
	font-weight: 400;
	background-color: #010710;
}
.ui-widget{font-family: 'Montserrat', sans-serif;}

h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	line-height: 2.2rem;
	margin: 0px 0px 0px 0px;
}
h1{ font-size:3rem; line-height: 3rem}
h2{ font-size:2.2rem;}
h3{ font-size:2rem;}
h4{ font-size:1.rem;}






.w-100{ width:100%; height: auto;}
.dash{ border-bottom: 3px dashed #000; text-decoration: none;}
.pt-15{ padding-top:15px;}
.pb-15{ padding-bottom:15px;}
.pt-20{ padding-top:20px;}
.pb-20{ padding-bottom:20px;}
.mt-15{ margin-top:15px;}
.mb-15{ margin-bottom:15px;}
.mt-20{ margin-top:20px;}
.mb-20{ margin-bottom:20px;}

.arrow-down {
  border-top: 15px solid #ffffff; border-left: 50px solid #F3F5F8;
  	border-right: 50px solid  #F3F5F8;
	width:100px; height: 15px;
	margin:0px auto;
}

.light-blue-arrow{
	border-top-color: #F3F5F8; border-left-color: #ffffff;
  	border-right-color:  #ffffff;
  }


.slick-dots {
    text-align: left;
    bottom: 20px;
    padding-left: 0px;
	font-size:14px;
}
.slick-dots a{ color:#cccccc; text-decoration:  none}
.slick-dots .slick-active a {
    font-weight: 600;
    color: #000000;
}

.slick-next, .slick-prev {
    top: auto;
    bottom: 15px;
    z-index: 500;
}

.slick-next::before, .slick-prev::before {
    color: #000;
}

.slick-prev{ left:80%;}
.slick-next{ right:0%;}

.slick-dotted.slick-slider{ margin-bottom:0px;}
.slider-list{ position: relative; overflow: hidden; padding-bottom:60px;}

.light-blue-bg{ background-color:#F3F5F8;}

ul{ padding-left:0px; margin-left: 0px; list-style: none}
ul.list-dns-style{}
ul.list-dns-style li{ padding-left:45px; padding-bottom: 15px; position:relative}
ul.list-dns-style li::before{ position:absolute; top:5px; left: 0px;  content: " "; display: block; width:35px; height:20px; background-image: url("../images/icon_dna.png"); background-repeat: no-repeat; background-position: left center; background-size: 32px;}

.light-blue{ color:#31F2FE;}
.button{ display:inline-block; border-radius: 40px; box-sizing: border-box; padding: 25px 50px 25px 50px; color:#ffffff; background-color: #28bdeb; font-size:22px; cursor: pointer; font-weight: 600; position: relative; z-index: 10000; text-transform: uppercase}
.bg-blue-gadient{background-image: linear-gradient(to right, rgba(41,191,236,0.9), rgba(17,121,193,0.9));background-image: linear-gradient(to bottom, rgba(41,191,236,1), rgba(17,121,193,1));}
.button.header-top-cta{border-radius: 0px; width:100%;text-align:center; padding: 10px 0px 10px 0px; max-width: 100%; text-decoration: none; font-size:16px;background-image: linear-gradient(to right, rgba(41,191,236,0.9), rgba(17,121,193,0.9)); text-transform: none; 
	letter-spacing: 2px; box-sizing: border-box;}
.button.header-top-cta span{ text-decoration: underline; font-weight: 700}
.button-center{ margin:0px auto;}

a{color:#31F2FE;}




.fade-in {
  animation: fadeIn ease 2s infinite;
  -webkit-animation: fadeIn ease 2s infinite;
  -moz-animation: fadeIn ease 2s infinite;
  -o-animation: fadeIn ease 2s infinite;
  -ms-animation: fadeIn ease 2s infinite;
}
@keyframes fadeIn {
  0% {
    opacity:1;
  }
	50%{opacity:0.8;}
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:1;
  }
	50%{opacity:0.8;}
  100% {
    opacity:1;
  }
}

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

@-o-keyframes fadeIn {
  0% {
    opacity:1;
  }
	50%{opacity:0.8;}
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:1;
  }
	50%{opacity:0.8;}
  100% {
    opacity:1;
  }
}

	
	
.desktop-view{display:block;}
.mobile-view{display:none;}






header{ background-color:rgba(4, 12, 31, 0.9);  text-align: left; box-sizing: border-box; position:fixed; width:100%; z-index: 1000; top:0px; left: 0px;-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px); width:100%;}
#header-container-inner{ width:100%; max-width: 1200px; margin: 0px auto; display:flex; align-content: center; padding-top:5px; position: relative}
#header-logo{ text-align: left;  padding-top:5px;}
#header-logo img{ max-width:200px; display:inline-block;}
#header-menu{ text-align: right; width: 50%;justify-content: flex-end; padding-top: 12px; cursor: pointer; display: none}
.menu-icon-container{ width:28px;display:inline-block; margin-left: 20px;}
#menu-icon{ width:28px; height:28px; display:inline-block}
.menu-text{ font-size:8px; text-align: center; display:block; line-height: 8px; }
#social-icon{ width:28px; height:28px; display:inline-block}
#header-menu-desktop{ display:block; padding-left:30px; display:flex; height: 100%; padding-top:24px;}
#header-menu-desktop a{ color:#ffffff; font-size:14px; margin-right: 30px; text-decoration: none; padding-right: 30px; border-right:1px solid #ffffff; line-height: 16px;}
#header-menu-desktop a span{ color:#ffffff !important}
#header-menu-desktop a:hover{ text-decoration: underline}
#header-menu-desktop a:last-child{ border:0px solid #ffffff;}

#header-social-desktop{ position:absolute; top:24px; right:0px;}
#header-social-desktop img{ width:25px; display:inline-block; height:auto;}
#header-social-desktop a{ color:#ffffff; font-size:14px; line-height: 16px; margin-right: 20px; text-decoration: none; display: inline-block; }
#header-social-desktop a span{ color:#ffffff !important}
#header-social-desktop a:hover{ text-decoration: underline}
/*
#header-social-desktop a:nth-child(1){ background-image: url("../images/icon_twitter.png"); background-position: left center; background-repeat: no-repeat; background-size: 20px;}

#header-social-desktop a:nth-child(2){ background-image: url("../images/icon_discord.png"); background-position: left center; background-repeat: no-repeat; background-size:  20px;}

#header-social-desktop a:nth-child(3){ background-image: url("../images/icon_medium.png"); background-position: left center; background-repeat: no-repeat; background-size:  20px;}

#header-social-desktop a:nth-child(3){ background-image: url("../images/icon_tel.png"); background-position: left center; background-repeat: no-repeat; background-size:  20px;}*/


section{ width:100%; position: relative;}
section .wrapper{ width:100%; max-width: 1200px; margin: 0px auto; box-sizing: border-box; position:relative;z-index: 100;padding: 0px 0px 0px 0px;}
section .full-wrapper{width:100%;  margin: 0px auto; box-sizing: border-box; position: relative; z-index: 100}
section .section-inner{background-color: #010710; position: relative;z-index: 10;}

.hero-section{ position:sticky; top:0px; left: 0px; width:100%; overflow-x: hidden;}
.hero-content{ position:absolute; top:25%; left: 10%; width:45%;}
.hero-subtitle{ letter-spacing:3px; font-weight: 500; font-size: 20px; line-height: 24px;}
.hero-title{ font-size:4rem; line-height:4.5rem; margin-bottom:30px; font-weight: 700}
.hero-desc{ width:100%; max-width: 600px; display: inline-block; font-size:20px; line-height: 1.5rem;}
/*
.hero-section::after{ content: " "; position: absolute; top:0px; left: 0px; width:100%; height: 100%;  display: block; background-image: linear-gradient(to bottom, rgba(6,13,32,0), rgba(6,13,32,1)); z-index: 100}
*/
#hero_bg_video{ position:absolute;top:0px; left: 0px; width:100%; height: 100%;}
#hero_bg_video_mobile{ position:absolute;top:30px; left: 0px; width:100%; height: 100%; opacity: 0}
video::-webkit-media-controls {
    display:none !important;
}
#hero_bg_video_mobile::-webkit-media-controls {
    display:none !important;
}

.hero-img .desktop-view .layer_1{ position:relative}


.parallax{width:100%; position:relative}
.layer_1{}
.layer_2{ position:absolute; width: 55%; height: auto; bottom:15%; right:2%;
}
.layer_3{ position:absolute; width: 45%; height: auto; bottom:0px; right:0%;}


.mobile-view .layer_2{ width:100%; bottom:0%; right:0%;display: none}
.mobile-view .layer_2 img{ width:140%; margin-left: -20%;display: none}
.mobile-view .layer_3{ width:80%; display: none}

#plasmaCanvas{ position: absolute; top:0px; left: 0px; width:100%; height: 100%; opacity: 0.1}

.hero-content-button.mobile-view{ position:absolute; bottom:0px;  text-align: center; width:100%;
background-image: linear-gradient(to bottom, rgba(6,13,32,0), rgba(6,13,32,1));
	padding-top:30px;
}


.content-container{text-align:left; padding:150px 0px 50px 0px;}
.content-container-inner{ box-sizing:border-box; padding: 30px;display:flex;align-items: center}
.content-container-inner.blue-bg{ background-color:#020F2C;}
.content-container-inner.gradient-blue-bg{ background-image: linear-gradient(to bottom, rgba(2,15,44,1), rgba(1,7,16,0.7));}


.content-left{ width:50%;box-sizing: border-box; padding-right: 20px;}
.content-right{ width:50%; box-sizing: border-box; padding-left: 20px;}
.large-title{ width:100%}
.large-title h2{ font-size:4rem; line-height: 4.5rem; font-weight:800}
.large-title h3{ font-size:3.6rem; line-height: 4rem;font-weight:600}
.large-title h4{ font-size:2.4rem; line-height: 2.6rem;font-weight:500}
.middle-title h3{ font-size:2.4rem; line-height: 2.6rem;font-weight:500}
.align-center{ text-align:center !important; margin: 0px auto; width: 100%; display: block}

.small-logo{ width:100%; max-width:160px;}

.content-container.buy-content{}
.content-container.buy-content .content-left{ width:53%; display:flex; padding-right: 0px; justify-content: center; align-items: center; padding: 30px 0px 30px 0px;}
.content-container.buy-content .content-left .left{ width:calc(74%)}
.content-container.buy-content .content-left .right{padding-left: 20px; width:26%; position: relative; width:120px; height: 120px;}
.content-container.buy-content .content-left .right img{
position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-10px 0 0 -70px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.content-container.buy-content .content-right{ width:47%;padding: 30px 0px 30px 0px;}


.innovation-section .section-inner{ background-color: transparent}

.stat-section .bg{ position:absolute; z-index: 3; top:-150%; left: 0px; width:100%}
.stat-section .section-inner{ background-color: transparent}
.stat-section .stat-list{ width:100%; display:flex; justify-content: center; align-items: center; 
  flex-wrap: wrap; margin-left: 0px; padding-left:0px;}
.stat-section .stat-list li{ padding-right: 20px; flex-grow: 4; /* default 0 */ text-align: center}
.stat-section .stat-list li h3{ padding-top:10px;}
.stat-section .stat-list li:last-child{ padding-right: 0px;}



.model-section .section-inner{ background-color: transparent}
.model-section .content-container-inner{ display:block}
.model-list { display:flex; justify-content: center;  width:100%; }
.model-list .model-item{  text-align:center; box-sizing: border-box; padding: 20px; width:33.3%; padding-top: 10%; flex-grow: 1}
.model-list .model-item .model-item-inner{background-image: linear-gradient(to bottom, rgba(2,15,44,1), rgba(1,7,16,0.7)); padding-bottom: 20px; height: 100%;}
.model-list .model-item .model-item-inner .img{width:100%; max-width: 120px; margin: 0% auto 0px auto}
.model-list .model-item .model-item-inner .img img{ margin-top:-40%}
.model-list .model-item .text{ box-sizing: border-box; padding: 0px 15px 0px 15px;}
.model-list .sub-title{ text-transform: uppercase; letter-spacing: 2px; padding-bottom:15px;}

.model-list h4{ padding:15px 0px 15px 0px;}

.joinus-section{background-image: url("../images/footer_bg.png"); background-repeat: no-repeat; background-position: bottom right; background-size: cover}
.joinus-section .section-inner{ background-color: transparent}
.joinus-section .content-container-inner{background-color: transparent }
.joinus-section .joinus-logo{ width:100%; max-width: 300px;}


.joinus-section .content-container-inner .content-right {display:flex}
.joinus-section .content-container-inner .content-right .left{ width:60%; box-sizing: border-box; padding-right: 30px;}
.joinus-section .content-container-inner .content-right h4{ border-bottom: 1px solid #31F2FE; width:80%; margin-bottom: 15px;}
.joinus-section .content-container-inner .content-right .right{ width:40%;}
.joinus-section .content-container-inner .content-right .right a{ margin-bottom: 10px; display:inline-block}

.social_link_container{ display:flex;}
.social_link_container .social_link{ width:25%; box-sizing: border-box; padding-right:20px;}



.roadmap-section .content-container-inner{ display:block}
.roadmap-list-container{ position:relative; box-sizing: border-box;  width:100%; max-width: 700px; margin: 50px auto 0px auto; padding-bottom: 150px}

.roadmap-section .section-inner{background-color: transparent}


.roadmap-list-container .roadmap-line{ position:absolute; top:0px; left: 30px; width:15px; height: 100%; box-sizing: border-box; padding-top: 50px;}
.roadmap-list-container .roadmap-line img{ width:100%; height: 100%; margin-left: -50%;}
.roadmap-list-container-inner{ position:relative; z-index: 1; }
.roadmap-list-container-inner h3{margin-bottom: 100px; padding-left: 20px;}
.roadmap-list-container-inner .roadmap-list{}
.roadmap-list-container-inner .roadmap-list .roadmap-item{ box-sizing: border-box; padding-left: 80px; position: relative}
.roadmap-list-container-inner .roadmap-list .roadmap-item::before{ content:" "; display:block; width: 50px; height: 50px; box-sizing:border-box; border: 2px solid #ffffff; border-radius: 50%; overflow: hidden; position: absolute; top:35px; left: 5px; background-color: #000000;}
.roadmap-list-container-inner .roadmap-list .roadmap-item span{ display:block; box-sizing: border-box; padding: 50px 0px 50px 0px; border-bottom:1px dashed #707070; font-weight: 600; font-size:20px;}
.roadmap-list-container-inner .roadmap-list .roadmap-item:last-child span{border-bottom:0px dashed #707070}

.roadmap-list-container-inner .roadmap-list .roadmap-item.roadmap-done::before{ background-color: #ffffff; background-image: url("../images/tick.png"); background-position: center center; background-repeat: no-repeat; background-size: cover}
.roadmap-list-container-inner .roadmap-list .roadmap-item.roadmap-done span{color: #707070; text-decoration:line-through}
.roadmap-list-container-inner .roadmap-list .roadmap-item.roadmap-current::before{border: 2px solid #31F2FE;}
.roadmap-list-container-inner .roadmap-list .roadmap-item.roadmap-current span{color: #31F2FE;}

.gradient-section{ width:100%; height: 20px; position:relative; padding-top: 20px; z-index: 100}
.gradient-section-inner{background-image: linear-gradient(to bottom, rgba(1,7,16,0), rgba(1,7,16,0.7), rgba(1,7,16,1)); width:100%; height: 300px;
	position:absolute; left: 0px; bottom:0px;
}


.team-content .content-container-inner{display:block !important}
.team-content .content-container-inner h3{ padding:50px 0px 50px 0px; text-align: center}
.team-list{ display:block; /*flex-wrap: wrap*/}
.team-list .team-item{ width: 100%; box-sizing: border-box; padding: 15px; margin-bottom: 40px; display: flex; align-items:flex-start}
.team-list .team-item .team-img{box-sizing: border-box; /*padding: 5px; border:1px solid #31F2FE;*/ width:37%; margin-right: 3%; display:block; }
.team-list .team-item .team-img img{display:block; width: 100%; height: auto;}
.team-list .team-item .team-info{ width:60%;}
.team-list .team-item .team-name{ font-size:22px; font-weight: 800; padding: 15px 0px 15px 0px;}
.team-list .team-item .team-name small{ font-weight: 400}

.info-content{ text-align:center; padding:150px 0px 50px 0px;}
.info-content p{ display:inline-block; width: 100%; max-width: 800px; margin: 30px auto;}

.whatis-content{ display:flex; padding: 150px 0px 50px 0px}
.whatis-left{ width:45%;box-sizing: border-box; padding: 15px;}
.whatis-right{ width:55%; box-sizing: border-box; padding-left: 5%;}


.treasury-section{ position:relative}
.treasury-content{ text-align:center; padding:150px 0px 50px 0px;}
.treasury-content p{ display:inline-block; width: 100%; max-width: 800px; margin: 30px auto;}
.treasury-section .bg{ position:absolute; z-index: 3; top:-180%; left: 0px; width:100%}


.problem-content{ display:flex; padding:150px 0px 50px 0px;}
.problem-right{ width:45%}
.problem-left{ width:55%; box-sizing: border-box; padding-right: 5%;}


.solution-section{ position:relative}
.solution-content{ text-align:left; padding:150px 0px 50px 55%;}
.solution-content p{ display:inline-block; width: 100%; max-width: 800px; margin: 30px auto;}
.solution-section .bg{ position:absolute; z-index: 3; top:-80%; left: 0px; width:100% }

.participate-content{ text-align:center;padding:200px 0px 100px 0px;}
.community legend{ padding: 20px;margin:0 auto; text-align: center}

.community-inner {display:flex}
.community-inner .community-item{background-color:#31F2FE; color:#000000; box-sizing: border-box; padding: 20px; width:46%; margin: 0px 2% 2% 2%; text-align: left}


.discord-section .wrapper{ max-width:900px;}
.discord-content{text-align:center; padding:150px 0px 150px 0%;}

.discord-img{ width:100%; max-width: 80px; margin: 0px auto;}


.faq-section{ position:relative}
.faq-section .wrapper{ max-width:900px;}
.faq-content{ text-align:center; padding:100px 0px 100px 0%;}
.faq-content p{ display:inline-block; width: 100%; max-width: 800px; }
.faq-content h3{  color:#31F2FE;}

.ui-accordion .ui-accordion-header{ text-align:left; color:#ffffff; background-color: transparent; margin-top: 20px; font-size:22px;}
.ui-accordion .ui-accordion-content{color:#ffffff; background-color: transparent; text-align: left;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 100%; margin-left: -30px; top: 50%; margin-top: -8px; color:#ffffff !important; font-size:20px; }
.ui-icon, .ui-widget-content .ui-icon {background-image:url("../images/ui_icon.png")}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{background-image:url("../images/ui_icon.png")}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-radius: 0px!important; border:1px solid #31F2FE; }
					
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:1px solid #31F2FE; }
.ui-accordion-header-active{ border-bottom:0px solid #31F2FE}


.joinus-section{background-image: url("../images/footer_bg.png"); background-repeat: no-repeat; background-position: bottom right; background-size: cover}
.joinus-section .section-inner{background-color: transparent}

.social_container{ display:flex;  align-items: center}
.social_container .social_links{ width:60%;}
.social_container .social_logo{ width:40%;}
.social_container .social_logo img{ width:100%; max-width:250px;}
.social_container .social_links .social_link{ display: flex;  align-items: center; margin-bottom: 20px; margin-top: 20px;}
.social_container .social_links .social_link .social_icon{ width:100px;}
.social_container .social_links .social_link .social_text{ width:calc(100% - 100px); max-width: 400px; box-sizing: border-box; padding-left: 15px;}
.social_container .social_links .social_link .social_text a{color:#ffffff; text-decoration: none;}
.social_container .social_links .social_link .social_text .social_text_title{ font-weight: 700; color:#ffffff; text-decoration: none; font-size:22px; display:block; margin-bottom: 10px;}


footer{ background-image: url("../images/footer_bg.png"); background-repeat: no-repeat; background-position: bottom right; background-size: cover}
.footer-content{ text-align:center; padding: 200px 0px 50px 0px;}
.footer-content a{ color:#ffffff; display:inline-block; padding: 0px 10px 0px 10px; font-weight:800}

 

.policy-content{ text-align:left; padding:100px 0px 100px 0px;}


#menu{ position:fixed; display: none;width:100%; height: 100%; top:0px; left: 0px; z-index: 999; background-color: rgba(0,0,0,0.9)}
#menu_content{ text-align: right; box-sizing: border-box; padding: 100px 0px 0px 0px;width:100%; max-width: 1200px; margin: 0px auto;}

#menu_content a{ display:block; color:#ffffff; font-size:24px; font-weight: 600; text-decoration: none; margin-bottom: 25px;}
#menu_content a:hover{ text-decoration:underline}

#social_menu{ position:fixed; display: none;width:100%; height: 100%; top:0px; left: 0px; z-index: 999;background-color: rgba(0,0,0,0); text-align: right}
#social_menu_content{
	text-align: right; box-sizing: border-box; padding: 150px 0px 0px 0px;width:100%; max-width: 1200px; margin: 0px auto;
 position: relative;}
#social_menu_content_inner{ width:auto; position: absolute; top:150px; right: -30px;background-color: rgba(0,0,0,1); padding: 20px 20px 0px 20px}

#social_menu_content_inner::before{ content:" " ; display:block; 
	width: 0; 
    height: 0; 
     border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-bottom: 20px solid black;
	position: absolute;
    top: -20px;
    left: calc(50% - 20px);
	
	
}

#social_menu_content a{ display:block; color:#ffffff; font-size:20px; font-weight: 400; text-decoration: none; margin-bottom: 25px; vertical-align: middle; display: flex; align-items:center; justify-content: left}
#social_menu_content a:hover{ text-decoration:underline}
#social_menu_content a span{ text-decoration:underline}
#social_menu_content a:hover span{ text-decoration:underline}

#social_menu_content img{ width:50px; height: auto; margin-right: 15px;}


@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}


@media only screen and (max-width: 1200px) {

	.hero-title{ font-size:3rem; line-height:3rem; }
	.wrapper{ box-sizing: border-box; }
	
	.stat-content h2{ font-size:2.2rem;}
	.treasury-section .bg{  top:-150%; }
	.solution-section .bg{ top:-80%;}
	#header-container-inner{ box-sizing: border-box; padding: 0px 20px 0px 20px}
	#menu_content{box-sizing: border-box; padding: 150px 30px 0px 30px}
	
	.stat-section .bg{ position:absolute; z-index: 3; top:0%; left: 0px; width:100%}
	.joinus-section .content-container-inner .content-right .left{ max-width:400px;}
	.joinus-section .content-container-inner .content-right .right{ max-width:400px;}
   
   

}

@media only screen and (max-width: 1100px) {
	.hero-subtitle{ letter-spacing:2px; font-weight: 300; font-size: 18px }
	.hero-title{ font-size:2.4rem; line-height:2.4rem; }
	.stat-content h2{ font-size:2rem;}
	.treasury-section .bg{  top:-100%;}
	.solution-section .bg{ top:-30%;}
	.stat-content-item{ padding:0px 10px 0px 10px;}
	#header-menu{ display:block}
	#header-menu-desktop{ display:none}
#header-social-desktop{ display:none}
	.gradient-section-inner{ height: 150px;}
	.content-container.buy-content .content-left{ padding-top:0px;}

}

@media only screen and (max-width: 1024px) {
	html, body{overflow-x: hidden;}
	body{ font-size:17px;line-height: 1.3rem;}
	h2{ font-size:1.6rem;}
	.hero-section{ padding-bottom:50px; position: relative}
	.hero-content{ width:90%; left:5%; top:12%;}
	.hero-content-button{ text-align:center;}
	.hero-img .mobile-view .parallax{ margin-top:0px; padding-top: 30px;}
	.hero-img .mobile-view .parallax .layer_1{ padding-top:0px; background-color: #020d29}
	.hero-subtitle{ letter-spacing:2px; font-weight: 300; font-size: 20px; line-height: 22px; padding-bottom: 10px; }
	.hero-title{ font-size:2.3rem; line-height:2.6rem; }
	.stat-content{ display:block; font-size:18px;}
	.stat-content h2{ font-size:2.2rem;}
	.stat-content-item{ box-sizing: border-box; padding: 0px 0px 40px 0px; text-align: center; width:100%;}

	.treasury-section .bg{  top:-30%; opacity: 0.5}
	.solution-section .bg{ top:-30%; width:100%; overflow-x: hidden; opacity: 0.5}
	.solution-section .bg img{ width:200%;}
	
	.button{  border-radius: 30px;padding: 18px 0px 18px 0px; font-size:16px; margin: 0px auto 0px 0px; display:block; text-align: center; width: 100%; max-width:400px;}
	.desktop-view{display:none;}
	.mobile-view{display:block;}
	.hero-content-button.mobile-view .button{ margin:0px auto; width:90%;}
	
	.content-container{padding:90px 0px 50px 0px; display:block}
	.content-container-inner{ display:block}
	.content-left{ width:100%; padding-right:0px; }
	.content-right{ width:100%; padding-left:0px;}
	
	.large-title h2{ font-size:3rem; line-height: 3.2rem; font-weight:800}
	.large-title h3{ font-size:2.6rem; line-height: 3rem;font-weight:600}
	.large-title h4{ font-size:2.2rem; line-height: 2.4rem;font-weight:500}

	.middle-title h3{ font-size:2.2rem; line-height: 2.4rem;font-weight:500}

	
	.joinus-section .content-container-inner .content-right {display:block; padding-top: 20px;}
	.joinus-section .content-container-inner .content-right .left{ width:100%; box-sizing: border-box; padding-right: 0px; padding-bottom: 20px;}
	.joinus-section .content-container-inner .content-right .left h4{ width:100%;}
	.joinus-section .content-container-inner .content-right .right{ width:100%;}

	

	
	.content-container.buy-content .content-left{ width:100%; display:block; }
	.content-container.buy-content .content-left .left{ width:100%}
	.content-container.buy-content .content-left .right{padding-left: 0px; width:100%; text-align: center; padding-top: 20px; padding-bottom: 20px;}
	.content-container.buy-content .content-left .right img{ max-width:180px; margin-top: 30px;}
	.content-container.buy-content .content-right{ width:100%;}
	
	.content-container.buy-content .content-right h4{ font-size:28px;}
	
	
	.innovation-section .large-title{ padding-bottom: 20px;}
	
	.stat-section .stat-list{ display:block}
	.stat-section .stat-list li{ padding-bottom:60px; padding-right:0px;}
	
	
	.model-list { display:block;}
	.model-list .model-item{ width:100%;padding-top: 20%;}
.model-list .model-item .model-item-inner .img img{ margin-top:-30%}


	.whatis-content{ display:block;padding:90px 0px 50px 0px}
	.whatis-left{ width:100%;}
	.whatis-right{ width:100%;}
	
	
	.info-content{padding:90px 0px 50px 0px}
	.problem-content{ display:flex; flex-direction: column-reverse; padding:90px 0px 50px 0px}
	.problem-left{ width:100%;}
	.problem-right{ width:100%;}
	.treasury-content{ padding:90px 0px 50px 0px}
	.solution-content{ padding:90px 0px 50px 0px}
	.participate-content{padding:90px 0px 50px 0px;}
	.participate-content h2{ text-align:left}
	.participate-content p{ text-align:left;}
	.participate-content h5{line-height:16px; font-size:16px; text-align: left; padding-bottom: 10px; padding-top: 20px;}
	.community-inner .community-item{ width:100%; margin: 0px; margin-bottom: 15px;}
	.community-inner{ display:block}
	.joinus-content{ padding:90px 0px 50px 0px}
	
	.discord-content{padding:90px 0px 50px 0px;}
	.ui-accordion .ui-accordion-header{ padding-right:50px; font-size: 16px;}
	#menu{ position:fixed;}
	
	#social_menu{ position:fixed;}
	
	.menu-icon-container{ width:25px;}
#menu-icon{ width:25px; height:25px; }
.menu-text{ font-size:8px; line-height: 8px; }

#social-icon{ width:25px; height:25px; }
	#header-logo{  width:50%;}
	
	
.team-list .team-item{ width: 100%; display:block}
	
	
.team-list .team-item .team-img{ width:100%; margin-right: 0px; margin-bottom: 20px; }
.team-list .team-item .team-info{ width:100%;}
	.team-list .team-item .team-name small{ display:block; padding-top: 10px;}	
	

}

@media only screen and (max-width: 600px) {

	.button.header-top-cta{ font-size:12px;}
	
.team-list .team-item{ width: 100%;}
}

@media only screen and (max-width: 360px) {
	body {
		font-size: 15px;
		line-height: 1.2rem;
	}
	
	.content-container-inner {
    padding: 15px;
   
}
	h3 {
    font-size: 1.4rem;
}
	.content-container.buy-content .content-right h4 {
    font-size: 24px;
}
	
	.hero-title {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	
	.hero-desc {
    	font-size: 14px;
    	line-height: 1.1rem;
	}
	.button.header-top-cta{ font-size:10px;}
	.menu-icon-container{ width:20px;}
	#menu-icon{ width:20px; height: 20px;}
	.large-title h2{
		 font-size: 2rem;
		line-height: 2.2rem;
	}
	.large-title h3 {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.large-title h4 {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.content-container{ padding:30px 0px 10px 0px;}
	.joinus-section .joinus-logo{ max-width: 200px;}
	.menu-text {
			font-size: 6px;
			line-height: 6px;
		}
	
	.gradient-section { height:1px;}
	.roadmap-list-container-inner h3 {
		margin-bottom: 50px;
		padding-left: 20px;
	}
	
}
@media only screen and (max-width: 300px) {
	.button.header-top-cta{ font-size:8px;}
	
}



/*animation*/
#animate1 {
	transition: transform 0.3s ease-out;
}
.zap {
	transform: scale(2.5, 0);
}