@font-face{font-family:'VtksEscape';src:url(../fonts/VtksEscape.woff2) format("woff2"),url(../fonts/VtksEscape.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts//Montserrat-Regular.woff2) format("woff2"),url(../fonts/fonts/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-Light.woff2) format("woff2"),url(../fonts/Montserrat-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent;animation:lds-dual-ring 1.2s linear infinite;z-index:100}
.lds-dual-ring{display:inline-block;width:80px;height:80px;z-index:100;position:fixed;display:flex;left:0;top:0;justify-content:center;align-items:center;height:100vh;width:100%;background:#000000fa}
@keyframes lds-dual-ring {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
body{font-family:'Montserrat';scroll-behavior:smooth}
.custom-wrapper{height:300vh}
ul{list-style:none !important;padding:0 !important;margin: 0 !important;}
h1,h2,h3,h4,h5,h6,p,ul{margin:0}
h1{font-size:120px;line-height:125px;font-weight:400;font-family:'VtksEscape';text-transform:uppercase;transform:scale(1.3);transition:all ease-in-out 1s}
h2{font-size:60px;line-height:64px;font-family:'VtksEscape';text-transform:uppercase;color:#fff}
h3{font-size:43px;line-height:47px;font-weight:300;transition:all ease-in-out 1s;transform:translate3d(0,50px,0) scale(0.8)}
h4{font-size:36px;line-height:40px;font-family:'VtksEscape'}
h5{font-size:30px;line-height:33px;font-weight:600}
.sky-water-content h1{color:#fff}
.sky-water-content h3{color:#fff}
.btn-wave{overflow:hidden;position:relative;opacity:0;border-radius:40px;cursor:pointer;z-index:10}
.btn-wave img{display:none;position:absolute;right:0;bottom:-50px;width:95%;transition:all ease-in-out .3s}
.btn-wave:hover img{bottom:-20px;right:-3px}
.underwater{position:fixed;height:100vh;opacity:1;transition:all ease-in-out .5s;top:0;left:0;width:100%;z-index:1}
.underwater .logo{position:fixed;text-align:center;width:100%;top:40px;z-index:6}
.underwater .sky-water-content{color:#fff;position:fixed;left:0;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;z-index:5}
.underwater .sky-background{position:fixed;top:0}
.underwater .sky-background video{width:100vw;object-fit:cover;height:100vh}
.underwater .water-background{position:fixed;bottom:0;left:0;right:0;z-index:3;transition:all ease-in-out 1s;transform:scale(1.0)}
.underwater .water-background img{width:100%;height:100vh}
.underwater .left-corner-stars{position:fixed;top:0;left:0;width:20%;height:auto;z-index:1}
.underwater .right-corner-stars{position:fixed;top:0;right:20%;width:30%;height:auto;z-index:1}
.underwater .lottie-wave{mix-blend-mode:multiply;opacity:.25;position:fixed;transform:rotateX(84deg);width:100%;top:-6%;left:-26%;z-index:4}
.underwater .lottie-stars{position:fixed;top:0;right:42%;width:280px;height:auto;z-index:1}
.underwater .world-is{font-size:100px;line-height:105px;margin-bottom:24px;font-weight:300;font-family:'Montserrat';text-transform:uppercase;display:inline-block;transition:all ease-in-out 1s;transform:translate3d(0,-80px,0)}
.underwater .margin-wrap{margin-bottom:72px;text-align:center}
.side-btn{color:#FAFAFA;margin:0!important;border:none!important;border-radius:40px!important;padding:19px 30px;color:#000!important;font-weight:700;font-size:16px;line-height:19px;text-transform:uppercase;background-color:#fff!important}
.side-btn:hover{background-color:#0f1b33!important;color:#fff!important}
.factions{height:100vh;position:fixed;top:0;color:#fff;opacity:0;display:none;transition:all ease-in-out 1s;background-image:url(/wp-content/uploads/images/storm-in-ocean.jpg);background-repeat:no-repeat;background-size:cover;width:100%;background-color:#46487B}
.factions .sea-view-video{height:100vh;width:100%}
.factions .sea-view-video video{width:100vw;object-fit:cover;height:100vh}
.factions .sea-view-img img{width:100%;height:100vh}
.fram-content h5{color:#fff!important}
.factions .top-logo{position:fixed;top:40px;width:100%;text-align:center;z-index:10;left:0;right:0}
.factions .top-logo .logo{display:inline-block;margin-bottom:38px}
.factions .sea-video-top{position:fixed;top:0;transition:all ease-in-out .5s}
.factions .factions-container{max-width:1600px;padding:0 12px;position:fixed;bottom:-7%;left:0;right:0;margin:0 auto}
.factions .fictions-img-wrapper{display:flex;justify-content:center;align-items:center;transform:translate(0,0);position:relative;left:0;right:0}
.factions .fictions-img-wrapper .factions-img{transition:all ease-in-out .5s;transform:rotateX(55deg);cursor:pointer}
.factions .fictions-img-wrapper .factions-img img{transition:all ease-in-out .5s}
.factions .fictions-img-wrapper .factions-img:hover img{transform:scale(1.2);transition:all ease-in-out .5s}
.factions-img{width:300px}
.factions h4{writing-mode:tb-rl;color:#fff;margin-right: -40px;}
.tokenomics{position:relative;top:0;background-color:#305580;color:#fff;padding-top:20%;opacity:0;background-image:url(/wp-content/uploads/images/sea-cover.png);background-size:cover;width:100%;background-attachment:fixed}
.tokenomics .logo{position:fixed;left:0;right:0;text-align:center;top:0;padding-top:40px;z-index:100;opacity:0}
.tokenomics h2{margin-bottom:25px}
.tokenomics-top{position:fixed;top:0;background:#305580;height:100vh}
.tokenomics .tokenomics-background{position:fixed;z-index:1;bottom:-10%;width:110%;}
.tokenomics .fram-container{max-width: 1440px;margin: 0 auto;position:relative;z-index:10}
.tokenomics .fram-mb{margin-bottom:148px}
.tokenomics .logo-mb{margin-bottom:56px}
.tokenomics .small-fram{position:relative}
.tokenomics .small-fram .fram-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:54px 65px 60px;position:absolute;top:0}
.tokenomics .token-btn{margin:0!important;font-size:18px;line-height:23px;font-weight:600;border-radius:16px;background:#4D4F88;color:#fff;border:4px solid #46487B;padding:20px 5px;width:230px;transition:all ease-in-out .4s}
.tokenomics .token-btn:hover{background:transparent}
.tokenomics .ticket-btn{background:#FF9B00;font-size:20px;line-height:23px;font-weight:600;border-radius:40px;padding:20px 30px;border:2px solid #fff;color:#fff;text-transform:uppercase;margin-bottom:12px;width:185px}
.tokenomics .mita{font-size:30px;line-height:33px;display:block;margin-bottom:12px}
.tokenomics .fram-left{display:inline-block}
.tokenomics .fram-left ul li{margin-bottom:18px;font-size:22px;line-height:30px;font-weight:600;color: #fff;}
.tokenomics .medium-fram{background-image:url(/wp-content/uploads/images/medium-rock-fram.svg);background-size:100% 100%;background-repeat:no-repeat;width:100%;padding:100px 95px 80px 100px;display:flex;justify-content: space-around;}
.tokenomics .medium-fram ul{list-style: disc !important;}
.tokenomics .set-border{border-right:4px solid #FFD987;height:100%;text-align:center}
.tokenomics .date,.tokenomics .UTC{font-size:30px;line-height:33px}
.tokenomics .fram-right{display:flex;flex-direction:column;justify-content:space-between}
.tokenomics .fram-right ul li{font-size:22px;line-height:26px;font-weight:600;color: #fff;margin-bottom: 0 !important;}
.tokenomics .fram-right ul li:nth-child(1){margin-bottom:16px !important;}
.tokenomics .middle-img{margin-bottom:18px}
.tokenomics .larg-fram{text-align:center}
.tokenomics .last-fram-content{padding:80px;position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;background-image : url(/wp-content/uploads/images/Larg-rock-fram.png);background-size: 100% 100%;width: 100%;height: auto;}
.tokenomics .price-row{display:flex;justify-content:space-between;background:#4D4F88;border:4px solid #46487B;border-radius:10px;width:100%;padding:14px 64px 14px 52px;margin-bottom:22px}
.tokenomics .price-row span{font-size:20px;line-height:23px;font-weight:600}
.tokenomics .depths-await{text-align:center;width:75%;margin:0 auto;margin-bottom:150px}
.tokenomics .depths-await p{font-size:40px;line-height:60px;margin-bottom:50px}
.tokenomics .depths-await h3{font-family:'VtksEscape';margin-bottom:40px;color:#fff!important}
.tokenomics .nft-img{padding:5px}
.tokenomics .nft-section{display:flex;flex-wrap:wrap}
.tokenomics .nft-section p{font-size:24px;line-height:30px;margin-bottom:15px;font-weight:600}
.footer{color:#fff;margin-top:-2px;bottom:0;position:relative;z-index:10;text-align:center;width:100%}
.footer .logo-icons{display:flex;align-items:center;justify-content:space-between;margin:0 auto;margin-bottom:30px;width:60%;max-width: 1440px;}
.footer h3{margin-bottom:100px;font-weight:600;color:#fff!important}
.footer .social-icons{display:flex;justify-content:center;align-items:center;padding:30px 0;background:#ffffff17}
.footer .social-icons ul{display:flex;align-items:center;margin:0}
.footer .social-icons ul li{margin:0}
.footer .social-icons ul li a{margin-right:15px}
.footer .social-icons .copywrite{font-size:18px;line-height:21px;display:inline-block;margin-right:40px;font-weight:600}
.list-unstyled{padding-left:0;list-style:none!important}
.footer .social-icons ul li a svg path{transition:all ease-in-out .3s; fill: #fff;}
.footer .social-icons ul li .twitter svg:hover path{fill:#00acee}
.footer .social-icons ul li .tiktok svg:hover path{fill:#000}
.footer .social-icons ul li .youtube svg:hover path{fill:#c4302b}
.footer .social-icons ul li .telegram svg:hover path{fill:#08C}
.footer .social-icons ul li .discord svg:hover path{fill:#536dfe}
.tokenomics .battle-btn:hover{color:#08C}
.tokenomics .small-fram .fram-content .token-btn.full{width:100%;margin:0}
.frog-img{width:150px;margin:0 auto}
@media (max-width: 1799px) {
h1{font-size:80px;line-height:85px}
h3{font-size:35px;line-height:40px}
.underwater .world-is{font-size:65px;line-height:70px;margin-bottom:10px}
.underwater .margin-wrap{margin-bottom:40px}
.factions-img{width:210px}
.factions .factions-container{bottom:-1%}
.fictions-img-wrapper h4{font-size:30px;line-height:33px;margin-right: -20px;}
.logo h2{font-size:140px}
.factions .top-logo{top:20px}
.tokenomics .logo{padding-top:20px}
.tokenomics .ticket-btn{padding:10px 30px}
.frog-img{width:90px}
.fram-content h5{font-size:24px}
.tokenomics .depths-await{width:90%}
.footer h3{margin-bottom:25px}
.tokenomics .depths-await p{font-size:33px;line-height:53px;margin-bottom:50px}
.tokenomics .mita{font-size:24px;line-height:28px;margin-bottom:8px}
.tokenomics .ticket-btn{font-size:16px;line-height:22px;padding:6px 30px;margin-bottom:5px}
.tokenomics .nft-section p{font-size:21px;line-height:27px;margin-bottom:15px;font-weight:600}
.tokenomics .medium-fram{padding:100px 78px 80px 78px}
}
@media (max-width: 1700px){
.tokenomics .medium-fram{padding:100px 70px 80px 70px}
.tokenomics .fram-right ul li{font-size: 21px;line-height: 25px;}
.tokenomics .fram-left ul li {margin-bottom: 17px;font-size: 21px;}
}
@media (max-width: 1600px) {
.tokenomics .last-fram-content{padding:65px 80px}
.factions .factions-container{max-width:1500px}
.tokenomics .fram-mb{margin-bottom:100px}
.tokenomics .depths-await{width:100%}
.underwater .lottie-wave{top:-22%}
.tokenomics .token-btn{padding:13px 15px}
.tokenomics .medium-fram{padding:95px 48px 95px 62px;}
.tokenomics .nft-section p{font-size:18px;line-height:24px;margin-bottom:15px;font-weight:600}
.tokenomics .fram-right ul li{font-size:18px;line-height:21px;}
.tokenomics .fram-left ul li{font-size:18px;line-height:22px}
.tokenomics .tokenomics-background{width:120%;}
}
@media (max-width: 1500px) {
h2{font-size:50px;line-height:54px}
.factions .factions-container{max-width:1350px}
.fram-content h5{font-size:17px}
.tokenomics .ticket-btn{padding:10px 30px;width:160px}
.tokenomics .date,.tokenomics .UTC{font-size:24px;line-height:25px}
.factions .top-logo .logo{margin-bottom:25px}
.factions-img{width:200px}
.footer .social-icons{padding:23px 0}
.underwater .lottie-wave{top:-12%}
.tokenomics .last-fram-content{padding:60px 70px 50px}
}
@media (max-width: 1399px) {
.factions .factions-container{max-width:1250px}
.underwater .lottie-wave{top:-25%}
.underwater .world-is{font-size:50px;line-height:54px;margin-bottom:5px}
h1{font-size:60px;line-height:64px}
h2{font-size:35px;line-height:39px}
h3{font-size:28px;line-height:32px}
.fictions-img-wrapper h4{font-size:24px;line-height:27px}
.underwater .margin-wrap{margin-bottom:30px}
.underwater .logo{top:30px}
.underwater .logo a,.tokenomics .logo a{width:150px}
.side-btn{font-size:14px;padding:15px 25px}
.factions-img{width:180px}
.tokenomics .last-fram-content{padding:60px 70px 50px}
.tokenomics .ticket-btn{padding:8px 25px;width:132px;font-size:14px;margin-bottom:4px}
.tokenomics .token-btn{font-size:14px;padding:8px 16px;white-space:nowrap}
.fram-content h5{font-size:15px;line-height:18px;}
.tokenomics .date,.tokenomics .UTC{font-size:19px;line-height:48px}
.tokenomics .mita{font-size:16px;line-height:22px;margin-bottom:4px}
.frog-img{width:100px}
.factions .top-logo .logo{width:150px;margin-bottom:5px}
.tokenomics{padding-top:16%}
.tokenomics .fram-right{padding:0 0 0 10px}
.tokenomics .depths-await{margin-bottom:100px}
.tokenomics .depths-await p{font-size:26px;line-height:40px;margin-bottom:40px}
.tokenomics .depths-await h3{margin-bottom:25px}
.scrollmagic-pin-spacer{min-height:auto!important}
.tokenomics .fram-right ul li{font-size:16px;line-height:21px;font-weight:600}
.tokenomics .fram-left ul li{font-size:17px;line-height:23px}
.tokenomics .medium-fram {padding: 95px 35px 95px 52px;}
}
@media (max-width: 1299px) {
.factions .factions-container{max-width:1050px}
.tokenomics .ticket-btn{padding:5px 25px;width:108px;font-size:14px;margin-bottom:4px}
.tokenomics .small-fram .fram-content{padding:50px 40px 60px}
.tokenomics .fram-container{padding:0 100px}
.tokenomics .nft-section p{font-size:16px;line-height:20px;}
.tokenomics .medium-fram {padding: 95px 35px 95px 59px;}
.tokenomics .tokenomics-background{width:170%}
}
@media (max-width: 1199px) {
.factions .factions-container{max-width:900px}
.underwater .lottie-wave{top:19%}
.tokenomics .fram-right ul li{font-size:15px;line-height:20px;}
.tokenomics .fram-left ul li{font-size: 15px;line-height: 20px;}
}
@media (max-width: 1099px) {
.tokenomics .fram-right ul li{font-size:14px;line-height:19px;}
.tokenomics .tokenomics-background{width:260%;}
.tokenomics .token-btn {
  padding: 8px 7px;
  font-size: 16px;
  line-height: 20px;
}
.tokenomics .small-fram .fram-content {
  padding: 56px 40px 60px;
}
.tokenomics .token-btn{width: auto;}
}
@media (max-width: 991px) {
.tokenomics .tokenomics-background {width: 280%;left: -20%;}
.factions .factions-container{max-width:none;padding:0 50px}
.underwater .lottie-wave{top:33%}
.underwater .world-is{font-size:40px;line-height:44px}
h1{font-size:50px;line-height:54px}
h3{font-size:23px;line-height:32px}
.fictions-img-wrapper h4{font-size:20px;line-height:23px;margin-right: 0px;}
.tokenomics .small-fram .fram-content{padding:50px 50px 60px}
.tokenomics .medium-fram{margin:0 auto;background-size:100%;width:410px;margin-bottom:50px;padding:50px 35px 50px 48px;}
.tokenomics{padding-top:26%}
.tokenomics h2{text-align:center}
.footer .logo-icons{width:100%;margin-bottom:10px;padding:0 12px}
.tokenomics .depths-await{margin-bottom:80px}
.tokenomics .last-fram-content{padding:60px 90px 60px 90px;position: relative;}
/*.icon-holder lottie-player{height: 120vh;}*/
.tokenomics .logo{position: absolute;top: -210px;}
}
@media (max-width: 767px) {
.home .section_wrapper{padding:0!important}
.tokenomics .tokenomics-background{width:220%}
.depths-await-icon img{width:55px}
.tokenomics .depths-await p{font-size:20px;line-height:30px;margin-bottom:20px}
.tokenomics .fram-container{padding:0 40px}
.factions-img{width:100px}
.factions .fictions-img-wrapper{margin-bottom:20px}
.tokenomics .depths-await{margin-bottom:50px}
.tokenomics h2{margin-bottom:25px;font-size:32px;line-height:36px}
.tokenomics .last-fram-content{padding:60px 70px 60px 70px;}
.tokenomics .nft-section p{font-size: 16px;line-height: 23px;}
}
@media (max-width: 599px) {
h1 {font-size: 44px;line-height: 50px;}
.tokenomics .tokenomics-background{width:430%;left: -100%;}
.tokenomics .fram-container{padding:0 12px}
.tokenomics{padding-top:46%}
.footer .social-icons .copywrite{font-size:15px;line-height:18px;margin-right:30px}
.underwater .lottie-wave{display:none}
.underwater .water-background{width: 200%;left: -100%;}
.tokenomics h2{margin-bottom:15px;font-size:28px;line-height:32px}
.tokenomics .last-fram-content{padding:70px 60px 60px 60px;}
.tokenomics .nft-section p{font-size: 15px;line-height: 20px;}
.footer .social-icons ul li a svg{width: 22px;height: 22px;}
.tokenomics .small-fram .fram-content {padding: 30px 30px 30px;}
}
@media (max-width: 399px) {
/*.tokenomics .tokenomics-background{width:330%}*/
.underwater .water-background{width: 260%;left: -140%;}
.underwater .world-is{font-size:30px;line-height:34px}
h1{font-size:36px;line-height:41px}
h3{font-size:20px;line-height:32px}
.side-btn{font-size:13px;padding:10px 20px}
.fictions-img-wrapper h4{font-size:18px;line-height:21px}
.tokenomics{padding-top:65%}
h2{font-size:30px;line-height:33px}
.tokenomics{width:100%}
.tokenomics .small-fram .fram-content{padding:10px 30px}
.tokenomics .token-btn{font-size:12px;padding:4px 10px}
.tokenomics .medium-fram{width:auto;margin-bottom:30px;padding: 45px 31px 35px 42px;}
.tokenomics .ticket-btn{padding:2px 15px;width:95px;font-size:13px;margin-bottom:2px}
.tokenomics .mita{font-size:18px;line-height:22px;margin-bottom:2px}
.tokenomics .date,.tokenomics .UTC{font-size:17px;line-height:50px}
.tokenomics .last-fram-content{padding:70px 40px 60px 40px;}
.depths-await-icon img{width:40px}
.footer .social-icons{padding:10px 0}
.footer .social-icons .copywrite{font-size:14px;line-height:18px;margin-right:5px}
.footer .social-icons ul li a{margin-right:5px}
.frog-img{width:75px}
.tokenomics .fram-right{padding:0}
.tokenomics .fram-left ul li{font-size: 13px;line-height: 17px;margin-bottom: 13px;}
.tokenomics .fram-right ul li {font-size: 13px;line-height: 15px;}
.factions .fictions-img-wrapper .factions-img:hover img {transform: scale(1.15);transition: all ease-in-out .5s;}
.tokenomics .fram-right ul li:nth-child(1){margin-bottom:16px !important;}
.factions .top-logo .logo{width: 120px;}
.tokenomics .nft-section p{font-weight: 500;}
}
@media (max-width: 340px){
.tokenomics .medium-fram {width: auto;margin-bottom: 30px;padding: 33px 23px 35px 36px;}
.tokenomics .fram-right ul li {font-size: 12px;line-height: 14px;}
.tokenomics .fram-left ul li {font-size: 12px;line-height: 16px;}
.tokenomics .small-fram .fram-content {padding: 16px 22px;}
}
@media (max-width: 300px) {
.underwater .world-is{font-size:27px;line-height:31px}
h1{font-size:32px;line-height:36px}
h3{font-size:17px;line-height:24px}
.side-btn{font-size:11px;padding:7px 15px}
.frog-img{width:60px}
.tokenomics .mita{font-size:16px;line-height:20px;margin-bottom:0}
.tokenomics .ticket-btn{padding:0 15px;width:80px;font-size:13px;margin-bottom:2px}
.tokenomics .medium-fram{width:260px;margin-bottom:30px;width:260px;margin-bottom:30px;padding:30px 23px 30px 23px}
.tokenomics .date,.tokenomics .UTC{font-size:14px;line-height:40px}
.footer .social-icons .copywrite{font-size:12px;line-height:16px;margin-right:5px}
.footer .social-icons ul li a svg{width:20px}
.tokenomics .last-fram-content{padding:55px 23px}
.fictions-img-wrapper h4{font-size:16px;line-height:16px}
.factions .factions-container{bottom: 0%;}
.tokenomics .fram-left ul li {
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 11px;
}
.tokenomics .fram-right ul li {
  font-size: 11px;
  line-height: 13px;
}
.tokenomics .fram-right ul li:nth-child(1) {
  margin-bottom: 12px !important;
}
.tokenomics .nft-section p {
  font-size: 14px;
  line-height: 17px;
}
.tokenomics .nft-section p {font-size: 14px;line-height: 17px;margin-bottom: 10px;}
.tokenomics .tokenomics-background{width: 450%;}
.tokenomics .token-btn {font-size: 10px;padding: 2px 8px;}
.fram-content h5 {font-size: 13px;line-height: 16px;}
}