.top-choice { background: #FBFBFD; padding: 31px 0; } .garland-window { display: flex; justify-content: center; margin: 0 auto; } .top-choice .garland-card { position: relative; display: inline-block; height: 70px; padding: 0 40px; margin-right: 90px; } .top-choice .garland-card:last-child { margin-right: 0; } .top-choice .garland-card:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/garland-left.svg?1652198658") no-repeat 0 0; background-size: contain; } .top-choice .garland-card:after { content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/garland-right.svg?1652198673") no-repeat 0 0; background-size: contain; } .top-choice .garland-card .title { font-weight: 600; font-size: 1.25em; line-height: 133%; text-align: center; color: #111111; margin-top: 10px; margin-bottom: 4px; } .top-choice .garland-card .desc { font-weight: 400; font-size: 0.875em; line-height: 150%; text-align: center; display: flex; justify-content: center; letter-spacing: -0.03em; color: #6E6E6E; } .top-choice .garland-card .desc span { position: relative; display: flex; align-items: center; padding-left: 12px; margin-left: 7px; } @media (min-width: 992px) { .garland-window .garland-card { opacity: 1 !important; } } @media (max-width: 991px) { .top-choice { position: relative; height: 102px; padding: 0; } .garland-window { position: absolute; top: 16px; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; height: 70px; } .top-choice .garland-card { position: absolute; left: unset; margin: 0; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .garland-window .garland-card.current { opacity: 1; } }.press-slider .container { max-width: 1060px; } .press-slider .quote-window { position: relative; height: 100%; } .press-slider .quote-card { display: none; position: relative; width: 100%; justify-content: space-between; align-items: center; background: #F7F7FA; border-radius: 16px; padding: 58px 28px 58px 70px; opacity: 0; } .press-slider .quote-card.current { display: flex; } .press-slider .quote-card p { position: relative; max-width: 654px; width: 100%; font-family: 'Sofia-Pro'; font-weight: 800; font-size: 1.75em; line-height: 150%; letter-spacing: -0.1px; color: #6E6E6E; } .press-slider .quote-card p:before { content: ''; position: absolute; top: -8px; left: -15px; width: 52px; height: 45px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/components/press-slider/icon-quotes.svg?1663254202") no-repeat 0 0; background-size: contain; } @media (max-width: 1199px) { .press-slider .quote-card p { max-width: 540px; font-size: 1.5em; line-height: 140%; } .press-slider .quote-card { padding: 47px 35px 47px 53px; } .press-slider .quote-card img { max-width: 207px; width: 100%; } } @media (max-width: 991px) { .press-slider .quote-card { padding: 40px 32px 32px 15px; } .press-slider .quote-card p { max-width: 460px; } .press-slider .quote-card img { max-width: 164px; } .press-slider .quote-card p:before { width: 36px; height: 45px; top: -5px; left: -10px; } } @media (max-width: 767px) { .press-slider .quote-card { flex-direction: column; align-items: flex-end; padding: 42px 32px 32px 42px; } .press-slider .quote-card p { max-width: 100%; margin-bottom: 32px; } } @media (max-width: 575px) { .press-slider .quote-card p { font-size: 1.25em; margin-bottom: 12px; } .press-slider .quote-card img { max-width: 138px; } }.press-list { display: flex; align-items: center; padding: 25px 0; background: #1C1C1C; } .press-list.bg-grey { background: #F7F7FA; } .press-list .container { max-width: 976px; } .press-list .list { display: flex; justify-content: space-between; align-items: center; } .press-list .list .item { opacity: .3; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .press-list .list .item:hover { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .press-list .list .item:focus-visible::before { background-color: unset; } .press-list .list .item img { width: 100%; } @media (max-width: 1199px) { .press-list .container { max-width: 100%; } } @media (max-width: 991px) { .press-list { padding: 32px 0; } .press-list .list .item { margin-right: 20px; } .press-list .list .item:last-child { margin-right: 0; } } @media (max-width: 767px) { .press-list { padding: 47px 0 30px 0; } .press-list .container { max-width: 486px; } .press-list .list { justify-content: center; flex-wrap: wrap; } .press-list .list .item { margin: 0 30px 30px 0; } .press-list .list .item:nth-child(3) { margin-right: 0; } .press-list .list .item img { height: 23px; } } @media (max-width: 575px) { .press-list { padding: 30px 0 10px 0; } .press-list .container { max-width: 390px; } .press-list .list .item{ margin: 0 20px 20px 0; } .press-list .list .item img { height: 15px; width: auto; } } @media (max-width: 375px) { .press-list .list .item { margin-right: 15px; } }.faq-section .box { max-width: 740px; width: 100%; margin: 0 auto; } .faq-section.box-shadow .box { max-width: 790px; border-radius: 20px; background: #FFF; padding: 20px; } .faq-section.box-shadow h2.title-center-block { font-weight: 700; margin-bottom: 40px; } .faq-section .item { padding: 27px 16px; border-bottom: 1px solid rgba(68, 68, 68, 0.1); outline: none; } .faq-section .item:focus-visible { border-radius: 6px; -moz-box-shadow: var(--common-focus-box-shadow); -webkit-box-shadow: var(--common-focus-box-shadow); -o-box-shadow: var(--common-focus-box-shadow); -ms-box-shadow: var(--common-focus-box-shadow); box-shadow: var(--common-focus-box-shadow); } .faq-section.box-shadow .item:last-child { border-bottom: none; } .faq-section .item-title { position: relative; width: calc(100% - 104px); display: flex; align-items: center; font-weight: 400; font-size: 1em; line-height: 150%; letter-spacing: -0.03em; color: #333333; cursor: pointer; } .faq-section .item .item-title:after { content: ''; position: absolute; right: -80px; width: 16px; height: 16px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icon-grey-plus.svg?1663589521") no-repeat 0 0; background-size: contain; transition: .4s ease; } .faq-section .item.open .item-title:after { transform: rotate(-45deg); opacity: .25; transition: .4s ease; } .faq-section .item .text-block { display: none; padding-top: 24px; } .faq-section.box-shadow .item .text-block { padding: 24px 8px 0; } .faq-section .item .text-block p { font-weight: 400; font-size: 0.875em; line-height: 150%; letter-spacing: -0.03em; color: #6E6E6E; } .faq-section.faq-2-columns .list { display: flex; justify-content: space-between; gap: 20px; } .faq-section.faq-2-columns .list .column { width: 50%; } .faq-section.faq-2-columns .box { max-width: 100%; } .faq-section.faq-2-columns .item { padding: 8px 16px; } .faq-section.faq-2-columns .item-title { width: calc(100% - 65px); min-height: 62px; font-family: 'Sofia-Pro', sans-serif; font-size: 1.125rem; font-weight: 700; } .faq-section.faq-2-columns .item .item-title:after { right: -58px; } .faq-section.faq-2-columns .item .text-block { padding: 16px 0 16px; } .faq-section.faq-2-columns .item .text-block p { font-size: 1rem; } @media (max-width: 1199px) { .faq-section.box-shadow .box { max-width: 741px; padding: 32px 24px; } } @media (max-width: 767px) { .faq-section.faq-2-columns .list { display: flex; flex-direction: column; gap: 0; } .faq-section.faq-2-columns .list .column { width: 100%; } .faq-section.box-shadow .box { padding: 20px 0; } .faq-section.faq-2-columns .item-title { font-size: 1rem; } .faq-section.faq-2-columns .item .text-block p { font-size: 0.875rem; } } @media (max-width: 575px) { .faq-section .item-title { width: calc(100% - 75px); } .faq-section.box-shadow .box .item { padding: 27px 16px; } .faq-section .item { padding: 15px 16px; } .faq-section .item .item-title:after { right: -53px; } }.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-inner-banner { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 64px; } .bf-inner-banner .label { height: 64px; display: flex; align-items: center; justify-content: center; font-family: 'Sofia-Pro'; font-size: 1.5rem; font-style: normal; font-weight: 800; line-height: normal; } .bf-inner-banner .top-block, .bf-inner-banner .bottom-block { display: flex; gap: 12px; } .bf-inner-banner .bf-label { padding: 0 14px 0 8px; border-radius: 30px; } .bf-inner-banner .bf-label:before { width: 46px; height: 46px; margin-right: 7px; } .bf-inner-banner .campaign-label { padding: 0 16px; border-radius: 32px; } .bf-inner-banner .countdown .countdown-items { gap: 5px; } .bf-inner-banner .countdown .countdown-items .countdown-item { width: 64px; height: 64px; } .bf-inner-banner .countdown .countdown-item .countdown-value { font-size: 1.5rem; } .bf-inner-banner .countdown .countdown-item .countdown-description { font-size: 0.625rem; } .bf-inner-banner .discount-label { padding: 0 8px 0 16px; border-radius: 32px; } .bf-inner-banner .discount-label:after { width: 46px; height: 46px; margin-left: 8px; } @media (max-width: 767px) { .bf-inner-banner { gap: 8px; justify-content: center; margin-bottom: 46px; } .bf-inner-banner .top-block, .bf-inner-banner .bottom-block { gap: 8px; flex-wrap: wrap; align-items: center; justify-content: center; } .bf-inner-banner .label { font-size: 1rem; height: 42px; } .bf-inner-banner .campaign-label { padding: 0 10px; } .bf-inner-banner .bf-label { padding: 0 11px 0 6px; } .bf-inner-banner .bf-label:before { width: 30px; height: 30px; margin-right: 6px; } .bf-inner-banner .discount-label { padding: 0 6px 0 12px; } .bf-inner-banner .discount-label:after { width: 30px; height: 30px; margin-left: 6px; } .bf-inner-banner .arrow-label { width: 42px; } .bf-inner-banner .limited-label { padding: 0 12px 0 6px; } .bf-inner-banner .limited-label:before { width: 30px; height: 30px; margin-right: 6px; } .bf-inner-banner .countdown .countdown-items { gap: 3px; } .bf-inner-banner .countdown .countdown-items .countdown-item { width: 42px; height: 42px; } .bf-inner-banner .countdown .countdown-item .countdown-value { font-size: 1rem; } .bf-inner-banner .countdown .countdown-item .countdown-description { font-size: 0.375rem; } } html .bf-campaign { --title-color: #ffff; --color-grey: rgba(255, 255, 255, 0.60); --price-item-blue: #46A8F8; --price-item-violet: #6546C7; } .bf-campaign .wrap:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(117deg, #383774 0%, #0B1128 23.57%, #0B1229 74.4%, #072D67 100.51%); background: -moz-linear-gradient(117deg, #383774 0%, #0B1128 23.57%, #0B1229 74.4%, #072D67 100.51%); background: -o-linear-gradient(117deg, #383774 0%, #0B1128 23.57%, #0B1229 74.4%, #072D67 100.51%); background: -ms-linear-gradient(117deg, #383774 0%, #0B1128 23.57%, #0B1229 74.4%, #072D67 100.51%); background: linear-gradient(117deg, #383774 0%, #0B1128 23.57%, #0B1229 74.4%, #072D67 100.51%); z-index: -1; } .bf-campaign .top-menu::before { background: rgba(17, 17, 17, 0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } .bf-campaign .top-menu.moved { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .bf-campaign .top-menu.moved::before { background: rgba(17, 17, 17, .1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .bf-campaign .top-menu .menu_container ul li a.product-choice:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/logo-text-white.svg?1699365639") no-repeat 0 0; background-size: 98px 24px; } .bf-campaign .top-menu .menu_container ul li a, .bf-campaign .top-menu .menu_container ul li span.dropdown_link { color: rgba(255, 255, 255, 0.80); } .bf-campaign .top-menu .menu_container ul li a:hover, .bf-campaign .top-menu .menu_container ul li span.dropdown_link:hover { color: rgba(255, 255, 255, 1); } .bf-campaign .menu_container ul li > a.dropdown_link:after, .bf-campaign .menu_container ul li > span.dropdown_link:after { border-color: rgba(255, 255, 255, 0.80); } .bf-campaign .top-menu .menu_container ul li a:hover:after, .bf-campaign .top-menu .menu_container ul li span.dropdown_link:hover:after { border-color: rgba(255, 255, 255, 1); } .bf-campaign .top-menu .menu_container ul li a.product-choice span { background: rgba(255, 255, 255, 0.15); } .bf-campaign .dropdown_block { background: rgba(17, 17, 17, 0.10); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(10px); } .bf-campaign .dropdown_block:after { background: none; } .bf-campaign .dropdown_block li.all-link, .bf-campaign .dropdown_block li.link-with-separator { border-color: rgba(255, 255, 255, 0.10); } .bf-campaign .dropdown_block li a .name { color: rgba(255, 255, 255, 0.80); } .bf-campaign .dropdown_block li a:hover .name { color: rgba(255, 255, 255, 1); } .bf-campaign .top-menu .logo.top-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/readdle-white.svg?1651676983") no-repeat 0 0; } .bf-campaign .price-cards { margin-bottom: 0; } .bf-campaign .price-list { align-items: flex-end; } .bf-campaign .price-list .item:nth-child(2) { margin: 0 0 0 32px; } .bf-campaign .price-list .item { border: 1px solid rgba(255, 255, 255, 0.15); } .bf-campaign .price-list .item.best-value { border: none; background: none; } .bf-campaign .price-list .item .main-block { background: rgba(247, 247, 250, 0.05); } .bf-campaign.bf-early .price-list .item .best-value { background: var(--price-item-blue); } .bf-campaign.bf-standard .price-list .item .best-value { background: var(--price-item-violet); } .bf-campaign .price-list .item.best-value .main-block { border-width: 0 2px 2px 2px; border-style: solid; border-radius: 0 0 16px 16px; background: rgba(247, 247, 250, 0.05); } .bf-campaign.bf-early .price-list .item.best-value .main-block { border-color: var(--price-item-blue); } .bf-campaign.bf-standard .price-list .item.best-value .main-block { border-color: var(--price-item-violet); } .bf-campaign .price-list .item .period { color: #FFFFFF; } .bf-campaign .price-list .item .price p { color: #FFFFFF; } .bf-campaign .price-list.individuals-price-list .item .features-list > li { color: rgba(255, 255, 255, 0.80); } .bf-campaign.bf-early .price-list .item .features-list > li.available:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/feature-available-blue-icon.svg?1698946170") no-repeat 0 0; background-size: contain; } .bf-campaign .price-list .item .period { display: flex; justify-content: space-between; align-items: flex-start; } .bf-campaign .price-list .item .period .discount { display: flex; flex-direction: column; align-items: center; } .bf-campaign .price-list .item .period .discount span { font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 133%; display: flex; padding: 5px 12px; border-radius: 26px; } .bf-campaign.bf-early .price-list .item .period .discount span { background: var(--price-item-blue); } .bf-campaign.bf-standard .price-list .item .period .discount span { background: var(--price-item-violet); } .bf-campaign .price-list .item .period .discount p { font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.36px; color: rgba(255, 255, 255, 0.60); margin-top: 4px; } .bf-campaign .price-list .item .price { align-items: center; } .bf-campaign .price-list .item .price p { margin-left: 8px; } .bf-campaign .price-list .item .old-price { text-decoration: line-through; } .bf-campaign .pricing-block .link-block a:after { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/white-arrow-right.svg?1699355333") no-repeat 0 0; background-size: contain; } .bf-campaign .pricing-block .slick-dots li button:before { opacity: 1; background: rgba(255, 255, 255, 0.10); } .bf-campaign .pricing-block .slick-dots li.slick-active button:before { background: rgba(255, 255, 255, 0.60); } .bf-campaign .slider-loader { height: 100%; background: none; } .bf-campaign .slider-loader .spinner:after { border-top-color: #FFFFFF; } .bf-campaign .top-choice .garland-card:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/garland-white-left.svg?1698946489") no-repeat 0 0; background-size: contain; } .bf-campaign .top-choice .garland-card:after { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/garland-white-right.svg?1698946578") no-repeat 0 0; background-size: contain; } .bf-campaign .top-choice .garland-card .title { color: #FFFFFF; } .bf-campaign .top-choice .garland-card .desc { color: rgba(255, 255, 255, 0.60); } .bf-campaign .press-slider .quote-card { background: rgba(247, 247, 250, 0.05); } .bf-campaign .press-slider .quote-card p { color: rgba(255, 255, 255, 0.60); } .bf-campaign .press-slider .quote-card p:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/components/press-slider/icon-quotes-white.svg?1699010777") no-repeat 0 0; background-size: contain; } .bf-campaign .press-list.bg-grey { background: rgba(247, 247, 250, 0.05); } .bf-campaign .faq-section .item { border-color: rgba(255, 255, 255, 0.10); } .bf-campaign .faq-section .item-title { color: rgba(255, 255, 255, 0.80); } .bf-campaign .faq-section .item .item-title:after { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/icon-white-plus.svg?1699262952") no-repeat 0 0; background-size: contain; } .bf-campaign .faq-section .item.open .item-title:after { opacity: .7; } .bf-campaign .faq-section .item .text-block p { color: rgba(255, 255, 255, 0.60); } @media (max-width: 991px) { .bf-campaign .top-menu .burger-button span { background: rgba(255, 255, 255, 0.80); } .bf-campaign .dropdown_block { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; } .bf-campaign .collapsible-mobile-menu::before { background: rgba(17, 17, 17, 0.10); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .bf-campaign .top-menu .header-menu > li > a, .bf-campaign .top-menu .header-menu > li > span.dropdown_link { color: rgba(255, 255, 255, 0.80) !important; } .bf-campaign #language_dropdown:after { background: none; } .bf-campaign .price-list.individuals-price-list .item { height: auto; display: flex; flex-direction: column; } .bf-campaign .price-list .item .period .discount span { font-size: 1.25rem; padding: 3px 8px; } .bf-campaign .pricing-block .slick-arrow.arrow-left { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/slider-arrow-left-white.svg?1699371023") no-repeat 0 0; background-size: contain; } .bf-campaign .pricing-block .slick-arrow.arrow-right { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/slider-arrow-right-white.svg?1699371109") no-repeat 0 0; background-size: contain; } } html { --tabs-bg: #f7f7fa; --color-grey: #6E6E6E; --violet-color: #6D3ECF; --price-item-bg: #F7F7FA; --price-item-border-color: rgba(68, 68, 68, 0.1); --price-item-hover-border-color: rgba(68, 68, 68, 0.15); --price-item-active-bg: #f5faff; --price-item-padding: 30px; --price-best-value-bg: #a1a1a1; --price-subtext-color: #888888; --separator-color: rgba(68, 68, 68, 0.1); } .top-menu .menu_container ul li a.product-choice { color: #000000 !important; } .top-choice { background: none; margin-bottom: 111px; } .press-list { margin-bottom: 80px; } .faq-section { margin-bottom: 80px; } .slider-loader { height: calc(100% + 48px); } .middle__slider_item { display: none !important; } .middle__slider_item:nth-child(2) { display: block !important; } .slick-initialized .middle__slider_item { display: block !important; } .top-menu.moved .btn-blue { display: none; } .top-menu.moved .logo.top-logo { visibility: visible; opacity: 1; } .pricing-block { width: 100%; margin: 140px auto 111px; } .pricing-block .text-block { margin-bottom: 100px; } .pricing-block .title { font-size: 3em; text-align: center; margin-bottom: 24px; } .price-cards { position: relative; margin-bottom: 30px; height: 100%; } .pricing-card-list { visibility: hidden; opacity: 0; } .pricing-card-list.active { 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; } .price-list { display: flex; justify-content: center; } .pricing-block .tabs-list { display: flex; justify-content: space-between; align-items: center; max-width: 336px; margin: 32px auto 100px; padding: 2px 3px; background: var(--tabs-bg); border-radius: 54px; } .pricing-block .tabs-list .tab { min-width: 166px; height: 100%; font-family: 'Sofia-Pro'; font-size: 1.25em; line-height: 133%; display: flex; justify-content: center; align-items: center; color: #111111; padding: 6px 31px 5px; cursor: pointer; } .pricing-block .tabs-list .tab.active { color: #ffffff; font-weight: 700; background: var(--violet-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border-radius: 44px; } .price-list .item { position: relative; max-width: 322px; width: 100%; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.04); border-radius: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; overflow: hidden; border: 2px solid var(--price-item-border-color); } .price-list.individuals-price-list .item { max-width: 478px; } .price-list .item:nth-child(2) { margin: -43px 32px 0 32px; } .price-list .item .main-block { height: 100%; padding: 32px; box-sizing: border-box; background: var(--price-item-bg); } .price-list.individuals-price-list .item .main-block { padding: 40px; } @media(hover: hover) and (pointer: fine) { .price-list .item:hover { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } .price-list .item:not(.active):hover:after { border: 1px solid var(--price-item-hover-border-color); } } .price-list .item.best-value { border: 2px solid var(--violet-color); background: var(--violet-color); } .price-list .item.best-value .main-block { background: #FFFFFF; } .price-list .item .best-value { padding: 12px 10px; color: #ffffff; text-transform: uppercase; text-align: center; font-size: 1em; font-weight: 600; } .price-list .item .period { font-family: 'Sofia-Pro'; font-size: 2em; font-weight: 800; line-height: 130%; color: #111111; margin-bottom: 16px; } .price-list .item .text-block { font-weight: 400; font-size: 1.125em; line-height: 150%; color: var(--color-grey); padding-top: 8px; } .price-list .item .info-block { font-weight: 400; font-size: 0.75em; line-height: 150%; letter-spacing: -0.03em; color: var(--color-grey); } .price-list .item .price { display: flex; align-items: flex-end; } .price-list .item .price p { font-family: 'Sofia-Pro'; font-style: normal; font-weight: 800; font-size: 2em; line-height: 130%; letter-spacing: -1px; color: #111111; margin-right: 8px; } .price-list .item .price > span { font-size: 1.125rem; font-weight: 400; line-height: 150%; color: var(--color-grey); } .price-list .item .billing-info { font-size: 1.125rem; font-weight: 400; line-height: 150%; color: var(--color-grey); } .price-list .item .features-list { padding-top: 24px; } .price-list .item .features-list > li { position: relative; font-size: 0.875em; font-weight: 400; line-height: 150%; display: flex; align-items: center; padding-left: 24px; margin-bottom: 16px; list-style-type: none; } .price-list.individuals-price-list .item .features-list > li { font-size: 1.125em; } .price-list .item .features-list > li:last-child { margin-bottom: 0; } .price-list .item .features-list > li:before { content: ""; position: absolute; left: 0; } .price-list .item .features-list > li.available:before { width: 16px; height: 16px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/feature-available-icon.svg?1662119746") no-repeat 0 0; background-size: contain; } .pricing-block .continue-btn { display: flex; width: 100%; font-weight: 600; font-size: 1em; line-height: 150%; text-align: center; cursor: pointer; margin: 24px auto 8px; z-index: 999; } .pricing-block .continue-btn.btn-blue-unfilled { margin: 31px auto 8px; } .pricing-block .link-block { display: flex; justify-content: center; } .pricing-block .link-block a { position: relative; font-weight: 400; font-size: 1.25em; line-height: 150%; display: flex; align-items: center; text-decoration-line: underline; color: var(--color-grey); padding-right: 21px; } .pricing-block .link-block a:after { content: ''; position: absolute; right: 0; width: 9px; height: 15px; background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/pages/pricing/grey-arrow-right.svg?1663325789") no-repeat 0 0; background-size: contain; } .pricing-block .link-block a:hover { text-decoration: none; } .error-block { padding: 150px 20px 100px; text-align: center; font-size: 1.5em; } .press-slider { margin-bottom: 80px; } @media (max-width: 1199px) { .top-choice { margin-bottom: 96px; } } @media (max-width: 991px) { .top-menu.moved .menu_container ul li a.language-selector { visibility: visible; } .pricing-block { margin: 110px 0 96px; } .pricing-block .container { display: flex; flex-direction: column; align-items: center; } .pricing-block .text-block { margin-bottom: 64px; } .pricing-block .title { font-size: 2.5em; } .pricing-block .tabs-list { margin: 40px auto 64px; } .pricing-card-list { max-width: 480px; width: 100%; margin: 0 auto; } .price-list.individuals-price-list .item { max-width: 100%; } .price-list { height: inherit; flex-direction: column; margin: 0 auto; } .price-list .item:nth-child(2) { margin: 0; } .price-list.individuals-price-list .item:nth-child(2) { margin: 0; } .price-list .item { max-width: 480px; width: 100%; height: inherit; opacity: 0 !important; -webkit-transition: opacity .3s !important; -moz-transition: opacity .3s !important; -o-transition: opacity .3s !important; -ms-transition: opacity .3s !important; transition: .3s opacity !important; } .price-list .item.slick-active { opacity: 1 !important; -webkit-transition: opacity .3s 3s !important; -moz-transition: opacity .3s 3s !important; -o-transition: opacity .3s 3s !important; -ms-transition: opacity .3s 3s !important; transition: opacity .3s .3s !important; } .price-list .item.best-value .main-block { padding: 35px 40px 40px; } .price-list .item .info-block { font-size: 1em; } .pricing-block .pagination-block { display: flex; justify-content: center; margin-top: 32px; } .pricing-block .slick-pagination { position: relative; height: 24px; display: flex; align-items: center; justify-content: center; } .pricing-block .slider-arrows { position: absolute; display: flex; justify-content: space-between; width: calc(100% + 80px); } .pricing-block .slick-arrow { width: 24px; height: 24px; background: red; } .pricing-block .slick-arrow.arrow-left { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/slider-arrow-left.svg?1663688373") no-repeat 0 0; background-size: contain; } .pricing-block .slick-arrow.arrow-right { background: url("https://cdn-rdstaticassets.readdle.com/assets/spark/spark3/common/slider-arrow-right.svg?1663688387") no-repeat 0 0; background-size: contain; } .pricing-block .slick-dotted.slick-slider { margin-bottom: 0; } .pricing-block .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .pricing-block .slick-track { display: flex; } .slick-dotted.slick-slider { margin-bottom: 0; } .pricing-block .slick-dots li { width: 10px; height: 10px; } .pricing-block .slick-dots li button { font-size: 0; width: 10px; height: 10px; } .pricing-block .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.3); border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .pricing-block .slick-dots li.slick-active button:before { background: var(--color-grey); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .pricing-block .continue-btn.btn-blue-unfilled { margin: 24px 0 16px; } } @media (max-width: 767px) { .pricing-block .title { font-size: 2em; } .pricing-block .tabs-list { margin: 32px auto 42px; } } @media (max-width: 575px) { .price-cards { margin-bottom: 20px; } .pricing-block .text-block { margin-bottom: 48px; } .pricing-block .tabs-list .tab { font-size: 1em; } .price-list { max-width: 335px; width: 100%; } .price-list .item .best-value { padding: 4px 0; } .price-list .item .main-block, .price-list.individuals-price-list .item .main-block { padding: 24px 26px 25px 26px; } .price-list .item.best-value .main-block { padding: 22px 26px; } .price-list .item .period { font-size: 1.5em; margin-bottom: 16px; } .price-list.individuals-price-list .item .features-list > li { font-size: 1em; } .pricing-block .link-block a { display: inline-block; font-size: 1em; line-height: 150%; padding-right: 0; } .pricing-block .link-block a:after { display: inline-block; width: 6px; height: 11px; position: relative; right: unset; margin-left: 10px; } .press-slider { margin-bottom: 56px; } } @media (max-width: 375px) { .pricing-block .tabs-list { max-width: 280px; } .pricing-block .tabs-list .tab { min-width: unset; width: 50%; } .price-list { max-width: 280px; } .price-list .item.best-value .main-block { padding: 22px 20px; } .price-list.individuals-price-list .item .features-list > li { font-size: 0.875em; } }