html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

body {
    line-height: 1;
    background-color: #fff;
    overflow-x: hidden;
    top: 0 !important;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* helpers */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mt140 { margin-top: 140px; }
.mt200 { margin-top: 200px; }
.mt300 { margin-top: 300px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }
.mb140 { margin-bottom: 140px; }
.mb200 { margin-bottom: 200px; }
.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-30 { width: 30%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-60 { width: 60%; }
.col-70 { width: 70%; }
.col-80 { width: 80%; }
.col-90 { width: 90%; }
.col-100 { width: 100%; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.center-block { display: block; float: none; margin-left: auto; margin-right: auto; }
.container { width: 100%; margin: 0 auto; }
.sub-container { width: 95%; margin: 0 auto; }
.sub-container2 { width: 95%; margin: 0 auto; }
.d-flex { display: flex !important; flex-wrap: wrap; }
.d-flex-wrap-no { flex-wrap: inherit; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.p-relative { position: relative !important; }
.v-center { align-items: center; }
.v-end { align-items: end; }
.h-center { justify-content: center; }
.h-space-around { justify-content: space-around; }
.h-space-between { justify-content: space-between; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.hidden-lg { display: none !important; }
.visible-xs { display: none !important; }
.order-1 { order:1 !important; }
.order-2 { order:2 !important; }
.order-3 { order:3 !important; }
.order-4 { order:4 !important; }
.order-5 { order:5 !important; }
.float-left { float: left; }
.float-right { float: right; }
.p-relative { position: relative; }
.pt200 { padding-top: 200px; }
.pt250 { padding-top: 250px; }
.pl60 { padding-left: 60px; }
.pr20 { padding-right: 20px; }

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.menu { z-index: 2; text-align: right; margin-right: 30px; }
.menu li { display: inline-block; margin: 0 12px; }
.menu li:last-child { margin-right: 0; }
.menu li a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
}
#footer .menu { text-align: left; }

.title1 { font-family: 'Aleo'; font-style: normal; font-weight: 600; font-size: 54px; line-height: 65px; color: #000000; }
.title2 { font-family: 'Aleo'; font-style: normal; font-weight: 600; font-size: 36px; line-height: 40px; color: #000000;}
.title3 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 26px; line-height: 39px; color: #000000;}
.title4 { font-family: 'Aleo'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: #000000;}
.title5 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 60px; line-height: 65px; color: #000000;}
.titlebig { font-family: 'Aleo'; font-style: normal; font-weight: 400; font-size: 230px; line-height: 230px; color: #000000;}
.pr1 { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000;}
.pr1bold { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #000000;}
.pr2 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #000000;}
.pr3 { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.pr4 { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; color: #000000;}
.prsmall { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: #9f9f9f;}
.c1 { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.12em; text-transform: uppercase; color: #000000;}
.c2 { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.12em; text-transform: uppercase; color: #000000;}
.btn { display: inline-block; position: relative; height: 52px; line-height: 52px; padding: 0 42px; font-family: 'Aleo'; font-style: normal; font-weight: 700; font-size: 20px; color: #000000; text-decoration: none; cursor: pointer; margin-right: 15px; border-radius: 26px; }
.btn-dark { background: #000; color: #fff; }
.btn-red { background: linear-gradient(105.85deg, #E9212D 0%, #B31F28 103.08%); color: #fff; }
.btn-white { background: #fff; color: #414042; }
.btn-light { border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; color: #fff; }
.btn-blue { background: #7CFFFF; color: #000; }
.btn-yellow { background: #EFA83D; color: #000; }
.btn-purple { background: #7F28E3; color: #000; }
.btn-light { background: transparent; border: 1px solid #FFFFFF; }
.btn-light2 { background: transparent; border: 1px solid #B190CB; }
.btn-spec { background: #140A29; border: 1px solid #0BBBEF; border-radius: 8px; }
.gradient-bg { background: radial-gradient(42.61% 55.51% at 60.46% 100%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(58.56% 126.24% at 31.37% 0%, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0) 77.6%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(74.14% 74.14% at 102.47% 39.73%, #F567FF 0%, rgba(245, 103, 255, 0) 77.6%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(88.4% 88.4% at 86.12% 6.46%, #FF3556 0%, rgba(254, 102, 127, 0) 56.56%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(73.57% 73.57% at 0% 67.49%, #8160FF 0%, rgba(129, 96, 255, 0) 69.33%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(124.52% 124.52% at -3.99% 35.36%, #1A2DFF 0%, rgba(28, 26, 255, 0) 69.33%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #E0E4FD;
    box-shadow: inset 0px 0px 6.56362px rgba(255, 255, 255, 0.82); }
.gradient-text { background: linear-gradient(264.94deg, #4A0BFE 2.62%, #C928E3 97.53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    text-fill-color: transparent;}
.white { color: #fff !important; }
.white2 { color: #fafafa !important; }
.red { color: #ED423A !important; }
.yellow { color: #F9B000 !important; }
.grey { color: #B3B3B3 !important; }
.black { color: #000 !important; }
.blue { color: #7CFFFF !important; }
.green { color: #50CD91 !important; }
.brown { color: #67572E !important; }
.purple { color: #7F28E3 !important; }
.darkpurple { color: #2E2149 !important; }
.mr8 { margin-right: 8px; }
.ml8 { margin-left: 8px; }
.fw900 { font-weight: 900 !important; }
.fw700 { font-weight: 700 !important; }
.fw600 { font-weight: 600 !important; }
.fw500 { font-weight: 500 !important; }
.fw400 { font-weight: 400 !important; }
.fw300 { font-weight: 300 !important; }
.z-index1 { z-index: 1; }
.btnbig { display: inline-block; position: relative; height: 60px; line-height: 60px; padding: 0 35px; box-shadow: 0px 4px 4px #ED423A; border-radius: 10px; font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 32px; color: #000000; text-decoration: none; cursor: pointer; }
.grp { display: flex; align-items: center; }
.fwa-container { background: #2B2929; box-shadow: 0px 44px 100px rgba(0, 0, 0, 0.25); border-radius: 30px; padding: 25px 120px 0 120px; }
.fwa-list {display: flex; justify-content: center; flex-wrap: wrap; }
.fwa-list li { width: 40%; margin:0 10% 20px 0; }
.fwaapp { position: absolute; bottom: 75px; left: 10px; }
.finroll2 { position: absolute; bottom: -110px; right: -160px; }
.tokenomics-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.tokenomics-list li { }
.tax-list { display: flex; justify-content: space-between; }
.tax-list li { width: 20%; }
.tax-list img { max-height: 110px; }
.slang { font-family: 'Poppins'; font-style: normal; height: 40px; line-height: 40px; color: #fff; padding: 0 12px; text-align: center; border-radius: 8px; border: none; font-size: 14px; font-weight: 700; }
.slang option { color: #140A29; }
.slang:active, .lang:focus { outline: none; }
.web1 { position: absolute; top: 0; left: 200px; z-index: -1; }
.web2 { position: absolute; top: 0; right: 0; z-index: -1; }
.token { margin-top: -115px; }
.hand { position: absolute; bottom: 65px; right: 0; z-index: 3; left: 50%; transform: translateX(-50%); }
.mtn70 { margin-top: -70px; }
.social { display: inline-block; margin-right: 30px; }
.social li { display: inline-block; }
.social li a { margin: 0; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
.wollyowl { padding: 20px 0; margin-bottom: 100px; z-index: 2; }
.wollyowl li { text-align: center; }
.rmapbluestroke { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #7CFFFF; }
.rmapredstroke { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ED423A; }
.count span { margin: 0 10px; }
.count-u { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.rmapblock { position: relative; display:inline-block; background: #fff; padding: 0 20px 25px 20px; margin-bottom: 100px; }
.rmaptext { margin: 10px 0 0 0; text-align: left; display: inline-block; vertical-align: top; }
.rmaptext>li { display: block;  font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000; }
.rmaptext>li:before { content: "•"; color: #000;  display: inline-block; margin-right: 5px;}
.rmapdate { font-family: 'Poppins'; display: inline-block; height: 50px; line-height: 50px; background: #7CFFFF; border:2px solid #000; color: #000; padding: 0 20px; font-size: 28px; margin-top: -30px; }
.rmaparrow { position: absolute; left:3px; bottom:3px; }
.white-box { border-radius: 10px; background: #fff; padding: 0; display: flex; align-items: center; justify-content: space-around; }
.white-box li img { max-height: 45px; width: auto !important; }
.contact { text-align: center; border-top: 5px solid #fff; border-bottom: 5px solid #fff; padding: 50px 0; margin-bottom: 100px; }
.blackcircle { width: 24px; height: 24px; border-radius: 50%; background: #1A1A1A; position: absolute; top:-12px; left: 0; }
.blackcircle-active { width: 24px; height: 24px; border-radius: 50%; background: #E9212D; border:5px solid #1A1A1A; position: absolute; top:-12px; left: 0; }
.accordion-list { cursor: pointer; display: flex; justify-content: space-between; flex-wrap: wrap; }
.accordion-list li { width: 100%; padding: 25px 35px; margin-bottom: 30px; border: 1px solid #7F28E3; border-radius: 12px; height: fit-content; }
.accordion-list .faqarrow { position: absolute; right: 15px; top: 25px; transition: transform 0.3s;  }
.accordion-list .active .faqarrow { transform: rotate(45deg); }
.copyright { font-family: 'Poppins';  font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #C2ADEB; }
.buttongrp a { margin: 0 10px; }
.tok-list { display: flex; padding: 0 85px; flex-wrap: wrap; }
.tok-list li { align-items: center; width: 50%; margin-bottom: 15px; text-align: left; font-style: normal; font-weight: 500; font-size: 25px; line-height: 31px; color: #000000; }
.checklist { }
.checklist li { display: inline-block; height: 63px; line-height: 63px; border: 1.5px solid #5128A4; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 12px; padding: 0 20px; margin-bottom: 15px; }
.checklist li img { display: inline-block; margin-right: 20px; }
.roadmap { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.roadmap li { width: 30%; }
.goog-te-banner-frame.skiptranslate { display: none !important; }
#google_translate_element { display: none !important; height: 30px; line-height: 25px; }
.bootstrap-select>.btn { background: #2E2149; border: 1px solid #FFFFFF; border-radius: 8px; color: #fff; font-family: Poppins; font-style: normal; font-weight: 700; font-size: 14px;
padding: 0 20px; }
.dropdown-menu { background-color: #2E2149 !important; }
.dropdown-menu>li>a { color: #fff; }
.home-bg { position: absolute; width: 1320px; height: 288px; top: -50px; right: -420px; background: url("../images/header-bg.svg") no-repeat; z-index: 0; }
.countdownbox { background: linear-gradient(264.94deg, #4A0BFE 2.62%, #C928E3 97.53%); box-shadow: 0px 4px 0px rgba(96, 50, 192, 0.92), 0px 53px 50px -37px rgba(118, 29, 160, 0.54); border-radius: 24px; padding: 50px 35px; }
.count-value { font-family: 'Aleo'; font-style: normal; font-weight: 300; font-size: 103px; color: #fff; }
.count-text { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-size: 25px;line-height: 37px; color: #EACFFF;}
.rope1 { background: url("../images/rope.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: 150px; left: 50%; transform: translateX(-50%); }
.rope1v2 { background: url("../images/rope.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: -230px; left: 0; }
.rope2 { background: url("../images/rope2.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: 115px; right: 0; }
.star-girl { position: absolute; background: url("../images/star-girl.png") no-repeat; top: -275px; width: 100%; height: 1500px; left: 48%; }
.rect { background: url("../images/rect.svg") no-repeat; position: absolute; width: 47px; height: 46px; bottom: 125px; right: 180px; }
.paint { background: url("../images/paint.svg") no-repeat; position: absolute; width: 42px; height: 48px; bottom: 125px; left: 60px; }
.rope3 { background: url("../images/rope3.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: 30px; left: 0; }
.rope4 { background: url("../images/rope4.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: 350px; right: -110px;}
.rope5 { background: url("../images/rope5.svg") no-repeat; position: absolute; width: 160px; height: 165px; top: -135px; left: 0;}
.rope5v2 { background: url("../images/rope5.svg") no-repeat; position: absolute; width: 160px; height: 165px; bottom: -165px; right: 0;}
.obj1 { background: url("../images/obj1.png") no-repeat; position: absolute; width: 99px; height: 215px; top: 210px; right: 165px; }
.team { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.team li img { max-height: 190px; width: auto; }
.footer-bg { background: url("../images/faq-bg.svg") no-repeat; padding: 250px 0 0; background-position: center top; background-color: transparent !important; }
.inp { width: 100%; background: #F7ECFF; border: 1px solid #B190CB; border-radius: 8px; font-family: 'Poppins'; font-style: normal; font-weight: 300; font-size: 16px; color: #000; padding: 0 15px; height: 52px; line-height: 52px; margin-bottom: 10px; }
.inp::placeholder { color: #000; }
.inp::focus, .inp:active { outline: none; }
.inp2 { height: 200px; }
.home-bg2 { position: absolute; width: 100%; height: 510px; top: -50px; right: 0; background: url("../images/header-bg2.svg") no-repeat; z-index: -1; background-position: bottom; }

/* sections */
#header {  }
#why { width: 100%; position: relative; padding: 250px 0 0 0; }
#home { width: 100%; }
#about { position: relative; }
#features { position: relative; background: url("../images/features-bg.svg") no-repeat; padding: 850px 0 0 0; background-position: center center; height: 2100px; width: 100%; margin-top: -700px;}
#roadmap { width: 100%; margin:0; position: relative; padding: 0; }
#list{ background: #EAFFFF; }
#tokenomics { width: 100%; background: url("../images/tokenomics-bg.svg") no-repeat; padding: 630px 0 0 0; background-position: center center; height: 2520px; margin-top: -840px; }
#faq { width: 100%; position: relative; background: url("../images/faq-bg.svg") no-repeat; padding: 250px 0 75px 0; background-position: center top; }
#footer { width: 100%; background-color: #170E2B; }

.cd-background-wrapper {
    overflow: hidden;
    perspective: 4000px;
}

.cd-floating-background {
    transform-style: preserve-3d;
}

.cd-floating-background img:first-child {
    transform: translateZ(80px);
}

.cd-floating-background img:nth-child(2) {
    transform: translateZ(210px);
}

.cd-floating-background img:nth-child(3) {
    transform: translateZ(320px);
}

.cd-floating-background img:nth-child(4) {
    transform: translateZ(400px);
}

.cd-floating-background img:nth-child(5) {
    transform: translateZ(480px);
}

.cd-floating-background img:nth-child(6) {
    transform: translateZ(550px);
}


@media (min-width: 320px) and (max-width: 767px) {
    /* mobile helpers */
    .text-mcenter { text-align: center; }
    .text-mleft { text-align: left; }
    .text-mright { text-align: right; }
    .mt0m { margin-top: 0; }
    .mt10m { margin-top: 10px; }
    .mt20m { margin-top: 20px; }
    .mt30m { margin-top: 30px; }
    .mt40m { margin-top: 40px; }
    .mt60m { margin-top: 60px; }
    .mt80m { margin-top: 80px; }
    .mt100m { margin-top: 100px; }
    .mt120m { margin-top: 120px; }
    .mt140m { margin-top: 140px; }
    .mt200m { margin-top: 200px; }
    .mb0m { margin-bottom: 0; }
    .mb10m { margin-bottom: 10px; }
    .mb20m { margin-bottom: 20px; }
    .mb40m { margin-bottom: 40px; }
    .mb60m { margin-bottom: 60px; }
    .mb80m { margin-bottom: 80px; }
    .mb100m { margin-bottom: 100px; }
    .mb120m { margin-bottom: 120px; }
    .mb140m { margin-bottom: 140px; }
    .mb200m { margin-bottom: 200px; }
    .col-m10 { width: 10%; }
    .col-m20 { width: 20%; }
    .col-m30 { width: 30%; }
    .col-m40 { width: 40%; }
    .col-m50 { width: 50%; }
    .col-m60 { width: 60%; }
    .col-m70 { width: 70%; }
    .col-m80 { width: 80%; }
    .col-m90 { width: 90%; }
    .col-m100 { width: 100%; }
    .hidden-xs { display: none !important; }
    .visible-xs { display: block !important; }
    .order-1m { order:1 !important; }
    .order-2m { order:2 !important; }
    .order-3m { order:3 !important; }
    .order-4m { order:4 !important; }
    .order-5m { order:5 !important; }
    .order-6m { order:6 !important; }
    .order-7m { order:7 !important; }
    .center-blockm { display: block; float: none; margin-left: auto; margin-right: auto; }
    .d-flexm { display: flex !important; flex-wrap: wrap; }
    .d-inlinem { display: inline !important; }
    .d-inline-blockm { display: inline-block !important; }
    .d-blockm { display: block !important; }
    .mlr20 { margin-left: 20px; margin-right: 20px; }
    .social { display: flex; }
    #footertop { height: auto; }
    #market { padding: 0 0 0 0; }
    #header { padding-top: 10px; }
    #why { padding: 0; }
    .rmap:before { left: 15%; }
    .rmaptext { font-weight: 400; font-size: 16px; line-height: 24px; margin: 10px 0 25px 0; }
    .rmap { flex-wrap: wrap; }
    .rmap li h2 { font-weight: 700;  font-size: 20px; line-height: 24px; }
    .rmapdate { display: inline-block; height: 50px; line-height: 50px; background: #7CFFFF; border:2px solid #000; color: #000; padding: 0 20px; font-size: 25px; }
    .logo { margin: 0; }
    .logo img { max-height: 85px; }
    .social a { font-size: 20px; line-height: 20px; height: auto; border: none; }
    .social img { max-height: 30px; margin-right: 10px; }
    .contact { margin-bottom: 50px; }
    .roadmapimg { }
    .header { flex-wrap: wrap; height: auto; justify-content: space-between; }
    .menu { width: 100%; text-align: center; margin-bottom: 20px; }
    .menu li { margin: 0 10px; }
    .menu li a { font-size: 13px; line-height: 24px;}

    .btnbig { height: 50px; line-height: 50px; padding: 0 25px; font-size: 16px; }
    .accordion-list { flex-wrap: wrap; }
    .accordion-list li { width: 100%; position: relative; padding: 15px; margin-bottom: 20px; }
    .accordion-list h5 { font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; }
    .accordion-list li .answer p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.03em; color: #FFFFFF; margin-top: 20px; }
    .title1 { font-style: normal; font-weight: 600; font-size: 42px; line-height: 50px; color: #fff;}
    .title2 { font-style: normal; font-weight: 700; font-size: 42px; line-height: 44px; }
    .title3 { font-style: normal; font-weight: 400; font-size: 30px; line-height: 32px; color: #fff;}
    .title4 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 25px; }
    .title5 { font-style: normal; font-weight: 500; font-size: 72px; line-height: 70px; }
    .pr1 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 30px; }
    .pr2 { font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; color: #fff;}
    .fwa-container { padding: 25px 20px 0 20px; }
    .fwa-list li { width: 100%; margin: 0 0 40px 0; }
    .tokenomics-container .pl60 { padding-left: 0; }
    .tokenomics-list { padding: 0; flex-wrap: wrap; }
    .tokenomics-list li {  }
    .tokenomics-list li .title4 { font-size: 19px; }
    .tokenomics-list li .title5 { font-size: 63px; }
    .blur { height: 500px; top: 375px; }
    .ft-bg { width: 200px; height: 400px; top: 365px; right: 0; background-size: contain;}
    .hero-line { height: 100px; top: 681px; background-size: contain;}
    .fwaapp { left: -20px; }
    .fwatitle { font-size: 30px; }
    #about, #about-why { padding: 0; background-size: 100% 100%; }
    #roadmap { padding: 0; }
    #welcome { position: relative; padding: 0 0 280px 0; }
    .red-stone { top: 600px; }
    .rmapowl { padding: 30px 0; margin-bottom: 50px; }
    .rmapowl li p { font-size: 50px; }
    .tokenomics-container { padding: 0px 20px 60px 20px; background-size: cover; }
    .tok-list { padding: 0 50px; }
    .tok-list li { margin-bottom: 10px; }
    .tokimg { max-height: 60px; }
    .web1 { left: 0; width: 280px; }
    .tokenomics-bg2 { height: 200px; }
    #tokenomics { margin-top: -885px; height: 2850px; }
    #sub-market { padding: 150px 0 0 0; }
    .lang { height: 50px; line-height: 50px; padding: 0 17px;}
    .mobile-menu { display: block; text-align: right; margin-right: 20px; }
    #faq { padding: 200px 0 200px 0; }
    #team { padding: 170px 0 0 0; }
    .arm { width: 810px;  height: 700px; background-size: contain;top: 90px; left: -470px;}
    .token1 { width: 100px; height: 100px; top: 103px; background-size: cover; }
    .tokenblur1 { bottom: -40px; left: 0;}
    .tokenblur2 { width: 214px; height: 234px; right: -0; bottom: -40px; background-size: cover;}
    .tokenblur3 { width: 190px; height: 150px; right: 0; top: -90px; background-size: cover;}
    .token2 { width: 80px; height: 100px; left: 40px; top: -25px; background-size: cover;}
    .pretokenlist { padding: 40px 0; }
    .pretokenlist li { width: 100%; margin-bottom: 25px; }
    #tax { padding: 0 0 400px 0; }
    .count .title1 { font-weight: 600; font-size: 42px; }
    .count .title3 { font-weight: 500; font-size: 20px; }
    .count-u { justify-content: space-around; }
    .roadmap { flex-wrap: wrap; }
    .roadmap li { width: 100%; }
    .home-bg, .star-girl { display: none; }
    .team { flex-wrap: wrap; justify-content: center; }
    .countdownbox { padding: 30px 15px; }
    .token { margin: 0; }
    .count-value { font-size: 85px; }
    .count-text { font-size: 20px; }
    .rope1 { left: 30px; transform: none; top: 50px;}
    .rope2 { top: -25px; }
    .rope3 { top: 0; }
    #features { padding: 950px 0 0 0;  margin-top: -885px; height: 3000px; background-size: cover;}
    .people { margin-top: -50px;}
}

@media (min-width: 768px) and (max-width: 1400px) {
    .rmaptext { font-size: 20px; line-height: 31px; }
    .title { font-size: 30px; line-height: 37px; }
    .pr { line-height: 30px; }
    .whylist li.color { padding-bottom: 75px; }
    .roadmap-bg { background-size: contain;  width: 100%; }
    .roadmap-text { background-size: contain;  width: 100%; }
    .blur { top: -120px; }
    .web1 { left: 0;  }
    .home-bg { background-position: 400px; right: 0; }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #partners { padding: 75px 0; }
    .mt200 { margin-top: 100px; }
    .menu li { margin: 0 3px; }
    .menu { margin-right: 10px; }
    .logo { margin-right: 20px; }
    .finroll2 { right: 0; }
    .fwaapp { bottom: 20px; }
    .ft-bg { right: 0; }
    .feature-list li { background-size: contain; padding: 15px 10px; }
    .feature-list li img { max-height: 40px; }
    .fwa-container .mt80 { margin-top: 20px; }
    .tokenomics-container { padding: 70px 5px 0 5px; }
}

@media (min-width: 1920px) {
    .container {
        width: 1900px;
        margin: 0 auto;
    }

    .sub-container {
        width: 1110px;
        margin: 0 auto;
    }
    .sub-container2 {
        width: 1450px;
        margin: 0 auto;
    }

}

@media (min-width: 2500px) {
    .ft-bg { right: 600px; }
    .star-girl { top: -275px; left: 48%; }
}


@-webkit-keyframes mouseanimation {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes mouseanimation {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-200vw, 0, 0);
        transform: translate3d(-200vw, 0, 0);
    }
}
@keyframes marquee {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-200vw, 0, 0);
        transform: translate3d(-200vw, 0, 0);
    }
}

@keyframes rotats {
    50% {
        transform: rotate(250deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.dineuron-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden; transition:  opacity 0.2s linear; }
.nav-open .dineuron-menu {opacity: 1; visibility: visible; background: #140A29; padding: 20px 0 0 0; background-size: cover; }
.dineuron-menu .nav { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; }
.flex-column { -webkit-box-orient: vertical!important;  -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important;}
.dineuron-menu .nav li .nav-link { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 22px; line-height: 33px; color: #FFFFFF; text-decoration: none; }
.dineuron-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
    margin-bottom: 40px;
}
.nav-open .dineuron-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
}
.dineuron-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.dineuron-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.dineuron-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.dineuron-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.dineuron-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.dineuron-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.dineuron-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.dineuron-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.dineuron-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.open>.dropdown-menu {
    display: block;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}