@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700;1,900&display=swap');
/* menu */
 body,html {
    overflow-x:hidden;
     background:#040A17;
}
 a {
    text-decoration:none;
}
 .mainwrapper {
    width:100vw;
}
 .vh-100 {
    min-heighg:100vh;
}
 .d-grid {
    position:relative;
}

#subpageTxt {
  padding: 20vh 0;
  overflow: hidden;
  color:#fff;
}


 #main-nav {
    position:absolute;
     z-index:11;
     top:0;
     left:0;
     right:0;
     padding:1.5rem 0;
}
 #main-nav .container{
     position:relative;
}
 #main-nav .container .navbar-nav {
    margin-right:-9%;
}
 #main-nav .logo {
     cursor:pointer;
     position:absolute;
     left:40%;
     top:15px;
     width:140px;
}
 #main-nav .logo img {
    max-width:100%;
     transition: all .45s;
}
 #main-nav .nav-link {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 14px;
     line-height: 18px;
     display: flex;
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: #FFFFFF;
     opacity: 0.85;
     padding-right:15px;
     transition: all .45s;
     position:relative;
}
 #main-nav .nav-link.soon1:before, #main-nav .nav-link.soon2:before{
     content:'';
     display:block;
     position:absolute;
     z-index:2;
     bottom:-10%;
     width:100%;
     height:120px;
     left:-5%;
     right:-5%;
     background-repeat: no-repeat;
     background-position: bottom center;
}
 #main-nav .nav-link.soon1:before{
     background-image: url('../img/soon1.png');
     background-size:auto 85% ;
}
 #main-nav .nav-link.soon2:before{
     background-image: url('../img/soon2.png');
     background-size:auto 95% ;
}
 #main-nav .nav-link:hover {
    opacity:1;
}
 .nav-icon {
    margin:0 -9% 0 9%;
}
 .nav-icon img {
    width:50px;
     transition: all .45s;
}
 .nav-icon:hover img, #main-nav .logo:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 #intro {
    position:relative;
     height:127vh;
     background-image: url('../img/intro/top-bg-0.webp');
     background-repeat: no-repeat;
     background-position: top right;
     background-size:100% auto;
}
 #intro .bg-intro-img {
     position:absolute;
     width:100%;
     z-index:0;
     left:0;
     bottom:0;
     mix-blend-mode: screen;
}
 #intro .line-intro-img {
     position:absolute;
     width:100%;
     z-index:1;
     left:0;
     bottom:-3.5%;
}
 #intro .top-bg-intro-img {
     position:absolute;
     width:100%;
     z-index:1;
     right:0;
     top:-6%;
}
 #intro h1 {
    font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 60px;
     line-height: 70px;
     letter-spacing: 0.41em;
     text-transform: uppercase;
     color: #FFFFFF;
     margin-bottom:1rem;
     text-shadow: 0px 0px 6px #FFFFFF;
     margin-top:4vw;
}
 #intro ul {
     list-style-type:none;
     margin:0;
     padding:0;
}
 #intro ul li {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 600;
     font-size: 15px;
     line-height: 147.9%;
    /* or 22px */
     display:block;
     padding:8px 0 ;
     letter-spacing: 0.55em;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: normal;
     text-shadow: 2px 2px 2px #02081B;
}
 #intro .buttons {
    width:90%;
}
 #intro .btn-intro{
     height:52px;
     background-image: url('../img/intro/top-btn.webp');
     background-repeat: no-repeat;
     background-position: center;
     background-size:105% auto;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 23px;
     line-height: 51px;
     letter-spacing: 0.1em;
     padding:0;
     text-transform: uppercase;
     border-radius:.25rem;
     color: #FFFFFF;
     filter: drop-shadow(0px 1px 0px #000000);
     text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.45);
     position:relative;
     z-index:1;
     transition: all .45s;
}
 #intro .btn-intro + .shadow {
     position:absolute;
     top:50%;
     left:-5%;
     z-index:0;
     display:block;
     width:90%;
     height:52px;
     background: #000000;
     opacity: 0.35;
     filter: blur(3.5px);
     border-radius: 7px;
     transition: all .45s;
}
 #intro .btn-intro:hover {
     transform: scale(0.9);
     background-size: 145% auto;
}
 #intro .btn-intro:hover + .shadow {
    opacity:.5;
     top:30%;
     left:0;
     transform: scale(0.9);
}
 #intro .intro-pictures {
     position:relative;
     z-index:10;
}
 #intro h2 {color:#fff !important; font-size: 30px; line-height: 35px; text-align: center; z-index: 5;  position: relative;}
 #intro .intro-pictures .phone {
     width:78%;
     margin-left:10%;
     background-image: url('../img/intro/top-phone-shine.webp');
     background-repeat: no-repeat;
     background-position: bottom left;
     background-size:103%;
     padding-top:4%;
}
 #intro .intro-pictures .phone:before {
}
 #intro .intro-pictures .phone .shine {
     width:10vw;
     height:10vw;
     position:absolute;
     display:block;
     top:-4%;
     left:4%;
     background-image: url('../img/intro/top-phone-shine-corner.webp');
     background-repeat: no-repeat;
     background-position: bottom left;
     background-size:cover;
     z-index:0;
     -webkit-animation: shineSpark 6s linear -3s infinite;
     animation: shineSpark 6s linear -3s infinite;
}
 @keyframes shineSpark {
     0% {
         -moz-transform: scale(1);
         -webkit-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     50% {
        -moz-transform: scale(1.43);
         -webkit-transform: scale(1.43);
         -o-transform: scale(1.43);
         -ms-transform: scale(1.43);
         transform: scale(1.43);
    }
     100% {
         -moz-transform: scale(1);
         -webkit-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
}
 #intro .intro-pictures .girl {
     position:absolute;
     width:135%;
     right:-30%;
     bottom:-10%;
     z-index:1
}
 #intro .intro-pictures .girl img, #intro .intro-pictures .phone img {
    position:relative;
     z-index:1;
}
 #intro .intro-pictures .girl:before {
     content:'';
     display:block;
     position:absolute;
     width:120%;
     height:45%;
     left:-10%;
     bottom:-10%;
     z-index:0;
     background-image: url('../img/intro/girl-shadow.webp');
     background-repeat: no-repeat;
     background-position: center;
     background-size:100% auto;
}
 #intro .intro-pictures .watch {
     position:absolute;
     width:48%;
     left:0;
     bottom:-7%;
     z-index:2;
     background-image: url('../img/intro/top-watch-shine.webp');
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size:101%;
     padding-top:1%;
}
 #intro .socialwidget-container{
     position: absolute;
     width: 3%;
     top: 28%;
     left: 2%;
     transition: all .45s;
     z-index:10;
}
 .socialwidget-link{
    /*position: absolute;
    */
     display:block;
     width: 100%;
     height: 100%;
     opacity: .5;
     left: 0;
     top: 0;
     pointer-events: all;
     cursor: pointer;
     transition: all .45s;
     transform: scale(0.75);
     margin-bottom:-2px;
}
 .socialwidget-link:hover{
     opacity: 1;
     transform: scale(1);
}
 .socialwidget-link img{
     width: 100%;
}
 #lock {
    position:relative;
     margin: -17vh 5vw -10vh 0;
}
 #lock .bg-lock{
     position:absolute;
     z-index:0;
     width:60%;
     right:8%;
     top:-19%;
}
 #media .container {
    margin-top:10vh;
     position:relative;
}
 #mediaEarn {
     min-height:120vh;
     position:relative;
     background-image: url('../img/mediaEarn/earn-bg.webp');
     background-repeat: no-repeat;
     background-position: 0 -20vh;
     background-size:100% auto;
}
 #mediaEarn .row {
    position:relative;
     z-index:2;
}
 #mediaEarn .bg-earn-bottom {
     position:absolute;
     z-index:0;
     width:95%;
     height:80vh;
     bottom:-17%;
     right:-18%;
}
 #media .bg-center-hantle {
     position:absolute;
     z-index:1;
     width:28%;
     left:15%;
     top:22%;
}
 #media .bg-center-ekrany {
     position:absolute;
     z-index:2;
     width:43%;
     left:28%;
     top:-2%;
}
 #mediaEarn .mediaCards {
    position:relative;
     z-index:3;
     margin-left:3vw;
}
 #mediaEarn .mediaCards .card2 {
     position:absolute;
     width:80%;
     left:19%;
     top:20%;
     z-index:3;
}
 #mediaEarn .mediaCards .card3 {
    margin-left:-10%;
     margin-right:10%;
     margin-top:10%;
     max-width:90%;
}
 #mediaEarn h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 50px;
     line-height: 59px;
     display: flex;
     align-items: center;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: -11px 4px 4px rgba(0, 0, 0, 0.8);
}
 #mediaEarn .text-r {
     padding-top:3rem;
     margin-right:-22%;
     padding-left:22%;
     padding-bottom:3rem;
}
 #mediaEarn .text-r h3 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 50px;
     line-height: 59px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     background: linear-gradient(94.49deg, #CA8603 -0.53%, #F5F180 31.61%, #FFC700 63.35%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -20px 17px 4px rgba(0, 0, 0, 0.38);
}
 #mediaEarn .text-r p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     line-height: 18px;
     letter-spacing: 0.14em;
     font-variant: all-small-caps;
     color: #FFFFFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 #mediaEarn h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 43px;
     line-height: 83.19%;
    /* or 37px */
     display: flex;
     align-items: center;
     letter-spacing: 0.11em;
     font-variant: all-small-caps;
     background: linear-gradient(120.4deg, rgba(0, 56, 255, 0.4) 13.87%, #00D1FF 57.56%, rgba(0, 56, 255, .1) 104.47%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -7px 7px 4px rgba(0, 0, 0, 0.29);
     margin-left:-6%;
}
 #mediaEarn p.big {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 21px;
     line-height: 29px;
     display: flex;
     align-items: center;
     text-align: center;
     letter-spacing: 0.11em;
     text-transform: uppercase;
     color: #FFFFFF;
     opacity: 0.5;
}
 #marketExposure {
    position:relative;
}
 #marketExposure .container {
    z-index:1;
}
 #marketExposure .title {
}
 #marketExposure .bg-market{
     position:absolute;
     width:110%;
     z-index:0;
     left:-5%;
     top:-92%;
}
 .market-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 75px;
     line-height: 92.69%;
    /* or 70px */
     margin-bottom:-5rem;
     letter-spacing: 0.145em;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: soft-light;
}
 .watches {
    margin-top:-4rem;
}
 .watches img {
    margin-bottom:-2.5rem;
     position:relative;
     z-index:3;
}
 .watches-info{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 25px;
     line-height: 29px;
     display: flex;
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(270.01deg, rgba(255, 255, 255, 0.46486) 4.12%, #FFFFFF 53.85%, rgba(255, 255, 255, 0) 115.96%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
}
 .compatibile-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 25px;
     line-height: 29px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: normal;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
 .logos-slider {
    z-index:3;
     width:100%;
     position:relative;
     mix-blend-mode: luminosity;
}
 .logos-slider .slick-dots {
    bottom: -55px;
}
 .logo-slide {
    mix-blend-mode: luminosity;
     opacity: 0.75;
     filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.8));
}
 .logo-slide img{
    max-height:7vw;
     max-width:90%;
     margin:0 auto;
     display:inline-block;
}
 #tokenomics {
    position:relative;
}
 #tokenomics .bg-cards {
     width:100%;
     position:absolute;
     z-index:0;
     top:10%;
     left:0;
}
 #tokenomics .bg-cards-0 {
     width:100%;
     position:absolute;
     z-index:0;
     top:-10%;
     left:0;
}
 #tokenomics .usable-title {
     position:relative;
     text-align:center;
}
 #tokenomics .usable-title h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 800;
     font-size: 50px;
     line-height: 59px;
    /* identical to box height */
     letter-spacing: 0.2em;
     text-transform: uppercase;
     background: linear-gradient(269.96deg, #6507FF 17.76%, #2AB2FF 50.03%, #5E00F8 82.57%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
    /* text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.8);
     */
}
 #tokenomics .usable-title h2 span {
    display:inline-block;
     padding:0 7%;
}
 #tokenomics .usable-title img {
    width:13%;
     position: absolute;
     left:43%;
     z-index:2;
     bottom:-20%;
}
 .card-list {
    margin-bottom:3rem;
     min-height:60vh;
}
 .card-list .col, .card-list .col img{
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 .card-list .col.active{
     flex: 0 0 25% !important;
}
 .card-list .card-fan {
    position:relative;
     margin-left:-15px;
     margin-right:-15px;
}
 .card-list .card-fan-description {
     opacity:0;
     position:absolute;
     left:100%;
     top:68%;
     width:80%;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 .card-list .col.active .card-fan-description {
    opacity:1;
}
 .card-list .card-fan-description h5 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 23px;
     line-height: 22px;
     letter-spacing: 0.185em;
     text-transform: uppercase;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) -12.82%, #FFFFFF 37.97%, rgba(255, 255, 255, 0.51) 71.51%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25);
     margin-bottom:1.5rem;
}
 .card-list .card-fan-description p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 13px;
     line-height: 22px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 .box-bg {
    text-align:center;
     position:relative;
}
 .box-bg:before {
     width:64%;
     height:100vh;
     bottom:6%;
     position:absolute;
     left:18%;
     z-index:0;
     content:'';
     display:block;
     background-image: url('../img/tokenomics/vote-bg.webp');
     background-repeat: no-repeat;
     background-position: bottom right;
     background-size:100% auto;
     opacity:.7;
}
 .box-bg .inner{
    position:relative;
     z-index:2;
}
 .vote-box h4{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 35px;
     line-height: 150%;
    /* or 52px */
     letter-spacing: 0.2em;
     text-transform: uppercase;
     background: linear-gradient(271.85deg, #00FFFF 33.24%, #BD00FF 102.36%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -4px 5px 7px rgba(0, 0, 0, 0.25);
     margin-bottom:2rem;
}
 .vote-box p, .vs-box p {
     margin-bottom:-10%;
}
 .vote-box p, .vs-box p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 18px;
     line-height: 24px;
     color:#fff;
     letter-spacing: 0.25em;
     text-transform: uppercase;
     mix-blend-mode: screen;
}
 .vote-box img {
    margin:0 15%;
}
 .vs-box {
     margin-top:-30vh;
}
 .vs-box h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 35px;
     line-height: 24px;
    /* or 67% */
     letter-spacing: 0.2em;
     text-transform: uppercase;
     background: linear-gradient(93.63deg, #56FFEB 1.7%, #AD00FF 68.81%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -1px 4px 5px rgba(0, 0, 0, 0.25);
     margin-bottom:2rem;
}
 .vs-box .vs {
    position:relative;
     z-index:3;
     margin-bottom:12%;
     margin-top:20%;
}
 .vs-box .vs1, .vs-box .vs2 {
    position:absolute;
}
 .vs-box .vs1 {
    z-index:0;
     left:-10%;
     bottom:2%;
     width:80%;
}
 .vs-box .vs2 {
    z-index:1;
     right:-25%;
     bottom:10%;
     width:90%;
}
 .wrt-box {
    margin-top:-20%;
}
 .wrt-box .inner {
    padding-bottom:15%;
}
 .wrt-box p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 14px;
     line-height: 22px;
     color:#fff;
     letter-spacing: 0.2em;
     text-transform: uppercase;
}
 .wrt-box h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 26px;
     line-height: 26px;
     color:#fff;
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
}
 .relative {
    position:relative;
}
 #tokenomics .big-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 80px;
     line-height: 94px;
     text-transform: uppercase;
     width:50vw;
     position:absolute;
     right:0;
     top:-35vh;
     background: linear-gradient(273.21deg, rgba(0, 240, 255, 0) -21.1%, #1BFFAD 70.95%, rgba(37, 85, 255, 0.19) 143.84%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: 0px -2px 4px rgba(0, 0, 0, 0.27);
}
 #video {
    position:relative;
     padding:0 0 15vh 0;
     min-height:120vh;
}
 #video h3.intro{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 800;
     font-size: 55px;
     line-height: 64px;
     text-transform: uppercase;
     background: linear-gradient(95.76deg, #FFFFFF 15.72%, rgba(255, 255, 255, 0.73) 104.5%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: overlay;
     text-shadow: -3px 7px 3px rgba(0, 0, 0, 0.25);
     margin:7vh 0 15vh 0;
     z-index:1;
     position:relative;
}
 #video p.more {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     font-size: 25px;
     line-height: 29px;
     letter-spacing: 0.065em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 0px 7px #FFFFFF;

     z-index:3;
     position: absolute;
     top: 130%;
}
 .video-abs {
     position:absolute;
     width:45%;
     left:0;
     bottom:0;
     z-index:2;
}
 .video-abs-0 {
     position:absolute;
     width:100%;
     left:0;
     bottom:-30%;
     z-index:0;
}
 .bg-phones {
     position:absolute;
     width:80%;
     left:10%;
     top:-40%;
     z-index:0;
}
 .bg-phones-lines{
     position:absolute;
     width:74%;
     left:13%;
     top:-13%;
     z-index:1;
     mix-blend-mode: overlay;
}
 #phones-info {
    margin:15vh 0;
     position:relative;
     z-index:2;
}
 #phones-info h3 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 30px;
     line-height: 31px;
    /* or 103% */
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 #phones-info h3 small {
    font-size: 26px;
     line-height: 27px;
    color:#00FFFF;
}
 @media (min-width: 1300px) and (max-width: 1600px) {
     #phones-info h3 small {
        margin-right:-4%;
    }
}
 #phones-info .info {
    width:70%;
     position:absolute;
}
 #phones-info .app-phones-left .info {
    right:30%;
     top:3%;
}
 #phones-info .app-phones-left .info.inf2 {
    top:35%;
}
 #phones-info .app-phones-left .info.inf3 {
    top:62%;
}
 #phones-info .app-phones-left .info.inf4 {
    top:92%;
}
 #phones-info .app-phones-right .info {
    left:21%;
     top:-2%;
}
 #phones-info .app-phones-right .info.inf2 {
    top:29%;
}
 #phones-info .app-phones-right .info.inf3 {
    top:58%;
}
 #phones-info .app-phones-right .info.inf4 {
    top:93%;
}
 #phones-info .info h5{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 23px;
     line-height: 27px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 #phones-info .info p{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 21px;
     letter-spacing: 0.1em;
     color: #FFFFFF;
}
 #video-screen {
    margin-top: -30vh;
}
 #app .bg-pic {
     position:absolute;
     width:100%;
     left:0;
     top:40%;
     z-index:0;
}
 #app .top-line {
     position:absolute;
     width:85.6%;
     left:0;
     top:-3.5%;
     z-index:2;
}
 #app .bg-video{
     position:absolute;
     width:100%;
     left:0;
     top:-13.5%;
     z-index:0;
     filter: blur(5px);
}
 .videoshadow{
     box-shadow: 7px 19px 24px rgb(0 0 0 / 80%);
     position: relative;
     z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+6,000000+20,000000+100&0+8,0+24,0.96+100 */
     background: -moz-linear-gradient(top, rgba(0,0,0,0) 6%, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.96) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 6%,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.96) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0,0,0,0) 6%,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.96) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f5000000',GradientType=0 );
    /* IE6-9 */
     margin-top: .7%;
}
 #mainvideo {
     width: 100%;
     position:relative;
     object-fit: cover;
     mask:url('#imask');
     -webkit-mask:url('../img/video/mask.svg');
     mask-position: center center;
     mask-repeat: no-repeat;
     -webkit-mask-size: cover;
     -webkit-mask-position: center;
     overflow: hidden;
}
 @media (min-width: 1700px) {
     #app .top-line {
        top: -2.9%;
    }
}
 #app, #workoutapp {
    position:relative;
}
 #workoutapp .container {
    position:relative;
     z-index:inherit;
}
 #workoutapp {
    padding-top:5vh;
}
 img.ppl1 {
     position:relative;
     z-index:3;
     mix-blend-mode: hard-light;
     opacity: 0.9;
     filter: drop-shadow(-9px 4px 5px rgba(0, 0, 0, 0.25));
     width:90%;
     margin:10% 0 0 -5%;
}
 img.ppl2{
    position:absolute;
     z-index:0;
     top:-16%;
     left:-14%;
     mix-blend-mode: soft-light;
     filter: blur(1.5px);
     width:75%;
}
 img.ppl3{
    position:absolute;
     z-index:1;
     top:-9%;
     right:-5%;
     mix-blend-mode: soft-light;
     filter: blur(2px);
     width:75%;
}
 #workoutapp .app-3p-bg {
     position:absolute;
     width:100%;
     left:0;
     top:-70%;
     z-index:0;
}
 #workoutapp p.sm {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 23px;
     display: flex;
     align-items: center;
     letter-spacing: 0.2em;
     font-variant: all-small-caps;
     color: #FFFFFF;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.8);
}
 #workoutapp p.big {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     line-height: 29px;
     display: flex;
     align-items: center;
     letter-spacing: 0.2em;
     font-variant: all-small-caps;
     color: #FFFFFF;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.8);
}
 #workoutapp h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 35px;
     line-height: 41px;
     display: flex;
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     background: linear-gradient(269.05deg, #3422FF 26.49%, #00FF94 72.69%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 2px rgba(0, 0, 0, 0.28);
}
 #apptable {
    position:relative;
     padding:5rem 0;
     min-height:100vh;
}
 #apptable h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 50px;
     line-height: 59px;
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(270deg, #FFFFFF 10.05%, #FFFFFF 94.44%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: hard-light;
     text-shadow: -2px 5px 3px rgba(0, 0, 0, 0.1);
}
 #apptable h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 24px;
     margin:0;
     padding:0;
     height:50px;
     line-height:47px;
     text-align: center;
     letter-spacing: 0.07em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 .table-header {
     background: linear-gradient(360deg, #000000 -1.46%, rgba(0, 0, 0, .3) 41.53%);
     height:50px;
     border-radius: 15px;
}
 .backtable {
    margin-top:50px;
     position:absolute;
     z-index:0;
     height:100%;
     width:98%;
}
 .backtable .mask {
     border-radius: 15px;
     background: linear-gradient(180deg, #052298 4.34%, rgba(71, 166, 255, 0) 89.38%);
     mix-blend-mode: soft-light;
     width:100%;
     height:100%;
     opacity:.45
}
 #apptable .table-best * {
    position:relative;
}
 #apptable .table-best {
    height:60px;
}
 #apptable .table-best.table-best-head {
    height:50px;
}
 #apptable .table-best.table-best-head .black {
     border-top-left-radius: 15px;
     border-bottom-l3ft-radius:15px;
     background: rgb(33 0 119 / 60%);
}
 #apptable .table-best.table-best-head .c2{
     background: rgb(82 124 197 / 50%);
}
 #apptable .table-best.table-best-head .c3{
     background: rgb(28 120 174 / 50%);
}
 #apptable .table-best.table-best-head .c4 {
     border-top-right-radius: 15px;
     border-bottom-right-radius:15px;
     background: rgb(255 255 255 / 90%);
}
 #apptable .table-best.table-best-head .c4 h4 {
     color: #000000;
}
 #apptable .table-best p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 28px;
     line-height: 35px;
     font-variant: all-small-caps;
     font-feature-settings: 'tnum' on, 'lnum' on;
     color: #FFFFFF;
     font-stretch: 85;
     margin:0 5px 0 0;
}
 #apptable .table-best p small {
    display:block;
     font-size: 18px;
     line-height:30px;
     margin-top:-10px;
}
 #apptable .table-best p small.sm {
     line-height:20px;
}
 #apptable .table-best p b {
     display:block;
     line-height:30px;
     margin-top:-10px;
}
 #apptable .table-best:nth-of-type(odd){
     background: linear-gradient(180deg, #316AD2 3.16%, rgba(76, 116, 188, 0) 100%), rgba(0, 195, 255, 0.17);
}
 #apptable .table-best .ok {
    height:30px;
}
 #apptable .table-best .no {
    height:30px;
}
 #app-info {
    position:relative;
     padding-top:15vh;
}
 #app-info .how-bg-line {
     position:absolute;
     width:65%;
     left:0;
     top:0%;
     z-index:0;
}
 #app-info .how-bg-start {
     position:absolute;
     width:100%;
     left:0;
     top:-20%;
     z-index:0;
}
 #howtostart {
    min-height:80vh;
}
 #howtostart h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 65px;
     line-height: 129.19%;
    /* or 84px */
     align-items: center;
     text-align: center;
     letter-spacing: 0.365em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.1);
}
 #howtostart .container {
    position:relative;
     z-index:1;
}
 #howtostart .entrys-line {
     height:85%;
     margin:25% auto;
}
 #howtostart .entry{
     background: rgba(0, 0, 0, 0.45);
     border-radius: 40px;
     height:95px;
     margin-bottom:15px;
     margin-right:2vw;
}
 #howtostart .entry .row b {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 82px;
     line-height: 82px;
     align-items: center;
     text-align: center;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: -12px 10px 4px rgba(0, 0, 0, 0.7);
}
 #howtostart .entry .row span {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 15px;
     line-height: 17px;
     align-items: center;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 #howtostart .entry .row img.phone {
    float:right;
     margin: -18px 5px 0 0;
     height: 108px;
}
 #howtostart .entry .row img.wallet {
    float:right;
     margin: -10px 25px 0 0;
     height: 100px;
}
 #howtostart .entry .row img.tokens{
    float:right;
     margin: 0px 1px 0 0;
     height: 90px;
}
 #howtostart .entry .orange {
    color:#F6851B;
}
 #howtostart .entry .blue {
    color:#3375BB;
}
 #howtoearn {
    min-height:80vh;
     position:relative;
}
 #howtoearn .container, #howtoearn .row {
    position:relative;
     z-index:2;
}
 .bg-earn {
     position:absolute;
     width:100%;
     left:0;
     top:-50%;
     z-index:0;
}
 #howtoearn h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 78px;
     line-height: 80px;
    /* or 49% */
     align-items: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     background: linear-gradient(90deg, #00FFE0 -5.27%, #0057FF 96.05%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -4px 4px 6px rgba(0, 0, 0, 0.1);
}
 #howtoearn p.big {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     letter-spacing: 0.1em;
     line-height: 121.69%;
    /* or 46px */
     align-items: center;
     font-variant: all-small-caps;
     color: #FFFFFF;
     text-shadow: -3px 4px 5px rgba(0, 0, 0, 0.1);
}
 #howtoearn #eanrvideo {
    margin-top:-8vh;
}
 #howtoearn .entry {
     background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0.01%, #6945F8 73.36%);
     border-radius: 50px;
     height:82px;
     margin-bottom:35px;
     margin-right:-6vw;
     filter: drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.8));
}
 #howtoearn .entry b {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 66px;
     line-height: 82px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 #howtoearn .entry span {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
     font-size: 13px;
     line-height: 19px;
     display:inline-block;
     align-items: center;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     padding-right:5%;
     color: #FFFFFF;
}
 #howtoearn .entry span strong {
    font-weight: 700;
     font-size: 25px;
}
 #howtoearn h3 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 600;
     font-size: 47px;
     line-height: 82.19%;
    /* or 49px */
     display: flex;
     align-items: center;
     font-variant: all-small-caps;
     background: linear-gradient(270deg, #0BC4FF -7.24%, #00FFE0 100.14%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -9px 6px 5px rgba(0, 0, 0, 0.29);
}
 #sportVideos {
    position:relative;
     margin-top:-12vh;
}
 #sportVideos h3 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 55px;
    line-height: 72px;

     text-align: right;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     background: linear-gradient(273.92deg, rgba(255, 255, 255, 0.309955) -6.64%, #FFFFFF 4.21%, rgba(255, 255, 255, 0) 135.32%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: lighten;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     padding-left:20%;
}
 #sportVideos ul {
    list-style-type:none;
     margin:0;
     padding:0;
}
 #sportVideos ul li a {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
     font-size: 22px;
     line-height: 44px;
     align-items: center;
     text-transform: uppercase;
     display:block;
     color: #FFFFFF;
     text-shadow: 0px 0px 5px #FFFFFF, 0px 4px 4px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1300px) and (max-width: 1600px){
   #sportVideos h3{font-size: 42px;  line-height: 57px;}
   #sportVideos ul li a {line-height: 34px;}
}
#sportVideos ul li a.active {
    font-weight: 900;
}
 .activevideo {
    position:relative;
    padding: 40px 0 30px 0;
     overflow:hidden;
}
 #sportVideos .relative {
    z-index:3;
     padding-bottom:30px;
}
 #back {
     position:absolute;
     top:0;
     left:0;
     background: #5e4e4e;
     mix-blend-mode: normal;
     border-radius: 42px;
     width: 100%;
}
 #sportVideos #sports {
    mix-blend-mode: overlay;
}
 #sportVideos .sportmovie {
    filter: drop-shadow(0px -10px 26px rgba(0, 0, 0, 0.8));
}
 .bottomvideos .col, .bottomvideos .col img {
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 .bottomvideos {
    position:relative;
     z-index:3;
}
 .bottomvideos .col {
    position:relative;
     cursor:pointer;
}
 .bottomvideos .col.active {
     margin-top:-30px;
     z-index:24;
}
 .bottomvideos .col.active img {
    max-width:102%;
}
 .tok-circle {
     position:relative;
}
 .tok-circle .bg-tok1 {
     width:100%;
     position:absolute;
     z-index:0;
     top:-20%;
     left:0;
}
 .tok-circle .bg-tok2 {
     width:100%;
     position:absolute;
     z-index:0;
     top:-15%;
     left:0;
}
 #tokenomics {
     position:relative;
     padding:15vh 0 2vh 0;
}
 #tokenomics:before {
     content:'';
     display:block;
     position:absolute;
     top:-10vh;
     left:10%;
     z-index:0;
     background-image: url('../img/bg-tok-0.webp');
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     width:90%;
     height:140vh;
     filter: blur(150px);
}
 #tokenomics .circle {
     position: relative;
     padding-top: 100%;
     margin: 0 30px
}
 #tokenomics .circle .circle-token, #tokenomics:after {
     top: 20%;
     background-size: cover;
     background-repeat: no-repeat;
     position: absolute;
}
 #tokenomics .circle .circle-token {
     background-image: url('../img/tokenomics/token.webp');
     background-position: center;
     width: 60%;
     height: 60%;
     left: 20%;
     z-index: 3
}
 #tokenomics .circle .circle-percents {
     background-image: url('../img/tokenomics/token-2.webp');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 2;
     position: absolute
}
 #tokenomics .container {
    position:relative;
     z-index:2;
}
 #tokenomics .title{
     mix-blend-mode: overlay;
     opacity:.5;
}
 #tokenomics .title .tokenomics-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 90px;
     line-height: 105px;
     align-items: center;
     text-align: center;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: soft-light;
     filter: drop-shadow(-3px 4px 4px rgba(0, 0, 0, 0.5));
     background: linear-gradient(90deg, #c9e3ff -1.63%, #b277ff 70.16%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
}
 .tok-btn {
    width:50%;
     margin:0 auto;
     display:block;
     text-decoration:none !important;
}
 .tokenomics-legend img {
    margin:1rem 0;
}
 .tokenomics-legend span {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 18px;
     line-height: 21px;
     display: flex;
     align-items: center;
     letter-spacing: 0.1em;
     text-transform: uppercase;
}
 .tokenomics-legend span.color-1 {
    color: #853FFF;
}
 .tokenomics-legend span.color-2 {
    color: #591DDD;
}
 .tokenomics-legend span.color-3 {
    color: #4795EE;
}
 .tokenomics-legend span.color-4 {
    color: #00D0F9;
}
 .tokenomics-legend span.color-5 {
    color: #00FFF7;
}
 .tokenomics-legend span.color-6 {
    color: #BD7BFF;
}
 .tokenomics-legend span.color-7 {
    color: #FF1AE8;
}
 .tokenomics-legend span.color-8 {
    color: #fff;
}
 #nft, .nft-slider {
     position:relative;
}
 #nft .nft-bg {
     position:absolute;
     z-index:0;
     left:0;
     top:-55%;
     width:100%;
}
 #nft .nft-bg-line {
     position:absolute;
     z-index: 5;
     left:10%;
     top:12%;
     width:80%;
}
 #nft .nft-pictures {
    padding-top:3rem;
     position:relative;
     z-index:3;
}
 #nft .btn-nav {
     background: linear-gradient(95.31deg, #00FFFF 2.76%, #4A87FF 86.47%);
     opacity: 0.6;
     box-shadow: inset 0px -2px 8px rgba(0, 0, 0, 0.8);
     cursor:pointer;
     mix-blend-mode: normal;
     border-radius: 17px;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 25px;
     line-height: 42px;
     height:50px;
     display: block;
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     font-variant: all-small-caps;
     margin:2vh 1vw;
     color: #FFFFFF;
     text-shadow: -1px 4px 4px rgba(0, 0, 0, 0.5);
}
 #nft .slick-current .btn-nav {
     opacity: 1;
     box-shadow: -8px 8px 12px rgba(0, 0, 0, 0.5);
}
 #nft #slider-for .col, #nft #slider-for .col img{
     -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
     -ms-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
     transition: all 250ms ease-in-out;
}
 #nft #slider-for .slick-list {
    padding:7vh 0;
}
 #nft #slider-for .col:hover {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 #nft #slider-for .col:hover img {
     -moz-transform: scale(1.25);
     -webkit-transform: scale(1.25);
     -o-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
}
 #nft #slider-for .col.lvl {
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     padding-top: 35vw;
     position:relative;
}
 #nft #slider-for .col.lvl1 {
    background-image: url('../img/nft/back/lvl1.png');
}
 #nft #slider-for .col.lvl2 {
    background-image: url('../img/nft/back/lvl2.png');
}
 #nft #slider-for .col.lvl3 {
    background-image: url('../img/nft/back/lvl3.png');
}
 #nft #slider-for .col.lvl4 {
    background-image: url('../img/nft/back/lvl4.png');
}
 #nft #slider-for .col.lvl5 {
    background-image: url('../img/nft/back/lvl5.png');
     flex: 0 0 22% !important;
     margin-top:-30px;
}
 #nft #slider-for .col.lvl img {
     position:absolute;
     max-width:90%;
     left:5%;
     top:5%;
     z-index:1;
}
 #nft #slider-for .col.lvl5 img {
     max-width:110%;
     left:-5%;
     top:-5%;
}
 #ai {
     min-height:130vh;
     position:relative;
     padding:10vh 0 20vh 0;
     background-image: url('../img/ai-bg-1.webp');
     background-repeat: no-repeat;
     background-position: 60% center;
     background-size:100% auto;
}
 #ai:before {
     content:'';
     display:block;
     position:absolute;
     top:-15vh;
     left:10%;
     z-index:0;
     background-image: url('../img/ai-bg-2.webp');
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     width:80%;
     height:60vh;
}
 #ai .robot {
     max-width:100%;
     position:absolute;
     z-index:2;
     top:-15vh;
}
 #ai h6.ai-text {
     position:relative;
     z-index:3;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
     font-size: 30px;
     line-height: 145.19%;
    /* or 44px */
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.7);
}
 #ai h6.ai-text b {
    font-weight:600;
}
 #nft .portal {
     padding:1.5rem 0 3.5rem 0;
     background-image: url('../img/nft/portal-bottom.webp');
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size:80% auto;
}
 .anim-floating {
     -webkit-animation: floating 6s linear -3s infinite;
     animation: floating 6s linear -3s infinite;
}
 .anim-simleFloating{
     -webkit-animation: simpleFloating 6s linear -3s infinite;
     animation: simpleFloating 6s linear -3s infinite;
}
 @keyframes floating {
     0% {
         transform: translate(-50%, 0) rotate(0.01deg);
    }
     12.5% {
         transform: translate(-50%, 2.5%) rotate(8.01deg);
    }
     25% {
         transform: translate(-50%, 5%) rotate(3.01deg);
    }
     37.5% {
         transform: translate(-50, 2.5%) rotate(-8.01deg);
    }
     50% {
         transform: translate(-50%, 0) rotate(-1.01deg);
    }
     62.5% {
         transform: translate(-50%, -2.5%) rotate(4.01deg);
    }
     75% {
         transform: translate(-50%, -5%) rotate(9.01deg);
    }
     87.5% {
         transform: translate(-50%, -2.5%) rotate(4.01deg);
    }
     100% {
         transform: translate(-50%, 0) rotate(0.01deg);
    }
}
 @keyframes simpleFloating {
     0% {
        transform:translateY(0%) rotate(0.01deg);
    }
     50% {
        transform:translateY(2%) rotate(0.01deg);
    }
     100% {
        transform: translateY(0%) rotate(0.01deg);
    }
}
 .anim-simleFloating2{
     -webkit-animation: simpleFloating2 6s linear -3s infinite;
     animation: simpleFloating2 6s linear -3s infinite;
}
 @keyframes simpleFloating2 {
     0% {
        transform:translateY(0%) rotate(0.01deg);
    }
     50% {
        transform:translateY(4%) rotate(0.015deg);
    }
     100% {
        transform: translateY(0%) rotate(0.01deg);
    }
}
.anim-simleMoveL{
     -webkit-animation: simleMoveL 6s linear -3s infinite;
     animation: simleMoveL 6s linear -3s infinite;
}
@keyframes simleMoveL {
     0% {
        transform:translateX(0%) rotate(0.01deg);
    }
     50% {
        transform:translateX(1%) rotate(0.35deg);
    }
     100% {
        transform: translateX(0%) rotate(0.01deg);
    }
}
.anim-simleMoveR{
     -webkit-animation: simleMoveL 5s linear -3s infinite;
     animation: simleMoveL 5s linear -3s infinite;
}
@keyframes simleMoveR {
     0% {
        transform:translateX(0%) rotate(0.01deg);
    }
     50% {
        transform:translateX(0%) rotate(-0.25deg);
    }
     100% {
        transform: translateX(0%) rotate(0.01deg);
    }
}
.nft-rent-bg {
     position:relative;
     background-image: url('../img/bg-nft-rent.webp');
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     padding:12vh 0;
}
.nft-rent-bg:before {
     content:'';
     display:block;
     position:absolute;
     top:-30vh;
     left:0;
     z-index:0;
     background-image: url('../img/bg-nft-rent-2.webp');
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     width:100%;
     height:90vh;
}
 .nft-rent-bg .row {
    position:relative;
     z-index:2;
}
 #nft .nft-title-rent {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 100px;
     line-height: 117px;
     text-transform: uppercase;
     background: linear-gradient(90deg, #0057FF -1.63%, #03FFFF 29.14%, #DB00FF 60.16%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
}
 #nft .nft-subtitle {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 35px;
     line-height: 41px;
     text-transform: uppercase;
     background: linear-gradient(90.51deg, #0CFFFF 24.97%, #CD3DFF 85.52%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
 #nft p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     line-height: 29px;
     font-variant: all-small-caps;
     color: #FFFFFF;
}
 #nft p.nft-info {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 30px;
     line-height: 35px;
     font-variant: all-small-caps;
     background: linear-gradient(269.81deg, rgba(255, 255, 255, 0.56) -2.72%, #FFFFFF 50.42%, #FFFFFF 107.26%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
}
 #roadmap {
    position:relative;
}
 #roadmap .bg-road {
     position:absolute;
     z-index:0;
     width:100%;
     height:240vh;
     top:-15vh;
}
 #roadmap h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 100px;
     line-height: 117px;
     letter-spacing: 0.4em;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: soft-light;
}
 #map {
    position:relative;
     margin:5vh 10vw 22vh 10vw;
}
 #map .q {
    position:absolute;
     width:35vw;
}
 #map .q h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 40px;
     line-height: 50px;
     text-transform: uppercase;
     color: #FFFFFF;
     mix-blend-mode: normal;
     text-shadow: -5px 4px 4px rgba(0, 0, 0, 0.8);
}
 #map .q h4 b {
    font-size: 60px;
}
 #map ul li {
     padding:0 0 0 35px;
     position:relative;
}
 #map ul {
     color:#fff;
     list-style-type:none;
     margin:20px 0 0 0;
     padding:0;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 22px;
     text-transform: uppercase;
     text-shadow: -2px 3px 3px rgba(0, 0, 0, 0.28);
}
 #map ul.done li, #map ul li.done {
     background: linear-gradient(269.9deg, #05FF00 29.39%, #0EF9FF 93.86%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     font-weight: 700;
}
 #map ul.done li:before, #map ul li.done:before {
     content:'';
     display:inline-block;
     background:url('../img/road/done.webp') center no-repeat;
     background-size:cover;
     height:24px;
     width:24px;
     position:absolute;
     left:0;
}
 #team {
}
 .team .team-pic {
     background-image: url('../img/team/team-bg.webp');
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size:cover;
     padding-top: 100%;
     border-radius: 50%;
     overflow: hidden;
     position: relative
}
 .team .team-pic img {
     position: absolute;
     top: 31%;
     left: 15%;
     width: 70%;
     border-radius: 50%;
}
 .team h5 {
     font-weight: 900;
     font-size: 20px;
     color: #4dbfff;
     text-transform: uppercase
}
 .team h6 {
     font-style: normal;
     font-weight: 900;
     font-size: 16px;
     color:#fff;
     text-transform:uppercase;
}
 .team h6.adv {
     color: #68E0E1;
}
 .team p {
     font-size: 14px;
     font-weight: 300;
     color:#fff;
     padding:0 3rem;
}
 #team .team-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
     font-size: 300px;
     line-height: 352px;
     letter-spacing: 0.405em;
     text-transform: uppercase;
     background: linear-gradient(180deg, #0AE7FF 0%, #AD2AFA 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
}
 #team .more-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 45px;
     line-height: 53px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     background: linear-gradient(87.36deg, #FFFFFF 39.99%, rgba(255, 255, 255, 0) 65.95%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: lighten;
}
 #team .advisors-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 90px;
     line-height: 105px;
     letter-spacing: 0.35em;
     text-transform: uppercase;
     color:#fff;
     background: linear-gradient(270deg, rgba(0, 255, 255, .1) 18.39%, #76EDED 52%, rgba(0, 255, 255, .1) 79.84%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
    /* text-shadow: 0px 3px 3px #000000;
     */
}
 footer {
     background-image: url('../img/bg-footer.webp');
     background-repeat: no-repeat;
     background-position: top center;
     background-size:100% auto;
     padding-top: 9rem;
     padding-bottom:15rem;
     position:relative;
}
 footer:before {
     content:'';
     display:block;
     background-image: url('../img/bg-footer-line.webp');
     background-repeat: no-repeat;
     background-position: top right;
     background-size:100% auto;
     width:100%;
     height:30vh;
     position:absolute;
     top: -5.6vh;
     right: -1vw;
}
 footer .logo {
    padding-bottom:2rem !important;
    cursor:pointer;
}
 footer .logo .footer-logo {
    width:10vw;
     padding-bottom:1.5rem
}
 footer .logo .logo-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 35px;
     line-height: 41px;
     color: #FFFFFF;
     opacity: 0.5;
}

footer .logo:hover .logo-title {opacity:1;}
footer .footer-nav {
    list-style-type:none;
     display:block;
}
 footer .footer-nav li {
    padding:5px 0;
     display:block;
}
 footer .footer-nav a {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     line-height: 23px;
     letter-spacing: 0.21em;
     text-transform: uppercase;
     color: #FFFFFF;
     opacity: 0.5;
}
 footer .footer-nav a:hover {
    opacity:.9;
}
 footer .social-title {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 35px;
     line-height: 41px;
     display: block;
     align-items: center;
     letter-spacing: 0.14em;
     padding:0;
     margin:0;
     background: linear-gradient(159.7deg, rgba(219, 0, 255, 0.79) 0.71%, rgba(7, 77, 255, 0.71) 13.46%, #00FFE0 34.08%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     opacity: 0.5;
     text-shadow: -6px 7px 5px rgba(0, 0, 0, 0.25);
     list-style-type:none;
}
 footer .social-title li {
    display:block;
     width: 100%;
     padding:.5rem 0;
}
 footer .social-title a {
    text-decoration:none;
}
 footer .social-title a:hover {
     color:#fff;
     -webkit-background-clip: text;
     -webkit-text-fill-color: #fff;
}
 .go-back {
    position:fixed;
     right:25px;
     top:35px;
}
 .go-back svg {
    width:53px;
     height:50px;
}
 .modalWhitelist .modal-dialog {
}
 .modalWhitelist .modal-dialog .modal-content{
     background: #060F20;
     color:#fff;
     mix-blend-mode: hard-light;
     box-shadow: -20px 20px 21px rgba(0, 0, 0, 0.7);
     border-radius: 83px;
     position:relative;
     z-index:1;
     border:none;
     overflow:hidden;
}
 .modalWhitelist .bg-whitelist {
    position:absolute;
     z-index:0;
     height:100%;
     width:100%;
     top:0;
     left:0;
     border-radius: 93px;
}
 .modalWhitelist .modal-dialog .modal-content .modal-body {
    padding:3vw 4vw;
     position:relative;
     z-index:2;
     border-radius: 83px;
}
 .modalWhitelist .modal-dialog .modal-content .modal-body .app-logo {
    mix-blend-mode: soft-light;
     margin:1vh auto;
     max-width:8vw;
}
 .modalWhitelist .modal-dialog .modal-content .modal-body h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 44px;
     line-height: 82px;
     align-items: center;
     text-align: center;
     letter-spacing: 0.125em;
     text-transform: uppercase;
     color: #FFFFFF;
}
 .modal .go-back {
     background:none;
     border:none;
     position:absolute;
}
 .modal .go-back svg{
     width:34px;
     height:30px;
}
 .modal-backdrop.show {
     opacity: .75;
}
 #partnership{
    padding:20vh 0 30vh 0;
     overflow:hidden;
}
 #partnership .partner-title{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 80px;
     line-height: 1.1;
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 0px 5px #FFFFFF;
}
 #partnership p.intro {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 28px;
     line-height: 30px;
    /* identical to box height */
     text-align: center;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: -9px 6px 4px rgba(0, 0, 0, 0.5);
}
 #partnership .app-logo {
    width:10vw;
}
 .form-control {
     background: linear-gradient(91.89deg, rgba(255, 255, 255, .25) 14.96%, rgba(255, 255, 255, 0) 102.16%);
     border:none;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 24px;
     line-height: 50px;
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     color: #FFFFFF;
}
#partner-form .form-control {text-align: left; border:solid 1px rgba(255,255,255,.1);}
#partner-form label {display:block;}
.form-control:disabled, .form-control[readonly] {
    background-color: rgba(0,0,0,.35);
    color:rgba(255,255,255,.5);
    opacity: 1;
}

 .form-control::-webkit-input-placeholder {
     color: #fff;
}
 .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color: #fff;
     opacity: 1;
}
 .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color: #fff;
     opacity: 1;
}
 .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #fff;
}
 .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #fff;
}
 .form-control::placeholder {
    /* Most modern browsers support this now. */
     color: #fff;
}
 .form-control.txt-left {
    text-align:left;
     padding:20px 30px 0 30px !important;
}
 .btn-send {
     height:52px;
     width:200px;
     border:none;
     background-image: url('../img/btn-send.webp');
     background-repeat: no-repeat;
     background-position: center;
     background-size:105% auto;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     line-height: 51px;
     letter-spacing: 0.1em;
     padding:0;
     text-transform: uppercase;
     border-radius:.25rem;
     color: #FFFFFF;
     filter: drop-shadow(0px 1px 0px #000000);
     text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.45);
     position:relative;
     z-index:1;
     transition: all .45s;
}
 .btn-send.wide {
    width:300px;
     font-size: 16px;
}
 .btn-send + .shadow {
     position:absolute;
     top:50%;
     left:-5%;
     z-index:0;
     display:block;
     width:90%;
     height:52px;
     background: #000000;
     opacity: 0.35;
     filter: blur(3.5px);
     border-radius: 7px;
     transition: all .45s;
}
 .btn-send:hover {
     transform: scale(0.9);
     background-size: 145% auto;
}
 .btn-send img {width:40px; margin-top:10px}
 .btn-send:hover + .shadow {
    opacity:.5;
     top:30%;
     left:0;
     transform: scale(0.9);
}
 .btn-right-bottom {
    position:absolute;
     bottom:0;
     right:0;
}
 @media (min-width: 1300px) and (max-width: 1600px){
   footer:before { top: -5vh;}
     .modalWhitelist .modal-dialog .modal-content .modal-body h4 {
        font-size: 41px;
    }
     #partnership .partner-title{
        font-size: 60px;
    }
     #partnership p.intro {
        font-size: 22px;
         line-height: 26px;
    }
     .form-control {
        font-size: 19px;
        line-height: 45px;
    }
     .go-back {
        right:25px;
         top:38px;
    }
     .go-back svg {
        width:43px;
         height:40px;
    }
     #main-nav .nav-link.soon1:before, #main-nav .nav-link.soon2:before {
         bottom: -5%;
         width: 100%;
         height: 100px;
         left: -2%;
    }
     #main-nav .nav-link {
        font-size: 13px;
         padding-right: 10px;
    }
	#intro .rightImages {
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		z-index: 3;
		margin-bottom: -5vw;
		position:relative;
	}
     #intro h1 {
        font-size: 50px;
         line-height: 60px;
    }
     #intro .buttons {
         margin-top: -2vh;
    }
     #intro .line-intro-img {
        bottom: -2.9%;
    }
     #mediaEarn h2 {
         font-size: 39px;
         line-height: 52px;
    }
     #mediaEarn .text-r h3 {
        font-size: 38px;
         line-height: 49px;
    }
     #mediaEarn p.big {
        font-size: 16px;
         line-height: 22px;
    }
     .market-title {
         font-size: 65px;
         line-height: 100.69%;
    }
     .watches-info {
        font-size: 18px;
         line-height: 24px;
    }
     #video h3.intro {
        font-size: 47px;
         line-height: 55px;
    }
     .video-abs {
        bottom: 0.1%;
        width: 42%;
    }
     #app .top-line {
        top: -3.1%;
    }
     #video p.more {
        padding-left:10vw;
        top: 100%;
    }
     #workoutapp h4 {
        font-size: 30px;
         line-height: 41px;
    }
     #apptable h2 {
        font-size: 42px;
    }
     #apptable h4 {
        font-size:18px;
    }
     #apptable .table-best p {
        font-size:22px;
    }
     #apptable .table-best p small {
        font-size:16px;
    }
     #apptable .table-best .ok, #apptable .table-best .no {
        height:24px;
    }
     #howtostart h2 {
        font-size: 57px;
         letter-spacing: 0.265em;
    }
     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
         max-width: 1120px;
    }
     #howtostart .entry .row b {
         font-size: 70px;
    }
     #howtostart .entry .row span {
        font-size:13px;
         display:inline-block;
         line-height:19px;
         padding-top:10px;
    }
     #howtoearn h2 {
        font-size:70px;
         letter-spacing: 0.12em
    }
     #howtoearn p.big {
        font-size:26px;
    }
     #howtoearn .entry {
        margin-bottom:20px;
    }
     #howtoearn .entry span {
        fotn-size:11px;
         line-height:17px;
    }
     #howtoearn .entry span strong {
        font-size: 22px;
    }
     #howtoearn h3 {
        font-size:42px;
    }
     .card-list .card-fan-description h5 {
        font-size:18px;
    }
     .card-list .card-fan-description p {
        font-size:11px;
    }
     .vote-box p, .vs-box p {
        font-size:13px;
    }
     .tokenomics-legend span {
        font-size: 16px;
    }
     #tokenomics .big-title {
         text-align:right;
         font-size: 70px;
         width: 50vw;
         top: -25vh;
    }
     #tokenomics .title .tokenomics-title {
         font-size:80px;
    }
     #ai h6.ai-text {
         font-size: 22px;
         margin-top: -3vh;
    }
    #nft .nft-subtitle {
        font-size:30px;
    }
     #nft .nft-title-rent {
        font-size:90px;
    }
     #nft p {
        font-size:18px;
         line-height:26px;
    }
     #nft .nft-bg {
         top: -47%;
         width: 100%;
    }
     #map .q h4 {
        font-size:30px;
    }
     #map .q h4 b {
         font-size: 50px;
    }
     #map ul {
         font-size: 16px;
    }
    #sportVideos {margin-top: -22vh;}
     #sportVideos h3 {
         font-size: 39px;
         line-height: 52px;
    }
     #sportVideos ul li a {
        font-size: 18px;
         line-height: 31px;
    }
     #nft .btn-nav {
         font-size: 18px;
         line-height: 40px;
    }
     #team .team-title {
        font-size: 12vw;
         line-height: 12vw;
         letter-spacing: 3.5vw;
    }
     #team .advisors-title {
        font-size: 5vw;
         line-height: 6vw;
         letter-spacing: 1.35vw;
    }
     .team p {
        font-size: 13px;
         padding: 0 1rem;
    }
     footer .logo .logo-title {
        font-size: 1.73vw;
    }
     footer .footer-nav a {
        font-size: 16px;
         line-height: 20px;
    }
     footer .social-title {
        font-size: 30px;
         line-height: 32px;
    }
}
 .eco-header {
     background:url('../img/eco-header.webp') top right no-repeat;
     background-size:90% auto;
}
 .eco {
    padding:20vh 0;
     overflow:hidden;
}
 .eco p {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 28px;
     letter-spacing: 0.11em;
     text-transform: uppercase;
     color: #FFFFFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
 .eco p.big, .eco .big {
     font-size: 36px;
     font-weight:900;
}
 .eco p.sm {
     font-size: 16px;
     line-height: 142.19%;
}
 .eco p b {
    font-weight: 900;
}
 .eco p small {
    font-size: 13px;
     line-height: 19px;
     display:inline-block;
}
 .eco h1.economy {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 120px;
     line-height: 157.69%;
    /* or 189px */
     align-items: center;
     text-align: center;
     letter-spacing: 0.155em;
     text-transform: uppercase;
     background: linear-gradient(90deg, #0057FF -1.63%, #03FFFF 29.14%, #DB00FF 60.16%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -20px 20px 10px rgba(0, 0, 0, 0.28);
}
 .eco h1.white {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 120px;
     line-height: 1.2;
    /* or 189px */
     margin-right: -3vw;
     align-items: center;
     text-align: center;
     letter-spacing: 0.265em;
     text-transform: uppercase;
     background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -20px 20px 10px rgba(0, 0, 0, 0.28);
}
 .eco p.intro-white {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 23px;
     line-height: 1.2;
    /* or 31px */
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(90.51deg, #FFFFFF 24.97%, #FFFFFF 85.52%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -4px 8px 4px rgba(0, 0, 0, 0.25);
}
 .eco p.intro-economy {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 42px;
     line-height: 121.19%;
    /* or 55px */
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(90.51deg, #0CFFFF 24.97%, #CD3DFF 85.52%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -4px 8px 4px rgba(0, 0, 0, 0.25);
}
 .eco .onemilion {
    padding:2rem 0 5rem 0;
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 28px;
     line-height: 1.3;
    /* or 42px */
     align-items: center;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     background: linear-gradient(94.35deg, rgba(0, 207, 220, 0.53) -1.8%, #1BFFAD 43.09%, rgba(37, 85, 255, 0.5) 94%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: -10px 8px 4px rgba(0, 0, 0, 0.27);
}
 .eco .onemilion .xl {
     font-size: 43px;
}
 .eco h2 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 36px;
     line-height: 1.3;
    /* or 55px */
     margin:5vh 0;
     align-items: center;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(90.51deg, #0CFFFF 24.97%, #CD3DFF 85.52%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 .eco h3 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 70px;
     line-height: 117px;
     align-items: center;
     text-align: center;
     letter-spacing: 0.1em;
     font-variant: small-caps;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(89.91deg, #00FFF7 23.18%, #4203A9 72.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -23px 20px 4px rgba(0, 0, 0, 0.25);
}
 .eco .managemenet {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 60px;
     line-height: 1.2;
     letter-spacing: 0.1em;
     font-variant: small-caps;
     font-feature-settings: 'tnum' on, 'onum' on;
     color:#fff;
     mix-blend-mode: normal;
}
 .eco h4 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 100px;
     line-height: 80px;
    /* or 75px */
     align-items: center;
     text-align: center;
     letter-spacing: 0.135em;
     font-variant: all-small-caps;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(89.27deg, #00FFF7 2.32%, #4203A9 70.72%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}
 .eco h5 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 80px;
     line-height: 117px;
     align-items: center;
     text-align: center;
     letter-spacing: 0.24em;
     font-variant: small-caps;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(89.94deg, #00FFF7 23.15%, #4203A9 78.26%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}
 .eco h6 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
     font-size: 60px;
     line-height: 97.19%;
    /* or 54px */
     align-items: center;
     letter-spacing: 0.11em;
     font-variant: small-caps;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(89.91deg, #00FFF7 23.18%, #4203A9 72.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}
 .eco p.dev {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 60px;
     line-height: 100px;
    /* or 55px */
     align-items: center;
     text-align: center;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(270.93deg, #00FFF7 20.18%, #4201FB 99.39%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}
 p.tokk {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 80px;
     line-height: 90px;
    /* or 69px */
     align-items: center;
     text-align: center;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(271.56deg, #00FFF7 48.26%, #4201FB 98.99%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
     text-shadow: -2px 4px 4px rgba(0, 0, 0, 0.25);
}
 p.pink {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 45px;
     line-height: 36px;
    /* or 72% */
     display: flex;
     align-items: center;
     letter-spacing: 0.14em;
     font-variant: all-small-caps;
     background: linear-gradient(95.32deg, #0137F3 -1.43%, rgba(0, 255, 224, 0.88) 33.82%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: lighten;
     text-shadow: -23px 24px 3px rgba(0, 0, 0, 0.25);
}
 .eco .fan-tokens {
    max-width:100% !important;
}
 .eco #token-eco {
    padding-top:40vh !important;
}
 .eco .relase-shedule{
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 70px;
     line-height: 1.2;
     align-items: center;
     text-align: center;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     font-feature-settings: 'tnum' on, 'onum' on;
     background: linear-gradient(271.56deg, #00FFF7 48.26%, #4201FB 98.99%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     mix-blend-mode: normal;
}
 .eco .smaller p {
    font-size: 21px;
     line-height: 27px;
     letter-spacing: 0.07em;
}
 .eco .percent500 {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 900;
     font-size: 25px;
     line-height: 1.1;
    /* or 26px */
     align-items: center;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     background: linear-gradient(94.49deg, #6EE2E0 -0.53%, #6508C0 63.35%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
}
 .eco .percent500 .xl{
     font-size: 80px;
     background: linear-gradient(94.49deg, #81F5EE -0.53%, #6E07C4 45.58%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     letter-spacing: 0.14em;
}
 @media (min-width: 1300px) and (max-width: 1600px){
     .eco .relase-shedule, .eco .managemenet{
        font-size: 55px;
    }
     .eco p {
        font-size: 21px;
         line-height: 25px;
         letter-spacing: 0.09em;
    }
     .eco p.big, .eco .big {
         font-size: 32px;
    }
     .eco p.sm {
        font-size: 15px;
         line-height: 122.19%;
    }
     .eco p small {
        font-size: 12px;
         line-height: 17px;
    }
     .eco h1.economy {
         font-size: 110px;
         line-height: 147.69%;
         letter-spacing: 0.1em;
    }
     .eco p.intro-economy {
        font-size: 36px;
         line-height: 111.19%;
    }
     .eco h2 {
        font-size: 30px;
    }
     .eco h3 {
        font-size: 60px;
         line-height: 107px;
         letter-spacing: 0.08em;
    }
     .eco h4 {
        font-size: 90px;
         line-height: 70px;
         letter-spacing: 0.1em;
    }
     .eco h5 {
        font-size: 70px;
         line-height: 107px;
         letter-spacing: 0.14em;
    }
     .eco h6 {
        font-size: 50px;
         line-height: 87.19%;
         letter-spacing: 0.09em;
    }
     .eco p.dev {
        font-size: 50px;
         line-height: 90px;
         letter-spacing: 0.1em;
    }
     p.tokk {
        font-size: 70px;
         line-height: 80px;
    }
     p.pink {
        font-size: 36px;
         line-height: 32px;
    }
}
#subpageTxt .title-line {
  background-image: url('../img/subbpage-txt-line.webp');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size:100% auto;
  padding:0 0 32vh 0;
text-align:center;
}
#subpageTxt .title-line  h1 {
  font-family: Roboto;
  font-size: 70px;
  font-weight: 900;
  line-height: 85px;
  letter-spacing: 0.025em;
  text-align: center;
display:inline-block;
  background: linear-gradient(269.98deg, #AF00FF 6%, #5492FF 29.85%, #00FFFF 100.01%);
   text-transform: uppercase;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    mix-blend-mode: normal;

}


#subpageTxt ul {list-style-type:none; margin:0 0 10px 0; padding:0;}
#subpageTxt ul li {margin:0; padding:0 0 15px 0;}
#subpageTxt p, #subpageTxt ul li{
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  align-items: center;
  letter-spacing: 0.215em;
  text-transform: uppercase;

}
#subpageTxt p {margin-bottom:2rem;}
#subpageTxt p.big {font-size:30px; margin:2rem 0 4rem 0;}


#subpageTxt p.lead{
  font-weight: 900;
font-size: 35px;
line-height: 53px;
  background: linear-gradient(90deg, #7000FF 3.38%, #00FFE0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
mix-blend-mode: normal;
margin:3.5rem 0;
}

 @media screen and (max-width: 992px) {
}
 @media screen and (min-width: 577px) {
}
 @media screen and (min-width: 432px) {
}