::selection { color: #fff; background-color: #F7931A; } :root { --white: 255, 255, 255; --black: 0, 0, 0; --blue: 66, 133, 244; --blue-active: 37, 81, 153; --orange: 247, 147, 26; --gray: 117, 117, 117; --gray-light: 214, 214, 214; --gray-dark: 73, 73, 73; --white-bg: 247, 247, 247; --transition: 0.3s; } .button { display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 50px; white-space: nowrap; text-decoration: none; border: 1px transparent; border-radius: 4px; background-color: RGB(var(--black)); outline: 0; cursor: pointer; transition: border var(--transition), background var(--transition); } .button_blue { background-color: RGB(var(--blue)); } .button_blue:hover { background-color: RGB(var(--orange)); } .button_blue:active { background: RGBA(var(--black), 0.5); } .button-more { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 15px; text-align: center; text-decoration: none; border-radius: 2px; border: solid 1px RGB(var(--gray-light)); background-color: RGB(var(--white)); } .button-more:hover { border-color: RGB(var(--blue)); } .button-more__text { font-size: 14px; font-weight: bold; letter-spacing: 0.05px; text-transform: uppercase; color: RGB(var(--blue)); -webkit-transition: color var(--transition); transition: color var(--transition); margin-right: 0; } .button-more__text:after { content: ""; display: inline-block; margin-left: 10px; background-image: url("../../images/sprites/sprite.png"); background-position: -213px -95px; width: 7px; height: 11px; } .button-more__text_black { color: RGB(var(--black)); } .advantages { background-color: #F7F7F7; padding: 80px 0; } .advantages .title { font-size: 48px; font-weight: 700; line-height: 55px; text-align: center; letter-spacing: 0.114286px; margin-bottom: 20px; } .advantages .title--mob { display: none; } .advantages__image--mob, .advantages__name--mob, .advantages__desc--mob, .advantages .why__btn, .advantages__baner--mob, .advantages .intro__info { display: none; } .advantages .desc { font-size: 20px; line-height: 32px; text-align: center; color: #494949; max-width: 1000px; margin: 0 auto 50px; } .advantages__button svg { margin-right: 10px; } .advantages .tripple-arrow { display: none; width: 50px; height: 80px; transform: rotate(180deg); } .advantages__list { display: grid; grid-template-columns: repeat(2, 520px); grid-gap: 40px; justify-content: center; margin-bottom: 50px; } .advantages__item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 0 30px 30px 30px; border-radius: 3px; border: solid 1px #d6d6d6; background: RGB(var(--white)); } .advantages__imageWrap { display: flex; align-items: flex-end; justify-content: center; height: 280px; margin: 0 auto; } .advantages__notice { font-size: 11px; color: RGB(var(--gray)); text-align: center; } .advantages_simple { padding-top: 40px; padding-bottom: 60px; } .advantages_simple .advantages__list { grid-template-columns: repeat(2, 1fr); margin-bottom: 0; padding: 0; } .advantages__image { max-width: 100%; max-height: 100%; } .advantages .image { max-width: none; max-height: 100%; } .advantages .image--mob { display: none; } .advantages__desc { margin-top: 0; margin-bottom: 40px; font-size: 18px; line-height: 1.44; letter-spacing: 0.22px; color: RGB(var(--gray-dark)); } .advantages__button { display: flex; max-width: 340px; margin: 0 auto 15px; } .advantages__name { margin-top: 0; margin-bottom: 15px; font-weight: 700; font-size: 28px; line-height: 1.43; letter-spacing: 0.08px; color: RGB(var(--black)); } .advantages__link { margin-top: auto; } @media only screen and (max-width: 1024px) { .advantages__list { grid-template-columns: repeat(2, 1fr); padding: 0 40px; } } @media (max-width: 991px) { .advantages .title, .advantages .desc { max-width: 100%; padding: 0 20px; } } @media only screen and (max-width: 767px) { .advantages__item { padding: 20px 20px 20px; } } @media only screen and (min-width: 768px) { .advantages__item:nth-of-type(1) .advantages__imageWrap { padding-top: 40px; padding-bottom: 35px; } .advantages__item:nth-of-type(2) .advantages__imageWrap { padding-top: 45px; padding-bottom: 50px; } .advantages__item:nth-of-type(3) .advantages__imageWrap { padding-top: 10px; padding-bottom: 50px; } .advantages__item:nth-of-type(4) .advantages__imageWrap { max-width: 346px; padding-top: 100px; padding-bottom: 50px; } } @media only screen and (max-width: 768px) { .advantages { padding: 50px 10px; } .advantages__name, .advantages .title, .advantages__desc, .advantages__image, .advantages__link, .advantages__button, .advantages__notice { display: none; } .advantages__name--mob, .advantages .title--mob, .advantages__desc--mob, .advantages__image--mob, .advantages__link--mob, .advantages__button--mob, .advantages__notice--mob { display: block; } .advantages .image--mob { display: block; } .advantages__baner--mob { display: flex; align-items: center; justify-content: space-between; background: #F7F7F7; margin: 20px -20px -20px; padding: 10px 20px; border-top: 1px solid #D6D6D6; border-radius: 0 0 3px 3px; font-size: 12px; line-height: 18px; color: #494949; } .advantages__baner--mob svg { margin-right: 15px; } .advantages__list { padding: 0 20px; } .advantages .intro__info { padding: 0 20px; display: block; } .advantages .intro__info .btn { margin: 0; } .advantages .tripple-arrow { display: block; margin-right: auto; margin-left: auto; } .advantages .why__btn { display: block; width: 100%; } .advantages .why__btn a { display: block; margin: 0 -22px -21px; border: none; border-top: 1px solid #D6D6D6; padding-top: 20px; padding-bottom: 20px; } .advantages__list { grid-auto-flow: row; grid-template-columns: unset; padding: 0; } .advantages__imageWrap { height: auto; margin-bottom: 20px; } .advantages__image { max-width: 80%; margin: 0 auto; } .advantages__name { font-size: 1.2rem; } .advantages__desc { margin-bottom: 0; font-size: 1rem; } .advantages__link { margin-right: auto; margin-left: auto; margin-top: 20px; } .advantages__button { min-width: auto; } .advantages_simple .advantages_list { grid-auto-flow: row; grid-template-columns: unset; } .advantages_simple .advantages__item { text-align: center; } } .sticky-sharing { display: block; position: fixed; top: 50%; left: 10px; transform: translateY(-50%); z-index: 500; } @media screen and (max-width: 768px) { .sticky-sharing { display: none; } } .sticky-sharing .social-btns { max-width: 40px; } .sticky-sharing .social-btns > .social-btn { margin-right: 0; margin-bottom: 5px; transition: all 0.3s; } .sticky-sharing .social-btns > .social-btn_fb { background: #1877F2; } .sticky-sharing .social-btns > .social-btn_fb:before { transform: translateY(0) translateX(-50%); width: 17px; height: 32px; top: auto; bottom: -2px; } .sticky-sharing .social-btns > .social-btn_fb:hover { background: #388CF9; } .sticky-sharing .social-btns > .social-btn_fb:active { opacity: 0.4; } .sticky-sharing .social-btns > .social-btn_tw:before { width: 20px; height: 16px; } .sticky-sharing .social-btns > .social-btn_wa:before { width: 22px; height: 22px; } .sticky-sharing .social-btns > .social-btn_tg:before { left: calc(50% - 2px); } .sticky-sharing .social-btns__list { transform: none; left: -2px; top: auto; bottom: 44px; } .nft-section { background-color: #fff; padding: 94px 20px 0; text-align: center; border-bottom: 8px solid #F7931A; position: relative; } .nft-section--second { border-bottom: 0; } .nft-section__icon { margin-bottom: 20px; } .nft-section > *:not(.parts) { position: relative; z-index: 2; } .nft-section__title { font-weight: bold; font-size: 48px; line-height: 60px; margin-bottom: 20px; } .nft-section__text { max-width: 1000px; margin: 0 auto; font-size: 20px; line-height: 32px; color: #494949; } .nft-section__text a { color: #4285F4; text-decoration: none; transition: all 0.3s; } .nft-section__text a:hover { color: #F7931A; } .nft-section__btn { margin: 40px auto 60px; display: block; line-height: 60px; font-weight: bold; color: #fff; max-width: 320px; border-radius: 6px; background-color: #4285F4; transition: all 0.3s; font-size: 16px; text-align: center; text-decoration: none; } .nft-section__btn:hover { background-color: #F7931A; } .nft-section__img { position: relative; max-width: 1280px; width: 100%; } .nft-section .parts__img--1 { top: 90px; left: 224px; } .nft-section .parts__img--2 { top: 68px; right: 398px; } .nft-section .parts__img--3 { top: 128px; right: 111px; } .nft-section .parts__img--4 { left: 40px; top: 268px; } .nft-section .parts__img--5 { left: -21px; bottom: 200px; } .nft-section .parts__img--6 { bottom: 337px; left: 175px; } .nft-section .parts__img--7 { right: 24px; bottom: 385px; } .nft-section .parts__img--8 { bottom: 300px; right: 281px; } .nft-section .parts { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 50%; transform: translateX(-50%) !important; max-width: 1280px; } .nft-section .parts__item { width: 100%; height: 100%; } .nft-section .parts__img { position: absolute; } @media (max-width: 769px) { .nft-section .parts { display: none; } } @media (max-width: 769px) { .nft-section { padding-bottom: 0 !important; text-align: left; } .nft-section__img { width: 520px; left: 50%; transform: translateX(-50%); } .nft-section__icon { display: block; margin: 0 auto 20px; } .nft-section__title { font-size: 28px; line-height: 40px; margin-bottom: 10px; text-align: center; } .nft-section__text { font-size: 16px; line-height: 155%; text-align: center; } .nft-section__btn { max-width: none; margin: 30px 0; } } .halloween-preloading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10501; background-color: #F7931A; animation-duration: 1.5s; } .halloween-preloading .halloween-bats { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .halloween-preloading .halloween-face { max-width: 100%; max-height: 100%; animation-delay: 1.5s; animation-duration: 1s; animation-timing-function: ease-in; } .halloween-preloading .halloween-face.showing { animation: h_zoom 3s 0s ease-in; } .halloween-container { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; height: 100%; } .halloween-container .hidden { visibility: hidden; } .halloween-container--page { position: relative; height: auto; display: block; z-index: 98; } .halloween-container--page .halloween-bats { position: relative; } .halloween-container--page .halloween-bats .layer { animation-duration: 0.7s; animation-delay: 1s; } .halloween-bats { position: absolute; height: 100%; width: 100%; } .halloween-bats .layer { position: absolute; width: 100%; height: 100%; } .halloween-bats .layer img { position: absolute; z-index: 103; } @media (max-width: 600px) { .halloween-bats .layer img { transform: scale(0.5); } } .halloween-bats .layer.bat-1 { animation-delay: 0.5s; } .halloween-bats .layer.bat-1 img { top: 97px; left: 105px; } @media (max-width: 600px) { .halloween-bats .layer.bat-1 img { left: 50px; } } .halloween-bats .layer.bat-2 { animation-delay: 0.6s; } .halloween-bats .layer.bat-2 img { top: 50px; right: 231px; } @media (max-width: 600px) { .halloween-bats .layer.bat-2 img { right: 50px; } } .halloween-bats .layer.bat-3 { animation-delay: 0.7s; } .halloween-bats .layer.bat-3 img { top: 554px; left: 90px; } @media (max-width: 600px) { .halloween-bats .layer.bat-3 img { left: 20px; } } .halloween-bats .layer.bat-4 { animation-delay: 0.8s; } .halloween-bats .layer.bat-4 img { top: 522px; right: 90px; } @media (max-width: 600px) { .halloween-bats .layer.bat-4 img { right: 20px; } } .halloween-bats .layer.bat-5 { animation-delay: 0.9s; } .halloween-bats .layer.bat-5 img { bottom: 40px; left: 50%; margin-left: -20px; } .halloween-bats .layer.bat-6 { animation-delay: 0.5s; } .halloween-bats .layer.bat-6 img { top: 9px; right: 0px; } @media (max-width: 370px) { .halloween-bats .layer.bat-6 img { right: auto; left: 30px; } } .halloween-bats .layer.bat-7 { animation-delay: 1s; } .halloween-bats .layer.bat-7 img { top: 125px; left: 0%; margin-left: -150px; } .halloween-bats .layer.bat-8 { animation-delay: 1.5s; } .halloween-bats .layer.bat-8 img { top: 116px; right: 50%; margin-right: -150px; } @media (max-width: 768px) { .halloween-bats .layer.bat-8 img { margin-right: 0; right: 80%; top: 0; } } .halloween-bats .layer.bat-9 { animation-delay: 2s; } .halloween-bats .layer.bat-9 img { top: 411px; left: -20px; } .halloween-bats .layer.bat-10 { animation-delay: 2.5s; } .halloween-bats .layer.bat-10 img { top: 625px; right: 25px; } @media (max-width: 400px) { .halloween-bats .layer.bat-10 img { right: 40px; } } @keyframes h_zoom { 0% { transform: scale(1); opacity: 1; } 30% { opacity: 0; } 60% { transform: scale(50); } } .popup__promo-modal { overflow-x: hidden; overflow-y: overlay; } .popup__promo-modal .popup__img { display: block; border-radius: 5px 5px 0px 0px; max-width: 100%; width: 100%; } .popup__promo-modal .popup__handler { position: relative; } .popup__promo-modal .popup__back-decoration { position: absolute; left: 50%; transform: translateX(-50%); bottom: -123px; z-index: -1; max-width: none; } .popup__promo-modal .popup-download__btns .btn--dark { background-color: #000; transition: background 0.3s; } .popup__promo-modal .popup-download__btns .btn--dark:hover { background-color: #F7931A; } .popup__promo-modal .popup-download__title { text-decoration: none; color: #000; transition: color 0.3s; } .popup__promo-modal .popup-download__title:hover { color: #4285f4; } .popup__promo-modal .popup-download__content { padding: 20px 30px 30px; } .popup__promo-modal .popup-download__text a { color: #4285f4; font-weight: bold; text-decoration: none; transform: color 0.3s; } .popup__promo-modal .popup-download__text a:hover { color: #F7931A; } .popup__promo-modal .popup__check { position: absolute; left: 50%; transform: translateX(-50%); bottom: -35px; } .popup__promo-modal .popup__check label { display: inline-flex; align-items: center; } .popup__promo-modal .popup__check-input { width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background: transparent; outline: none; border: 1px solid #B3B3B3; border-radius: 3px; transition: all 0.3s; } .popup__promo-modal .popup__check-input svg { transition: all 0.3s; opacity: 0; } .popup__promo-modal .popup__check input { display: none; } .popup__promo-modal .popup__check input:checked + div { background: #4285f4; border-color: #4285f4; } .popup__promo-modal .popup__check input:checked + div svg { opacity: 1; } .popup__promo-modal .popup__check input:checked + div + span { color: #fff; } .popup__promo-modal .popup__check span { font-size: 14px; line-height: 16px; margin-left: 8px; color: #B3B3B3; } @media (max-width: 768px) { .popup__promo-modal .popup__check { display: none; } } @media (max-width: 768px) { .popup__promo-modal .popup-download__content { padding: 20px 15px 15px; } .popup__promo-modal .popup-download__title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .popup__promo-modal .popup-download__text { font-size: 14px; line-height: 24px; margin-bottom: 30px; } .popup__promo-modal .popup-download__btns .btn { max-width: none; } } .popup__promo-modal .cancel--mob { display: none; } @media (max-width: 768px) { .popup__promo-modal .cancel { display: none; } .popup__promo-modal .cancel--mob { display: block; position: absolute; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 14px; line-height: 16px; color: #fff; bottom: -36px; } } .popup__promo-modal#walletPromo .popup__table { margin-top: 15px; margin-bottom: 30px; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table { margin-top: 10px; margin-bottom: 15px; } } .popup__promo-modal#walletPromo .popup__table-item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D6D6D6; padding: 10px 0; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table-item { padding: 15px 0; } } .popup__promo-modal#walletPromo .popup__table-item:last-of-type { border-bottom: none; } .popup__promo-modal#walletPromo .popup__table-item p { font-weight: 600; font-size: 16px; line-height: 26px; color: #494949; text-align: left; margin-right: auto; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table-item p { font-weight: 400; font-size: 16px; line-height: 20px; } } .popup__promo-modal#walletPromo .popup__table-item .icon { flex-shrink: 0; width: 20px; height: 20px; margin-right: 20px; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table-item .icon { margin-right: 15px; } } .popup__promo-modal#walletPromo .popup__table-item .icon--payout { width: 30px; margin-right: 10px; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table-item .icon--payout { width: 24px; } } .popup__promo-modal#walletPromo .popup__table-item .icon--interest { width: 23px; margin-right: 17px; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__table-item .icon--interest { margin-right: 13px; } } .popup__promo-modal#walletPromo .popup__table-item .icon:last-of-type { margin-right: 0; } @media (max-width: 768px) { .popup__promo-modal#walletPromo .popup__bottom { background: #F7F7F7; border-top: 1px solid #D6D6D6; width: auto; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; } .popup__promo-modal#walletPromo .popup__bottom .popup-download__btns { width: 100%; } .popup__promo-modal#walletPromo .popup__bottom .popup-download__btns .btn { height: 50px; } .popup__promo-modal#walletPromo .popup__bottom .popup-download__btns .btn span { font-weight: 700; font-size: 14px; line-height: 20px; } } .popup__promo-modal#halloweenPromo .popup__back-decoration { bottom: 90px; } .pool-mining-section { background-color: #fff; position: relative; border-bottom: 8px solid #F7931A; overflow: hidden; padding: 0 !important; } .pool-mining-section__container { max-width: 1140px; padding: 80px 20px; margin: 0 auto; } .pool-mining-section__img { display: block; margin: 0 auto; max-width: 100%; } .pool-mining-section .icon { display: flex; margin: 0 auto 20px; } .pool-mining-section .title { font-weight: 700; font-size: 48px; line-height: 60px; margin-bottom: 20px; text-align: center; } .pool-mining-section .text { font-size: 20px; line-height: 32px; max-width: 1000px; margin: 0 auto 50px; color: #494949; text-align: center; } .pool-mining-section .mob-banner { display: none; } .pool-mining-section__decoration { position: absolute; width: 1255px; max-width: none; bottom: 0; left: 50%; transform: translateX(-50%) !important; z-index: 0; animation-fill-mode: none !important; } .pool-mining-section__btn { text-decoration: none; padding: 0; position: relative; z-index: 2; display: block; max-width: 320px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; line-height: 18px; text-transform: uppercase; border: 1px solid #D6D6D6; border-radius: 6px; height: 60px; margin-top: 50px; color: #4285F4; transition: all 0.3s; } .pool-mining-section__btn:hover { border-color: #F7931A; background-color: #F7931A; color: #fff; } @media (max-width: 768px) { .pool-mining-section__container { padding: 60px 20px 0; } .pool-mining-section .icon { height: 70px; width: auto; } .pool-mining-section .title { font-size: 28px; line-height: 40px; margin-bottom: 15px; } .pool-mining-section .text { margin-bottom: 30px; font-size: 15px; line-height: 155%; } .pool-mining-section__btn { max-width: none; margin-top: 30px; margin-bottom: 30px; } .pool-mining-section__decoration { position: relative; bottom: auto; width: auto; max-width: 100%; } .pool-mining-section .mob-banner { display: block; margin: 30px auto 20px; background: #FFF3F4; border: 2px solid #F74249; border-radius: 6px; padding: 20px; font-weight: 700; font-size: 15px; line-height: 155%; color: #F74249; } } .promo-neweggs .top-notification-black__icon { position: relative; } .promo-neweggs .banner-label { position: absolute; top: -10px; left: -20px; } .promo-neweggs .banner-label--mob { display: none; } .promo-neweggs .banner-label + img { position: relative; z-index: 2; } .promo-holiday .top-notification-black__icon { position: relative; } .promo-holiday .banner-label { position: absolute; top: -10px; left: -20px; } .promo-holiday .banner-label--mob { display: none; } .promo-holiday .banner-label + img { position: relative; z-index: -1; } .promo-wallet#pw-section { overflow: hidden; padding: 70px 20px 0; position: relative; background-color: #fff; border-bottom: 8px solid #F7931A; } .promo-wallet#pw-section .promo-wallet__icon { display: block; margin: 0 auto; } .promo-wallet#pw-section .promo-wallet__arrow { width: 50px; height: 80px; transform: rotate(180deg); margin: 40px auto; display: block; } .promo-wallet#pw-section .promo-wallet__decor { position: absolute; max-width: none; width: auto; left: 50%; transform: translateX(-50%); bottom: -164px; } .promo-wallet#pw-section .promo-wallet .promo-farm__btn { margin-bottom: 0 !important; } .promo-wallet#pw-section .promo-wallet__title { margin: 20px auto; text-align: center; font-size: 40px; font-weight: 700; line-height: 50px; max-width: 1100px; width: 100%; } .promo-wallet#pw-section .promo-wallet__text { margin: 0 auto 40px; color: #494949; text-align: center; font-size: 20px; line-height: 32px; max-width: 1100px; width: 100%; } .promo-wallet#pw-section .promo-wallet__img { display: block; position: relative; max-width: 100%; min-width: 400px; left: 50%; transform: translateX(calc(-50% - 34px)); } @media (max-width: 768px) { .promo-wallet#pw-section { padding: 50px 20px 0 !important; } .promo-wallet#pw-section .promo-wallet__decor { display: none; } .promo-wallet#pw-section .promo-wallet__title { font-size: 28px; line-height: 40px; margin-top: 20px; margin-bottom: 20px; } .promo-wallet#pw-section .promo-wallet__text { font-size: 16px; line-height: 155%; } } .popup__check { position: absolute; left: 50%; transform: translateX(-50%); bottom: -35px; } .popup__check label { display: inline-flex; align-items: center; } .popup__check-input { width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background: transparent; outline: none; border: 1px solid #B3B3B3; border-radius: 3px; transition: all 0.3s; } .popup__check-input svg { transition: all 0.3s; opacity: 0; } .popup__check input { display: none; } .popup__check input:checked + div { background: #4285f4; border-color: #4285f4; } .popup__check input:checked + div svg { opacity: 1; } .popup__check input:checked + div + span { color: #fff; } .popup__check span { font-size: 14px; line-height: 16px; margin-left: 8px; color: #B3B3B3; } @media (max-width: 768px) { .popup__check { display: none; } } .advantages .why__btn a { margin: 0 -18px -21px; } .popup-download__btns .btn--dark { background-color: #000; transition: background 0.3s; } .popup-download__btns .btn--dark:hover { background-color: #F7931A; } .top-notification-black { z-index: 102; } .top-notification-black .container { max-width: 1400px; padding: 25px 0px 25px 40px; position: relative; justify-content: auto; } .top-notification-black.hideAdv { display: none; } .top-notification-black__close { background-color: #494949 !important; right: -56px; } @media (max-width: 768px) { .top-notification-black__close { display: none; } } .top-notification-black__text { margin-right: 20px; padding: 0; } .top-notification-black__text b { font-weight: bold; } .top-notification-black__btn { height: 40px; font-size: 13px; margin-left: auto; } @media (max-width: 1540px) { .top-notification-black__text { margin-right: 60px; } .top-notification-black .container { margin-right: 96px !important; } } @media (max-width: 1090px) { .top-notification-black .container { margin-right: 76px !important; } .top-notification-black__close { right: -36px; } } @media (max-width: 768px) { .top-notification-black .container { margin-right: 0px !important; } .top-notification-black__text { margin-right: 0px; } } @media (max-width: 767px) { .promo-halloween .top-notification-black__title:before { content: url("./images/icon-promo-halloween-mob.svg") !important; } .promo-discounter .top-notification-black__title:before { content: url("./images/icon-discounter.svg") !important; } .promo-algorithms .top-notification-black__title:before { content: url("./images/icon-algorithms-mob.svg") !important; } .promo-aff .top-notification-black__title:before { content: url("./images/icon-aff-mob.svg") !important; width: auto !important; } .promo-neweggs .container { position: relative; } .promo-neweggs .banner-label { display: none; } .promo-neweggs .banner-label--mob { display: block; left: auto; top: 42px; right: -30px; } .promo-neweggs .top-notification-black__title:before { content: url("./images/icon-neweggs-mob.svg") !important; width: auto !important; } .promo-ctpool .top-notification-black__title:before { content: url("./images/icon-ctpool-mob.svg") !important; width: auto !important; } .promo-nft-app .top-notification-black__title:before { content: url("./images/icon-nft-mob.svg") !important; width: auto !important; } .promo-pool-mining .top-notification-black__title:before { content: url("./images/icon-pm-mob.svg") !important; width: auto !important; } .promo-wallet .top-notification-black__title:before { content: url("./images/icon-wallet-mob.svg") !important; width: auto !important; } .promo-monero .top-notification-black__title:before { content: url("./images/icon-monero-mob.svg") !important; width: auto !important; } } .page_fr.page_landing-main .first-section .intro__container, .page_it.page_landing-main .first-section .intro__container { max-width: 356px; } .news-frame { padding-bottom: 0 !important; margin-bottom: -30px; position: relative; z-index: 5; } @media (max-width: 769px) { .news-frame { margin-bottom: -70px; } } .total { margin-bottom: 30px; text-align: center; } .total-row { background: #F7931A; border: none; } .total-row .percent span { color: #FFDFB8 !important; } .footer .lang__current:hover { color: #4285f4; } .total__title { display: block; font-size: 14px; line-height: 16px; margin-bottom: 20px; color: #f7931a; font-weight: bold; text-transform: uppercase; } .total__friends { margin-bottom: 40px; } .total__friends .total__label, .total__friends .total__value { margin-bottom: 0; } .total__label { font-size: 16px; line-height: 17px; color: #d6d6d6; margin-bottom: 15px; } .total__value_income span { font-weight: 700; } .total__value_income:after { content: ""; display: block; } .total__btc { display: inline-block; font-size: 18px; line-height: 22px; color: #fff; position: relative; padding-left: 30px; font-weight: 700; } .total__btc:before { content: ""; display: block; width: 22px; height: 22px; position: absolute; top: 0; left: 0; background-image: url("images/sprite.png"); background-position: -66px -95px; width: 22px; height: 22px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .total__btc:before { background-image: url("images/sprite@2x.png"); background-size: 223px 121px; } } .rangeSlider, .rangeSlider__fill { display: block; border-radius: 10px; } .rangeSlider { position: relative; background: #d6d6d6; } .rangeSlider__horizontal { height: 6px; width: 100%; max-width: 380px; position: relative; margin-left: auto; margin-right: auto; } .rangeSlider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeSlider__fill { background: #d6d6d6; position: absolute; z-index: 2; } .rangeSlider__fill__horizontal { height: 100%; top: 0; background-color: #4285F4; left: 0; } .rangeSlider__handle { height: 30px; width: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; background-color: #fff; border: 6px solid #4285f4; cursor: pointer; -webkit-appearance: none; position: relative; top: -12px; z-index: 5; } input[type=range]:focus + .rangeSlider .rangeSlider__handle { -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9); box-shadow: 0 0 8px rgba(142, 68, 173, 0.9); } .rangeSlider__buffer { z-index: 1; position: absolute; top: -10px; height: 26px; background: transparent; width: 100%; } .calculate { position: relative; } .calculate .btn_calc { border-radius: 6px; font-weight: bold !important; font-size: 16px; line-height: 19px; } .calculate .wrapper-back { background: #F7931A; border-radius: 10px; max-width: 630px; width: 100%; height: 352px; top: 35px; left: 50%; transform: translateX(-50%); position: absolute; z-index: 1; } .calculate .wrapper { position: relative; z-index: 3; } .calc { display: block; cursor: pointer; -webkit-appearance: none; padding-bottom: 60px; } .calc__row { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .calc__item { position: relative; display: block; width: 100%; max-width: 420px; padding-right: 40px; } .calc__item + .calc__item { margin-top: 40px; } .calc__label { font-size: 18px; line-height: 20px; text-align: left; color: #494949; min-height: 40px; margin-bottom: 10px; } .calc__label b { position: relative; top: 5px; font-size: 36px; color: #000; font-weight: 700; } .calc__label-text { font-size: 18px; line-height: 21px; font-weight: bold; color: #000; } .calc__label-num { position: absolute; left: 100%; top: 0px; font-weight: bold; font-size: 36px; line-height: 49px; color: #000; width: 90px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 3px; border: 1px solid #D6D6D6; background: #FFFFFF; border-radius: 6px; } @media (max-width: 768px) { .calc { padding-bottom: 40px; } .calc__item { margin-bottom: 0 !important; margin-left: 0 !important; padding: 0; width: 100%; max-width: none; } .calc__label { margin-left: 0; } .calc__label-num { padding: 0; border: none; background-color: transparent; left: auto; right: 0; width: auto; height: auto; font-size: 34px; line-height: 44px; top: -10px; } .calc__label-text { max-width: 280px; } .calc .rangeSlider__horizontal { max-width: 100%; } } .calc input[type=range] { -webkit-appearance: none; margin: 0; width: 100%; max-width: 320px; } .calc input[type=range]:focus { outline: none; } .calc input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: #d6d6d6; border-radius: 3px; } .calc input[type=range]::-webkit-slider-thumb { height: 30px; width: 30px; box-sizing: border-box; border-radius: 15px; background-color: #fff; border: 6px solid #4285f4; cursor: pointer; -webkit-appearance: none; margin-top: -11px; } .screen-img { margin-left: auto; margin-right: auto; margin-bottom: 40px; max-width: 100%; height: auto; } .calc input[type=range]:focus::-webkit-slider-runnable-track { background-color: #d6d6d6; } .calc input[type=range]::-moz-range-track { width: 100%; height: 6px; background-color: #D6D6D6; border-radius: 3px; } .calc input[type=range]::-moz-range-thumb { height: 30px; width: 30px; box-sizing: border-box; border-radius: 15px; background-color: #fff; border: 6px solid #4285f4; } .calc input[type=range]::-ms-track { width: 100%; height: 6px; cursor: pointer; background-color: #d6d6d6; border-radius: 3px; } .calc input[type=range]::-ms-fill-lower { background-color: #d6d6d6; height: 6px; border-radius: 3px; } .calc input[type=range]::-ms-fill-upper { background-color: #d6d6d6; height: 6px; border-radius: 3px; } .calc input[type=range]::-ms-thumb { height: 30px; width: 30px; box-sizing: border-box; border-radius: 15px; background-color: #fff; border: 6px solid #4285f4; cursor: pointer; -webkit-appearance: none; margin-top: -11px; } .calc input[type=range]:focus::-ms-fill-lower { background-color: #d6d6d6; } .calc input[type=range]:focus::-ms-fill-upper { background-color: #d6d6d6; } .calculate { display: block; padding-top: 50px; text-align: center; } .calculate .wrapper { max-width: 600px; border-radius: 8px; padding: 50px 50px 30px; margin: 0 auto; background-color: #fff; } @media (max-width: 768px) { .calculate .wrapper { padding: 20px 15px; height: 308px; } .calculate .wrapper-back { height: 308px; top: 30px; width: calc(100% + 20px); } .calculate .calc__btn { padding: 15px 15px 0; border-top: 1px solid #D6D6D6; width: calc(100% + 30px); margin-left: -15px; } } .calculate .subtitle { margin-bottom: 50px; padding: 30px 0; border-bottom: 1px solid #D6D6D6; } .results { display: none; position: relative; text-align: center; margin-top: 25px; } .results .wrapper { max-width: 1060px; margin: 0 auto; background-color: #494949; padding-top: 15px; padding-bottom: 30px; border: 1px solid #757575; border-radius: 10px; } .results.active { display: block; } .results:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -11px; left: 50%; margin-left: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #F7931A; } .results__table { width: 100%; margin: 0 auto 30px; } .results__table .percent { display: block; font-size: 14px; font-weight: 700; color: #F7931A; text-align: center; margin-top: -10px; } .results__table .percent span { font-size: 14px; line-height: 16px; letter-spacing: 0.176326px; color: #A4A4A4; margin-right: 3px; font-weight: 400; } .results__table td { height: 64px; } .results__table thead tr { border-bottom: 3px solid #f7931a; } .results__table thead th { color: #fff; font-size: 24px; font-weight: 700; line-height: 27px; vertical-align: middle; padding-bottom: 5px; } .results__table thead th .small { font-size: 11px; color: #A4A4A4; font-weight: 400; } .results__table thead th.results__friends-h { width: 305px; } .results__table thead th.results__friends-h:before { content: url("images/calc-man.svg"); width: 20px; height: 20px; margin-right: 7px; } .results__table thead th b { font-weight: 700; } .results__table tbody tr { border-bottom: 1px solid #757575; } .results__table tbody tr.total-row, .results__table tbody tr:nth-child(10) { border: none; } .results__table tbody td { text-align: center; vertical-align: middle; font-size: 32px; line-height: 36px; color: #fff; width: 40%; } @media (max-width: 769px) { .results__table thead th.results__friends-h:before { display: none; } .results { margin-top: 19px; } .results .wrapper { width: calc(100% + 20px); margin-left: -10px; padding-bottom: 20px; } .results .link { font-size: 13px; line-height: 15px; letter-spacing: 0.09px; max-width: 271px; margin: 0 auto; } .results__table { margin-bottom: 20px; } .results__table thead { width: calc(100vw - 40px); display: block; } .results__table thead th { max-width: none; width: 100%; font-size: 15px; line-height: 18px; } .results__table thead th .small { font-size: 10px; line-height: 18px; } .results__table thead th:first-child { text-align: left; padding-left: 15px; padding-bottom: 15px; } .results__table thead th:nth-child(2) { display: none; } .results__table thead th:last-child { text-align: right; padding-right: 15px; padding-bottom: 15px; } .results__table tbody > tr { display: grid; width: calc(100vw - 22px); grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; padding: 15px; margin: 0; grid-template-areas: "two two" "one three"; } .results__table tbody > tr td { max-width: none !important; width: 100% !important; height: auto; } .results__table tbody > tr td:first-child { grid-area: one; text-align: left; font-size: 22px; line-height: 26px; } .results__table tbody > tr td:nth-child(2) { grid-area: two; display: flex; align-items: flex-start; justify-content: space-between; font-size: 14px; line-height: 16px; } .results__table tbody > tr td:nth-child(2) span { margin: 0; } .results__table tbody > tr td:last-child { grid-area: three; text-align: right; font-size: 22px; line-height: 26px; } } #howPopup h3 { font-weight: bold; left: 0; padding: 0; } #howPopup h3 b { width: 100%; display: block; font-size: 28px; } #howPopup h3:before { display: none; } #howPopup .popup__body p { margin-bottom: 20px; font-size: 16px; line-height: 26px; color: #494949; } #howPopup .popup__cancel--second { position: absolute; top: 15px; right: 15px; display: flex; cursor: pointer; z-index: 2; transition: opacity 0.3s; } #howPopup .popup__cancel--second:hover { opacity: 0.7; } #howPopup .popup__cancel--second svg { fill: #9D9D9D; pointer-events: none; } #howPopup .popup__footer { justify-content: center; } #howPopup .popup__body--affiliate { max-height: none; overflow-y: auto; } #howPopup .popup__body--affiliate .popup__subtitle { font-weight: 700; color: #f7931a; } #howPopup .popup__body--affiliate .popup__list li { position: relative; padding-left: 16px; } #howPopup .popup__body--affiliate .popup__list li:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border: 1px solid #F7931A; border-radius: 50%; } @media only screen and (max-width: 790px) { .results__table tbody td { font-size: 18px; } } .results__table tbody td:nth-child(1) { font-weight: 700; } .link_info { color: #fff; padding: 12px 15px; border: 1px dashed #B3B3B3; border-radius: 2px; display: inline-block; text-decoration: none; transition: color 0.3s; } .link_info:hover { color: #F7931A; } .link_info:before { content: url("images/icon-quetion.svg"); display: inline-block; margin-right: 10px; } .results__table tbody td:nth-child(3) span { font-weight: 600; } .results__table td.results__round { color: #fff; font-size: 16px; text-align: left; max-width: 150px; width: 10%; white-space: nowrap; } .results__table td.results__round b { font-weight: 700; } .note--mac, .note--win { display: none; } .mac .note--win { display: block; } .mac .intro__info .btn--download:before { content: ""; top: -2px; display: inline-block !important; background-image: url(../../images/icon-apple.svg); } @media (max-width: 768px) { .mac .intro__info .btn--download:before { display: none; } } .win .note--mac { display: block; } .win .intro__info .btn--download:before { content: ""; top: -2px; display: inline-block !important; background-image: url(../../images/icon-win.svg); } @media (max-width: 768px) { .win .intro__info .btn--download:before { display: none; } } .popup--download .popup__handler { box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.3); border-radius: 9px 9px 8px 8px; position: relative; } .popup-download__img { border-radius: 8px 8px 0px 0px; } .popup-download__content { padding: 30px; } .popup-download__title { font-size: 28px; line-height: 38px; margin-bottom: 15px; font-weight: bold; text-decoration: none; color: #000; transition: color 0.3s; } .popup-download__title:hover { color: #4285f4; } .popup-download__title--mob { display: none; } @media (max-width: 768px) { .popup-download__title { display: none; } .popup-download__title--mob { display: block; } } .popup-download__text { font-size: 16px; line-height: 26px; color: #494949; margin-bottom: 30px; margin-top: 15px; } .popup-download__text b { font-weight: bold; } .popup-download__text--mob { display: none; } @media (max-width: 768px) { .popup-download__text { display: none; } .popup-download__text--mob { display: block; margin-top: 0; } } .popup-download__btns { display: flex; align-items: center; justify-content: space-between; } .popup-download__btns .btn { border-radius: 6px; } .popup-download__btns .intro__download-btns { margin: 0; } .popup-download__btns .cancel { font-size: 13px; line-height: 15px; letter-spacing: 0.0371429px; text-transform: uppercase; font-weight: bold; color: #494949; transition: color 0.3s; } .popup-download__btns .cancel--mob { display: none; } .popup-download__btns .cancel:hover { color: #4285F4; } .popup-download__btns .intro__download-btns { max-width: 320px; } html { overflow-x: hidden; background-color: #000; } .header__join { display: none; } .btn--download.mob { display: none; } .header__socials .social-link_fb i { display: block; width: 20px; height: 20px; background-image: url("images/fb-small.svg"); background-size: 20px; position: relative; top: -1px; } .header__socials .social-link_fb i:hover { background-image: url("images/fb-small-hover.svg"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__socials .social-link_fb i { background-image: url("images/fb-small.svg"); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__socials .social-link_fb i:hover { background-image: url("images/fb-small-hover.svg"); } } .header__socials a + a { margin-left: 20px; } @media (max-width: 1249px) { .header__socials a + a { margin-left: 15px; } } @media (max-width: 1186px) { .header__socials a + a { margin-left: 20px; } } .header__socials .social-link_discord svg { fill: #5865F2; } .header__socials .social-link_discord:hover svg { fill: #f7931a; } .footer .social-link_discord svg { fill: #fff; } .footer .social-link_discord:hover svg { fill: #f7931a; } .advantages__icon { display: block; margin: 0 auto 20px; } .advantages__imageWrap { height: auto !important; padding-top: 0; } .advantages__item { border-radius: 6px; } .advantages__list { margin-bottom: 0; } .advantages__item:nth-of-type(3) .advantages__imageWrap { padding-top: 70px; } .advantages__item:nth-of-type(4) .advantages__imageWrap { padding-top: 19px; } .advantages__item:nth-of-type(1) .advantages__imageWrap, .advantages__item:nth-of-type(2) .advantages__imageWrap { padding-bottom: 40px; } .advantages__image { max-width: none; } .advantages .advantages__link { border: 1px solid #D6D6D6; border-radius: 40px; padding: 12px 20px; } .advantages .advantages__link .button-more__text::after { content: url("images/btn-arrow.svg"); background-image: none; width: auto; height: auto; } .advantages .advantages__link:hover { border-color: #4285F4; } .advantages .button-more__text { margin-right: 0; display: flex; align-items: center; justify-content: space-between; } .advantages .button-more__text:after { content: ""; display: block; margin-left: 10px; background-image: url("../../images/sprites/sprite.png"); background-position: -213px -95px; width: 7px; height: 11px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .advantages .button-more__text:after { background-image: url("../../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } @media (min-width: 768px) { .advantages .advantages__item:nth-of-type(5) .advantages__imageWrap { padding-top: 10px; padding-bottom: 50px; } .advantages .advantages__item:nth-of-type(3), .advantages .advantages__item:nth-of-type(4) { display: flex; } .advantages .advantages__item:nth-of-type(6) .advantages__imageWrap { max-width: 330px; padding-bottom: 50px; } } @media (max-width: 769px) { .advantages .intro__info { padding: 0; margin: 0; margin-top: 30px; max-width: none; } .advantages .intro__info * { max-width: none; } .advantages .title { display: block; } } .page_landing-main { background-color: #000; } .page_landing-main .page-content { background-color: #fff; } .page_landing-main .header { background-color: transparent; position: relative; z-index: 101; } .page_landing-main .header.fixed .header__logo svg.not-animated { max-width: 275px; } .page_landing-main .header__logo svg.not-animated { display: block !important; max-width: 350px; max-height: 60px; top: 0; left: 0; } @media (max-width: 769px) { .page_landing-main .header__logo svg.not-animated { max-width: 230px; max-height: 40px; top: 10px; } } .page_landing-main svg.not-animated-icon { display: block !important; margin-right: auto; margin-left: auto; } .page_landing-main .advantages { background-color: #f7f7f7; border-bottom: 1px solid #D6D6D6; } .page_landing-main .promo-farm { background-color: #fff; padding: 80px 20px; text-align: center; position: relative; display: none; border-bottom: 8px solid #F7931A; } .page_landing-main .promo-farm__icon { display: block; margin: 0 auto 20px; } @media only screen and (max-width: 767px) { .page_landing-main .promo-farm__icon { width: 70px; height: 70px; } } .page_landing-main .promo-farm__title { font-weight: bold; font-size: 48px; line-height: 60px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .page_landing-main .promo-farm__title { font-size: 28px; line-height: 40px; margin-top: 20px; } } .page_landing-main .promo-farm__free { display: inline-flex; align-items: center; margin-top: 30px; gap: 10px; font-weight: 700; font-size: 18px; line-height: 30px; color: #000; background: #ECFFEC; border: 1px solid #37CC33; border-radius: 30px; padding: 6px 20px; } @media only screen and (max-width: 767px) { .page_landing-main .promo-farm__free { display: none; } } .page_landing-main .promo-farm__btn { margin: 40px auto 60px; display: flex; gap: 8px; align-items: center; justify-content: center; line-height: 60px; font-weight: bold; color: #fff; max-width: 320px; border-radius: 6px; background-color: #4285f4; transition: all 0.3s; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; } .page_landing-main .promo-farm__btn:hover { background: #F7931A; } .page_landing-main .promo-farm__divider { display: block; margin: 60px auto 0px; } @media only screen and (max-width: 767px) { .page_landing-main .promo-farm__divider { margin-left: -25px; } } .page_landing-main .mini-block-farm { text-decoration: none; display: flex; align-items: center; gap: 20px; max-width: 1080px; margin: 40px auto 0; background: #FFFFFF; padding: 20px; border: 1px solid #D6D6D6; border-radius: 6px; font-size: 18px; line-height: 28px; color: #212121; } .page_landing-main .mini-block-farm--wallet { display: none; } @media only screen and (max-width: 1021px) { .page_landing-main .mini-block-farm { max-width: 100%; margin: 20px 40px 0; } } @media only screen and (max-width: 767px) { .page_landing-main .mini-block-farm { margin: 30px 0 0; flex-direction: column; padding: 0; font-size: 16px; line-height: 26px; } } .page_landing-main .mini-block-farm:hover { background: #F0F6FF; border-color: #4285F4; } .page_landing-main .mini-block-farm:hover .mini-block-farm__btn { background: #4285F4; border: none; color: #fff; } .page_landing-main .mini-block-farm:hover .mini-block-farm__btn svg { fill: #fff; } .page_landing-main .mini-block-farm:active { background: #F7F7F7; border-color: #D6D6D6; } .page_landing-main .mini-block-farm:active .mini-block-farm__btn { background: #D6D6D6; } .page_landing-main .mini-block-farm b { font-weight: bold; } .page_landing-main .mini-block-farm__icon { flex: 0 0 auto; } @media only screen and (max-width: 767px) { .page_landing-main .mini-block-farm__icon { margin-top: 30px; } } @media only screen and (max-width: 767px) { .page_landing-main .mini-block-farm__text { padding: 0 17px; text-align: center; } } .page_landing-main .mini-block-farm__hide-text { display: none; } @media only screen and (max-width: 767px) { .page_landing-main .mini-block-farm__hide-text { display: block; } } .page_landing-main .mini-block-farm__btn { background: #FFFFFF; border: 1px solid #D6D6D6; border-radius: 6px; flex: 0 0 auto; width: 80px; height: 60px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .page_landing-main .mini-block-farm__btn { width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; border: none; border-top: 1px solid #d6d6d6; gap: 10px; font-weight: 700; font-size: 14px; line-height: 16px; color: #4285F4; text-transform: uppercase; } } .page_landing-main .video-block > * { position: relative; z-index: 2; } .page_landing-main .video-block:after, .page_landing-main .video-block:before { z-index: 1; } .page_landing-main .video-block__subtitle { font-size: 32px; line-height: 42px; text-align: center; color: #FFFFFF; font-weight: bold; margin-bottom: 10px; } .page_landing-main .video-block__subtext { font-size: 18px; line-height: 28px; text-align: center; color: #B3B3B3; margin-bottom: 40px; } .page_landing-main .video-block__scheme-img { margin-bottom: 40px; } .page_landing-main .video-block__arrow { text-align: center; margin: 40px 0; } .page_landing-main .video-block__arrow svg { transform: rotate(180deg); } .page_landing-main .video-block__icon { display: block; margin: 0 auto 20px; height: 90px; width: auto; } @media (max-width: 769px) { .page_landing-main .video-block__icon { height: 70px; } } .page_landing-main .video-block .subtitle { max-width: 1100px; } .page_landing-main .video-block .subtitle span { color: #F7931A; } .page_landing-main .video-block .subtitle--mob { display: none; } .page_landing-main .video-block .subtitle:before { display: none; } @media (max-width: 769px) { .page_landing-main .video-block .subtitle { display: none; } .page_landing-main .video-block .subtitle--mob { display: block; } .page_landing-main .video-block .subtitle--mob br { display: none; } } .page_landing-main .video-block__content { max-width: 1100px; position: relative; z-index: 10; } .page_landing-main .video-block .btn_simple { margin: 0 auto; color: #fff; background-color: transparent; border-radius: 6px; max-width: 320px; transition: all 0.3s; } .page_landing-main .video-block .btn_simple:hover { background-color: #F7931A; border-color: #F7931A; } .page_landing-main .video-block__video { max-width: 600px; } .page_landing-main .video-block__btns { text-align: center; margin-top: 40px; margin-bottom: 80px; } .page_landing-main .video-block__btns .btn_simple { border-color: #757575; } .page_landing-main .video-block .calculate { padding-top: 20px; } .page_landing-main .video-block .tripple-arrow { text-align: center; transform: rotate(180deg); } .page_landing-main .video-block__text { max-width: 900px; margin: 0 auto; } .page_landing-main .video-block__text a { text-decoration: none; color: #4285F4; transition: color 0.3s; } .page_landing-main .video-block__text a:hover { color: #F7931A; } .page_ru.page_landing-main .first-section .intro__container { max-width: 365px; } .page_landing-main .first-section { position: relative; z-index: 22; overflow: visible; border-bottom: 8px solid #F7931A; min-height: auto; max-height: none; } .page_landing-main .first-section--flex { padding: 40px 0; } @media (max-width: 991px) { .page_landing-main .first-section--affiliate .title { max-width: none !important; } .page_landing-main .first-section--affiliate .intro__container { margin: 0 auto !important; } } .page_landing-main .first-section .intro__container { display: flex; align-items: center; justify-content: space-between; max-width: 321px; padding: 0; } .page_landing-main .first-section .intro__container .intro__popup { margin: 40px 0px 0px; } .page_landing-main .first-section .intro__container .intro__popup svg { transition: all 0.3s; } .page_landing-main .first-section .intro__container .intro__popup:hover svg > * { fill: #F7931A; } @media (max-width: 768px) { .page_landing-main .first-section .intro__container { display: none; } } @media (max-width: 768px) { .page_landing-main .first-section .note { display: none; } } .page_landing-main .first-section .note b { font-weight: bold; } .page_landing-main .first-section .note a { text-decoration: none; color: #4285F4; transition: color 0.3s; } .page_landing-main .first-section .note a:hover { color: #F7931A; } .page_landing-main .first-section .btn--download.mob, .page_landing-main .first-section .btn--download.js-accept { background: #37CC33; border-radius: 6px; } .page_landing-main .first-section .btn--download.mob:hover, .page_landing-main .first-section .btn--download.js-accept:hover { background: #F7931A; } .page_landing-main .first-section .slogan { margin-bottom: 20px; } .page_landing-main .first-section .scroll-icon { position: static; margin-top: 60px; } .page_landing-main .first-section .container { max-width: 1080px; padding: 0; } .page_landing-main .first-section .title { font-weight: bold; font-size: 72px; line-height: 80px; max-height: 690px; margin-bottom: 10px; } .page_landing-main .first-section .desc { max-width: 650px; font-size: 16px; line-height: 24px; color: #494949; margin-bottom: 40px; } .page_landing-main .first-section .intro__download-btns { margin: 0; } .page_landing-main .first-section .intro__download-btns .btn:first-child { margin-left: 0; } .page_landing-main .first-section .btns { margin-bottom: 15px; } .page_landing-main .first-section .img { max-width: none; height: auto; position: absolute; display: block; bottom: -118px; right: -178px; } .page_landing-main .first-section .img-mobile { display: none; } #promoFarm { overflow-x: hidden; } #promoFarm .popup__img-outer { position: absolute; top: 55%; } @media only screen and (max-width: 767px) { #promoFarm .popup__img-outer { display: none; } } #promoFarm .popup__left { right: 100%; } #promoFarm .popup__right { left: 100%; } .page_landing-main { overflow-x: hidden; height: auto; } .page_landing-main .section { padding: 80px 0; } .page_landing-main .section .title { max-width: 900px; color: #fff; font-size: 40px; line-height: 50px; font-weight: 700; text-align: center; margin: 0 auto 50px; } .page_landing-main .section--orange { background-color: #F7931A; text-align: center; } .page_landing-main .section--orange ::selection { color: #F7931A; background-color: #fff; } .page_landing-main .section--orange .btn_simple { margin-top: 30px; background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 6px; transition: all 0.3s; } .page_landing-main .section--orange .btn_simple:hover { border-color: #4285F4; background-color: #4285F4; } .page_landing-main .section .cards { max-width: 1080px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .page_landing-main .section .cards .card { width: 100%; border: none; padding: 25px 10px; border-radius: 3px; max-height: 157px; } .page_landing-main .section .cards .card:not(:last-child) { margin-right: 10px; } .page_landing-main .section .cards .card:before { display: none; } .page_landing-main .section .cards .card__img { margin: 0 auto 10px; display: block; width: 48px; } .page_landing-main .section .cards .card__text { font-weight: bold; font-size: 16px; line-height: 24px; text-align: center; color: #1D1D1B; } .page_landing-main .section .cards .card__text a { text-decoration: none; color: #4285F4; transition: color 0.3s; } .page_landing-main .section .cards .card__text a:hover { color: #F7931A; } .page_landing-main .first-section .slogan { font-size: 18px; line-height: 21px; } .page_landing-main .first-section .title { font-size: 72px; line-height: 80px; margin-bottom: 20px; max-width: 639px; } .page_landing-main .first-section .desc { font-size: 20px; line-height: 32px; } .page_landing-main .first-section .desc--mob { display: none; } .page_landing-main .advantages .title { line-height: 60px; } .page_landing-main .advantages .desc { margin-bottom: 40px; } .page_landing-main .advantages__name { margin-bottom: 10px; } .page_landing-main .advantages__desc { margin-bottom: 30px; } @media (min-width: 769px) { .page_landing-main .advantages__item:nth-child(3) .advantages__name { width: calc(100% + 21px); margin-right: -10px; font-size: 28px; line-height: 40px; letter-spacing: 0.0685714px; } } .page_landing-main .video-block { padding-bottom: 95px; overflow-y: hidden; } .page_landing-main .video-block:before { content: url("images/video-bkg.svg"); left: calc(50% - 1203.5px); top: auto; bottom: 83px; } .page_landing-main .video-block__text { color: #B3B3B3; } .page_landing-main .video-block__subtext { margin: 0 auto 40px; max-width: 1000px; } .page_landing-main .mobile-version { position: relative; } .page_landing-main .mobile-version--orange ::selection { color: #F7931A; background-color: #fff; } .page_landing-main .mobile-version__content { max-width: 1080px; position: relative; } .page_landing-main .mobile-version__content .mobile__img { position: absolute; bottom: -198px; right: -195px; width: 921px; height: auto; z-index: 0; } .page_landing-main .mobile-version__content > * { position: relative; z-index: 1; } .page_landing-main .mobile-version__content:after { display: none; } .page_landing-main .mobile-version__title { max-width: 549px; } .page_landing-main .mobile-version__text { margin-bottom: 40px; } .page_landing-main .boost:not(li.boost) { border-bottom: 1px solid #D6D6D6; } .page_landing-main .boost { background-color: #fff; } .page_landing-main .boost .container { padding: 80px 0px; position: relative; } .page_landing-main .boost .container:before { content: url("images/boost-bkg.svg"); position: absolute; bottom: -3px; left: calc(50% - 1115px); } @media (max-width: 768px) { .page_landing-main .boost .container { padding-top: 0; padding-bottom: 0; } } .page_landing-main .boost .not-animated-arrow { transform: rotate(180deg); } .page_landing-main .boost__icon { margin: 0 auto 20px; display: block; } .page_landing-main .boost .title { text-align: center; font-size: 48px; line-height: 60px; margin-bottom: 20px; font-weight: 700; } .page_landing-main .boost__text { max-width: 900px; margin: 0 auto 40px; font-size: 20px; line-height: 32px; text-align: center; color: #494949; } .page_landing-main .boost__text a { text-decoration: none; color: #4285F4; } .page_landing-main .boost__text a:hover { color: #F7931A; } .page_landing-main .boost__img { display: block; margin: 0 auto 40px; position: relative; z-index: 3; } .page_landing-main .boost__img-mobile { display: none; } .page_landing-main .boost__baner { max-width: 800px; padding: 30px; border: 2px solid #F7931A; box-sizing: border-box; border-radius: 4px; font-size: 18px; line-height: 28px; color: #494949; margin: 0 auto 40px; } .page_landing-main .boost__baner b { font-weight: 700; color: #F7931A; } .page_landing-main .boost__baner--mob { display: none; } .page_landing-main .boost__btns { display: flex; align-items: center; flex-direction: column; justify-content: center; } .page_landing-main .boost__btns .btn { box-sizing: border-box; max-width: 320px; border-radius: 6px; } .page_landing-main .boost__btns .btn_simple { color: #4285F4; } @media (max-width: 769px) { .page_landing-main .boost__btns .btn_simple { margin-bottom: 40px; } } .page_landing-main .intro__info .btn { border-radius: 6px; } .page_landing-main .download { background: url("images/download-bkg.svg") no-repeat 0px 600px/contain; } @media (max-width: 1520px) { .page_landing-main .download { background: url("images/download-bkg.svg") no-repeat bottom right/contain; } } .page_landing-main .download__icon { background: url("images/download-icon.svg") no-repeat center/contain; width: 90px; height: 90px; margin: 0 auto 20px; } @media (max-width: 769px) { .page_landing-main .download__icon { width: 70px; height: 70px; } } .page_landing-main .download__container { max-width: 1280px; padding: 80px 90px 0px; margin: 0 auto; } @media (max-width: 1280px) { .page_landing-main .download__container { padding: 80px 20px 0; } } @media (max-width: 768px) { .page_landing-main .download__container .intro__info { max-width: none; } .page_landing-main .download__container .intro__info .intro__download-btns { margin-bottom: 40px; } .page_landing-main .download__container .intro__info .btn { margin: 0; max-width: none; } } .page_landing-main .download .title { font-weight: bold; font-size: 48px; line-height: 56px; text-align: center; margin-bottom: 20px; } .page_landing-main .download__text { max-width: 1000px; font-size: 20px; line-height: 32px; text-align: center; color: #494949; margin: 0 auto 40px; } .page_landing-main .download .intro__info { margin: 0 auto; } .page_landing-main .download .note { text-align: center; margin-bottom: 50px; } .page_landing-main .download .note b { font-weight: bold; } .page_landing-main .download .note a { text-decoration: none; color: #4285F4; transition: color 0.3s; } .page_landing-main .download .note a:hover { color: #F7931A; } .page_landing-main .download__baner { background: #F7F7F7; border: 1px solid #E6E6E6; box-sizing: border-box; border-radius: 6px; padding: 30px; font-size: 20px; line-height: 32px; color: #212121; max-width: 900px; margin: 0 auto; margin-bottom: 60px; text-align: center; } @media (max-width: 768px) { .page_landing-main .download__baner { margin-bottom: 0; } } .page_landing-main .download__baner b { font-weight: bold; } .page_landing-main .download__baner a { text-decoration: none; color: #4285F4; transition: color 0.3s; } .page_landing-main .download__baner a:hover { color: #F7931A; } @media (max-width: 1090px) { .page_landing-main .container { max-width: none !important; padding-right: 20px !important; padding-left: 20px !important; } .page_landing-main .section--orange .cards { max-width: none; width: 100%; padding: 0 20px; flex-wrap: wrap; } .page_landing-main .section--orange .cards .card:not(:last-child) { margin: 0; margin-bottom: 10px; } .page_landing-main .boost { background: #fff; } } @media (max-width: 991px) { .page_landing-main .first-section .info { max-width: none; width: 100%; text-align: center; } .page_landing-main .first-section .info .desc { max-width: none; } .page_landing-main .first-section .img { position: relative; width: 100%; right: -100px; } .page_landing-main .mobile-version__content .mobile__img { width: 600px; } .page_landing-main .boost .container::before { display: none; } } .ios-only, .android-only { display: none; max-width: none; width: 100%; border-radius: 6px; } .ios-only:hover, .android-only:hover { background-color: #000; } .mobile_ios .ios-only { display: inline-block; } .mobile_android .android-only { display: inline-block; } @media (max-width: 768px) { .page_landing-main .video-block { padding: 60px 20px; } .page_landing-main .video-block__text { color: #B3B3B3; line-height: 155%; } .page_landing-main .video-block__subtext { font-size: 14px; line-height: 20px; } .page_landing-main .video-block__arrow { margin: 30px 0; } .page_landing-main .video-block__btns { margin: 30px 0 80px; } .page_landing-main .video-block__btns .btn { max-width: none; } .page_landing-main .video-block__scheme-img { width: 100%; margin: 0 auto; margin-bottom: 30px !important; } .page_landing-main .video-block__subtitle { font-size: 24px; line-height: 32px; } .page_landing-main .video-block .calculate { padding-top: 20px; } .page_landing-main .download__text { font-size: 15px; line-height: 155%; } .page_landing-main .download__baner { padding: 15px; font-size: 16px; line-height: 26px; } .page_landing-main .download__container { padding: 60px 20px 0px; } .page_landing-main .download__container .intro__download-btns { display: none; } .page_landing-main .download__container .intro__info { margin-bottom: 38px; } .advantages__icon { height: 70px; width: auto; } .advantages .desc { font-size: 16px; line-height: 155%; margin-bottom: 30px; padding: 0; } .advantages__name { font-size: 24px; line-height: 32px; margin-bottom: 10px; text-align: center; } .advantages__desc { font-size: 14px; line-height: 22px; color: #494949; } .advantages .intro__info { display: none; } .advantages__list { grid-gap: 20px; margin-bottom: 30px; } .advantages__imageWrap { padding: 0; } .advantages__item { padding: 0 17.5px 20px; text-align: center; } .advantages__item:nth-child(1) .advantages__imageWrap { padding: 24px 0 0; } .advantages__item:nth-child(2) .advantages__imageWrap { padding: 41px 0 0; } .advantages__item:nth-child(3) .advantages__imageWrap { padding: 16px 0 0; } .advantages__item:nth-child(4) .advantages__imageWrap { padding: 25px 0 0; } .popup--download .popup__handler { max-width: 345px; } .popup--download .cancel { display: none; } .popup--download .cancel--mob { display: block; position: absolute; text-transform: uppercase; color: #fff; bottom: -35px; font-size: 14px; font-weight: 700; line-height: 16px; opacity: 1; left: 50%; transform: translateX(-50%); } .popup--download .popup-download__content { padding: 20px 15px 15px; } .popup--download .popup-download__content .btn, .popup--download .popup-download__content .intro__info { margin: 0; line-height: 56px; height: 56px; } .popup--download .popup-download__title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .popup--download .popup-download__text { font-size: 14px; line-height: 22px; margin-bottom: 30px; } .page_landing-main.land1 .header { margin-bottom: 0; } .page_landing-main.land1 .header__navbar.active { z-index: 100; } .page_landing-main.land1 .cryptotab-animate-icon { display: block; } .page_landing-main.land1 section { padding-top: 60px; padding-bottom: 60px; } .page_landing-main.land1 .advantages { padding-bottom: 30px; } .page_landing-main.land1 .container { margin: 0; } .page_landing-main.land1 .first-section { padding-top: 40px; background: url("images/top-mobile-bkg.svg") no-repeat bottom/contain; border-bottom: none; } .page_landing-main.land1 .first-section .container { overflow: auto; } .page_landing-main.land1 .first-section .intro__download-btns { display: none; } .page_landing-main.land1 .first-section .slogan, .page_landing-main.land1 .first-section .title { margin-bottom: 15px; } .page_landing-main.land1 .first-section .title { font-size: 36px; line-height: 46px; } .page_landing-main.land1 .first-section .desc { margin-bottom: 15px; font-size: 16px; line-height: 155%; display: none; } .page_landing-main.land1 .first-section .desc--mob { display: block; } .page_landing-main.land1 .first-section .btns div.popup { display: none; margin-top: 50px; } .page_landing-main.land1 .first-section .btns div.popup.active { display: block; } .page_landing-main.land1 .first-section .btns div.popup div { display: block !important; } .page_landing-main.land1 .first-section .img { width: calc(100% + 40px); display: block; margin-left: -20px; padding-bottom: 76px; position: static; } .page_landing-main.land1 .first-section .img.active { padding-bottom: 60px; } .page_landing-main.land1 .first-section .android-only, .page_landing-main.land1 .first-section .ios-only { position: fixed; bottom: 20px; right: 20px; left: 20px; width: calc(100% - 40px); z-index: 5; } .page_landing-main.land1 .first-section .android-only.active, .page_landing-main.land1 .first-section .ios-only.active { position: static; width: 100%; margin-top: -60px; } .page_landing-main.land1 .card:nth-child(n+3) { display: block; } .page_landing-main.land1 .mobile-version { padding: 40px 20px; } .page_landing-main.land1 .mobile-version__content .mobile__img { display: block; position: static; margin: 0 auto; max-width: 600px; width: 100%; min-width: 420px; } .page_landing-main.land1 .mobile-version__content:after { display: none; } .page_landing-main.land1 .mobile-version__title { max-width: none; } .page_landing-main.land1 .popup .google-play__link { max-width: none; } .page_landing-main.land1 .boost:not(li.boost) { padding: 60px 0px 0px; } .page_landing-main.land1 .boost__baner { max-width: none; display: none; background: #FFF7EE; border-radius: 6px; padding: 20px; font-size: 15px; line-height: 155%; } .page_landing-main.land1 .boost__baner--mob { display: block; } .page_landing-main.land1 .boost__icon { height: 70px; width: auto; } .page_landing-main.land1 .boost .tripple-arrow { display: none; } .page_landing-main.land1 .boost__mobile-img { background: url("images/boost-mobile.svg") no-repeat center/contain; width: 440px; height: 220px; position: relative; left: 50%; transform: translateX(-50%); } .page_landing-main.land1 .download { padding: 0px 0px 20px; background-position: 0px 400px; background-size: cover; } .page_landing-main.land1 .download__img { width: 677px; height: auto; max-width: none; position: relative; left: 50%; transform: translateX(calc(-50% + 78px)); } } @media (max-width: 600px) { .page_landing-main *:not(.first-section) .title { font-size: 28px !important; line-height: 40px !important; } .page_landing-main .first-section .title { font-size: 36px !important; line-height: 46px !important; max-width: 313px; margin-right: auto; margin-left: auto; } .page_landing-main .boost__text, .page_landing-main .subtitle { font-size: 15px; line-height: 24px; } .page_landing-main .boost__img:not(.boost__img-mobile) { display: none; } .page_landing-main .boost__img-mobile { display: block; } .page_landing-main .boost .btn { max-width: none; } .page_landing-main .first-section .img { left: -400px; } .page_landing-main .section--orange .title { padding: 0 20px; } .page_landing-main .video-block .subtitle { font-size: 28px; line-height: 40px; } .page_landing-main .download .title { font-size: 28px; line-height: 40px; } } @media (max-width: 476px) { .page_landing-main.land1 .mobile-version__content .mobile__img { min-width: 600px; position: relative; bottom: auto; right: auto; top: auto; left: calc(50% - 350px); } } .promo-ct-nft .top-notification-black__title--mob, .promo-halloween .top-notification-black__title--mob { display: none; } .promo-ct-nft .top-notification-black__description--mob, .promo-halloween .top-notification-black__description--mob { display: none; } @media (max-width: 768px) { .promo-ct-nft .top-notification-black__description, .promo-halloween .top-notification-black__description { display: none; } .promo-ct-nft .top-notification-black__description--mob, .promo-halloween .top-notification-black__description--mob { display: block; } } @media (max-width: 767px) { .promo-ct-farm .container { padding: 0 !important; } .promo-ct-farm .top-notification-black__icon, .promo-ct-farm .top-notification-black__btn { display: none; } .promo-ct-farm .top-notification-black__wrapper { margin: 17px 35px 15px 15px; } .promo-ct-farm .top-notification-black__text { text-align: left; margin-bottom: 0; } .promo-ct-farm .top-notification-black__text p { position: relative; } .promo-ct-farm .top-notification-black__text p:after { content: url("./images/icon-back.svg"); display: flex; align-items: center; justify-content: center; position: absolute; background: #F7931A; top: 0; right: -35px; height: 100%; padding: 0 8px; border-radius: 10px 0px 0px 10px; } .promo-ct-farm .top-notification-black__title { display: flex; align-items: center; } .promo-ct-farm .top-notification-black__title:before { content: url("./images/icon-mobile-banner.svg"); display: block; margin-right: 15px; } .promo-ct-farm .top-notification-black__close { background-color: transparent; } .promo-ct-nft .top-notification-black__title, .promo-halloween .top-notification-black__title { font-size: 15px; line-height: 22px; margin-bottom: 15px; display: none; } .promo-ct-nft .top-notification-black__title:before, .promo-halloween .top-notification-black__title:before { content: ""; width: 72px; height: 40px; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .promo-ct-nft .top-notification-black__title--mob, .promo-halloween .top-notification-black__title--mob { display: flex; } .promo-ct-nft .top-notification-black__text p, .promo-halloween .top-notification-black__text p { font-size: 13px; line-height: 20px; } .promo-halloween .top-notification-black__title:before { content: url("./images/icon-promo-halloween-mob.svg") !important; } .promo-tags .top-notification-black__title:before { content: url("./images/icon-tags-mob.svg") !important; width: auto !important; } .promo-christmas .top-notification-black__title:before { content: url("./images/gift-mob.svg") !important; width: auto; } .promo-jackbot .top-notification-black__title:before { content: url("./images/icon-promo-jackbot-mob.svg") !important; width: auto; } .promo-airdrop .top-notification-black__title:before { content: url("./images/icon-airdrop-mob.svg") !important; width: auto; } .promo-black .top-notification-black__title:before { content: url("./images/icon-black-mob.svg") !important; width: auto; } .promo-holiday .banner-label--mob { top: 18px; } .promo-holiday .top-notification-black { margin-right: 25px; } .promo-holiday .top-notification-black__title:before { top: 40px; content: url("./images/promo-holiday/icon-mob.svg") !important; } } .is_promo_block_swap .promo-farm { display: block; } .is_promo_block_swap .promo-wallet#pw-section { display: none; } .is_promo_block_swap .mini-block-farm { display: none; } .is_promo_block_swap .mini-block-farm--wallet { display: flex; } /*# sourceMappingURL=landing_main.css.map */