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: #000;
    overflow-x: hidden;
}

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; }
.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; }
.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; }
.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; }

.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: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
}

.title1 { font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 72px; line-height: 70px; color: #000000; }
.title2 { font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 42px; line-height: 42px; color: #000000;}
.title3 { font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 64px; line-height: 64px; color: #000000;}
.title4 { font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 64px; line-height: 64px; color: #000000;}
.title5 { font-family: 'Bahiana'; font-style: normal; font-weight: 500; font-size: 120px; line-height: 120px; color: #000000;}
.titlebig { font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 230px; line-height: 230px; color: #000000;}
.pr1 { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 22px; line-height: 34px; color: #000000;}
.pr1bold { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 36px; color: #000000;}
.pr2 { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 28px; color: #000000;}
.prsmall { font-family: 'Bahiana'; 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: 55px; line-height: 55px; padding: 0 35px; font-family: 'Bahiana'; font-style: normal; font-weight: 400; font-size: 32px; color: #000000; text-decoration: none; cursor: pointer; margin-right: 15px; }
.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; }
.white { color: #fff !important; }
.red { color: #ED423A !important; }
.yellow { color: #EFA83D !important; }
.grey { color: #C7C7C7 !important; }
.black { color: #000 !important; }
.blue { color: #7CFFFF !important; }
.green { color: #50CD91 !important; }
.brown { color: #67572E !important; }
.mr8 { margin-right: 8px; }
.ml8 { margin-left: 8px; }
.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; }
.tokenomics-list li { align-items: center; width: 100%; margin-bottom: 30px; text-align: center; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 25px; line-height: 31px; color: #000000; }
.lang { font-family: 'Poppins'; font-style: normal; height: 35px; line-height: 35px; color: #fff; padding: 0 12px; text-align: center;  border: 1px solid #EFA83D; border-radius: 8px; background: transparent; font-size: 16px; font-weight: 600; }
.lang option { color: #000; }
.lang: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; }
.ground1v2 { background: url("../images/ground-black.png") no-repeat; position: absolute; bottom: -3px; right: 0; z-index: 4; left: 0; width: 105%; height: 320px; animation: skew 4s infinite; animation-direction: alternate; background-size: cover; }
.ground2v2 { background: url("../images/ground-black2.png") no-repeat; position: absolute; bottom: -3px; right: 0; z-index: 2; left: 0; width: 105%; height: 370px; animation: skew 4s infinite; animation-direction: alternate; background-size: cover; }
.groundbrownv2 { background: url("../images/ground-brown.png") no-repeat; position: absolute; bottom: -3px; right: 0; z-index: 3; left: 0; width: 105%; height: 335px; animation: skew 4s infinite; animation-direction: alternate-reverse; background-size: cover; }
.tombstones-homev2 { background: url("../images/tombstones-home.png") no-repeat; position: absolute; bottom: 235px; right: 50px; z-index: 1;  width: 650px; height: 140px; background-size: cover; }
.ground1 { position: absolute; bottom: 0; right: 0; z-index: 4; left: 0; width: 100%; animation: skew 4s infinite; animation-direction: alternate; }
.ground2 { position: absolute; bottom: 110px; right: 0; z-index: 2; left: 50%; transform: translateX(-50%); animation: skew 4s infinite; animation-direction: alternate;  }
.groundbrown { position: absolute; bottom: 50px; right: 0; z-index: 3; left: 50%; transform: translateX(-50%); animation: skew 4s infinite; animation-direction: alternate-reverse;  }
.tombstones-home { position: absolute; bottom: 340px; right: -150px; z-index: 1; }
.eye1 { position: absolute; top: 185px; left: 20px; z-index: 1; }
.eye2 { position: absolute; top: 190px; right: 45px; z-index: 1; }
.brain { position: absolute; top: 400px; left: 20px; z-index: 1; }
.mouse { -webkit-animation: mouseanimation 0.4s infinite  alternate;  animation: mouseanimation 0.4s infinite  alternate; left: 50%; transform: translateX(-50%); position: absolute;   top: -150px; z-index: 4; }
.hand { position: absolute; bottom: 65px; right: 0; z-index: 3; left: 50%; transform: translateX(-50%); }
.zombie2 { position: absolute; top: 110px; left: 190px; z-index: 3; }
.about-black { margin-bottom: -45px; }
.ghost { background: url("../images/ghost.png") no-repeat; position: absolute; width: 950px; height: 720px;top: -180px; right: 0; z-index: 1; left: 50%; transform: translateX(-50%); }
.tree-left { background: url("../images/tree-left.png") no-repeat; width: 530px; height: 1020px; position: absolute; top:0; left: 0; background-size: cover; z-index: 3;  }
.tree-right { background: url("../images/tree-right.png") no-repeat; width: 485px; height: 1020px; position: absolute; top:0; right: 0; background-size: cover; z-index: 3;  }
.moon { position: absolute; top: -280px; left: -90px; z-index: 0; }
.zombie3 { position: relative; z-index: 2; }
.ground-yellow { background: url("../images/ground-yellow.png") no-repeat; width: 100%; height: 459px; position: absolute;z-index: 0; background-size: cover; left: 0; bottom: 0; }
.fence-yellow { background: url("../images/fence-yellow.png") no-repeat; width: 100%; height: 180px; z-index: 1; position: absolute;  left: 0; background-position: center; bottom: 130px; }
.market-bg2 { background: url("../images/market-bg2.png") no-repeat; width: 100%;  height: 410px; z-index: 1; position: absolute; left: 0; background-position: center; bottom: -125px; background-size: cover; }
.tokenomics-bg2 { background: url("../images/tokenomics-footer-bg.png") no-repeat; width: 100%;  height: 350px; z-index: 1; position: absolute; left: 0; bottom: 0; background-size: cover; }
.mtn70 { margin-top: -70px; }
.wolifytoken { position: relative; z-index: 1; }
.allocation-grass { background: url("../images/tokenomics-grass.png") no-repeat; width: 100%;  height: 360px; z-index: 1; position: absolute; left: 0; bottom: -3px; background-size: 100% 360px; }
.allocation-tombstone { background: url("../images/tombstones-tokenomics.png") no-repeat; width: 100%;  height: 620px; z-index: 1; position: absolute; left: 0; bottom: 0; background-position: center bottom; }
.allocation-pumpkin { background: url("../images/pumpkin.png") no-repeat; width: 285px;  height: 280px; z-index: 3; position: absolute; left: 195px; bottom: 100px; background-size: 100% 280px; }
.social { display: flex; align-items: center; justify-content: end; }
.social li a { margin: 0 8px; width: 50px; height: 50px; border: 2px solid #94959E; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.why-footer-bg { background: url("../images/why-footer-bg.png") no-repeat; width: 100%;  height: 310px; z-index: 1; position: absolute; left: 0; bottom: -1px; background-size: cover; background-position: 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; }
.market-header-bg { background: url("../images/market-bg.png") no-repeat; width: 100%;  height: 245px; z-index: 3; position: absolute; left: 0; top: -160px; background-size: cover;  }
.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: 'Bahiana'; 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: 'Bahiana'; 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: 25px 15px; display: flex; align-items: center; justify-content: space-around; }
.white-box li img { max-height: 50px; width: auto; }
.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; }
.accordion-list li { position: relative; padding: 20px 0 20px 25px; margin-bottom: 20px; transition: all 1s; }
.accordion-list .faqarrow { position: absolute; right: 15px; top: 25px; transition: transform 0.3s;  }
.accordion-list .active .faqarrow { transform: rotate(45deg); }
.copyright { font-family: 'Bahiana';  font-style: normal; font-weight: 400; font-size: 15px; line-height: 80px; color: #7CFFFF;}
.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; }
.market-footer { background: url("../images/market-footer-bg.png") no-repeat; background-size: cover; bottom: -3px; position: absolute; z-index: 4; height: 300px; width: 100%; }
.faq-grass { background: url("../images/faq-grass.png") no-repeat; background-size: cover; bottom: 0; position: absolute; z-index: 4; height: 520px; width: 100%; }
.counttext { margin: 0 10px; }

.fog__img{
    position:absolute;
    height:100%;
    width:300vw;
    left:0;
    top: 0;
    z-index: 0;
}

.fog__img--first{
    background:url("../images/fog1.png") repeat-x;
    background-size:contain;
    background-position:center;
    -webkit-animation:marquee 90s linear infinite;
    animation:marquee 90s linear infinite
}
.fog__img--second{
    background:url("../images/fog2.png") repeat-x;
    background-size:contain;
    background-position:center;
    -webkit-animation:marquee 70s linear infinite;
    animation:marquee 70s linear infinite
}
/* sections */
#header { padding-top: 40px; }
#welcome { width: 100%; background: url("../images/welcome-bg.svg") no-repeat; padding: 0; background-size: cover; background-position: center; }
#why { width: 100%; position: relative; background: url("../images/why-bg.jpg") no-repeat; padding: 200px 0 435px 0; background-size: cover; }
#home { width: 100%; position: relative; background: url("../images/home-bg.svg") no-repeat; background-size: cover; background-position: center; }
#about { width: 100%; height: 1020px; background: url("../images/about-bg.svg") no-repeat; padding: 425px 0 125px 0; position: relative; background-size: cover; background-position: center; }
#roadmap { width: 100%; margin:0; position: relative; padding: 100px 0; background: #000; }
#list{ background: #EAFFFF; }
#tokenomics { width: 100%; background: url("../images/tokenomics-bg.jpg") no-repeat; position: relative; padding: 0 0 420px 0; background-size: cover;  background-position: top;}
#tokenomics2 { width: 100%; background: url("../images/allocation-bg.svg") no-repeat; position: relative; height: 1160px; background-size: cover;  background-position: center;}
#market { background: #F0ECC8; padding: 150px 0 0 0; position: relative; }
#sub-market { background: url("../images/market-footer-bg.png") no-repeat; background-size: cover; padding: 320px 0 85px 0; margin-top: -460px; position: relative;  z-index: 4; }
#faq { width: 100%; position: relative; background: url("../images/faq-bg.svg") no-repeat; background-size: cover; background-position: center;  padding: 0 0 520px 0; }
#team { width: 100%; height: 900px; position: relative; background: url("../images/team-bg.svg") #000 no-repeat; background-size: cover; background-position: center; padding: 300px 0; }

.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; }
    .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 { justify-content: center; }
    #footertop { height: auto; }
    #market { padding: 0 0 0 0; }
    #header { padding-top: 10px; }
    #why { padding: 70px 0 255px 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 .faqarrow{ display: none; }
    .accordion-list li { 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: 400; font-size: 72px; line-height: 70px; 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: 400; font-size: 64px; line-height: 64px; }
    .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 { width: 50%; margin: 0 0 20px 0; font-size: 15px; line-height: 19px; }
    .tokenomics-list li .tocircle { width: 25px; height: 25px; border-radius: 50%; margin-right: 15px; display: inline-block; border-width: 5px; }
    .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 { padding-top: 340px; }
    #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; }
    .eye2 { right: 0; }
    .eye1 { left: -5px; }
    .brain { top: 365px; left: 5px; }
    .mobile-welcome { background: url("../images/mobile-welcome-bg.png") no-repeat; width: 100%; height: 280px; z-index: 3; position: absolute; left: 0; bottom: 0; background-size: cover;  }
    .market-header-bg { height: 125px; top: -120px; }
    .allocation-pumpkin { width: 160px; height: 160px; left: 0; background-size: cover; }
    .allocation-tombstone { height: 250px; background-size: cover;}
    .allocation-grass { background-size: cover; height: 200px;}
    .tokenomics-bg2 { height: 200px; }
    #tokenomics { padding: 0 0 280px 0; }
    #sub-market { padding: 150px 0 0 0; }
    .mobile-moon-zombie { margin-top: -90px; }
    .ghost { top: -215px; width: 100%; height: 560px;background-size: cover; background-position: center; }
    .lang { height: 50px; line-height: 50px; padding: 0 17px; font-size: 22px;}
    .mobile-menu { display: block; text-align: right; margin-right: 20px; }
    .faq-grass { height: 200px; }
    #faq { padding: 0 0 200px 0; }
    #team { height: 700px; padding: 170px 0; }
    .counttext { margin: 0 40px 0 20px; }
}

@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;  }
}

@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; }
    .tokenomics-list li { width: 25%; }
}

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

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

}

@media (min-width: 2500px) {
    .ft-bg { right: 600px; }
    .tombstones-homev2 { bottom: 215px; }
    .market-header-bg { top: -240px; }
    .allocation-pumpkin { left: 345px; }
}


@-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 skew {
    0% {
        transform: skewX(7deg) translate(-7px);
    }
    100% {
        transform: skewX(-7deg) translate(7px);
    }
}

.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: url("../images/home-bg-mobile.svg") no-repeat; 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: 15px;
}
.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; }