@font-face { font-family: "Sofia-Pro"; font-weight: 700; src: url("/fonts/SofiaPro/SofiaPro-SemiBold.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Sofia-Pro"; font-weight: 800; src: url("/fonts/SofiaPro/SofiaPro-Bold.woff2") format("woff2"); font-display: swap; } :root { --white: #ffffff; --black: #333333; --grey: #777777; --body-bg-color: #ffffff; --common-color: #111111; --title-color: #111111; --text-color: #333333; --top-menu-background: 255, 255, 255; --top-menu-product-choice: #111111; --top-menu-separator-color: 34, 34, 34; --footer-bg: #1C1C1C; --footer-menu-title: #FFFFFF; --footer-menu-link: 255, 255, 255, .6; --footer-menu-link-hover: 255, 255, 255, 1; --footer-border: 255, 255, 255, .2; --footer-icon-color: 255, 255, 255, .8; --footer-сolor: 255, 255, 255; } :root .white { --footer-bg: #FBFBFD; --footer-menu-title: #111111; --footer-menu-link: 119, 119, 119, 1; --footer-menu-link-hover: 17, 17, 17, 1; --footer-border: 17, 17, 17, 0.15; --footer-icon-color: 51, 51, 51, 1; } :root .btn-green { --btn: #1CC43E; --btn-hover: #23DA48; } :root .btn-green-unfilled { --btn: #1CC43E; --btn-border: #1CC43E; --btn-bg: rgba(28, 196, 62, 0.05); --btn-hover: rgba(28, 196, 62, 0.20); } :root .btn-blue-unfilled { --btn: #46A8F8; --btn-bg: rgba(109, 62, 207, 0.05); --btn-hover: rgba(131, 192, 253, 0.5); } :root .btn-blue { --btn: #59A5FF; --btn-hover: #23AEFD; } :root .btn-white { --btn: #FFFFFF; --btn-text-color: #111111; --btn-border: 17, 17, 17, 0.15; --btn-hover: #F0F0F0; --btn-text-color-hover: #333333; --btn-border-hover: 17, 17, 17, 0.25; } :root .btn-black { --btn: #1F1F1F; --btn-text-color: #FFFFFF; --btn-border: 255, 255, 255, 0.15; --btn-hover: #313131; --btn-text-color-hover: #FFFFFF; --btn-border-hover: 255, 255, 255, 0.4; } * { margin: 0; padding: 0; max-height: 999999px; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } *, ::after, ::before { box-sizing: inherit; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } html, body { width: 100%; min-width: 320px; height: 100%; margin: 0; padding: 0; } body { position: relative; width: 100%; min-width: 320px; background-color: var(--body-bg-color); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 16px; line-height: normal; font-weight: normal; font-style: normal; letter-spacing: normal; color: var(--text-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .scroll-disabled { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; height: 100%; } .container { width: 100%; margin: 0 auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col { position: relative; width: 100%; min-height: 1px; padding-right: 20px; padding-left: 20px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } a { color: #007AFE; text-decoration: none; outline: 0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } b, strong { font-weight: bold; } img { display: block; height: auto; border: 0; } .clear { content: ""; display: table; clear: both; } .body { position: relative; display: flex; height: 100vh; flex-direction: column; } .wrap { flex: 1 0 auto; overflow: hidden; } .right { float: right; } .left { float: left; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-margin-bottom { padding-bottom: 0 !important; } .no-margin-top { padding-top: 0 !important; } h1, h2, h3, h4 { font-family: 'Sofia-Pro'; color: var(--title-color); } h1 { font-weight: 800; font-size: 2.5em; line-height: 133%; } h2 { font-weight: 800; font-size: 3em; line-height: 133%; letter-spacing: -0.03em; } h3 { font-weight: 800; font-size: 2em; line-height: 133%; } h4 { font-weight: 700; font-size: 2em; line-height: 133%; } h2.title-center-block { text-align: center; margin-bottom: 24px; } p.title-desc { max-width: 792px; width: 100%; font-weight: 400; font-size: 1.25em; line-height: 150%; text-align: center; text-align: center; color: #312A2E; margin: 0 auto; } .title-white { color: var(--white); } .section-block { margin-bottom: 160px; } .section-margin-bottom { margin-bottom: 120px; } .section-grey { background: #FBFBFD; } .section-black { background: #1F1F1F; } p.text, ul.text { font-weight: 400; font-size: 1.25em; line-height: 150%; color: var(--black); } .btn { display: flex; justify-content: center; align-items: center; min-width: 140px; width: fit-content; height: 44px; margin: 0; padding: 0 24px; font-size: 1.125em; line-height: 44px; font-weight: 600; border-radius: 6px; border: unset; box-sizing: border-box; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; cursor: pointer; } .get-it .btn { display: inline-block; text-align: center; line-height: 44px; } .btn:hover { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .btn-green, .btn-blue { color: var(--white); background: var(--btn); } .btn-green:hover, .btn-blue:hover { color: var(--white); background: var(--btn-hover); } .btn.btn-blue-unfilled { background: var(--btn-bg); border: 2px solid var(--btn); color: var(--btn); } .btn.btn-blue-unfilled:hover { background: var(--btn-hover); } .btn.btn-green-unfilled { border: 2px solid var(--btn-border); color: var(--btn); background: var(--btn-bg); } .btn.btn-green-unfilled:hover { background: var(--btn-hover); } .btn.blue-gradient { color: var(--white); border: 1px solid transparent; background-image: linear-gradient(to right, #278cf3, #5db3f9 100%);; } .btn.blue-gradient:hover { color: var(--white); } .btn.orange { transition: 0.2s; border: none; background-color: #f48127; color: #fff; } .btn.orange:hover { background-color: #c8661a; } .btn.orange:active { background-color: #c8661a; } .btn.disabled { color: #4d545f; background-color: #f3f3f6; pointer-events: none; cursor: default; } .btn.green { border: 1px solid #3fc322; background-color: #3fc322; color: #fff; } .btn.green:hover { color: #fff; } .blue { border: 1px solid #009cde; background-color: #009cde; color: #fff; } .btn.blue:hover { color: #fff; } .btn.trans-blue { border: 1px solid #0074e2; background-color: transparent; color: #0074e2; } .btn.trans-blue:hover { color: #0074e2; } .btn.blue-filled { color: #fff; background-color: #3ba6ff; border: 1px solid #3ba6ff; } .btn.blue-filled:hover { background-color: #65b2ff; border: 1px solid #65b2ff; } .btn.blue-filled:active { background-color: #65b2ff; border: 1px solid #65b2ff; } .btn-white, .btn-black { color: var(--btn-text-color); background: var(--btn); border: 2px solid rgba(var(--btn-border)); } .btn-white:hover, .btn-black:hover { color: var(--btn-text-color-hover); background: var(--btn-hover); border-color: rgba(var(--btn-border-hover)); } .hidden { display: none !important; } .invisible { display: none !important; } .unclickable { pointer-events: none; } .mobile-block, .mobile-screen { display: none !important; } .btn.mobile-buy-btn, .btn.mobile-inline-buy-btn { display: none !important; text-align: center; line-height: 44px; font-weight: 600; } .block-fade-animation.fade { -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: transform .6s ease-in-out,opacity .4s ease-in-out; -moz-transition: transform .6s ease-in-out,opacity .4s ease-in-out; -o-transition: transform .6s ease-in-out,opacity .4s ease-in-out; -ms-transition: transform .6s ease-in-out,opacity .4s ease-in-out; transition: transform .6s ease-in-out,opacity .4s ease-in-out; } .block-fade-animation.fade.fade-in { opacity: 0; -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform .2s ease-in,opacity .2s ease-in; -moz-transition: transform .2s ease-in,opacity .2s ease-in; -o-transition: transform .2s ease-in,opacity .2s ease-in; -ms-transition: transform .2s ease-in,opacity .2s ease-in; transition: transform .2s ease-in,opacity .2s ease-in; } .slider-loader { position: absolute; left: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; bottom: 0; background: #fff; z-index: 9; } .slider-loader .spinner { display: flex; justify-content: center; align-items: center; position: relative; width: 70px; height: 70px; border-radius: 50%; z-index: 11; pointer-events: none; } .slider-loader .spinner:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #006DEE; -webkit-animation: spin-reverse 0.6s linear infinite; animation: spin-reverse 0.6s linear infinite; } .slider-loader .spinner:after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border-radius: 50%; border: 3px solid transparent; border-top-color: #1E1E1E; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin-reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } .lazy-img-block { position: relative; display: flex; overflow: hidden; } .lazy-img-block:after { content: ''; position: absolute; top: calc(50% - 35px); left: calc(50% - 35px); right: 10px; bottom: 10px; border: 2px solid #000000; border-top: 2px solid rgba(255, 255, 255, 0); border-radius: 50%; width: 70px; height: 70px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; z-index: 3; pointer-events: none; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .lazy-img-block.lazy-loader:after { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .lazy-img-block.lazy-loader img { opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .lazy-img-block img { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } #cookieScriptAditionalData { display: none; } .wistia-video-block { position: relative; padding: 56.25% 0 0 0; } .w-css-reset-tree button div { mix-blend-mode: unset !important; } .wistia-video-block .wistia_embed { position: absolute; top: 0; } .wistia-video-block video { margin: 0; } div.w-video-wrapper.w-css-reset { background-color: rgba(255, 255, 255, 0) !important; } .w-bpb-wrapper { transform: translateX(-50%) !important; margin-left: unset !important; } img.w-css-reset { height: 100% !important; border-width: 0 0 !important; background-color: unset !important; } .wistia_popover_overlay { width: 100% !important; height: 100vh !important; position: fixed !important; } .wistia_placebo_close_button { outline: none !important; } .wistia-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .5); opacity: 0; z-index: 1200; visibility: hidden; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .wistia-overlay.show { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; visibility: visible; } @-webkit-keyframes rotatePreloader { 0% { -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes rotatePreloader { 0% { -moz-transform: rotateZ(0); -webkit-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .circle-preloader { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: fixed; top: calc(50% - 20px); left: 0; right: 0; margin: 0 auto; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; visibility: hidden; z-index: 99999; } .circle-preloader.show { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; visibility: visible; } .circle-preloader:before { content: ''; position: absolute; width: 40px; height: 40px; box-sizing: border-box; border-top: 2px solid rgba(255, 255, 255, 0); border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-radius: 25px; -webkit-animation-name: rotatePreloader; animation-name: rotatePreloader; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .block-preloader:after { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 98; background: #ffffff; } .block-preloader:before { content: ""; position: fixed; top: 50%; left: calc(50% - 20px); width: 40px; height: 40px; box-sizing: border-box; border-top: 2px solid rgba(255, 255, 255, 0); border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 2px solid #333333; border-radius: 25px; -webkit-animation-name: rotatePreloader; animation-name: rotatePreloader; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; z-index: 99; } .init-preloader:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 1; } .init-preloader:after { content: ''; position: absolute; top: calc(50% - 40px); left: 0; right: 0; width: 40px; height: 40px; box-sizing: border-box; border-top: 2px solid rgba(255, 255, 255, 0); border-right: 2px solid #fff; border-bottom: 2px solid #111111; border-left: 2px solid #111111; border-radius: 25px; -webkit-animation-name: rotatePreloader; animation-name: rotatePreloader; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; margin: 0 auto; z-index: 2; } .top-menu { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 60px; border-bottom: 1px solid transparent; background-color: transparent; z-index: 1000; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: background-color 120ms linear, border 120ms ease-out; -moz-transition: background-color 120ms linear, border 120ms ease-out; -o-transition: background-color 120ms linear, border 120ms ease-out; -ms-transition: background-color 120ms linear, border 120ms ease-out; transition: background-color 120ms linear, border 120ms ease-out; } .top-menu.moved { border-bottom: 1px solid rgba(17, 17, 17, 0.15); } .top-menu.static::before { content: ''; position: absolute; width: 100%; height: 100%; } .top-menu::before { content: ''; position: absolute; width: 100%; height: 100%; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255, 255, 255, 0.9); } .top-menu .lang-menu { position: relative; z-index: 1; } .top-menu-right { display: flex; align-items: center; justify-content: flex-end; gap: 16px; position: absolute; top: 12px; right: 20px; z-index: 0; } .top-menu .logo.top-logo { position: absolute; top: -12px; right: 0; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/readdle-black.svg?1651675321") no-repeat 0 0; width: 94px; height: 40px; -webkit-transition-duration: unset; transition-duration: unset; visibility: visible; opacity: 1; -webkit-transition: visibility .3s linear,opacity .3s linear; -moz-transition: visibility .3s linear,opacity .3s linear; -o-transition: visibility .3s linear,opacity .3s linear; -ms-transition: visibility .3s linear,opacity .3s linear; transition: visibility .3s linear,opacity .3s linear; } .top-menu.static .logo.top-logo { display: none; } .top-menu.moved .logo.top-logo { visibility: hidden; opacity: 0; } .top-menu .burger-button { display: none; } .top-menu .btn { display: block; height: 36px; margin: auto 0 auto 0; font-size: 1em; font-weight: 600; line-height: 36px; text-align: center; border: unset; box-sizing: border-box; visibility: hidden; opacity: 0; white-space: nowrap; -webkit-transition: visibility .3s linear, opacity .3s linear; -moz-transition: visibility .3s linear, opacity .3s linear; -o-transition: visibility .3s linear, opacity .3s linear; -ms-transition: visibility .3s linear, opacity .3s linear; transition: visibility .3s linear, opacity .3s linear; } .top-menu.static .desktop-top-dwnl-btn.btn { display: block; } .top-menu.moved .btn { visibility: visible; opacity: 1; } .menu { width: 100%; height: auto; } .menu .container { position: relative; display: flex; justify-content: space-between; height: 60px; box-sizing: border-box; } .menu_container { display: flex; max-width: 900px; justify-content: flex-start; width: calc(100% - 94px); text-align: left; font-weight: 600; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } .top-menu .header-menu { padding-left: 0px; } .menu_container ul { display: flex; justify-content: flex-start; padding: 0; text-align: left; } .menu_container ul li { position: relative; display: inline-block; list-style-type: none; font-size: 1em; } .menu_container > ul.header-menu > li { margin-right: 56px; } .top-menu .header-menu .mobile-menu-item, .top-menu.moved .mobile-top-buy-btn.btn, .footer .mobile-menu-item { display: none; } .top-menu .menu_container ul li a, .top-menu .menu_container ul li span.dropdown_link { position: relative; display: block; padding: 5px 5px 7px; font-size: 1em; font-weight: 400; margin: 15px 1px 0 1px; color: var(--black); cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .top-menu .menu_container ul li a:hover, .top-menu .menu_container ul li span.dropdown_link:hover { color: var(--grey); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } .top-menu .menu_container ul li a:hover:after, .top-menu .menu_container ul li span.dropdown_link:hover:after { border-color: var(--grey); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .menu_container ul li.legal-menu-item a:after { content: ""; position: relative; display: inline-block; width: 17px; height: 17px; left: 5px; top: 3px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/attention-blue-icon.svg?1631697354") no-repeat 0 0; } .top-menu .menu_container ul li a.product-choice { display: flex; align-items: center; color: var(--top-menu-product-choice); opacity: 1; padding: 5px 0 0; } .top-menu .menu_container ul li a.product-choice:before { content: ''; position: relative; left: -8px; width: 98px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/logo-text.svg?1660665991") no-repeat 0 0; background-size: 98px 24px; } .top-menu .menu_container ul li a.product-choice span { width: 2px; height: 20px; display: flex; margin-left: 12px; background: rgba(17, 17, 17, 0.15); } .menu_container ul li a.language-selector { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .menu_container ul li a.no-left-space { margin-left: 0; padding-left: 0; } .menu_container ul li a.dropdown_link, .top-menu .menu_container ul li span.dropdown_link { padding-right: 20px; } .menu_container ul li > a.dropdown_link:after, .menu_container ul li > span.dropdown_link:after { content: ""; border-bottom: 2px solid var(--black); border-right: 2px solid var(--black); width: 8px; height: 8px; position: absolute; right: 12px; top: 6px; -moz-transform: translate(10px, 4px) rotate(45deg); -webkit-transform: translate(10px, 4px) rotate(45deg); -o-transform: translate(10px, 4px) rotate(45deg); -ms-transform: translate(10px, 4px) rotate(45deg); transform: translate(10px, 4px) rotate(45deg); -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .menu_container ul li a.language-selector.dropdown_link:after { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } ul.level_2 .dropdown_block:after { display: none; } .menu_container ul.level_2 li a.dropdown_link:after { content: ""; border-bottom: 2px solid var(--black); border-right: 2px solid var(--black); opacity: 0.2; width: 8px; height: 8px; position: absolute; right: 14px; top: 2px; z-index: 100; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: .2s; -moz-transform: translate(10px, 4px) rotate(-45deg); -webkit-transform: translate(10px, 4px) rotate(-45deg); -o-transform: translate(10px, 4px) rotate(-45deg); -ms-transform: translate(10px, 4px) rotate(-45deg); transform: translate(10px, 4px) rotate(-45deg); } .es .menu_container ul li a { margin-right: 8px; } .fr .menu_container ul li a { margin-right: 14px; } .it .menu_container ul li a { margin-right: 16px; } .pt .menu_container ul li a { margin-right: 24px; } .top-menu .header-menu .home-link, .top-menu .header-menu .mobile-ios-link { display: none; } .dropdown_block { flex-direction: column; position: absolute; margin: 0; min-width: 140px; left: -10px; top: 105%; text-align: left; list-style: none inside; background: var(--white); -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 5px 23px 3px rgba(0, 0, 0, 0.15); opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } ul.level_2 .dropdown_block { left: calc(100% + 26px); top: 0; } .dropdown_block:after { content: ""; position: absolute; left: 50%; top: -5px; display: block; width: 10px; height: 10px; margin: 0 0 0 -5px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dropdown_block.inactive { opacity: 1; display: none; -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .dropdown_block { padding: 2px 0 !important; text-align: left !important; } .dropdown_block li { display: block !important; padding: 11px 0; margin: 0 9px; min-height: 29px; } .dropdown_block.level_2 li { padding: 10px 0; } .dropdown_block.level_2 li.all-link, .dropdown_block.level_2 li.last-link { padding: 16px 0; } .dropdown_block.level_2 li:not(.all-link) + li.last-link { margin: 8px 9px 0; } .dropdown_block.level_2 li.all-link + li:not(.last-link) { padding: 16px 0 10px; } .dropdown_block.level_2 li:not(.last-link):last-of-type { padding: 10px 0 16px; } .dropdown_block li.all-link, .dropdown_block li.link-with-separator { border-bottom: 1px solid rgba(var(--top-menu-separator-color), 0.2); } .dropdown_block li.last-link { border-top: 1px solid rgba(var(--top-menu-separator-color), 0.2); } .dropdown_block li.all-link + li.last-link { border-top: none; } .dropdown_block li a { margin: 0 !important; padding: 0 23px 0 7px !important; text-decoration: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; white-space: nowrap; } .dropdown_block li a .expert-icon { display: inline-block; width: 28px; height: auto; margin: -1px 10px 0 0; vertical-align: middle; } .dropdown_block li a .name { color: var(--black); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .dropdown_block li a:hover .name { color: var(--grey); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } #howto_dropdown.dropdown_block { left: -30px; } .menu_container ul li a.language-selector { display: inline-block; } .menu_container ul li a.language-selector > img { width: 24px; height: 24px; border-radius: 50%; } #language_dropdown { left: -60px; } #language_dropdown:after { left: 50%; top: -5px; margin: 0 0 0 -5px; } .menu_container ul#language_dropdown li { padding: 8px 20px; margin: 0; } #language_dropdown a { height: 21px; padding: 0 0 0 40px !important; } #language_dropdown a .icon { position: absolute; display: block; top: 0; left: 0; width: 24px; height: 24px; vertical-align: middle; } #language_dropdown a span { line-height: 21px; } #language_dropdown a .icon.icon-en, .menu_container ul li a.language-selector.language-en img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/en.svg?1651846391") no-repeat 0 0; } #language_dropdown a .icon.icon-de, .menu_container ul li a.language-selector.language-de img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/de.svg?1651847196") no-repeat 0 0; } #language_dropdown a .icon.icon-fr, .menu_container ul li a.language-selector.language-fr img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/fr.svg?1651847384") no-repeat 0 0; } #language_dropdown a .icon.icon-es, .menu_container ul li a.language-selector.language-es img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/es.svg?1651847288") no-repeat 0 0; } #language_dropdown a .icon.icon-it, .menu_container ul li a.language-selector.language-it img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/it.svg?1651847658") no-repeat 0 0; } #language_dropdown a .icon.icon-pt, .menu_container ul li a.language-selector.language-pt img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/pt.svg?1651847781") no-repeat 0 0; } #language_dropdown a .icon.icon-uk, .menu_container ul li a.language-selector.language-uk img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/uk.svg?1631697354") no-repeat 0 0; } #language_dropdown a .icon.icon-ja, .menu_container ul li a.language-selector.language-ja img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/ja.svg?1699435835") no-repeat 0 0; } #language_dropdown a .icon.icon-zh, .menu_container ul li a.language-selector.language-zh img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/zh.svg?1651847820") no-repeat 0 0; } #language_dropdown a .icon.icon-ru, .menu_container ul li a.language-selector.language-ru img { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icons-langs/ru.svg") no-repeat 0 0; } .top-menu .notification { position: absolute; top: 60px; left: 0; width: 100%; height: 36px; z-index: -1; background: #fff; } .top-menu.moved .notification { display: block; } .top-menu .notification .close { position: absolute; top: 0; right: 0; display: block; width: 36px; height: 36px; color: #555; font-size: 1.25em; font-weight: 600; line-height: 36px; text-align: center; } .top-menu .notification .close:after { content: "×"; } .top-menu.moved .notification .container { display: inline-block; height: 36px; } .container { max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .content-block { position: relative; width: 100%; overflow: hidden; } .content-block .content { position: relative; max-width: 1200px; width: 100%; margin: 0 auto; } .trans_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; } .black_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 1101; } .white_content { position: fixed; width: 996px; height: 560px; top: 50%; left: 50%; margin: -280px 0 0 -498px; padding: 0; background-color: #3c3c40; z-index: 1102; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); overflow: hidden; } .footer, .footer.white { flex: 0 0 auto; position: relative; padding: 22px 0 18px; background-color: var(--footer-bg); } .footer .footer-top-block { display: flex; justify-content: space-between; padding-bottom: 24px; } .footer .footer-menu { margin: 0 80px 0 0; padding: 0; vertical-align: top; display: inline-block; min-width: 100px; } .footer .footer-menu h3, .footer.white .footer-menu h3 { font-family: inherit; font-size: 0.9375rem; line-height: 1.33; text-align: left; font-weight: 600; color: var(--footer-menu-title); margin-bottom: 9px; } .footer .footer-menu h3 > span { position: relative; } .footer .footer-menu .menu-container { list-style: none inside; vertical-align: top; max-width: 200px; } .footer .footer-menu .menu-container li { text-align: left; } .footer .footer-menu .menu-container.menu-2 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .footer .footer-menu .menu-container li.top-divider { margin: 6px 0 0; padding: 4px 0 0; border-top: 1px solid rgba(var(--footer-border)); } .footer .menu-container li a, .footer.white .menu-container li a { display: block; font-size: 0.875em; font-weight: 400; line-height: 2; color: rgba(var(--footer-menu-link)); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .footer .menu-container li a:hover, .footer.white .menu-container li a:hover { color: rgba(var(--footer-menu-link-hover)); } .footer-top-block .right-block { position: relative; width: 222px; margin-left: auto; } .footer .footer-top-block .footer-logo { position: absolute; right: 0; top: -22px; width: 92px; height: 38px; } .footer.black .footer-top-block .footer-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/readdle-white.svg?1651676983") no-repeat 0 0; background-size: contain; } .footer.white .footer-top-block .footer-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/readdle-black.svg?1651675321") no-repeat 0 0; background-size: contain; } .footer .footer-social { position: absolute; bottom: 0; right: 0; } .footer .footer-social a { display: inline-block; width: 24px; height: 24px; opacity: 0.3; margin-left: 20px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .footer .footer-social a:first-child { margin-left: 0; } .footer .footer-social a:hover { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .footer.black .footer-social a.fb { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/black-facebook.svg?1651758142") no-repeat 0 0; } .footer.white .footer-social a.fb { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/white-facebook.svg?1652436915") no-repeat 0 0; } .footer.black .footer-social a.instagram { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/black-instagram.svg?1651758482") no-repeat 0 0; } .footer.white .footer-social a.instagram { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/white-instagram.svg?1652436922") no-repeat 0 0; } .footer.black .footer-social a.twitter { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/black-twitter.svg?1730126051") no-repeat 0 0; } .footer.white .footer-social a.twitter { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/white-twitter.svg?1730126118") no-repeat 0 0; } .footer.black .footer-social a.youtube { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/black-youtube.svg?1651758538") no-repeat 0 0; } .footer.white .footer-social a.youtube { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/white-youtube.svg?1652436933") no-repeat 0 0; } .footer.black .footer-social a.linkedin { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/black-linkedin.svg?1737382583") no-repeat 0 0; } .footer.white .footer-social a.linkedin { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/social-icons/white-linkedin.svg?1737382535") no-repeat 0 0; } .footer .footer-bottom-block { display: flex; justify-content: space-between; padding: 24px 0 0; font-size: 0.75em; } .footer .footer-bottom-block, .footer.white .footer-bottom-block { color: rgba(var(--footer-menu-link)); border-top: 1px solid rgba(var(--footer-border)); } .footer .footer-bottom-block .copyright { max-width: 450px; } .footer .footer-bottom-block .copyright .info-text { padding: 8px 0 0; } .footer .footer-bottom-block .terms-privacy { display: flex; } .footer .footer-bottom-block .terms-privacy a, .footer.white .footer-bottom-block .terms-privacy a { color: rgba(var(--footer-menu-link)); } .footer .footer-bottom-block .terms-privacy a:hover, .footer.white .footer-bottom-block .terms-privacy a:hover { color: rgba(var(--footer-menu-link-hover)); } .footer .footer-bottom-block .terms-privacy .divider, .footer.white .footer-bottom-block .terms-privacy .divider { width: 1px; height: 20px; margin: 0 20px; background: rgba(var(--footer-border)); } body:not([data-full-page-name='pricing']).bf-campaign { padding-top: 76px; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu { top: 76px; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu.moved .logo.top-logo { visibility: visible; opacity: 1; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu.moved .btn { display: none; } @media (min-width: 1921px) { .section-border-radius { max-width: 1920px; width: 100%; margin-left: auto; margin-right: auto; border-radius: 24px; overflow: hidden; } } @media (max-width: 1439px) { .section-block { margin-bottom: 96px; } .section-margin-bottom { margin-bottom: 80px; } } @media (max-width: 1399px) { .top-menu .header-menu { padding-left: 0; } } @media (max-width: 1199px) { .container { max-width: 100%; padding: 0 64px; } h1 { font-size: 2em; } h2 { font-size: 2.5em; } h3 { font-size: 1.75em; } p.title-desc { font-size: 1.125em; } p.text, ul.text { font-size: 1.125em; } .menu_container > ul.header-menu > li { margin-right: 24px; } .top-menu-right { right: 64px; } .fr .menu_container ul.header-menu > li > a { margin-right: 12px; font-size: 0.95em; } .fr .top-menu.static .btn-green, .top-menu.blog .btn-green { margin: auto 0 auto 50px; } .top-menu .lang-menu { margin-left: 0; } .fr .top-menu .lang-menu { margin-left: 0; } .footer .footer-menu { margin: 0 45px 0 0; } .footer .footer-menu:last-child { margin: 0 15px 0 0; } .footer .footer-social a { margin-left: 10px; } .white_content { width: 896px; height: 504px; margin: -252px 0 0 -448px; } body.bf-campaign:not([data-full-page-name='pricing']) { padding-top: 66px; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu { top: 66px; } } @media (min-width: 992px) { .top-menu .header-menu { display: flex !important; } #language_dropdown a .icon { border-radius: 50%; } } @media (max-device-width: 991px) { .btn.desktop-dwnl-btn { display: none !important; } .btn.desktop-buy-btn { display: none !important; } .btn.mobile-buy-btn { display: block !important; } .btn.mobile-inline-buy-btn { display: inline-block !important; } .top-menu.moved .btn.desktop-top-dwnl-btn, .top-menu.static .btn.desktop-top-dwnl-btn { display: none !important; } .top-menu.moved .btn.mobile-top-buy-btn { display: block; } } @media (max-width: 991px) { .container { padding: 0 32px; } h1 { font-size: 2.75em; } .btn { font-size: 1em; } .menu_container { justify-content: flex-end; } .top-menu .burger-button { position: relative; display: block; order: -2; height: 60px; width: 24px; color: var(--white); text-transform: uppercase; cursor: pointer; } .top-menu .burger-button span { position: absolute; left: 0; display: block; width: 24px; height: 3px; background: var(--black); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; opacity: 1; } .moved .burger-button span { background: #000000; } .burger-button span:nth-child(1) { top: 21px; } .burger-button span:nth-child(2) { top: 29px; } .burger-button span:nth-child(3) { top: 37px; } .top-menu .burger-button.active { width: 24px; } .top-menu .burger-button.active span { width: 24px; } .burger-button.active span:nth-child(1) { top: 27px; width: 0; left: 7px; } .burger-button.active span:nth-child(2) { top: 29px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .burger-button.active span:nth-child(3) { top: 29px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .burger-button.active span:nth-child(4) { top: 27px; width: 0; left: 7px; } .top-menu .header-menu { display: none; left: 0; max-width: unset; } .top-menu.moved .header-menu:after { display: none; } .top-menu .logo.top-logo { display: none; position: absolute; padding: 0; left: 50%; -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .top-menu.moved .logo.top-logo { display: block; visibility: unset; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/readdle-black.svg?1651675321") no-repeat 0 0; } .top-menu.moved .menu_container ul li a.language-selector { visibility: visible; opacity: 1; -webkit-transition: visibility 0.3s linear, opacity 0.3s linear; -moz-transition: visibility 0.3s linear, opacity 0.3s linear; -o-transition: visibility 0.3s linear, opacity 0.3s linear; -ms-transition: visibility 0.3s linear, opacity 0.3s linear; transition: visibility 0.3s linear, opacity 0.3s linear; } .top-menu.moved .menu_container ul li a.language-selector { visibility: hidden; opacity: 0; } .top-menu .header-menu .home-link { display: block; margin: 20px; } .top-menu .header-menu .mobile-ios-link { display: block; border-top: 1px solid rgba(204, 204, 204, 0.9); } .top-menu .header-menu .mobile-ios-link > a { height: 36px; margin-top: 20px; } .top-menu .mobile-ios-link .name { vertical-align: top; } .top-menu .mobile-ios-link .logo-ios { display: inline-block; min-width: 36px; width: 36px; height: 36px; visibility: unset; margin: 0 10px 0 0; } .collapsible-mobile-menu { position: fixed; top: 59px; display: none; width: 100%; min-height: 100px; padding: 0 !important; box-sizing: border-box; list-style: none; border-radius: unset; } .collapsible-mobile-menu::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .menu_container ul li { display: block; } .top-menu .menu_container ul li a, .top-menu .menu_container ul li span.dropdown_link { margin: 0; padding: 0; } .top-menu .menu_container > ul > li > a:not(.language-selector), .top-menu .menu_container > ul > li > span.dropdown_link { opacity: 1; } .top-menu .header-menu .desktop-menu-item, .footer .desktop-menu-item { display: none !important; } .top-menu .header-menu .mobile-menu-item, .footer .mobile-menu-item { display: block; } .top-menu .header-menu > li > a, .top-menu .header-menu > li > span.dropdown_link { color: #444 !important; font-size: 1.25em !important; font-weight: 400; line-height: 33px; } .menu_container ul li > span.dropdown_link:after { position: relative; display: inline-block; right: -10px; top: -5px; border-bottom: 2px solid var(--black); border-right: 2px solid var(--black); -moz-transform: translate(10px, 4px) rotate(-45deg); -webkit-transform: translate(10px, 4px) rotate(-45deg); -o-transform: translate(10px, 4px) rotate(-45deg); -ms-transform: translate(10px, 4px) rotate(-45deg); transform: translate(10px, 4px) rotate(-45deg); } .menu_container ul li > span.dropdown_link.active:after { -moz-transform: translate(10px, 4px) rotate(45deg); -webkit-transform: translate(10px, 4px) rotate(45deg); -o-transform: translate(10px, 4px) rotate(45deg); -ms-transform: translate(10px, 4px) rotate(45deg); transform: translate(10px, 4px) rotate(45deg); } .dropdown_block { box-shadow: none; } .dropdown_block:after { content: none; } .header-menu .dropdown_block { position: relative; width: 100%; background: none; } .menu_container .header-menu a.dropdown_link:after { display: none; } .dropdown_block li.all-link, .dropdown_block li.link-with-separator { border-bottom: none; } .dropdown_block li.last-link { border-top: none; } .dropdown_block.level_2 li.all-link, .dropdown_block.level_2 li.last-link, .dropdown_block.level_2 li.all-link + li:not(.last-link) { margin: 8px 0 8px 20px; padding: 0; } .top-menu .header-menu a { margin: 0; padding: 0; } .top-menu.moved .dropdown_block:after { background: transparent; } .top-menu .dropdown_block li, .top-menu .header-menu li { margin: 0 20px 20px; padding: 0; } .top-menu .header-menu > li + :not(.desktop-menu-item) { margin: 20px; } .menu_container ul#language_dropdown li:first-child { padding: 20px 20px 8px; } .top-menu .dropdown_block.level_2 li { margin: 8px 0 8px 20px; } .top-menu .dropdown_block.level_2 li:last-child, .dropdown_block.level_2 li:not(.all-link) + li.last-link { margin: 8px 0 0 20px; } .top-menu .dropdown_block li a { display: inline-block; width: 100%; height: 33px !important; color: #444; font-size: 1.25em; font-weight: 400; } .top-menu .menu_container ul li a.language-selector { padding: 5px 20px 0 0 !important; margin-top: 14px; } #language_dropdown { left: 0; top: 59px; background-color: transparent; } #language_dropdown:after { content: ""; position: absolute; left: auto; right: 34px; top: -5px; display: block; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .moved #language_dropdown:after { display: none; } #language_dropdown a { padding: 0 0 0 40px !important; } #language_dropdown a .icon { display: inline-block; width: 33px; height: 23px; padding: 0 10px 0 0; top: 5px; } .top-menu .dropdown_block li a .name { line-height: 33px !important; } .top-menu-right { right: 32px; } .top-menu .btn { width: initial; min-width: unset; } .top-menu.static .btn-green, .top-menu.blog .btn-green { position: absolute; margin: auto 0; top: 14px; right: 20px; } .top-menu.static .desktop-top-dwnl-btn.btn { display: none; } .top-menu.static.moved .desktop-top-dwnl-btn.btn { display: block; } .desktop-block, .desktop-screen { display: none !important; } .mobile-block, .mobile-screen { display: block !important; } .white_content { width: 747px; height: 420px; margin: -210px 0 0 -374px; } .footer, .footer.white { padding: 20px 0 18px; } .footer .footer-top-block { flex-direction: column; padding: 0 0 26px 0; } .footer .footer-menu { margin: 0; border-bottom: 1px solid; } .footer .footer-menu, .footer.white .footer-menu { border-color: rgba(var(--footer-border)); } .footer .footer-menu.footer-products-how-to { display: block; } .footer .footer-menu h3, .footer.white .footer-menu h3 { position: relative; height: 51px; margin: 0; line-height: 51px; font-size: 1em; font-weight: 400; } .footer .footer-menu h3:after { content: ""; position: absolute; right: 20px; top: 18px; width: 7px; height: 7px; border-radius: 1px; -moz-transform: translate(10px, 4px) rotate(135deg); -webkit-transform: translate(10px, 4px) rotate(135deg); -o-transform: translate(10px, 4px) rotate(135deg); -ms-transform: translate(10px, 4px) rotate(135deg); transform: translate(10px, 4px) rotate(135deg); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; -ms-transition: transform .3s ease; transition: transform .3s ease; } .footer .footer-menu h3:after, .footer.white .footer-menu h3:after { border-top: 2px solid; border-right: 2px solid; border-color: rgba(var(--footer-icon-color)); } .footer .footer-menu.active h3:after { -moz-transform: translate(10px, 4px) rotateZ(-45deg); -webkit-transform: translate(10px, 4px) rotateZ(-45deg); -o-transform: translate(10px, 4px) rotateZ(-45deg); -ms-transform: translate(10px, 4px) rotateZ(-45deg); transform: translate(10px, 4px) rotateZ(-45deg); } .footer .footer-menu .menu-container { max-height: 0; max-width: initial; overflow: hidden; padding: 0 0 0 10px; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; } .footer .footer-menu.active .menu-container { max-height: 1000px; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-in; } .footer .footer-menu .menu-container li { padding: 0; } .footer .footer-menu .menu-container li:last-child { padding-bottom: 11px; } .footer .footer-menu .menu-container li.top-divider { margin: 0; padding-top: 0; border-top: unset; } .footer .menu-container li a { font-size: 1em; line-height: 2.6; } .footer .footer-top-block .right-block { position: unset; width: 230px; margin: 0 auto; padding-top: 34px; order: 4; } .footer .footer-top-block .footer-logo { display: none; } .footer .footer-social { position: relative; text-align: center; } .footer .footer-social a { margin-left: 17px; } .footer.white .footer-bottom-block, .footer.black .footer-bottom-block { flex-direction: column; border-top: none; padding: 0; } .footer .footer-bottom-block .copyright { max-width: 800px; margin: 0 auto; padding-bottom: 12px; text-align: center; } .footer .footer-bottom-block .terms-privacy { margin: 0 auto; align-items: center; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu .menu_container ul li a.language-selector { visibility: visible; opacity: 1; } .bf-campaign:not([data-full-page-name='pricing']) .top-menu.moved .logo.top-logo { display: none; } } @media (max-width: 767px) { .container { padding: 0 20px; } .lottie-animation.loader:before, .lottie-animation.loader:after { content: unset; } .top-menu-right { right: 20px; } body.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) { padding-top: 116px; } .bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) .top-menu { top: 116px; } } @media (max-width: 575px) { h1, h2 { font-size: 1.5em; } h3 { font-size: 1.5em; } p.title-desc { font-size: 1em; } .section-block { margin-bottom: 80px; } p.text, ul.text { font-size: 1em; } .get-it .btn { width: 240px; } .top-menu.moved .logo.top-logo { display: none; } .top-menu .notification.pdfexpert_education { display: none !important; } .top-menu .btn { padding: 0 15px; } .footer, .footer.white { padding: 20px 0 30px; } body.bf-campaign.bf-early:not([data-full-page-name='pricing']), body.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) { padding-top: 114px; } body.bf-campaign.bf-standard.bf-counter:not([data-full-page-name='pricing']) { padding-top: 114px; } .bf-campaign.bf-early:not([data-full-page-name='pricing']) .top-menu, .bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) .top-menu { top: 114px; } .bf-campaign.bf-standard.bf-counter:not([data-full-page-name='pricing']) .top-menu { top: 114px; } } @media (max-width: 375px) { h1 { font-size: 1.4em; } .footer .footer-bottom-block .terms-privacy .divider, .footer.white .footer-bottom-block .terms-privacy .divider { margin: 0 10px; } body.es.bf-campaign.bf-early:not([data-full-page-name='pricing']), body.it.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']), body.ja.bf-campaign.bf-early:not([data-full-page-name='pricing']), body.pt.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) { padding-top: 160px; } .es.bf-campaign.bf-early:not([data-full-page-name='pricing']) .top-menu, .it.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) .top-menu, .ja.bf-campaign.bf-early:not([data-full-page-name='pricing']) .top-menu, .pt.bf-campaign.bf-early.bf-counter:not([data-full-page-name='pricing']) .top-menu { top: 160px; } body.de.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']), body.es.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']), body.ja.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']) { padding-top: 114px; } .de.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']) .top-menu, .es.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']) .top-menu, .ja.bf-campaign.bf-standard:not(.bf-counter):not([data-full-page-name='pricing']) .top-menu { top: 114px; } } :root { --btn-close-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icon-grey-close.svg?1720110122"); --popup-block-bg: #ffffff; --popup-information-text-color: #777; } .popup { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; visibility: hidden; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.40); z-index: 999999; opacity: 0; transition: .3s; } .popup.active { visibility: visible; opacity: 1; } .popup .block { position: relative; max-width: 612px; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 40px 71px; background: var(--popup-block-bg); border-radius: 16px; } .popup .title { font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 133%; text-align: center; margin-bottom: 40px; } .popup .btn-close { position: absolute; top: 16px; right: 16px; display: flex; justify-content: flex-end; width: 32px; height: 32px; background-image: var(--btn-close-image); background-repeat: no-repeat; background-size: contain; cursor: pointer; } @media (max-width: 767px) { .popup .block { max-width: 535px; padding: 35px 40px; } .popup { padding: 0 20px; } } @media (max-width: 480px) { .popup .block { padding: 35px 16px; } }.countdown .countdown-items { display: flex; gap: 4px; } .countdown .countdown-items .countdown-item { width: 52px; height: 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .4); border-radius: 50%; } .countdown .countdown-item .countdown-value { font-family: 'Sofia-Pro'; font-size: 1.25rem; font-weight: 800; line-height: normal; text-align: center; color: #FFFFFF; } .countdown .countdown-item .countdown-description { font-size: 0.5rem; font-weight: 300; line-height: 8px; letter-spacing: 0.035px; text-align: center; color: rgba(255, 255, 255, .7); } .zh .countdown .countdown-item .countdown-description { font-weight: 500; } @media (max-width: 1199px) { .countdown .countdown-items { gap: 3px; } .countdown .countdown-items .countdown-item { width: 42px; height: 42px; } .countdown .countdown-item .countdown-value { font-size: 1rem; } .countdown .countdown-item .countdown-description { font-size: 0.375rem; } }.bf-label { position: relative; color: #111111; background: #FFFFFF; } .bf-label:before { content: ''; position: relative; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/black-friday-banner/icon-spark.svg?1698770251"); background-repeat: no-repeat; background-size: contain; } .campaign-label { color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.40); }.discount-label { position: relative; color: #FFFFFF; } .bf-early .discount-label { background: -webkit-linear-gradient(261deg, #00D2FF -3.96%, #0080F5 90.53%); background: -moz-linear-gradient(261deg, #00D2FF -3.96%, #0080F5 90.53%); background: -o-linear-gradient(261deg, #00D2FF -3.96%, #0080F5 90.53%); background: -ms-linear-gradient(261deg, #00D2FF -3.96%, #0080F5 90.53%); background: linear-gradient(261deg, #00D2FF -3.96%, #0080F5 90.53%); } .bf-standard .discount-label { background: -webkit-linear-gradient(262deg, #C241FF -11.79%, #7C3DFF 103.51%); background: -moz-linear-gradient(262deg, #C241FF -11.79%, #7C3DFF 103.51%); background: -o-linear-gradient(262deg, #C241FF -11.79%, #7C3DFF 103.51%); background: -ms-linear-gradient(262deg, #C241FF -11.79%, #7C3DFF 103.51%); background: linear-gradient(262deg, #C241FF -11.79%, #7C3DFF 103.51%); } .discount-label:after { content: ''; position: relative; } .bf-early .discount-label:after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/black-friday-banner/icon-discount-early.svg?1698770572"); background-repeat: no-repeat; background-size: contain; } .bf-standard .discount-label:after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/black-friday-banner/icon-discount-standard.svg?1698827759"); background-repeat: no-repeat; background-size: contain; }.limited-label { display: flex; align-items: center; position: relative; color: #FFF; padding: 0 19px 0 9px; border-radius: 39px; border: 1px solid rgba(255, 255, 255, 0.40); } .limited-label:before { content: ''; position: relative; width: 46px; height: 46px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/black-friday-banner/icon-avatar.png?1699305364"); background-repeat: no-repeat; background-size: contain; margin-right: 9px; }.arrow-label { width: 64px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/black-friday-banner/icon-arrow.svg?1699304910"); background-repeat: no-repeat; background-size: contain; } .bf-standard .arrow-label { transform: rotate(40deg); } .bf-header-banner { position: fixed; left: 0; top: 0; width: 100%; background: -webkit-linear-gradient(90deg, #383774 0%, #0B1128 23.31%, #0B1229 75.24%, #072D67 99.93%); background: -moz-linear-gradient(90deg, #383774 0%, #0B1128 23.31%, #0B1229 75.24%, #072D67 99.93%); background: -o-linear-gradient(90deg, #383774 0%, #0B1128 23.31%, #0B1229 75.24%, #072D67 99.93%); background: -ms-linear-gradient(90deg, #383774 0%, #0B1128 23.31%, #0B1229 75.24%, #072D67 99.93%); background: linear-gradient(90deg, #383774 0%, #0B1128 23.31%, #0B1229 75.24%, #072D67 99.93%); padding: 12px 0; z-index: 1000; cursor: pointer; } .bf-header-banner .container { display: flex; justify-content: space-between; align-items: center; } .bf-header-banner .left-block { width: 100%; display: flex; align-items: center; gap: 8px; } .bf-header-banner .left-block .label { height: 52px; display: flex; align-items: center; justify-content: center; font-family: 'Sofia-Pro'; font-size: 1.25rem; font-style: normal; font-weight: 800; line-height: normal; } .bf-header-banner .left-block .campaign-label { padding: 0 16px; border-radius: 32px; } .bf-header-banner .left-block .bf-label { padding: 0 14px 0 8px; border-radius: 30px; } .bf-header-banner .left-block .bf-label:before { width: 38px; height: 38px; margin-right: 7px; } .bf-header-banner .left-block .discount-label { padding: 0 8px 0 16px; border-radius: 32px; } .bf-header-banner .left-block .discount-label:after { width: 38px; height: 38px; margin-left: 8px; } .bf-header-banner .left-block .countdown { margin: 0 auto; } .bf-header-banner .right-block .btn { min-width: 170px; height: 36px; font-size: 1rem; font-weight: 600; line-height: 150%; padding: 0 16px } .it .bf-header-banner .right-block .btn { min-width: 200px; } .bf-campaign .main-banner .text-block .banner-logo { display: none; } .bf-campaign .text-icon-tooltip { margin-left: 0; } @media (max-width: 1199px) { .bf-header-banner .left-block { gap: 6px; } .bf-header-banner .left-block .label { font-size: 1rem; height: 42px; } .bf-header-banner .left-block .campaign-label { padding: 0 13px; border-radius: 25px; } .bf-header-banner .left-block .bf-label { padding: 0 11px 0 6px; border-radius: 24px; } .bf-header-banner .left-block .bf-label:before { width: 30px; height: 30px; margin-right: 6px; } .bf-header-banner .left-block .discount-label { padding: 0 6px 0 12px; border-radius: 25px; } .bf-header-banner .left-block .discount-label:after { width: 30px; height: 30px; margin-left: 6px; } } @media (max-width: 991px) { .bf-header-banner .container { flex-wrap: wrap; justify-content: center; gap: 8px; } .bf-header-banner .left-block { gap: 8px; flex-wrap: wrap; justify-content: center; } .bf-header-banner .left-block .countdown { margin: 0; } .bf-header-banner .right-block { display: none; } } @media (max-width: 767px) { .bf-header-banner .left-block .campaign-label, .bf-header-banner .left-block .bf-label, .bf-header-banner .left-block .discount-label { padding: 0 7px; } .bf-campaign.bf-early.bf-counter .bf-header-banner .left-block { max-width: 500px; width: 100%; } .zh.bf-campaign.bf-early.bf-counter .bf-header-banner .left-block { max-width: 400px; } } @media (max-width: 575px) { .bf-header-banner .left-block { gap: 6px; width: 100%; } .ja.bf-campaign.bf-early .bf-header-banner .left-block .label { font-size: 0.875rem; } .bf-campaign.bf-early:not(.bf-counter) .bf-header-banner .left-block { max-width: 336px; } .zh.bf-campaign.bf-early:not(.bf-counter) .bf-header-banner .left-block { max-width: 280px; } .bf-campaign.bf-standard.bf-counter .bf-header-banner .left-block { max-width: 336px; } } @media (max-width: 375px) { .bf-campaign.bf-early.bf-counter .bf-header-banner .left-block { max-width: 280px; } .es.bf-campaign.bf-early:not(.bf-counter) .bf-header-banner .left-block { max-width: 280px; } .ja.bf-campaign.bf-early:not(.bf-counter) .bf-header-banner .left-block { max-width: 280px; } .bf-campaign.bf-standard .bf-header-banner .left-block { max-width: 280px; } }