@charset "UTF-8";
 html { background: #101010;}
html, body { margin:0; padding:0; }
body { font: 18px/1.5 'Lato', Arial, Helvetica, Sans-serif; color:#fff; font-weight:300;}
img {border:none; float:left;}
div {margin:0; padding:0; }
a {color:#fff; text-decoration:underline; transition:all 300ms;}
a:hover {color:#eaeaea;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Lato', Arial, Helvetica, Sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size:1.9em;}
h2 {color:#fff; font-size:2em; margin:0em 0 1em 0; text-transform: uppercase; letter-spacing: 0.1em;}
h3 {color:#fff; font-size:1.7em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom:0.8em;}
h4 {text-transform: uppercase; font-size:1em;}
h5 {color:#fff; font-size:1em; font-weight: 500; letter-spacing: 0.1em; margin-bottom:0.9em;}
h6 {color:#fff; font-size:1.25em;}
strong {font-weight:700;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(45,45,45,1); -moz-box-shadow: 0px 0px 5px 0px rgba(45,45,45,1); box-shadow: 0px 0px 5px 0px rgba(45,45,45,1);}
.mobile-menu, .mobile-menu-container {display:none;}
.blank {content:""; display:block;}
.desktop {}
.mobile {display: none;}
.wrap {width:75%; margin:0 auto;}
.wrapper {width:65%; margin:0 auto;}
.wrapper-content {width:90%; margin:2em auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.row2cols, row3cols, .row4cols, .row5cols, .rowx {clear:both;}
.row2cols:after, .row3cols:after, .row4cols:after, .row5cols:after, .rowx:after {clear:both; display:block; content:"";}
.row2cols .col {float:left; box-sizing:border-box; width:50%;}
.row3cols .col {float:left; box-sizing:border-box; width:33.3%;}
.row4cols .col {float:left; box-sizing:border-box; width:25%;}
.row5cols .col {float:left; box-sizing:border-box; width:20%;}
.col30 {width:30%; float:left;}
.col70 {width:70%; float:left;}
.col {float:left;}
.gap {padding-right:1em;}
.gap-big {padding-right:5%;}
.fc {display:flex; flex-flow:row wrap;margin-left:-1em; margin-right:-1em; margin-top:-1em;}
.fi1 {margin:1em; flex: 0 1 calc(100% - 2em); min-width: 0px; box-sizing:border-box;}
.fi2 {margin:1em; flex: 0 1 calc(50% - 2em); min-width: 0px; box-sizing:border-box;}
.fi3 {margin:1em; flex: 0 1 calc(33.3% - 2em); box-sizing:border-box;}
.fi4 {margin:1em; flex: 0 1 calc(25% - 2em); box-sizing:border-box;}
.fi5 {margin:1em; flex: 0 1 calc(20% - 2em); box-sizing:border-box;}
aside#right {position:fixed; right:0; top:0; background:#ededed; height:100%; text-align: center;} a.account {background:#491949; width:5em; text-align: center;}
a.account img {float:none; display:block; margin:1.75em auto; height:1.5em; width:auto;}
#floating {display:none; position:fixed; top:0; left:0; background:#000; box-sizing:border-box; z-index: 1000; padding:2em 0;}
header#hp {padding:2em 0 1em 0;}
#hp .logo {width:18%;}
#hp .logo img {max-width:100%; height:auto;}
#floating .logo {width:18%;}
nav.menu {float:right;}
nav.menu ul {list-style-type: none; margin:0; padding:0; float:left;}
.menu-menu-homepage-container, .menu-menu-subpage-container {float:left;}
nav.menu ul li {float:left; padding:1.2em 1.1em; position:relative; z-index:100;}
nav.menu ul a {text-decoration: none; text-transform: uppercase; padding:0.4em 0; position: relative; display:inline-block;}
nav.menu ul a:before {position: absolute; bottom:0; left:0; width:0; height:2px; background:#03d945; content:''; display:block; transition:all 350ms;}
nav.menu ul a:hover:before {width:100%;}
.menu .socials {float:left; margin-right:2em;}
.menu .account {float:left;}
nav.menu ul li ul {display:none; position:absolute; top:3.5em; left:0; background:#fff; border:1px solid #eaeaea; padding:1em;}
nav.menu ul li ul li {display:block; float:none; padding:0 1em;}
nav.menu ul li:hover ul {display:block;}
nav.menu ul li ul a {color:#000;}
.menu .socials a {content:''; display: block; float:left; margin:1.8em 1em;}
a.social_facebook {width:9px; height:18px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/ico_social_facebook-wh.png) 0 0 no-repeat;}
a.social_twitter {width:16px; height:18px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/ico_social_twitter-wh.png) 0 0 no-repeat;}
a.social_instagram {width:16px; height:18px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/ico_social_instagram-wh.png) 0 0 no-repeat;}
a.social_telegram {width:16px; height:18px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/ico_social_telegram-wh.png) 0 0 no-repeat;}
a.social_medium {width:16px; height:18px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/ico_social_medium-wh.png) 0 0 no-repeat;}
.mobile-menu {float:left; margin:10px 3em 0 1em;}
.menu-toggle {padding:1.45em 1.25em; cursor:pointer; width:2.5em; height:2.1em; transition:all 350ms; cursor:pointer; margin:2em auto; display: block; background:#03d945;}
.menu-toggle.open {padding-bottom:1.45em;}
.menu-toggle span{background:#fff; display:block; width:2.5em; height:3px; margin-bottom:0.3em; -webkit-transition:all 0.5s linear; transition:all 0.3s linear; border-radius:3px;}
.menu-toggle.open span:nth-child(1), .menu-toggle.open span:nth-child(3) {transform:translate(0px, 12px) rotate(-45deg) scalex(1.1); margin:0;}
.menu-toggle.open span:nth-child(2) {height:0; margin:0;}
.menu-toggle.open span:nth-child(3) {transform: translate(0px, 8px) rotate(45deg) scalex(1.1);}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block; padding:0.5em 0;}
.menu-toggle.open a.show_mobile_menu {padding-bottom:1.8em;}
.menu_beta a {position: relative;}
.menu_beta a:after {position:absolute; top:-0.2em; right:-1em; content:'BETA'; color:#DE0003; font-size:0.65em;}  aside#right {width:5em;}
body {padding-right:5em;}
header#hp {padding-left:12.5%;}
#floating {padding-left:12.5%; width:calc(100% - 5em);} #header {padding:2em 0 !important; position:relative;}
#header .slick-slider {margin-bottom:0;}
.header-slider .slide {}
.header-slider .slide .title {float:left; width:25%; position:relative; z-index: 10;}
.header-slider .slide .title span {display: block; position: absolute; top:7em; background:#491949; padding:2em 3em; font-size:1.6em; line-height: 1.35; text-transform: uppercase; width:200%; box-sizing: border-box;}
.header-slider .slide .image {float:right; width:75%; position:relative; z-index: 5; clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 70% 100%, 0% 100%);}
.header-slider .slide .image:after {position: absolute; top:0; left:0; z-index: 6; content:''; display: block; height:100%; width:100%; background: url(//www.metacourt.gg/wp-content/themes/metacourt/images/slant_header-bl2.png) 0 0 no-repeat; background-size: contain;}
.header-slider .slide .image img.full {width:100%; height: auto;}
.header-slider .slide .button {position:absolute; top:26em; left:4.8em; background:none;}
.app-image {position: absolute; top:2em; right:17%;}
#header a.prev {position:absolute; bottom:2em; right:6em;}
#header a.next {position:absolute; bottom:2em; right:2.5em;} a.btn {background:#491949; color:#fff; text-decoration: none; display:inline-block; padding:0.4em 1em; text-transform: uppercase; border:1px solid #491949; cursor: pointer;}
a.btn:hover {background:none;}
a.btn_big {font-size:1.2em !important; letter-spacing:0.1em; font-weight: 500; padding:0.4em 4em; border-width: 2px;}
a.btn_arrow {position:relative; text-decoration:none; color:#fff; display: inline-block; padding:0.4em 2.5em 0.4em 1em; border:2px solid #14c24a; text-transform: uppercase; z-index: 10; font-size:0.9em; cursor:pointer;}
a.btn_arrow:after {position: absolute; right:1em; top:40%; content:''; width:18px; height:7em; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/btn_arrow-right.png) 0 0 no-repeat; z-index: 15;}
a.btn_arrow:before {position: absolute; top:0; left:0; height:100%; width:0; z-index: -1; background:#14c24a; content:''; display: block; transition:all 350ms;}
a.btn_arrow:hover:before {width:100%;}
a.btn_arrow.yellow {background:#491949;}
a.btn_arrow.yellow:before {background:#09b88d;}
a.btn_arrow.yellow:hover {color:#fff;}
a.btn_arrow.yellow:hover:after {background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/btn_arrow-right.png) 0 0 no-repeat;}
.btn_about {cursor:pointer;}
.btn_back {position:relative; padding-left:1.5em; text-decoration:none;}
.btn_back:after {position:absolute; left:0; top:40%; content:''; width:18px; height:7em; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/btn_arrow-left.png) 0 0 no-repeat; z-index: 15;}
.btn_back:before {position: absolute; bottom:-0.2em; left:0; height:2px; width:0; z-index: -1; background:#14c24a; content:''; display: block; transition:all 350ms;}
.btn_back:hover:before {width:100%;}  form input, form textarea {background:#efeef3; border:none; border-bottom:2px solid #491949; color:#000; font-size:1em; font-family:'Lato', Helvetica, Arial, Sans-serif; width:100%; padding:0.8em 1.5em; box-sizing:border-box; font-weight:300;}
form input[type="submit"], form input[type="radio"], form input[type="checkbox"] {width:auto;}
form input[type="submit"] {letter-spacing:.15em; text-transform:uppercase; background:#491949; border-bottom-color:#efeef3; transition:all 350ms; cursor:pointer; color:#fff;}
form input[type="submit"]:hover {border-bottom-color:#000;}
form .row {padding:0.5em 0;}
form .rowx input[type=radio] {display: none;}
form .rowx label {position: relative; margin: 0.5em 1em; display: block; cursor: pointer;}
form .rowx label:before {display: block; content:''; float:left; width:1.25em; height:1.25em; border:2px solid #491949; border-radius:50%; margin-right:0.3em; box-sizing: border-box;}
form .rowx label.checked:before {background:#491949; padding:6px;} section#intro {padding-bottom:4em; background: url(//www.metacourt.gg/wp-content/themes/metacourt/images/pitch-bg.png) left bottom no-repeat;}
#intro h2 {margin-top:-2.1em; position: relative; z-index: 10;}
#intro .thumb {width:15%; float:left;}
#intro .thumb img {max-width:85%; height:auto;}
#intro .text {width:75%; float:left;}
#intro .button {width:10%; text-align: center; float:left; padding:3em 0;}
section#promo {padding:2em 0;}
.steps .step {width:100%; float:left; margin:4em 0; box-sizing: border-box; position:relative;}
.steps .step:nth-child {padding:0 0.5em; }
.steps .step:nth-child(3n+1) {}
.steps a.btn_arrow {margin-bottom:0.5em;}
.step .thumb {background:#000; text-align: center; width:55%; float:left; 
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 60% 100%, 0% 100%);}
.step .thumb img {float:none; margin:7em auto; max-width:60%; height:auto;}
.step .content {float:left; width:45%; padding-left:5%; box-sizing: border-box;}
.step.step-2 .content, .step.step-4 .content {padding-left:0; padding-right:3%;}
.step .rect {width:60%; height:38%; content:''; display:block; transition:all 500ms; z-index: -1;}
.step-1 .rect {background:#14c24a; position:absolute; bottom:-2em; left:2em; }
.step-2 .thumb {float:right;}
.step-2 .rect {background:#491949; position:absolute; top:-2em; right:2em;}
.step-3 .rect {background:#491949; position:absolute; top:-2em; left:2em;}
.step-4 .thumb {float:right;}
.step-4 .rect {background:#14c24a; position:absolute; bottom:-2em; right:2em;}
.step-2 .content {padding-top:12em;}
.step-3 .content {padding-top:12em;}
.step:hover .rect {width:85%;}
#promo .steps {margin-top:-2.5em;}
#promo h3 {font-weight: 500;}
#promo2 .step-big {margin-top:-2.5em;}
#promo2 h2 {margin-bottom:1em;}
#promo2 h3 {font-weight:300; margin-bottom:0.3em;}
.steps .step-big {width:50%; float:left; box-sizing:border-box; padding-bottom:2em;}
.steps .step-big {padding:0 2em; border-left:1px solid #14c24a;}
.steps .step-big:first-child {border-left:none;}
.steps .step-big .step-first {padding:1.5em 0;}
.steps .step-big.step-alone {border-right:none; margin:0 auto; float:none;}
.step-first .thumb {width:7em; padding-right:1.5em; float:left; max-width:50%;}
.step-first .content {float:left; max-width:50%;}
.steps .step {margin:2em 0;}
.step .thumb {width:50%; position:relative;}
.step .thumb img {margin:3em auto;}
.step .content {width:100%; padding-top:1em;}
.steps .step .rect {display:block; content:''; background:#491949; width:80%; left:10%; height:4em; position:absolute; top:-1.5em;}
.steps .step-big:nth-child(even) .step .rect {background:#14c24a;}
aside.text-section {padding:6em 0; text-align: center;}
.text-section .text {font-size:1.8em; font-weight: 500; padding:0 0 2em 0; letter-spacing: 0.1em;}
#additional-info {color:#fff; background:url(//www.metacourt.gg/wp-content/themes/metacourt/media/bg_features.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; padding:8em 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%);}
.additionals .item {width:20%; padding:1%; box-sizing: border-box; float:left; text-align: center; transition:all 350ms; outline:none;}
.additionals .item:hover {transform: scale(1.1);}
.additionals strong {font-weight: 700; font-size:1.3em;}
.additionals .item .thumb {margin:0 auto; display:inline-block; background:#fff;
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 60% 100%, 0% 100%);}
.additionals .item .thumb img {float:none; display:block; margin:0 auto;}
.additionals .item .desc {clear:both; text-align: center; padding:1em 0;}
section#features {}
#features .wrap {position: relative; padding:3em 0 4em;}
#features .wrap:before {position: absolute; top:0; left:0; content:''; display: block; width:32%; height:1.5em; background:#03d945;}
#features .wrap:after {position: absolute; bottom:0; left:0; content:''; display: block; width:32%; height:1.5em; background:#03d945;}
#features h2 {padding-top:1em;}
#features .features-list {float:left; width:62%;}
#features .the-feature {float:left; width:29%; box-sizing: border-box; border:2px solid #03d945;}
#features .box {width:25%; min-height:14.8em; position: relative; display: block; float:left; text-align: center; cursor: pointer;}
#features .box span {position: absolute; top:50%; left:50%; width:90%; margin:0 auto; transform: translate(-50%,-50%); text-transform: uppercase; font-size:1.2em;}
#features .box-yellow {background:#14c24a;}
#features .box-purple {background:#491949; color:#fff;}
#features .box:hover {background:#efeef3; color:#000;}
#features .box-yellow:hover {background:#efeef3;}
#features .box-purple:hover {background:#efeef3; color:#000;}
.the-feature .thumb img {float:none; display: block; margin:0 auto; width:100%; height:auto;}
.the-feature .content {padding:1em 2em; height:12.5em; overflow: hidden;}
a.features-slider-prev {margin-left:1.5em;}
a.features-slider-next {margin-left:1.5em;}
#partners .wrap {position: relative; padding:3em 0 4em;}
.partners {}
.partners .col {padding:2em;}
.partners .col img {max-width:75%; height:auto;}
#achievements {}
#achievements .wrap {position:relative; padding:2.5em 0;}
.achievements {}
.achievements .achievement {display:table; margin-bottom:1em;}
.achievement .image {width:8%; display:table-cell; vertical-align:top;}
.achievement .desc {width:88%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding-left:2em;}
.achievement .image a {display:inline-block; position:relative;}
.achievement .image a:before {position:absolute; top:-1em; left:-1em; width:100%; height:100%; border:2px solid #fff; content:''; display:block;}
.achievement .image a:after {position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #03d945; content:''; display:block;}
#press {}
#press .wrap {position: relative; padding:3em 0 4em;}
#press .wrap:after {position: absolute; bottom:0; left:0; content:''; display: block; width:32%; height:1.5em; background:#03d945;}
.press {}
#tech .wrap {position: relative; padding:3em 0 4em;}
#tech .wrap:after {position: absolute; bottom:0; left:0; content:''; display: block; width:32%; height:1.5em; background:#491949;}
.img70 {width:70%; display:block; margin:0 auto; float:none;}
.img70a {width:70%; display:block; float:none;}
section#contact {background:#000; padding:2em 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 80% 100%, 0% 100%);}
#contact .col-1 {width:25%; float:left; box-sizing:border-box; padding-right:3%;}
#contact .col-2 {width:65%; float:left;}
#contact form input:not([type=submit]), #contact form textarea {background:#101010; border:none; color:#fff;}
#contact form textarea {min-height:6.5em;}
#contact form input[type=submit] {background:#03d945; font-size:1em; padding:0.35em 1em; padding-right:2.5em; cursor: pointer; border:2px solid #03d945;}
#contact form span.submit {display: inline-block; position: relative;}
#contact form span.submit:after {position:absolute; top:0.9em; right:2em; content:''; display: block; width:18px; height:7px; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/btn_arrow-right.png) 0 0 no-repeat;}
#contact form input[type=submit]:hover {background:#491949; border-color:#491949; color:#fff;}
a.prev {width:19px; height:36px; content:''; display:inline-block; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/slide_arrow-left.png) 0 0 no-repeat; cursor:pointer;}
a.next {width:31px; height:61px; content:''; display:inline-block; background:url(//www.metacourt.gg/wp-content/themes/metacourt/images/slide_arrow-right.png) 0 0 no-repeat; cursor:pointer;}
#about {position: static; top:0; left:0; z-index: 100; width:100%; height:100%; display: block;}
#about .wrap {text-align: center;} #about .container .row3cols {padding-bottom:2em;}
#about .overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}
#about .item {text-align: center; padding:0 2em 2em; position:relative;}
#about .item:before {position:absolute; top:100px; left:5%; width:90%; background:#000; content:''; display: block; height:calc(100% - 100px); z-index: 0;}
#about .item .thumb {position:relative;}
#about .item .thumb:before {display: block; content:''; background:#14c24a; position: absolute; top:-1em; left:50%; width:30%; height:3em; z-index: 0;}
#about .item .thumb img {float:none; display: block; max-width:50%; height:auto; margin:0 auto; position: relative;}
#about .item .name {position:relative; text-transform: uppercase; font-size:1.2em; font-weight: 700; padding-top:0.7em;}
#about .item .position {position:relative; text-transform: uppercase; padding:0.5em 0;}
#about .item .desc {position:relative; font-size:0.9em;}
#about ul {list-style-type: none; margin:0; padding:0;}
#about ul li {margin:0; padding:0;}
.aboutpopup .close {cursor: pointer; text-decoration: none; display: block; float:right; padding:0.2em 0.6em 0.35em 0.6em; color:#fff; background:#000;}
.aboutpopup .close:hover {background:#491949;}
.not-available-box {position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index: 2000; transition:all 500ms; display: none;}
.not-available-box .content {position:absolute; top:50%; left:50%; background:#000; width:50vw; padding:2em 3em; box-sizing:border-box; text-align: center; transform: translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.not-available-box .content:after {display: block; position: absolute; top:1em; right:1em; content:'x'; background:#14c24a; padding:0.35em 0.5em 0.5em 0.5em; border:2px solid #14c24a; line-height: 1; color:#000; transition:all 500ms; cursor: pointer;}
.button-buy-tokens {position:absolute; font-size:1.5em; top:2.5em; left:4%; z-index:100;}
main#main {clear:both;}
.token-info {padding:2em 0 0;}
.token-info h1 {text-transform:uppercase; letter-spacing:0.1em;}
.token-info h2 {font-weight:300; text-transform:uppercase; letter-spacing:0.1em; margin:0; padding:0.85em 0 0.5em; clear:left;}
ul.sub-menu-sidebar {list-style-type:none; margin:0; padding:0;}
ul.sub-menu-sidebar li {padding:0.3em 0;}
.tleft {float:left; width:75%; box-sizing:border-box; background:#0077ab; padding:1em 1.5em;}
.tright {float:right; width:23%; padding-left:4em; box-sizing:border-box;}
.tokenomics {max-width:75%; height:auto;}
.roadmap2 .thumb {max-width:40%;}
.roadmap2 .desc {clear:both; padding:1em 0 2em;}
.faq {}
.fitem:first-child {border-top:1px solid #14c24a;}
.fitem {padding:0.5em 0; border-bottom:1px solid #14c24a;}
.fitem h3 {position:relative; padding-left:1.5em; margin:0.25em 0; font-size:1.2em; cursor:pointer; letter-spacing:normal; text-transform:none;}
.fitem h3:before {color:#14c24a; content:'+'; display:block; position:absolute; top:-0.35em; left:0; font-size:1.8em;}
.fitem .desc {display:none; padding:0.5em 0 0.5em 1.8em;}
.opacity-half {opacity:0.4;}
.posts-list {}
.blog-post {}
.blog-post .post-link {text-decoration:none; display:block; padding:2em; background:#14c24a; color:#000;}
.blog-post .post-link:hover {color:#fff; background:#000;}
.blog-post .post-link .post-title {color:#000;}
.blog-post .post-link:hover .post-title {color:#fff;}
.blog-post .read-more {display:block;}
#main h1 {text-transform:uppercase; padding:1em 0;}
.text-underlined {position:relative; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(20,194,74,1) 60%, rgba(20,194,74,1) 100%); padding:0.2em 0; line-height:1.5;}
.text-underlined:before {}
.text-featured {font-weight:700; text-transform:uppercase; font-size:1.35em;}
.nice-border-left {border-left:2px solid #491949; padding-left:1.5em;}
.nice-frame {width:75%; box-sizing:border-box; background:#491949; padding:1em 1.5em; margin-bottom:2em;}
ol {counter-reset:item; list-style-type:none; line-height:2.2; margin:0; padding:0 0 1em 0;}
ol li {display:block; position:relative; padding-left:2.5em;}
ol li:before {content:counter(item) " "; counter-increment:item; color:#fff; position:absolute; top:50%; left:0; margin-top:-1em; background:#14c24a; height:2em; width:2em; line-height:2em; text-align:center; border-radius:2em; font-weight:700;}
.newsletter-form {padding:0 0 2em 0; width:50%; margin:0 auto;}
.newsletter-form .join-text {float:left; width:20%; font-weight:700; text-transform:uppercase; text-align:right; padding-right:1.5em; box-sizing:border-box; padding-top:0.8em;}
.newsletter-form .emaillist {float:left; width:80%;}
.newsletter-form input[type=email] {float:left; width:65%; background:#000; border-bottom:1px solid #14c24a; color:#fff;}
.newsletter-form input[type=submit], .newsletter-form button {float:left; width:35%; background:#14c24a; border:none; color:#fff;}
.newsletter-form input[type=submit]:hover, .newsletter-form button:hover {background:#fff; color:#000;}
.newsletter-form span.es_subscription_message {display:inline-block; float:left; max-width:80%; padding-top:0.9em;}
.newsletter-form .newsletter-gdpr {text-align:right; white-space:nowrap; clear:both;} footer {clear: both; padding:3em 0;}
footer .footer {clear: both; border-top:2px solid #000; margin-top:2em; padding-top:2em; font-size:0.9em;}
.foot-navigation .colA {width:14%; padding-right:4%;}
.foot-navigation .colB {width:15%; padding-right:3%;}
.foot-navigation .colC {width:25%;}
.foot-navigation .colD {width:15%; float:right;}
.foot-navigation ul {list-style-type: none; margin:0; padding:0;}
.foot-navigation ul li {padding:0.2em 0;}
.foot-navigation a {text-decoration: none;}
.foot-navigation .title {font-weight: 700; text-transform: uppercase; padding-bottom:0.5em;}
footer .links {color:#9e9e9e; padding:1em 0;}
footer .links a {color:#9e9e9e; text-decoration: none;}
footer .links a:hover {color:#000;} @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media all and (max-width: 2560px) {
}
@media all and (max-width: 1920px) {
.wrap {width:93%;}
.wrapper {width:80%;}
header#hp {padding-left:3.5%;}
#floating {padding-left:3.5%;}
#features .box {min-height:14em;}
.step-first .content {max-width:100%; width:100%;}
}
@media all and (max-width: 1890px) {
}
@media all and (max-width: 1680px) {
body {font-size:17px;}
.header-slider .slide .title span {font-size:1.5em;}
#features .box {min-height:13.3em;}
.app-image {max-height: 115%;}
}
@media all and (max-width: 1440px) {
body {font-size:15px;}
.header-slider .slide .title span {font-size:1.35em;}
#features .box {min-height:13em;}
#header a.next {width:25px; height:50px; background-size:100%;}
#header a.prev {width:16px; height:30px; background-size:100%;}
.additionals .item .thumb {max-width:60%;}
}
@media all and (max-width: 1366px) {
#features .box {min-height:12.5em;}
}
@media all and (max-width: 1280px) {
body {font-size:14px;}
}
@media all and (max-width: 1024px) {
body {font-size:13px;}
#hp .logo, #floating .logo {width:21%;}
.header-slider .slide .title span {font-size:1.15em;}
.header-slider .slide .image {clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 70% 100%, 0% 100%);}
#intro .text {width:65%;}
#intro .button {width:20%;}
#features .features-list {width:85%; padding-right:15%;}
#features .the-feature {width:85%;}
.the-feature .container .thumb {float:left; max-width:50%;}
.the-feature .container .content {float:left; box-sizing:border-box; width:50%; padding-left:5%;}
.newsletter-form {width:70%;}
}
@media all and (max-width: 980px) {
.img70, .img70a {width:100%;}
}
@media all and (max-width: 768px) {
header#hp nav.menu {display: none;}
#hp .logo {width:25%; margin: 0 auto 2em;}
#floating .logo {display: none;}
.header-slider .slide .title {width:100%; box-sizing: border-box;}
.header-slider .slide .title span {position: static;}
.header-slider .slide .image {width:100%;}
#intro h2 {margin-top:0;}
#intro .thumb {width:25%;}
#intro .button {width:100%; padding:1em 0;}
.steps .step {width:100%;}
.step .thumb {width:45%;}
.step .thumb {width:80%;}
.steps .step-big {width:100%;}
#features .features-list {width:100%; padding-right:0;}
#features .the-feature {width:100%;}
#contact .col-1 {width:100%; padding-bottom:2em;}
#contact .col-2 {width:90%;}
.foot-navigation .colA {width:100%; padding:0; padding-bottom:1.5em;}
.foot-navigation .colA img {max-width:25%; margin:0 auto; float:none; display: block;}
.foot-navigation .colB, .foot-navigation .colD {width:25%; box-sizing:border-box;}
.foot-navigation .colC {width:50%; box-sizing:border-box;}
.row3cols .col {width:100%;}
.row4cols .col {width:50%;}
.row5cols .col {width:50%;}
.fi2, .fi3 {margin:1em; flex: 0 1 calc(100% - 2em);}
.partners .col {padding:0.5em;}
.partners .col {width:50%;}
.tleft {width:100%;}
.tright {width:100%; padding-left:0;}
.tokenomics {max-width:100%;}
}
@media only screen and (max-width: 580px) {
aside#right {width:3em; z-index: 900;}
body {padding-right:3em;}
header#hp {padding-left:3.5%;}
#floating {padding-left:3.5%; width:calc(100% - 3em);}
#hp .logo {width:50%; padding:1.5em auto;}
.menu-toggle {margin-left:-2em;}
.menu-toggle.open {margin-left:-1em;}
nav.menu ul li {width:100%; box-sizing:border-box; text-align: center;}
.menu .account {float:none; display: inline-block;}
nav.menu {text-align: center;}
.menu .socials {width:100%; clear:both;}
.menu .socials a {float:none; display: inline-block;}
.button-buy-tokens {position:static !important; margin-left:52%; transform:translateX(-50%);}
.header-slider .slide .title span {width:100%;}
.header-slider .slide .button {top:10em; left:3.8em;}
#intro .thumb {width:100%; text-align: center;}
#intro .thumb img {margin:0 auto; float:none; max-width:25%;}
#intro .text {width:100%; text-align: center;}
.steps .step-big:nth-child(2n+1) {border:none;}
a.btn_big {margin-bottom:0.5em;}
.the-feature .container .content {display:none;}
.partners .col {text-align:center;}
.partners .col img {float:none;}
.partners .col:nth-child(odd) {clear:left;}
#features .box {width:48%; margin:1%;}
.the-feature .container .thumb {max-width:100%;}
.the-feature .container .content {width:100%; height:auto;}
.row2cols .col {width:100%;}
.col.gap {padding-right:0;}
.col.gap {padding-bottom:1em;}
.achievement .image {width:40%; display:block; margin:0 auto 1em auto; text-align:center;}
.achievement .image img {float:none; display:block; margin:0 auto; max-width:70%; height:auto;}
.achievement .desc {width:100%; display:block;}
.achievements .achievement {padding-bottom:2em;}
.foot-navigation .colA img {max-width:45%;}
.foot-navigation .colB, .foot-navigation .colC, .foot-navigation .colD {width:100%; text-align: center; padding-right:0; padding-bottom:1em;}
.newsletter-form {width:100%;}
.newsletter-form .join-text {width:100%; text-align:center; padding-right:0;}
.newsletter-form .emaillist {width:100%;}
.newsletter-form .newsletter-gdpr {text-align:center;}
.newsletter-form input[type="email"] {width:100%; text-align:center;}
.newsletter-form input[type="submit"] {width:50%; margin:0 auto; text-align:center; float:none; display:block;}
}
@media all and (device-width: 768px) and (device-height: 1024px) { }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}