@charset "UTF-8"; * { margin: 0; padding: 0; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-focus-ring-color: rgba(255, 255, 255, 0); cursor: default; } body { font-size: 100%; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } a { background: transparent; } *:focus, *:active, *:hover { outline: none; } hr { box-sizing: content-box; height: 0; } ol, ul { list-style: none; } pre { -moz-tab-size: 4; tab-size: 4; white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } img { border: none; } svg:not(:root) { overflow: hidden; } button, input { line-height: normal; } button, select { text-transform: none; } button { overflow: visible; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: none; padding: 0; } textarea { overflow: auto; vertical-align: top; } button, input, select[multiple], textarea { background-image: none; } input, select, textarea { border-radius: 0; box-shadow: none; } input, textarea { resize: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } [placeholder]:focus::-moz-placeholder { color: transparent; } [placeholder]:focus:-ms-input-placeholder { color: transparent; } [placeholder]:focus::placeholder { color: transparent; } table { border-collapse: collapse; border-spacing: 0; } .cryptotab-animate-icon { max-width: 90px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (max-width: 767px) { .cryptotab-animate-icon { display: none; } } .simple-logo { max-width: 246px; width: 100%; margin-top: 10px; } @media (max-width: 768px) { .simple-logo { max-width: 156px; margin-top: 10px; } } html { scroll-behavior: smooth; } html, body:not(.page_faq) { overflow-x: hidden; } .wrapper-page { background-color: #f7f7f7; padding-bottom: 70px; } .wrapper-page--page-status { padding-bottom: 0; } .wrapper-page--white { background-color: #fff; } @media (max-width: 768px) { .wrapper-page .header .promo { display: none; } } .description { display: block; } .lang { display: block; width: 70px; position: relative; z-index: 100; text-align: left; flex-shrink: 0; } .lang__current { display: block; width: 100%; height: 30px; position: relative; line-height: 30px; padding-left: 30px; background: #FFFFFF; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); border-radius: 6px; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #323232; cursor: default; text-transform: uppercase; overflow: hidden; } .lang__current:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: 13px; right: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #D0D0D0; } .lang.opened .lang__current:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: 12px; right: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: none; border-bottom: 4px solid #D0D0D0; } .lang__current:hover { color: #3E82F7; } .lang__current img, .lang__current amp-img { display: block; position: absolute; top: 9px; left: 9px; } .lang__list { display: none; list-style-type: none; padding: 10px 0; margin: 5px 0 0; background: #FFFFFF; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); border-radius: 6px; position: absolute; width: 100%; } .lang.opened .lang__list { display: block; } .lang__item { display: block; width: 100%; height: 28px; padding-left: 9px; line-height: 28px; color: #323232; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; } .lang__item:hover { color: #fff; background-color: #3E82F7; } .lang__item img, .lang__item amp-img { margin-right: 6px; } .lang__item amp-img img { margin: 0; } .title { display: block; font-size: 48px; line-height: 60px; margin-bottom: 20px; text-align: center; font-weight: 300; } .title strong { font-weight: 700; } @media (max-width: 768px) { .title { font-size: 34px; line-height: 38px; margin-bottom: 10px; } } .subtitle { display: block; font-size: 48px; line-height: 60px; margin-bottom: 20px; font-weight: 600; color: #000; text-align: center; } .subtitle_white { color: #fff; } @media (max-width: 767px) { .subtitle { font-size: 28px; line-height: 31px; } } .container { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 266px); background-color: #fff; padding-top: 150px; } @media only screen and (max-width: 1040px) { .container { display: block; padding-top: 40px; } } @media only screen and (max-width: 880px) { .container { min-height: 0; } } @media only screen and (max-width: 768px) { .container { padding-top: 0; } } .container--flex { padding: 40px 20px; background: transparent; } .container__text { display: block; max-width: 840px; padding-left: 20px; padding-right: 20px; padding-bottom: 85px; } @media only screen and (max-width: 1040px) { .container__text { margin-left: auto; margin-right: auto; } } .container__text h1 { font-size: 48px; line-height: 53px; margin-bottom: 27px; } .container__text h2 { display: block; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #1f232c; } @media only screen and (max-width: 768px) { .container__text h2 { font-size: 18px; line-height: 20px; margin-bottom: 15px; } } .container__text p { display: block; font-size: 16px; line-height: 24px; color: #494949; margin-bottom: 15px; text-align: justify; } @media only screen and (max-width: 768px) { .container__text p { font-size: 14px; line-height: 20px; } } .container__text p + h2 { margin-top: 25px; } .container__text b, .container__text strong { font-weight: bold; } .container__text ul { color: #494952; margin-bottom: 20px; list-style-type: circle; list-style-position: outside; padding-left: 20px; } .container__text li { margin-bottom: 10px; line-height: 24px; } .container .header { position: absolute; top: 0; left: 0; } @media only screen and (max-width: 1040px) { .container .header { position: static; } } .container__text p a, .container__text .questions a { color: #4285f4; text-decoration: none; } .container__text p a:hover, .container__text .questions a:hover { color: #f7931a; } .page { font-family: Arial, Helvetica, sans-serif; background-color: #000; min-width: 320px; } .page_black .coins { background-color: #000; } .page--gray { background-color: #f7f7f7; } .page--gray .container { background-color: transparent; } .page--white { background-color: #fff; } .page_blocked { overflow: hidden; } .page_ru .btn_black { padding-left: 75px; } .page_es .trust { max-width: 380px; } .page_fr .trust { max-width: 430px; } .page_en .first__screen p, .page_fr .first__screen p, .page_es .first__screen p { margin-bottom: 35px; } .page_en .trust_top, .page_fr .trust_top, .page_es .trust_top { margin-bottom: 30px; } .page_inline .coins { z-index: 1; background-color: transparent; } .page_inline .header { z-index: 20; } .page_inline .container { position: relative; padding-bottom: 450px; } .page_inline .container__text { padding-bottom: 20px; z-index: 10; } .page_inline .container__text h1, .page_inline .container__text p { text-align: center; } .page_withcoins .header { z-index: 10; } .page_payments .container__text, .page_leaderboard .container__text, .page_results .container__text { max-width: 790px; } .page_withcoins .container__text { z-index: 1; max-width: 900px; width: 100%; } .page_payments .container__text h1, .page_leaderboard .container__text h1, .page_results .container__text h1, .page_uninstall .container__text h1, .page_generator .container__text h1 { text-align: center; font-weight: bold; margin-bottom: 25px; } .page_payments .container__text p, .page_leaderboard .container__text p, .page_results .container__text p, .page_uninstall .container__text p, .page_generator .container__text p { font-size: 18px; line-height: 20px; text-align: center; color: #494949; margin-bottom: 20px; } @media only screen and (max-width: 850px) { .page_promo .container { display: block; padding-top: 0; } .page_promo .header { position: static; margin-bottom: 30px; } .page_promo .header__container { flex-direction: column; } .page_promo .logo { margin-bottom: 30px; } } @media only screen and (max-width: 1250px) { .page_v2 .first { overflow-x: hidden; } .page_v2 .header__socials span { display: none; } .page_v2 .header .logo { margin-right: 20px; } } .container_promo { display: none; /*transform: translateY(-100%); transition: .5s;*/ } .container_promo .header { z-index: 10; } @media only screen and (max-width: 980px) { .container_promo .store { display: none; } } .page_promo .container__text, .container_promo .container__text { max-width: 1040px; text-align: center; padding-bottom: 60px; z-index: 1; } .page_promo .container__text p, .container_promo .container__text p { text-align: center; line-height: 17px; } .page_faq .container { background-color: #f7f7f7; position: relative; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .page_tab .first { margin-bottom: 0; border-bottom: 1px solid #c0c0c0; } .page_tab .first__screen { background-position: bottom center; } @media only screen and (max-width: 840px) { .page_tab .header__container { flex-direction: column; } .page_tab .logo { margin-bottom: 30px; } } @media only screen and (max-width: 560px) { .page_tab .header__navbar { flex-direction: column; } } .header { width: 100%; padding: 20px 40px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .header .logo-animated svg { transform: none !important; } @media (min-width: 1201px) { .header.fixed:not(.header--not-fixed) .header__wrapper { position: fixed; top: -80px; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.96); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); z-index: 99; transform: translateY(100%); transition: transform 0.3s ease-in-out, background-color 0.2s; } .header.fixed:not(.header--not-fixed) .header__wrapper .header__container { padding-left: 40px; padding-right: 40px; } .header.fixed:not(.header--not-fixed) .header__wrapper .logo { height: 50px; } .header.fixed:not(.header--not-fixed) .header__wrapper .logo.logo-animated-pro--dark { width: 260px; height: auto; } .header.fixed:not(.header--not-fixed) .header__wrapper .logo img { max-height: 100%; } } .header__wrapper { width: 100%; transition: background-color 0.2s; } .header__container { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; } @media (min-width: 1200px) { .header__container { min-height: 80px; } } .header__navbar { display: flex; align-items: center; z-index: 20; } .header__menu { margin-right: 30px; animation-delay: 0.75s; animation-duration: 1.5s; flex-wrap: nowrap; display: flex; justify-content: center; } .header__menu > a { font-weight: bold; font-size: 14px; text-decoration: none; color: #4285F4; text-transform: uppercase; animation-delay: 2s; animation-duration: 1.5s; white-space: nowrap; } .header__menu > a:hover { color: #f7931a; } .header__menu > a + a { margin-left: 25px; } .header__menu > a.active { color: #000; pointer-events: none; position: relative; } .header__menu > a.active:after { content: ""; display: block; width: 100%; height: 3px; background-color: #F7931A; position: absolute; bottom: -13px; left: 0; } .header__socials { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #757575; margin-right: 30px; text-transform: capitalize; animation-delay: 1s; animation-duration: 1.5s; } .header__socials a { text-decoration: none; } .header__socials a:hover svg path { fill: #F7931A; } .header__socials a + a { margin-left: 19px; } .header__socials span i { margin-left: 10px; } .header__lang { animation-delay: 1.45s; animation-duration: 1.5s; } .header__lang_black .lang__current { background-color: #282828; border: 1px solid #757575; color: #fff; } .header__lang_black .lang__current:hover { background-color: #fff; border-color: #fff; } .header__lang_black .lang.opened .lang__current:before { top: 13px; right: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #D0D0D0; border-bottom: none; } .header__lang_transparent .lang__current { background-color: transparent; color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5); } .header__lang_transparent .lang__current:hover { background-color: #fff; box-shadow: 0 0 0 1px #fff; } .header__lang_transparent .lang.opened .lang__current { color: #3E82F7; background-color: #fff; box-shadow: 0 0 0 1px #fff; } @media (min-width: 1201px) { .header--inverse.fixed:not(.header--not-fixed) .header__wrapper { background-color: rgba(0, 0, 0, 0.9); } } .header--inverse .lang__current { background-color: #282828; border: 1px solid #757575; color: #fff; } .header--inverse .lang__current:hover { background-color: #fff; border-color: #fff; color: #4285f4; } .header--inverse .header__socials > span { color: #D6D6D6; } .header--inverse .header__socials .social-link_instagram:not(:hover) svg #instagram_up { fill: #fff; } @media (max-width: 768px) { .header--inverse .header__logo, .header--inverse .header__navbar { background-color: #000; border-color: rgba(255, 255, 255, 0.3); } .header--inverse .header__navbar { border-bottom-width: 1px; border-bottom-style: solid; } .header--inverse .header__menu { border-color: rgba(255, 255, 255, 0.3); } } @media (min-width: 1200px) { .header { min-height: 120px; } } @media only screen and (max-width: 1200px) { .header { flex-direction: column; } .header__container { flex-direction: column; } .header__navbar { flex-wrap: wrap; justify-content: center; } .header__menu { margin-right: 0; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; text-align: center; } } @media only screen and (max-width: 768px) { .header { padding: 0; margin-bottom: 40px; position: relative; z-index: 100; min-height: 61px; } .header.fixed .header__wrapper { position: fixed; top: -61px; left: 0; width: 100%; z-index: 99; transform: translateY(100%); transition: transform 0.3s ease-in-out, background-color 0.2s; } .header__container { background-color: #fff; } .header__navbar { position: absolute; width: 100%; justify-content: space-between; padding: 0; flex-wrap: wrap; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; background: #FFFFFF; top: 0; opacity: 0; transform: translateY(-100%); } .header__navbar.active { opacity: 1; transform: translateY(60px); } .header__navbar .store-links { display: none; } .header__navbar .lang { display: block; } .header__logo { display: flex; align-items: center; justify-content: center; padding-top: 10px; padding-bottom: 10px; width: 100%; min-height: 60px; border-bottom: 1px solid #D6D6D6; background-color: #fff; z-index: 100; } .header__lang { margin-right: 15px; margin-top: 13px; margin-bottom: 14px; } .header__menu { display: block; justify-content: flex-start; width: 100%; margin-right: 0; padding-top: 20px; padding-bottom: 19px; border-bottom: 1px solid #D6D6D6; margin-right: 0 !important; overflow-x: scroll; padding-left: 20px; padding-right: 20px; margin-bottom: 0; white-space: nowrap; } .header__menu::-webkit-scrollbar { display: none; } .header__menu:after { content: ""; display: block; width: 20px; } .header__menu > a { display: inline-block; } .header__menu > a:last-child { margin-right: 20px; } .header__menu a.active:after { bottom: -18px; } .header__socials { margin-right: 0; margin-left: 15px; } .header__socials span { display: block; margin-right: 10px; } } @media only screen and (max-width: 720px) { .header .header .lang { display: none; } } @media only screen and (max-width: 910px) { .first .header__container { justify-content: center; flex-wrap: wrap; flex-direction: column; } .first .header .logo { margin-bottom: 30px; } } .burger { display: none; width: 60px; height: 60px; position: absolute; left: 19px; transition: all 0.3s; cursor: pointer; z-index: 200; flex-direction: column; align-items: center; justify-content: center; margin-left: -21px; } @media only screen and (max-width: 768px) { .burger { display: flex; } } .burger.active { transform: rotate(90deg); } .burger.active span, .burger.active:before, .burger.active:after { background-color: #4285f4; } .burger span { display: block; width: 18px; height: 2px; background-color: #757575; margin: 3px 0; } .burger:before, .burger:after { content: ""; display: block; width: 18px; height: 2px; background-color: #757575; } .page_payments .container { margin-top: 40px; } @media (max-width: 1040px) { .page_payments .container { margin-top: 0; } } .logo-animated { display: block; height: 80px; } .logo-animated--browser svg { position: relative; width: 400px !important; height: 96px !important; top: -8px; left: -14px; } @media (max-width: 1280px) { .logo-animated { height: 60px; } .logo-animated--browser svg { width: 100% !important; top: -18px; } } @media (max-width: 1150px) { .logo-animated { margin-bottom: 20px; } } @media (max-width: 768px) { .logo-animated { height: 40px; margin-top: -10px; margin-bottom: -10px; } .logo-animated--browser svg { width: 100% !important; height: 40px !important; top: 0; left: 0; } } @media (max-width: 330px) { .logo-animated--browser svg { height: 50px !important; top: 5px; } } .logo-animated--news-layout { display: flex; align-items: center; justify-content: center; } .logo-animated--news-layout svg { position: static !important; height: 60px !important; width: 347px !important; } @media (max-width: 1200px) { .logo-animated--news-layout { margin-bottom: 20px; } } @media (max-width: 768px) { .logo-animated--news-layout { height: 40px; margin-bottom: -10px; } .logo-animated--news-layout svg { width: 100% !important; height: 40px !important; top: 0; left: 0; } } @media (min-width: 1200px) { .header.fixed:not(.header--not-fixed) .logo-animated--browser svg { width: 100% !important; max-width: 332px !important; left: -10px; } .header.fixed:not(.header--not-fixed) .logo-animated--news-layout svg { max-width: none !important; height: 50px !important; } } .menu { display: block; margin-right: 20px; padding-top: 10px; } .menu:nth-of-type(3) { min-width: 190px; } .menu__item { display: block; } .menu__item a { color: #fff; font-size: 13px; line-height: 18px; text-decoration: none; } .menu__item a:hover { color: #f7931a; } @media only screen and (max-width: 480px) { .menu__item { text-align: center; justify-content: center; } } .menu__item + .menu__item { margin-top: 18px; } .menu__item span:not(.bonus) { color: #4285f4; font-size: 13px; line-height: 18px; text-decoration: none; } .menu__item_email { margin-top: 20px; padding-left: 27px; background-image: url("../images/mail-icon.svg"); background-size: 17px 14px; background-repeat: no-repeat; background-position: left center; } .menu__item_email a { color: #fff; border-bottom: 1px solid #F7931A; } .menu__item b { font-weight: bold; } .menu__label { display: block; font-size: 14px; line-height: 16px; font-weight: bold; color: #757575; margin-bottom: 18px; } .menu:last-child { margin-right: 0; } .menu__item_join { display: flex; align-items: center; color: #757575; white-space: nowrap; font-size: 13px; line-height: 18px; margin-bottom: 20px; } .menu__item_join span:not(.bonus) { color: #757575; } .button { display: inline-block; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; border: none; background-color: transparent; text-align: center; } .button_size_l { font-size: 16px; line-height: 17px; padding: 22px 20px 21px; border-radius: 3px; } .button_primary { background-color: #4285f4; } .button_primary:hover { background-color: #F7931A; } .button_primary:active { background-color: #d6d6d6; } .button_secondary { color: #494949; font-size: 13px; line-height: 15px; } .button_secondary:hover { color: #000; } .btn { display: inline-block; height: 60px; background-color: #4285f4; color: #fff; font-weight: 300; font-size: 16px; line-height: 60px; text-transform: uppercase; text-decoration: none; padding-left: 61px; padding-right: 34px; cursor: pointer; border-radius: 6px; position: relative; overflow: hidden; border: none; } .btn strong { font-weight: 700; } .btn:hover { background-color: #f7931a; } .btn:active { background-color: #d6d6d6; } .btn--black:not(:hover):not(:active) { background-color: #000; } .btn_primary { display: inline-block; height: 40px; font-size: 12px; line-height: 40px; font-weight: bold; text-transform: uppercase; border-radius: 2px; background-repeat: no-repeat; background-position: 10px center; cursor: pointer; position: relative; background-color: #4285f4; color: #fff; border: none; min-width: 90px; padding: 0; padding-left: 20px; padding-right: 20px; } .btn_primary:hover { background-color: #f7931a; color: #fff; } .btn_primary:active { background-color: #d6d6d6; color: #fff; } .btn_secondary { height: 40px; background-color: transparent; font-size: 13px; line-height: 40px; color: #494949; font-weight: bold; padding: 0; } .btn_secondary.blue { color: #4285f4; } .btn_secondary.blue:hover { color: #000; } .btn_secondary:hover { background-color: transparent; color: #4285f4; } .btn_compact { line-height: 40; height: 40px; min-width: 160px; } .btn_os:before { content: ""; position: absolute; width: 24px; height: 24px; left: 20px; top: 18px; background-size: auto 24px; background-position: center; background-repeat: no-repeat; } .mac .btn_os:before { background-image: url(../images/icon-mac.svg); } .win .btn_os:before { background-image: url(../images/icon-win.svg); } .btn_plus { height: auto; min-height: 60px; line-height: normal; } .btn_plus:before { content: ""; display: block; position: absolute; top: 22px; left: 25px; background-image: url("../images/sprites/sprite.png"); background-position: -148px -95px; width: 16px; height: 16px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_plus:before { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } .btn_download { height: auto; min-height: 60px; line-height: normal; font-weight: bold; padding-top: 22px; padding-bottom: 21px; } .btn_download:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 26px; background-image: url("../images/btn-download.png"); width: 12px; height: 14px; } .btn_download:hover { background-color: #F7931A; } .btn_download:active { background-color: #d6d6d6; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_download:before { background-image: url("../images/btn-download@2x.png"); background-size: 12px 14px; } } @media (max-width: 768px) { .btn_download { width: 100%; max-width: 380px; padding-left: 50px; } .btn_download span { display: none; } } .btn--download { display: flex; align-items: center; justify-content: center; padding: 10px 20px; font-weight: bold; font-size: 16px; line-height: 1; } .btn--download::before { content: ""; flex: 0 0 auto; position: relative; display: none; width: 24px; height: 24px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: auto auto; } .page.os-desktop .btn--download::before { display: block; } .page.mac .btn--download::before { top: -2px; background-image: url(../images/icon-apple.svg); } .page.win .btn--download::before { top: -1px; background-image: url(../images/icon-windows.svg); } /* Store buttons */ .btn--small-mobile { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; padding: 0; width: 60px; height: 60px; background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: 28px 28px; } .btn--small-mobile.ios { background-image: url(../images/icon-appstore.svg); } .btn--small-mobile.android { background-image: url(../images/icon-google-play.png); } @media (max-width: 768px) { .btn--small-mobile { display: none; } } .page.mobile .btn--small-mobile { display: none; } /* Large store buttons */ .btn--base-mobile { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: 100%; max-width: 320px; height: 60px; background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: 28px 28px; margin-top: 3px; margin-bottom: 3px; } .btn--base-mobile.ios { background-image: url(../images/app-store-btn_2@2x.png); background-size: 157px 37px; } .btn--base-mobile.android { background-image: url(../images/get-it-on-google-play@2x.png); background-size: 157px 37px; } .btn--base-mobile + .note { margin-top: 15px; } .btn_orange { background-color: #F7931A; } .btn_orange:hover { background-color: #4285f4; } .btn_orange:active { background-color: #d6d6d6; } .btn_black { background-color: #000; min-width: 300px; padding-left: 91px; font-weight: 700; border: 1px solid #000; line-height: 58px; text-align: left; } .btn_black:hover { background-color: #fff; border-color: #fff; color: #4285f4; } .btn_black:hover:before { background-image: url("../images/sprites/sprite.png"); background-position: -124px -95px; width: 16px; height: 16px; } .btn_black:active { background-color: #4285f4; border: 1px solid #fff; color: #fff; } .btn_black:active:before { background-image: url("../images/sprites/sprite.png"); background-position: -148px -95px; width: 16px; height: 16px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_black:hover:before { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } .btn_black:active:before { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } .btn_calc { padding-left: 91px; text-align: left; font-size: 18px; padding-right: 68px; font-weight: normal; } .btn_calc:before { content: ""; display: block; position: absolute; top: 23px; left: 68px; background-image: url("../images/sprites/sprite.png"); background-position: -172px -95px; width: 13px; height: 14px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_calc:before { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } @media (max-width: 768px) { .btn_calc { height: auto; min-height: 50px; font-size: 16px; background-position: 47px center; line-height: 17px; padding: 17px 20px 16px 45px; text-align: center; } .btn_calc:before { left: 20px; top: 50%; transform: translateY(-50%); } } .btn_calc.active:before { opacity: 0; } .btn_calc.active span { opacity: 0; } .btn_calc.active .loader { visibility: visible; opacity: 1; } .btn_calc .loader { position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; width: 100%; } .btn_link { display: inline-block; padding: 0; color: #4285f4; font-size: 14px; line-height: 16px; font-weight: bold; height: auto; background: none; } .btn_link:hover, .btn_link.gray:hover { color: #000; background-color: transparent; } .btn_link:active { background-color: transparent; } .btn_link + .btn_link { margin-left: 20px; } .btn_link.gray { color: #757575; } .btn_default { display: block; width: 100%; max-width: 360px; height: 45px; line-height: 45px; font-size: 14px; font-weight: bold; margin-left: auto; margin-right: auto; padding-left: 34px; } .btn_big { width: auto; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; min-width: 280px; border-radius: 3px; } .btn_simple { background-color: #fff; border: 1px solid #d6d6d6; color: #000; font-weight: bold; text-align: center; padding-left: 20px; padding-right: 10px; } .btn_simple span { position: relative; } .btn_simple span::after { content: ""; display: inline-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) { .btn_simple span::after { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } .btn_simple:hover { border-color: #4285f4; color: #4285f4; background-color: #fff; } .btn_simple:active { color: #757575; background-color: #fff; border-color: #d6d6d6; } .btn_social { width: 80px; background-repeat: no-repeat; background-position: center; position: relative; flex-shrink: 0; padding-left: 0; padding-right: 0; } @media screen and (max-width: 540px) { .btn_social { margin: 0 7px 15px; } } .btn_social:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-size: cover; } @media (max-width: 768px) { .btn_social { display: block; height: 40px; line-height: 40px; border-radius: 2px; cursor: pointer; border: none; outline: none; width: 50px; background-repeat: no-repeat; background-position: center; position: relative; flex-shrink: 0; } .btn_social:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-size: contain; } .btn_social_vk { background-color: #597da2; } .btn_social_vk:hover { background-color: #678eb6; } .btn_social_vk:active { background-color: #446a91; } .btn_social_vk:before { width: 22px; height: 12px; } .btn_social_fb { background-color: #4861a3; } .btn_social_fb:hover { background-color: #5777cc; } .btn_social_fb:active { background-color: #374c82; } .btn_social_fb:before { width: 9px; height: 16px; } .btn_social_tw { background-color: #1da1f2; } .btn_social_tw:hover { background-color: #3eb5ff; } .btn_social_tw:active { background-color: #1588ce; } .btn_social_tw:before { width: 16px; height: 13px; } .btn_social_gplus { background-color: #dd5044; } .btn_social_gplus:hover { background-color: #fb5446; } .btn_social_gplus:active { background-color: #bf4339; } .btn_social_gplus:before { width: 19px; height: 12px; } .btn_social_mail { text-indent: -9999px; background-color: #fff; border: 1px solid #cdcdcd; background-size: 23px 18px; } .btn_social_mail:hover { border: 2px solid #4285f4; } .btn_social_mail:active { background-color: #d6d6d6; border-color: #d6d6d6; } .btn_social_mail:active:before { opacity: 0.7; } } .btn_web-version { background-color: #F7931A; font-weight: bold; padding: 19px 50px 18px 38px; width: 100%; max-width: 390px; text-align: center; background-image: url("../images/cryptotab-icon.svg"); background-size: 18px 21px; background-repeat: no-repeat; background-position: left 20px center; height: auto; line-height: 23px; } .btn_web-version:after { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; right: 20px; margin-top: -8px; top: 50%; } .btn_web-version:hover { background-color: #4285f4; } .btn_web-version:active { background-color: #d6d6d6; } .btn_copytext { display: inline-block; padding: 0 0 0 22px; color: #4285f4; font-weight: bold; height: auto; font-size: 13px; line-height: 18px; background-position: left center; background-repeat: no-repeat; background-size: 16px 18px; background-color: transparent; background-image: url("../images/icon-copy.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_copytext { background-image: url("../images/icon-copy@2x.png"); } } .btn_copytext:hover { color: #F7931A; background-color: transparent; background-image: url("../images/icon-copy-hover.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_copytext:hover { background-image: url("../images/icon-copy-hover@2x.png"); } } .btn_app-store, .btn_google-play { background-color: #000; background-image: url(../images/get-it-on-google-play.png); background-repeat: no-repeat; background-position: center; background-size: 157px 37px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_app-store, .btn_google-play { background-image: url("../images/get-it-on-google-play@2x.png"); } } .btn_app-store:hover, .btn_google-play:hover { background-color: #F7931A; } .btn_app-store { background-image: url(../images/app-store-btn.png); background-size: 139px 37px; background-position: calc(50% - 9px) center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .btn_app-store { background-image: url("../images/app-store-btn@2x.png"); } } @media (max-width: 768px) { .btn_copy { height: 34px; line-height: 34px; width: auto; padding: 0 15px; font-size: 12px; } } .btn_download + .note { margin-top: 15px; } .footer { display: block; background-color: #000; min-height: 100px; padding-top: 30px; position: relative; z-index: 2; } .footer__content { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1100px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; padding-bottom: 35px; } .footer__left-side { display: flex; align-items: flex-start; position: relative; } .footer .lang__current { background-color: #282828; border: 1px solid #757575; color: #fff; border-radius: 6px; } .footer .lang__current:before { top: 12px; right: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: none; border-bottom: 4px solid #D0D0D0; } .footer .lang__current:hover { background-color: #fff; border-color: #fff; color: #4285f4; } .footer .lang.opened .lang__current:before { top: 13px; right: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #D0D0D0; border-bottom: none; } .footer .lang__list { transform: translateY(calc(-100% - 40px)); position: absolute; width: 100%; border-radius: 6px; } .footer__right-side { display: flex; align-items: flex-start; width: 100%; } .footer__logo { display: block; width: 100%; margin-bottom: 25px; } .footer__logo img { display: block; } .footer__bottom { display: block; width: 100%; border-top: 1px solid #212121; padding-top: 15px; padding-bottom: 15px; } .footer__bottom .footer__content { padding-bottom: 0; align-items: center; } .footer__copyright { display: block; font-size: 12px; line-height: 18px; color: #757575; } .footer__btns { margin-right: 20px; padding-top: 13px; } .footer__btns .fb-like { margin-bottom: 20px; } .footer__menu { display: flex; width: 100%; justify-content: space-between; } @media only screen and (max-width: 1000px) { .footer__menu { padding-right: 0; width: 100%; } } .footer__store-links { display: flex; flex-direction: column; align-items: center; } .store-links { display: flex; max-width: 118px; flex-wrap: wrap; justify-content: space-between; } .footer .store { border-color: #757575; background-color: #282828; } .footer .store:hover { border-color: #4285f4; background-color: #4285f4; } .footer .store:active { background-color: #494949; border-color: #494949; } .footer .store__first-line, .footer .store__second-line { display: none !important; } .footer .google-play { width: 165px; } .footer .store_cryptosearch:before { left: 14px; } .page_withcoins .footer { position: relative; z-index: 10; } .bonus { display: inline-block; padding: 3px 4px; border-radius: 4px; margin-left: 8px; font-size: 10px; text-transform: uppercase; font-weight: bold; background-color: #4285f4; color: #fff; } .bonus_orange { background-color: #F7931A; } .bonus_red { background-color: #F74249; } .bonus_turq { background-color: #1AB9E5; } .bonus_purple { background-color: #A033CC; } .bonus_green { background-color: #1DC886; } @media only screen and (max-width: 1040px) { .page_ru .footer .footer__store-links { width: 100%; justify-content: center; margin-top: 30px; } } @media only screen and (max-width: 1000px) { .footer .footer__store-links { width: 100%; justify-content: center; margin-top: 30px; } } @media only screen and (max-width: 900px) { .page_ru .footer .menu__col { width: 100%; text-align: center; margin-right: 0; margin-bottom: 10px; } } @media only screen and (max-width: 800px) { .footer { padding-top: 0; position: relative; } .footer__content { padding: 20px 20px 40px; flex-wrap: wrap; align-items: center; justify-content: space-between; flex-direction: column; } .footer__bottom .footer__content { padding-top: 0; } .footer .lang { position: absolute; top: 25px; right: 20px; } .footer__btns { width: 100%; margin-right: 0; display: flex; flex-direction: column; align-items: center; order: 4; } .footer__btns .fb-like { margin-bottom: 0; } .footer__store-links { order: 2; margin-top: 25px; margin-bottom: 10px; } .footer .menu { margin-bottom: 20px; margin-right: 0; text-align: center; } .footer .menu__item, .footer .menu__label { text-align: left; } .footer .menu__item_join { justify-content: flex-start; } .footer__social-links { display: flex; order: 3; color: #757575; white-space: nowrap; font-size: 13px; line-height: 18px; margin-bottom: 12px; } .footer__menu { flex-direction: column; width: auto; } } @media screen and (max-width: 380px) { .footer__logo { align-self: flex-start; } .footer__logo img { width: 190px; height: auto; } } .scroll2top { display: block; width: 50px; height: 50px; position: fixed; right: 0; bottom: 80px; z-index: 10; border-radius: 6px 0 0 6px; background-color: #f7931a; cursor: pointer; background-image: url("../images/scroll2top.png"); background-repeat: no-repeat; background-position: center center; background-size: 18px 24px; opacity: 0; transition: opacity 1s; pointer-events: none; } .scroll2top.show { opacity: 1; pointer-events: auto; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .scroll2top { background-image: url("../images/scroll2top@2x.png"); } } .scroll2top:hover { background-color: #4285f4; } ul.pagination { display: block; text-align: center; padding-left: 0; margin-bottom: 0; list-style-type: none; } ul.pagination li { display: inline-block; margin-bottom: 0; } ul.pagination a, ul.pagination span { display: flex; align-items: center; justify-content: center; height: 40px; background-color: #fff; border: 1px solid #D6D6D6; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #000; font-weight: bold; border-radius: 6px; width: 40px; text-decoration: none; transition: all 0.2s; } ul.pagination a:hover { color: #4285f4; border-color: #4285f4; } ul.pagination span.active { color: #fff; background-color: #4285f4; border-color: #4285f4; } ul.pagination li + li { margin-left: 5px; } ul.pagination a.pagination__prev, ul.pagination a.pagination__next { min-width: 70px; width: auto; padding-left: 10px; padding-right: 10px; } .page_payments ul.pagination li { margin-bottom: 10px; } .notification { display: block; width: 100%; background-color: #000; padding-left: 30px; padding-right: 30px; background-image: linear-gradient(-135deg, #494949 15%, #000 85%); border-bottom: 5px solid #F7931A; position: relative; cursor: pointer; text-decoration: none; } .notification__row { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; padding-top: 12px; padding-bottom: 13px; margin-left: auto; margin-right: auto; } .notification__row_bg_chinese { padding-left: 120px; background-image: url("../images/promo-guy.png"); background-repeat: no-repeat; background-position: left bottom; background-size: 104px 80px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .notification__row_bg_chinese { background-image: url("../images/promo-guy@2x.png"); } } @media screen and (max-width: 768px) { .notification__row_bg_chinese { padding-bottom: 90px; padding-left: 0; background-position: bottom center; } } @media screen and (max-width: 768px) { .notification__row { flex-direction: column; text-align: center; } } .notification__col:not(:last-child) { margin-right: 30px; } @media screen and (max-width: 768px) { .notification__col:not(:last-child) { margin-right: 0; margin-bottom: 20px; } } .notification__title { font-size: 30px; line-height: 33px; color: #fff; } .notification__title b, .notification__title strong { font-weight: bold; } @media screen and (max-width: 768px) { .notification__title { font-size: 24px; line-height: 27px; } } .notification__btn { display: inline-block; width: auto; min-width: 200px; padding-left: 20px; padding-right: 20px; padding-top: 17px; padding-bottom: 16px; font-size: 16px; line-height: 17px; color: #fff; border: none; border-radius: 2px; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #4285f4; text-align: center; } .notification__btn:hover { background-color: #F7931A; } .notification__btn:active { background-color: #d6d6d6; } @media screen and (max-width: 768px) { .notification__btn { font-size: 14px; padding-top: 14px; padding-bottom: 13px; min-width: 180px; } } .page_sticky-notification .notification { position: fixed; top: 0; left: 0; min-height: 0; z-index: 150; animation-name: stick; animation-duration: 0.5s; animation-iteration-count: 1; } .page_sticky-notification .notification__row { padding-top: 14px; padding-bottom: 14px; } .page_sticky-notification .notification__title { font-size: 24px; line-height: 27px; } .page_sticky-notification .notification__btn { font-size: 14px; padding-top: 14px; padding-bottom: 13px; min-width: 180px; } @media screen and (max-width: 768px) { .notification { z-index: 500; } } @keyframes stick { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } .social-links { display: flex; align-items: center; justify-content: space-between; } .social-links--christmas { justify-content: center; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: 15px; } .social-links a, .social-links svg { border: none; } .header__socials .social-links { margin-left: 10px; } @media (max-width: 768px) { .header__socials .social-links { margin-left: 0; margin-right: 0; } } .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; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__socials .social-link_fb i { background-image: url("../images/fb-small.svg"); } } .header__socials .social-link_fb:hover i { background-image: url("../images/fb-small-hover.svg"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__socials .social-link_fb:hover i { background-image: url("../images/fb-small-hover.svg"); } } .header__socials .social-link_fb svg { display: none; } .header__socials .social-link_telegram svg path { fill: #31A5E0; } .header__socials .social-link_vk svg path { fill: #577CA4; } .header__socials .social-link_youtube svg path { fill: #e12a21; } .header__socials .social-link_twitter svg path { fill: #1DA1F2; } .header__socials .social-link_x svg path { fill: #000; } .header__socials .social-link_instagram:hover svg path { fill: #F7931A; } @media only screen and (max-width: 1235px) { .header__socials span { display: none; } } .social-links--christmas .social-link { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 7.5px 15px; } .social-links--christmas .social-link:hover { background: #F7931A; } .social-links--christmas .social-link_fb { background-color: #4861A3; } .social-links--christmas .social-link_telegram { background-color: #31A5E0; } .social-links--christmas .social-link_instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .social-links--christmas .social-link_twitter { background-color: #1DA1F2; } .social-links--christmas .social-link_youtube { background-color: #FF2500; } .social-links--christmas .social-link_vk { background-color: #577CA4; } .menu__item_join .social-links { margin-right: 15px; } @media only screen and (max-width: 480px) { .menu__item_join .social-links { margin-right: 0; } } @media only screen and (max-width: 480px) { .menu__item_join .social-links + span { margin-left: 10px; } } .page_theme_black .social-link_instagram:not(:hover) svg path { fill: #fff; } .footer .social-link { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #757575; border-radius: 36px; transition: all 0.3s; } .footer .social-link:hover { background-color: #f7931a; border-color: #f7931a; } .footer .social-links a svg path { fill: #fff; } .footer .social-link_instagram svg path { fill: #fff; } .footer .social-links a + a { margin-left: 15px; } @media only screen and (max-width: 1200px) { .footer .social-links + span { display: none; } } .other-inquiries { color: #757575; font-size: 13px; line-height: 15px; } .other-inquiries a { color: #F7931A; } .other-inquiries a:hover { color: #4285f4; } .feedback-link { color: #fff; font-size: 13px; line-height: 15px; } .feedback-link a { color: #F7931A; } .feedback-link a:hover { color: #4285f4; } .overlay { position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.8); } .notification-overlay { z-index: 999; visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s 0s; } @media (max-width: 500px) { .notification-overlay { display: none; } } .notification-overlay.show { visibility: visible; opacity: 1; transition: visibility 0s 0s, opacity 0.5s 0s; } .notification-overlay__content { position: absolute; top: 240px; left: 206px; } .notification-overlay__content p { background-color: #000; color: #fff; font-size: 20px; line-height: 26px; padding: 15px 15px 15px 20px; border-radius: 3px; } .notification-overlay__content p b { font-weight: bold; } .notification-overlay__arrow { position: absolute; top: -107px; left: 166px; } .notification-overlay__arrow img { vertical-align: top; } .page.win.chrome .notification-overlay__content { left: 90px; } .page.win.chrome.page_en .notification-overlay__content { left: 120px; } .page.win.chrome.page_ru .notification-overlay__arrow { left: 75px; } .page.opera .notification-overlay__content { top: 260px; left: 56px; } .page.opera .notification-overlay__arrow { left: 76px; } .page.opera.win .notification-overlay__content { left: 190px; } .page.opera.win.page_en .notification-overlay__content { left: 238px; } .page.firefox .notification-overlay__content { top: 230px; left: 335px; } .page.firefox.win .notification-overlay__content { left: 190px; } .page.edge .notification-overlay__content { top: auto; bottom: 180px; left: calc(50% - 200px); } .page.edge .notification-overlay__arrow { top: auto; left: 404px; bottom: -107px; transform-origin: center center; transform: rotateX(180deg) rotateY(180deg); } .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: -1px; background-image: url("../images/icon-facebook.svg"); } .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 { background-color: #1da1f2 !important; } .sticky-sharing .social-btns > .social-btn_tw:hover { background: #3EB5FF !important; } .sticky-sharing .social-btns > .social-btn_tw:before { width: 20px; height: 16px; background-image: url("../images/twitter_icon-up.svg"); } .sticky-sharing .social-btns > .social-btn_wa:before { width: 24px; height: 24px; background-image: url("../images/wa-small-up.svg"); } .sticky-sharing .social-btns > .social-btn_tg:before { background-image: url("../images/telegram-small-up.svg"); } .sticky-sharing .social-btns > .social-btn_rd:before { background-image: url("../images/rd-small-up.svg"); } .sticky-sharing .social-btns__list { transform: none; left: -2px; top: auto; bottom: 44px; } .sticky-sharing .social-btns__list > .social-btn_eml { background-image: none; } .sticky-sharing .social-btns__list > .social-btn_eml:before { background-image: url("../images/eml-small-up.svg"); } .sticky-sharing .social-btns__more:hover { box-shadow: none; } .sticky-sharing .social-btns__more:hover::before, .sticky-sharing .social-btns__more:hover:after { background-color: #fff; } .download-tip { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; } .download-tip__handler { display: block; min-height: 30px; padding-left: 40px; background-image: url("../images/browser-icon.svg"); background-size: 30px; background-repeat: no-repeat; background-position: left center; } .download-tip_firefox .download-tip__handler, .download-tip_safari .download-tip__handler, .download-tip_opera .download-tip__handler { position: absolute; right: 50px; top: 20px; margin-top: 109px; margin-left: 30px; } .download-tip_firefox .download-tip__handler img, .download-tip_opera .download-tip__handler img, .download-tip_safari .download-tip__handler img { display: block; width: 34px; height: 89px; position: absolute; top: -104px; right: 30px; transform: rotate(180deg); } .download-tip_safari .download-tip__handler img { right: 73px; } .download-tip_firefox .download-tip__title._below, .download-tip_safari .download-tip__title._below, .download-tip_opera .download-tip__title._below { display: none; } .download-tip_chrome .download-tip__handler, .download-tip_ie .download-tip__handler, .download-tip_edge .download-tip__handler, .download-tip_unknown .download-tip__handler { position: absolute; left: 30px; bottom: 20px; margin-bottom: 109px; } .download-tip_chrome .download-tip__handler img, .download-tip_ie .download-tip__handler img, .download-tip_edge .download-tip__handler img, .download-tip_unknown .download-tip__handler img { display: block; width: 34px; height: 89px; position: absolute; bottom: -109px; left: 170px; } .download-tip_chrome .download-tip__title._above, .download-tip_ie .download-tip__title._above, .download-tip_edge .download-tip__title._above, .download-tip_unknown .download-tip__handler img { display: none; } .download-tip_ie .download-tip__handler, .download-tip_edge .download-tip__handler { left: 50%; transform: translateX(-50%); bottom: 100px; } .download-tip_ie .download-tip__handler img, .download-tip_edge .download-tip__handler img { left: 50%; margin-left: -17px; } .download-tip__title { display: block; font-size: 24px; line-height: 27px; color: #D6D6D6; } .download-tip__title strong { color: #fff; font-weight: bold; } .download-tip__body { display: block; background-color: #282828; border: 1px solid #757575; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 16px; line-height: 24px; } .download-tip__body strong { font-weight: bold; } .faq { display: block; padding: 80px 20px; background-color: #ececec; border-bottom: 1px solid #c0c0c0; text-align: center; } .faq .subtitle { animation-delay: 0.25s; animation-duration: 1.5s; } .faq--border-top { border-top: 1px solid #d6d6d6; border-bottom: none; } .faq--second { background-color: #f7f7f7; padding-bottom: 80px; } @media only screen and (max-width: 767px) { .faq--second { padding-bottom: 50px; } } .faq--second .faq__cards { margin-bottom: 20px; } .faq--second .card__body { font-size: 16px; line-height: 28px; } .faq__description { font-size: 20px; line-height: 32px; color: #494949; margin-bottom: 50px; animation-delay: 0.45s; animation-duration: 1.5s; } .faq__cards { display: flex; max-width: 1060px; justify-content: space-between; flex-wrap: wrap; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .faq__cards .card { max-height: 300px; transition: all 300ms; animation-duration: 1.5s; } .faq__cards .card--first { animation-delay: 0.55s; } .faq__cards .card--second { animation-delay: 0.75s; } .faq__cards .card--third { animation-delay: 0.85s; } .faq__cards .card--fourth { animation-delay: 1s; } .faq__cards .card--fifth { animation-delay: 1.15s; } .faq__cards .card--sixth { animation-delay: 1.3s; } .faq__cards .card:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-color: transparent; } .faq__cards .card__title { transition: color 300ms; } @media only screen and (max-width: 1100px) { .faq__cards { max-width: 700px; } } @media only screen and (max-width: 740px) { .faq__cards { max-width: 340px; } } .faq__all { display: inline-block; font-size: 18px; line-height: 24px; font-weight: bold; color: #4285f4; text-decoration: none; animation-delay: 0.75s; animation-duration: 1.5s; } .faq__all:after { content: ""; display: inline-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) { .faq__all:after { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } .faq__all:hover { color: #f7931a; } .card { display: block; width: 340px; background-color: #fff; padding: 20px 20px 25px; border-radius: 6px; border: 1px solid #d6d6d6; text-decoration: none; overflow: hidden; position: relative; margin-bottom: 20px; text-align: left; } .card:hover:not(.card_form) .card__title { color: #4285f4; } .card:before { content: ""; width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 65%); } .card__title { display: block; font-size: 22px; line-height: 30px; margin-bottom: 15px; color: #000; font-weight: 600; } .card .title { font-size: 32px; line-height: 25px; font-weight: bold; margin-bottom: 20px; text-align: left; } .card__body { font-size: 16px; line-height: 22px; color: #494949; } .card-container { padding-top: 40px; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: calc(100vh - 530px); } /* * Modificators */ .card_form { width: 100%; max-width: 450px; margin-left: 0; margin-right: 0; background-color: #fff; padding: 40px 30px 20px; height: auto; } .card_form .form { padding-bottom: 0; margin-bottom: 0; border: none; } .card_form p { font-size: 14px; line-height: 22px; color: #494949; } .card_success { margin-left: auto; margin-right: auto; padding: 30px 30px 10px; width: 100%; max-width: 450px; } .card_success .card__body { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .card_success .card__body h2 { display: block; font-size: 18px; line-height: 20px; color: #000; } .card_error { text-align: center; max-width: 550px; padding: 40px 30px 30px; margin: 0 auto; } .card_error .card__body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 290px; } .card_error .icon { margin-bottom: 20px; } .card_error .error-label { font-weight: normal; font-size: 18px; line-height: 26px; margin-bottom: 20px; } .card_error .error-title { font-size: 36px; line-height: 40px; letter-spacing: 0.1px; font-weight: bold; margin-bottom: 40px; } .card_error .btn { margin-top: auto; width: 220px; text-align: center; } .card_support { display: block; position: relative; width: 100%; max-width: 500px; min-height: 540px; margin-left: auto; margin-right: auto; border: 1px solid #d6d6d6; border-radius: 3px; margin-bottom: 20px; background-color: #fff; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 100px; } .card_support.success { background-image: url("../images/checkmark_orange.svg"); background-size: 60px 60px; background-repeat: no-repeat; background-position: 30px 30px; padding-top: 120px; min-height: 400px; } .card_support h1 { display: block; margin-bottom: 24px; font-size: 32px; line-height: 36px; font-weight: bold; color: #000; } .card_support > div.p, .card_support form > div.p { display: block; font-size: 15px; line-height: 24px; color: #494949; margin-bottom: 40px; width: 100%; } .card_support > div.p a, .card_support form > div.p a { display: inline-block; color: #4285f4; text-decoration: none; word-break: break-all; transition: color 0.3s; } .card_support > div.p a:hover, .card_support form > div.p a:hover { color: #f7931a; } .card_support > div.p + div.p, .card_support form > div.p + div.p { margin-top: -20px; } .card_support > div.p p, .card_support form > div.p p { margin: 0; } .card_support > div.p p + p, .card_support form > div.p p + p { margin-top: 20px; } .card_support > div.p ol, .card_support form > div.p ol { list-style-position: inside; list-style-type: disc; } .card_support > div.p ul, .card_support form > div.p ul { list-style-position: inside; list-style-type: disc; } .card_support > div.p.attention, .card_support form > div.p.attention { font-size: 16px; color: #ff383d; font-weight: bold; } .card_support .question { display: block; font-size: 15px; line-height: 22px; font-weight: bold; color: #000000; margin-bottom: 15px; width: 100%; } .card_support .choices .choice { display: inline-block; line-height: 30px; border: 1px solid #d6d6d6; border-radius: 3px; padding: 0 14px; margin-right: 10px; margin-bottom: 10px; color: #494949; font-size: 14px; text-decoration: none; } .card_support .choices .choice.selected { border: 2px solid #f7931a; line-height: 28px; padding: 0 13px; } .card_support .choices .choice:hover { color: #f7931a; } .card_support form { margin-bottom: -30px; } .card_support form label { display: block; font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 30px; } .card_support form label > span { display: block; } .card_support form label > span.file { display: inline-block; vertical-align: center; margin-top: 15px; min-width: 160px; border: 1px solid #D6D6D6; border-radius: 2px; background: #FFFFFF; line-height: 36px; text-align: center; font-size: 12px; text-transform: uppercase; cursor: pointer; } .card_support form label > span.file:hover { border-color: #4285f4; background: #4285f4; color: #FFFFFF; } .card_support form label > span.placeholder { display: inline-block; vertical-align: center; margin-top: 15px; margin-left: 20px; line-height: 36px; font-size: 13px; font-weight: normal; } .card_support form label > span.filename { display: block; margin-top: 15px; font-size: 12px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .card_support form label .choices { margin-top: 15px; } .card_support form label .choices .choice { display: flex; justify-content: space-between; } .card_support form label .choices .empty { border: 1px solid #cdcdcd; line-height: 44px; text-align: center; font-size: 16px; font-weight: normal; color: #757575; } .card_support form label input[type=file] { display: none; } .card_support form label.required > span:after { content: "*"; } .card_support form label.required > span.file:after, .card_support form label.required > span.placeholder:after { content: ""; } .card_support form input { width: 100%; height: 45px; border: 0 none; outline: 0 none; border-bottom: 1px solid #cdcdcd; line-height: 44px; font-family: inherit; font-size: 16px; } .card_support form input:focus { border-bottom-color: #4285f4; } .card_support form input:-webkit-autofill { background-color: transparent !important; } .card_support form input::placeholder { color: #757575; } .card_support form textarea { width: 100%; margin-top: 15px; border: 1px solid #cdcdcd; min-height: 130px; resize: vertical; max-height: 200px; padding: 10px 15px; font-family: inherit; font-size: 16px; line-height: 24px; } .card_support form textarea::placeholder { color: #757575; } .card_support form .recapcha { margin-bottom: 30px; } .card_support form .errorlist { margin-top: 5px; line-height: 14px; font-size: 12px; font-weight: normal; color: #f74249; letter-spacing: 0.03px; } .card_support .controls { position: absolute; right: 30px; bottom: 30px; } .card_support .controls .btn { height: 40px; min-width: 140px; line-height: 40px; border-radius: 2px; padding: 0px 20px; text-align: center; font-size: 13px; font-weight: bold; margin-left: 10px; vertical-align: bottom; } .card_support .controls .btn.btn_primary.disabled { background-color: #d6d6d6; } .card_support .controls .btn.btn_simple { color: #4285f4; border: 1px solid #d6d6d6; } .card_support .controls .btn.btn_simple:hover { color: #ffffff; background-color: #4285f4; border-color: #4285f4; } .news-twitter__container { max-width: 700px; margin: 0 auto; } .news-twitter__container a[data-hide=true] { opacity: 0; } .twitter-loader { border: 1px solid #D6D6D6; border-radius: 6px; margin: 200px auto; background: #FFFFFF; max-width: 160px; transition: all 0.3s; } .twitter-loader.hide { opacity: 0; visibility: hidden; display: none; } .twitter-loader .loader-spinner { margin: 20px 0; } .loader-spinner { text-align: center; } .loader-spinner > i { width: 16px; height: 16px; background-color: #f7931a; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.7s infinite ease-in-out both; margin-right: 3px; margin-left: 3px; } .loader-spinner > i:first-child { animation-delay: -0.6s; } .loader-spinner > i:nth-child(2) { animation-delay: -0.4s; } .loader-spinner > i:nth-child(3) { animation-delay: -0.2s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); opacity: 0; } 40% { transform: scale(1); opacity: 1; } } .twitter-error { padding: 30px; background: #FFF3F4; border: 1px solid #F74249; border-radius: 6px; margin: 80px auto; max-width: 1000px; width: 100%; } .twitter-error.hide { display: none; } .twitter-error__icon { display: block; margin: 0 auto 20px; } .twitter-error__title { font-weight: 700; font-size: 32px; line-height: 37px; margin-bottom: 15px; text-align: center; } .twitter-error__text { font-weight: 400; font-size: 18px; line-height: 26px; color: #494949; text-align: center; } @media (max-width: 768px) { .twitter-error { padding: 20px; } } @media (max-width: 1373px) { .page_ru .news .header__socials span { display: none; } } @media only screen and (max-width: 1173px) { .page_ru .news .header { flex-direction: column; } .page_ru .news .header__container { flex-direction: column; } .page_ru .news .logo-animated { margin-bottom: 20px; } .page_ru .news .header__navbar { flex-wrap: wrap; justify-content: center; } .page_ru .news .header__menu { margin-right: 0; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; text-align: center; } } @media (max-width: 940px) { .page_ru .news .news__tab-link { margin-right: 0; } .page_ru .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_ru .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1285px) { .page_en .news .header__socials span { display: none; } } @media (max-width: 1385px) { .page_de .news .header__socials span { display: none; } } @media only screen and (max-width: 1187px) { .page_de .news .header { flex-direction: column; } .page_de .news .header__container { flex-direction: column; } .page_de .news .logo-animated { margin-bottom: 20px; } .page_de .news .header__navbar { flex-wrap: wrap; justify-content: center; } .page_de .news .header__menu { margin-right: 0; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; text-align: center; } } @media (max-width: 630px) { .page_de .news .news__tab-link { margin-right: 0; } .page_de .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_de .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1402px) { .page_fr .news .header__socials span { display: none; } } @media only screen and (max-width: 1214px) { .page_fr .news .header { flex-direction: column; } .page_fr .news .header__container { flex-direction: column; } .page_fr .news .logo-animated { margin-bottom: 20px; } .page_fr .news .header__navbar { flex-wrap: wrap; justify-content: center; } .page_fr .news .header__menu { margin-right: 0; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; text-align: center; } } @media (max-width: 710px) { .page_fr .news .news__tab-link { margin-right: 0; } .page_fr .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_fr .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 580px) { .page_pt .news .news__tab-link { margin-right: 0; } .page_pt .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_pt .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1372px) { .page_es .news .header__socials span { display: none; } } @media only screen and (max-width: 1176px) { .page_es .news .header { flex-direction: column; } .page_es .news .header__container { flex-direction: column; } .page_es .news .logo-animated { margin-bottom: 20px; } .page_es .news .header__navbar { flex-wrap: wrap; justify-content: center; } .page_es .news .header__menu { margin-right: 0; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; text-align: center; } } @media (max-width: 760px) { .page_es .news .news__tab-link { margin-right: 0; } .page_es .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_es .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1258px) { .page_it .news .header__socials span { display: none; } } @media (max-width: 760px) { .page_it .news .news__tab-link { margin-right: 0; } .page_it .news .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_it .news .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1100px) { .page_fr .news .news__tabs span, .page_es .news .news__tabs span, .page_de .news .news__tabs span { width: min-content; min-width: 140px; } } @media (max-width: 940px) { .page .news .tac { max-width: calc(100% + 40px); margin: 0 -20px; } .page .news .tac .title { margin-right: 20px; margin-left: 20px; margin-bottom: 20px; } .page .news .news__tabs { display: block; white-space: nowrap; overflow: auto; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } .page .news .news__tabs a:first-child { margin-left: 20px; } .page .news .news__tabs::-webkit-scrollbar { display: none; } .page .news .news__tabs a { margin-right: 20px; } } @media (max-width: 768px) { .page .news .logo-animated { margin: -10px 0px; } .page .news .logo-animated--browser svg { width: 300px !important; height: 60px !important; top: 0; margin: 0; left: 0; } .page .news .header__navbar { justify-content: space-between; } } .news { width: 100%; background-color: #f7f7f7; } .news .container { display: block; min-height: 0; max-width: 1120px; margin: 0 auto; text-align: center; padding: 40px 20px; background-color: inherit; } .news .container--list { padding-top: 5px; } .news .container--twitter { padding-bottom: 80px; } .news__title-link { text-decoration: none; color: inherit; } .news__title-link:hover .title { color: #F7931A; } .news .tac { text-align: center; animation-delay: 0.35s; animation-duration: 1.25s; display: inline-block; } .news .title { display: inline-block; font-size: 48px; line-height: 53px; min-width: 640px; margin: 0 auto 40px; padding-top: 34px; padding-bottom: 33px; padding-left: 30px; padding-right: 30px; text-align: center; font-weight: 400; background-color: #fff; border: 1px solid #d6d6d6; border-radius: 6px; transition: color 0.2s; } @media only screen and (max-width: 767px) { .news .title { min-width: auto; padding: 15px; font-size: 26px; line-height: 40px; margin-bottom: 30px; } } .news .title b { font-weight: bold; } .news .title span { font-weight: normal; } @media only screen and (max-width: 767px) { .news .title span { display: none; } } .news .title--mid { font-size: 40px; line-height: 56px; } @media only screen and (max-width: 767px) { .news .title--mid { font-size: 32px; line-height: 36px; } } .news .title--center { display: block; } .news .title--size_s { padding: 11px 31px; min-width: 500px; } @media (max-width: 767px) { .news .title--size_s { min-width: auto; } } @media (max-width: 420px) { .news .title { display: block; font-size: 26px; line-height: 40px; margin-bottom: 30px; } } @media (max-width: 320px) { .news .title { font-size: 22px; line-height: 26px; } } .news .desc { text-align: center; font-size: 20px; line-height: 32px; color: #494949; margin-bottom: 20px; animation-delay: 0.85s; } .news .desc--twitter { margin-bottom: 40px; } @media (max-width: 480px) { .news .desc { font-size: 14px; line-height: 24px; margin-bottom: 10px; } .news .desc--twitter { margin-bottom: 30px; } } .news-block { display: flex; flex-wrap: wrap; align-items: stretch; text-align: left; } @media (max-width: 1120px) { .news-block { justify-content: center; } } .news-block__category { border: 1px solid #A033CC; box-sizing: border-box; border-radius: 4px; font-weight: bold; font-size: 12px; line-height: 14px; color: #A033CC; padding: 5px; display: inline-block; margin-bottom: 15px; text-transform: uppercase; } .news-block__category--blue { color: #4285F4; border-color: #4285F4; } .news-block__item { border-radius: 6px; max-width: 340px; width: 100%; min-width: 280px; margin: 10px; display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: box-shadow 0.3s; animation-delay: 0.5s; } @media only screen and (max-width: 767px) { .news-block__item { margin: 10px; max-width: 330px; } } .news-block__item:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } .news-block__item:hover .news-block__img:after, .news-block__item:hover .news-block__info, .news-block__item:hover .news-block__footer { border-color: transparent; } .news-block__item:hover .news-block__title { color: #4285f4; } .news-block__item > a > div:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } .news-block__item a { text-decoration: none; color: inherit; } .news-block__img { position: relative; overflow: hidden; flex: 0 0 auto; min-height: 170px; } @media only screen and (max-width: 767px) { .news-block__img { min-height: 164px; } } .news-block__img img { border-top-left-radius: 6px; border-top-right-radius: 6px; max-width: 100%; vertical-align: top; } .news-block__img:after { position: absolute; top: 0; left: 0; right: 0; height: 100%; border-width: 1px 1px 0px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0.08); z-index: 1; transition: border-color 0.3s; } .news-block__info { position: relative; height: 208px; max-height: 208px; overflow: hidden; background-color: #fff; border-width: 0px 1px; border-style: solid; border-color: #d6d6d6; padding: 20px 20px 25px; transition: border-color 0.3s; } .news-block__info:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(to top, #fff 20%, rgba(255, 255, 255, 0)); } @media (max-width: 370px) { .news-block__info { max-height: 180px; } .news-block__info:after { height: 35px; } } .news-block__title { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; transition: color 0.3s; } @media (max-width: 370px) { .news-block__title { font-size: 16px; line-height: 22px; } } .news-block__desc { font-size: 16px; line-height: 28px; color: #494949; } .news-block__desc * { color: inherit !important; } @media (max-width: 370px) { .news-block__desc { font-size: 14px; line-height: 22px; } } .news-block__footer { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; background-color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-width: 0px 1px 1px; border-style: solid; border-color: #d6d6d6; transition: border-color 0.3s; color: #494949; padding-top: 15px; } .news-block__tags { display: flex; align-items: center; flex-wrap: wrap; padding: 0 20px 10px; } .news-block__tags > a { color: #4285f4; margin-right: 10px; line-height: 28px; white-space: nowrap; } .news-block__tags > a:visited { color: #4285f4; } .news-block__tags > a:hover { color: #F7931A; } .news-block__date { padding: 0 20px 25px; font-size: 12px; } .news .pagination { margin-top: 30px; margin-bottom: 30px; } .news-link-more { padding-top: 30px; text-align: center; } @media (max-width: 768px) { .news .container { padding-top: 0; } } .news--recently-added { padding-bottom: 20px; } .news--recently-added .container { padding-top: 30px; } .news--recently-added .title { border: none; background-color: inherit; padding: 0; padding-top: 40px; text-align: left; font-weight: 700; } @media (min-width: 768px) { .news--recently-added .title { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .news--recently-added .title { padding-top: 0; margin-bottom: 10px; } } .news--recently-added .title--center { text-align: center; } @media (max-width: 768px) { .news--amp .container { padding-top: 40px; } } .news--block-page:not(.news--amp) .container { padding-top: 80px; padding-bottom: 80px; } .news--block-page:not(.news--amp) .news-block:not(.news-block-count) .news-block__item:nth-child(n+7) { display: none; } @media (max-width: 768px) { .news--block-page:not(.news--amp) .container { padding-top: 40px; } .news--block-page:not(.news--amp) .title { font-size: 28px; line-height: 32px; } .news--block-page:not(.news--amp) .desc { font-size: 16px; line-height: 20px; } } .news__tabs { text-align: center; display: flex; justify-content: center; align-items: flex-start; } .news__tabs .news__tab-link { margin-bottom: 30px; } .news__tabs .news__tab-link:first-child { animation-delay: 0.65s; } .news__tabs .news__tab-link:nth-child(2) { animation-delay: 0.55s; margin: 0 40px; } @media (max-width: 940px) { .news__tabs .news__tab-link:nth-child(2) { margin-right: 20px !important; } } .news__tabs .news__tab-link:nth-child(3) { animation-delay: 0.45s; } .news__tabs .news__tab-link:last-child { animation-delay: 0.35s; margin-left: 40px; } @media (max-width: 940px) { .news__tabs .news__tab-link:last-child { margin-left: 0; } } @media (max-width: 480px) { .news__tabs .news__tab-link { margin-bottom: 20px; } } .news__tabs--second .news__tab-link { margin-bottom: 30px; font-size: 17px; } @media (max-width: 420px) { .news__tabs--second .news__tab-link { font-size: 14px; } } .news__tab-link { position: relative; display: inline-flex; font-weight: bold; align-items: flex-start; font-size: 17px; line-height: 1.1; color: #4285f4; text-transform: uppercase; text-decoration: none; padding-bottom: 8px; } .news__tab-link:nth-child(2) { margin: 0 40px; } .news__tab-link:last-of-type { margin-right: 0; } .news__tab-link:hover { color: #f7931a; } .news__tab-link.active span { color: #000; position: relative; } .news__tab-link.active span:before { content: ""; height: 4px; width: 100%; position: absolute; background-color: #f7931a; left: 0; right: 0; bottom: -12px; border-radius: 6px; } @media only screen and (max-width: 767px) { .news__tab-link:last-of-type { margin-right: 10px; } } @media (max-width: 940px) { .news__tab-link { font-size: 14px; } } .news__tab-link:after { content: attr(data-total); display: block; font-size: 14px; margin-left: 7px; line-height: 1; color: #757575; } @media only screen and (max-width: 767px) { .news__tab-link:after { bottom: 9px; } } @media (max-width: 760px) { .page--news-frame .news__tabs .news__tab-link { font-size: 14px; } } @media (max-width: 400px) { .page--news-frame .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; } .page--news-frame .news__tabs > a { margin-right: 0; margin-left: 0; } } @media (max-width: 760px) { .page_en .news__tab-link:nth-child(2), .page--news-frame .news__tab-link:nth-child(2) { margin: 0; margin-bottom: 20px; } .page_en .news__tabs, .page--news-frame .news__tabs { display: flex; flex-direction: column; align-items: center; justify-content: center; } .page_en .news__tabs > a, .page--news-frame .news__tabs > a { margin-right: 0; margin-left: 0; } } .news-card { padding-top: 1px; background-color: #f7f7f7; border-bottom: 1px solid #D6D6D6; padding-bottom: 70px; animation-delay: 1s; animation-duration: 1.25s; } .news-card img { max-width: 100%; vertical-align: top; } .news-card .content { position: relative; margin-top: -563px; max-width: 620px; min-height: 563px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media (max-width: 768px) { .news-card .content { margin-top: 0; } } .news-card .heading { position: relative; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 20px; text-decoration: none; color: inherit; padding-bottom: 4px; border-bottom: 1px solid #757575; } .news-card .heading .title { color: #D6D6D6; font-size: 24px; line-height: 27px; text-transform: uppercase; font-weight: bold; text-align: left; margin: 0 15px 0 0; } .news-card .heading span { color: #4285f4; font-size: 13px; line-height: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 2px; } .news-card .heading:hover span { color: #F7931A; } @media (max-width: 768px) { .news-card .heading { padding-top: 20px; border: none; } .news-card .heading .title { color: #000; } } @media (max-width: 620px) { .news-card .heading { margin: 0; } .news-card .heading .title, .news-card .heading span { margin-bottom: 10px; } } .news-card__container { border-radius: 3px; background-color: #fff; padding: 50px 40px 60px; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.15); border-bottom: 15px solid #F7931A; } .news-card__container b { font-weight: bold; } .news-card__container a { text-decoration: none; color: #4285f4; transition: color 0.2s; } .news-card__container a:hover { color: #F7931A; } @media (max-width: 600px) { .news-card__container { padding-left: 20px; padding-right: 20px; } } .news-card__label { text-align: center; font-size: 16px; line-height: 17px; color: #F7931A; margin-bottom: 15px; } .news-card__title { color: #000; text-align: center; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 30px; } @media (max-width: 600px) { .news-card__title { font-size: 26px; line-height: 32px; } } .news-card__subtitle { color: #000; font-size: 26px; line-height: 36px; font-weight: bold; margin-bottom: 15px; } @media (max-width: 600px) { .news-card__subtitle { font-size: 20px; line-height: 28px; } } .news-card__img { margin: 0 -40px 30px; } .news-card__img:last-child { margin-bottom: 0; } .news-card__img img { max-width: 100%; vertical-align: top; } @media (max-width: 600px) { .news-card__img { margin-left: -20px; margin-right: -20px; } } .news-card__text { font-size: 22px; line-height: 36px; margin-bottom: 20px; } @media (max-width: 600px) { .news-card__text { font-size: 16px; line-height: 24px; } } .news-card__text:last-child { margin-bottom: 0; } .news-card__text--high { font-size: 20px; line-height: 32px; margin-bottom: 30px; } .news-card__text--medium { font-size: 18px; line-height: 30px; letter-spacing: 0.22px; } @media (max-width: 600px) { .news-card__text--medium { font-size: 15px; line-height: 26px; } } .news-card__text--small { color: #494949; font-size: 15px; line-height: 26px; letter-spacing: 0.19px; } @media (max-width: 600px) { .news-card__text--small { font-size: 14px; line-height: 24px; } } .news-card__quote { margin: 0 0 30px; font-size: 18px; line-height: 32px; color: #000; padding: 15px 20px; border-left: 6px solid #F7931A; background-color: #F7F7F7; } .news-card__separator { border-top: 1px solid #D6D6D6; margin: 40px -40px; } @media (max-width: 600px) { .news-card__separator { margin-right: -20px; margin-left: -20px; } } .news-card__line { border-top: 1px solid #D6D6D6; margin: 40px -40px 40px 0; } @media (max-width: 600px) { .news-card__line { margin-right: -20px; } } .news-card .icon-circle img { max-width: 60px; } .news-card-steps__item { margin-bottom: 40px; } .news-card-steps__img { padding-left: 54px; } .halloween-preloading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1501; 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: 271px; } @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: 50%; 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; } .halloween-bats .layer.bat-9 { animation-delay: 2s; } .halloween-bats .layer.bat-9 img { top: 411px; left: 47px; } .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); } } @media (max-width: 600px) { .halloween-bats .layer.bat-9 img { left: 0; top: 481px; } } .popup { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; overflow-y: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .popup--video .popup__handler { max-width: 800px; } .popup--video .popup__cancel { position: absolute; cursor: pointer; top: 15px; right: 15px; } .popup--video .popup__cancel:hover svg { fill: #fff; } .popup--video .popup__cancel svg { pointer-events: none; fill: #757575; transition: fill 300ms; } .popup_transparent { background-color: transparent; } .popup_alert .popup__handler { padding-top: 30px; } .popup_alert .popup__body { display: flex; flex-direction: column; justify-content: center; min-height: 210px; } .popup_alert h2 { font-size: 24px; display: block; color: #000; line-height: 24px; } .popup__link-img { min-height: 240px; height: 100%; display: block; } @media screen and (max-width: 768px) { .popup__link-img { min-height: 188px; } } .popup__handler { display: inline-block; vertical-align: middle; text-align: left; position: relative; background-color: #F7F7F7; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; width: calc(100% - 10px); max-width: 600px; margin: 80px auto; } @media screen and (max-width: 768px) { .popup__handler { margin-top: 30px; margin-bottom: 30px; } } .popup__handler .desc { font-size: 12px; line-height: 14px; color: #494949; } .popup__header { display: flex; align-items: center; padding-top: 30px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; font-size: 24px; line-height: 24px; position: relative; } .popup__header img { display: block; margin-right: 10px; } .popup__body { padding: 0 30px; font-size: 14px; line-height: 16px; color: #494949; } .popup__body p { margin-bottom: 20px; } .popup__body ul { margin-bottom: 20px; } .popup__body li { margin-bottom: 10px; } .popup__body b, .popup__body strong { font-weight: 700; } .popup__footer { display: flex; justify-content: flex-end; padding: 20px 30px; } .popup__footer.cols { display: flex; justify-content: space-between; } .popup__label { display: block; color: #F7931A; font-size: 12px; line-height: 14px; margin-bottom: 20px; font-weight: bold; } .popup.active { display: block; } .popup:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } #howPopup .popup { padding: 0; } #howPopup .popup__body { max-height: 350px; overflow-y: scroll; padding: 30px; } #howPopup h3 { position: relative; padding-left: 36px; } #howPopup h3:before { content: ""; position: absolute; top: 0; left: 0; background-image: url("../images/sprites/sprite.png"); background-position: 0px -95px; width: 26px; height: 26px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #howPopup h3:before { background-image: url("../images/sprites/sprite@2x.png"); background-size: 223px 121px; } } #blockedPopup .popup__handler { background-image: url("../images/blocked-popup-bg.png"); background-size: 90px 75px; background-repeat: no-repeat; background-position: left 30px bottom 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #blockedPopup .popup__handler { background-image: url("../images/blocked-popup-bg@2x.png"); } } #blockedPopup .popup__body { padding-top: 50px; } #blockedPopup .popup__body h3 { font-size: 24px; line-height: 27px; margin-bottom: 10px; color: #000; } #blockedPopup .popup__footer { padding-top: 60px; padding-bottom: 25px; } #termsPopup .popup__handler { max-width: 700px; } #termsPopup .popup__header { padding-top: 25px; padding-bottom: 25px; } #termsPopup .popup__header .logo { margin-bottom: 0; } #termsPopup .popup__body { overflow: hidden; max-height: 350px; } #termsPopup .popup__body iframe { display: block; border: 1px solid #D6D6D6; width: 100%; height: 220px; } #termsPopup .popup__footer { justify-content: space-between; padding-top: 40px; padding-bottom: 30px; } #termsPopup .popup__footer .btn_default { height: 50px; text-align: center; line-height: 50px; margin-left: 0; margin-right: 0; max-width: 280px; } #termsPopup .popup__footer .btn_link { color: #494949; } #termsPopup .popup__footer .btn_link:hover { color: #4285f4; } @media screen and (max-width: 550px) { #termsPopup .popup__footer { flex-direction: column; align-items: center; } #termsPopup .popup__footer .btn_default { margin-bottom: 30px; } } #termsPopup .terms-text { display: block; border: 1px solid #D6D6D6; background-color: #fff; border-radius: 2px; width: 100%; height: 220px; font-family: Arial, Helvetica, sans-serif; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; overflow-y: auto; } #termsPopup .terms-text .title, #termsPopup .terms-text h1 { text-align: left; display: block; color: #000; font-size: 22px; line-height: 25px; font-weight: bold; margin-bottom: 10px; } #termsPopup .terms-text h2 { display: block; font-size: 18px; line-height: 20px; margin-bottom: 10px; font-weight: bold; color: #000; } #termsPopup .terms-text ul, #termsPopup .terms-text p { color: #494949; font-size: 14px; line-height: 22px; margin-bottom: 25px; } #termsPopup .terms-text a { color: #4285f4; text-decoration: none; } #termsPopup .terms-text a:hover { color: #f7931a; } .os-ios #downloadPopup .ios-only { display: inline-flex !important; } .os-ios #downloadPopup .btn--download { display: none !important; } .os-android #downloadPopup .android-only { display: inline-flex !important; } .os-android #downloadPopup .btn--download { display: none !important; } #downloadPopup, #promoFarm { padding-right: 15px; padding-left: 15px; } #downloadPopup .cancel--mob, #promoFarm .cancel--mob { display: none; } @media (max-width: 768px) { #downloadPopup .cancel, #promoFarm .cancel { display: none; } #downloadPopup .cancel--mob, #promoFarm .cancel--mob { display: block; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); font-weight: 700; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #fff; opacity: 1; } #downloadPopup .cancel--mob:hover, #promoFarm .cancel--mob:hover { cursor: pointer; } #downloadPopup .popup__handler, #promoFarm .popup__handler { max-width: 345px; } #downloadPopup .popup__handler img, #promoFarm .popup__handler img { max-width: 100%; border-radius: 4px 4px 0px 0px; } #downloadPopup .popup-download__content, #promoFarm .popup-download__content { padding: 20px 15px 15px; } #downloadPopup .popup-download__title, #promoFarm .popup-download__title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } #downloadPopup .popup-download__text, #promoFarm .popup-download__text { font-size: 14px; line-height: 22px; margin-bottom: 30px; } #downloadPopup .popup-download__btns .btn--download, #promoFarm .popup-download__btns .btn--download { display: none; } #downloadPopup .popup-download__btns .btn, #promoFarm .popup-download__btns .btn { line-height: 56px; height: 56px; } } #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%; } #promoSharingPopup { background-image: url("../images/sharing-popup-bg.png"); background-position: right bottom; background-size: 302px 424px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #promoSharingPopup { background-image: url("../images/sharing-popup-bg@2x.png"); } } #promoSharingPopup .popup__handler { max-width: 600px; } #promoSharingPopup .popup__header { flex-direction: column; align-items: center; background-color: #F7F7F7; border-radius: 4px 4px 0 0; border-bottom: 1px solid #D6D6D6; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } #promoSharingPopup .popup__label { display: block; font-size: 12px; line-height: 14px; margin-bottom: 12px; text-transform: uppercase; text-align: center; } #promoSharingPopup .popup__label span { color: #000; } #promoSharingPopup .popup__body { padding-top: 20px; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; } #promoSharingPopup .popup__body h2 { font-size: 28px; line-height: 38px; margin-bottom: 10px; color: #000; font-weight: bold; } #promoSharingPopup .popup__body p { font-size: 16px; line-height: 26px; color: #494949; margin-bottom: 0; } #promoSharingPopup .popup__body p span.orange { color: #F7931A; } #promoSharingPopup .popup__footer { display: flex; align-items: center; justify-content: space-between; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; padding-top: 30px; } @media screen and (max-width: 550px) { #promoSharingPopup .popup__footer { flex-direction: column-reverse; } #promoSharingPopup .popup__footer .popup__btn { margin-bottom: 30px; } } #promoSharingPopup .popup__btn { display: block; width: 100%; max-width: 300px; } #promoSharingPopup .popup__btn .button { width: 100%; } #howPopup .popup__handler { max-width: 700px; background-color: #fff; } #howPopup h3 { padding: 0; } #howPopup h3:before { display: none; } #howPopup .popup__header { padding-top: 25px; padding-bottom: 25px; font-size: 32px; line-height: 40px; font-weight: bold; position: relative; } #howPopup .popup__body { overflow: hidden; padding: 30px; border-top: 1px solid #D6D6D6; font-size: 16px; line-height: 26px; max-height: none; } #howPopup .popup__body p:last-of-type { margin-bottom: 0; } #howPopup .popup__footer { justify-content: center; padding: 20px; background-color: #F7F7F7; border-top: 1px solid #D6D6D6; border-radius: 0px 0px 6px 6px; } #howPopup .popup__footer .btn { max-width: 300px; width: 100%; text-align: center; line-height: 50px; height: 50px; padding: 0; font-weight: bold; } #howPopup .popup__close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; } #howPopup .popup__close:hover svg { fill: #F7931A; } #howPopup .popup__close svg { pointer-events: none; } #howPopup .popup__list li { position: relative; padding-left: 16px; } #howPopup .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%; } #howPopup .popup__subtitle { font-weight: bold; color: #F7931A; } @media (max-width: 768px) { #howPopup { padding: 0; background-color: #fff; width: 100%; } #howPopup.active { display: flex; } #howPopup .popup__header { font-size: 28px; padding: 20px; } #howPopup .popup__handler { display: block; box-shadow: none; max-width: none; border-radius: 0px; width: 100%; margin: 0; } #howPopup .popup__body { padding: 20px; } #howPopup .popup__footer { padding: 20px; } #howPopup .popup__footer .btn { max-width: none; } } #payment-success .popup__handler { max-width: 500px; } #payment-success .popup__svg-icon { width: 60px; height: 60px; } @media only screen and (max-width: 767px) { #payment-success .popup__svg-icon { width: 50px; height: 50px; } } #payment-success .popup__title { color: #000; font-size: 32px; line-height: 1.1; letter-spacing: 0.09px; font-weight: bold; margin-bottom: 20px; } @media only screen and (max-width: 767px) { #payment-success .popup__title { font-size: 24px; } } #payment-success .popup__text { font-size: 15px; line-height: 1.6; letter-spacing: 0.18px; color: #494949; margin-bottom: 60px; } @media only screen and (max-width: 767px) { #payment-success .popup__text { font-size: 13px; margin-bottom: 20px; } } #payment-success .popup__text p { margin-bottom: 0; } #payment-success .popup__text span { font-weight: bold; } #payment-success .popup__cancel { max-width: 140px; width: 100%; } @media only screen and (max-width: 767px) { #payment-success .popup__cancel { max-width: 100%; } } @media only screen and (max-width: 767px) { #androidVersionPopup { padding: 0; align-items: center; justify-content: center; background-color: #F7F7F7; } #androidVersionPopup:before { content: none; } #androidVersionPopup .popup__handler { width: 100%; height: auto; margin: 0; border-radius: 0; background-color: #F7F7F7; box-shadow: none; } } .popup_attention { z-index: 9999; } .popup_attention .popup__body { padding-top: 50px; } .popup_attention .popup__body h3 { font-size: 24px; line-height: 27px; margin-bottom: 10px; color: #000; } .popup_attention .popup__footer { padding-top: 60px; padding-bottom: 25px; } .popup--download .popup__handler { border-radius: 9px 9px 8px 8px; } .popup-download__content { padding: 30px; } .popup-download__img { border-radius: 8px 8px 0px 0px; } .popup-download__title { font-size: 28px; line-height: 38px; margin-bottom: 15px; font-weight: 700; } .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; } @media (min-width: 769px) { .popup-download__text { margin-top: 15px; } } .popup-download__text--mob { display: none; } @media (max-width: 768px) { .popup-download__text { display: none; } .popup-download__text--mob { display: block; } } .popup-download__btns { display: flex; align-items: center; justify-content: space-between; } .popup-download__btns .cancel { font-size: 13px; line-height: 15px; letter-spacing: 0.0371429px; text-transform: uppercase; font-weight: 700; color: #494949; transition: color 0.3s; } .popup-download__btns .cancel:hover { cursor: pointer; color: #F7931A; } .popup-download__btns .intro__download-btns { display: flex; width: 100%; max-width: 320px; margin: 0; border-radius: 6px; } .popup-download__btns .btn { width: 100%; max-width: 320px; margin: 0; padding: 0; line-height: 60px; font-weight: bold; font-size: 16px; text-align: center; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .popup-download__btns .ios-only, .popup-download__btns .android-only { display: none; max-width: none; width: 100%; border-radius: 6px; } .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; } } .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; } @media (max-width: 768px) { .popup__promo-modal .popup__back-decoration { display: none; } } .popup__promo-modal .popup-download__title { color: #000; transition: color 0.3s; text-decoration: none; } .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-download__btns .btn--dark { background: #000; transition: background 0.3s; } .popup__promo-modal .popup-download__btns .btn--dark:hover { background: #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; } .popup-android-version .popup__handler { max-width: 730px; } .popup-android-version__header { text-align: left; padding: 30px; margin-bottom: 5px; } .popup-android-version .title { font-weight: normal; font-size: 36px; line-height: 46px; font-weight: bold; text-align: left; margin-bottom: 10px; } .popup-android-version .desc { font-size: 16px; line-height: 24px; margin: 0; } .popup-android-version__container { display: flex; height: auto; max-height: none; min-height: 0; padding: 0 15px 30px; } @media (max-width: 767px) { .popup-android-version__container { position: relative; display: block; } .popup-android-version__container .phone { display: none; } } .popup-android-version__logo svg { width: 100%; } .popup-android-version__block { height: 100%; border: 1px solid #D6D6D6; border-radius: 4px; } @media only screen and (max-width: 767px) { .popup-android-version__block { margin-bottom: 20px; } } .popup-android-version__header-block { display: flex; align-items: center; justify-content: center; padding: 20px; border-bottom: 1px solid #D6D6D6; } .popup-android-version__body { padding: 20px; padding-bottom: 30px; } .popup-android-version .col { width: 50%; padding: 0 15px; } .popup-android-version .col + .col { margin-left: 0; } .popup-android-version .col--slider { display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 767px) { .popup-android-version .col { width: 100%; } } .popup-android-version .phone { margin-left: -15px; margin-right: -15px; } .popup-android-version .phone .slide { min-height: 0; } .popup-android-version__close { position: absolute; top: 15px; right: 15px; outline: none; border-radius: 0 0 4px 4px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; cursor: pointer; transition: 0.2s; } .popup-android-version__close svg { pointer-events: none; fill: #9D9D9D; } .popup-android-version__close:hover svg { fill: #4285f4; } .popup-android-version__close:active svg { fill: #D6D6D6; } /*# sourceMappingURL=news-page.css.map */