.header-title-banner { padding-top: 108px; margin-bottom: 96px; } .header-title-banner .title { margin: 0 0 48px; color: #1E1E1E; font-size: 1.75rem; font-weight: 700; line-height: 1.33; } .header-title-banner .hero-banner { overflow: hidden; border-radius: 24px; height: 420px; position: relative; display: flex; width: 100%; } .header-title-banner .hero-banner img { display: block; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 100%; min-width: 1200px; } @media (max-width: 1199px) { .header-title-banner { margin-bottom: 80px; } } @media (max-width: 991px) { .header-title-banner { margin-bottom: 64px; } .header-title-banner .hero-banner { height: 400px; border-radius: 16px; } } @media (max-width: 767px) { .header-title-banner { padding-top: 92px; margin-bottom: 80px; } .header-title-banner .title { margin: 0 0 32px; font-size: 1.5rem; } .header-title-banner .hero-banner { height: 360px; } } @media (max-width: 575px) { .header-title-banner { margin-bottom: 64px; } .header-title-banner .hero-banner { height: 320px; } .header-title-banner .hero-banner img { min-width: 535px; } }.title-text-featured-press-list .text-block { margin: 0 0 64px; } .title-text-featured-press-list .title { color: #1E1E1E; text-align: center; font-size: 2.5rem; font-weight: 700; line-height: 1.33; margin: 0 0 24px; } .title-text-featured-press-list .subtitle { color: #3C3C3C; text-align: center; font-size: 1.25rem; font-weight: 400; line-height: 1.5; } .title-text-featured-press-list .list { position: relative; display: flex; flex-direction: column; align-items: flex-end; flex-wrap: nowrap; gap: 24px; margin: 0 0 64px; } .title-text-featured-press-list .item { display: flex; width: calc(50% - 12px); border-radius: 24px; background: #F8F8F8; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-featured-press-list .item:hover { background: #F2F2F2; } .title-text-featured-press-list .item.big { position: absolute; flex-direction: column; top: 0; left: 0; height: 100%; } .title-text-featured-press-list .item.small { padding: 16px; gap: 20px; } .title-text-featured-press-list .item .image-block { position: relative; overflow: hidden; flex-shrink: 0; } .title-text-featured-press-list .item.big .image-block { width: 100%; height: 330px; border-radius: 24px 24px 0 0; } .title-text-featured-press-list .item.small .image-block { height: 124px; width: 220px; border-radius: 12px; } .title-text-featured-press-list .item .image { display: block; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; height: 100%; } .title-text-featured-press-list .item:hover .image { -moz-transform: translateX(-50%) scale(1.05); -webkit-transform: translateX(-50%) scale(1.05); -o-transform: translateX(-50%) scale(1.05); -ms-transform: translateX(-50%) scale(1.05); transform: translateX(-50%) scale(1.05); } .title-text-featured-press-list .item.big .image { min-width: 587px; border-radius: 24px 24px 0 0; } .title-text-featured-press-list .item.small .image { min-width: 220px; border-radius: 12px; } .title-text-featured-press-list .item .bottom-block { display: flex; flex-direction: column; justify-content: space-between; } .title-text-featured-press-list .item.big .bottom-block { padding: 32px; height: 100%; } .title-text-featured-press-list .item.small .bottom-block { min-height: 100%; } .title-text-featured-press-list .item .name { color: #3C3C3C; font-weight: 700; line-height: 1.33; margin: 0 0 12px; } .title-text-featured-press-list .item.big .name { font-size: 1.5rem; } .title-text-featured-press-list .item.small .name { font-size: 1.25rem; } .title-text-featured-press-list .item .text { display: flex; align-items: center; gap: 30px; } .title-text-featured-press-list .item .date { color: #6A6A6A; font-size: 1rem; font-weight: 600; line-height: 1.5; } .title-text-featured-press-list .item .resource { position: relative; color: #3C3C3C; font-size: 1rem; font-weight: 600; line-height: 1.5; } .title-text-featured-press-list .item .resource::before { content: ''; position: absolute; left: -17px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #6A6A6A; } .title-text-featured-press-list .show-more-button { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto; width: max-content; padding: 0 24px; min-height: 48px; color: #1E1E1E; font-size: 1.125rem; font-weight: 500; line-height: 1.5; border-radius: 8px; border: 1px solid #6A6A6A; gap: 8px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-featured-press-list .show-more-button:after { content: ""; border-bottom: 2px solid #1E1E1E; border-right: 2px solid #1E1E1E; width: 8px; height: 8px; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-featured-press-list .show-more-button:hover { color: #FFF; border-color: #1E1E1E; background-color: #1E1E1E; } .title-text-featured-press-list .show-more-button:hover:after { border-color: #fff; } .title-text-featured-press-list .slick-track { display: flex !important; } .title-text-featured-press-list .slick-slide { height: inherit !important; display: flex !important; flex-direction: column !important; } .title-text-featured-press-list .slider-pagination { display: none; } .title-text-featured-press-list .slider-dots { position: relative; height: 10px; display: flex; justify-content: center; } .title-text-featured-press-list .slider-dots li { width: 10px; height: 10px; } .title-text-featured-press-list .slider-dots li button { font-size: 0; width: 10px; height: 10px; } .title-text-featured-press-list .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .title-text-featured-press-list .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: #1E1E1E; border-radius: 50%; opacity: .2; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-text-featured-press-list .slick-dots li button:hover:before { opacity: .2; } .title-text-featured-press-list .slick-dots li.slick-active button:before { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } @media (max-width: 1199px) { .title-text-featured-press-list .text-block { margin: 0 0 48px; } .title-text-featured-press-list .list { gap: 20px; margin: 0 auto 48px; max-width: 896px; } .title-text-featured-press-list .item { width: calc(50% - 10px); } .title-text-featured-press-list .item.small { padding: 12px; gap: 12px; } .title-text-featured-press-list .item.big .image-block { height: 246px; } .title-text-featured-press-list .item.small .image-block { height: 104px; width: 138px; } .title-text-featured-press-list .item.big .image { min-width: 438px; } .title-text-featured-press-list .item.small .image { min-width: 138px; } .title-text-featured-press-list .item.big .bottom-block { padding: 24px; } .title-text-featured-press-list .item.big .name { font-size: 1.25rem; } .title-text-featured-press-list .item.small .name { font-size: 1.125rem; } .title-text-featured-press-list .item .date, .title-text-featured-press-list .item .resource { font-size: 0.85rem; } .title-text-featured-press-list .item .resource::before { left: -19px; width: 6px; height: 6px; } } @media (max-width: 991px) { .title-text-featured-press-list .text-block { margin: 0 0 40px; } .title-text-featured-press-list .subtitle { font-size: 1.125rem; } .title-text-featured-press-list .list { display: block; position: relative; margin: 0 auto 24px; max-width: 704px; } .title-text-featured-press-list .item { border-radius: 16px; background: #F8F8F8; } .title-text-featured-press-list .item.small { padding: unset; gap: unset; } .title-text-featured-press-list .item.big .image-block, .title-text-featured-press-list .item.small .image-block { overflow: hidden; height: 410px; min-height: unset; width: 100%; border-radius: 16px 16px 0 0; } .title-text-featured-press-list .item .image { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-featured-press-list .item:hover .image { -moz-transform: translateX(-50%) ; -webkit-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; transform: translateX(-50%); } .title-text-featured-press-list .item.big .image, .title-text-featured-press-list .item.small .image { min-width: 704px; border-radius: 16px 16px 0 0; } .title-text-featured-press-list .item.big .bottom-block, .title-text-featured-press-list .item.small .bottom-block { padding: 20px; height: unset; min-height: unset; flex: 1 1 auto; } .title-text-featured-press-list .item.big .name { font-size: 1.5rem; margin: 0 0 24px; } .title-text-featured-press-list .item.small .name { font-size: 1.5rem; } .title-text-featured-press-list .item .date, .title-text-featured-press-list .item .resource { font-size: 1rem; } .title-text-featured-press-list .show-more-button { width: 100%; max-width: 704px; } .title-text-featured-press-list .slider-pagination { display: block; margin: 0 0 40px; } } @media (max-width: 767px) { .title-text-featured-press-list .text-block { margin: 0 0 48px; } .title-text-featured-press-list .title { font-size: 2rem; margin: 0 0 16px; } .title-text-featured-press-list .list { max-width: 535px; margin: 0 auto 24px; } .title-text-featured-press-list .item.big .image-block, .title-text-featured-press-list .item.small .image-block { height: 300px; } .title-text-featured-press-list .item.big .image, .title-text-featured-press-list .item.small .image { min-width: 535px; } .title-text-featured-press-list .item .bottom-block, .title-text-featured-press-list .item.big .bottom-block { padding: 16px; } .title-text-featured-press-list .item.big .name { font-size: 1rem; margin: 0 0 20px; } .title-text-featured-press-list .item.small .name { font-size: 1rem; } .title-text-featured-press-list .show-more-button { max-width: 535px; } .title-text-featured-press-list .slider-pagination { margin: 0 0 48px; } .title-text-featured-press-list .item .text { bottom: 16px; left: 16px; } } @media (max-width: 575px) { .title-text-featured-press-list .text-block { margin: 0 0 40px; } .title-text-featured-press-list .list { margin: 0 auto 24px; max-width: 100%; } .title-text-featured-press-list .item .date, .title-text-featured-press-list .item .resource { font-size: 0.85rem; } .title-text-featured-press-list .slider-pagination { margin: 0 0 40px; } } @media (max-width: 375px) { .title-text-featured-press-list .item.big .image, .title-text-featured-press-list .item.small .image { min-width: 335px; } .title-text-featured-press-list .item.big .image-block, .title-text-featured-press-list .item.small .image-block { height: 188px; } }.title-text-news-block h2 { text-align: center; margin-bottom: 24px; } .title-text-news-block h2 { font-size: 2.5rem; } .title-text-news-block .text-block { margin-bottom: 64px; } .title-text-news-block .slider-block { position: relative; } .title-text-news-block .slider-block.init-preloader .list { visibility: hidden; } .title-text-news-block .list { position: relative; display: flex; justify-content: space-between; min-height: 566px; } .title-text-news-block .item { overflow: hidden; border-radius: 24px; z-index: 1; } .title-text-news-block .item.big { position: relative; width: 794px; } .title-text-news-block .item .bottom-block { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; background: -webkit-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -moz-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -o-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: -ms-linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); background: linear-gradient(180deg, rgba(12, 16, 26, 0.00) 0%, rgba(12, 16, 26, 0.70) 100%); } .title-text-news-block .item.big .bottom-block { position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; padding: 0 32px 32px; } .title-text-news-block .item.small { position: relative; width: 380px; height: 271px; } .title-text-news-block .item.small .bottom-block { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; padding: 0 20px 20px; } .title-text-news-block .item p { display: flex; align-items: center; font-size: 2rem; font-weight: 700; line-height: 133%; color: #FFFFFF; } .title-text-news-block .item.small p { font-size: 1rem; } .title-text-news-block .item span { display: flex; flex-shrink: 0; width: 38px; height: 39px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-news-block/icon-white-arrow.svg?1706794178"); background-repeat: no-repeat; background-size: contain; } .title-text-news-block .item.absolute { position: absolute; right: 0; bottom: 0; } .title-text-news-block .item .lazy-img-block { height: 100%; } .title-text-news-block .item img { width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-news-block .item:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-news-block .slick-dotted.slick-slider { margin-bottom: 30px; } .title-text-news-block .slider-pagination { display: none; } .title-text-news-block .slider-dots { position: relative; height: 10px; display: flex; justify-content: center; } .title-text-news-block .slider-dots li { width: 10px; height: 10px; } .title-text-news-block .slider-dots li button { font-size: 0; width: 10px; height: 10px; } .title-text-news-block .slick-dots { position: relative; display: flex; justify-content: center; bottom: unset; } .title-text-news-block .slick-dots li button:before { content: ''; color: unset; font-size: 0; width: 100%; height: 100%; background: #1E1E1E; border-radius: 50%; opacity: .2; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-text-news-block .slick-dots li button:hover:before { opacity: .2; } .title-text-news-block .slick-dots li.slick-active button:before { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } @media (max-width: 1239px) { .title-text-news-block .list { max-width: 1160px; width: 100%; min-height: 550px; margin: 0 auto; } .title-text-news-block .item.big { width: 770px; } .title-text-news-block .item.small { width: 370px; height: 264px; } } @media (max-width: 1199px) { .title-text-news-block .text-block { margin-bottom: 48px; } .title-text-news-block .list { max-width: 896px; min-height: unset; flex-wrap: wrap; gap: 24px; } .title-text-news-block .item.big { width: 100%; } .title-text-news-block .item.small { width: calc(50% - 12px); height: 311px; } .title-text-news-block .item.absolute { position: relative; left: unset; bottom: unset; } .title-text-news-block .item p { font-size: 1.75rem; } } @media (max-width: 991px) { .title-text-news-block .list { max-width: 704px; height: 502px; flex-wrap: unset; gap: unset; overflow: hidden; } .title-text-news-block .item.big, .title-text-news-block .item.small { max-width: 704px; height: 502px; } .title-text-news-block .item img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-news-block .item:hover img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-news-block .item.big .bottom-block, .title-text-news-block .item.small .bottom-block { padding: 0 24px 24px; } .title-text-news-block .item.small .bottom-block { height: 200px; } .title-text-news-block .item p, .title-text-news-block .item.small p { font-size: 1.5rem; } .title-text-news-block .slider-pagination { display: block; } } @media (max-width: 767px) { .title-text-news-block .list { max-width: 535px; height: 362px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 535px; height: 362px; } } @media (max-width: 575px) { .title-text-news-block .text-block { margin-bottom: 40px; } .title-text-news-block .list { max-width: 440px; height: 314px; } .title-text-news-block .slick-dotted.slick-slider { margin-bottom: 24px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 440px; height: 314px; } .title-text-news-block .item.big .bottom-block, .title-text-news-block .item.small .bottom-block { padding: 0 16px 16px; gap: 9px; } .title-text-news-block .item p, .title-text-news-block .item.small p { font-size: 0.875rem; } .title-text-news-block .item span { width: 32px; height: 33px; } } @media (max-width: 480px) { .title-text-news-block .list { max-width: 335px; height: 239px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 335px; height: 239px; } } @media (max-width: 375px) { .title-text-news-block .list { max-width: 280px; height: 199px; } .title-text-news-block .item.big, .title-text-news-block .item.small { width: 280px; height: 199px; } }.title-latest-press-list .title { color: #1E1E1E; text-align: center; font-size: 2.5rem; font-weight: 700; line-height: 1.33; margin: 0 0 64px; } .title-latest-press-list .list { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 64px; } .title-latest-press-list .list-item { display: none; flex-direction: column; justify-content: space-between; align-items: stretch; padding: 24px; border-radius: 24px; background: #F8F8F8; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-latest-press-list .list-item:hover { background: #F2F2F2; } .title-latest-press-list .list-item.active { display: flex; } .title-latest-press-list.two-columns .list-item { width: calc(50% - 12px); } .title-latest-press-list.three-columns .list-item { width: calc(33% - 13px); } .title-latest-press-list .list-item .name { color: #3C3C3C; font-size: 1.25rem; font-weight: 700; line-height: 1.33; margin: 0 0 12px; } .title-latest-press-list .list-item .text { overflow: hidden; color: #3C3C3C; font-size: 1rem; line-height: 1.5; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .title-latest-press-list .list-item .date { color: #6A6A6A; font-size: 1rem; font-weight: 600; line-height: 1.5; } .title-latest-press-list .show-more, .title-latest-press-list .redirect { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto; width: max-content; padding: 0 24px; min-height: 48px; color: #1E1E1E; font-size: 1.125rem; font-weight: 500; line-height: 1.5; border-radius: 8px; border: 1px solid #6A6A6A; gap: 8px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-latest-press-list .show-more:after, .title-latest-press-list .redirect:after { content: ""; border-bottom: 2px solid #1E1E1E; border-right: 2px solid #1E1E1E; width: 8px; height: 8px; display: block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-latest-press-list .show-more:hover, .title-latest-press-list .redirect:hover { color: #FFF; border-color: #1E1E1E; background-color: #1E1E1E; } .title-latest-press-list .show-more:hover:after, .title-latest-press-list .redirect:hover:after { border-color: #fff; } .title-latest-press-list .show-more, .title-latest-press-list .redirect { display: none; } .title-latest-press-list .show-more.active, .title-latest-press-list .redirect.active { display: flex; } @media (max-width: 1199px) { .title-latest-press-list .title { margin: 0 0 48px; } .title-latest-press-list .list { margin: 0 auto 48px; gap: 20px; max-width: 896px; width: 100%; } .title-latest-press-list.two-columns .list-item { width: calc(50% - 10px); } .title-latest-press-list .list-item .name { font-size: 1.125rem; } } @media (max-width: 991px) { .title-latest-press-list .list { max-width: 704px; } .title-latest-press-list.two-columns .list-item, .title-latest-press-list.three-columns .list-item { padding: 20px; border-radius: 16px; width: 100%; } .title-latest-press-list .show-more { width: 100%; max-width: 704px; } } @media (max-width: 767px) { .title-latest-press-list .title { font-size: 2rem; } .title-latest-press-list .list, .title-latest-press-list .show-more { max-width: 535px; } } @media (max-width: 575px) { .title-latest-press-list .title { margin: 0 0 40px; } .title-latest-press-list .list { margin: 0 0 40px; } }.title-text-products-cards-minimized .text-block { margin: 0 0 64px; } .title-text-products-cards-minimized .title { text-align: center; font-size: 2.5rem; margin: 0 0 24px; } .title-text-products-cards-minimized h1.title { font-size: 3em; } .title-text-products-cards-minimized .subtitle { color: #3C3C3C; text-align: center; font-size: 1.25rem; font-weight: 400; line-height: 1.5; } .title-text-products-cards-minimized .list { display: flex; flex-wrap: wrap; gap: 20px; } .title-text-products-cards-minimized .list.row-items-3 { justify-content: center; } .title-text-products-cards-minimized .list.row-items-4 { justify-content: flex-start; } .title-text-products-cards-minimized .list-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #F8F8F8; border-radius: 24px; padding: 40px 24px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-products-cards-minimized .list-item:hover { background: #F2F2F2; } .title-text-products-cards-minimized .list.row-items-3 .list-item { flex: 0 1 calc(33.3% - 20px); } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 calc(25% - 20px); } .title-text-products-cards-minimized .list-item .top { display: flex; flex-direction: column; align-items: center; } .title-text-products-cards-minimized .list-item .icon { display: flex; margin: 0 0 24px; } .title-text-products-cards-minimized .list.row-items-3 .list-item .icon { width: 100px; height: 100px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 94px; height: 94px; } .title-text-products-cards-minimized .list-item .icon.icon-pdfe { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/pdfexpert.svg?1580137746"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-spark { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/spark.svg?1708000218"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-spark-2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/spark-2.svg?1630508806"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-scannerpro { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/scannerpro.svg?1707309733"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-calendars { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/calendars.svg?1708004057"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-documents { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/documents.svg?1707309688"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .icon.icon-fluix { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/fluix.svg?1749136621"); background-repeat: no-repeat; background-size: contain; } .title-text-products-cards-minimized .list-item .item-name { color: #1E1E1E; text-align: center; font-size: 1.5rem; line-height: 1.33; } .title-text-products-cards-minimized .list.row-items-3 .list-item .item-name { margin: 0 0 12px; font-weight: 700; } .title-text-products-cards-minimized .list.row-items-4 .list-item .item-name { margin: 0; font-weight: 600; } .title-text-products-cards-minimized .list-item .item-desc { color: #3C3C3C; text-align: center; font-size: 1rem; line-height: 1.5; opacity: 0.8; margin: 0 0 24px; } @media (max-width: 1199px) { .title-text-products-cards-minimized h1.title { font-size: 2.5em; } .title-text-products-cards-minimized .list.row-items-4 { gap: 16px; } .title-text-products-cards-minimized .text-block { margin: 0 0 48px; } .title-text-products-cards-minimized .list.row-items-3 .list-item { padding: 32px 24px; } .title-text-products-cards-minimized .list.row-items-4 .list-item { padding: 40px 24px; flex: 0 1 calc(33% - 11px); } } @media (max-width: 991px) { .title-text-products-cards-minimized .subtitle { font-size: 1.125rem; } .title-text-products-cards-minimized h1 + .subtitle { font-size: 1.25em; } .title-text-products-cards-minimized .list.row-items-3 { flex-wrap: nowrap; justify-content: space-between; overflow: hidden; overflow-x: scroll; padding: 0 0 20px; } .title-text-products-cards-minimized .list.row-items-3 .list-item { min-width: 310px; flex-shrink: 0; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 80px; height: 80px; } } @media (max-width: 767px) { .title-text-products-cards-minimized .text-block { margin: 0 0 40px; } .title-text-products-cards-minimized .title { font-size: 2rem; } .title-text-products-cards-minimized h1.title { font-size: 2em; } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 calc(50% - 16px); } } @media (max-width: 575px) { .title-text-products-cards-minimized .title { margin: 0 0 16px; } .title-text-products-cards-minimized .subtitle { margin: 0 0 40px; } .title-text-products-cards-minimized h1 + .subtitle { font-size: 1.125em; } .title-text-products-cards-minimized .list.row-items-3 .list-item { min-width: 295px; } .title-text-products-cards-minimized .list.row-items-4 .list-item { padding: 32px 16px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .icon { width: 64px; height: 64px; margin: 0 0 16px; } .title-text-products-cards-minimized .list.row-items-4 .list-item .item-name { font-size: 1em; } } @media (max-width: 375px) { .title-text-products-cards-minimized .list.row-items-4 { justify-content: center; } .title-text-products-cards-minimized .list.row-items-4 .list-item { flex: 0 1 100%; max-width: 260px; } }.title-text-contacts-block .text-block { margin: 0 auto 64px; } .title-text-contacts-block .text-block .title { margin: 0 0 24px; } .title-text-contacts-block .text-block .text { color: #3C3C3C; font-size: 1.25em; line-height: 1.5; } .title-text-contacts-block .list { display: flex; align-items: stretch; justify-content: center; gap: 20px; } .title-text-contacts-block .list-item { display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; padding: 40px; border-radius: 24px; background: #F8F8F8; width: calc(33.3% - 20px); } .title-text-contacts-block .list-item .icon { display: block; width: 80px; height: 80px; margin: 0 auto 24px; background-repeat: no-repeat; background-size: contain; } .title-text-contacts-block .list-item .icon.media-and-marketing { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/media-and-marketing.svg?1736944818"); } .title-text-contacts-block .list-item .icon.partnerships-and-licensing { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/partnerships-and-licensing.svg?1736944903"); } .title-text-contacts-block .list-item .icon.beta-program { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/beta-program.svg?1736944969"); } .title-text-contacts-block .list-item .icon.help-center { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/help-center.svg?1742400377"); } .title-text-contacts-block .list-item .icon.blog { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/blog.svg?1742400421"); } .title-text-contacts-block .list-item .icon.about-readdle { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/title-text-contacts-block/about-readdle.svg?1742400444"); background-repeat: no-repeat; background-size: contain; } .title-text-contacts-block .list-item .text { color: #1E1E1E; font-size: 1.5em; font-weight: 700; line-height: 1.33; margin: 0 0 40px; } .title-text-contacts-block .list-item .btn-link { background: transparent; border: 2px solid #6A6A6A; white-space: nowrap; } .title-text-contacts-block .list-item .btn-link:hover { border-color: #3C3C3C; background: #1E1E1E; color: #fff; } @media (max-width: 1199px) { .title-text-contacts-block .list { gap: 16px; } .title-text-contacts-block .list-item { padding: 40px 24px; } .title-text-contacts-block .list-item .icon { width: 60px; height: 60px; } } @media (max-width: 991px) { .title-text-contacts-block .text-block { margin: 0 auto 48px; } .title-text-contacts-block .text-block .text { font-size: 1.125em; } .title-text-contacts-block .list-item { padding: 32px 24px; border-radius: 16px; } .title-text-contacts-block .list-item .text { font-size: 1.25em; } } @media (max-width: 767px) { .title-text-contacts-block .list { flex-direction: column; align-items: center; } .title-text-contacts-block .list-item { max-width: 340px; width: 100%; padding: 32px; } .title-text-contacts-block .list-item .icon { width: 54px; height: 54px; margin: 0 auto 16px; } .title-text-contacts-block .list-item .text { margin: 0 0 24px; } } @media (max-width: 575px) { .title-text-contacts-block .text-block { margin: 0 auto 40px; } .title-text-contacts-block .list { gap: 20px; } .title-text-contacts-block .list-item { padding: 24px; } .title-text-contacts-block .list-item .top-block { display: flex; align-items: center; text-align: start; width: 100%; gap: 16px; margin: 0 0 24px; } .title-text-contacts-block .list-item .icon { width: 40px; height: 40px; margin: 0; flex-shrink: 0; } .title-text-contacts-block .list-item .text { margin: 0; } .title-text-contacts-block .list-item .btn-link { min-width: 100%; } }.recommendation-form { padding: 100px 0; background: -webkit-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(95.95deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } .recommendation-form .container { display: flex; flex-direction: column; align-items: center; gap: 56px; } .recommendation-form .text-block { max-width: 794px; width: 100%; } .recommendation-form .text-block h3 { text-align: center; color: #FFFFFF; margin-bottom: 24px; } .recommendation-form .text-block p { color: #D3D3D3; } .recommendation-form .form { width: 100%; display: flex; flex-direction: column; gap: 24px; } .recommendation-form .form .input-block { width: 100%; display: flex; justify-content: center; } .recommendation-form .form .email { max-width: 344px; width: 100%; min-height: 48px; font-size: 1rem; font-weight: 400; line-height: 150%; display: flex; align-items: center; padding: 0 16px; border-radius: 8px 0px 0px 8px; border: 0; background: #FFFFFF; box-sizing: border-box; outline: none; } .recommendation-form .form input.email::placeholder { color: #A3A3A3; } .recommendation-form .form .subscribe { max-width: 135px; width: 100%; min-height: 48px; border-radius: 0 8px 8px 0; border: 0; cursor: pointer; } .recommendation-form .form .subscribe:disabled { background-color: #223f8d; pointer-events: none; } .recommendation-form .form .subscribe:disabled:hover { background-color: #223f8d; } .recommendation-form .form .privacy-text { font-size: 1rem; font-weight: 400; line-height: 150%; text-align: center; color: #FFFFFF; } .recommendation-form .form .privacy-text a { color: #0A80FF; } .recommendation-form .info-block.hidden { display: none; } .recommendation-form .info-block { max-width: 794px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; } .recommendation-form .info-block .icon { display: flex; flex-shrink: 0; width: 64px; height: 64px; } .recommendation-form .info-block.success .icon { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/recommendation-form/icon-success.svg?1707220247"); background-repeat: no-repeat; background-size: contain; } .recommendation-form .info-block.error .icon { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/recommendation-form/icon-error.svg?1707225412"); background-repeat: no-repeat; background-size: contain; } .recommendation-form .info-block .text { display: flex; flex-direction: column; gap: 8px; } .recommendation-form .info-block p { font-size: 1.75rem; font-weight: 700; line-height: 133%; text-align: center; } .recommendation-form .info-block.success p { color: #3CC83C; } .recommendation-form .info-block.error p { color: #FA4655; } .recommendation-form .info-block span { font-size: 1rem; font-weight: 400; text-align: center; line-height: 30px; color: #FFF; } @media (max-width: 1199px) { .recommendation-form { padding: 80px 0; background: -webkit-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -moz-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -o-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: -ms-linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); background: linear-gradient(100deg, #0E1D50 0%, #121212 49.48%, #32174D 100%); } } @media (max-width: 991px) { .recommendation-form { padding: 64px 0; } .recommendation-form .container { gap: 48px; } .recommendation-form .info-block .icon { width: 56px; height: 56px; } .recommendation-form .info-block p { font-size: 1.5rem; } } @media (max-width: 767px) { .recommendation-form .info-block .icon { width: 48px; height: 48px; } } @media (max-width: 575px) { .recommendation-form .form .input-block { flex-direction: column; gap: 24px; } .recommendation-form .form .email { max-width: 100%; border-radius: 8px; } .recommendation-form .form .subscribe { max-width: 100%; border-radius: 8px; } .recommendation-form .info-block .icon { width: 40px; height: 40px; } } .title-text-news-block h2 { font-size: 2.5rem; } .post .content { display: flex; gap: 145px; } .post .btn-back { display: block; flex-shrink: 0; width: 38px; height: 38px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/close-grey.svg?1739802598"); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .post .btn-back:hover { -webkit-filter: brightness(0%); -moz-filter: brightness(0%); -o-filter: brightness(0%); -ms-filter: brightness(0%); filter: brightness(0%); } .post .btn-back:focus { border-radius: 50%; } .post .title { color: #1E1E1E; font-size: 2em; font-weight: 700; line-height: 1.33; } .post .date { color: #535353; font-size: 1.25em; line-height: 1.5; margin: 24px 0 0; } .post h3 { color: #1E1E1E; font-size: 2.5em; font-weight: 700; line-height: 1.33; margin: 24px 0 0; } .post p { color: #3C3C3C; font-size: 1.25em; line-height: 1.5; margin: 24px 0 0; } .post .navigation { display: flex; align-items: center; justify-content: space-between; margin: 40px 0 0; } .post .navigation .prev, .post .navigation .next { display: flex; align-items: center; gap: 8px; color: #0056B2; font-size: 1.25em; line-height: 1.5; } .post .navigation .prev:hover, .post .navigation .next:hover { color: #0099FF; } .post .navigation .prev::before, .post .navigation .next::after { content: ''; display: block; width: 24px; height: 24px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/pagination-arrow-blue.svg?1750175556"); background-repeat: no-repeat; background-position: center; background-size: contain; } .post .navigation .prev:hover::before, .post .navigation .next:hover::after { -webkit-filter: invert(39%) sepia(80%) saturate(1828%) hue-rotate(182deg) brightness(101%) contrast(109%); -moz-filter: invert(39%) sepia(80%) saturate(1828%) hue-rotate(182deg) brightness(101%) contrast(109%); -o-filter: invert(39%) sepia(80%) saturate(1828%) hue-rotate(182deg) brightness(101%) contrast(109%); -ms-filter: invert(39%) sepia(80%) saturate(1828%) hue-rotate(182deg) brightness(101%) contrast(109%); filter: invert(39%) sepia(80%) saturate(1828%) hue-rotate(182deg) brightness(101%) contrast(109%); } .post .navigation .next::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1199px) { .post .content { flex-direction: column; gap: 32px; } .post .date { font-size: 1.125em; } } @media (max-width: 991px) { .title-text-news-block .item img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .title-text-news-block .item:hover img { -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 767px) { .title-text-news-block h2 { font-size: 2rem; margin-bottom: 16px; } .post .title { font-size: 1.5em; } .post .date, .post p { font-size: 1em; } } @media (max-width: 575px) { .title-text-news-block .list { max-width: 100%; height: 382px; } .title-text-news-block .slick-track, .title-text-news-block .item.big, .title-text-news-block .item.small { height: 100%; } .title-text-news-block .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 535px; height: 382px; } } @media (max-width: 480px) { .title-text-news-block .list { height: 275px; } .title-text-news-block .item img { min-width: 335px; height: 275px; } } @media (max-width: 375px) { .title-text-news-block .list { height: 200px; } .title-text-news-block .item img { min-width: 335px; height: 200px; } }