html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea,* { font-family: 'San Francisco Pro Display Light';font-weight:300;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@font-face {
font-family: 'San Francisco Pro Display Light';
src: url('../fonts/SFProDisplay-Light.eot');
src: url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/SFProDisplay-Light.woff') format('woff'),
url('../fonts/SFProDisplay-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nexa-trialbold';
src: url('../fonts/nexa-trial-bold-webfont.woff2') format('woff2'),
url('../fonts/nexa-trial-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#7B767B; background:#E6F4EF; font-family: 'San Francisco Pro Display Light';}
.header {border-bottom:1px solid #C2E0D6; background:#141314; padding:20px 0;}
.header-container {display:flex; align-items:center;}
.fixed-size {max-width:1280px; margin-left:auto; margin-right:auto;}
.logotype {display:flex; align-items:center; color:#fff; font-weight:bold; font-family: "Figtree", sans-serif; text-transform:uppercase; font-size:16px; gap:7px;}
.logotype:before {content:''; width:30px; height:40px; min-width:30px; background:url('../images/logotype.png') center/contain no-repeat;}
#mobileNav {width:41px; height:41px; margin-left:20px; background:url('../images/menu.svg') center/20px no-repeat; padding:0; border:0; display:none;}
#mobileNav:focus {outline:none;}
.navigation { margin:0 auto;}
.nav-list {display:flex; align-items:center; gap:45px;}
.nav-list li {}
.nav-list li a {font-size:18px; color:#fff; font-family: 'San Francisco Pro Display Light'; font-weight:500;}
.nav-list li.select a,
.nav-list li a:hover {color:#A8FFB5;}
.auth-cell {display:flex; align-items:center; gap:25px;}
.auth-cell a {color:#fff; font-family: 'Nexa-trialbold'; font-size:18px; line-height:40px; border-radius:12px;}
.auth-cell a.login { padding:0 45px; border:1px solid #292829; background:#1E1C1E;}
.auth-cell a.login:hover {background: linear-gradient(90deg, #F1FFF3 0%, #B1FFBD 100%); color:#141314; border:1px solid #F1FFF3;}
.auth-cell a.signup { padding:0 30px;background: linear-gradient(90deg, #F1FFF3 0%, #B1FFBD 100%); color:#141314;}
.mainscreen {display:flex; flex-flow:column;}
.first-screen {display:flex; align-items: center; padding:60px 0;}
.fs__left {}
.fs__left img {width:100%; max-width:320px;}
.fs__center {margin:0 20px 0 60px; display:flex; flex-flow:column; flex:1;}
.fs__center h1 {font-size:60px; color:#141314; color:#141314; font-family: 'Nexa-trialbold'; text-align:center; margin-bottom:30px;}
.fs__center h1 i{position:relative; min-width:20px; height:20px; width:20px; display:inline-flex; margin-right:50px;}
.fs__center h1 i:before {content:''; background:url('../images/checkmark.svg') center/contain no-repeat; position:absolute; left:0; top:0; width:124px; height:48px;-moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.fsc__table {display:flex; flex-flow:column;}
.fsct__top-row {display:flex; align-items:center; justify-content: space-between; margin-bottom:35px;}
.fsct__top-row a {font-weight:600; color:#fff; border-radius:12px; background:#141314; padding:16px;}
.fsct__top-row a:hover {background: linear-gradient(90deg, #F1FFF3 0%, #B1FFBD 100%); color: #141314;}
.fsct__gift {display:flex; align-items:center; color:#141314; font-weight:600;}
.fsct__gift:before {content:''; display:inline-flex; width:24px; height:24px; min-width:24px; background:url('../images/gift.svg') center/contain no-repeat; margin-right:12px;}
.fsct__gift strong { font-family: 'Nexa-trialbold'; text-transform:uppercase; font-size:18px; margin:0 5px;}
.fsct__bottom-row {display:flex; align-items:center; gap:30px; justify-content: space-between;}
.fsc__coins {display:flex; align-items:center; gap:25px;}
.fsc__coins i {width:42px; height:42px; min-width:42px;}
.fsc__coins i.btc {background:url('../images/btc.svg') center/contain no-repeat;}
.fsc__coins i.trx {background:url('../images/trx.svg') center/contain no-repeat;}
.fsc__coins i.dog {background:url('../images/doge.svg') center/contain no-repeat;}
.fsc__coins i.eth {background:url('../images/eth.svg') center/contain no-repeat;}
.fsct__bottom-row span {font-weight:bold; font-size:18px;}
.fsct__bottom-row span strong {color:#03BD1F;}
.fs__right {}
.fs__right img {width:100%; max-width:400px;}
.second-screen { border-top:2px solid #D7E4E0; display:flex; flex-flow:column; align-items: flex-start;}
.second-screen h2 {padding:25px 33px 25px 0; display:inline-flex; border-right:1px solid #D7E4E0; border-bottom:1px solid #D7E4E0; font-size:32px; line-height:1.3; color:#141314; font-weight:600;}
.step__list {padding:50px 0 100px 0;display: flex ; justify-content: space-between;}
.step__list li {}
.step-item {display:flex; gap:25px;}
.step-item i {width:24px; height:24px; min-width:24px; background:url('../images/edit.svg') center/contain no-repeat;}
.step__list li:nth-child(2) .step-item i {background:url('../images/data.svg') center/contain no-repeat;}
.step__list li:nth-child(3) .step-item i {background:url('../images/driver.svg') center/contain no-repeat;}
.step__list li:nth-child(4) .step-item i {background:url('../images/wallet.svg') center/contain no-repeat;}
.step-item p {font-size:18px; font-weight:500; line-height:1.3;}
.earn__table { margin-bottom:100px;}
.earntable__cover {border-radius:25px; background:#00A6A0 url('../images/cryptobg.png') right bottom no-repeat; background-size:contain; padding:90px 50px 200px 100px;}
.earn-article {display:flex; flex-flow:column; gap:50px;}
.earn-article h2 {font-size:60px; line-height:1.3; font-family: 'Nexa-trialbold'; color:#fff;}
.earn-list {display:flex; max-width:50%; flex-wrap:wrap; gap:25px;}
.earn-list li {display:flex; flex-flow:column; gap:15px; width:calc(50% - 13px);}
.earn-list li strong {font-size:24px; color:#fff; font-family: 'Nexa-trialbold';}
.earn-list li p {font-size:18px; color:#372828; line-height:1.4;}
.we_are-section {}
.we_area-table {display:flex; justify-content:space-between; align-items:stretch;}
.wat__left {width:50%; display:flex; flex-flow:column; border-right:1px solid #D7E4E0;}
.watl__top {display:flex; flex-flow:column; border-bottom:1px solid #D7E4E0; padding-bottom:60px;}
.man-cell h2,
.watl__top h2 {margin-bottom:25px; font-size:32px; color:#0B100C; line-height:1.4; font-family: 'Nexa-trialbold';}
.man-cell p,
.watl__top p {font-size:18px; line-height:1.4;}
.watl__bottom {display:flex; flex-flow:column; gap:25px; padding-top:40px;}
.watl__bottom li {position:relative; padding-left:50px; line-height:1.3; font-size:18px; line-height:1.3; color:#7B767B;}
.watl__bottom li:before {content:''; display:inline-flex; width:24px; height:24px; position:absolute; left:0; top:0; background:url('../images/calendar.svg') center/contain no-repeat;}
.wat__right {width:calc(50% - 1px);}
.man-cell {position:relative; border-top:1px solid #D7E4E0; border-bottom:1px solid #D7E4E0; padding:45px; height:100%;}
.man-cell img {position:absolute; right:0px; bottom:30px; max-width:300px;}
.how-start-section {margin-top:100px; margin-bottom:120px;}
.how-start-table {border-radius:25px; background:#0F0E0E; color:#fff;}
.hst__inner {display:flex; padding:65px 0 70px 100px; gap:85px; align-items: center;}
.hst-left {display:flex; flex-flow:column;}
.hst__inner h2 { font-family: 'Nexa-trialbold'; font-size:36px; margin-bottom:25px;}
.hst__inner p { font-family: 'Nexa-trialbold'; font-size:18px; margin-bottom:30px;}
.hst__inner ul {display:flex; flex-flow:column; gap:25px;}
.hst__inner ul li {display:flex; flex-flow:column; gap:15px;}
.hst__inner ul li h3 {font-size:24px; font-family: 'Nexa-trialbold';}
.hst__inner ul li p {font-size:18px; line-height:1.4; font-weight:500;}
.hst-right {display:flex; flex-flow:column; flex:1; width:100%; gap:26px; align-items: center;}
.hst-right h2 {color:#fff; font-size:36px; line-height:1.3; text-align:center; font-family: 'Nexa-trialbold'; }
.video-frame {display:inline-flex; position:relative; background:#131714 url('../images/play-youtube.png') center/200px no-repeat; border:1px solid #252D27; border-radius:36px; height:392px; width:100%; max-width:640px; cursor:pointer;}
.statistics-section {}
.statistics-table {display:flex; flex-flow:column;}
.statistics-table h2 {text-align:center; font-size:64px; color:#0B100C; margin-bottom:20px;font-family: 'Nexa-trialbold'; }
.statistics-table P {text-align:center;font-family: 'Nexa-trialbold'; font-size:32px;}
.stats-tablo {border-radius:25px; background:#00A6A0; display:flex; flex-flow:column; padding:55px 70px; gap:25px; margin-top:40px;}
.stats-tablo h3 {color:#fff; font-family: "Open Sans", sans-serif;font-size:76px; text-align:center; font-weight:bold;}
.stats-tablo ul {display:flex; justify-content: space-between;}
.stats-tablo ul li {display:flex; flex-flow:column; color:#fff; gap:15px; text-transform:uppercase; font-size:18px; font-weight:600;}
.stats-tablo ul li strong {font-size:75px; color:#FFDD61; font-weight:bold;font-family: "Open Sans", sans-serif;}
.who-we-are-section {margin-top:140px;}
.wwa-table {display:flex; align-items:center; justify-content:space-between;}
.wwa-left {display:flex; flex-flow:column; }
.wwa-left h2 {font-size:64px; color:#292829; font-family: 'Nexa-trialbold'; text-align:center; margin-bottom:20px;}
.wwa-left p {font-size:18px; color:#7B767B; line-height:1.3;}
.wwa-link {margin-top:40px;}
.wwa-link a {display:inline-flex; align-items:center; border-radius:12px; border:1px solid #00A6A0; line-height:60px; padding:0 60px; color:#000; font-size:15px; gap:14px;}
.wwa-link a svg {color:#000;}
.wwa-link a:hover {background:#00A6A0; border:1px solid #00A6A0; color:#fff;}
.wwa-right {text-align:center;}
.wwa-right img{vertical-align:bottom; display:inline-block; max-width:580px;}
footer {border-top:1px solid #C2E0D6; background:#141314; margin-top:165px;}
.footer__article {display:flex; align-items:center; justify-content:space-between; padding:24px 0;}
.fa__left {display:flex; align-items:center; gap:25px;}
.fa__social {display:flex; align-items:center; gap:10px;}
.fa__social a {display:inline-flex; width:36px; height:36px; min-width:36px; border-radius:8px; background:#02B0F4; align-items: center; justify-content: center;}
.fa__social a:last-child {background:#2489F5;}
.fa__social a svg {}
.fa__copyright {font-size:18px; color:#929192; line-height:1.2;}
.auth-page {min-height:calc(100vh - 174px); background:#E6F4EF url('../images/bg-auth.png') center/contain no-repeat;display: flex ; justify-content: center;}
.auth-form-table {display:flex; flex-flow:column; padding-top:52px;}
.auth-header {display:flex; flex-flow:column;}
.auth-header h2 {font-size:18px; color:#0B100C; text-transform:uppercase; text-align:center; margin-bottom:25px;}
.auth-header h1 {font-size:56px; text-align:center; font-family: 'Nexa-trialbold'; color:#0B100C; margin:25px 0;}
.auth-label {display:flex;}
.auth-label span {display:inline-flex; font-size:18px; color:#fff; text-transform:uppercase; align-items:center; gap:12px; background:#0B100C; border-radius:25px; padding:8px 14px;}
.auth-label span:before {content:''; display:inline-flex; min-width:18px; height:24px; background:url('../images/logotype.png') center/contain no-repeat;}
.form-cell {display:flex; flex-flow:column; gap:12px; margin-bottom:20px;}
.form-label {font-size:16px; color:#0B100C;}
.form-input {}
.form-input input {border-radius:10px; border:1px solid #B3CCC4; background:#DAECE6; backdrop-filter: blur(55px); color:#000; font-size:16px; padding:20px; line-height:20px; width:100%; box-sizing:border-box;}
.form-input input::placeholder {color:#7B767B;}
.form-input input:focus {outline:none; border:1px solid #B1FFBD;}
.form-action {display: flex ; justify-content: center;}
.form-action button {background:#0B100C; color:#fff; font-size:16px; text-align:center; padding:16px 120px; Display:inline-flex; border-radius:8px; border:0; cursor:pointer;}
.form-action button:focus {outline:none;}
.form-bottom {margin-top:25px;}
.form-bottom p {text-align:center; line-height:1.6; font-size:14px; color:#8D93A6;}
.form-bottom p a {color:#000; font-weight:600;}
.form-bottom p a:hover {text-decoration:underline;}
.auth-page.create .auth-header { align-items: flex-start;}
.auth-page.create .auth-label span:before {background: url(../images/logotype.png) center / contain no-repeat;}
.auth-page.create .form-cell {width:100%;}
.agree-cell {font-size:14px; color:#8D93A6; padding-bottom:20px;}
.agree-cell a {font-weight:600; color:#000;}
.agree-cell a:hover {text-decoration:underline;}
.agree-cell input[type="checkbox"] {
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 2px;
opacity: 0;
cursor: pointer;
}
.agree-cell label {
position: relative;
font-size: 12px;
padding-left: 30px;
display: flex;
align-items: center;
line-height: 1.3;
cursor: pointer;
}
.agree-cell label:before {
content: '';
width: 15px;
height: 15px;
border:1px solid #C2C5CC; border-radius:3.5px;
background:#fff;
position: absolute;
left: 0;
top: -1px;
transition: background 0.3s ease;
}
.agree-cell input[type="checkbox"]:checked + label:before {
background: #fff url('../images/checked.svg') center/10px no-repeat;
}
.faq-section {display:flex; flex-flow:column; padding-top:100px;}
.faq-header {display:flex; flex-flow:column; gap:25px; margin-bottom:100px;}
.faq-header h1 {font-size:60px; font-family: 'Nexa-trialbold'; color:#0B100C;}
.faq-header p {font-size:18px; color:#7B767B; line-height:1.4;}
.faq-table {display:flex; justify-content:space-between; gap:60px;}
.faq-tabs {display:flex;flex-flow:column;gap:25px;}
.faq-tabs li {}
.faq-tab-btn {display:flex; align-items:center; gap:10px; font-size:18px; font-family: 'Nexa-trialbold'; padding:45px 80px; border-radius:12px; border:1px solid #D7E4E0; background:#C8FFE3; color:#0B100C; cursor:pointer;}
.faq-tab-btn.active {background:#FCA473; border:1px solid #FCA473;}
.faq-tab-btn:before {width:24px; height:24px; min-width:24px; background:url('../images/question.svg') center/contain no-repeat; display:inline-flex; content:'';}
.tabs-article {flex:1;}
.tab-selected {display:none;}
.tab-selected.visible {display:block;}
.faq-group-list {display:flex;flex-flow:column; gap:25px;}
.faq-group-list li {}
.faq-group-list li.check .faq-unswer {padding-top:15px;}
.faq-question {display:flex; justify-content:space-between; border:1px solid #D7E4E0; border-radius:10px; background:#DEF1EB; cursor:pointer; padding:15px 45px; flex-flow:column;}
.faq-question p {font-size:18px; color:#0B100C;font-family: 'Nexa-trialbold';}
.faq-question i {display:inline-flex; width:22px; height:22px; min-width:22px; background:url('../images/plus.svg') center/contain no-repeat; transition: all 300ms ease-in-out 0s;}
.faq-group-list li.check .faq-question i {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.faq-head-cell {display:flex; align-items:center; justify-content:space-between; width:100%;}
.faq-unswer p {font-size: 16px; color: #7B767B; line-height: 1.4; font-family: 'San Francisco Pro Display Light';}
.get-in-toch {display:flex; flex-flow:column; gap:50px; padding-top:100px;}
.get-in-toch h2 {color:#0B100C; font-size:60px;font-family: 'Nexa-trialbold';}
.get-toch-group {display:flex; align-items:center; justify-content:space-between;}
.gt-item {display:flex; align-items:center; gap:30px; padding:40px 50px 50px 50px; border-radius:12px; border:1px solid #BED2CB; width:48%;}
.gt-item i {min-width:80px; height:80px; border-radius:160px; background: linear-gradient(180deg, #2B2B3F 0%, #03BD1F 100%); position:relative;}
.gt-item i:before {width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url('../images/sms.svg') center/contain no-repeat; content:'';}
.gti-details {display:flex; flex-flow:column; gap:15px; font-family: 'Nexa-trialbold'; font-size:25px; color:#0B100C;}
.gti-details p { font-family: 'San Francisco Pro Display Light'; font-size:18px; color:#7B767B; line-height:1.3;}
.terms-section {display:flex; flex-flow:column; padding-top:0px;}
.terms-table {display:flex; justify-content:space-between;}
.terms-left {display:flex; flex-flow:column; width:48%;}
.terms-article {display:flex; flex-flow:column;}
.terms-article h1 {font-size:56px; color:#0B100C; font-family: "Figtree", sans-serif; margin-top:15px; margin-bottom:25px; font-weight:bold;}
.terms-article p {font-size:22px; color:#7B767B; line-height:1.4; margin-bottom:25px;}
.terms-article p:last-child {margin-bottom:0;}
.terms-action {display:flex; margin-top:20px;}
.terms-action a {color:#fff; background:#0B100C; border-radius:8px; line-height:60px; padding:0 55px;}
.terms-right {text-align:center; width:48%;}
.terms-right img {display:inline-block; max-width:100%;filter: grayscale(100%);}
.static-text {padding-top:100px;}
.static-text-header {display:flex; flex-flow:column; text-align:center; gap:20px; color:#0B100C; margin-bottom:50px;}
.static-text-header h2 {font-size:18px; text-transform:uppercase;}
.static-text-header h3 {font-size:56px; font-family: "Figtree", sans-serif; font-weight:bold;}
.static-text-body { font-family: "Open Sans", sans-serif;}
.static-text-body p {color:#7B767B; line-height:1.5; font-size:400; margin-bottom:25px; font-size:14px;}
.static-text-body p strong,
.static-text-body p.strong {font-weight:700;}
.static-text-body h2 {font-weight:700; color:#0B100C; margin-bottom:20px;}
.static-text-body h2 a {color:#428BCA;}
.static-text-body h2 a:hover {text-decoration:underline;}
.about-section {display:flex; flex-flow:column; padding-top:70px;}
.about-table {display:flex; justify-content:space-between; gap:154px;}
.about-article {flex:1; display:flex; flex-flow:column;}
.about-header {display:flex; flex-flow:column; gap:22px; margin-bottom:24px;}
.about-header h2,
.about-header h1 {font-size:56px; color:#0B100C; font-family: "Figtree", sans-serif; font-weight:bold;}
.about-article p{font-size:22px; color:#7B767B; line-height:1.4; margin-bottom:20px;}
.about-subtitle {padding:50px 20px; border-radius:12px; border:1px solid #BED2CB; margin-top:20px;}
.about-subtitle h2 {text-align:center; font-size:48px; color:#0B100C; font-family: "Figtree", sans-serif; font-weight:bold;}
.about-sidebar {display:flex; flex-flow:column; max-width:480px;}
.about-sidebar .about-header {display:flex; align-items: center;}
.about-sidebar .about-header p {text-transform:uppercase; font-size:18px; color:#0B100C;}
.about-sidebar .about-header h2 {font-size:48px;}
.about-sidebar img.document {max-width:480px; border-radius:20px;}
.about-sidebar p {text-align:center; color:#7B767B; font-size:18px; line-height:1.4;}
.conam {padding:15px 20px; display:flex; align-items:center; border:1px solid #50876B; border-radius:12px; background:#C8FFE3; gap:16px; cursor:pointer; margin:30px 0 40px 0;}
.conam span {font-size:18px; color:#0B100C; text-transform:uppercase;}
.about__bottom {margin:80px 0;}
.about__bottom p {text-align:center; line-height:1.4; font-size:40px; color:#7B767B;}
.about-slide-area {}
.about-slide-area h2 {text-align:center; font-size:60px; color:#0B100C;font-family: "Figtree", sans-serif; font-weight:bold; margin-bottom:25px;}
.about-slider li img {max-width:calc(100% - 20px); vertical-align:bottom; border-radius:10px; margin:10px;}
.about-section .get-in-toch h2 {text-align:center; font-size:45px;}
.get-touch-adress {display:flex; padding:45px; background:#E6F4EF; border-radius:25px; border:1px solid #BED2CB; align-items:center; justify-content:center;}
.gta-left {}
.gta-left img {vertical-align:bottom; max-width:260px;}
.gta-center {display:flex; flex-flow:column; margin:0 30px;}
.gta-center h3 {font-size:36px; margin-bottom:25px; color:#000;font-family: "Figtree", sans-serif; font-weight:bold;}
.gta-adress {display:flex; gap:10px; flex-flow:column;}
.gta-adress p {display:flex; gap:15px; font-weight:bold; color:#000; font-size:15px; align-items:center;}
.gta-adress p img {min-width:24px; height:24px;}
.gta-adress span {font-size:14px;}
.gta-links {display:flex; align-items:center; justify-content:space-between; margin-top:25px;}
.gl-left {display:flex; flex-flow:column;}
.gl-left a {padding-bottom:4px; border-bottom:2px solid #E1D8CB; color:#000; font-size:15px;}
.gl-left span {color:#10ADE4; font-weight:400; font-size:14px; margin-top:10px;}
.gl-right {}
.gl-right a {background:#C8FFE3; line-height:43px; color:#000; font-weight:bold; font-size:18px; border:1px solid #0B100C; border-radius:8px; padding:0 40px; Display:inline-block;}
.gta-right {}
.gta-right img {vertical-align:bottom; max-width:340px;}
.what-is {display:flex; flex-flow:column; padding-top:100px;}
.wi-table {display:flex; flex-flow:column; align-items: center; gap:25px;}
.wit-article {display:flex; background:#353135; border-radius:25px; justify-content:space-between;}
.wit-body {padding:72px;}
.wit-body h2 {font-size:38px; color:#fff; margin-bottom:20px; font-family: "Figtree", sans-serif;
font-weight: bold;}
.wit-body p {font-size:18px; color:#C6C6C6; line-height:1.4; max-width:620px;}
.wit-right {}
.wit-right img {max-width:240px;}
.wi-grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap:60px; display:grid;max-width: 1000px; margin: 40px auto;}
.wi-grid li {}
.wi-item {display:flex; flex-flow:column; align-items: center;}
.wi-item img {vertical-align:bottom; max-width:240px; margin-bottom:12px;}
.wi-item p {color:#000; font-family: "Figtree", sans-serif; font-weight: bold; font-size:16px; text-align:center;}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } }
/*** Slick Slider Style ***/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {display:flex; justify-content: center; margin-top:0px; position: relative; z-index: 11;}
.slick-dots li {margin:0 3px; display:flex; align-items:center;}
.slick-dots li button {border:0; display:block; width:13px; height:13px; overflow:hidden; text-indent:68px; white-space:nowrap; background:#C0D8CF; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; transition: all 300ms ease-in-out 0s; cursor:pointer; padding:0;}
.slick-dots li.slick-active button:focus {outline:none;}
.slick-dots li.slick-active button {opacity:1; background:#0B100C;}
.slick-prev.slick-arrow,
.slick-next.slick-arrow {width:56px; height:56px; cursor:pointer; white-space:nowrap; text-indent:60px; border:0; display:block; overflow:hidden; min-width:30px; position:absolute; left:10px; bottom:-60px; transition: all 300ms ease-in-out 0s; background:#F3F4F6 url('../images/chevron-left.svg') center/10px no-repeat; border-radius:60px;}
.slick-prev.slick-arrow {left:80px; background:#F3F4F6 url('../images/chevron-right.svg') center/10px no-repeat}
.slick-prev.slick-arrow:hover {opacity:1;}
.slick-prev.slick-arrow:focus,
.slick-next.slick-arrow:focus {outline:none;}
.slick-next.slick-arrow.slick-disabled,
.slick-prev.slick-arrow.slick-disabled {opacity:.7;}
.runrox__slider {padding-bottom:40px;}
/*** Slick Slider Style End***/
@media screen and (max-width: 1300px) {
.fixed-size {padding-left:10px; padding-right:10px;}
.faq-section,
.static-text,
.terms-section {padding-top:10px;}
.fa__copyright,
.terms-article p,
.auth-label span {font-size:14px;}
.terms-article h1 {font-size:28px;}
.static-text-header h3 {font-size:30px;}
.static-text-header {margin-bottom:20px;}
footer {margin-top:80px;}
.auth-header h1,
.get-in-toch h2,
.faq-header h1 {font-size:40px;}
.faq-header {gap:15px; margin-bottom:20px;}
.get-in-toch {gap:20px; padding-top:40px;}
.gti-details {gap:8px;}
.about-section .get-in-toch h2,
.about-slide-area h2 {font-size:35px;}
.about__bottom p,
.about-subtitle h2 {font-size:25px;}
.about-sidebar .about-header h2,
.about-header h2, .about-header h1 {font-size:30px;}
.about-article p {font-size:16px;}
.what-is,
.about-section {padding-top:40px;}
}
@media screen and (max-width: 1200px) {
.fs__center h1 {font-size:42px;}
.fs__center h1 i:before {top: 6px; width: 85px; height: 32px;}
}
@media screen and (max-width: 1180px) {
.fs__left {display:none;}
.fs__center { align-items: flex-start;}
}
@media screen and (max-width: 1100px) {
.about-table {gap:50px;}
.who-we-are-section {margin-top:40px;}
.stats-tablo h3 {font-size:40px;}
.stats-tablo ul li strong {font-size:30px;}
.hst__inner {padding:30px; gap:30px; flex-flow:column;}
.hst__inner p br {Display:none;}
}
@media screen and (max-width: 1024px) {
.get-toch-group {flex-flow:column; gap:20px;}
.gt-item {width:100%;}
.gta-right {display:none;}
.wwa-table {flex-flow:column;}
.wwa-left {width:100%; order:2; align-items: center;}
.wwa-right {order:1; text-align:center;}
}
@media screen and (max-width: 960px) {
.auth-cell a {font-size:14px;}
.navigation {position:fixed; left:0; top:80px; bottom:0; background:#141314; display:none;}
.nav-list {flex-flow:column; overflow:auto; align-items: flex-start; padding:50px 50px 0 50px;}
#mobileNav {display:inline-flex;}
.auth-cell {margin-left:auto;}
body.viewNav {overflow:hidden;}
body.viewNav #mobileNav {background:url('../images/close.svg') center/20px no-repeat;}
body.viewNav .navigation {display:flex; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; z-index:11;}
.faq-table {gap:25px; flex-flow:column;}
.faq-tabs {overflow:auto;flex-flow: nowrap;}
.faq-tab-btn {padding:20px 40px; white-space:nowrap;}
.about-section .get-in-toch h2 {font-size:25px;}
.we_area-table {flex-flow:column;}
.wat__left {width:100%; border-right:0; border-bottom:1px solid #D7E4E0;}
.man-cell h2 br, .watl__top h2 br {display:none;}
.wat__right {width:100%;}
.man-cell img {bottom:0;}
.earntable__cover {padding:30px; background-size:300px;}
.earn-article h2 {font-size:35px;}
.earn-list li p br {display:none;}
.earn-list {max-width:100%;}
.earn__table {margin-bottom:30px;}
.first-screen {padding-top:30px; padding-bottom:30px;}
}
@media screen and (max-width: 920px) {
.step__list {flex-wrap:wrap; padding:45px 0;}
.step__list li {width:50%; margin-bottom:25px;}
.step__list li:nth-child(3),
.step__list li:nth-child(4) {margin-bottom:0;}
.second-screen h2 {font-size:20px;}
}
@media screen and (max-width: 860px) {
.about-table {gap:20px; flex-flow:column;}
.about-sidebar {max-width:100%;}
.about-sidebar img.document {margin:0 auto;}
.conam { justify-content: center;}
.wi-grid {max-width:90%; gap:30px;}
.wit-body {padding:15px;}
.wit-body h2 {font-size:25px;}
.statistics-table h2 {font-size:30px;}
.statistics-table P {font-size:20px;}
.fs__center {margin-left:0;}
.first-screen {flex-flow:column;}
.fs__right {order:1; padding-top:30px;}
.fs__right img{max-width:200px;}
.fs__center {order:2; margin:0;align-items: center; width: 100%; padding-bottom:40px;}
.second-screen{align-items: center; width: 100%; border-bottom:1px solid #D7E4E0;}
.second-screen h2 {padding:20px; border:0;}
}
@media screen and (max-width: 720px) {
.get-touch-adress {padding:20px; flex-flow:column;}
.wit-right {display:none;}
.wit-body {padding:40px;}
}
@media screen and (max-width: 640px) {
.terms-left {width:100%;}
.terms-right {display:none;}
.faq-tab-btn {font-size:15px;}
.wi-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.wi-grid li.empty {display:none;}
.wwa-right img {max-width:80%;}
.stats-tablo ul {flex-flow:column;}
.stats-tablo ul li { align-items: center;}
.stats-tablo ul li:nth-child(2) {margin:20px 0;}
.stats-tablo {padding:30px;}
}
@media screen and (max-width: 580px) {
.man-cell img {width:100px; right:0;}
.man-cell h2, .watl__top h2 {font-size:25px;}
.video-frame {background-size:100px;}
}
@media screen and (max-width: 560px) {
.footer__article {flex-flow:column;}
.fa__copyright br {display:none;}
.fa__right {margin-top:20px;}
footer {margin-top:40px;}
.get-in-toch h2, .faq-header h1 {font-size:22px;}
.gt-item {padding:30px;}
.gt-item i {min-width:50px; height:50px;}
.gt-item i:before {width:20px; height:20px; margin:-10px 0 0 -10px;}
.gti-details {font-size:18px;}
.gti-details p {font-size:14px;}
.wwa-left h2 {font-size:30px;}
.fsc__coins i {width:30px; min-width:30px; height:30px;}
.fsct__bottom-row span {font-size:15px;}
.fsct__top-row {margin-bottom:15px; flex-flow:column;}
.fsct__top-row .fsct__gift {margin-top:15px;}
}
@media screen and (max-width: 500px) {
.about-sidebar img.document {max-width:100%;}
.wwa-left p {text-align:center; font-size:14px;}
.wwa-left p br {display:none}
.stats-tablo h3 {font-size:25px;}
}
@media screen and (max-width: 480px) {
.auth-cell a.signup {display:none;}
.auth-page.create {padding-left:10px; padding-right:10px;}
.gta-center h3,
.auth-header h1 {font-size:25px;}
.gta-center {margin-left:0; margin-right:0;}
.wi-grid {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0;}
.wi-grid li {margin-bottom:20px;}
.earn-list li strong {font-size:20px;}
.earn-list li {width:100%;}
}
@media screen and (max-width: 420px) {
.step__list li {width:100%;}
.fsc__coins {gap:12px;}
}
@media screen and (max-width: 340px) {
.auth-cell a.login {padding-left:20px; padding-right:20px;}
}