diff --git a/package.json b/package.json index 16b8cdd..20050b5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "elonmu.sh", - "version": "0.1.3", + "version": "0.2.0", "description": "ExpressJS api to fetch a random news article about our Lord and Savior Elon Musk", "main": "dist/index.js", "scripts": { diff --git a/src/public/static/css/main.css b/src/public/static/css/main.css new file mode 100644 index 0000000..a1b7b7b --- /dev/null +++ b/src/public/static/css/main.css @@ -0,0 +1,23276 @@ +.style-blue-1 .fill-bg { + fill: #cdd3ff; +} +.style-blue-1 .fill-bg-light, +.style-blue-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-blue-1 *, +.style-blue-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-blue-1 + *, +.style-blue-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-1 + *, +.style-blue-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-blue-1 + *, +.style-blue-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-1 + * { + fill: #e9f1ff; +} +.style-blue-1 .stroke-light { + stroke: #e9f1ff; +} +.style-blue-1 .fill-main, +.style-blue-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-blue-1 *, +.style-blue-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-blue-1 * { + fill: #4d61fc; +} +.style-blue-1 .fill-secondary { + fill: #00396b; +} +.style-blue-1 .color-secondary, +.style-blue-1 .cta_button-10__text { + color: #00396b; +} +.style-blue-1 .stroke-main { + stroke: #4d61fc; +} +.style-blue-1 .border-main, +.style-blue-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-blue-1 .img.img-border, +.style-blue-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-blue-1 .image-tool__image, +.style-blue-1 .comps .button--accent-outline, +.comps .style-blue-1 .button--accent-outline, +.style-blue-1 .text-input:focus, +.style-blue-1 .textarea:focus, +.style-blue-1 .store-button--white:hover, +.style-blue-1 .select:focus, +.style-blue-1 .pricing-02__card_box--accent, +.style-blue-1 .pricing-03__hover, +.style-blue-1 .pricing-04__card--accent, +.style-blue-1 .pricing-04__hover, +.style-blue-1 .pricing-05__hover, +.style-blue-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-blue-1 .cta_form-04__wrapper, +.style-blue-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-blue-1 .cta_form-04__wrapper, +.style-blue-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-blue-1 .cta_form-04__bottom, +.style-blue-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-blue-1 .cta_form-04__bottom, +.style-blue-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-blue-1 .cta_button-16__wrapper, +.style-blue-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-blue-1 .cta_button-16__wrapper, +.style-blue-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-blue-1 .links-02__list, +.style-blue-1 .bg-light-color .links-02__list, +.bg-light-color .style-blue-1 .links-02__list, +.style-blue-1 .faq-01__question:hover, +.style-blue-1 .faq-03__question:hover, +.style-blue-1 .features-09__item--new, +.style-blue-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-blue-1 .steps-01__number, +.style-blue-1 .bg-light-color .steps-01__number, +.bg-light-color .style-blue-1 .steps-01__number { + border-color: #4d61fc; +} +.style-blue-1 .color-main, +.style-blue-1 .link, +.style-blue-1 .feature__link, +.style-blue-1 .testimonials-03__person_link, +.style-blue-1 .faq-05__link, +.style-blue-1 .features-16__link, +.style-blue-1 .subheading, +.style-blue-1 .content_box a, +.content_box .style-blue-1 a, +.style-blue-1 .comps .button--accent-outline, +.comps .style-blue-1 .button--accent-outline, +.style-blue-1 .tab__button.state-active-tab, +.style-blue-1 .tab__button--active:focus, +.style-blue-1 .score__value, +.style-blue-1 .form__message_opener_box, +.style-blue-1 .message__bubble_link, +.style-blue-1 .team-05__person_name, +.style-blue-1 .tabs-04__button.state-active-tab, +.style-blue-1 .tabs-04__button--active:focus, +.style-blue-1 .pricing-02__hover, +.style-blue-1 .pricing-03__hover, +.style-blue-1 .pricing-04__hover, +.style-blue-1 .pricing-05__hover, +.style-blue-1 .cta_button-25__subheading, +.style-blue-1 .cta_button-31__heading, +.style-blue-1 .code-02__info_prefix, +.style-blue-1 .features-17__item .feature__title_text, +.features-17__item .style-blue-1 .feature__title_text { + color: #4d61fc; +} +.style-blue-1 .color-main-hover:hover, +.style-blue-1 .link:hover, +.style-blue-1 .feature__link:hover, +.style-blue-1 .testimonials-03__person_link:hover, +.style-blue-1 .faq-05__link:hover, +.style-blue-1 .features-16__link:hover, +.style-blue-1 .message__bubble_link:hover { + color: #2a42fb; +} +.style-blue-1 .bg-main, +.style-blue-1 .content_box ul li:before, +.content_box ul .style-blue-1 li:before, +.style-blue-1 .comps .button--accent-bg, +.comps .style-blue-1 .button--accent-bg, +.style-blue-1 .store-button:hover, +.style-blue-1 .circle-button--accent-bg, +.style-blue-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-blue-1 .circle-button__hover_bg, +.style-blue-1 .circle-button--light-bg:hover, +.style-blue-1 .radio__check:before, +.style-blue-1 .checkbox__check:before, +.style-blue-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-blue-1 button, +.style-blue-1 .social-buttons__link--circle, +.style-blue-1 .roadmap-01__column, +.style-blue-1 .cta_button-25__item::before, +.style-blue-1 .testimonials-05__blue_box::before, +.style-blue-1 .features-02__number:before, +.style-blue-1 .features-09__item--new .tag, +.features-09__item--new .style-blue-1 .tag, +.style-blue-1 .features-15__item::before, +.style-blue-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-blue-1 .steps-01__list:before, +.style-blue-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-blue-1 .steps-01__list:before { + background-color: #4d61fc; +} +.style-blue-1 .bg-light, +.style-blue-1 .heading__accent_word--accent:before, +.style-blue-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-blue-1 .image-tool__image, +.style-blue-1 .content_box .fig-img-bg, +.content_box .style-blue-1 .fig-img-bg, +.style-blue-1 .tab__button.state-active-tab, +.style-blue-1 .tab__button--active:focus, +.style-blue-1 .iconed-tab__button:hover, +.style-blue-1 .tabs-04__button.state-active-tab, +.style-blue-1 .tabs-04__button--active:focus, +.style-blue-1 .pricing-02__hover, +.style-blue-1 .pricing-03__hover, +.style-blue-1 .pricing-04__hover, +.style-blue-1 .pricing-05__hover, +.style-blue-1 .posts-04__item:hover, +.style-blue-1 .posts-04__item:focus, +.style-blue-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-blue-1 .faq-04__item--question, +.style-blue-1 .press-01__link:hover, +.style-blue-1 .press-02__link:hover, +.style-blue-1 .press-03__link:hover { + background-color: #e9f1ff; +} +.style-blue-1 .bg-medium, +.style-blue-1 .content_box .cdx-marker, +.content_box .style-blue-1 .cdx-marker, +.style-blue-1 .tab__button:hover, +.style-blue-1 .iconed-tab__button.state-active-tab, +.style-blue-1 .circle-button--light-bg, +.style-blue-1 .score__stars, +.style-blue-1 .slick-dots button, +.slick-dots .style-blue-1 button, +.style-blue-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #dfeafe; +} +.style-blue-1 .bg-medium-hover:hover, +.style-blue-1 .cta_button-10__link:hover { + background-color: #dfeafe; +} +.style-blue-1 .bg-main-hover:hover, +.style-blue-1 .comps .button--accent-bg:hover, +.comps .style-blue-1 .button--accent-bg:hover, +.style-blue-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #344bfc; +} +.style-blue-1 .border-alt, +.style-blue-1 .comps .button--alt-accent-outline, +.comps .style-blue-1 .button--alt-accent-outline, +.style-blue-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-blue-1 .pricing-02__card_box--accent, +.style-blue-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-blue-1 .pricing-04__card--accent { + border-color: #f90473; +} +.style-blue-1 .color-alt, +.style-blue-1 .comps .button--alt-accent-outline, +.comps .style-blue-1 .button--alt-accent-outline { + color: #f90473; +} +.style-blue-1 .bg-alt, +.style-blue-1 .comps .button--alt-accent-bg, +.comps .style-blue-1 .button--alt-accent-bg, +.style-blue-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-blue-1 button { + background-color: #f90473; +} +.style-blue-1 .bg-alt-hover:hover, +.style-blue-1 .comps .button--alt-accent-bg:hover, +.comps .style-blue-1 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-blue-1 .fill-alt .icon svg *, +.style-blue-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-blue-1 .button--alt-accent-outline .icon svg *, +.style-blue-1 .fill-alt .button__system_icon svg *, +.style-blue-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-blue-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-blue-1 .fill-alt-hover:hover .icon svg *, +.style-blue-1 .feature__link:hover .icon svg *, +.style-blue-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-blue-1 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-blue-2 .fill-bg { + fill: #cdd3ff; +} +.style-blue-2 .fill-bg-light, +.style-blue-2 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-blue-2 *, +.style-blue-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-blue-2 + *, +.style-blue-2 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-2 + *, +.style-blue-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-blue-2 + *, +.style-blue-2 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-2 + * { + fill: #e9f1ff; +} +.style-blue-2 .stroke-light { + stroke: #e9f1ff; +} +.style-blue-2 .fill-main, +.style-blue-2 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-blue-2 *, +.style-blue-2 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-blue-2 * { + fill: #5041bb; +} +.style-blue-2 .fill-secondary { + fill: #00396b; +} +.style-blue-2 .color-secondary, +.style-blue-2 .cta_button-10__text { + color: #00396b; +} +.style-blue-2 .stroke-main { + stroke: #5041bb; +} +.style-blue-2 .border-main, +.style-blue-2 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-blue-2 .img.img-border, +.style-blue-2 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-blue-2 .image-tool__image, +.style-blue-2 .comps .button--accent-outline, +.comps .style-blue-2 .button--accent-outline, +.style-blue-2 .text-input:focus, +.style-blue-2 .textarea:focus, +.style-blue-2 .store-button--white:hover, +.style-blue-2 .select:focus, +.style-blue-2 .pricing-02__card_box--accent, +.style-blue-2 .pricing-03__hover, +.style-blue-2 .pricing-04__card--accent, +.style-blue-2 .pricing-04__hover, +.style-blue-2 .pricing-05__hover, +.style-blue-2 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-blue-2 .cta_form-04__wrapper, +.style-blue-2 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-blue-2 .cta_form-04__wrapper, +.style-blue-2 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-blue-2 .cta_form-04__bottom, +.style-blue-2 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-blue-2 .cta_form-04__bottom, +.style-blue-2 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-blue-2 .cta_button-16__wrapper, +.style-blue-2 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-blue-2 .cta_button-16__wrapper, +.style-blue-2 .bg-medium-color .links-02__list, +.bg-medium-color .style-blue-2 .links-02__list, +.style-blue-2 .bg-light-color .links-02__list, +.bg-light-color .style-blue-2 .links-02__list, +.style-blue-2 .faq-01__question:hover, +.style-blue-2 .faq-03__question:hover, +.style-blue-2 .features-09__item--new, +.style-blue-2 .bg-medium-color .steps-01__number, +.bg-medium-color .style-blue-2 .steps-01__number, +.style-blue-2 .bg-light-color .steps-01__number, +.bg-light-color .style-blue-2 .steps-01__number { + border-color: #5041bb; +} +.style-blue-2 .color-main, +.style-blue-2 .link, +.style-blue-2 .feature__link, +.style-blue-2 .testimonials-03__person_link, +.style-blue-2 .faq-05__link, +.style-blue-2 .features-16__link, +.style-blue-2 .subheading, +.style-blue-2 .content_box a, +.content_box .style-blue-2 a, +.style-blue-2 .comps .button--accent-outline, +.comps .style-blue-2 .button--accent-outline, +.style-blue-2 .tab__button.state-active-tab, +.style-blue-2 .tab__button--active:focus, +.style-blue-2 .score__value, +.style-blue-2 .form__message_opener_box, +.style-blue-2 .message__bubble_link, +.style-blue-2 .team-05__person_name, +.style-blue-2 .tabs-04__button.state-active-tab, +.style-blue-2 .tabs-04__button--active:focus, +.style-blue-2 .pricing-02__hover, +.style-blue-2 .pricing-03__hover, +.style-blue-2 .pricing-04__hover, +.style-blue-2 .pricing-05__hover, +.style-blue-2 .cta_button-25__subheading, +.style-blue-2 .cta_button-31__heading, +.style-blue-2 .code-02__info_prefix, +.style-blue-2 .features-17__item .feature__title_text, +.features-17__item .style-blue-2 .feature__title_text { + color: #5041bb; +} +.style-blue-2 .color-main-hover:hover, +.style-blue-2 .link:hover, +.style-blue-2 .feature__link:hover, +.style-blue-2 .testimonials-03__person_link:hover, +.style-blue-2 .faq-05__link:hover, +.style-blue-2 .features-16__link:hover, +.style-blue-2 .message__bubble_link:hover { + color: #4538a1; +} +.style-blue-2 .bg-main, +.style-blue-2 .content_box ul li:before, +.content_box ul .style-blue-2 li:before, +.style-blue-2 .comps .button--accent-bg, +.comps .style-blue-2 .button--accent-bg, +.style-blue-2 .store-button:hover, +.style-blue-2 .circle-button--accent-bg, +.style-blue-2 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-blue-2 .circle-button__hover_bg, +.style-blue-2 .circle-button--light-bg:hover, +.style-blue-2 .radio__check:before, +.style-blue-2 .checkbox__check:before, +.style-blue-2 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-blue-2 button, +.style-blue-2 .social-buttons__link--circle, +.style-blue-2 .roadmap-01__column, +.style-blue-2 .cta_button-25__item::before, +.style-blue-2 .testimonials-05__blue_box::before, +.style-blue-2 .features-02__number:before, +.style-blue-2 .features-09__item--new .tag, +.features-09__item--new .style-blue-2 .tag, +.style-blue-2 .features-15__item::before, +.style-blue-2 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-blue-2 .steps-01__list:before, +.style-blue-2 .bg-light-color .steps-01__list:before, +.bg-light-color .style-blue-2 .steps-01__list:before { + background-color: #5041bb; +} +.style-blue-2 .bg-light, +.style-blue-2 .heading__accent_word--accent:before, +.style-blue-2 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-blue-2 .image-tool__image, +.style-blue-2 .content_box .fig-img-bg, +.content_box .style-blue-2 .fig-img-bg, +.style-blue-2 .tab__button.state-active-tab, +.style-blue-2 .tab__button--active:focus, +.style-blue-2 .iconed-tab__button:hover, +.style-blue-2 .tabs-04__button.state-active-tab, +.style-blue-2 .tabs-04__button--active:focus, +.style-blue-2 .pricing-02__hover, +.style-blue-2 .pricing-03__hover, +.style-blue-2 .pricing-04__hover, +.style-blue-2 .pricing-05__hover, +.style-blue-2 .posts-04__item:hover, +.style-blue-2 .posts-04__item:focus, +.style-blue-2 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-blue-2 .faq-04__item--question, +.style-blue-2 .press-01__link:hover, +.style-blue-2 .press-02__link:hover, +.style-blue-2 .press-03__link:hover { + background-color: #e9f1ff; +} +.style-blue-2 .bg-medium, +.style-blue-2 .content_box .cdx-marker, +.content_box .style-blue-2 .cdx-marker, +.style-blue-2 .tab__button:hover, +.style-blue-2 .iconed-tab__button.state-active-tab, +.style-blue-2 .circle-button--light-bg, +.style-blue-2 .score__stars, +.style-blue-2 .slick-dots button, +.slick-dots .style-blue-2 button, +.style-blue-2 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #dfeafe; +} +.style-blue-2 .bg-medium-hover:hover, +.style-blue-2 .cta_button-10__link:hover { + background-color: #dfeafe; +} +.style-blue-2 .bg-main-hover:hover, +.style-blue-2 .comps .button--accent-bg:hover, +.comps .style-blue-2 .button--accent-bg:hover, +.style-blue-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #483aa8; +} +.style-blue-2 .border-alt, +.style-blue-2 .comps .button--alt-accent-outline, +.comps .style-blue-2 .button--alt-accent-outline, +.style-blue-2 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-blue-2 .pricing-02__card_box--accent, +.style-blue-2 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-blue-2 .pricing-04__card--accent { + border-color: #f90473; +} +.style-blue-2 .color-alt, +.style-blue-2 .comps .button--alt-accent-outline, +.comps .style-blue-2 .button--alt-accent-outline { + color: #f90473; +} +.style-blue-2 .bg-alt, +.style-blue-2 .comps .button--alt-accent-bg, +.comps .style-blue-2 .button--alt-accent-bg, +.style-blue-2 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-blue-2 button { + background-color: #f90473; +} +.style-blue-2 .bg-alt-hover:hover, +.style-blue-2 .comps .button--alt-accent-bg:hover, +.comps .style-blue-2 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-blue-2 .fill-alt .icon svg *, +.style-blue-2 .comps .button--alt-accent-outline .icon svg *, +.comps .style-blue-2 .button--alt-accent-outline .icon svg *, +.style-blue-2 .fill-alt .button__system_icon svg *, +.style-blue-2 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-blue-2 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-blue-2 .fill-alt-hover:hover .icon svg *, +.style-blue-2 .feature__link:hover .icon svg *, +.style-blue-2 .fill-alt-hover:hover .button__system_icon svg *, +.style-blue-2 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-blue-3 .fill-bg { + fill: #cdd3ff; +} +.style-blue-3 .fill-bg-light, +.style-blue-3 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-blue-3 *, +.style-blue-3 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-blue-3 + *, +.style-blue-3 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-3 + *, +.style-blue-3 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-blue-3 + *, +.style-blue-3 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-3 + * { + fill: #e9f1ff; +} +.style-blue-3 .stroke-light { + stroke: #e9f1ff; +} +.style-blue-3 .fill-main, +.style-blue-3 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-blue-3 *, +.style-blue-3 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-blue-3 * { + fill: #508de8; +} +.style-blue-3 .fill-secondary { + fill: #00396b; +} +.style-blue-3 .color-secondary, +.style-blue-3 .cta_button-10__text { + color: #00396b; +} +.style-blue-3 .stroke-main { + stroke: #508de8; +} +.style-blue-3 .border-main, +.style-blue-3 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-blue-3 .img.img-border, +.style-blue-3 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-blue-3 .image-tool__image, +.style-blue-3 .comps .button--accent-outline, +.comps .style-blue-3 .button--accent-outline, +.style-blue-3 .text-input:focus, +.style-blue-3 .textarea:focus, +.style-blue-3 .store-button--white:hover, +.style-blue-3 .select:focus, +.style-blue-3 .pricing-02__card_box--accent, +.style-blue-3 .pricing-03__hover, +.style-blue-3 .pricing-04__card--accent, +.style-blue-3 .pricing-04__hover, +.style-blue-3 .pricing-05__hover, +.style-blue-3 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-blue-3 .cta_form-04__wrapper, +.style-blue-3 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-blue-3 .cta_form-04__wrapper, +.style-blue-3 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-blue-3 .cta_form-04__bottom, +.style-blue-3 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-blue-3 .cta_form-04__bottom, +.style-blue-3 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-blue-3 .cta_button-16__wrapper, +.style-blue-3 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-blue-3 .cta_button-16__wrapper, +.style-blue-3 .bg-medium-color .links-02__list, +.bg-medium-color .style-blue-3 .links-02__list, +.style-blue-3 .bg-light-color .links-02__list, +.bg-light-color .style-blue-3 .links-02__list, +.style-blue-3 .faq-01__question:hover, +.style-blue-3 .faq-03__question:hover, +.style-blue-3 .features-09__item--new, +.style-blue-3 .bg-medium-color .steps-01__number, +.bg-medium-color .style-blue-3 .steps-01__number, +.style-blue-3 .bg-light-color .steps-01__number, +.bg-light-color .style-blue-3 .steps-01__number { + border-color: #508de8; +} +.style-blue-3 .color-main, +.style-blue-3 .link, +.style-blue-3 .feature__link, +.style-blue-3 .testimonials-03__person_link, +.style-blue-3 .faq-05__link, +.style-blue-3 .features-16__link, +.style-blue-3 .subheading, +.style-blue-3 .content_box a, +.content_box .style-blue-3 a, +.style-blue-3 .comps .button--accent-outline, +.comps .style-blue-3 .button--accent-outline, +.style-blue-3 .tab__button.state-active-tab, +.style-blue-3 .tab__button--active:focus, +.style-blue-3 .score__value, +.style-blue-3 .form__message_opener_box, +.style-blue-3 .message__bubble_link, +.style-blue-3 .team-05__person_name, +.style-blue-3 .tabs-04__button.state-active-tab, +.style-blue-3 .tabs-04__button--active:focus, +.style-blue-3 .pricing-02__hover, +.style-blue-3 .pricing-03__hover, +.style-blue-3 .pricing-04__hover, +.style-blue-3 .pricing-05__hover, +.style-blue-3 .cta_button-25__subheading, +.style-blue-3 .cta_button-31__heading, +.style-blue-3 .code-02__info_prefix, +.style-blue-3 .features-17__item .feature__title_text, +.features-17__item .style-blue-3 .feature__title_text { + color: #508de8; +} +.style-blue-3 .color-main-hover:hover, +.style-blue-3 .link:hover, +.style-blue-3 .feature__link:hover, +.style-blue-3 .testimonials-03__person_link:hover, +.style-blue-3 .faq-05__link:hover, +.style-blue-3 .features-16__link:hover, +.style-blue-3 .message__bubble_link:hover { + color: #3078e4; +} +.style-blue-3 .bg-main, +.style-blue-3 .content_box ul li:before, +.content_box ul .style-blue-3 li:before, +.style-blue-3 .comps .button--accent-bg, +.comps .style-blue-3 .button--accent-bg, +.style-blue-3 .store-button:hover, +.style-blue-3 .circle-button--accent-bg, +.style-blue-3 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-blue-3 .circle-button__hover_bg, +.style-blue-3 .circle-button--light-bg:hover, +.style-blue-3 .radio__check:before, +.style-blue-3 .checkbox__check:before, +.style-blue-3 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-blue-3 button, +.style-blue-3 .social-buttons__link--circle, +.style-blue-3 .roadmap-01__column, +.style-blue-3 .cta_button-25__item::before, +.style-blue-3 .testimonials-05__blue_box::before, +.style-blue-3 .features-02__number:before, +.style-blue-3 .features-09__item--new .tag, +.features-09__item--new .style-blue-3 .tag, +.style-blue-3 .features-15__item::before, +.style-blue-3 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-blue-3 .steps-01__list:before, +.style-blue-3 .bg-light-color .steps-01__list:before, +.bg-light-color .style-blue-3 .steps-01__list:before { + background-color: #508de8; +} +.style-blue-3 .bg-light, +.style-blue-3 .heading__accent_word--accent:before, +.style-blue-3 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-blue-3 .image-tool__image, +.style-blue-3 .content_box .fig-img-bg, +.content_box .style-blue-3 .fig-img-bg, +.style-blue-3 .tab__button.state-active-tab, +.style-blue-3 .tab__button--active:focus, +.style-blue-3 .iconed-tab__button:hover, +.style-blue-3 .tabs-04__button.state-active-tab, +.style-blue-3 .tabs-04__button--active:focus, +.style-blue-3 .pricing-02__hover, +.style-blue-3 .pricing-03__hover, +.style-blue-3 .pricing-04__hover, +.style-blue-3 .pricing-05__hover, +.style-blue-3 .posts-04__item:hover, +.style-blue-3 .posts-04__item:focus, +.style-blue-3 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-blue-3 .faq-04__item--question, +.style-blue-3 .press-01__link:hover, +.style-blue-3 .press-02__link:hover, +.style-blue-3 .press-03__link:hover { + background-color: #e9f1ff; +} +.style-blue-3 .bg-medium, +.style-blue-3 .content_box .cdx-marker, +.content_box .style-blue-3 .cdx-marker, +.style-blue-3 .tab__button:hover, +.style-blue-3 .iconed-tab__button.state-active-tab, +.style-blue-3 .circle-button--light-bg, +.style-blue-3 .score__stars, +.style-blue-3 .slick-dots button, +.slick-dots .style-blue-3 button, +.style-blue-3 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #dfeafe; +} +.style-blue-3 .bg-medium-hover:hover, +.style-blue-3 .cta_button-10__link:hover { + background-color: #dfeafe; +} +.style-blue-3 .bg-main-hover:hover, +.style-blue-3 .comps .button--accent-bg:hover, +.comps .style-blue-3 .button--accent-bg:hover, +.style-blue-3 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #397ee5; +} +.style-blue-3 .border-alt, +.style-blue-3 .comps .button--alt-accent-outline, +.comps .style-blue-3 .button--alt-accent-outline, +.style-blue-3 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-blue-3 .pricing-02__card_box--accent, +.style-blue-3 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-blue-3 .pricing-04__card--accent { + border-color: #f90473; +} +.style-blue-3 .color-alt, +.style-blue-3 .comps .button--alt-accent-outline, +.comps .style-blue-3 .button--alt-accent-outline { + color: #f90473; +} +.style-blue-3 .bg-alt, +.style-blue-3 .comps .button--alt-accent-bg, +.comps .style-blue-3 .button--alt-accent-bg, +.style-blue-3 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-blue-3 button { + background-color: #f90473; +} +.style-blue-3 .bg-alt-hover:hover, +.style-blue-3 .comps .button--alt-accent-bg:hover, +.comps .style-blue-3 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-blue-3 .fill-alt .icon svg *, +.style-blue-3 .comps .button--alt-accent-outline .icon svg *, +.comps .style-blue-3 .button--alt-accent-outline .icon svg *, +.style-blue-3 .fill-alt .button__system_icon svg *, +.style-blue-3 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-blue-3 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-blue-3 .fill-alt-hover:hover .icon svg *, +.style-blue-3 .feature__link:hover .icon svg *, +.style-blue-3 .fill-alt-hover:hover .button__system_icon svg *, +.style-blue-3 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-blue-4 .fill-bg { + fill: #cdd3ff; +} +.style-blue-4 .fill-bg-light, +.style-blue-4 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-blue-4 *, +.style-blue-4 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-blue-4 + *, +.style-blue-4 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-4 + *, +.style-blue-4 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-blue-4 + *, +.style-blue-4 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-blue-4 + * { + fill: #e9f1ff; +} +.style-blue-4 .stroke-light { + stroke: #e9f1ff; +} +.style-blue-4 .fill-main, +.style-blue-4 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-blue-4 *, +.style-blue-4 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-blue-4 * { + fill: #164085; +} +.style-blue-4 .fill-secondary { + fill: #4d61fc; +} +.style-blue-4 .color-secondary, +.style-blue-4 .cta_button-10__text { + color: #4d61fc; +} +.style-blue-4 .stroke-main { + stroke: #164085; +} +.style-blue-4 .border-main, +.style-blue-4 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-blue-4 .img.img-border, +.style-blue-4 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-blue-4 .image-tool__image, +.style-blue-4 .comps .button--accent-outline, +.comps .style-blue-4 .button--accent-outline, +.style-blue-4 .text-input:focus, +.style-blue-4 .textarea:focus, +.style-blue-4 .store-button--white:hover, +.style-blue-4 .select:focus, +.style-blue-4 .pricing-02__card_box--accent, +.style-blue-4 .pricing-03__hover, +.style-blue-4 .pricing-04__card--accent, +.style-blue-4 .pricing-04__hover, +.style-blue-4 .pricing-05__hover, +.style-blue-4 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-blue-4 .cta_form-04__wrapper, +.style-blue-4 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-blue-4 .cta_form-04__wrapper, +.style-blue-4 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-blue-4 .cta_form-04__bottom, +.style-blue-4 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-blue-4 .cta_form-04__bottom, +.style-blue-4 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-blue-4 .cta_button-16__wrapper, +.style-blue-4 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-blue-4 .cta_button-16__wrapper, +.style-blue-4 .bg-medium-color .links-02__list, +.bg-medium-color .style-blue-4 .links-02__list, +.style-blue-4 .bg-light-color .links-02__list, +.bg-light-color .style-blue-4 .links-02__list, +.style-blue-4 .faq-01__question:hover, +.style-blue-4 .faq-03__question:hover, +.style-blue-4 .features-09__item--new, +.style-blue-4 .bg-medium-color .steps-01__number, +.bg-medium-color .style-blue-4 .steps-01__number, +.style-blue-4 .bg-light-color .steps-01__number, +.bg-light-color .style-blue-4 .steps-01__number { + border-color: #164085; +} +.style-blue-4 .color-main, +.style-blue-4 .link, +.style-blue-4 .feature__link, +.style-blue-4 .testimonials-03__person_link, +.style-blue-4 .faq-05__link, +.style-blue-4 .features-16__link, +.style-blue-4 .subheading, +.style-blue-4 .content_box a, +.content_box .style-blue-4 a, +.style-blue-4 .comps .button--accent-outline, +.comps .style-blue-4 .button--accent-outline, +.style-blue-4 .tab__button.state-active-tab, +.style-blue-4 .tab__button--active:focus, +.style-blue-4 .score__value, +.style-blue-4 .form__message_opener_box, +.style-blue-4 .message__bubble_link, +.style-blue-4 .team-05__person_name, +.style-blue-4 .tabs-04__button.state-active-tab, +.style-blue-4 .tabs-04__button--active:focus, +.style-blue-4 .pricing-02__hover, +.style-blue-4 .pricing-03__hover, +.style-blue-4 .pricing-04__hover, +.style-blue-4 .pricing-05__hover, +.style-blue-4 .cta_button-25__subheading, +.style-blue-4 .cta_button-31__heading, +.style-blue-4 .code-02__info_prefix, +.style-blue-4 .features-17__item .feature__title_text, +.features-17__item .style-blue-4 .feature__title_text { + color: #164085; +} +.style-blue-4 .color-main-hover:hover, +.style-blue-4 .link:hover, +.style-blue-4 .feature__link:hover, +.style-blue-4 .testimonials-03__person_link:hover, +.style-blue-4 .faq-05__link:hover, +.style-blue-4 .features-16__link:hover, +.style-blue-4 .message__bubble_link:hover { + color: #113166; +} +.style-blue-4 .bg-main, +.style-blue-4 .content_box ul li:before, +.content_box ul .style-blue-4 li:before, +.style-blue-4 .comps .button--accent-bg, +.comps .style-blue-4 .button--accent-bg, +.style-blue-4 .store-button:hover, +.style-blue-4 .circle-button--accent-bg, +.style-blue-4 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-blue-4 .circle-button__hover_bg, +.style-blue-4 .circle-button--light-bg:hover, +.style-blue-4 .radio__check:before, +.style-blue-4 .checkbox__check:before, +.style-blue-4 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-blue-4 button, +.style-blue-4 .social-buttons__link--circle, +.style-blue-4 .roadmap-01__column, +.style-blue-4 .cta_button-25__item::before, +.style-blue-4 .testimonials-05__blue_box::before, +.style-blue-4 .features-02__number:before, +.style-blue-4 .features-09__item--new .tag, +.features-09__item--new .style-blue-4 .tag, +.style-blue-4 .features-15__item::before, +.style-blue-4 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-blue-4 .steps-01__list:before, +.style-blue-4 .bg-light-color .steps-01__list:before, +.bg-light-color .style-blue-4 .steps-01__list:before { + background-color: #164085; +} +.style-blue-4 .bg-light, +.style-blue-4 .heading__accent_word--accent:before, +.style-blue-4 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-blue-4 .image-tool__image, +.style-blue-4 .content_box .fig-img-bg, +.content_box .style-blue-4 .fig-img-bg, +.style-blue-4 .tab__button.state-active-tab, +.style-blue-4 .tab__button--active:focus, +.style-blue-4 .iconed-tab__button:hover, +.style-blue-4 .tabs-04__button.state-active-tab, +.style-blue-4 .tabs-04__button--active:focus, +.style-blue-4 .pricing-02__hover, +.style-blue-4 .pricing-03__hover, +.style-blue-4 .pricing-04__hover, +.style-blue-4 .pricing-05__hover, +.style-blue-4 .posts-04__item:hover, +.style-blue-4 .posts-04__item:focus, +.style-blue-4 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-blue-4 .faq-04__item--question, +.style-blue-4 .press-01__link:hover, +.style-blue-4 .press-02__link:hover, +.style-blue-4 .press-03__link:hover { + background-color: #e9f1ff; +} +.style-blue-4 .bg-medium, +.style-blue-4 .content_box .cdx-marker, +.content_box .style-blue-4 .cdx-marker, +.style-blue-4 .tab__button:hover, +.style-blue-4 .iconed-tab__button.state-active-tab, +.style-blue-4 .circle-button--light-bg, +.style-blue-4 .score__stars, +.style-blue-4 .slick-dots button, +.slick-dots .style-blue-4 button, +.style-blue-4 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #dfeafe; +} +.style-blue-4 .bg-medium-hover:hover, +.style-blue-4 .cta_button-10__link:hover { + background-color: #dfeafe; +} +.style-blue-4 .bg-main-hover:hover, +.style-blue-4 .comps .button--accent-bg:hover, +.comps .style-blue-4 .button--accent-bg:hover, +.style-blue-4 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #12356f; +} +.style-blue-4 .border-alt, +.style-blue-4 .comps .button--alt-accent-outline, +.comps .style-blue-4 .button--alt-accent-outline, +.style-blue-4 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-blue-4 .pricing-02__card_box--accent, +.style-blue-4 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-blue-4 .pricing-04__card--accent { + border-color: #f90473; +} +.style-blue-4 .color-alt, +.style-blue-4 .comps .button--alt-accent-outline, +.comps .style-blue-4 .button--alt-accent-outline { + color: #f90473; +} +.style-blue-4 .bg-alt, +.style-blue-4 .comps .button--alt-accent-bg, +.comps .style-blue-4 .button--alt-accent-bg, +.style-blue-4 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-blue-4 button { + background-color: #f90473; +} +.style-blue-4 .bg-alt-hover:hover, +.style-blue-4 .comps .button--alt-accent-bg:hover, +.comps .style-blue-4 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-blue-4 .fill-alt .icon svg *, +.style-blue-4 .comps .button--alt-accent-outline .icon svg *, +.comps .style-blue-4 .button--alt-accent-outline .icon svg *, +.style-blue-4 .fill-alt .button__system_icon svg *, +.style-blue-4 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-blue-4 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-blue-4 .fill-alt-hover:hover .icon svg *, +.style-blue-4 .feature__link:hover .icon svg *, +.style-blue-4 .fill-alt-hover:hover .button__system_icon svg *, +.style-blue-4 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-green-1 .fill-bg { + fill: #c5e8bf; +} +.style-green-1 .fill-bg-light, +.style-green-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-green-1 *, +.style-green-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-green-1 + *, +.style-green-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-green-1 + *, +.style-green-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-green-1 + *, +.style-green-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-green-1 + * { + fill: #e4feec; +} +.style-green-1 .stroke-light { + stroke: #e4feec; +} +.style-green-1 .fill-main, +.style-green-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-green-1 *, +.style-green-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-green-1 * { + fill: #4addb4; +} +.style-green-1 .fill-secondary { + fill: #076b00; +} +.style-green-1 .color-secondary, +.style-green-1 .cta_button-10__text { + color: #076b00; +} +.style-green-1 .stroke-main { + stroke: #4addb4; +} +.style-green-1 .border-main, +.style-green-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-green-1 .img.img-border, +.style-green-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-green-1 .image-tool__image, +.style-green-1 .comps .button--accent-outline, +.comps .style-green-1 .button--accent-outline, +.style-green-1 .text-input:focus, +.style-green-1 .textarea:focus, +.style-green-1 .store-button--white:hover, +.style-green-1 .select:focus, +.style-green-1 .pricing-02__card_box--accent, +.style-green-1 .pricing-03__hover, +.style-green-1 .pricing-04__card--accent, +.style-green-1 .pricing-04__hover, +.style-green-1 .pricing-05__hover, +.style-green-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-green-1 .cta_form-04__wrapper, +.style-green-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-green-1 .cta_form-04__wrapper, +.style-green-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-green-1 .cta_form-04__bottom, +.style-green-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-green-1 .cta_form-04__bottom, +.style-green-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-green-1 .cta_button-16__wrapper, +.style-green-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-green-1 .cta_button-16__wrapper, +.style-green-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-green-1 .links-02__list, +.style-green-1 .bg-light-color .links-02__list, +.bg-light-color .style-green-1 .links-02__list, +.style-green-1 .faq-01__question:hover, +.style-green-1 .faq-03__question:hover, +.style-green-1 .features-09__item--new, +.style-green-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-green-1 .steps-01__number, +.style-green-1 .bg-light-color .steps-01__number, +.bg-light-color .style-green-1 .steps-01__number { + border-color: #4addb4; +} +.style-green-1 .color-main, +.style-green-1 .link, +.style-green-1 .feature__link, +.style-green-1 .testimonials-03__person_link, +.style-green-1 .faq-05__link, +.style-green-1 .features-16__link, +.style-green-1 .subheading, +.style-green-1 .content_box a, +.content_box .style-green-1 a, +.style-green-1 .comps .button--accent-outline, +.comps .style-green-1 .button--accent-outline, +.style-green-1 .tab__button.state-active-tab, +.style-green-1 .tab__button--active:focus, +.style-green-1 .score__value, +.style-green-1 .form__message_opener_box, +.style-green-1 .message__bubble_link, +.style-green-1 .team-05__person_name, +.style-green-1 .tabs-04__button.state-active-tab, +.style-green-1 .tabs-04__button--active:focus, +.style-green-1 .pricing-02__hover, +.style-green-1 .pricing-03__hover, +.style-green-1 .pricing-04__hover, +.style-green-1 .pricing-05__hover, +.style-green-1 .cta_button-25__subheading, +.style-green-1 .cta_button-31__heading, +.style-green-1 .code-02__info_prefix, +.style-green-1 .features-17__item .feature__title_text, +.features-17__item .style-green-1 .feature__title_text { + color: #4addb4; +} +.style-green-1 .color-main-hover:hover, +.style-green-1 .link:hover, +.style-green-1 .feature__link:hover, +.style-green-1 .testimonials-03__person_link:hover, +.style-green-1 .faq-05__link:hover, +.style-green-1 .features-16__link:hover, +.style-green-1 .message__bubble_link:hover { + color: #2cd7a8; +} +.style-green-1 .bg-main, +.style-green-1 .content_box ul li:before, +.content_box ul .style-green-1 li:before, +.style-green-1 .comps .button--accent-bg, +.comps .style-green-1 .button--accent-bg, +.style-green-1 .store-button:hover, +.style-green-1 .circle-button--accent-bg, +.style-green-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-green-1 .circle-button__hover_bg, +.style-green-1 .circle-button--light-bg:hover, +.style-green-1 .radio__check:before, +.style-green-1 .checkbox__check:before, +.style-green-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-green-1 button, +.style-green-1 .social-buttons__link--circle, +.style-green-1 .roadmap-01__column, +.style-green-1 .cta_button-25__item::before, +.style-green-1 .testimonials-05__blue_box::before, +.style-green-1 .features-02__number:before, +.style-green-1 .features-09__item--new .tag, +.features-09__item--new .style-green-1 .tag, +.style-green-1 .features-15__item::before, +.style-green-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-green-1 .steps-01__list:before, +.style-green-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-green-1 .steps-01__list:before { + background-color: #4addb4; +} +.style-green-1 .bg-light, +.style-green-1 .heading__accent_word--accent:before, +.style-green-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-green-1 .image-tool__image, +.style-green-1 .content_box .fig-img-bg, +.content_box .style-green-1 .fig-img-bg, +.style-green-1 .tab__button.state-active-tab, +.style-green-1 .tab__button--active:focus, +.style-green-1 .iconed-tab__button:hover, +.style-green-1 .tabs-04__button.state-active-tab, +.style-green-1 .tabs-04__button--active:focus, +.style-green-1 .pricing-02__hover, +.style-green-1 .pricing-03__hover, +.style-green-1 .pricing-04__hover, +.style-green-1 .pricing-05__hover, +.style-green-1 .posts-04__item:hover, +.style-green-1 .posts-04__item:focus, +.style-green-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-green-1 .faq-04__item--question, +.style-green-1 .press-01__link:hover, +.style-green-1 .press-02__link:hover, +.style-green-1 .press-03__link:hover { + background-color: #e4feec; +} +.style-green-1 .bg-medium, +.style-green-1 .content_box .cdx-marker, +.content_box .style-green-1 .cdx-marker, +.style-green-1 .tab__button:hover, +.style-green-1 .iconed-tab__button.state-active-tab, +.style-green-1 .circle-button--light-bg, +.style-green-1 .score__stars, +.style-green-1 .slick-dots button, +.slick-dots .style-green-1 button, +.style-green-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #ebfde8; +} +.style-green-1 .bg-medium-hover:hover, +.style-green-1 .cta_button-10__link:hover { + background-color: #ebfde8; +} +.style-green-1 .bg-main-hover:hover, +.style-green-1 .comps .button--accent-bg:hover, +.comps .style-green-1 .button--accent-bg:hover, +.style-green-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #35d9ab; +} +.style-green-1 .border-alt, +.style-green-1 .comps .button--alt-accent-outline, +.comps .style-green-1 .button--alt-accent-outline, +.style-green-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-green-1 .pricing-02__card_box--accent, +.style-green-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-green-1 .pricing-04__card--accent { + border-color: #f90473; +} +.style-green-1 .color-alt, +.style-green-1 .comps .button--alt-accent-outline, +.comps .style-green-1 .button--alt-accent-outline { + color: #f90473; +} +.style-green-1 .bg-alt, +.style-green-1 .comps .button--alt-accent-bg, +.comps .style-green-1 .button--alt-accent-bg, +.style-green-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-green-1 button { + background-color: #f90473; +} +.style-green-1 .bg-alt-hover:hover, +.style-green-1 .comps .button--alt-accent-bg:hover, +.comps .style-green-1 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-green-1 .fill-alt .icon svg *, +.style-green-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-green-1 .button--alt-accent-outline .icon svg *, +.style-green-1 .fill-alt .button__system_icon svg *, +.style-green-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-green-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-green-1 .fill-alt-hover:hover .icon svg *, +.style-green-1 .feature__link:hover .icon svg *, +.style-green-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-green-1 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-green-2 .fill-bg { + fill: #c5e8bf; +} +.style-green-2 .fill-bg-light, +.style-green-2 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-green-2 *, +.style-green-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-green-2 + *, +.style-green-2 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-green-2 + *, +.style-green-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-green-2 + *, +.style-green-2 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-green-2 + * { + fill: #e4feec; +} +.style-green-2 .stroke-light { + stroke: #e4feec; +} +.style-green-2 .fill-main, +.style-green-2 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-green-2 *, +.style-green-2 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-green-2 * { + fill: #29c853; +} +.style-green-2 .fill-secondary { + fill: #076b00; +} +.style-green-2 .color-secondary, +.style-green-2 .cta_button-10__text { + color: #076b00; +} +.style-green-2 .stroke-main { + stroke: #29c853; +} +.style-green-2 .border-main, +.style-green-2 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-green-2 .img.img-border, +.style-green-2 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-green-2 .image-tool__image, +.style-green-2 .comps .button--accent-outline, +.comps .style-green-2 .button--accent-outline, +.style-green-2 .text-input:focus, +.style-green-2 .textarea:focus, +.style-green-2 .store-button--white:hover, +.style-green-2 .select:focus, +.style-green-2 .pricing-02__card_box--accent, +.style-green-2 .pricing-03__hover, +.style-green-2 .pricing-04__card--accent, +.style-green-2 .pricing-04__hover, +.style-green-2 .pricing-05__hover, +.style-green-2 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-green-2 .cta_form-04__wrapper, +.style-green-2 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-green-2 .cta_form-04__wrapper, +.style-green-2 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-green-2 .cta_form-04__bottom, +.style-green-2 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-green-2 .cta_form-04__bottom, +.style-green-2 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-green-2 .cta_button-16__wrapper, +.style-green-2 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-green-2 .cta_button-16__wrapper, +.style-green-2 .bg-medium-color .links-02__list, +.bg-medium-color .style-green-2 .links-02__list, +.style-green-2 .bg-light-color .links-02__list, +.bg-light-color .style-green-2 .links-02__list, +.style-green-2 .faq-01__question:hover, +.style-green-2 .faq-03__question:hover, +.style-green-2 .features-09__item--new, +.style-green-2 .bg-medium-color .steps-01__number, +.bg-medium-color .style-green-2 .steps-01__number, +.style-green-2 .bg-light-color .steps-01__number, +.bg-light-color .style-green-2 .steps-01__number { + border-color: #29c853; +} +.style-green-2 .color-main, +.style-green-2 .link, +.style-green-2 .feature__link, +.style-green-2 .testimonials-03__person_link, +.style-green-2 .faq-05__link, +.style-green-2 .features-16__link, +.style-green-2 .subheading, +.style-green-2 .content_box a, +.content_box .style-green-2 a, +.style-green-2 .comps .button--accent-outline, +.comps .style-green-2 .button--accent-outline, +.style-green-2 .tab__button.state-active-tab, +.style-green-2 .tab__button--active:focus, +.style-green-2 .score__value, +.style-green-2 .form__message_opener_box, +.style-green-2 .message__bubble_link, +.style-green-2 .team-05__person_name, +.style-green-2 .tabs-04__button.state-active-tab, +.style-green-2 .tabs-04__button--active:focus, +.style-green-2 .pricing-02__hover, +.style-green-2 .pricing-03__hover, +.style-green-2 .pricing-04__hover, +.style-green-2 .pricing-05__hover, +.style-green-2 .cta_button-25__subheading, +.style-green-2 .cta_button-31__heading, +.style-green-2 .code-02__info_prefix, +.style-green-2 .features-17__item .feature__title_text, +.features-17__item .style-green-2 .feature__title_text { + color: #29c853; +} +.style-green-2 .color-main-hover:hover, +.style-green-2 .link:hover, +.style-green-2 .feature__link:hover, +.style-green-2 .testimonials-03__person_link:hover, +.style-green-2 .faq-05__link:hover, +.style-green-2 .features-16__link:hover, +.style-green-2 .message__bubble_link:hover { + color: #23aa47; +} +.style-green-2 .bg-main, +.style-green-2 .content_box ul li:before, +.content_box ul .style-green-2 li:before, +.style-green-2 .comps .button--accent-bg, +.comps .style-green-2 .button--accent-bg, +.style-green-2 .store-button:hover, +.style-green-2 .circle-button--accent-bg, +.style-green-2 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-green-2 .circle-button__hover_bg, +.style-green-2 .circle-button--light-bg:hover, +.style-green-2 .radio__check:before, +.style-green-2 .checkbox__check:before, +.style-green-2 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-green-2 button, +.style-green-2 .social-buttons__link--circle, +.style-green-2 .roadmap-01__column, +.style-green-2 .cta_button-25__item::before, +.style-green-2 .testimonials-05__blue_box::before, +.style-green-2 .features-02__number:before, +.style-green-2 .features-09__item--new .tag, +.features-09__item--new .style-green-2 .tag, +.style-green-2 .features-15__item::before, +.style-green-2 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-green-2 .steps-01__list:before, +.style-green-2 .bg-light-color .steps-01__list:before, +.bg-light-color .style-green-2 .steps-01__list:before { + background-color: #29c853; +} +.style-green-2 .bg-light, +.style-green-2 .heading__accent_word--accent:before, +.style-green-2 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-green-2 .image-tool__image, +.style-green-2 .content_box .fig-img-bg, +.content_box .style-green-2 .fig-img-bg, +.style-green-2 .tab__button.state-active-tab, +.style-green-2 .tab__button--active:focus, +.style-green-2 .iconed-tab__button:hover, +.style-green-2 .tabs-04__button.state-active-tab, +.style-green-2 .tabs-04__button--active:focus, +.style-green-2 .pricing-02__hover, +.style-green-2 .pricing-03__hover, +.style-green-2 .pricing-04__hover, +.style-green-2 .pricing-05__hover, +.style-green-2 .posts-04__item:hover, +.style-green-2 .posts-04__item:focus, +.style-green-2 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-green-2 .faq-04__item--question, +.style-green-2 .press-01__link:hover, +.style-green-2 .press-02__link:hover, +.style-green-2 .press-03__link:hover { + background-color: #e4feec; +} +.style-green-2 .bg-medium, +.style-green-2 .content_box .cdx-marker, +.content_box .style-green-2 .cdx-marker, +.style-green-2 .tab__button:hover, +.style-green-2 .iconed-tab__button.state-active-tab, +.style-green-2 .circle-button--light-bg, +.style-green-2 .score__stars, +.style-green-2 .slick-dots button, +.slick-dots .style-green-2 button, +.style-green-2 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #ebfde8; +} +.style-green-2 .bg-medium-hover:hover, +.style-green-2 .cta_button-10__link:hover { + background-color: #ebfde8; +} +.style-green-2 .bg-main-hover:hover, +.style-green-2 .comps .button--accent-bg:hover, +.comps .style-green-2 .button--accent-bg:hover, +.style-green-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #25b34a; +} +.style-green-2 .border-alt, +.style-green-2 .comps .button--alt-accent-outline, +.comps .style-green-2 .button--alt-accent-outline, +.style-green-2 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-green-2 .pricing-02__card_box--accent, +.style-green-2 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-green-2 .pricing-04__card--accent { + border-color: #f90473; +} +.style-green-2 .color-alt, +.style-green-2 .comps .button--alt-accent-outline, +.comps .style-green-2 .button--alt-accent-outline { + color: #f90473; +} +.style-green-2 .bg-alt, +.style-green-2 .comps .button--alt-accent-bg, +.comps .style-green-2 .button--alt-accent-bg, +.style-green-2 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-green-2 button { + background-color: #f90473; +} +.style-green-2 .bg-alt-hover:hover, +.style-green-2 .comps .button--alt-accent-bg:hover, +.comps .style-green-2 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-green-2 .fill-alt .icon svg *, +.style-green-2 .comps .button--alt-accent-outline .icon svg *, +.comps .style-green-2 .button--alt-accent-outline .icon svg *, +.style-green-2 .fill-alt .button__system_icon svg *, +.style-green-2 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-green-2 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-green-2 .fill-alt-hover:hover .icon svg *, +.style-green-2 .feature__link:hover .icon svg *, +.style-green-2 .fill-alt-hover:hover .button__system_icon svg *, +.style-green-2 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-purple-1 .fill-bg { + fill: #e8d8e0; +} +.style-purple-1 .fill-bg-light, +.style-purple-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-purple-1 *, +.style-purple-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-purple-1 + *, +.style-purple-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-purple-1 + *, +.style-purple-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-purple-1 + *, +.style-purple-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-purple-1 + * { + fill: #fcdffe; +} +.style-purple-1 .stroke-light { + stroke: #fcdffe; +} +.style-purple-1 .fill-main, +.style-purple-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-purple-1 *, +.style-purple-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-purple-1 * { + fill: #943bdc; +} +.style-purple-1 .fill-secondary { + fill: #5c046b; +} +.style-purple-1 .color-secondary, +.style-purple-1 .cta_button-10__text { + color: #5c046b; +} +.style-purple-1 .stroke-main { + stroke: #943bdc; +} +.style-purple-1 .border-main, +.style-purple-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-purple-1 .img.img-border, +.style-purple-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-purple-1 .image-tool__image, +.style-purple-1 .comps .button--accent-outline, +.comps .style-purple-1 .button--accent-outline, +.style-purple-1 .text-input:focus, +.style-purple-1 .textarea:focus, +.style-purple-1 .store-button--white:hover, +.style-purple-1 .select:focus, +.style-purple-1 .pricing-02__card_box--accent, +.style-purple-1 .pricing-03__hover, +.style-purple-1 .pricing-04__card--accent, +.style-purple-1 .pricing-04__hover, +.style-purple-1 .pricing-05__hover, +.style-purple-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-purple-1 .cta_form-04__wrapper, +.style-purple-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-purple-1 .cta_form-04__wrapper, +.style-purple-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-purple-1 .cta_form-04__bottom, +.style-purple-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-purple-1 .cta_form-04__bottom, +.style-purple-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-purple-1 .cta_button-16__wrapper, +.style-purple-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-purple-1 .cta_button-16__wrapper, +.style-purple-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-purple-1 .links-02__list, +.style-purple-1 .bg-light-color .links-02__list, +.bg-light-color .style-purple-1 .links-02__list, +.style-purple-1 .faq-01__question:hover, +.style-purple-1 .faq-03__question:hover, +.style-purple-1 .features-09__item--new, +.style-purple-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-purple-1 .steps-01__number, +.style-purple-1 .bg-light-color .steps-01__number, +.bg-light-color .style-purple-1 .steps-01__number { + border-color: #943bdc; +} +.style-purple-1 .color-main, +.style-purple-1 .link, +.style-purple-1 .feature__link, +.style-purple-1 .testimonials-03__person_link, +.style-purple-1 .faq-05__link, +.style-purple-1 .features-16__link, +.style-purple-1 .subheading, +.style-purple-1 .content_box a, +.content_box .style-purple-1 a, +.style-purple-1 .comps .button--accent-outline, +.comps .style-purple-1 .button--accent-outline, +.style-purple-1 .tab__button.state-active-tab, +.style-purple-1 .tab__button--active:focus, +.style-purple-1 .score__value, +.style-purple-1 .form__message_opener_box, +.style-purple-1 .message__bubble_link, +.style-purple-1 .team-05__person_name, +.style-purple-1 .tabs-04__button.state-active-tab, +.style-purple-1 .tabs-04__button--active:focus, +.style-purple-1 .pricing-02__hover, +.style-purple-1 .pricing-03__hover, +.style-purple-1 .pricing-04__hover, +.style-purple-1 .pricing-05__hover, +.style-purple-1 .cta_button-25__subheading, +.style-purple-1 .cta_button-31__heading, +.style-purple-1 .code-02__info_prefix, +.style-purple-1 .features-17__item .feature__title_text, +.features-17__item .style-purple-1 .feature__title_text { + color: #943bdc; +} +.style-purple-1 .color-main-hover:hover, +.style-purple-1 .link:hover, +.style-purple-1 .feature__link:hover, +.style-purple-1 .testimonials-03__person_link:hover, +.style-purple-1 .faq-05__link:hover, +.style-purple-1 .features-16__link:hover, +.style-purple-1 .message__bubble_link:hover { + color: #8325ce; +} +.style-purple-1 .bg-main, +.style-purple-1 .content_box ul li:before, +.content_box ul .style-purple-1 li:before, +.style-purple-1 .comps .button--accent-bg, +.comps .style-purple-1 .button--accent-bg, +.style-purple-1 .store-button:hover, +.style-purple-1 .circle-button--accent-bg, +.style-purple-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-purple-1 .circle-button__hover_bg, +.style-purple-1 .circle-button--light-bg:hover, +.style-purple-1 .radio__check:before, +.style-purple-1 .checkbox__check:before, +.style-purple-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-purple-1 button, +.style-purple-1 .social-buttons__link--circle, +.style-purple-1 .roadmap-01__column, +.style-purple-1 .cta_button-25__item::before, +.style-purple-1 .testimonials-05__blue_box::before, +.style-purple-1 .features-02__number:before, +.style-purple-1 .features-09__item--new .tag, +.features-09__item--new .style-purple-1 .tag, +.style-purple-1 .features-15__item::before, +.style-purple-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-purple-1 .steps-01__list:before, +.style-purple-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-purple-1 .steps-01__list:before { + background-color: #943bdc; +} +.style-purple-1 .bg-light, +.style-purple-1 .heading__accent_word--accent:before, +.style-purple-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-purple-1 .image-tool__image, +.style-purple-1 .content_box .fig-img-bg, +.content_box .style-purple-1 .fig-img-bg, +.style-purple-1 .tab__button.state-active-tab, +.style-purple-1 .tab__button--active:focus, +.style-purple-1 .iconed-tab__button:hover, +.style-purple-1 .tabs-04__button.state-active-tab, +.style-purple-1 .tabs-04__button--active:focus, +.style-purple-1 .pricing-02__hover, +.style-purple-1 .pricing-03__hover, +.style-purple-1 .pricing-04__hover, +.style-purple-1 .pricing-05__hover, +.style-purple-1 .posts-04__item:hover, +.style-purple-1 .posts-04__item:focus, +.style-purple-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-purple-1 .faq-04__item--question, +.style-purple-1 .press-01__link:hover, +.style-purple-1 .press-02__link:hover, +.style-purple-1 .press-03__link:hover { + background-color: #fcdffe; +} +.style-purple-1 .bg-medium, +.style-purple-1 .content_box .cdx-marker, +.content_box .style-purple-1 .cdx-marker, +.style-purple-1 .tab__button:hover, +.style-purple-1 .iconed-tab__button.state-active-tab, +.style-purple-1 .circle-button--light-bg, +.style-purple-1 .score__stars, +.style-purple-1 .slick-dots button, +.slick-dots .style-purple-1 button, +.style-purple-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #fde9f8; +} +.style-purple-1 .bg-medium-hover:hover, +.style-purple-1 .cta_button-10__link:hover { + background-color: #fde9f8; +} +.style-purple-1 .bg-main-hover:hover, +.style-purple-1 .comps .button--accent-bg:hover, +.comps .style-purple-1 .button--accent-bg:hover, +.style-purple-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #8826d7; +} +.style-purple-1 .border-alt, +.style-purple-1 .comps .button--alt-accent-outline, +.comps .style-purple-1 .button--alt-accent-outline, +.style-purple-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-purple-1 .pricing-02__card_box--accent, +.style-purple-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-purple-1 .pricing-04__card--accent { + border-color: #f90473; +} +.style-purple-1 .color-alt, +.style-purple-1 .comps .button--alt-accent-outline, +.comps .style-purple-1 .button--alt-accent-outline { + color: #f90473; +} +.style-purple-1 .bg-alt, +.style-purple-1 .comps .button--alt-accent-bg, +.comps .style-purple-1 .button--alt-accent-bg, +.style-purple-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-purple-1 button { + background-color: #f90473; +} +.style-purple-1 .bg-alt-hover:hover, +.style-purple-1 .comps .button--alt-accent-bg:hover, +.comps .style-purple-1 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-purple-1 .fill-alt .icon svg *, +.style-purple-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-purple-1 .button--alt-accent-outline .icon svg *, +.style-purple-1 .fill-alt .button__system_icon svg *, +.style-purple-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-purple-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-purple-1 .fill-alt-hover:hover .icon svg *, +.style-purple-1 .feature__link:hover .icon svg *, +.style-purple-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-purple-1 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-purple-2 .fill-bg { + fill: #e8d8e0; +} +.style-purple-2 .fill-bg-light, +.style-purple-2 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-purple-2 *, +.style-purple-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-purple-2 + *, +.style-purple-2 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-purple-2 + *, +.style-purple-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-purple-2 + *, +.style-purple-2 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-purple-2 + * { + fill: #fcdffe; +} +.style-purple-2 .stroke-light { + stroke: #fcdffe; +} +.style-purple-2 .fill-main, +.style-purple-2 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-purple-2 *, +.style-purple-2 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-purple-2 * { + fill: #643995; +} +.style-purple-2 .fill-secondary { + fill: #5c046b; +} +.style-purple-2 .color-secondary, +.style-purple-2 .cta_button-10__text { + color: #5c046b; +} +.style-purple-2 .stroke-main { + stroke: #643995; +} +.style-purple-2 .border-main, +.style-purple-2 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-purple-2 .img.img-border, +.style-purple-2 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-purple-2 .image-tool__image, +.style-purple-2 .comps .button--accent-outline, +.comps .style-purple-2 .button--accent-outline, +.style-purple-2 .text-input:focus, +.style-purple-2 .textarea:focus, +.style-purple-2 .store-button--white:hover, +.style-purple-2 .select:focus, +.style-purple-2 .pricing-02__card_box--accent, +.style-purple-2 .pricing-03__hover, +.style-purple-2 .pricing-04__card--accent, +.style-purple-2 .pricing-04__hover, +.style-purple-2 .pricing-05__hover, +.style-purple-2 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-purple-2 .cta_form-04__wrapper, +.style-purple-2 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-purple-2 .cta_form-04__wrapper, +.style-purple-2 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-purple-2 .cta_form-04__bottom, +.style-purple-2 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-purple-2 .cta_form-04__bottom, +.style-purple-2 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-purple-2 .cta_button-16__wrapper, +.style-purple-2 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-purple-2 .cta_button-16__wrapper, +.style-purple-2 .bg-medium-color .links-02__list, +.bg-medium-color .style-purple-2 .links-02__list, +.style-purple-2 .bg-light-color .links-02__list, +.bg-light-color .style-purple-2 .links-02__list, +.style-purple-2 .faq-01__question:hover, +.style-purple-2 .faq-03__question:hover, +.style-purple-2 .features-09__item--new, +.style-purple-2 .bg-medium-color .steps-01__number, +.bg-medium-color .style-purple-2 .steps-01__number, +.style-purple-2 .bg-light-color .steps-01__number, +.bg-light-color .style-purple-2 .steps-01__number { + border-color: #643995; +} +.style-purple-2 .color-main, +.style-purple-2 .link, +.style-purple-2 .feature__link, +.style-purple-2 .testimonials-03__person_link, +.style-purple-2 .faq-05__link, +.style-purple-2 .features-16__link, +.style-purple-2 .subheading, +.style-purple-2 .content_box a, +.content_box .style-purple-2 a, +.style-purple-2 .comps .button--accent-outline, +.comps .style-purple-2 .button--accent-outline, +.style-purple-2 .tab__button.state-active-tab, +.style-purple-2 .tab__button--active:focus, +.style-purple-2 .score__value, +.style-purple-2 .form__message_opener_box, +.style-purple-2 .message__bubble_link, +.style-purple-2 .team-05__person_name, +.style-purple-2 .tabs-04__button.state-active-tab, +.style-purple-2 .tabs-04__button--active:focus, +.style-purple-2 .pricing-02__hover, +.style-purple-2 .pricing-03__hover, +.style-purple-2 .pricing-04__hover, +.style-purple-2 .pricing-05__hover, +.style-purple-2 .cta_button-25__subheading, +.style-purple-2 .cta_button-31__heading, +.style-purple-2 .code-02__info_prefix, +.style-purple-2 .features-17__item .feature__title_text, +.features-17__item .style-purple-2 .feature__title_text { + color: #643995; +} +.style-purple-2 .color-main-hover:hover, +.style-purple-2 .link:hover, +.style-purple-2 .feature__link:hover, +.style-purple-2 .testimonials-03__person_link:hover, +.style-purple-2 .faq-05__link:hover, +.style-purple-2 .features-16__link:hover, +.style-purple-2 .message__bubble_link:hover { + color: #532f7b; +} +.style-purple-2 .bg-main, +.style-purple-2 .content_box ul li:before, +.content_box ul .style-purple-2 li:before, +.style-purple-2 .comps .button--accent-bg, +.comps .style-purple-2 .button--accent-bg, +.style-purple-2 .store-button:hover, +.style-purple-2 .circle-button--accent-bg, +.style-purple-2 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-purple-2 .circle-button__hover_bg, +.style-purple-2 .circle-button--light-bg:hover, +.style-purple-2 .radio__check:before, +.style-purple-2 .checkbox__check:before, +.style-purple-2 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-purple-2 button, +.style-purple-2 .social-buttons__link--circle, +.style-purple-2 .roadmap-01__column, +.style-purple-2 .cta_button-25__item::before, +.style-purple-2 .testimonials-05__blue_box::before, +.style-purple-2 .features-02__number:before, +.style-purple-2 .features-09__item--new .tag, +.features-09__item--new .style-purple-2 .tag, +.style-purple-2 .features-15__item::before, +.style-purple-2 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-purple-2 .steps-01__list:before, +.style-purple-2 .bg-light-color .steps-01__list:before, +.bg-light-color .style-purple-2 .steps-01__list:before { + background-color: #643995; +} +.style-purple-2 .bg-light, +.style-purple-2 .heading__accent_word--accent:before, +.style-purple-2 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-purple-2 .image-tool__image, +.style-purple-2 .content_box .fig-img-bg, +.content_box .style-purple-2 .fig-img-bg, +.style-purple-2 .tab__button.state-active-tab, +.style-purple-2 .tab__button--active:focus, +.style-purple-2 .iconed-tab__button:hover, +.style-purple-2 .tabs-04__button.state-active-tab, +.style-purple-2 .tabs-04__button--active:focus, +.style-purple-2 .pricing-02__hover, +.style-purple-2 .pricing-03__hover, +.style-purple-2 .pricing-04__hover, +.style-purple-2 .pricing-05__hover, +.style-purple-2 .posts-04__item:hover, +.style-purple-2 .posts-04__item:focus, +.style-purple-2 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-purple-2 .faq-04__item--question, +.style-purple-2 .press-01__link:hover, +.style-purple-2 .press-02__link:hover, +.style-purple-2 .press-03__link:hover { + background-color: #fcdffe; +} +.style-purple-2 .bg-medium, +.style-purple-2 .content_box .cdx-marker, +.content_box .style-purple-2 .cdx-marker, +.style-purple-2 .tab__button:hover, +.style-purple-2 .iconed-tab__button.state-active-tab, +.style-purple-2 .circle-button--light-bg, +.style-purple-2 .score__stars, +.style-purple-2 .slick-dots button, +.slick-dots .style-purple-2 button, +.style-purple-2 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #fde9f8; +} +.style-purple-2 .bg-medium-hover:hover, +.style-purple-2 .cta_button-10__link:hover { + background-color: #fde9f8; +} +.style-purple-2 .bg-main-hover:hover, +.style-purple-2 .comps .button--accent-bg:hover, +.comps .style-purple-2 .button--accent-bg:hover, +.style-purple-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #583283; +} +.style-purple-2 .border-alt, +.style-purple-2 .comps .button--alt-accent-outline, +.comps .style-purple-2 .button--alt-accent-outline, +.style-purple-2 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-purple-2 .pricing-02__card_box--accent, +.style-purple-2 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-purple-2 .pricing-04__card--accent { + border-color: #f90473; +} +.style-purple-2 .color-alt, +.style-purple-2 .comps .button--alt-accent-outline, +.comps .style-purple-2 .button--alt-accent-outline { + color: #f90473; +} +.style-purple-2 .bg-alt, +.style-purple-2 .comps .button--alt-accent-bg, +.comps .style-purple-2 .button--alt-accent-bg, +.style-purple-2 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-purple-2 button { + background-color: #f90473; +} +.style-purple-2 .bg-alt-hover:hover, +.style-purple-2 .comps .button--alt-accent-bg:hover, +.comps .style-purple-2 .button--alt-accent-bg:hover { + background-color: #e00467; +} +.style-purple-2 .fill-alt .icon svg *, +.style-purple-2 .comps .button--alt-accent-outline .icon svg *, +.comps .style-purple-2 .button--alt-accent-outline .icon svg *, +.style-purple-2 .fill-alt .button__system_icon svg *, +.style-purple-2 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-purple-2 .button--alt-accent-outline .button__system_icon svg * { + fill: #f90473; +} +.style-purple-2 .fill-alt-hover:hover .icon svg *, +.style-purple-2 .feature__link:hover .icon svg *, +.style-purple-2 .fill-alt-hover:hover .button__system_icon svg *, +.style-purple-2 .feature__link:hover .button__system_icon svg * { + fill: #f90473; +} +.style-orange-1 .fill-bg { + fill: #e8c9c3; +} +.style-orange-1 .fill-bg-light, +.style-orange-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-orange-1 *, +.style-orange-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-orange-1 + *, +.style-orange-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-1 + *, +.style-orange-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-orange-1 + *, +.style-orange-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-1 + * { + fill: #fed7cb; +} +.style-orange-1 .stroke-light { + stroke: #fed7cb; +} +.style-orange-1 .fill-main, +.style-orange-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-orange-1 *, +.style-orange-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-orange-1 * { + fill: #fd3f0f; +} +.style-orange-1 .fill-secondary { + fill: #840500; +} +.style-orange-1 .color-secondary, +.style-orange-1 .cta_button-10__text { + color: #840500; +} +.style-orange-1 .stroke-main { + stroke: #fd3f0f; +} +.style-orange-1 .border-main, +.style-orange-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-orange-1 .img.img-border, +.style-orange-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-orange-1 .image-tool__image, +.style-orange-1 .comps .button--accent-outline, +.comps .style-orange-1 .button--accent-outline, +.style-orange-1 .text-input:focus, +.style-orange-1 .textarea:focus, +.style-orange-1 .store-button--white:hover, +.style-orange-1 .select:focus, +.style-orange-1 .pricing-02__card_box--accent, +.style-orange-1 .pricing-03__hover, +.style-orange-1 .pricing-04__card--accent, +.style-orange-1 .pricing-04__hover, +.style-orange-1 .pricing-05__hover, +.style-orange-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-orange-1 .cta_form-04__wrapper, +.style-orange-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-orange-1 .cta_form-04__wrapper, +.style-orange-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-orange-1 .cta_form-04__bottom, +.style-orange-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-orange-1 .cta_form-04__bottom, +.style-orange-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-orange-1 .cta_button-16__wrapper, +.style-orange-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-orange-1 .cta_button-16__wrapper, +.style-orange-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-orange-1 .links-02__list, +.style-orange-1 .bg-light-color .links-02__list, +.bg-light-color .style-orange-1 .links-02__list, +.style-orange-1 .faq-01__question:hover, +.style-orange-1 .faq-03__question:hover, +.style-orange-1 .features-09__item--new, +.style-orange-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-orange-1 .steps-01__number, +.style-orange-1 .bg-light-color .steps-01__number, +.bg-light-color .style-orange-1 .steps-01__number { + border-color: #fd3f0f; +} +.style-orange-1 .color-main, +.style-orange-1 .link, +.style-orange-1 .feature__link, +.style-orange-1 .testimonials-03__person_link, +.style-orange-1 .faq-05__link, +.style-orange-1 .features-16__link, +.style-orange-1 .subheading, +.style-orange-1 .content_box a, +.content_box .style-orange-1 a, +.style-orange-1 .comps .button--accent-outline, +.comps .style-orange-1 .button--accent-outline, +.style-orange-1 .tab__button.state-active-tab, +.style-orange-1 .tab__button--active:focus, +.style-orange-1 .score__value, +.style-orange-1 .form__message_opener_box, +.style-orange-1 .message__bubble_link, +.style-orange-1 .team-05__person_name, +.style-orange-1 .tabs-04__button.state-active-tab, +.style-orange-1 .tabs-04__button--active:focus, +.style-orange-1 .pricing-02__hover, +.style-orange-1 .pricing-03__hover, +.style-orange-1 .pricing-04__hover, +.style-orange-1 .pricing-05__hover, +.style-orange-1 .cta_button-25__subheading, +.style-orange-1 .cta_button-31__heading, +.style-orange-1 .code-02__info_prefix, +.style-orange-1 .features-17__item .feature__title_text, +.features-17__item .style-orange-1 .feature__title_text { + color: #fd3f0f; +} +.style-orange-1 .color-main-hover:hover, +.style-orange-1 .link:hover, +.style-orange-1 .feature__link:hover, +.style-orange-1 .testimonials-03__person_link:hover, +.style-orange-1 .faq-05__link:hover, +.style-orange-1 .features-16__link:hover, +.style-orange-1 .message__bubble_link:hover { + color: #e63002; +} +.style-orange-1 .bg-main, +.style-orange-1 .content_box ul li:before, +.content_box ul .style-orange-1 li:before, +.style-orange-1 .comps .button--accent-bg, +.comps .style-orange-1 .button--accent-bg, +.style-orange-1 .store-button:hover, +.style-orange-1 .circle-button--accent-bg, +.style-orange-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-orange-1 .circle-button__hover_bg, +.style-orange-1 .circle-button--light-bg:hover, +.style-orange-1 .radio__check:before, +.style-orange-1 .checkbox__check:before, +.style-orange-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-orange-1 button, +.style-orange-1 .social-buttons__link--circle, +.style-orange-1 .roadmap-01__column, +.style-orange-1 .cta_button-25__item::before, +.style-orange-1 .testimonials-05__blue_box::before, +.style-orange-1 .features-02__number:before, +.style-orange-1 .features-09__item--new .tag, +.features-09__item--new .style-orange-1 .tag, +.style-orange-1 .features-15__item::before, +.style-orange-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-orange-1 .steps-01__list:before, +.style-orange-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-orange-1 .steps-01__list:before { + background-color: #fd3f0f; +} +.style-orange-1 .bg-light, +.style-orange-1 .heading__accent_word--accent:before, +.style-orange-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-orange-1 .image-tool__image, +.style-orange-1 .content_box .fig-img-bg, +.content_box .style-orange-1 .fig-img-bg, +.style-orange-1 .tab__button.state-active-tab, +.style-orange-1 .tab__button--active:focus, +.style-orange-1 .iconed-tab__button:hover, +.style-orange-1 .tabs-04__button.state-active-tab, +.style-orange-1 .tabs-04__button--active:focus, +.style-orange-1 .pricing-02__hover, +.style-orange-1 .pricing-03__hover, +.style-orange-1 .pricing-04__hover, +.style-orange-1 .pricing-05__hover, +.style-orange-1 .posts-04__item:hover, +.style-orange-1 .posts-04__item:focus, +.style-orange-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-orange-1 .faq-04__item--question, +.style-orange-1 .press-01__link:hover, +.style-orange-1 .press-02__link:hover, +.style-orange-1 .press-03__link:hover { + background-color: #fed7cb; +} +.style-orange-1 .bg-medium, +.style-orange-1 .content_box .cdx-marker, +.content_box .style-orange-1 .cdx-marker, +.style-orange-1 .tab__button:hover, +.style-orange-1 .iconed-tab__button.state-active-tab, +.style-orange-1 .circle-button--light-bg, +.style-orange-1 .score__stars, +.style-orange-1 .slick-dots button, +.slick-dots .style-orange-1 button, +.style-orange-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #f7dcc9; +} +.style-orange-1 .bg-medium-hover:hover, +.style-orange-1 .cta_button-10__link:hover { + background-color: #f7dcc9; +} +.style-orange-1 .bg-main-hover:hover, +.style-orange-1 .comps .button--accent-bg:hover, +.comps .style-orange-1 .button--accent-bg:hover, +.style-orange-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #f03202; +} +.style-orange-1 .border-alt, +.style-orange-1 .comps .button--alt-accent-outline, +.comps .style-orange-1 .button--alt-accent-outline, +.style-orange-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-orange-1 .pricing-02__card_box--accent, +.style-orange-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-orange-1 .pricing-04__card--accent { + border-color: #4d61fc; +} +.style-orange-1 .color-alt, +.style-orange-1 .comps .button--alt-accent-outline, +.comps .style-orange-1 .button--alt-accent-outline { + color: #4d61fc; +} +.style-orange-1 .bg-alt, +.style-orange-1 .comps .button--alt-accent-bg, +.comps .style-orange-1 .button--alt-accent-bg, +.style-orange-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-orange-1 button { + background-color: #4d61fc; +} +.style-orange-1 .bg-alt-hover:hover, +.style-orange-1 .comps .button--alt-accent-bg:hover, +.comps .style-orange-1 .button--alt-accent-bg:hover { + background-color: #344bfc; +} +.style-orange-1 .fill-alt .icon svg *, +.style-orange-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-orange-1 .button--alt-accent-outline .icon svg *, +.style-orange-1 .fill-alt .button__system_icon svg *, +.style-orange-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-orange-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #4d61fc; +} +.style-orange-1 .fill-alt-hover:hover .icon svg *, +.style-orange-1 .feature__link:hover .icon svg *, +.style-orange-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-orange-1 .feature__link:hover .button__system_icon svg * { + fill: #4d61fc; +} +.style-orange-2 .fill-bg { + fill: #e8c9c3; +} +.style-orange-2 .fill-bg-light, +.style-orange-2 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-orange-2 *, +.style-orange-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-orange-2 + *, +.style-orange-2 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-2 + *, +.style-orange-2 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-orange-2 + *, +.style-orange-2 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-2 + * { + fill: #fed7cb; +} +.style-orange-2 .stroke-light { + stroke: #fed7cb; +} +.style-orange-2 .fill-main, +.style-orange-2 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-orange-2 *, +.style-orange-2 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-orange-2 * { + fill: #d13a35; +} +.style-orange-2 .fill-secondary { + fill: #840500; +} +.style-orange-2 .color-secondary, +.style-orange-2 .cta_button-10__text { + color: #840500; +} +.style-orange-2 .stroke-main { + stroke: #d13a35; +} +.style-orange-2 .border-main, +.style-orange-2 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-orange-2 .img.img-border, +.style-orange-2 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-orange-2 .image-tool__image, +.style-orange-2 .comps .button--accent-outline, +.comps .style-orange-2 .button--accent-outline, +.style-orange-2 .text-input:focus, +.style-orange-2 .textarea:focus, +.style-orange-2 .store-button--white:hover, +.style-orange-2 .select:focus, +.style-orange-2 .pricing-02__card_box--accent, +.style-orange-2 .pricing-03__hover, +.style-orange-2 .pricing-04__card--accent, +.style-orange-2 .pricing-04__hover, +.style-orange-2 .pricing-05__hover, +.style-orange-2 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-orange-2 .cta_form-04__wrapper, +.style-orange-2 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-orange-2 .cta_form-04__wrapper, +.style-orange-2 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-orange-2 .cta_form-04__bottom, +.style-orange-2 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-orange-2 .cta_form-04__bottom, +.style-orange-2 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-orange-2 .cta_button-16__wrapper, +.style-orange-2 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-orange-2 .cta_button-16__wrapper, +.style-orange-2 .bg-medium-color .links-02__list, +.bg-medium-color .style-orange-2 .links-02__list, +.style-orange-2 .bg-light-color .links-02__list, +.bg-light-color .style-orange-2 .links-02__list, +.style-orange-2 .faq-01__question:hover, +.style-orange-2 .faq-03__question:hover, +.style-orange-2 .features-09__item--new, +.style-orange-2 .bg-medium-color .steps-01__number, +.bg-medium-color .style-orange-2 .steps-01__number, +.style-orange-2 .bg-light-color .steps-01__number, +.bg-light-color .style-orange-2 .steps-01__number { + border-color: #d13a35; +} +.style-orange-2 .color-main, +.style-orange-2 .link, +.style-orange-2 .feature__link, +.style-orange-2 .testimonials-03__person_link, +.style-orange-2 .faq-05__link, +.style-orange-2 .features-16__link, +.style-orange-2 .subheading, +.style-orange-2 .content_box a, +.content_box .style-orange-2 a, +.style-orange-2 .comps .button--accent-outline, +.comps .style-orange-2 .button--accent-outline, +.style-orange-2 .tab__button.state-active-tab, +.style-orange-2 .tab__button--active:focus, +.style-orange-2 .score__value, +.style-orange-2 .form__message_opener_box, +.style-orange-2 .message__bubble_link, +.style-orange-2 .team-05__person_name, +.style-orange-2 .tabs-04__button.state-active-tab, +.style-orange-2 .tabs-04__button--active:focus, +.style-orange-2 .pricing-02__hover, +.style-orange-2 .pricing-03__hover, +.style-orange-2 .pricing-04__hover, +.style-orange-2 .pricing-05__hover, +.style-orange-2 .cta_button-25__subheading, +.style-orange-2 .cta_button-31__heading, +.style-orange-2 .code-02__info_prefix, +.style-orange-2 .features-17__item .feature__title_text, +.features-17__item .style-orange-2 .feature__title_text { + color: #d13a35; +} +.style-orange-2 .color-main-hover:hover, +.style-orange-2 .link:hover, +.style-orange-2 .feature__link:hover, +.style-orange-2 .testimonials-03__person_link:hover, +.style-orange-2 .faq-05__link:hover, +.style-orange-2 .features-16__link:hover, +.style-orange-2 .message__bubble_link:hover { + color: #b82f2a; +} +.style-orange-2 .bg-main, +.style-orange-2 .content_box ul li:before, +.content_box ul .style-orange-2 li:before, +.style-orange-2 .comps .button--accent-bg, +.comps .style-orange-2 .button--accent-bg, +.style-orange-2 .store-button:hover, +.style-orange-2 .circle-button--accent-bg, +.style-orange-2 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-orange-2 .circle-button__hover_bg, +.style-orange-2 .circle-button--light-bg:hover, +.style-orange-2 .radio__check:before, +.style-orange-2 .checkbox__check:before, +.style-orange-2 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-orange-2 button, +.style-orange-2 .social-buttons__link--circle, +.style-orange-2 .roadmap-01__column, +.style-orange-2 .cta_button-25__item::before, +.style-orange-2 .testimonials-05__blue_box::before, +.style-orange-2 .features-02__number:before, +.style-orange-2 .features-09__item--new .tag, +.features-09__item--new .style-orange-2 .tag, +.style-orange-2 .features-15__item::before, +.style-orange-2 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-orange-2 .steps-01__list:before, +.style-orange-2 .bg-light-color .steps-01__list:before, +.bg-light-color .style-orange-2 .steps-01__list:before { + background-color: #d13a35; +} +.style-orange-2 .bg-light, +.style-orange-2 .heading__accent_word--accent:before, +.style-orange-2 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-orange-2 .image-tool__image, +.style-orange-2 .content_box .fig-img-bg, +.content_box .style-orange-2 .fig-img-bg, +.style-orange-2 .tab__button.state-active-tab, +.style-orange-2 .tab__button--active:focus, +.style-orange-2 .iconed-tab__button:hover, +.style-orange-2 .tabs-04__button.state-active-tab, +.style-orange-2 .tabs-04__button--active:focus, +.style-orange-2 .pricing-02__hover, +.style-orange-2 .pricing-03__hover, +.style-orange-2 .pricing-04__hover, +.style-orange-2 .pricing-05__hover, +.style-orange-2 .posts-04__item:hover, +.style-orange-2 .posts-04__item:focus, +.style-orange-2 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-orange-2 .faq-04__item--question, +.style-orange-2 .press-01__link:hover, +.style-orange-2 .press-02__link:hover, +.style-orange-2 .press-03__link:hover { + background-color: #fed7cb; +} +.style-orange-2 .bg-medium, +.style-orange-2 .content_box .cdx-marker, +.content_box .style-orange-2 .cdx-marker, +.style-orange-2 .tab__button:hover, +.style-orange-2 .iconed-tab__button.state-active-tab, +.style-orange-2 .circle-button--light-bg, +.style-orange-2 .score__stars, +.style-orange-2 .slick-dots button, +.slick-dots .style-orange-2 button, +.style-orange-2 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #f7dcc9; +} +.style-orange-2 .bg-medium-hover:hover, +.style-orange-2 .cta_button-10__link:hover { + background-color: #f7dcc9; +} +.style-orange-2 .bg-main-hover:hover, +.style-orange-2 .comps .button--accent-bg:hover, +.comps .style-orange-2 .button--accent-bg:hover, +.style-orange-2 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #c1312c; +} +.style-orange-2 .border-alt, +.style-orange-2 .comps .button--alt-accent-outline, +.comps .style-orange-2 .button--alt-accent-outline, +.style-orange-2 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-orange-2 .pricing-02__card_box--accent, +.style-orange-2 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-orange-2 .pricing-04__card--accent { + border-color: #4d61fc; +} +.style-orange-2 .color-alt, +.style-orange-2 .comps .button--alt-accent-outline, +.comps .style-orange-2 .button--alt-accent-outline { + color: #4d61fc; +} +.style-orange-2 .bg-alt, +.style-orange-2 .comps .button--alt-accent-bg, +.comps .style-orange-2 .button--alt-accent-bg, +.style-orange-2 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-orange-2 button { + background-color: #4d61fc; +} +.style-orange-2 .bg-alt-hover:hover, +.style-orange-2 .comps .button--alt-accent-bg:hover, +.comps .style-orange-2 .button--alt-accent-bg:hover { + background-color: #344bfc; +} +.style-orange-2 .fill-alt .icon svg *, +.style-orange-2 .comps .button--alt-accent-outline .icon svg *, +.comps .style-orange-2 .button--alt-accent-outline .icon svg *, +.style-orange-2 .fill-alt .button__system_icon svg *, +.style-orange-2 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-orange-2 .button--alt-accent-outline .button__system_icon svg * { + fill: #4d61fc; +} +.style-orange-2 .fill-alt-hover:hover .icon svg *, +.style-orange-2 .feature__link:hover .icon svg *, +.style-orange-2 .fill-alt-hover:hover .button__system_icon svg *, +.style-orange-2 .feature__link:hover .button__system_icon svg * { + fill: #4d61fc; +} +.style-black-1 .fill-bg { + fill: #dddccc; +} +.style-black-1 .fill-bg-light, +.style-black-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-black-1 *, +.style-black-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-black-1 + *, +.style-black-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-black-1 + *, +.style-black-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-black-1 + *, +.style-black-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-black-1 + * { + fill: #e8e8e8; +} +.style-black-1 .stroke-light { + stroke: #e8e8e8; +} +.style-black-1 .fill-main, +.style-black-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-black-1 *, +.style-black-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-black-1 * { + fill: #5e5e5e; +} +.style-black-1 .fill-secondary { + fill: #000; +} +.style-black-1 .color-secondary, +.style-black-1 .cta_button-10__text { + color: #000; +} +.style-black-1 .stroke-main { + stroke: #303030; +} +.style-black-1 .border-main, +.style-black-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-black-1 .img.img-border, +.style-black-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-black-1 .image-tool__image, +.style-black-1 .comps .button--accent-outline, +.comps .style-black-1 .button--accent-outline, +.style-black-1 .text-input:focus, +.style-black-1 .textarea:focus, +.style-black-1 .store-button--white:hover, +.style-black-1 .select:focus, +.style-black-1 .pricing-02__card_box--accent, +.style-black-1 .pricing-03__hover, +.style-black-1 .pricing-04__card--accent, +.style-black-1 .pricing-04__hover, +.style-black-1 .pricing-05__hover, +.style-black-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-black-1 .cta_form-04__wrapper, +.style-black-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-black-1 .cta_form-04__wrapper, +.style-black-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-black-1 .cta_form-04__bottom, +.style-black-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-black-1 .cta_form-04__bottom, +.style-black-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-black-1 .cta_button-16__wrapper, +.style-black-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-black-1 .cta_button-16__wrapper, +.style-black-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-black-1 .links-02__list, +.style-black-1 .bg-light-color .links-02__list, +.bg-light-color .style-black-1 .links-02__list, +.style-black-1 .faq-01__question:hover, +.style-black-1 .faq-03__question:hover, +.style-black-1 .features-09__item--new, +.style-black-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-black-1 .steps-01__number, +.style-black-1 .bg-light-color .steps-01__number, +.bg-light-color .style-black-1 .steps-01__number { + border-color: #303030; +} +.style-black-1 .color-main, +.style-black-1 .link, +.style-black-1 .feature__link, +.style-black-1 .testimonials-03__person_link, +.style-black-1 .faq-05__link, +.style-black-1 .features-16__link, +.style-black-1 .subheading, +.style-black-1 .content_box a, +.content_box .style-black-1 a, +.style-black-1 .comps .button--accent-outline, +.comps .style-black-1 .button--accent-outline, +.style-black-1 .tab__button.state-active-tab, +.style-black-1 .tab__button--active:focus, +.style-black-1 .score__value, +.style-black-1 .form__message_opener_box, +.style-black-1 .message__bubble_link, +.style-black-1 .team-05__person_name, +.style-black-1 .tabs-04__button.state-active-tab, +.style-black-1 .tabs-04__button--active:focus, +.style-black-1 .pricing-02__hover, +.style-black-1 .pricing-03__hover, +.style-black-1 .pricing-04__hover, +.style-black-1 .pricing-05__hover, +.style-black-1 .cta_button-25__subheading, +.style-black-1 .cta_button-31__heading, +.style-black-1 .code-02__info_prefix, +.style-black-1 .features-17__item .feature__title_text, +.features-17__item .style-black-1 .feature__title_text { + color: #303030; +} +.style-black-1 .color-main-hover:hover, +.style-black-1 .link:hover, +.style-black-1 .feature__link:hover, +.style-black-1 .testimonials-03__person_link:hover, +.style-black-1 .faq-05__link:hover, +.style-black-1 .features-16__link:hover, +.style-black-1 .message__bubble_link:hover { + color: #1e1e1e; +} +.style-black-1 .bg-main, +.style-black-1 .content_box ul li:before, +.content_box ul .style-black-1 li:before, +.style-black-1 .comps .button--accent-bg, +.comps .style-black-1 .button--accent-bg, +.style-black-1 .store-button:hover, +.style-black-1 .circle-button--accent-bg, +.style-black-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-black-1 .circle-button__hover_bg, +.style-black-1 .circle-button--light-bg:hover, +.style-black-1 .radio__check:before, +.style-black-1 .checkbox__check:before, +.style-black-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-black-1 button, +.style-black-1 .social-buttons__link--circle, +.style-black-1 .roadmap-01__column, +.style-black-1 .cta_button-25__item::before, +.style-black-1 .testimonials-05__blue_box::before, +.style-black-1 .features-02__number:before, +.style-black-1 .features-09__item--new .tag, +.features-09__item--new .style-black-1 .tag, +.style-black-1 .features-15__item::before, +.style-black-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-black-1 .steps-01__list:before, +.style-black-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-black-1 .steps-01__list:before { + background-color: #303030; +} +.style-black-1 .bg-light, +.style-black-1 .heading__accent_word--accent:before, +.style-black-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-black-1 .image-tool__image, +.style-black-1 .content_box .fig-img-bg, +.content_box .style-black-1 .fig-img-bg, +.style-black-1 .tab__button.state-active-tab, +.style-black-1 .tab__button--active:focus, +.style-black-1 .iconed-tab__button:hover, +.style-black-1 .tabs-04__button.state-active-tab, +.style-black-1 .tabs-04__button--active:focus, +.style-black-1 .pricing-02__hover, +.style-black-1 .pricing-03__hover, +.style-black-1 .pricing-04__hover, +.style-black-1 .pricing-05__hover, +.style-black-1 .posts-04__item:hover, +.style-black-1 .posts-04__item:focus, +.style-black-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-black-1 .faq-04__item--question, +.style-black-1 .press-01__link:hover, +.style-black-1 .press-02__link:hover, +.style-black-1 .press-03__link:hover { + background-color: #e8e8e8; +} +.style-black-1 .bg-medium, +.style-black-1 .content_box .cdx-marker, +.content_box .style-black-1 .cdx-marker, +.style-black-1 .tab__button:hover, +.style-black-1 .iconed-tab__button.state-active-tab, +.style-black-1 .circle-button--light-bg, +.style-black-1 .score__stars, +.style-black-1 .slick-dots button, +.slick-dots .style-black-1 button, +.style-black-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #dedede; +} +.style-black-1 .bg-medium-hover:hover, +.style-black-1 .cta_button-10__link:hover { + background-color: #dedede; +} +.style-black-1 .bg-main-hover:hover, +.style-black-1 .comps .button--accent-bg:hover, +.comps .style-black-1 .button--accent-bg:hover, +.style-black-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #232323; +} +.style-black-1 .border-alt, +.style-black-1 .comps .button--alt-accent-outline, +.comps .style-black-1 .button--alt-accent-outline, +.style-black-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-black-1 .pricing-02__card_box--accent, +.style-black-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-black-1 .pricing-04__card--accent { + border-color: #4d61fc; +} +.style-black-1 .color-alt, +.style-black-1 .comps .button--alt-accent-outline, +.comps .style-black-1 .button--alt-accent-outline { + color: #4d61fc; +} +.style-black-1 .bg-alt, +.style-black-1 .comps .button--alt-accent-bg, +.comps .style-black-1 .button--alt-accent-bg, +.style-black-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-black-1 button { + background-color: #4d61fc; +} +.style-black-1 .bg-alt-hover:hover, +.style-black-1 .comps .button--alt-accent-bg:hover, +.comps .style-black-1 .button--alt-accent-bg:hover { + background-color: #344bfc; +} +.style-black-1 .fill-alt .icon svg *, +.style-black-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-black-1 .button--alt-accent-outline .icon svg *, +.style-black-1 .fill-alt .button__system_icon svg *, +.style-black-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-black-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #4d61fc; +} +.style-black-1 .fill-alt-hover:hover .icon svg *, +.style-black-1 .feature__link:hover .icon svg *, +.style-black-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-black-1 .feature__link:hover .button__system_icon svg * { + fill: #4d61fc; +} +.style-orange-3 .fill-bg { + fill: #e8c9c3; +} +.style-orange-3 .fill-bg-light, +.style-orange-3 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-orange-3 *, +.style-orange-3 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-orange-3 + *, +.style-orange-3 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-3 + *, +.style-orange-3 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-orange-3 + *, +.style-orange-3 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-orange-3 + * { + fill: #fed7cb; +} +.style-orange-3 .stroke-light { + stroke: #fed7cb; +} +.style-orange-3 .fill-main, +.style-orange-3 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-orange-3 *, +.style-orange-3 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-orange-3 * { + fill: #fb5168; +} +.style-orange-3 .fill-secondary { + fill: #840500; +} +.style-orange-3 .color-secondary, +.style-orange-3 .cta_button-10__text { + color: #840500; +} +.style-orange-3 .stroke-main { + stroke: #fb5168; +} +.style-orange-3 .border-main, +.style-orange-3 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-orange-3 .img.img-border, +.style-orange-3 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-orange-3 .image-tool__image, +.style-orange-3 .comps .button--accent-outline, +.comps .style-orange-3 .button--accent-outline, +.style-orange-3 .text-input:focus, +.style-orange-3 .textarea:focus, +.style-orange-3 .store-button--white:hover, +.style-orange-3 .select:focus, +.style-orange-3 .pricing-02__card_box--accent, +.style-orange-3 .pricing-03__hover, +.style-orange-3 .pricing-04__card--accent, +.style-orange-3 .pricing-04__hover, +.style-orange-3 .pricing-05__hover, +.style-orange-3 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-orange-3 .cta_form-04__wrapper, +.style-orange-3 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-orange-3 .cta_form-04__wrapper, +.style-orange-3 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-orange-3 .cta_form-04__bottom, +.style-orange-3 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-orange-3 .cta_form-04__bottom, +.style-orange-3 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-orange-3 .cta_button-16__wrapper, +.style-orange-3 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-orange-3 .cta_button-16__wrapper, +.style-orange-3 .bg-medium-color .links-02__list, +.bg-medium-color .style-orange-3 .links-02__list, +.style-orange-3 .bg-light-color .links-02__list, +.bg-light-color .style-orange-3 .links-02__list, +.style-orange-3 .faq-01__question:hover, +.style-orange-3 .faq-03__question:hover, +.style-orange-3 .features-09__item--new, +.style-orange-3 .bg-medium-color .steps-01__number, +.bg-medium-color .style-orange-3 .steps-01__number, +.style-orange-3 .bg-light-color .steps-01__number, +.bg-light-color .style-orange-3 .steps-01__number { + border-color: #fb5168; +} +.style-orange-3 .color-main, +.style-orange-3 .link, +.style-orange-3 .feature__link, +.style-orange-3 .testimonials-03__person_link, +.style-orange-3 .faq-05__link, +.style-orange-3 .features-16__link, +.style-orange-3 .subheading, +.style-orange-3 .content_box a, +.content_box .style-orange-3 a, +.style-orange-3 .comps .button--accent-outline, +.comps .style-orange-3 .button--accent-outline, +.style-orange-3 .tab__button.state-active-tab, +.style-orange-3 .tab__button--active:focus, +.style-orange-3 .score__value, +.style-orange-3 .form__message_opener_box, +.style-orange-3 .message__bubble_link, +.style-orange-3 .team-05__person_name, +.style-orange-3 .tabs-04__button.state-active-tab, +.style-orange-3 .tabs-04__button--active:focus, +.style-orange-3 .pricing-02__hover, +.style-orange-3 .pricing-03__hover, +.style-orange-3 .pricing-04__hover, +.style-orange-3 .pricing-05__hover, +.style-orange-3 .cta_button-25__subheading, +.style-orange-3 .cta_button-31__heading, +.style-orange-3 .code-02__info_prefix, +.style-orange-3 .features-17__item .feature__title_text, +.features-17__item .style-orange-3 .feature__title_text { + color: #fb5168; +} +.style-orange-3 .color-main-hover:hover, +.style-orange-3 .link:hover, +.style-orange-3 .feature__link:hover, +.style-orange-3 .testimonials-03__person_link:hover, +.style-orange-3 .faq-05__link:hover, +.style-orange-3 .features-16__link:hover, +.style-orange-3 .message__bubble_link:hover { + color: #fa2e4a; +} +.style-orange-3 .bg-main, +.style-orange-3 .content_box ul li:before, +.content_box ul .style-orange-3 li:before, +.style-orange-3 .comps .button--accent-bg, +.comps .style-orange-3 .button--accent-bg, +.style-orange-3 .store-button:hover, +.style-orange-3 .circle-button--accent-bg, +.style-orange-3 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-orange-3 .circle-button__hover_bg, +.style-orange-3 .circle-button--light-bg:hover, +.style-orange-3 .radio__check:before, +.style-orange-3 .checkbox__check:before, +.style-orange-3 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-orange-3 button, +.style-orange-3 .social-buttons__link--circle, +.style-orange-3 .roadmap-01__column, +.style-orange-3 .cta_button-25__item::before, +.style-orange-3 .testimonials-05__blue_box::before, +.style-orange-3 .features-02__number:before, +.style-orange-3 .features-09__item--new .tag, +.features-09__item--new .style-orange-3 .tag, +.style-orange-3 .features-15__item::before, +.style-orange-3 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-orange-3 .steps-01__list:before, +.style-orange-3 .bg-light-color .steps-01__list:before, +.bg-light-color .style-orange-3 .steps-01__list:before { + background-color: #fb5168; +} +.style-orange-3 .bg-light, +.style-orange-3 .heading__accent_word--accent:before, +.style-orange-3 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-orange-3 .image-tool__image, +.style-orange-3 .content_box .fig-img-bg, +.content_box .style-orange-3 .fig-img-bg, +.style-orange-3 .tab__button.state-active-tab, +.style-orange-3 .tab__button--active:focus, +.style-orange-3 .iconed-tab__button:hover, +.style-orange-3 .tabs-04__button.state-active-tab, +.style-orange-3 .tabs-04__button--active:focus, +.style-orange-3 .pricing-02__hover, +.style-orange-3 .pricing-03__hover, +.style-orange-3 .pricing-04__hover, +.style-orange-3 .pricing-05__hover, +.style-orange-3 .posts-04__item:hover, +.style-orange-3 .posts-04__item:focus, +.style-orange-3 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-orange-3 .faq-04__item--question, +.style-orange-3 .press-01__link:hover, +.style-orange-3 .press-02__link:hover, +.style-orange-3 .press-03__link:hover { + background-color: #fed7cb; +} +.style-orange-3 .bg-medium, +.style-orange-3 .content_box .cdx-marker, +.content_box .style-orange-3 .cdx-marker, +.style-orange-3 .tab__button:hover, +.style-orange-3 .iconed-tab__button.state-active-tab, +.style-orange-3 .circle-button--light-bg, +.style-orange-3 .score__stars, +.style-orange-3 .slick-dots button, +.slick-dots .style-orange-3 button, +.style-orange-3 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #f7dcc9; +} +.style-orange-3 .bg-medium-hover:hover, +.style-orange-3 .cta_button-10__link:hover { + background-color: #f7dcc9; +} +.style-orange-3 .bg-main-hover:hover, +.style-orange-3 .comps .button--accent-bg:hover, +.comps .style-orange-3 .button--accent-bg:hover, +.style-orange-3 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #fa3852; +} +.style-orange-3 .border-alt, +.style-orange-3 .comps .button--alt-accent-outline, +.comps .style-orange-3 .button--alt-accent-outline, +.style-orange-3 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-orange-3 .pricing-02__card_box--accent, +.style-orange-3 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-orange-3 .pricing-04__card--accent { + border-color: #4d61fc; +} +.style-orange-3 .color-alt, +.style-orange-3 .comps .button--alt-accent-outline, +.comps .style-orange-3 .button--alt-accent-outline { + color: #4d61fc; +} +.style-orange-3 .bg-alt, +.style-orange-3 .comps .button--alt-accent-bg, +.comps .style-orange-3 .button--alt-accent-bg, +.style-orange-3 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-orange-3 button { + background-color: #4d61fc; +} +.style-orange-3 .bg-alt-hover:hover, +.style-orange-3 .comps .button--alt-accent-bg:hover, +.comps .style-orange-3 .button--alt-accent-bg:hover { + background-color: #344bfc; +} +.style-orange-3 .fill-alt .icon svg *, +.style-orange-3 .comps .button--alt-accent-outline .icon svg *, +.comps .style-orange-3 .button--alt-accent-outline .icon svg *, +.style-orange-3 .fill-alt .button__system_icon svg *, +.style-orange-3 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-orange-3 .button--alt-accent-outline .button__system_icon svg * { + fill: #4d61fc; +} +.style-orange-3 .fill-alt-hover:hover .icon svg *, +.style-orange-3 .feature__link:hover .icon svg *, +.style-orange-3 .fill-alt-hover:hover .button__system_icon svg *, +.style-orange-3 .feature__link:hover .button__system_icon svg * { + fill: #4d61fc; +} +.style-yellow-1 .fill-bg { + fill: #fffce2; +} +.style-yellow-1 .fill-bg-light, +.style-yellow-1 .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .style-yellow-1 *, +.style-yellow-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .style-yellow-1 + *, +.style-yellow-1 + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-yellow-1 + *, +.style-yellow-1 + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .style-yellow-1 + *, +.style-yellow-1 + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .style-yellow-1 + * { + fill: #fffce2; +} +.style-yellow-1 .stroke-light { + stroke: #fffce2; +} +.style-yellow-1 .fill-main, +.style-yellow-1 .button--accent-outline .icon svg *, +.button--accent-outline .icon svg .style-yellow-1 *, +.style-yellow-1 .button--accent-outline .button__system_icon svg *, +.button--accent-outline .button__system_icon svg .style-yellow-1 * { + fill: #fbd92d; +} +.style-yellow-1 .fill-secondary { + fill: #efbe32; +} +.style-yellow-1 .color-secondary, +.style-yellow-1 .cta_button-10__text { + color: #efbe32; +} +.style-yellow-1 .stroke-main { + stroke: #fbd92d; +} +.style-yellow-1 .border-main, +.style-yellow-1 .content_box .fig-img .img.img-border, +.content_box .fig-img .style-yellow-1 .img.img-border, +.style-yellow-1 .content_box .image-tool--withBorder .image-tool__image, +.content_box .image-tool--withBorder .style-yellow-1 .image-tool__image, +.style-yellow-1 .comps .button--accent-outline, +.comps .style-yellow-1 .button--accent-outline, +.style-yellow-1 .text-input:focus, +.style-yellow-1 .textarea:focus, +.style-yellow-1 .store-button--white:hover, +.style-yellow-1 .select:focus, +.style-yellow-1 .pricing-02__card_box--accent, +.style-yellow-1 .pricing-03__hover, +.style-yellow-1 .pricing-04__card--accent, +.style-yellow-1 .pricing-04__hover, +.style-yellow-1 .pricing-05__hover, +.style-yellow-1 .bg-medium-color .cta_form-04__wrapper, +.bg-medium-color .style-yellow-1 .cta_form-04__wrapper, +.style-yellow-1 .bg-light-color .cta_form-04__wrapper, +.bg-light-color .style-yellow-1 .cta_form-04__wrapper, +.style-yellow-1 .bg-medium-color .cta_form-04__bottom, +.bg-medium-color .style-yellow-1 .cta_form-04__bottom, +.style-yellow-1 .bg-light-color .cta_form-04__bottom, +.bg-light-color .style-yellow-1 .cta_form-04__bottom, +.style-yellow-1 .bg-medium-color .cta_button-16__wrapper, +.bg-medium-color .style-yellow-1 .cta_button-16__wrapper, +.style-yellow-1 .bg-light-color .cta_button-16__wrapper, +.bg-light-color .style-yellow-1 .cta_button-16__wrapper, +.style-yellow-1 .bg-medium-color .links-02__list, +.bg-medium-color .style-yellow-1 .links-02__list, +.style-yellow-1 .bg-light-color .links-02__list, +.bg-light-color .style-yellow-1 .links-02__list, +.style-yellow-1 .faq-01__question:hover, +.style-yellow-1 .faq-03__question:hover, +.style-yellow-1 .features-09__item--new, +.style-yellow-1 .bg-medium-color .steps-01__number, +.bg-medium-color .style-yellow-1 .steps-01__number, +.style-yellow-1 .bg-light-color .steps-01__number, +.bg-light-color .style-yellow-1 .steps-01__number { + border-color: #fbd92d; +} +.style-yellow-1 .color-main, +.style-yellow-1 .link, +.style-yellow-1 .feature__link, +.style-yellow-1 .testimonials-03__person_link, +.style-yellow-1 .faq-05__link, +.style-yellow-1 .features-16__link, +.style-yellow-1 .subheading, +.style-yellow-1 .content_box a, +.content_box .style-yellow-1 a, +.style-yellow-1 .comps .button--accent-outline, +.comps .style-yellow-1 .button--accent-outline, +.style-yellow-1 .tab__button.state-active-tab, +.style-yellow-1 .tab__button--active:focus, +.style-yellow-1 .score__value, +.style-yellow-1 .form__message_opener_box, +.style-yellow-1 .message__bubble_link, +.style-yellow-1 .team-05__person_name, +.style-yellow-1 .tabs-04__button.state-active-tab, +.style-yellow-1 .tabs-04__button--active:focus, +.style-yellow-1 .pricing-02__hover, +.style-yellow-1 .pricing-03__hover, +.style-yellow-1 .pricing-04__hover, +.style-yellow-1 .pricing-05__hover, +.style-yellow-1 .cta_button-25__subheading, +.style-yellow-1 .cta_button-31__heading, +.style-yellow-1 .code-02__info_prefix, +.style-yellow-1 .features-17__item .feature__title_text, +.features-17__item .style-yellow-1 .feature__title_text { + color: #fbd92d; +} +.style-yellow-1 .color-main-hover:hover, +.style-yellow-1 .link:hover, +.style-yellow-1 .feature__link:hover, +.style-yellow-1 .testimonials-03__person_link:hover, +.style-yellow-1 .faq-05__link:hover, +.style-yellow-1 .features-16__link:hover, +.style-yellow-1 .message__bubble_link:hover { + color: #fad30a; +} +.style-yellow-1 .bg-main, +.style-yellow-1 .content_box ul li:before, +.content_box ul .style-yellow-1 li:before, +.style-yellow-1 .comps .button--accent-bg, +.comps .style-yellow-1 .button--accent-bg, +.style-yellow-1 .store-button:hover, +.style-yellow-1 .circle-button--accent-bg, +.style-yellow-1 .circle-button--accent-bg .circle-button__hover_bg, +.circle-button--accent-bg .style-yellow-1 .circle-button__hover_bg, +.style-yellow-1 .circle-button--light-bg:hover, +.style-yellow-1 .radio__check:before, +.style-yellow-1 .checkbox__check:before, +.style-yellow-1 .slick-dots li.slick-active button, +.slick-dots li.slick-active .style-yellow-1 button, +.style-yellow-1 .social-buttons__link--circle, +.style-yellow-1 .roadmap-01__column, +.style-yellow-1 .cta_button-25__item::before, +.style-yellow-1 .testimonials-05__blue_box::before, +.style-yellow-1 .features-02__number:before, +.style-yellow-1 .features-09__item--new .tag, +.features-09__item--new .style-yellow-1 .tag, +.style-yellow-1 .features-15__item::before, +.style-yellow-1 .bg-medium-color .steps-01__list:before, +.bg-medium-color .style-yellow-1 .steps-01__list:before, +.style-yellow-1 .bg-light-color .steps-01__list:before, +.bg-light-color .style-yellow-1 .steps-01__list:before { + background-color: #fbd92d; +} +.style-yellow-1 .bg-light, +.style-yellow-1 .heading__accent_word--accent:before, +.style-yellow-1 .content_box .image-tool--withBackground .image-tool__image, +.content_box .image-tool--withBackground .style-yellow-1 .image-tool__image, +.style-yellow-1 .content_box .fig-img-bg, +.content_box .style-yellow-1 .fig-img-bg, +.style-yellow-1 .tab__button.state-active-tab, +.style-yellow-1 .tab__button--active:focus, +.style-yellow-1 .iconed-tab__button:hover, +.style-yellow-1 .tabs-04__button.state-active-tab, +.style-yellow-1 .tabs-04__button--active:focus, +.style-yellow-1 .pricing-02__hover, +.style-yellow-1 .pricing-03__hover, +.style-yellow-1 .pricing-04__hover, +.style-yellow-1 .pricing-05__hover, +.style-yellow-1 .posts-04__item:hover, +.style-yellow-1 .posts-04__item:focus, +.style-yellow-1 .faq-04__list--smaller .faq-04__item--question, +.faq-04__list--smaller .style-yellow-1 .faq-04__item--question, +.style-yellow-1 .press-01__link:hover, +.style-yellow-1 .press-02__link:hover, +.style-yellow-1 .press-03__link:hover { + background-color: #fffce2; +} +.style-yellow-1 .bg-medium, +.style-yellow-1 .content_box .cdx-marker, +.content_box .style-yellow-1 .cdx-marker, +.style-yellow-1 .tab__button:hover, +.style-yellow-1 .iconed-tab__button.state-active-tab, +.style-yellow-1 .circle-button--light-bg, +.style-yellow-1 .score__stars, +.style-yellow-1 .slick-dots button, +.slick-dots .style-yellow-1 button, +.style-yellow-1 .tabs-04__button:hover:not(.state-active-tab) { + background-color: #fbefa7; +} +.style-yellow-1 .bg-medium-hover:hover, +.style-yellow-1 .cta_button-10__link:hover { + background-color: #fbefa7; +} +.style-yellow-1 .bg-main-hover:hover, +.style-yellow-1 .comps .button--accent-bg:hover, +.comps .style-yellow-1 .button--accent-bg:hover, +.style-yellow-1 .checkbox__input:checked:hover ~ .checkbox__check:hover:before { + background-color: #fbd414; +} +.style-yellow-1 .border-alt, +.style-yellow-1 .comps .button--alt-accent-outline, +.comps .style-yellow-1 .button--alt-accent-outline, +.style-yellow-1 .bg-accent-color .pricing-02__card_box--accent, +.bg-accent-color .style-yellow-1 .pricing-02__card_box--accent, +.style-yellow-1 .bg-accent-color .pricing-04__card--accent, +.bg-accent-color .style-yellow-1 .pricing-04__card--accent { + border-color: #4d61fc; +} +.style-yellow-1 .color-alt, +.style-yellow-1 .comps .button--alt-accent-outline, +.comps .style-yellow-1 .button--alt-accent-outline { + color: #4d61fc; +} +.style-yellow-1 .bg-alt, +.style-yellow-1 .comps .button--alt-accent-bg, +.comps .style-yellow-1 .button--alt-accent-bg, +.style-yellow-1 .bg-accent-color .slick-dots li.slick-active button, +.bg-accent-color .slick-dots li.slick-active .style-yellow-1 button { + background-color: #4d61fc; +} +.style-yellow-1 .bg-alt-hover:hover, +.style-yellow-1 .comps .button--alt-accent-bg:hover, +.comps .style-yellow-1 .button--alt-accent-bg:hover { + background-color: #344bfc; +} +.style-yellow-1 .fill-alt .icon svg *, +.style-yellow-1 .comps .button--alt-accent-outline .icon svg *, +.comps .style-yellow-1 .button--alt-accent-outline .icon svg *, +.style-yellow-1 .fill-alt .button__system_icon svg *, +.style-yellow-1 .comps .button--alt-accent-outline .button__system_icon svg *, +.comps .style-yellow-1 .button--alt-accent-outline .button__system_icon svg * { + fill: #4d61fc; +} +.style-yellow-1 .fill-alt-hover:hover .icon svg *, +.style-yellow-1 .feature__link:hover .icon svg *, +.style-yellow-1 .fill-alt-hover:hover .button__system_icon svg *, +.style-yellow-1 .feature__link:hover .button__system_icon svg * { + fill: #4d61fc; +} +.bg-light-color .fill-bg-light, +.bg-light-color .bg-accent-color .cta_button-28__check .fill-main *, +.bg-accent-color .cta_button-28__check .fill-main .bg-light-color *, +.bg-light-color + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + .bg-light-color + *, +.bg-light-color + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + .bg-light-color + *, +.bg-light-color + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .bg-light-color + *, +.bg-light-color + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .bg-light-color + * { + fill: rgba(255, 255, 255, 0.8); +} +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} +html .comps { + height: 100%; + font-size: 16px; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; +} +body { + background-color: white; + -webkit-font-smoothing: antialiased; + color: #3d3d3d; +} +body.state-fixed-body { + overflow: hidden; +} +.live_website body.state-fixed-body_popup { + overflow: hidden; +} +.custom_fonts * { + font-family: 'Lato', Helvetica, sans-serif; +} +.custom_fonts .font-lato * { + font-family: 'Lato', sans-serif !important; +} +.custom_fonts .font-work-sans * { + font-family: 'Work Sans', sans-serif !important; +} +.custom_fonts .font-source-code-pro * { + font-family: 'Source Code Pro', monospace !important; +} +.comps p { + margin-bottom: 1em; + margin-top: 1em; + line-height: 1.6; +} +[tabindex='-1']:focus { + outline: 0 !important; +} +.cta_bottom_info { + font-size: 0.8em; + color: #828282; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +strong, +b { + font-weight: 700; +} +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +button, +input { + border: none; + background: none; + overflow: visible; +} +button { + border-radius: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 0.5em; + margin-top: 0.5em; + font-weight: 700; + line-height: 1.3; + color: #303030; +} +button:focus, +input:focus, +textarea:focus { + outline: none; +} +.container { + margin-right: auto; + margin-left: auto; + padding: 0 15px; + max-width: 1080px; +} +.container:after { + content: ' '; + visibility: hidden; + display: block; + height: 0; + clear: both; +} +.container--xsmall { + max-width: 400px; +} +.container--small { + max-width: 550px; +} +.container--premid { + max-width: 750px; +} +.container--mid { + max-width: 900px; +} +.container--large { + max-width: 1200px; +} +.container--xlarge { + max-width: 1600px; +} +.container--max { + max-width: 100%; +} +header { + position: relative; + z-index: 50; +} +.link, +.feature__link, +.testimonials-03__person_link, +.faq-05__link, +.features-16__link { + transition: color 0.2s ease; +} +.style-yellow-1:not(.custom-colors-enabled) .link, +.style-yellow-1:not(.custom-colors-enabled) .feature__link, +.style-yellow-1:not(.custom-colors-enabled) .testimonials-03__person_link, +.style-yellow-1:not(.custom-colors-enabled) .faq-05__link, +.style-yellow-1:not(.custom-colors-enabled) .features-16__link { + color: #efbe32; +} +.custom-colors-enabled.custom-accent-color-bright .link, +.custom-colors-enabled.custom-accent-color-bright .feature__link, +.custom-colors-enabled.custom-accent-color-bright .testimonials-03__person_link, +.custom-colors-enabled.custom-accent-color-bright .faq-05__link, +.custom-colors-enabled.custom-accent-color-bright .features-16__link { + color: #303030; +} +.custom-colors-enabled.custom-accent-color-bright .link:hover, +.custom-colors-enabled.custom-accent-color-bright .feature__link:hover, +.custom-colors-enabled.custom-accent-color-bright + .testimonials-03__person_link:hover, +.custom-colors-enabled.custom-accent-color-bright .faq-05__link:hover, +.custom-colors-enabled.custom-accent-color-bright .features-16__link:hover { + color: #303030; +} +pre { + line-height: 1.5; +} +.heading, +.text--04__big_text { + font-size: 2em; +} +@media (max-width: 768px) { + .heading, + .text--04__big_text { + font-size: 1.7em; + } +} +@media (max-width: 500px) { + .heading, + .text--04__big_text { + font-size: 1.5em; + } +} +.heading--light { + font-weight: 300; +} +.heading--big { + font-size: 2.5em; +} +@media (max-width: 768px) { + .heading--big { + font-size: 2.2em; + } +} +@media (max-width: 500px) { + .heading--big { + font-size: 1.8em; + } +} +.heading--accent, +.text--04__big_text { + font-size: 3em; +} +@media (max-width: 768px) { + .heading--accent, + .text--04__big_text { + font-size: 2.5em; + } +} +@media (max-width: 500px) { + .heading--accent, + .text--04__big_text { + font-size: 2em; + } +} +.heading__accent_word { + position: relative; +} +.heading__accent_word:before { + content: ''; + position: absolute; + z-index: -1; + left: -7px; + right: -7px; + bottom: -2px; + top: -2px; + transform: rotate(-1deg) scaleX(0); + transition: transform 0.7s cubic-bezier(0.77, 0.31, 0, 0.975); + transform-origin: left center; +} +.heading__accent_word.state-active:before { + transform: rotate(-1deg) scaleX(1); +} +.heading__accent_word--white:before { + background-color: rgba(255, 255, 255, 0.1); +} +.heading__opaque_word { + opacity: 0.5; +} +.subheading { + text-transform: uppercase; + font-size: 12px; + font-weight: 700; + line-height: 1.4; +} +.text, +.pricing-04__item_text, +.pricing-05__item_text, +.features-05__item_text { + line-height: 1.4; +} +.smaller-text-09 { + font-size: 0.9em; +} +.smaller-text-08 { + font-size: 0.8em; +} +.smaller-text-07 { + font-size: 0.7em; +} +.smaller-text-06 { + font-size: 0.6em; +} +.smaller-text-05 { + font-size: 0.5em; +} +.smaller-text-04 { + font-size: 0.4em; +} +.smaller-text-03 { + font-size: 0.3em; +} +.smaller-text-02 { + font-size: 0.2em; +} +.white-text, +.text-white { + color: white; +} +.white-text a, +.white-text a:hover, +.white-text a:focus, +.white-text a:visited, +.white-text a:active, +.text-white a, +.text-white a:hover, +.text-white a:focus, +.text-white a:visited, +.text-white a:active { + color: inherit; +} +.text-center, +.center-text { + text-align: center; +} +.bottom_cta { + text-align: center; +} +.bottom_cta .buttons-set { + margin-top: 40px; +} +.nav-02__box .button--empty .icon { + display: none !important; +} +.comps .slider_with_dots_inside { + padding-bottom: 100px; +} +.comps .slider_with_dots_inside .bottom_cta .buttons-set { + margin-top: 110px; +} +.comps .slider_with_dots_inside .slick-dots { + text-align: center; +} +.popup { + display: none; + text-align: center; + line-height: 1.4; +} +.popup__icon { + display: block; + margin: auto auto 30px; + height: 30px; +} +@media (min-width: 901px) { + .first_component .first_component_padding, + .first_component .header-01, + .first_component .header-09__container, + .first_component .header-29__container { + padding-top: 130px; + } +} +@media (min-width: 1200px) { + .first_component .first_component_padding, + .first_component .header-01, + .first_component .header-09__container, + .first_component .header-29__container { + padding-top: 140px; + } +} +.content_box:not(.blog-editor__content_box) span { + font-size: inherit !important; + background-color: inherit !important; + font-family: inherit !important; +} +.content_box:not(.blog-editor__content_box) + span:not([class^='hljs-']):not([class^='pl-']):not(.button__text) { + color: inherit !important; +} +.content_box:not(.rdw-editor-main) li { + margin-left: 0 !important; +} +.content_box { + line-height: 1.6; +} +.content_box ul, +.content_box ol { + padding-left: 1em; +} +.content_box ul { + list-style: none; + padding-left: 0; +} +.content_box h2, +.content_box h3, +.content_box h4, +.content_box h5, +.content_box h6 { + margin-top: 0.5em; + margin-bottom: 0.5em; + padding-bottom: 0; +} +.content_box h2 { + font-size: 1.4em; +} +.content_box h3 { + font-size: 1.2em; +} +.content_box h4 { + font-size: 1em; +} +.content_box code:not(.inline-code), +.content_box .ce-code__textarea { + background: #282a36; + padding: 1em 1.5em; +} +.content_box .content_box code:not(.inline-code):not(.hljs), +.content_box .content_box .ce-code__textarea:not(.hljs) { + color: white; +} +.custom_fonts .content_box code, +.custom_fonts .content_box code span, +.content_box .ce-code__textarea, +.content_box code, +.content_box code span { + font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', + 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', + 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, + monospace !important; + border-radius: 4px; + overflow: auto; +} +.custom_fonts .content_box code:not(.inline-code), +.content_box .ce-code__textarea, +.content_box code:not(.inline-code) { + display: block; + font-size: 0.85em; +} +.content_box figure { + max-width: 1060px; + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.content_box figure img:not(.emoji) { + max-width: 100%; +} +.content_box table { + max-width: 1060px; +} +.content_box table td { + border: 1px solid #dbdbe2; + padding: 0; +} +.content_box table tr:last-child td { + border-bottom: none; +} +.content_box .fig-img .img.img-border { + border-width: 2px; + border-style: solid; + border-radius: 4px; + padding: 20px; +} +.content_box .image-tool--withBorder .image-tool__image { + border-width: 2px; + border-style: solid; + border-radius: 4px; + padding: 20px; +} +.content_box .img-fullwidth { + width: 100%; +} +.content_box .img-bg:not(.emoji) { + max-width: 60%; + margin: 0 auto; +} +.content_box .fig-img-bg { + padding: 15px; +} +.content_box .fig-img-bg, +.content_box .image-tool__image { + border-radius: 4px; +} +.content_box .image-tool__image-picture { + margin: auto; +} +.content_box .img-fullwidth { + width: 100%; +} +.content_box .embed-youtube { + width: 100%; + height: 320px; +} +.content_box .embed { + width: 100%; +} +.content_box figcaption { + max-width: 300px; + width: 100%; + margin-top: 20px; + color: #bdbdbd; + text-align: center; +} +.content_box blockquote { + padding-left: 20px; + border-left: 3px solid #f0f0f0; +} +.content_box ul li { + position: relative; +} +.content_box ul li:before { + content: ''; + height: 3px; + border-radius: 50%; + width: 3px; + vertical-align: middle; + display: inline-block; + margin-right: 0.7em; + box-shadow: 0 1px 6px 0 #32bdb3; +} +.style-purple-1 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #943bdc; +} +.style-purple-2 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #943bdc; +} +.style-orange-1 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #fd3f0f; +} +.style-orange-2 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #fd3f0f; +} +.style-orange-3 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #fd3f0f; +} +.style-yellow-1 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #fbd92d; + background-color: #000; +} +.style-black-1 .content_box ul li:before { + box-shadow: 0 1px 6px 0 #000; +} +.content_box .text-white ul li:before, +.content_box .white-text ul li:before, +.content_box.text-white ul li:before, +.content_box.white-text ul li:before { + background-color: white; +} +.content_box p, +.content_box ul, +.content_box ol, +.content_box img:not(.checkbox__icon), +.content_box table, +.content_box iframe, +.content_box figure, +.content_box blockquote, +.content_box code { + margin-bottom: 1em; + margin-top: 1em; + line-height: 1.6; +} +.content_box iframe { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 1060px; +} +.content_box p:first-child { + margin-top: 0; +} +.content_box p:last-child { + margin-bottom: 0; +} +.content_box a { + text-decoration: underline; +} +.style-yellow-1:not(.custom-colors-enabled) .content_box a { + color: #efbe32; +} +.style-yellow-1:not(.custom-colors-enabled) .bg-accent-color .content_box a { + color: #303030; +} +.custom-colors-enabled.custom-accent-color-bright .content_box a { + color: #303030; +} +.content_box.text-white h1, +.content_box.text-white h2, +.content_box.text-white h3, +.content_box.text-white h4, +.content_box.text-white h5, +.content_box.text-white h6, +.content_box.text-white a, +.content_box.white-text h1, +.content_box.white-text h2, +.content_box.white-text h3, +.content_box.white-text h4, +.content_box.white-text h5, +.content_box.white-text h6, +.content_box.white-text a, +.text-white .content_box h1, +.text-white .content_box h2, +.text-white .content_box h3, +.text-white .content_box h4, +.text-white .content_box h5, +.text-white .content_box h6, +.text-white .content_box a, +.white-text .content_box h1, +.white-text .content_box h2, +.white-text .content_box h3, +.white-text .content_box h4, +.white-text .content_box h5, +.white-text .content_box h6, +.white-text .content_box a, +.content_box .text-white h1, +.content_box .text-white h2, +.content_box .text-white h3, +.content_box .text-white h4, +.content_box .text-white h5, +.content_box .text-white h6, +.content_box .text-white a, +.content_box .white-text h1, +.content_box .white-text h2, +.content_box .white-text h3, +.content_box .white-text h4, +.content_box .white-text h5, +.content_box .white-text h6, +.content_box .white-text a { + color: white !important; +} +.content_box--blog p, +.content_box--blog ul, +.content_box--blog ol { + margin-bottom: 0.7em; + margin-top: 0.7em; +} +.content_box--blog-slatejs figcaption { + display: none; +} +.content_box--blog-slatejs code, +.ce-code__textarea, +.content_box code:not(.hljs):not(.inline-code), +.content_box--blog-plain_html code { + color: white; +} +.inline-code { + background: rgba(250, 239, 240, 0.78); + color: #b44437; + padding: 3px 4px; + border-radius: 5px; + margin: 0 1px; + font-family: inherit; + font-size: 0.86em; + font-weight: 500; + letter-spacing: 0.3px; +} +.content_box--blog ul li:not(.ce-toolbox__button):not(.cdx-list__item) { + margin-top: 0.3em; + margin-bottom: 0.3em; + display: inline-block; + width: 100%; +} +.content_box--blog ol li { + margin-top: 0.3em; + margin-bottom: 0.3em; +} +.post-body > *:not(figure):not(iframe):not(.embed) { + width: 100%; + max-width: 680px; +} +.page-component__bg_image_box + .page-component__bg_image_box + .page-component__bg_overlay_box { + position: relative; +} +body .page-component__bg_overlay_box { + position: absolute; +} +.page-component__wrapper { + position: relative; +} +.js-lightbox-single-image { + cursor: zoom-in; +} +.hidden-on-desktops.hidden-on-tablets.hidden-on-phones { + display: none; +} +.body--desktop .hidden-on-desktops { + display: none; +} +.body--tablet .hidden-on-tablets { + display: none; +} +.body--phone .hidden-on-phones { + display: none; +} +.page-component__bg_image_box { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + position: relative; +} +.page-component__bg-video { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; +} +.page-component__bg_overlay_box { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; +} +.page-component__bg_image_box--has-image .page-component__bg_overlay_box { + opacity: 0.8; +} +.bg-white-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.bg-white-color .background-color-picker__circle, +.bg-white-color .footer-04, +.bg-white-color .footer-02, +.bg-white-color .text--01__box { + background-color: white; +} +.bg-black-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.bg-black-color .background-color-picker__circle, +.bg-black-color .footer-04, +.bg-black-color .footer-02, +.bg-black-color .text--01__box { + background-color: #303030; +} +.bg-light_gray-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.bg-light_gray-color .background-color-picker__circle, +.bg-light_gray-color .footer-04, +.bg-light_gray-color .footer-02, +.bg-light_gray-color .text--01__box { + background-color: #f6f6f6; +} +.style-blue-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-1 .bg-accent-color .background-color-picker__circle, +.style-blue-1 .bg-accent-color .footer-04, +.style-blue-1 .bg-accent-color .footer-02, +.style-blue-1 .bg-accent-color .text--01__box { + background-color: #4d61fc; +} +.style-blue-2 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-2 .bg-accent-color .background-color-picker__circle, +.style-blue-2 .bg-accent-color .footer-04, +.style-blue-2 .bg-accent-color .footer-02, +.style-blue-2 .bg-accent-color .text--01__box { + background-color: #5041bb; +} +.style-blue-3 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-3 .bg-accent-color .background-color-picker__circle, +.style-blue-3 .bg-accent-color .footer-04, +.style-blue-3 .bg-accent-color .footer-02, +.style-blue-3 .bg-accent-color .text--01__box { + background-color: #508de8; +} +.style-blue-4 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-4 .bg-accent-color .background-color-picker__circle, +.style-blue-4 .bg-accent-color .footer-04, +.style-blue-4 .bg-accent-color .footer-02, +.style-blue-4 .bg-accent-color .text--01__box { + background-color: #164085; +} +.style-green-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-1 .bg-accent-color .background-color-picker__circle, +.style-green-1 .bg-accent-color .footer-04, +.style-green-1 .bg-accent-color .footer-02, +.style-green-1 .bg-accent-color .text--01__box { + background-color: #4addb4; +} +.style-green-2 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-2 .bg-accent-color .background-color-picker__circle, +.style-green-2 .bg-accent-color .footer-04, +.style-green-2 .bg-accent-color .footer-02, +.style-green-2 .bg-accent-color .text--01__box { + background-color: #29c853; +} +.style-purple-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-1 .bg-accent-color .background-color-picker__circle, +.style-purple-1 .bg-accent-color .footer-04, +.style-purple-1 .bg-accent-color .footer-02, +.style-purple-1 .bg-accent-color .text--01__box { + background-color: #943bdc; +} +.style-purple-2 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-2 .bg-accent-color .background-color-picker__circle, +.style-purple-2 .bg-accent-color .footer-04, +.style-purple-2 .bg-accent-color .footer-02, +.style-purple-2 .bg-accent-color .text--01__box { + background-color: #643995; +} +.style-orange-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-1 .bg-accent-color .background-color-picker__circle, +.style-orange-1 .bg-accent-color .footer-04, +.style-orange-1 .bg-accent-color .footer-02, +.style-orange-1 .bg-accent-color .text--01__box { + background-color: #fd3f0f; +} +.style-orange-2 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-2 .bg-accent-color .background-color-picker__circle, +.style-orange-2 .bg-accent-color .footer-04, +.style-orange-2 .bg-accent-color .footer-02, +.style-orange-2 .bg-accent-color .text--01__box { + background-color: #d13a35; +} +.style-orange-3 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-3 .bg-accent-color .background-color-picker__circle, +.style-orange-3 .bg-accent-color .footer-04, +.style-orange-3 .bg-accent-color .footer-02, +.style-orange-3 .bg-accent-color .text--01__box { + background-color: #fb5168; +} +.style-black-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-1 .bg-accent-color .background-color-picker__circle, +.style-black-1 .bg-accent-color .footer-04, +.style-black-1 .bg-accent-color .footer-02, +.style-black-1 .bg-accent-color .text--01__box { + background-color: #303030; +} +.style-yellow-1 + .bg-accent-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-yellow-1 .bg-accent-color .background-color-picker__circle, +.style-yellow-1 .bg-accent-color .footer-04, +.style-yellow-1 .bg-accent-color .footer-02, +.style-yellow-1 .bg-accent-color .text--01__box { + background-color: #fbd92d; +} +.style-blue-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-2 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-3 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-4 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-1 .bg-mature-color .background-color-picker__circle, +.style-blue-2 .bg-mature-color .background-color-picker__circle, +.style-blue-3 .bg-mature-color .background-color-picker__circle, +.style-blue-4 .bg-mature-color .background-color-picker__circle, +.style-blue-1 .bg-mature-color .footer-04, +.style-blue-2 .bg-mature-color .footer-04, +.style-blue-3 .bg-mature-color .footer-04, +.style-blue-4 .bg-mature-color .footer-04, +.style-blue-1 .bg-mature-color .footer-02, +.style-blue-2 .bg-mature-color .footer-02, +.style-blue-3 .bg-mature-color .footer-02, +.style-blue-4 .bg-mature-color .footer-02, +.style-blue-1 .bg-mature-color .text--01__box, +.style-blue-2 .bg-mature-color .text--01__box, +.style-blue-3 .bg-mature-color .text--01__box, +.style-blue-4 .bg-mature-color .text--01__box { + background-color: #00396b; +} +.style-green-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-2 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-3 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-4 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-1 .bg-mature-color .background-color-picker__circle, +.style-green-2 .bg-mature-color .background-color-picker__circle, +.style-green-3 .bg-mature-color .background-color-picker__circle, +.style-green-4 .bg-mature-color .background-color-picker__circle, +.style-green-1 .bg-mature-color .footer-04, +.style-green-2 .bg-mature-color .footer-04, +.style-green-3 .bg-mature-color .footer-04, +.style-green-4 .bg-mature-color .footer-04, +.style-green-1 .bg-mature-color .footer-02, +.style-green-2 .bg-mature-color .footer-02, +.style-green-3 .bg-mature-color .footer-02, +.style-green-4 .bg-mature-color .footer-02, +.style-green-1 .bg-mature-color .text--01__box, +.style-green-2 .bg-mature-color .text--01__box, +.style-green-3 .bg-mature-color .text--01__box, +.style-green-4 .bg-mature-color .text--01__box { + background-color: #076b00; +} +.style-purple-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-2 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-3 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-4 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-1 .bg-mature-color .background-color-picker__circle, +.style-purple-2 .bg-mature-color .background-color-picker__circle, +.style-purple-3 .bg-mature-color .background-color-picker__circle, +.style-purple-4 .bg-mature-color .background-color-picker__circle, +.style-purple-1 .bg-mature-color .footer-04, +.style-purple-2 .bg-mature-color .footer-04, +.style-purple-3 .bg-mature-color .footer-04, +.style-purple-4 .bg-mature-color .footer-04, +.style-purple-1 .bg-mature-color .footer-02, +.style-purple-2 .bg-mature-color .footer-02, +.style-purple-3 .bg-mature-color .footer-02, +.style-purple-4 .bg-mature-color .footer-02, +.style-purple-1 .bg-mature-color .text--01__box, +.style-purple-2 .bg-mature-color .text--01__box, +.style-purple-3 .bg-mature-color .text--01__box, +.style-purple-4 .bg-mature-color .text--01__box { + background-color: #5c046b; +} +.style-orange-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-2 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-3 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-4 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-1 .bg-mature-color .background-color-picker__circle, +.style-orange-2 .bg-mature-color .background-color-picker__circle, +.style-orange-3 .bg-mature-color .background-color-picker__circle, +.style-orange-4 .bg-mature-color .background-color-picker__circle, +.style-orange-1 .bg-mature-color .footer-04, +.style-orange-2 .bg-mature-color .footer-04, +.style-orange-3 .bg-mature-color .footer-04, +.style-orange-4 .bg-mature-color .footer-04, +.style-orange-1 .bg-mature-color .footer-02, +.style-orange-2 .bg-mature-color .footer-02, +.style-orange-3 .bg-mature-color .footer-02, +.style-orange-4 .bg-mature-color .footer-02, +.style-orange-1 .bg-mature-color .text--01__box, +.style-orange-2 .bg-mature-color .text--01__box, +.style-orange-3 .bg-mature-color .text--01__box, +.style-orange-4 .bg-mature-color .text--01__box { + background-color: #840500; +} +.style-black-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-2 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-3 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-4 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-1 .bg-mature-color .background-color-picker__circle, +.style-black-2 .bg-mature-color .background-color-picker__circle, +.style-black-3 .bg-mature-color .background-color-picker__circle, +.style-black-4 .bg-mature-color .background-color-picker__circle, +.style-black-1 .bg-mature-color .footer-04, +.style-black-2 .bg-mature-color .footer-04, +.style-black-3 .bg-mature-color .footer-04, +.style-black-4 .bg-mature-color .footer-04, +.style-black-1 .bg-mature-color .footer-02, +.style-black-2 .bg-mature-color .footer-02, +.style-black-3 .bg-mature-color .footer-02, +.style-black-4 .bg-mature-color .footer-02, +.style-black-1 .bg-mature-color .text--01__box, +.style-black-2 .bg-mature-color .text--01__box, +.style-black-3 .bg-mature-color .text--01__box, +.style-black-4 .bg-mature-color .text--01__box { + background-color: #000; +} +.style-yellow-1 + .bg-mature-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-yellow-1 .bg-mature-color .background-color-picker__circle, +.style-yellow-1 .bg-mature-color .footer-04, +.style-yellow-1 .bg-mature-color .footer-02, +.style-yellow-1 .bg-mature-color .text--01__box { + background-color: #efbe32; +} +.style-blue-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-2 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-3 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-4 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-1 .bg-light-color .background-color-picker__circle, +.style-blue-2 .bg-light-color .background-color-picker__circle, +.style-blue-3 .bg-light-color .background-color-picker__circle, +.style-blue-4 .bg-light-color .background-color-picker__circle, +.style-blue-1 .bg-light-color .footer-04, +.style-blue-2 .bg-light-color .footer-04, +.style-blue-3 .bg-light-color .footer-04, +.style-blue-4 .bg-light-color .footer-04, +.style-blue-1 .bg-light-color .footer-02, +.style-blue-2 .bg-light-color .footer-02, +.style-blue-3 .bg-light-color .footer-02, +.style-blue-4 .bg-light-color .footer-02, +.style-blue-1 .bg-light-color .text--01__box, +.style-blue-2 .bg-light-color .text--01__box, +.style-blue-3 .bg-light-color .text--01__box, +.style-blue-4 .bg-light-color .text--01__box { + background-color: #e9f1ff; +} +.style-green-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-2 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-3 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-4 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-1 .bg-light-color .background-color-picker__circle, +.style-green-2 .bg-light-color .background-color-picker__circle, +.style-green-3 .bg-light-color .background-color-picker__circle, +.style-green-4 .bg-light-color .background-color-picker__circle, +.style-green-1 .bg-light-color .footer-04, +.style-green-2 .bg-light-color .footer-04, +.style-green-3 .bg-light-color .footer-04, +.style-green-4 .bg-light-color .footer-04, +.style-green-1 .bg-light-color .footer-02, +.style-green-2 .bg-light-color .footer-02, +.style-green-3 .bg-light-color .footer-02, +.style-green-4 .bg-light-color .footer-02, +.style-green-1 .bg-light-color .text--01__box, +.style-green-2 .bg-light-color .text--01__box, +.style-green-3 .bg-light-color .text--01__box, +.style-green-4 .bg-light-color .text--01__box { + background-color: #e4feec; +} +.style-purple-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-2 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-3 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-4 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-1 .bg-light-color .background-color-picker__circle, +.style-purple-2 .bg-light-color .background-color-picker__circle, +.style-purple-3 .bg-light-color .background-color-picker__circle, +.style-purple-4 .bg-light-color .background-color-picker__circle, +.style-purple-1 .bg-light-color .footer-04, +.style-purple-2 .bg-light-color .footer-04, +.style-purple-3 .bg-light-color .footer-04, +.style-purple-4 .bg-light-color .footer-04, +.style-purple-1 .bg-light-color .footer-02, +.style-purple-2 .bg-light-color .footer-02, +.style-purple-3 .bg-light-color .footer-02, +.style-purple-4 .bg-light-color .footer-02, +.style-purple-1 .bg-light-color .text--01__box, +.style-purple-2 .bg-light-color .text--01__box, +.style-purple-3 .bg-light-color .text--01__box, +.style-purple-4 .bg-light-color .text--01__box { + background-color: #fcdffe; +} +.style-orange-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-2 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-3 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-4 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-1 .bg-light-color .background-color-picker__circle, +.style-orange-2 .bg-light-color .background-color-picker__circle, +.style-orange-3 .bg-light-color .background-color-picker__circle, +.style-orange-4 .bg-light-color .background-color-picker__circle, +.style-orange-1 .bg-light-color .footer-04, +.style-orange-2 .bg-light-color .footer-04, +.style-orange-3 .bg-light-color .footer-04, +.style-orange-4 .bg-light-color .footer-04, +.style-orange-1 .bg-light-color .footer-02, +.style-orange-2 .bg-light-color .footer-02, +.style-orange-3 .bg-light-color .footer-02, +.style-orange-4 .bg-light-color .footer-02, +.style-orange-1 .bg-light-color .text--01__box, +.style-orange-2 .bg-light-color .text--01__box, +.style-orange-3 .bg-light-color .text--01__box, +.style-orange-4 .bg-light-color .text--01__box { + background-color: #fed7cb; +} +.style-black-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-2 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-3 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-4 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-1 .bg-light-color .background-color-picker__circle, +.style-black-2 .bg-light-color .background-color-picker__circle, +.style-black-3 .bg-light-color .background-color-picker__circle, +.style-black-4 .bg-light-color .background-color-picker__circle, +.style-black-1 .bg-light-color .footer-04, +.style-black-2 .bg-light-color .footer-04, +.style-black-3 .bg-light-color .footer-04, +.style-black-4 .bg-light-color .footer-04, +.style-black-1 .bg-light-color .footer-02, +.style-black-2 .bg-light-color .footer-02, +.style-black-3 .bg-light-color .footer-02, +.style-black-4 .bg-light-color .footer-02, +.style-black-1 .bg-light-color .text--01__box, +.style-black-2 .bg-light-color .text--01__box, +.style-black-3 .bg-light-color .text--01__box, +.style-black-4 .bg-light-color .text--01__box { + background-color: #e8e8e8; +} +.style-yellow-1 + .bg-light-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-yellow-1 .bg-light-color .background-color-picker__circle, +.style-yellow-1 .bg-light-color .footer-04, +.style-yellow-1 .bg-light-color .footer-02, +.style-yellow-1 .bg-light-color .text--01__box { + background-color: #fffce2; +} +.style-blue-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-2 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-3 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-4 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-blue-1 .bg-medium-color .background-color-picker__circle, +.style-blue-2 .bg-medium-color .background-color-picker__circle, +.style-blue-3 .bg-medium-color .background-color-picker__circle, +.style-blue-4 .bg-medium-color .background-color-picker__circle, +.style-blue-1 .bg-medium-color .footer-04, +.style-blue-2 .bg-medium-color .footer-04, +.style-blue-3 .bg-medium-color .footer-04, +.style-blue-4 .bg-medium-color .footer-04, +.style-blue-1 .bg-medium-color .footer-02, +.style-blue-2 .bg-medium-color .footer-02, +.style-blue-3 .bg-medium-color .footer-02, +.style-blue-4 .bg-medium-color .footer-02, +.style-blue-1 .bg-medium-color .text--01__box, +.style-blue-2 .bg-medium-color .text--01__box, +.style-blue-3 .bg-medium-color .text--01__box, +.style-blue-4 .bg-medium-color .text--01__box { + background-color: #dfeafe; +} +.style-green-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-2 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-3 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-4 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-green-1 .bg-medium-color .background-color-picker__circle, +.style-green-2 .bg-medium-color .background-color-picker__circle, +.style-green-3 .bg-medium-color .background-color-picker__circle, +.style-green-4 .bg-medium-color .background-color-picker__circle, +.style-green-1 .bg-medium-color .footer-04, +.style-green-2 .bg-medium-color .footer-04, +.style-green-3 .bg-medium-color .footer-04, +.style-green-4 .bg-medium-color .footer-04, +.style-green-1 .bg-medium-color .footer-02, +.style-green-2 .bg-medium-color .footer-02, +.style-green-3 .bg-medium-color .footer-02, +.style-green-4 .bg-medium-color .footer-02, +.style-green-1 .bg-medium-color .text--01__box, +.style-green-2 .bg-medium-color .text--01__box, +.style-green-3 .bg-medium-color .text--01__box, +.style-green-4 .bg-medium-color .text--01__box { + background-color: #ebfde8; +} +.style-purple-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-2 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-3 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-4 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-purple-1 .bg-medium-color .background-color-picker__circle, +.style-purple-2 .bg-medium-color .background-color-picker__circle, +.style-purple-3 .bg-medium-color .background-color-picker__circle, +.style-purple-4 .bg-medium-color .background-color-picker__circle, +.style-purple-1 .bg-medium-color .footer-04, +.style-purple-2 .bg-medium-color .footer-04, +.style-purple-3 .bg-medium-color .footer-04, +.style-purple-4 .bg-medium-color .footer-04, +.style-purple-1 .bg-medium-color .footer-02, +.style-purple-2 .bg-medium-color .footer-02, +.style-purple-3 .bg-medium-color .footer-02, +.style-purple-4 .bg-medium-color .footer-02, +.style-purple-1 .bg-medium-color .text--01__box, +.style-purple-2 .bg-medium-color .text--01__box, +.style-purple-3 .bg-medium-color .text--01__box, +.style-purple-4 .bg-medium-color .text--01__box { + background-color: #fde9f8; +} +.style-orange-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-2 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-3 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-4 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-orange-1 .bg-medium-color .background-color-picker__circle, +.style-orange-2 .bg-medium-color .background-color-picker__circle, +.style-orange-3 .bg-medium-color .background-color-picker__circle, +.style-orange-4 .bg-medium-color .background-color-picker__circle, +.style-orange-1 .bg-medium-color .footer-04, +.style-orange-2 .bg-medium-color .footer-04, +.style-orange-3 .bg-medium-color .footer-04, +.style-orange-4 .bg-medium-color .footer-04, +.style-orange-1 .bg-medium-color .footer-02, +.style-orange-2 .bg-medium-color .footer-02, +.style-orange-3 .bg-medium-color .footer-02, +.style-orange-4 .bg-medium-color .footer-02, +.style-orange-1 .bg-medium-color .text--01__box, +.style-orange-2 .bg-medium-color .text--01__box, +.style-orange-3 .bg-medium-color .text--01__box, +.style-orange-4 .bg-medium-color .text--01__box { + background-color: #f7dcc9; +} +.style-black-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-2 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-3 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-4 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-black-1 .bg-medium-color .background-color-picker__circle, +.style-black-2 .bg-medium-color .background-color-picker__circle, +.style-black-3 .bg-medium-color .background-color-picker__circle, +.style-black-4 .bg-medium-color .background-color-picker__circle, +.style-black-1 .bg-medium-color .footer-04, +.style-black-2 .bg-medium-color .footer-04, +.style-black-3 .bg-medium-color .footer-04, +.style-black-4 .bg-medium-color .footer-04, +.style-black-1 .bg-medium-color .footer-02, +.style-black-2 .bg-medium-color .footer-02, +.style-black-3 .bg-medium-color .footer-02, +.style-black-4 .bg-medium-color .footer-02, +.style-black-1 .bg-medium-color .text--01__box, +.style-black-2 .bg-medium-color .text--01__box, +.style-black-3 .bg-medium-color .text--01__box, +.style-black-4 .bg-medium-color .text--01__box { + background-color: #dedede; +} +.style-yellow-1 + .bg-medium-color + .page-component__bg_overlay_box:not( + .page-component__bg_overlay_box--always-white + ), +.style-yellow-1 .bg-medium-color .background-color-picker__circle, +.style-yellow-1 .bg-medium-color .footer-04, +.style-yellow-1 .bg-medium-color .footer-02, +.style-yellow-1 .bg-medium-color .text--01__box { + background-color: #fbefa7; +} +.burger { + display: inline-block; + position: relative; + padding: 15px 15px; + border-radius: 50%; + font-size: 0; + cursor: pointer; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); +} +.burger:active { + background-color: rgba(255, 255, 255, 0.1); +} +.burger:before { + content: ''; + position: absolute; + z-index: 0; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + border-radius: 9999px; + width: 40px; + height: 40px; + background-color: rgba(223, 234, 254, 0.2); +} +.burger--black:before { + background-color: white; +} +.burger__box { + width: 12px; + height: 14px; + display: inline-block; + position: relative; +} +.burger__inner { + display: block; + top: 50%; + margin-top: -1px; + transition-duration: 0.075s; + transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.burger__inner, +.burger__inner::before, +.burger__inner::after { + width: 12px; + height: 2px; + background-color: white; + border-radius: 4px; + position: absolute; + transition-property: transform; + transition-duration: 0.15s; + transition-timing-function: ease; +} +.burger--black .burger__inner, +.burger--black .burger__inner::before, +.burger--black .burger__inner::after { + background-color: #303030; +} +.burger__inner::before, +.burger__inner::after { + content: ''; + display: block; +} +.burger__inner::before { + top: -6px; +} +.burger__inner::after { + bottom: -6px; +} +.burger__inner::before { + transition: top 0.2s 0.12s ease, opacity 0.075s ease; +} +.burger__inner::after { + transition: bottom 0.2s 0.12s ease, + transform 0.08s cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.state-active-burger .burger__inner { + transform: rotate(45deg); + transition-delay: 0.12s; + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); +} +.state-active-burger .burger__inner::before { + top: 0; + opacity: 0; + transition: top 0.08s ease, opacity 0.08s 0.12s ease; +} +.state-active-burger .burger__inner::after { + bottom: 0; + transform: rotate(-90deg); + transition: bottom 0.08s ease, + transform 0.08s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); +} +.comps .button { + overflow: hidden; + display: inline-block; + position: relative; + padding: 12px 20px 12px; + min-width: 120px; + border: 2px solid transparent; + min-height: 44px; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + font-size: 0; + line-height: 1.2; + font-weight: 700; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + text-align: center; + text-decoration: none; + cursor: pointer; +} +.comps .button[disabled] { + cursor: default; +} +.comps .button[disabled]:hover, +.comps .button[disabled]:focus { + transform: none; +} +.comps .button[disabled]:hover .icon, +.comps .button[disabled]:focus .icon { + transform: none; +} +.comps .button[disabled]:active { + transform: none; + outline: none; +} +.comps + .button[disabled]:not(.state-show-success-tick):not(.state-show-spinner) { + opacity: 0.4; +} +.comps .button .icon { + display: inline-block; + vertical-align: middle; + position: relative; + width: 14px; + height: 14px; + margin-left: 7px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.comps .button .icon svg { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 2px; + margin: auto; +} +.comps .button:hover, +.comps .button:focus { + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.comps .button:hover .icon, +.comps .button:focus .icon { + transform: translateX(3px); +} +.comps .button:active { + transform: translateY(-1px); + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + outline: none; +} +.comps .button--accent-outline { + background-color: transparent; +} +.comps .button--accent-bg { + color: white; +} +.comps .button--accent-bg .icon svg *, +.comps .button--accent-bg .button__system_icon svg * { + fill: white; +} +.comps .button--black-outline { + background-color: transparent; + border-color: #303030; + color: #303030; +} +.comps .button--black-outline .icon svg *, +.comps .button--black-outline .button__system_icon svg * { + fill: #303030; +} +.comps .button--black-bg { + background-color: #303030; + color: white; +} +.comps .button--black-bg .icon svg *, +.comps .button--black-bg .button__system_icon svg * { + fill: white; +} +.comps .button--black-bg:hover { + background-color: #000; +} +.comps .button--midnight-outline { + background-color: transparent; + border-color: #00396b; + color: #00396b; +} +.comps .button--midnight-outline .icon svg *, +.comps .button--midnight-outline .button__system_icon svg * { + fill: #00396b; +} +.comps .button--midnight-bg { + background-color: #00396b; + color: white; +} +.comps .button--midnight-bg .icon svg *, +.comps .button--midnight-bg .button__system_icon svg * { + fill: white; +} +.comps .button--midnight-bg:hover { + background-color: #4d61fc; +} +.comps .button--acid-outline { + background-color: transparent; + border-color: #4addb4; + color: #4addb4; +} +.comps .button--acid-outline .icon svg *, +.comps .button--acid-outline .button__system_icon svg * { + fill: #4addb4; +} +.comps .button--acid-bg { + background-color: #4addb4; + color: white; +} +.comps .button--acid-bg .icon svg *, +.comps .button--acid-bg .button__system_icon svg * { + fill: white; +} +.comps .button--acid-bg:hover { + background-color: #35d9ab; +} +.comps .button--emerald-outline { + background-color: transparent; + border-color: #4bca81; + color: #4bca81; +} +.comps .button--emerald-outline .icon svg *, +.comps .button--emerald-outline .button__system_icon svg * { + fill: #4bca81; +} +.comps .button--emerald-bg { + background-color: #4bca81; + color: white; +} +.comps .button--emerald-bg .icon svg *, +.comps .button--emerald-bg .button__system_icon svg * { + fill: white; +} +.comps .button--emerald-bg:hover { + background-color: #39c273; +} +.comps .button--ruby-outline { + background-color: transparent; + border-color: #c23934; + color: #c23934; +} +.comps .button--ruby-outline .icon svg *, +.comps .button--ruby-outline .button__system_icon svg * { + fill: #c23934; +} +.comps .button--ruby-bg { + background-color: #c23934; + color: white; +} +.comps .button--ruby-bg .icon svg *, +.comps .button--ruby-bg .button__system_icon svg * { + fill: white; +} +.comps .button--ruby-bg:hover { + background-color: #ae332f; +} +.comps .button--alt-accent-outline { + background-color: transparent; +} +.comps .button--alt-accent-bg { + color: white; +} +.comps .button--alt-accent-bg .icon svg *, +.comps .button--alt-accent-bg .button__system_icon svg * { + fill: white; +} +.comps .button--white-outline { + background-color: transparent; + border-color: white; + color: white; +} +.comps .button--white-outline .icon svg *, +.comps .button--white-outline .button__system_icon svg * { + fill: white; +} +.comps .button--white-bg { + background-color: #f6f6f6; + color: #303030; +} +.comps .button--white-bg .icon svg *, +.comps .button--white-bg .button__system_icon svg * { + fill: #00396b; +} +.comps .button--white-bg .spinner { + -webkit-filter: invert(1); + filter: invert(1); +} +.comps .button--large { + padding: 16px 30px; + min-height: 52px; +} +.comps .button--small { + padding: 6px 10px; + min-height: 32px; +} +.comps .button--empty { + min-width: auto; + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; +} +.comps .button--empty:hover { + box-shadow: none !important; +} +.comps .button--empty.button--white-outline:hover { + background-color: rgba(255, 255, 255, 0.1) !important; +} +.comps .button.state-show-success-tick { + border-color: #4bca81; +} +.comps .button--vendor-logo { + padding-left: 65px; +} +.body--loaded .button { + transition: color 0.2s ease, background-color 0.2s ease, + border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; +} +.comps .button--has-dropdown { + overflow: visible; +} +.comps .button--has-dropdown.state-opened-dropdown { + z-index: 10; +} +.comps .button--has-arrow:after { + content: ''; + vertical-align: middle; + margin-left: 8px; + display: inline-block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: #303030 transparent transparent transparent; + transition: 0.2s ease transform; +} +.comps .button--has-arrow.state-opened-dropdown:after { + transform: rotateZ(90deg); +} +.comps .button--has-arrow.button--white-outline:after { + border-color: #fff transparent transparent transparent; +} +.comps .button--has-arrow.button--black-outline:after { + border-color: #303030 transparent transparent transparent; +} +button.button { + padding-top: 11px; + padding-bottom: 11px; +} +.comps .font-work-sans .button { + font-weight: 500; +} +.button__system_icon, +.button__chrome_icon { + position: absolute; + top: 50%; + left: 15px; + transform: translateY(-50%); + height: 16px; + width: 16px; +} +.button__system_icon svg, +.button__chrome_icon svg { + height: 100%; +} +.button__system_icon:after, +.button__chrome_icon:after { + content: ''; + width: 1px; + position: absolute; + right: -15px; + top: 0; + bottom: 0; + background-color: rgba(70, 70, 70, 0.12); + transform: scaleY(20); +} +.button--black-bg .button__system_icon:after, +.button--midnight-bg .button__system_icon:after, +.button--black-bg .button__chrome_icon:after, +.button--midnight-bg .button__chrome_icon:after { + background-color: rgba(255, 255, 255, 0.12); +} +.button__text { + vertical-align: middle; + font-size: 14px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.state-show-spinner .button__text { + opacity: 0; + transform: translateX(10px); +} +.state-show-spinner.button .icon { + opacity: 0; + transform: translateX(10px); +} +.button .spinner { + position: absolute; + opacity: 0; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.state-show-spinner.button .spinner { + opacity: 1; +} +.button__submit_success { + position: absolute; + z-index: 10; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.button__success_circle { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + width: 20px; + height: 20px; + border-radius: 50%; + transform: scale(0); + opacity: 0; + background-color: #4bca81; + transition: transform 0.5s ease-out, opacity 0.5s ease; +} +.button__success_circle--large { + width: 40px; + height: 40px; +} +@media (max-width: 600px) { + .button__success_circle { + width: 60px; + height: 60px; + } +} +.state-show-success-tick .button__success_circle { + opacity: 1; + transform: scale(10); + transition: transform 0.5s ease-out; +} +@media (min-width: 769px) { + .popup-component .button__success_circle { + width: 60px; + height: 60px; + } +} +.button__success_tick { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 10; + margin: auto; +} +.button__success_tick_path { + stroke-dasharray: 20; + stroke-dashoffset: 20; +} +.state-show-success-tick .button__success_tick_path { + transition: stroke-dashoffset 0.5s 0.2s ease; + stroke-dashoffset: 0; +} +.custom-secondary-button-color-bright .button--alt-accent-bg { + color: #303030; +} +.custom-secondary-button-color-bright .button--alt-accent-bg .icon svg *, +.custom-secondary-button-color-bright + .button--alt-accent-bg + .button__system_icon + svg + * { + fill: #303030; +} +.custom-primary-button-color-bright .button--accent-bg, +.style-yellow-1:not(.custom-colors-enabled) .button--accent-bg { + color: #303030; +} +.custom-primary-button-color-bright .button--accent-bg .icon svg *, +.custom-primary-button-color-bright + .button--accent-bg + .button__system_icon + svg + *, +.style-yellow-1:not(.custom-colors-enabled) .button--accent-bg .icon svg *, +.style-yellow-1:not(.custom-colors-enabled) + .button--accent-bg + .button__system_icon + svg + * { + fill: #303030; +} +html .custom-primary-button-color-bright .store-button:hover, +html.custom-primary-button-color-bright .store-button:hover { + background-color: #303030; +} +.text-input { + width: 100%; + border-radius: 4px; + padding: 0 20px; + height: 44px; + background-color: rgba(246, 246, 246, 0.3); + border: 2px solid #d8dde6; + font-size: 14px; + transition: border-color 0.2s ease, background-color 0.2s ease; +} +.text-input::-webkit-input-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -webkit-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.text-input:-moz-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -moz-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.text-input::-moz-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -moz-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.text-input:-ms-input-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -ms-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.text-input:hover { + border-color: #a3afc4; +} +.text-input:focus { + background-color: rgba(246, 246, 246, 0.2); +} +.text-input:focus::-webkit-input-placeholder { + opacity: 0; + transform: translateX(10px); +} +.text-input:focus:-moz-placeholder { + opacity: 0; + transform: translateX(10px); +} +.text-input:focus::-moz-placeholder { + opacity: 0; + transform: translateX(10px); +} +.text-input:focus:-ms-input-placeholder { + opacity: 0; + transform: translateX(10px); +} +.text-input--white { + color: white; +} +.text-input--black { + background-color: rgba(0, 57, 107, 0.4); + box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 4px; + border-color: rgba(0, 57, 107, 0.15); + color: white; +} +.text-input--black::-webkit-input-placeholder { + opacity: 0.7; + color: white; +} +.text-input--black:-moz-placeholder { + opacity: 0.7; + color: white; +} +.text-input--black::-moz-placeholder { + opacity: 0.7; + color: white; +} +.text-input--black:-ms-input-placeholder { + opacity: 0.7; + color: white; +} +.text-input--black:focus { + border-color: white; +} +select.text-input option { + color: #303030; +} +select.text-input { + text-indent: 0; +} +.textarea { + width: 100%; + min-height: 100px; + padding: 15px 20px; + border-radius: 4px; + background-color: rgba(246, 246, 246, 0.3); + border: 2px solid #d8dde6; + font-size: 14px; + transition: border-color 0.2s ease, background-color 0.2s ease; + outline: none; + resize: none; +} +.textarea::-webkit-input-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -webkit-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.textarea:-moz-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -moz-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.textarea::-moz-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -moz-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.textarea:-ms-input-placeholder { + opacity: 0.5; + font-size: inherit; + color: inherit; + -ms-transition: opacity 0.2s ease, transform 0.2s ease; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.textarea:hover { + border-color: #a3afc4; +} +.textarea:focus { + background-color: rgba(246, 246, 246, 0.2); +} +.textarea:focus::-webkit-input-placeholder { + opacity: 0; + transform: translateX(10px); +} +.textarea:focus:-moz-placeholder { + opacity: 0; + transform: translateX(10px); +} +.textarea:focus::-moz-placeholder { + opacity: 0; + transform: translateX(10px); +} +.textarea:focus:-ms-input-placeholder { + opacity: 0; + transform: translateX(10px); +} +.textarea--white { + color: white; +} +.textarea--black { + background-color: rgba(0, 57, 107, 0.4); + box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 4px; + border-color: rgba(0, 57, 107, 0.15); + color: white; +} +.textarea--black::-webkit-input-placeholder { + opacity: 0.7; + color: white; +} +.textarea--black:-moz-placeholder { + opacity: 0.7; + color: white; +} +.textarea--black::-moz-placeholder { + opacity: 0.7; + color: white; +} +.textarea--black:-ms-input-placeholder { + opacity: 0.7; + color: white; +} +.textarea--black:focus { + border-color: white; +} +.store-button { + display: inline-block; + border-radius: 4px; + height: 44px; + width: 130px; + min-width: 120px; + background-color: black; + text-align: center; + transition: background-color 0.2s ease, transform 0.2s ease, + border-color 0.2s ease, -webkit-filter 0.2s ease; + transition: background-color 0.2s ease, transform 0.2s ease, filter 0.2s ease, + border-color 0.2s ease; + transition: background-color 0.2s ease, transform 0.2s ease, filter 0.2s ease, + border-color 0.2s ease, -webkit-filter 0.2s ease; +} +.store-button:hover { + transform: translateY(-2px); +} +.bg-accent-color .store-button:hover { + background-color: #303030; +} +.store-button--white { + border: 1px solid white; +} +@media (max-width: 500px) { + .store-button { + width: 120px; + } +} +.store-button__img { + height: 100%; +} +.store-button__img svg { + height: 100%; + vertical-align: middle; +} +.pill-link { + display: inline-flex; + align-items: center; + font-size: 16px; + border-radius: 9999px; + padding: 5px 15px 5px 6px; + text-decoration: none !important; + transition: background-color 0.2s ease; +} +.pill-link--white { + background-color: white; + color: #303030; +} +.pill-link--white:hover { + background-color: #f5f5f5; + color: #303030; +} +.pill-link--blue { + background-color: #dfeafe; + color: #4d61fc; +} +.pill-link--blue:hover { + background-color: #cbddfd; + color: #4d61fc; +} +.pill-link--black { + background-color: rgba(48, 48, 48, 0.12); + color: #303030; +} +.pill-link--black:hover { + background-color: rgba(48, 48, 48, 0.2); + color: #303030; +} +.pill-link--green { + background-color: rgba(75, 202, 129, 0.12); + color: #4bca81; +} +.pill-link--green:hover { + background-color: rgba(75, 202, 129, 0.185); + color: #4bca81; +} +.pill-link--orange { + background-color: rgba(253, 63, 15, 0.12); + color: #fd3f0f; +} +.pill-link--orange:hover { + background-color: rgba(253, 63, 15, 0.185); + color: #fd3f0f; +} +.pill-link--purple { + background-color: rgba(148, 59, 220, 0.12); + color: #943bdc; +} +.pill-link--purple:hover { + background-color: rgba(148, 59, 220, 0.185); + color: #943bdc; +} +.pill-link--small { + min-height: 25px; + font-size: 14px; + border-radius: 25px; +} +.pill-link__pill { + height: 24px; + line-height: 24px; + border-radius: 24px; + padding: 0 7px; + white-space: nowrap; + background-color: #4d61fc; + color: #fff; + font-size: 10px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.04em; +} +.pill-link--small .pill-link__pill { + height: 15px; + line-height: 16px; + padding: 0 7px; + border-radius: 15px; + font-size: 9px; +} +.pill-link--white .pill-link__pill { + background-color: #303030; +} +.pill-link--green .pill-link__pill { + background-color: #4bca81; +} +.pill-link--orange .pill-link__pill { + background-color: #fd3f0f; +} +.pill-link--purple .pill-link__pill { + background-color: #943bdc; +} +.pill-link--black .pill-link__pill { + background-color: #303030; +} +.pill-link__text { + margin-left: 10px; + letter-spacing: 0.02em; + line-height: 1; +} +.font-source-code-pro .pill-link__text { + font-size: 14px; +} +.pill-link__icon { + margin-left: 9px; + height: 1em; + width: 1em; + transform-origin: right center; + transition: transform 0.2s ease; +} +.pill-link:hover .pill-link__icon { + transform: translateX(3px); +} +.pill-link__icon svg * { + fill: #4d61fc; +} +.pill-link--white .pill-link__icon svg * { + fill: #303030; +} +.pill-link--black .pill-link__icon svg * { + fill: #303030; +} +.pill-link--green .pill-link__icon svg * { + fill: #4bca81; +} +.pill-link--orange .pill-link__icon svg * { + fill: #fd3f0f; +} +.pill-link--purple .pill-link__icon svg * { + fill: #943bdc; +} +.select { + width: 100%; + height: 44px; + padding: 0 20px; + border-radius: 4px; + background-color: rgba(246, 246, 246, 0.3); + border: 2px solid #d8dde6; + font-size: 14px; + color: rgba(255, 255, 255, 0.5); + transition: border-color 0.2s ease, background-color 0.2s ease; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: none; + cursor: pointer; +} +.select:focus { + background-color: rgba(246, 246, 246, 0.2); +} +.select:hover { + border-color: #a3afc4; +} +.dropdown { + position: absolute; + top: 44px; + right: 0; + visibility: hidden; + border-radius: 4px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + background-color: white; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 200px; +} +.state-opened-dropdown .dropdown { + visibility: visible; +} +.dropdown::before { + content: ''; + position: absolute; + width: 100%; + background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%); + left: 0; + bottom: 0; + right: 0; + height: 20px; + z-index: 100; + border-radius: 0 0 4px 4px; +} +.dropdown__list { + padding: 0; + margin: 0; + list-style: none; + max-height: 70vh; + overflow: auto; + padding-bottom: 10px; +} +.body--mobile .dropdown__list { + max-height: 50vh; +} +.dropdown__item { + transform: translateY(5px); + opacity: 0; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.dropdown__item:nth-child(1) { + transition-delay: 60ms; +} +.dropdown__item:nth-child(2) { + transition-delay: 90ms; +} +.dropdown__item:nth-child(3) { + transition-delay: 120ms; +} +.dropdown__item:nth-child(4) { + transition-delay: 150ms; +} +.dropdown__item:nth-child(5) { + transition-delay: 180ms; +} +.dropdown__item:nth-child(6) { + transition-delay: 210ms; +} +.dropdown__item:nth-child(7) { + transition-delay: 240ms; +} +.dropdown__item:nth-child(8) { + transition-delay: 270ms; +} +.dropdown__item:nth-child(9) { + transition-delay: 300ms; +} +.dropdown__item:nth-child(10) { + transition-delay: 330ms; +} +.dropdown__item:nth-child(11) { + transition-delay: 360ms; +} +.dropdown__item:nth-child(12) { + transition-delay: 390ms; +} +.dropdown__item:nth-child(13) { + transition-delay: 420ms; +} +.dropdown__item:nth-child(14) { + transition-delay: 450ms; +} +.dropdown__item:nth-child(15) { + transition-delay: 480ms; +} +.state-opened-dropdown .dropdown__item { + opacity: 1; + transform: none; +} +.dropdown__item a { + width: 100%; +} +.dropdown__item .button__text { + line-height: 1.4; + word-break: break-word; +} +.delimiter { + line-height: 1.6em; + width: 100%; + text-align: center; +} +.delimiter:before { + display: inline-block; + content: '***'; + font-size: 30px; + line-height: 65px; + height: 30px; + letter-spacing: 0.2em; +} +.tag { + display: inline-block; + padding: 4px 12px; + border-radius: 99px; + font-weight: 700; + font-size: 10px; + letter-spacing: 0.03em; + background-color: #4d61fc; + color: white; + text-transform: uppercase; +} +.tag--blue { + background-color: rgba(77, 97, 252, 0.2); + color: #4d61fc; +} +.tag--magenta { + background-color: rgba(249, 4, 115, 0.2); + color: #f90473; +} +.tag--black { + background-color: #303030; +} +.tag--green { + background-color: rgba(75, 202, 129, 0.2); + color: #4bca81; +} +.tag--acid { + background-color: rgba(74, 221, 180, 0.2); + color: #4addb4; +} +.tag--night { + background-color: #00396b; +} +.tag--yellow { + background-color: #ffeb3b; + color: #303030; +} +.custom-colors-enabled.custom-accent-color-bright .tag { + background-color: #303030; +} +.tab { + display: inline-block; + margin: 0 1px 5px; +} +.tab__button { + display: inline-block; + padding: 7px 10px; + border-radius: 4px; + cursor: pointer; + font-weight: 700; + text-transform: uppercase; + font-size: 12px; + letter-spacing: 0.03em; + color: rgba(48, 48, 48, 0.85); + border: 1px solid transparent; + transition: background-color 0.2s ease, color 0.2s ease, + border-color 0.2s ease; +} +.bg-black-color .tab__button, +.bg-accent-color .tab__button, +.bg-mature-color .tab__button, +.bg-custom-color--dark .tab__button { + color: rgba(255, 255, 255, 0.85); +} +.bg-light-color .tab__button:hover, +.bg-medium-color .tab__button:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.bg-black-color .tab__button:hover:not(.state-active-tab), +.bg-accent-color .tab__button:hover:not(.state-active-tab), +.bg-mature-color .tab__button:hover:not(.state-active-tab), +.bg-custom-color--dark .tab__button:hover:not(.state-active-tab) { + background-color: rgba(255, 255, 255, 0.1); +} +.tab__button.state-active-tab, +.tab__button.state-active-tab:hover, +.tab__button--active:focus { + cursor: default; +} +.bg-light-color .tab__button.state-active-tab, +.bg-medium-color .tab__button.state-active-tab, +.bg-light-color .tab__button.state-active-tab:hover, +.bg-medium-color .tab__button.state-active-tab:hover, +.bg-light-color .tab__button--active:focus, +.bg-medium-color .tab__button--active:focus { + background-color: rgba(255, 255, 255, 0.6); +} +.style-yellow-1:not(.custom-colors-enabled) .tab__button.state-active-tab, +.style-yellow-1:not(.custom-colors-enabled) .tab__button.state-active-tab:hover, +.style-yellow-1:not(.custom-colors-enabled) .tab__button--active:focus { + color: #efbe32; +} +.custom-colors-enabled.custom-accent-color-bright .tab__button.state-active-tab, +.custom-colors-enabled.custom-accent-color-bright + .tab__button.state-active-tab:hover, +.custom-colors-enabled.custom-accent-color-bright .tab__button--active:focus { + color: #303030; +} +.iconed-tab__button { + padding: 12px 20px 10px; + border-radius: 10px; + cursor: pointer; + transition: background-color 0.2s ease; +} +.bg-light-color .iconed-tab__button:hover, +.bg-medium-color .iconed-tab__button:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.bg-black-color .iconed-tab__button:hover, +.bg-accent-color .iconed-tab__button:hover, +.bg-mature-color .iconed-tab__button:hover { + background-color: rgba(255, 255, 255, 0.1); +} +.iconed-tab__button.state-active-tab { + cursor: default; +} +.bg-light-color .iconed-tab__button.state-active-tab, +.bg-medium-color .iconed-tab__button.state-active-tab { + background-color: rgba(255, 255, 255, 0.6); +} +.bg-black-color .iconed-tab__button.state-active-tab, +.bg-accent-color .iconed-tab__button.state-active-tab, +.bg-mature-color .iconed-tab__button.state-active-tab { + background-color: rgba(255, 255, 255, 0.4); +} +@media (max-width: 400px) { + .iconed-tab__button { + padding-left: 10px; + padding-right: 10px; + } +} +.iconed-tab__button_icon img, +.iconed-tab__button_icon svg { + margin-bottom: 7px; +} +.iconed-tab__button_text { + max-width: 115px; + line-height: 1.4; + font-weight: 700; + text-transform: uppercase; + font-size: 12px; + letter-spacing: 0.03em; + color: rgba(48, 48, 48, 0.85); +} +.bg-black-color .iconed-tab__button_text, +.bg-accent-color .iconed-tab__button_text, +.bg-mature-color .iconed-tab__button_text { + color: rgba(255, 255, 255, 0.85); +} +.iconed-tab__button_image { + max-height: 30px; +} +.link_badge { + position: absolute; + right: -6px; + top: 50%; + padding: 2px 4px; + border-radius: 3px; + transform: translateX(100%) translateY(-50%); + background-color: #4addb4; + font-weight: 700; + text-transform: uppercase; + color: white; + font-size: 10px; +} +.link_badge--blue { + background-color: #4d61fc; +} +.link_badge--magenta { + background-color: #f90473; +} +.link_badge--black { + background-color: #303030; +} +.link_badge--green { + background-color: #4bca81; +} +.link_badge--acid { + background-color: #4addb4; +} +.link_badge--night { + background-color: #00396b; +} +.link_badge--yellow { + background-color: #ffeb3b; + color: #303030; +} +.circle-button { + position: relative; + text-align: center; + vertical-align: middle; + border-radius: 99px; + height: 60px; + width: 60px; + cursor: pointer; + transition: background-color 0.2s ease, border-color 0.2s ease, + box-shadow 0.2s ease, transform 0.2s ease; +} +.circle-button--play .icon { + position: relative; + left: 3px; +} +.circle-button:hover { + transform: translateY(-2px); +} +.circle-button .icon { + width: 22px; + height: 22px; + display: block; + margin-left: auto; + margin-right: auto; +} +.circle-button .icon svg { + width: 100%; + height: 100%; +} +.circle-button--accent-bg { + box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.17); + color: white; +} +.circle-button--accent-bg svg * { + fill: white; +} +.circle-button--accent-bg:hover { + box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.2); +} +.circle-button--transparent { + background-color: transparent; +} +.circle-button--transparent .circle-button__hover_bg { + background-color: white; +} +.circle-button--transparent svg * { + fill: white; +} +.circle-button--light-bg:hover { + box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.17); +} +.circle-button--light-bg:hover svg * { + fill: white; +} +.style-yellow-1:not(.custom-colors-enabled) + .circle-button:not(:hover) + .fill-main, +.style-yellow-1:not(.custom-colors-enabled) + .circle-button:not(:hover) + .button--accent-outline + .icon + svg + *, +.button--accent-outline + .icon + svg + .style-yellow-1:not(.custom-colors-enabled) + .circle-button:not(:hover) + *, +.style-yellow-1:not(.custom-colors-enabled) + .circle-button:not(:hover) + .button--accent-outline + .button__system_icon + svg + *, +.button--accent-outline + .button__system_icon + svg + .style-yellow-1:not(.custom-colors-enabled) + .circle-button:not(:hover) + *, +.custom-accent-color-bright .circle-button:not(:hover) .fill-main, +.custom-accent-color-bright + .circle-button:not(:hover) + .button--accent-outline + .icon + svg + *, +.button--accent-outline + .icon + svg + .custom-accent-color-bright + .circle-button:not(:hover) + *, +.custom-accent-color-bright + .circle-button:not(:hover) + .button--accent-outline + .button__system_icon + svg + *, +.button--accent-outline + .button__system_icon + svg + .custom-accent-color-bright + .circle-button:not(:hover) + * { + fill: #303030; +} +.emoji { + position: relative; + vertical-align: middle; + bottom: 1px; + max-height: 1em; + width: 1em; +} +.emoji--large { + height: 55px; + max-height: 100%; + max-width: 100%; +} +.heading .emoji, +.text--04__big_text .emoji { + margin-left: 0.3em; + margin-right: 0.3em; +} +.pointed-badge { + display: inline-block; + position: relative; + white-space: nowrap; + height: 22px; + line-height: 22px; + font-weight: 700; + font-size: 12px; + color: white; + border-radius: 4px; + padding: 0 10px; +} +.font-work-sans .pointed-badge { + font-weight: 500; +} +.pointed-badge:before { + position: absolute; + content: ''; + width: 0; + height: 0; + border-style: solid; + border-color: transparent transparent transparent transparent; +} +.pointed-badge--left { + padding: 0 10px 0 3px; + border-radius: 0 99px 99px 0; +} +.pointed-badge--right { + padding: 0 3px 0 10px; + border-radius: 99px 0 0 99px; +} +.pointed-badge--left:before { + left: 0; + transform: translateX(-100%); + border-width: 11px 12px 11px 0; +} +.pointed-badge--top:before { + top: 0; + right: 9px; + transform: translateY(-50%) rotate(90deg); + border-width: 11px 12px 11px 0; +} +.pointed-badge--right:before { + right: 0; + transform: translateX(100%); + border-width: 11px 0 11px 12px; +} +.pointed-badge--blue-bg { + background-color: #4d61fc; +} +.pointed-badge--blue-bg.pointed-badge--left:before { + border-right-color: #4d61fc; +} +.pointed-badge--blue-bg.pointed-badge--right:before { + border-left-color: #4d61fc; +} +.pointed-badge--green-bg { + background-color: #4bca81; +} +.pointed-badge--green-bg.pointed-badge--left:before { + border-right-color: #4bca81; +} +.pointed-badge--green-bg.pointed-badge--right:before { + border-left-color: #4bca81; +} +.pointed-badge--magenta-bg { + background-color: #f90473; +} +.pointed-badge--magenta-bg.pointed-badge--left:before { + border-right-color: #f90473; +} +.pointed-badge--magenta-bg.pointed-badge--right:before { + border-left-color: #f90473; +} +.pointed-badge--acid-bg { + background-color: #4addb4; +} +.pointed-badge--acid-bg.pointed-badge--left:before, +.pointed-badge--acid-bg.pointed-badge--top:before { + border-right-color: #4addb4; +} +.pointed-badge--acid-bg.pointed-badge--right:before { + border-left-color: #4addb4; +} +.style-green-1 .bg-accent-color .pointed-badge--acid-bg { + background-color: #303030; +} +.style-green-1 + .bg-accent-color + .pointed-badge--acid-bg.pointed-badge--left:before, +.style-green-1 + .bg-accent-color + .pointed-badge--acid-bg.pointed-badge--top:before { + border-right-color: #303030; +} +.style-green-1 + .bg-accent-color + .pointed-badge--acid-bg.pointed-badge--right:before { + border-left-color: #303030; +} +.pointed-badge__text { + margin-right: 5px; +} +.pointed-badge__text--input { + font-weight: 500; +} +.profile-picture { + display: inline-block; + border-radius: 50%; + height: 50px; + width: 50px; + box-shadow: 0 5px 15px rgba(34, 40, 89, 0.2); +} +.profile-picture--large { + height: 100px; + width: 100px; +} +.profile-picture--small { + height: 30px; + width: 30px; +} +.radio { + display: inline-block; + position: relative; +} +.radio__input { + position: absolute; + z-index: 100; + opacity: 0; + height: 14px; + width: 14px; + cursor: pointer; +} +.radio__input:checked ~ .radio__check:before { + transform: none; + opacity: 1; +} +.radio__input:checked ~ .radio__check:after { + background-color: #4bca81; + transform: scale(1.2); +} +.radio:hover .radio__input:not(:disabled) ~ .radio__check { + background-color: #b9c2d2; +} +.radio__input:disabled ~ .radio__check, +.radio__input:disabled ~ .radio__label { + opacity: 0.6; + cursor: default; +} +.radio__input:focus ~ .radio__check, +.radio__input:active ~ .radio__check { + background-color: #9aa7be; +} +.radio__label { + vertical-align: middle; + cursor: pointer; +} +.radio__check { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 7px; + height: 14px; + width: 14px; + background-color: #d8dde6; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.2s ease; +} +.radio__check:after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + height: 10px; + width: 10px; + margin: auto; + border-radius: 50%; + background-color: white; + transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease; +} +.radio__check:before { + content: ''; + position: absolute; + z-index: 10; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + border-radius: 50%; + opacity: 0; + transform: scale(0); + transition: opacity 0.2s 0.05s ease, transform 0.2s 0.05s ease; +} +.radio__dot { + position: absolute; + z-index: 50; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + height: 4px; + width: 4px; + border-radius: 50%; + background-color: white; +} +.checklist { + display: flex; + flex-direction: column; + margin-bottom: 0.7em; + margin-top: 0.7em; +} +.checkbox { + position: relative; + display: flex; + align-items: center; +} +.checklist .checkbox { + margin-bottom: 20px; +} +.checkbox__input { + position: absolute; + z-index: 100; + opacity: 0; + height: 16px; + width: 16px; + left: 0; + top: 0; + cursor: pointer; +} +.checkbox__input:checked ~ .checkbox__check:before { + transform: none; + opacity: 1; +} +.checkbox__input:checked ~ .checkbox__check:after { + background-color: #4bca81; + transform: scale(1.2); +} +.checkbox__input:disabled ~ .checkbox__check, +.checkbox__input:disabled ~ .checkbox__label { + opacity: 0.6; + cursor: default; +} +.checkbox:hover .checkbox__input:not(:disabled) ~ .checkbox__check { + background-color: #b9c2d2; +} +.checkbox__input:focus ~ .checkbox__check, +.checkbox__input:active ~ .checkbox__check { + background-color: #9aa7be; +} +.checkbox__label { + white-space: initial; + line-height: 1; + padding-left: 30px; + cursor: pointer; + line-height: 1.2; + margin-top: -2px; +} +.checklist .checkbox__label { + margin-top: -3px; +} +.checkbox__check { + position: absolute; + display: inline-block; + vertical-align: middle; + left: 0; + top: 0; + border-radius: 2px; + overflow: hidden; + height: 16px; + width: 16px; + background-color: #d8dde6; + cursor: pointer; + transition: background-color 0.2s ease; +} +.checkbox__check:after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + height: 12px; + width: 12px; + margin: auto; + background-color: white; + transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease; +} +.checkbox__check:before { + content: ''; + position: absolute; + z-index: 10; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + opacity: 0; + transform: scale(0); + transition: opacity 0.2s 0.05s ease, transform 0.2s 0.05s ease; +} +.checkbox__icon { + position: absolute; + z-index: 50; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + height: 8px; + width: 8px; +} +.mockup__case { + display: inline-block; + position: relative; +} +.mockup--black .mockup__case { + background-color: #303030; +} +.mockup--white .mockup__case { + background-color: white; +} +.mockup--iphone .mockup__case, +.mockup--ipad .mockup__case { + box-shadow: 0px 5px 43px 0 rgba(0, 0, 0, 0.09); +} +.mockup--iphone.mockup--portrait .mockup__case { + max-width: 286px; + width: 100%; + border-radius: 16%/7.62%; +} +.mockup--iphone.mockup--portrait .mockup__case .mockup__spacer { + padding-top: 209.79021%; +} +.mockup--iphone.mockup--landscape .mockup__case { + max-width: 600px; + width: 100%; + border-radius: 7.62%/16%; +} +.mockup--iphone.mockup--landscape .mockup__case .mockup__spacer { + padding-top: 47.66667%; +} +.mockup--ipad.mockup--portrait .mockup__case { + max-width: 600px; + width: 100%; + border-radius: 40px; + border-radius: 7.5%/5%; +} +.mockup--ipad.mockup--portrait .mockup__case .mockup__spacer { + padding-top: 150%; +} +.mockup--ipad.mockup--landscape .mockup__case { + max-width: 900px; + width: 100%; + border-radius: 5%/7.5%; +} +.mockup--ipad.mockup--landscape .mockup__case .mockup__spacer { + padding-top: 66.66667%; +} +.mockup--macbook .mockup__case { + width: 73.3%; + border-radius: 4.5%/6.39%; + background-color: #fdfeff; + box-shadow: 0 0 0 1px rgba(52, 63, 75, 0.02), + 0 10px 60px 0 rgba(52, 63, 75, 0.08), 0 10px 30px 0 rgba(52, 63, 75, 0.06); +} +.mockup--macbook .mockup__case .mockup__spacer { + padding-top: 70.2%; +} +.mockup__speaker { + position: absolute; +} +.mockup--black .mockup__speaker { + background-color: #2a2a2a; + box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04); +} +.mockup--white .mockup__speaker { + background-color: #ffffff; + box-shadow: inset 0 3px 24px 0 rgba(0, 0, 0, 0.07); +} +.mockup--ipad .mockup__speaker { + display: block; + border-radius: 50%; +} +.mockup--ipad .mockup__speaker:before { + content: ''; + display: block; + padding-bottom: 100%; +} +.mockup--iphone .mockup__speaker { + border-radius: 8px; +} +.mockup--iphone.mockup--portrait .mockup__speaker { + left: 0; + right: 0; + top: 5.9%; + margin: auto; + width: 15%; + height: 1.3%; +} +.mockup--iphone.mockup--landscape .mockup__speaker { + height: 15%; + width: 1.3%; + left: 5.7%; + top: 50%; + transform: translateY(-50%); +} +.mockup--ipad.mockup--portrait .mockup__speaker { + left: 0; + right: 0; + top: 4.2%; + margin: auto; + width: 2.67%; +} +.mockup--ipad.mockup--landscape .mockup__speaker { + left: 4.2%; + top: 50%; + transform: translateY(-50%); + width: 1.91%; +} +.mockup__screen { + position: absolute; + border-radius: 4px; +} +.mockup--white .mockup__screen { + border: 2px solid #f6f6f6; +} +.mockup--black .mockup__screen { + border: 2px solid #272727; +} +.mockup--iphone.mockup--portrait .mockup__screen { + left: 0; + right: 0; + top: 12%; + margin: auto; + width: 85%; +} +.mockup--iphone.mockup--portrait .mockup__screen:before { + content: ''; + display: block; + padding-bottom: 182%; +} +.mockup--iphone.mockup--landscape .mockup__screen { + left: 12%; + top: 50%; + transform: translateY(-50%); + width: 73.4%; +} +.mockup--iphone.mockup--landscape .mockup__screen:before { + content: ''; + display: block; + padding-bottom: 56%; +} +.mockup--ipad.mockup--portrait .mockup__screen { + left: 0; + right: 0; + top: 9.7%; + margin: auto; + width: 89.3%; +} +.mockup--ipad.mockup--portrait .mockup__screen:before { + content: ''; + display: block; + padding-bottom: 132.8%; +} +.mockup--ipad.mockup--landscape .mockup__screen { + left: 9.7%; + top: 50%; + transform: translateY(-50%); + width: 78.6%; +} +.mockup--ipad.mockup--landscape .mockup__screen:before { + content: ''; + display: block; + padding-bottom: 75.4%; +} +.mockup--macbook .mockup__screen { + left: 0; + right: 0; + top: 7.4%; + margin: auto; + width: 92.5%; +} +.mockup--macbook .mockup__screen:before { + content: ''; + display: block; + padding-bottom: 62.3%; +} +@media (max-width: 500px) { + .mockup__screen { + border-radius: 2px; + border-width: 1px; + } +} +.mockup__screenshot { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + background-size: cover; + background-position: center top; + background-repeat: no-repeat; +} +.mockup__button { + position: absolute; + border-radius: 50%; +} +.mockup__button:before { + content: ''; + display: block; + padding-bottom: 100%; +} +.mockup--black .mockup__button { + background-color: #2a2a2a; + box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04); +} +.mockup--white .mockup__button { + background-color: #ffffff; + box-shadow: inset 0 26px 35px 0 rgba(0, 0, 0, 0.04); +} +.mockup--iphone.mockup--portrait .mockup__button { + left: 0; + right: 0; + bottom: 3.9%; + margin: auto; + width: 15.4%; +} +.mockup--iphone.mockup--landscape .mockup__button { + right: 3.9%; + top: 50%; + transform: translateY(-50%); + width: 7.35%; +} +.mockup--ipad.mockup--portrait .mockup__button { + left: 0; + right: 0; + bottom: 3.1%; + margin: auto; + width: 7.35%; +} +.mockup--ipad.mockup--landscape .mockup__button { + right: 3.5%; + top: 50%; + transform: translateY(-50%); + width: 4.9%; +} +.mockup__container { + position: relative; + max-width: 1228px; + text-align: center; +} +.mockup__bottom { + position: absolute; + bottom: -23%; + left: 0; + right: 0; + margin: auto; + width: 100%; +} +.mockup_v2__img_box { + position: relative; +} +.mockup_v2__device_img { + position: relative; + z-index: 100; + max-width: 100%; +} +.mockup_v2__screenshot { + z-index: 50; + background-size: cover; + background-repeat: no-repeat; + background-position: top center; +} +.mockup_v2.mockup_v2--Empty .mockup_v2__screenshot_img { + width: initial; + height: initial; + max-height: 400px; + max-width: 400px; + object-fit: contain; +} +.mockup_v2 .mockup_v2__screenshot_img { + width: 100%; + height: 100%; + object-fit: cover; + margin: auto; +} +.mockup_v2__spinner_box { + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + background-color: white; +} +.mockup_v2__spinner_box .spinner { + -webkit-filter: invert(1); + filter: invert(1); +} +.mockup_v2__area { + position: absolute; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; +} +.mockup_v2--apple_macbook_air .mockup_v2__area { + top: 6.1%; + height: 82.9%; + width: 77.6%; +} +.mockup_v2--chrome_window .mockup_v2__area { + top: 10.1%; + height: 88.5%; + width: 100%; + border-radius: 0 0 5px 5px; +} +.mockup_v2--safari_window .mockup_v2__area { + top: 5.1%; + height: 94.4%; + width: 100%; + border-radius: 0 0 5px 5px; +} +.mockup_v2--apple_imac .mockup_v2__area { + top: 6.5%; + height: 61.4%; + width: 91.8%; +} +.mockup_v2--apple_imac_pro .mockup_v2__area { + top: 5.2%; + height: 62.5%; + width: 91.9%; +} +.mockup_v2--dell_xps_15 .mockup_v2__area { + top: 2.2%; + height: 80.6%; + width: 73.9%; +} +.mockup_v2--microsoft_surface_book .mockup_v2__area { + top: 7.5%; + height: 81.5%; + width: 72.5%; +} +.mockup_v2--apple_thunderbolt_display .mockup_v2__area { + top: 5.4%; + height: 67.4%; + width: 92.1%; +} +.mockup_v2--dell_ultrasharp_27 .mockup_v2__area { + top: 1.5%; + height: 69.8%; + width: 97.6%; +} +.mockup_v2--apple_macbook_pro .mockup_v2__area { + top: 2.7%; + height: 86.7%; + width: 80%; +} +.mockup_v2--iphoneapple_iphone_se_2020 .mockup_v2__area { + top: 13.1%; + height: 73.7%; + width: 76.3%; +} +.mockup_v2--iphone_11_pro_max .mockup_v2__area { + top: 4.2%; + height: 91.5%; + width: 83.3%; +} +.mockup_v2--iphone_xr .mockup_v2__area { + top: 5.4%; + height: 88.6%; + width: 79.2%; +} +.mockup_v2--iphone_8_plus .mockup_v2__area { + top: 13.1%; + height: 73.7%; + width: 76.3%; +} +.mockup_v2--pixel_4_xl .mockup_v2__area { + top: 7%; + height: 86%; + width: 88%; +} +.mockup_v2--samsung_galaxy_s20_ultra_cosmic_black .mockup_v2__area { + top: 5.5%; + height: 89%; + width: 78.8%; + border-radius: 5%; +} +.mockup_v2--samsung_galaxy_note10_plus_aura_black .mockup_v2__area { + top: 3%; + height: 93.9%; + width: 87.8%; +} +.mockup_v2--xiaomi_mi_mix_alpha_front .mockup_v2__area { + top: 4%; + height: 92.1%; + width: 84.5%; +} +.mockup_v2--nokia_3310 { + width: 80%; + margin-left: auto; + margin-right: auto; +} +.mockup_v2--nokia_3310 .mockup_v2__area { + top: 28.6%; + height: 14.8%; + width: 51.5%; + z-index: 200; +} +.mockup_v2--iphone_13_pro .mockup_v2__area { + width: 89.9%; + top: 2.1%; + left: 0.6%; + height: 95.8%; + border-radius: 8px; + overflow: hidden; +} +.mockup_v2--Empty, +.header-60__mockup .mockup_v2, +.header-61__mockup .mockup_v2 { + max-width: 90%; + margin: auto; +} +.spinner, +.spinner:after { + border-radius: 50%; + width: 15px; + height: 15px; +} +.spinner { + position: relative; + transform: translateZ(0); + -webkit-animation: spin 1.1s infinite linear; + animation: spin 1.1s infinite linear; + border-top: 2px solid rgba(255, 255, 255, 0.4); + border-right: 2px solid rgba(255, 255, 255, 0.4); + border-bottom: 2px solid rgba(255, 255, 255, 0.4); + border-left: 2px solid #fff; + font-size: 10px; + text-indent: -9999px; + transition: opacity 0.2s ease; +} +.spinner--black { + border-top: 2px solid rgba(0, 0, 0, 0.4); + border-right: 2px solid rgba(0, 0, 0, 0.4); + border-bottom: 2px solid rgba(0, 0, 0, 0.4); + border-left: 2px solid #000; +} +@-webkit-keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.score { + text-align: center; +} +.score__stars { + padding: 8px 0; + margin: 15px 0 7px; + border-radius: 4px; +} +.score__star { + display: inline-block; +} +.font-source-code-pro .score__star { + margin-right: -4px; +} +.score__text { + font-size: 12px; + line-height: 1.4; +} +.score__word { + margin-right: 4px; + color: #9aa7be; +} +.score__value { + font-weight: 700; +} +.by-unicorn-platform { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + padding: 6px 15px 7px; + background-color: #000; +} +.by-unicorn-platform--fixed { + position: fixed; + bottom: 10px; + left: 10px; + border-radius: 40px; + z-index: 1000; + padding: 0; + overflow: hidden; +} +.by-unicorn-platform--fixed .by-unicorn-platform__link { + padding: 3px 13px 6px; + border-radius: 40px; + position: relative; + overflow: hidden; +} +.by-unicorn-platform--fixed .by-unicorn-platform__link:before { + content: ''; + width: 115px; + height: 115px; + background-color: #0164ff; + transform: scale(0); + opacity: 0; + position: absolute; + left: -20px; + right: 0; + border-radius: 999999px; + margin: auto; + top: 0; + bottom: 0; + z-index: -1; +} +.by-unicorn-platform--fixed .by-unicorn-platform__link:hover:before { + opacity: 1; + transform: scale(2); + transition: transform 0.4s ease-in-out, opacity 0.1s ease; +} +.by-unicorn-platform--fixed .by-unicorn-platform__link, +.by-unicorn-platform--fixed .by-unicorn-platform__link:hover, +.by-unicorn-platform--fixed .by-unicorn-platform__link:focus, +.by-unicorn-platform--fixed .by-unicorn-platform__link:visited { + color: #fff; +} +.by-unicorn-platform--fixed .by-unicorn-platform__link:hover { + opacity: 1; +} +.by-unicorn-platform__logo { + margin-right: 4px; + margin-left: 7px; + position: relative; + top: 2px; +} +.by-unicorn-platform__link { + vertical-align: middle; + text-decoration: none; + font-size: 10px; + letter-spacing: 0.02em; + transition: opacity 0.2s ease; +} +.by-unicorn-platform__link, +.by-unicorn-platform__link:hover, +.by-unicorn-platform__link:focus, +.by-unicorn-platform__link:visited { + color: #fff; +} +.by-unicorn-platform__link:hover { + opacity: 0.8; +} +.buttons-set__list { + padding: 0; + margin: 0; + list-style: none; + margin-left: -7px; +} +@media (max-width: 500px) { + .buttons-set__list { + margin-left: 0; + } +} +.buttons-set__item { + display: inline-block; + vertical-align: middle; + margin-left: 7px; + margin-right: 7px; + padding-bottom: 14px; + font-size: 0; +} +@media (max-width: 500px) { + .buttons-set__item { + width: 100%; + margin-left: 0; + margin-right: 0; + } + .buttons-set__item .button, + .buttons-set__item .store-button { + width: 100%; + } +} +.buttons-set__info { + opacity: 0.5; + padding-left: 5px; + font-size: 14px; +} +.feature--white * { + color: white; + fill: white; +} +.feature--center { + text-align: center; +} +.feature--center .feature__icon { + display: block; + margin: auto auto 10px auto; +} +.feature--white .button .icon svg * { + fill: white; +} +.feature__title { + margin-top: 0; + margin-bottom: 15px; +} +.feature__title_text { + text-transform: uppercase; + font-size: 12px; +} +.feature__content { + margin: auto; +} +.feature__content_text { + line-height: 1.6; + opacity: 0.85; +} +.font-source-code-pro .feature__content_text { + font-size: 14px; +} +.feature__icon { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 15px; + max-height: 40px; + max-width: 40px; + width: 100%; +} +.feature__link { + position: relative; + display: inline-block; + margin-top: 15px; + font-weight: 700; + text-decoration: none; +} +.font-source-code-pro .feature__link { + font-size: 14px; +} +.feature__link:hover .icon { + transform: translateX(2px); +} +.feature__link .icon { + display: inline-block; + vertical-align: middle; + margin-left: 7px; + width: 1em; + transition: transform 0.2s ease; +} +.feature__link--white * { + color: white; + transition: opacity 0.25s ease, transform 0.25s ease; +} +.feature__link--white *:hover { + opacity: 0.8; +} +.feature__link--white .icon * { + fill: white; +} +.feature__button_box { + margin-top: 15px; +} +.feature__button_box .button--empty { + padding: 0 !important; + background: none !important; + overflow: visible !important; + min-height: auto !important; + border-width: 0; +} +.feature__button_box .button--empty:hover { + background: none !important; +} +.bg-light-color .feature .icon .fill-bg-light, +.bg-light-color + .feature + .icon + .bg-accent-color + .cta_button-28__check + .fill-main + *, +.bg-accent-color + .cta_button-28__check + .fill-main + .bg-light-color + .feature + .icon + *, +.bg-light-color + .feature + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .bg-light-color + .feature + .icon + svg + * + *, +.bg-light-color + .feature + .button--accent-outline + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .bg-light-color + .feature + .icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.bg-light-color + .feature + .icon + .bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + *, +.bg-accent-color + .cta_button-28__check + .button--accent-outline + .button__system_icon + svg + * + .bg-light-color + .feature + .icon + *, +.bg-light-color + .feature + .icon + .button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + *, +.button--accent-outline + .button__system_icon + svg + .bg-accent-color + .cta_button-28__check + * + .bg-light-color + .feature + .icon + * { + fill: white; +} +.logos__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.logos__item_link { + display: inline-block; + text-decoration: none; +} +.logos__item_link .logos__img { + transition: opacity 0.25s ease; +} +.logos__item_link:hover .logos__img { + opacity: 1; +} +.logos__img { + max-height: 100px; +} +.form .cta_bottom_info { + margin-top: 10px; +} +.form.form--centered-button .cta_bottom_info { + text-align: center; +} +.form__inputs { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + position: relative; + align-items: flex-end; +} +@media (max-width: 600px) { + .form__inputs { + display: block; + } +} +.form__textarea { + position: relative; + width: 100%; + margin-top: 15px; +} +.form__input { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-right: 15px; + text-align: left; +} +.form__input:nth-child(even) { + margin-right: 0; +} +.form__input--full { + width: 100%; + margin-right: 0; + margin-top: 15px; +} +.form__input--hidden { + display: none; +} +@media (max-width: 600px) { + .form__input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } +} +.form__messages_box { + width: 100%; +} +.form__input__label_box { + text-align: left; + margin-bottom: 5px; + padding: 0 10px; +} +.nav-02 .form__input__label_box { + margin-bottom: 0; +} +.form__input__label { + font-size: 0.8em; +} +.form__input__label_asterix { + color: #c23934; + font-size: 1.5em; + line-height: 0; + vertical-align: middle; + margin-right: 4px; +} +.form__button { + margin-left: 15px; +} +.form__input:first-child + .form__button { + margin-left: 0; +} +.form__button--full { + width: 100%; + margin-top: 40px; + margin-left: 0; + text-align: center; +} +@media (max-width: 600px) { + .form__button { + margin-left: 0; + margin-top: 30px; + text-align: center; + } + .form__button .button { + width: 100%; + } +} +.state-show-spinner .form__button .spinner { + transform: translateY(-50%) translateX(0); + opacity: 1; +} +.form__messages { + position: absolute; + z-index: 100; + width: 100%; + margin-top: 10px; +} +.form__message_opener { + margin-top: 10px; + text-align: center; +} +.form__message_opener--black .form__message_opener_box { + opacity: 0.8; + color: white; + background-color: rgba(216, 221, 230, 0.05); +} +.form__message_opener--black .form__message_opener_box:hover { + opacity: 1; + background-color: rgba(216, 221, 230, 0.2); +} +.form__message_opener_box { + display: inline-block; + padding: 5px 10px; + cursor: pointer; + border-radius: 4px; + background-color: #f6f6f6; + transition: background-color 0.2s ease, opacity 0.2s ease; +} +.form__message_opener_box .emoji { + margin-left: 0.3em; +} +.form__message_opener_box:hover { + background-color: #e9f1ff; +} +.message { + overflow: hidden; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + opacity: 0; + transform: translateY(10px) scale(0.99); + transform-origin: center; + transition: opacity 0.2s ease, transform 0.2s ease; + visibility: hidden; + height: 0; +} +.message.state-visible { + opacity: 1; + transform: none; +} +.message.state-visible { + visibility: visible; + height: auto; +} +.message__box { + border-bottom: 2px solid transparent; +} +.style-blue-1 .message--engaging .message__box { + border-color: #4d61fc; +} +.style-blue-1 .message--engaging .message__box .message__bubble_text--out { + color: white; + background-color: #4d61fc; +} +.message--success .message__box { + border-color: #4bca81; +} +.message--success .message__box .message__bubble_text--out { + color: white; + background-color: #4bca81; +} +.message--error .message__box { + border-color: #c23934; +} +.message--error .message__box .message__bubble_text--out { + color: white; + background-color: #c23934; +} +.message__close { + display: block; + width: 100%; + cursor: pointer; + text-align: center; + transition: background-color 0.2s ease; +} +.message__close:hover { + background-color: #e9f1ff; +} +.message__close_icon { + display: inline-block; + padding: 10px 0 7px; +} +.message__body { + padding: 20px 20px 30px; + margin-left: auto; + margin-right: auto; + max-width: 500px; +} +.message__in { + text-align: left; +} +.message__out { + display: flex; + justify-content: flex-end; + margin-top: 20px; +} +.message__out_box { + display: flex; + flex-direction: column; + align-items: flex-end; +} +.message__bubble { + overflow: auto; + margin-bottom: 7px; + font-size: 14px; +} +.message__bubble:last-child { + margin-bottom: 0; +} +.message__bubble_text { + display: inline-block; + border-radius: 30px; + padding: 10px 20px; + background-color: #f6f6f6; + line-height: 1.4; +} +.message__bubble_text .emoji { + margin-left: 0.3em; + margin-right: 0.3em; +} +.message__in .message__bubble { + opacity: 0; + transform: scale(0.95) translateY(5px); + transition: opacity 0.4s ease, transform 0.4s ease; +} +.state-visible .message__in .message__bubble { + opacity: 1; + transform: none; +} +.state-visible .message__in .message__bubble:nth-child(1) { + transition-delay: 150ms; +} +.state-visible .message__in .message__bubble:nth-child(2) { + transition-delay: 800ms; +} +.state-visible .message__in .message__bubble:nth-child(3) { + transition-delay: 1450ms; +} +.state-visible .message__in .message__bubble:nth-child(4) { + transition-delay: 2100ms; +} +.state-visible .message__in .message__bubble:nth-child(5) { + transition-delay: 2750ms; +} +.state-visible .message__in .message__bubble:nth-child(6) { + transition-delay: 3400ms; +} +.state-visible .message__in .message__bubble:nth-child(7) { + transition-delay: 4050ms; +} +.state-visible .message__in .message__bubble:nth-child(8) { + transition-delay: 4700ms; +} +.state-visible .message__in .message__bubble:nth-child(9) { + transition-delay: 5350ms; +} +.state-visible .message__in .message__bubble:nth-child(10) { + transition-delay: 6000ms; +} +.message__out .message__bubble { + opacity: 0; + transform: scale(0.95) translateY(5px); + transition: opacity 0.4s ease, transform 0.4s ease; +} +.state-reacted .message__out .message__bubble { + opacity: 1; + transform: none; +} +.message__bubble_error { + margin-top: 5px; + color: #c23934; + font-family: Courier, monospace; +} +.message__bubble_link { + text-decoration: underline; +} +.message__reply_box { + position: relative; + border-top: 1px solid #d8dde6; +} +.message__reply_word { + display: inline-block; + position: absolute; + z-index: 10; + top: 0; + left: 40px; + transform: translateY(-50%); + padding: 5px 10px; + font-size: 12px; + background-color: white; + color: #d8dde6; +} +.message__options { + display: flex; + justify-content: center; + position: relative; + z-index: 50; + padding: 20px 25px; +} +.message__option { + padding: 0 10px; +} +.message__option .button { + min-width: auto; +} +.message__option { + opacity: 0.15; + transform: translateY(10px); + transition: opacity 0.4s ease-out, transform 0.4s ease-out; +} +.state-visible .message__option:nth-child(1) { + transition-delay: 1400ms; +} +.state-visible .message__option:nth-child(2) { + transition-delay: 1650ms; +} +.state-visible .message__option:nth-child(3) { + transition-delay: 1900ms; +} +.state-visible .message__option:nth-child(4) { + transition-delay: 2150ms; +} +.state-visible .message__option:nth-child(5) { + transition-delay: 2400ms; +} +.state-visible .message__option:nth-child(6) { + transition-delay: 2650ms; +} +.state-visible .message__option:nth-child(7) { + transition-delay: 2900ms; +} +.state-visible .message__option:nth-child(8) { + transition-delay: 3150ms; +} +.state-visible .message__option:nth-child(9) { + transition-delay: 3400ms; +} +.state-visible .message__option:nth-child(10) { + transition-delay: 3650ms; +} +.state-visible .message__option { + opacity: 1; + transform: none; +} +.rich_download_app { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: flex-start; +} +.rich_download_app--center { + justify-content: center; +} +.rich_download_app--center .rich_download_app__item { + margin-right: 8px; + margin-left: 8px; +} +.rich_download_app__item { + margin-right: 15px; +} +.slider { + position: relative; +} +.slider__arrow { + position: absolute; + z-index: 10; + top: 50%; + transform: translateY(-50%); +} +.slider__arrow--prev { + left: 0; +} +.slider__arrow--next { + right: 0; +} +@media (max-width: 1275px) { + .slider__arrow { + display: none; + } +} +.slider__box { + padding: 0; + margin: 0; + list-style: none; +} +.slick-slide { + outline: none; +} +.slider__img { + width: 100%; +} +.slick-dots { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + bottom: -60px; + left: 0; + right: 0; + margin: auto; +} +.slick-dots li { + display: inline-block; + margin: 0 6px; +} +.slick-dots li:hover:not(.slick-active) button { + transform: translateY(-1px); +} +.slick-dots li.slick-active button { + transform: translateY(-1px); + box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.18); +} +.slick-dots button { + height: 20px; + width: 20px; + border-radius: 50%; + font-size: 0; + cursor: pointer; + transition: background-color 0.2s ease, box-shadow 0.2s ease, + transform 0.2s ease; +} +.bg-medium-color .slick-dots button, +.bg-light-color .slick-dots button, +.bg-light_gray-color .slick-dots button, +.bg-white-color .slick-dots button { + background-color: #d0d0d0; +} +.slider_with_one_slide .slick-dots { + display: none; +} +.editor-slider .slick-slide.slick-active { + z-index: 5; +} +.title-box { + margin-bottom: 50px; + max-width: 700px; +} +.title-box--small { + max-width: 550px; +} +.title-box--center { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.title-box--center .title-box__text { + margin-left: auto; + margin-right: auto; +} +.title-box__text { + opacity: 0.9; + max-width: 80%; + line-height: 1.6; +} +@media (max-width: 500px) { + .title-box__text { + max-width: 300px; + } +} +.social-buttons--left .social-buttons__list { + justify-content: flex-start; +} +.social-buttons--left .social-buttons__item { + margin: 0 12px 12px 0; +} +.social-buttons--right .social-buttons__list { + justify-content: flex-end; +} +.social-buttons--right .social-buttons__item { + margin: 0 0 12px 12px; +} +.social-buttons__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +.social-buttons__item { + margin: 0 6px 5px; +} +.social-buttons__link { + display: inline-block; + text-decoration: none; + transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; +} +.social-buttons__link--circle { + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + height: 30px; + width: 30px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + cursor: pointer; +} +.social-buttons__link--circle:hover, +.social-buttons__link--circle:focus { + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.social-buttons__link--circle .social-buttons__icon { + opacity: 0.9; + max-width: 12px; + max-height: 12px; +} +.social-buttons__icon { + vertical-align: middle; + width: 18px; + max-height: 18px; +} +.nav-02 { + position: absolute; + z-index: 1300; + top: 0; + right: 0; + left: 0; + padding: 30px 0; +} +@media (max-width: 1300px) { + .nav-02 { + padding: 20px 0; + } +} +@media (max-width: 900px) { + .nav-02 { + padding: 10px 0; + } +} +.nav-02--static { + position: relative; +} +.nav-02--sticky { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 200; + padding: 10px 0; +} +@media (max-width: 1300px) { + .nav-02--sticky { + padding: 10px 0; + } +} +.nav-02--sticky--white { + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.07); +} +.nav-02--sticky--black { + background-color: #303030; +} +.nav-02--hidden:after { + content: ''; + position: absolute; + z-index: 100; + background-color: white; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), + linear-gradient(-45deg, #ccc 25%, transparent 25%), + linear-gradient(45deg, transparent 75%, #ccc 75%), + linear-gradient(-45deg, transparent 75%, #ccc 75%); + background-size: 20px 20px; + background-position: 0 0, 0 10px, 10px -10px, -10px 0px; + top: 0; + opacity: 0.4; + height: 100%; + width: 100%; +} +.nav-02__box { + display: flex; + justify-content: space-between; + align-items: center; +} +.nav-02__box--center { + justify-content: center; +} +.nav-02__logo { + position: relative; + z-index: 50; +} +@media (max-width: 900px) { + .nav-02__logo { + padding: 5px 15px 5px 0; + } +} +.comps .nav-02__link { + text-decoration: none; + color: inherit; + display: inline-flex; + align-items: center; + justify-content: flex-start; + vertical-align: middle; + transition: opacity 0.25s ease; +} +.comps .nav-02__link:hover { + color: inherit; + opacity: 0.7; +} +.nav-02__logo_img { + margin-right: 10px; +} +.nav-02__logo_text { + padding-right: 25px; + font-weight: 700; + letter-spacing: 0.01em; + font-size: 16px; + white-space: nowrap; +} +@media (max-width: 900px) { + .nav-02__list_wrapper { + opacity: 0; + visibility: hidden; + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + overflow: auto; + background-color: white; + transition: opacity 0.25s ease, transform 0.25s ease; + } + .state-opened-menu .nav-02__list_wrapper { + visibility: visible; + opacity: 1; + } +} +@media (max-width: 900px) { + .nav-02__list_wrapper--black { + background-color: #303030; + } +} +.nav-02__list { + padding: 0; + margin: 0; + list-style: none; +} +@media (max-width: 900px) { + .nav-02__list--desktop { + display: none; + } +} +.nav-02__list--mobile { + display: none; +} +@media (max-width: 900px) { + .nav-02__list--mobile { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; + padding: 90px 15px 40px 15px; + } +} +.nav-02__item { + display: inline-block; + vertical-align: middle; + font-size: 0; + margin-right: 15px; +} +.nav-02__item form { + font-size: 14px; +} +.nav-02__item:last-child { + margin-right: 0; +} +@media (max-width: 900px) { + .nav-02__item { + transform: translateY(5px); + opacity: 0; + margin-right: 0; + margin-bottom: 10px; + text-align: center; + transition: opacity 0.2s ease, transform 0.2s ease; + } + .nav-02__item:nth-child(9) { + transition-delay: 100ms; + } + .nav-02__item:nth-child(8) { + transition-delay: 150ms; + } + .nav-02__item:nth-child(7) { + transition-delay: 200ms; + } + .nav-02__item:nth-child(6) { + transition-delay: 250ms; + } + .nav-02__item:nth-child(5) { + transition-delay: 300ms; + } + .nav-02__item:nth-child(4) { + transition-delay: 350ms; + } + .nav-02__item:nth-child(3) { + transition-delay: 400ms; + } + .nav-02__item:nth-child(2) { + transition-delay: 450ms; + } + .nav-02__item:nth-child(1) { + transition-delay: 500ms; + } + .nav-02__item:nth-child(0) { + transition-delay: 550ms; + } + .state-opened-menu .nav-02__item { + opacity: 1; + transform: none; + } +} +@media (min-width: 901px) { + .nav-02__burger { + display: none; + } +} +.nav-02 .buttons-set__item, +.nav-02 .buttons-set__item { + padding-bottom: 0; +} +@media (max-width: 900px) { + .nav-02 .buttons-set__item, + .nav-02 .buttons-set__item { + padding-bottom: 15px; + } +} +.nav-02 .buttons-set__list { + display: flex; + flex-direction: row-reverse; + margin-right: -7px; +} +@media (max-width: 900px) { + .nav-02 .buttons-set__list { + flex-direction: column-reverse; + margin-right: auto; + } +} +@media (max-width: 1100px) { + .nav-02__list--desktop .nav-02__item > .button--black-outline.button--empty { + padding-left: 5px; + padding-right: 5px; + } +} +.header-01, +.header-60 { + z-index: 100; + text-align: center; +} +.header-01 { + padding-top: 70px; +} +.first_component .header-60 { + padding-top: 50px; +} +.header-01__box, +.header-60__box { + background-size: cover; + background-position: center bottom; + background-repeat: no-repeat; + background-image: url('../img/other/white-waves.svg'); +} +.header-01__heading, +.header-60__heading { + max-width: 600px; + margin: auto auto 70px; +} +.header-01__buttons, +.header-60__buttons { + margin-bottom: 70px; + max-width: 500px; + margin-left: auto; + margin-right: auto; +} +.header-01__mockup .mockup__container, +.header-60__mockup .mockup__container { + margin: auto; +} +@media (min-width: 1200px) { + .header-60__mockup { + width: 80%; + margin-left: auto; + margin-right: auto; + } +} +.header-01__text, +.header-60__text { + max-width: 400px; + margin-left: auto; + margin-right: auto; +} +.header-02__container, +.header-63__container { + height: 100%; +} +.header-02__wrapper, +.header-63__wrapper { + display: flex; + height: 100%; +} +@media (max-width: 900px) { + .header-02__wrapper, + .header-63__wrapper { + display: block; + } +} +.header-02__wrapper { + position: relative; +} +.header-63__wrapper { + max-width: 1200px; + margin-right: auto; + margin-left: auto; +} +.header-02__left, +.header-63__left { + display: flex; + align-items: center; + padding-left: 15px; + padding-right: 15px; + width: 50%; +} +@media (max-width: 900px) { + .header-02__left, + .header-63__left { + width: 100%; + } +} +@media (max-width: 900px) { + .header-02__left, + .header-63__left { + padding-top: 60px; + padding-bottom: 40px; + text-align: center; + } +} +.header-02__left { + justify-content: center; +} +@media (max-width: 900px) { + .header-63__left { + justify-content: center; + } +} +.header-02__right, +.header-63__right { + width: 50%; + display: flex; + justify-content: center; + align-items: center; +} +@media (max-width: 900px) { + .header-02__right, + .header-63__right { + width: 100%; + padding: 0 30px; + } +} +.header-02__right { + min-height: 800px; + -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) + infinite; + animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite; +} +@media (max-width: 900px) { + .header-02__right { + min-height: 680px; + } +} +@media (max-width: 330px) { + .header-02__right { + min-height: 600px; + } +} +@media (max-width: 900px) { + .header-63__right { + -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) + infinite; + animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite; + } +} +.header-63__right:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + -webkit-animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) + infinite; + animation: change-background 35s cubic-bezier(0.49, 0.03, 0, 1) infinite; + width: 50%; +} +@media (max-width: 900px) { + .header-63__right:before { + content: none; + } +} +@media (max-width: 900px) { + .header-63__right { + padding: 20px 0; + } +} +.header-02__left_content, +.header-63__left_content { + max-width: 450px; +} +.header-63__left_content { + padding: 70px 0; +} +@media (max-width: 900px) { + .header-63__left_content { + padding: 0; + } +} +.header-02__logo_img, +.header-63__logo_img { + max-height: 30px; + max-width: 100px; +} +.comps .header-02__text, +.comps .header-63__text { + max-width: 400px; + margin-bottom: 40px; +} +@media (max-width: 900px) { + .comps .header-02__text, + .comps .header-63__text { + margin-left: auto; + margin-right: auto; + } +} +.header-02__mockup, +.header-63__mockup { + display: inline-block; + width: 100%; + text-align: center; +} +.header-02__mockup .mockup, +.header-63__mockup .mockup { + width: 100%; +} +.header-02__mockup .mockup__case, +.header-63__mockup .mockup__case { + margin: auto; +} +.header-63__mockup { + max-width: 230px; + width: 100%; + padding: 70px 0; +} +@media (min-width: 1200px) { + .header-63__mockup { + max-width: 280px; + } +} +@media (max-width: 900px) { + .header-63__mockup { + padding: 0; + } +} +.first_component .header-63__mockup { + padding: 80px 0; +} +@-webkit-keyframes change-background { + 0% { + background-color: #ff4f00; + } + 20% { + background-color: #4d61fc; + } + 40% { + background-color: #e4ff1c; + } + 60% { + background-color: #f90473; + } + 80% { + background-color: #54e998; + } + 100% { + background-color: #ff4f00; + } +} +@keyframes change-background { + 0% { + background-color: #ff4f00; + } + 20% { + background-color: #4d61fc; + } + 40% { + background-color: #e4ff1c; + } + 60% { + background-color: #f90473; + } + 80% { + background-color: #54e998; + } + 100% { + background-color: #ff4f00; + } +} +.first_component .header-03__container { + padding-top: 50px; +} +.header-03__card_holder { + position: relative; + z-index: 100; + text-align: center; +} +.header-03__card { + box-shadow: 0 60px 90px 0 rgba(12, 12, 15, 0.27); + border-radius: 10px; +} +.header-03__card--bottom { + position: absolute; + left: 0; + right: 0; + top: 20px; + margin: auto; + z-index: 10; + width: 90%; + height: 100%; + background-color: rgba(209, 209, 209, 0.8); +} +.header-03__card--middle { + position: absolute; + left: 0; + right: 0; + top: 10px; + margin: auto; + z-index: 20; + width: 95%; + height: 100%; + background-color: #fdfdfd; +} +.header-03__card--top { + position: relative; + padding: 70px 30px 70px; + z-index: 30; + background-color: white; +} +@media (max-width: 768px) { + .header-03__card--top { + padding-top: 40px; + padding-bottom: 40px; + } +} +.header-03__card_content { + position: relative; + z-index: 100; +} +.header-03__heading { + max-width: 580px; + margin: auto auto 30px; +} +.header-03__heading .emoji { + margin-left: 0.3em; +} +.header-03__buttons { + max-width: 450px; + margin-right: auto; + margin-left: auto; +} +.comps .header-03__text { + margin: auto auto 40px auto; + max-width: 450px; +} +.header-03__features { + padding: 0; + margin: 0; + list-style: none; + position: relative; + z-index: 50; + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-top: 90px; + margin-bottom: -40px; +} +@media (max-width: 768px) { + .header-03__features { + display: block; + } +} +.header-03__feature { + width: 32%; + padding-right: 15px; + margin-bottom: 40px; +} +.header-03__feature:last-child { + padding-right: 0; +} +@media (max-width: 768px) { + .header-03__feature { + width: 100%; + text-align: center; + } +} +.header-03__feature_box { + display: inline-block; + max-width: 300px; +} +.header-04__box { + background-size: cover; + background-position: center bottom; + background-repeat: no-repeat; + text-align: center; +} +@media (min-width: 901px) { + .first_component .header-04__container { + padding-top: 30px; + } +} +@media (min-width: 1200px) { + .first_component .header-04__container { + padding-top: 40px; + } +} +.header-04__heading { + max-width: 580px; + margin-left: auto; + margin-right: auto; +} +.header-04__heading .emoji { + margin-left: 0.3em; +} +.header-04__buttons { + max-width: 500px; + margin-left: auto; + margin-right: auto; +} +.comps .header-04__text { + margin: auto auto 60px auto; + max-width: 480px; +} +.header-04__logos { + margin-top: 170px; +} +.header-04__logos .logos__img { + opacity: 0.6; + transition: opacity 0.2s ease; +} +.header-04__logos .logos__img:hover { + opacity: 1; +} +.header-04__logos .logos__list { + justify-content: center; + margin-bottom: -40px; +} +.header-04__logos .logos__item { + margin: 0 20px 40px 10px; +} +@media (max-width: 1366px) { + .header-04__logos { + margin-top: 120px; + } +} +@media (max-width: 900px) { + .header-04__logos { + margin-top: 60px; + } +} +@media (max-width: 500px) { + .header-04__logos { + margin-top: 60px; + } + .header-04__logos .logos__item { + margin-left: 15px; + margin-right: 15px; + } +} +.page-component__bg_image_box--has-image .header-04__logos .logos__img { + opacity: 0.6; +} +.header-05__container, +.header-61__container { + position: relative; + z-index: 200; +} +.header-05__left_content, +.header-61__left_content { + max-width: 530px; + padding-top: 70px; +} +.first_component .header-05__left_content, +.first_component .header-61__left_content { + padding-top: 120px; +} +@media (max-width: 1100px) { + .first_component .header-05__left_content, + .first_component .header-61__left_content { + padding-top: 70px; + } +} +@media (min-width: 1101px) { + .header-05__left_content, + .header-61__left_content { + padding-bottom: 70px; + } +} +@media (max-width: 1100px) { + .header-05__left_content, + .header-61__left_content { + margin: auto; + text-align: center; + } +} +@media (min-width: 1101px) { + .header-05__left_content, + .header-61__left_content { + display: flex; + align-items: center; + } +} +@media (min-width: 1101px) { + .header-05__left_content { + min-height: 480px; + } +} +@media (min-width: 1200px) { + .header-05__left_content { + min-height: 510px; + } +} +@media (min-width: 1250px) { + .header-05__left_content { + min-height: 530px; + } +} +@media (min-width: 1300px) { + .live_website .header-05__left_content { + min-height: 550px; + } +} +@media (min-width: 1400px) { + .live_website .header-05__left_content { + min-height: 570px; + } +} +@media (min-width: 1450px) { + .live_website .header-05__left_content { + min-height: 590px; + } +} +@media (min-width: 1500px) { + .live_website .header-05__left_content { + min-height: 600px; + } +} +@media (min-width: 1550px) { + .live_website .header-05__left_content { + min-height: 630px; + } +} +@media (min-width: 1600px) { + .live_website .header-05__left_content { + min-height: 650px; + } +} +@media (min-width: 1700px) { + .live_website .header-05__left_content { + min-height: 670px; + } +} +@media (min-width: 1750px) { + .live_website .header-05__left_content { + min-height: 690px; + } +} +@media (min-width: 1800px) { + .live_website .header-05__left_content { + min-height: 700px; + } +} +@media (min-width: 1850px) { + .live_website .header-05__left_content { + min-height: 720px; + } +} +@media (min-width: 1900px) { + .live_website .header-05__left_content { + min-height: 730px; + } +} +@media (min-width: 1950px) { + .live_website .header-05__left_content { + min-height: 750px; + } +} +@media (min-width: 2000px) { + .live_website .header-05__left_content { + min-height: 760px; + } +} +@media (min-width: 2050px) { + .live_website .header-05__left_content { + min-height: 780px; + } +} +@media (min-width: 1101px) { + .header-61__left_content { + min-height: 500px; + } +} +@media (min-width: 1101px) { + .first_component .header-61__left_content { + min-height: 550px; + } +} +@media (min-width: 1200px) { + .header-61__left_content { + min-height: 530px; + } +} +@media (min-width: 1200px) { + .first_component .header-61__left_content { + min-height: 580px; + } +} +@media (min-width: 1250px) { + .header-61__left_content { + min-height: 550px; + } +} +@media (min-width: 1250px) { + .first_component .header-61__left_content { + min-height: 610px; + } +} +@media (min-width: 1300px) { + .live_website .header-61__left_content { + min-height: 570px; + } +} +@media (min-width: 1300px) { + .live_website .first_component .header-61__left_content { + min-height: 630px; + } +} +@media (min-width: 1101px) { + .desktop-mockup-inside--apple_imac .header-61__left_content, + .desktop-mockup-inside--apple_imac_pro .header-61__left_content, + .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content, + .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content { + min-height: 680px; + } +} +@media (min-width: 1200px) { + .desktop-mockup-inside--apple_imac .header-61__left_content, + .desktop-mockup-inside--apple_imac_pro .header-61__left_content, + .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content, + .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content { + min-height: 720px; + } +} +@media (min-width: 1250px) { + .desktop-mockup-inside--apple_imac .header-61__left_content, + .desktop-mockup-inside--apple_imac_pro .header-61__left_content, + .desktop-mockup-inside--apple_thunderbolt_display .header-61__left_content, + .desktop-mockup-inside--dell_ultrasharp_27 .header-61__left_content { + min-height: 740px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--apple_imac .header-61__left_content, + .live_website .desktop-mockup-inside--apple_imac_pro .header-61__left_content, + .live_website + .desktop-mockup-inside--apple_thunderbolt_display + .header-61__left_content, + .live_website + .desktop-mockup-inside--dell_ultrasharp_27 + .header-61__left_content { + min-height: 790px; + } +} +@media (min-width: 1101px) { + .first_component .desktop-mockup-inside--apple_imac .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_imac_pro + .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_thunderbolt_display + .header-61__left_content, + .first_component + .desktop-mockup-inside--dell_ultrasharp_27 + .header-61__left_content { + min-height: 720px; + } +} +@media (min-width: 1200px) { + .first_component .desktop-mockup-inside--apple_imac .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_imac_pro + .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_thunderbolt_display + .header-61__left_content, + .first_component + .desktop-mockup-inside--dell_ultrasharp_27 + .header-61__left_content { + min-height: 760px; + } +} +@media (min-width: 1250px) { + .first_component .desktop-mockup-inside--apple_imac .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_imac_pro + .header-61__left_content, + .first_component + .desktop-mockup-inside--apple_thunderbolt_display + .header-61__left_content, + .first_component + .desktop-mockup-inside--dell_ultrasharp_27 + .header-61__left_content { + min-height: 780px; + } +} +@media (min-width: 1300px) { + .live_website + .first_component + .desktop-mockup-inside--apple_imac + .header-61__left_content, + .live_website + .first_component + .desktop-mockup-inside--apple_imac_pro + .header-61__left_content, + .live_website + .first_component + .desktop-mockup-inside--apple_thunderbolt_display + .header-61__left_content, + .live_website + .first_component + .desktop-mockup-inside--dell_ultrasharp_27 + .header-61__left_content { + min-height: 830px; + } +} +@media (min-width: 1101px) { + .desktop-mockup-inside--chrome_window .header-61__left_content { + min-height: 570px; + } +} +@media (min-width: 1200px) { + .desktop-mockup-inside--chrome_window .header-61__left_content { + min-height: 600px; + } +} +@media (min-width: 1250px) { + .desktop-mockup-inside--chrome_window .header-61__left_content { + min-height: 620px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--chrome_window .header-61__left_content { + min-height: 640px; + } +} +@media (min-width: 1101px) { + .first_component + .desktop-mockup-inside--chrome_window + .header-61__left_content { + min-height: 600px; + } +} +@media (min-width: 1200px) { + .first_component + .desktop-mockup-inside--chrome_window + .header-61__left_content { + min-height: 630px; + } +} +@media (min-width: 1250px) { + .first_component + .desktop-mockup-inside--chrome_window + .header-61__left_content { + min-height: 650px; + } +} +@media (min-width: 1300px) { + .live_website + .first_component + .desktop-mockup-inside--chrome_window + .header-61__left_content { + min-height: 690px; + } +} +@media (min-width: 1101px) { + .first_component + .desktop-mockup-inside--safari_window + .header-61__left_content { + min-height: 600px; + } +} +@media (min-width: 1200px) { + .first_component + .desktop-mockup-inside--safari_window + .header-61__left_content { + min-height: 630px; + } +} +@media (min-width: 1250px) { + .first_component + .desktop-mockup-inside--safari_window + .header-61__left_content { + min-height: 640px; + } +} +@media (min-width: 1300px) { + .live_website + .first_component + .desktop-mockup-inside--safari_window + .header-61__left_content { + min-height: 670px; + } +} +@media (min-width: 1101px) { + .desktop-mockup-inside--safari_window .header-61__left_content { + min-height: 530px; + } +} +@media (min-width: 1200px) { + .desktop-mockup-inside--safari_window .header-61__left_content { + min-height: 560px; + } +} +@media (min-width: 1250px) { + .desktop-mockup-inside--safari_window .header-61__left_content { + min-height: 580px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--safari_window .header-61__left_content { + min-height: 600px; + } +} +@media (min-width: 1400px) { + .live_website .desktop-mockup-inside--safari_window .header-61__left_content { + min-height: 620px; + } +} +.header-61__mockup { + padding: 0 15px; +} +.header-61__left_content { + max-width: 440px; +} +.header-05__text, +.header-61__text { + max-width: 450px; +} +@media (max-width: 1100px) { + .header-05__text, + .header-61__text { + margin-left: auto; + margin-right: auto; + } +} +.header-05__cta_box, +.header-61__cta_box { + max-width: 480px; + margin-top: 45px; +} +@media (max-width: 1100px) { + .header-05__cta_box, + .header-61__cta_box { + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 1101px) { + .header-05__right, + .header-61__right { + position: absolute; + overflow: hidden; + right: 0; + top: 0; + height: 100%; + width: 100%; + } +} +@media (max-width: 1100px) { + .header-05__right, + .header-61__right { + padding: 60px 0 40px; + } +} +@media (max-width: 1100px) { + .header-61__right { + padding-bottom: 70px; + } +} +@media (min-width: 1101px) { + .header-05__right_wrapper, + .header-61__right_wrapper { + position: absolute; + top: 70px; + max-width: 60%; + } + .first_component .header-05__right_wrapper, + .first_component .header-61__right_wrapper { + top: 120px; + } +} +@media (min-width: 1101px) { + .header-05__right_wrapper { + right: -3%; + } +} +.header-61__right_wrapper { + max-width: 815px; +} +@media (max-width: 1100px) { + .header-61__right_wrapper { + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 1101px) { + .header-61__right_wrapper { + left: 43%; + } +} +@media (min-width: 1101px) { + .desktop-mockup-inside--apple_imac .header-61__right_wrapper, + .desktop-mockup-inside--apple_imac_pro .header-61__right_wrapper, + .desktop-mockup-inside--apple_thunderbolt_display .header-61__right_wrapper, + .desktop-mockup-inside--dell_ultrasharp_27 .header-61__right_wrapper, + .desktop-mockup-inside--chrome_window .header-61__right_wrapper, + .desktop-mockup-inside--safari_window .header-61__right_wrapper { + left: 48%; + } +} +@media (min-width: 1101px) { + .header-05__right_wrapper { + width: 60%; + } +} +.header-06, +.header-62 { + position: relative; + z-index: 100; + padding-bottom: 90px; +} +.header-62 { + padding-bottom: 70px; +} +.header-06__container, +.header-62__container { + position: relative; + z-index: 50; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding-top: 40px; +} +.first_component .header-06__container, +.first_component .header-62__container { + padding-top: 140px; +} +@media (max-width: 1366px) { + .first_component .header-06__container, + .first_component .header-62__container { + padding-top: 100px; + } +} +@media (max-width: 700px) { + .first_component .header-06__container, + .first_component .header-62__container { + padding-top: 70px; + } +} +.header-06__info, +.header-62__info { + width: 50%; + position: relative; + z-index: 10; +} +@media (max-width: 1000px) { + .header-06__info, + .header-62__info { + width: 60%; + } +} +@media (max-width: 760px) { + .header-06__info, + .header-62__info { + width: 100%; + margin-bottom: 100px; + text-align: center; + } +} +@media (max-width: 760px) { + .header-62__info { + margin-bottom: 60px; + } +} +.header-06__info_content, +.header-62__info_content { + max-width: 550px; +} +@media (max-width: 760px) { + .header-06__info_content, + .header-62__info_content { + margin-left: auto; + margin-right: auto; + } +} +.header-06__text, +.header-62__text { + max-width: 430px; +} +@media (max-width: 760px) { + .header-06__text, + .header-62__text { + margin-left: auto; + margin-right: auto; + } +} +.header-06__buttons_box, +.header-62__buttons_box { + margin-top: 45px; + max-width: 450px; +} +@media (max-width: 760px) { + .header-06__buttons_box, + .header-62__buttons_box { + margin-left: auto; + margin-right: auto; + } +} +.header-06__visual, +.header-62__visual { + position: relative; + z-index: 5; + width: 50%; + text-align: right; +} +@media (max-width: 1000px) { + .header-06__visual, + .header-62__visual { + width: 22%; + } +} +@media (max-width: 760px) { + .header-06__visual, + .header-62__visual { + width: 90%; + margin: auto; + } +} +@media (max-width: 500px) { + .header-06__visual, + .header-62__visual { + width: 60%; + } +} +.header-06__visual__wrapper, +.header-62__visual__wrapper { + position: relative; +} +.header-06__mockup--shift, +.header-62__mockup--shift { + position: absolute; + left: -25%; + right: 0; + bottom: 0; + top: 10%; + width: 100%; + margin: auto; +} +@media (min-width: 1200px) { + .header-06__mockup--shift, + .header-62__mockup--shift { + left: -45%; + } +} +@media (max-width: 500px) { + .header-06__mockup--shift, + .header-62__mockup--shift { + left: -60%; + } +} +.header-06__mockup--static, +.header-62__mockup--static { + position: relative; + z-index: 10; +} +@media (max-width: 760px) { + .header-06__mockup--static, + .header-62__mockup--static { + left: 30px; + } +} +@media (max-width: 500px) { + .header-06__mockup--static, + .header-62__mockup--static { + left: 20%; + } +} +@media (max-width: 1400px) { + .header-06__mockup, + .header-62__mockup { + display: flex; + justify-content: center; + flex-wrap: wrap; + } + .header-06__mockup .mockup, + .header-62__mockup .mockup { + width: 250px; + } +} +@media (max-width: 1366px) { + .header-06__mockup .mockup, + .header-62__mockup .mockup { + width: 200px; + } +} +.header-06__mockup--shift { + z-index: 10; +} +.header-62__mockup { + display: flex; + justify-content: center; + flex-wrap: wrap; +} +.header-62__mockup .mockup_v2 { + width: 250px; +} +@media (max-width: 1366px) { + .header-62__mockup .mockup_v2 { + width: 200px; + } +} +@media (max-width: 760px) { + .header-06__buttons, + .header-62__buttons { + justify-content: center; + } + .header-06__buttons .rich_download_app__item, + .header-62__buttons .rich_download_app__item { + margin-right: 8px; + margin-left: 8px; + } +} +.header-23 { + position: relative; +} +.header-23__container { + z-index: 50; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.first_component .header-23__container { + padding-top: 50px; +} +@media (max-width: 1020px) { + .header-23__container { + display: block; + } +} +.header-23__left { + position: relative; + z-index: 20; + width: 550px; + max-width: 550px; +} +@media (max-width: 1020px) { + .header-23__left { + width: 100%; + padding-bottom: 40px; + margin-left: auto; + margin-right: auto; + text-align: center; + } +} +.header-23__left_content { + padding-right: 55px; +} +@media (max-width: 1020px) { + .header-23__left_content { + padding-right: 0; + } +} +.header-23__text { + max-width: 400px; +} +@media (max-width: 1020px) { + .header-23__text { + margin-left: auto; + margin-right: auto; + } +} +.header-23__cta_box { + margin-top: 45px; + max-width: 400px; +} +@media (max-width: 1020px) { + .header-23__cta_box { + margin-left: auto; + margin-right: auto; + } +} +.header-23__right { + width: calc(100% - 550px); + text-align: center; +} +@media (max-width: 1020px) { + .header-23__right { + margin-left: auto; + margin-right: auto; + width: 100%; + max-width: 500px; + } +} +.header-23__img { + position: relative; + z-index: 10; + max-height: 500px; + max-width: 100%; + text-align: center; +} +@media (max-width: 600px) { + .header-23__img { + max-height: 300px; + } +} +.header-08, +.header-64 { + position: relative; + z-index: 100; +} +@media (max-width: 1250px) { + .header-64 { + padding-bottom: 70px; + } +} +.header-08__container, +.header-64__container { + position: relative; + z-index: 200; +} +@media (min-width: 1251px) { + .first_component .header-08__left, + .first_component .header-64__left { + padding-bottom: 40px; + } +} +@media (min-width: 1251px) { + .header-08__left_content_box, + .header-64__left_content_box { + padding-bottom: 40px; + } +} +.header-08__left_content, +.header-64__left_content { + max-width: 490px; + padding-top: 70px; +} +@media (max-width: 1250px) { + .header-08__left_content, + .header-64__left_content { + min-height: auto; + margin-left: auto; + margin-right: auto; + text-align: center; + } +} +@media (min-width: 1251px) { + .header-08__left_content, + .header-64__left_content { + display: flex; + align-items: center; + } +} +@media (min-width: 1251px) { + .header-08__left_content { + min-height: 570px; + } +} +@media (min-width: 1300px) { + .live_website .header-08__left_content { + min-height: 590px; + } +} +@media (min-width: 1400px) { + .live_website .header-08__left_content { + min-height: 610px; + } +} +@media (min-width: 1450px) { + .live_website .header-08__left_content { + min-height: 630px; + } +} +@media (min-width: 1500px) { + .live_website .header-08__left_content { + min-height: 640px; + } +} +@media (min-width: 1550px) { + .live_website .header-08__left_content { + min-height: 670px; + } +} +@media (min-width: 1600px) { + .live_website .header-08__left_content { + min-height: 690px; + } +} +@media (min-width: 1700px) { + .live_website .header-08__left_content { + min-height: 710px; + } +} +@media (min-width: 1750px) { + .live_website .header-08__left_content { + min-height: 730px; + } +} +@media (min-width: 1800px) { + .live_website .header-08__left_content { + min-height: 740px; + } +} +@media (min-width: 1850px) { + .live_website .header-08__left_content { + min-height: 760px; + } +} +@media (min-width: 1900px) { + .live_website .header-08__left_content { + min-height: 770px; + } +} +@media (min-width: 1950px) { + .live_website .header-08__left_content { + min-height: 790px; + } +} +@media (min-width: 2000px) { + .live_website .header-08__left_content { + min-height: 810px; + } +} +@media (min-width: 2050px) { + .live_website .header-08__left_content { + min-height: 830px; + } +} +@media (min-width: 1251px) { + .header-64__left_content { + min-height: 600px; + } +} +@media (min-width: 1300px) { + .live_website .header-64__left_content { + min-height: 620px; + } +} +@media (min-width: 1400px) { + .live_website .header-64__left_content { + min-height: 640px; + } +} +@media (min-width: 1251px) { + .desktop-mockup-inside--apple_imac .header-64__left_content, + .desktop-mockup-inside--apple_imac_pro .header-64__left_content, + .desktop-mockup-inside--apple_thunderbolt_display .header-64__left_content, + .desktop-mockup-inside--dell_ultrasharp_27 .header-64__left_content { + min-height: 780px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--apple_imac .header-64__left_content, + .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content, + .live_website + .desktop-mockup-inside--apple_thunderbolt_display + .header-64__left_content, + .live_website + .desktop-mockup-inside--dell_ultrasharp_27 + .header-64__left_content { + min-height: 800px; + } +} +@media (min-width: 1400px) { + .live_website .desktop-mockup-inside--apple_imac .header-64__left_content, + .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content, + .live_website + .desktop-mockup-inside--apple_thunderbolt_display + .header-64__left_content, + .live_website + .desktop-mockup-inside--dell_ultrasharp_27 + .header-64__left_content { + min-height: 820px; + } +} +@media (min-width: 1450px) { + .live_website .desktop-mockup-inside--apple_imac .header-64__left_content, + .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content, + .live_website + .desktop-mockup-inside--apple_thunderbolt_display + .header-64__left_content, + .live_website + .desktop-mockup-inside--dell_ultrasharp_27 + .header-64__left_content { + min-height: 840px; + } +} +@media (min-width: 1500px) { + .live_website .desktop-mockup-inside--apple_imac .header-64__left_content, + .live_website .desktop-mockup-inside--apple_imac_pro .header-64__left_content, + .live_website + .desktop-mockup-inside--apple_thunderbolt_display + .header-64__left_content, + .live_website + .desktop-mockup-inside--dell_ultrasharp_27 + .header-64__left_content { + min-height: 850px; + } +} +@media (min-width: 1251px) { + .desktop-mockup-inside--chrome_window .header-64__left_content { + min-height: 680px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--chrome_window .header-64__left_content { + min-height: 700px; + } +} +@media (min-width: 1400px) { + .live_website .desktop-mockup-inside--chrome_window .header-64__left_content { + min-height: 720px; + } +} +@media (min-width: 1450px) { + .live_website .desktop-mockup-inside--chrome_window .header-64__left_content { + min-height: 740px; + } +} +@media (min-width: 1500px) { + .live_website .desktop-mockup-inside--chrome_window .header-64__left_content { + min-height: 750px; + } +} +@media (min-width: 1251px) { + .desktop-mockup-inside--safari_window .header-64__left_content { + min-height: 640px; + } +} +@media (min-width: 1300px) { + .live_website .desktop-mockup-inside--safari_window .header-64__left_content { + min-height: 660px; + } +} +@media (min-width: 1400px) { + .live_website .desktop-mockup-inside--safari_window .header-64__left_content { + min-height: 680px; + } +} +@media (min-width: 1450px) { + .live_website .desktop-mockup-inside--safari_window .header-64__left_content { + min-height: 700px; + } +} +@media (min-width: 1500px) { + .live_website .desktop-mockup-inside--safari_window .header-64__left_content { + min-height: 710px; + } +} +.header-08__text, +.header-64__text { + max-width: 400px; +} +@media (max-width: 1250px) { + .header-08__text, + .header-64__text { + margin-left: auto; + margin-right: auto; + } +} +.header-08__cta_box, +.header-64__cta_box { + max-width: 480px; + margin-top: 45px; +} +.header-08__right, +.header-64__right { + position: absolute; + overflow: hidden; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +@media (max-width: 1250px) { + .header-08__right, + .header-64__right { + overflow: visible; + position: static; + margin-top: 40px; + padding-left: 15px; + padding-right: 15px; + } +} +.header-08__right_wrapper { + right: -10%; + top: 50%; +} +.header-64__right_wrapper { + left: 46%; + top: 52%; + max-width: 815px; +} +.desktop-mockup-inside--apple_imac .header-64__right_wrapper, +.desktop-mockup-inside--apple_imac_pro .header-64__right_wrapper, +.desktop-mockup-inside--apple_thunderbolt_display .header-64__right_wrapper, +.desktop-mockup-inside--dell_ultrasharp_27 .header-64__right_wrapper, +.desktop-mockup-inside--chrome_window .header-64__right_wrapper, +.desktop-mockup-inside--safari_window .header-64__right_wrapper { + left: 48%; +} +.header-08__right_wrapper, +.header-64__right .header-64__right_wrapper { + position: absolute; + transform: translateY(-50%); + width: 60%; +} +@media (max-width: 1250px) { + .header-08__right_wrapper, + .header-64__right .header-64__right_wrapper { + position: relative; + transform: none; + right: auto; + left: auto; + width: 100%; + margin-left: auto; + margin-right: auto; + } +} +.header-08__small_mockup, +.header-64__small_mockup { + position: absolute; + z-index: 150; + width: 18%; + bottom: -1%; +} +.header-08__small_mockup { + left: 5%; +} +.header-64__small_mockup { + width: 21%; +} +.desktop-mockup-inside--safari_window .header-64__small_mockup, +.desktop-mockup-inside--chrome_window .header-64__small_mockup { + bottom: -9%; + left: -2%; +} +.header-09, +.header-65 { + position: relative; + z-index: 100; +} +.header-09__container, +.header-65__container { + text-align: center; +} +.header-09__container { + padding-top: 70px; +} +.first_component .header-65__container { + padding-top: 50px; +} +.header-09__main, +.header-65__main { + margin-bottom: 70px; + position: relative; + z-index: 300; +} +@media (max-width: 400px) { + .header-09__main, + .header-65__main { + margin-bottom: 40px; + } +} +.header-09__main_content, +.header-65__main_content { + max-width: 550px; + margin: auto; +} +.header-09__text, +.header-65__text { + max-width: 450px; + margin: auto; +} +.header-09__action_box, +.header-65__action_box { + max-width: 480px; + margin: 45px auto auto; +} +.header-09__img_wrapper, +.header-65__img_wrapper { + position: relative; +} +.header-65__img_wrapper { + margin-left: auto; + margin-right: auto; + max-width: 815px; +} +.header-09__small_mockup, +.header-65__small_mockup { + position: absolute; + z-index: 150; + width: 18%; + left: 5%; + bottom: -1.3%; +} +@media (max-width: 500px) { + .header-26 .buttons-set__item { + width: auto; + margin-left: 3px; + margin-right: 3px; + } +} +.header-26__text { + padding-top: 100px; + max-width: 450px; + margin-left: auto; + margin-right: auto; + text-align: center; + color: rgba(48, 48, 48, 0.8); +} +.header-26__cta_box { + margin-top: 30px; +} +.header-26__mockups { + position: relative; + overflow: hidden; + height: 420px; + margin-top: 50px; +} +@media (max-width: 700px) { + .header-26__mockups { + height: 300px; + } +} +@media (max-width: 400px) { + .header-26__mockups { + height: 250px; + } +} +@media (max-width: 360px) { + .header-26__mockups { + height: 200px; + } +} +.header-26__mockup { + position: absolute; + width: 300px; + text-align: center; +} +.header-26__mockup--center { + z-index: 10; + top: 15px; + left: 0; + right: 0; + margin: auto; +} +.header-26__mockup--left { + left: 0; + right: 0; + margin: auto; + top: 10%; + transform: scale(0.9) translateX(-60%); +} +.header-26__mockup--right { + left: 0; + right: 0; + margin: auto; + top: 10%; + transform: scale(0.9) translateX(60%); +} +@media (max-width: 700px) { + .header-26__mockup { + width: 40%; + } +} +.header-27 { + position: relative; +} +.first_component .header-27 { + padding-top: 50px; +} +.header-27__container { + position: relative; + z-index: 10; + text-align: center; +} +.header-27__buttons { + margin-top: 40px; + margin-bottom: 50px; +} +@media (max-width: 840px) { + .header-27__buttons { + margin-bottom: 70px; + } +} +.header-27__links { + padding: 0; + margin: 0; + list-style: none; + text-align: center; + margin-bottom: -50px; +} +.header-27__item { + position: relative; + display: inline-block; + vertical-align: top; + margin: 0 15px 50px; + max-width: 250px; + padding: 10px 20px 15px 20px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + border-radius: 10px; + background-color: white; +} +.header-27__title { + margin-bottom: 7px; + font-size: 20px; +} +.font-source-code-pro .header-27__title { + font-size: 16px; +} +.header-27__info { + opacity: 0.6; + margin-bottom: 10px; + font-size: 14px; +} +.header-27__emoji { + position: absolute; + left: 0; + top: 0; + right: 0; + margin: auto; + transform: translateY(-50%); +} +.header-27__emoji img, +.header-27__emoji svg { + max-height: 30px; +} +.header-27__link .button--empty { + margin-bottom: -10px; +} +.header-28 { + position: relative; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.header-28__overlay { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + background-color: rgba(0, 0, 0, 0.75); +} +.header-28__container { + position: relative; + z-index: 10; +} +.first_component .header-28__container { + padding-top: 50px; +} +.header-28__buttons { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-top: 70px; +} +@media (max-width: 600px) { + .header-28__buttons { + margin-top: 40px; + } +} +.header-28__item { + width: 40%; + max-width: 400px; +} +@media (max-width: 600px) { + .header-28__item { + width: 100%; + margin-bottom: 70px; + } + .header-28__item:last-child { + margin-bottom: 0; + } +} +.header-28__text { + opacity: 0.8; + margin-bottom: 30px; +} +.header-29 { + position: relative; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.header-29__overlay { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + background-color: rgba(0, 0, 0, 0.75); +} +.header-29__container { + position: relative; + z-index: 10; + text-align: center; +} +.first_component .header-29__container { + padding-top: 50px; +} +.header-29__text_box { + max-width: 450px; + margin-left: auto; + margin-right: auto; +} +.header-29__buttons { + margin-top: 50px; +} +.header-30, +.header-31, +.header-32, +.header-33 { + position: relative; + padding-bottom: 100px; +} +@media (max-width: 770px) { + .header-30, + .header-31, + .header-32, + .header-33 { + padding-bottom: 70px; + } +} +.header-30 .score__stars, +.header-32 .score__stars, +.header-33 .score__stars { + background-color: transparent; + margin-left: auto; + margin-right: auto; + margin-bottom: 10px; +} +.header-30 .score__star, +.header-32 .score__star, +.header-33 .score__star { + width: 18px; +} +.header-30 .score__text, +.header-32 .score__text, +.header-33 .score__text { + line-height: 1.4; +} +.header-30 .score__text a, +.header-32 .score__text a, +.header-33 .score__text a { + opacity: 0.8; + transition: opacity 0.25s ease; +} +.header-30 .score__text a:hover, +.header-32 .score__text a:hover, +.header-33 .score__text a:hover { + opacity: 1; +} +.header-31 .rich_download_app { + justify-content: center; +} +.header-30__container, +.header-31__container, +.header-32__container, +.header-33__container { + position: relative; + z-index: 10; + padding-top: 140px; + text-align: center; +} +@media (max-width: 770px) { + .header-30__container, + .header-31__container, + .header-32__container, + .header-33__container { + padding-top: 100px; + } +} +.header-30__text_box, +.header-31__text_box, +.header-32__text_box, +.header-33__text_box { + max-width: 450px; + margin-left: auto; + margin-right: auto; +} +.header-30__buttons, +.header-31__buttons, +.header-32__buttons, +.header-33__buttons { + margin-top: 50px; +} +.header-35 { + position: relative; +} +.header-35__box { + position: relative; + z-index: 10; +} +.header-35__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.first_component .header-35__wrapper { + padding-top: 50px; +} +@media (max-width: 900px) { + .header-35__wrapper { + flex-direction: column; + } +} +.header-35__text_box { + width: 50%; +} +@media (max-width: 900px) { + .header-35__text_box { + width: 100%; + margin-bottom: 70px; + text-align: center; + } +} +.header-35__video_box { + overflow: hidden; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + width: 40%; + border-radius: 10px; +} +.header-35__video_box iframe.video-01__iframe { + position: relative; + z-index: 10; + height: 100%; + width: 100%; +} +@media (max-width: 900px) { + .header-35__video_box { + width: 100%; + max-width: 450px; + } +} +.header-35__video { + position: relative; + height: 210px; + background-color: #303030; +} +.header-35__video .spinner { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.header-35__heading { + margin-bottom: 30px; +} +.header-35__heading .emoji { + margin-left: 0.3em; +} +@media (max-width: 500px) { + .header-35__buttons { + text-align: center; + } + .header-35__buttons .buttons-set__item { + display: block; + margin: 0 0 15px 0; + } + .header-35__buttons .buttons-set__item:last-child { + margin-bottom: 0; + } +} +.comps .header-35__text { + margin-bottom: 40px; + max-width: 420px; +} +@media (max-width: 900px) { + .comps .header-35__text { + margin-left: auto; + margin-right: auto; + } +} +.header-35__features { + padding: 0; + margin: 0; + list-style: none; + position: relative; + z-index: 50; + display: flex; + justify-content: space-between; + align-items: flex-start; + margin-top: 100px; + padding-top: 50px; + border-top: 1px solid rgba(246, 246, 246, 0.2); +} +.bg-light_gray-color .header-35__features, +.bg-white-color .header-35__features { + border-top-color: #d8dde6; +} +.bg-medium-color .header-35__features, +.bg-light-color .header-35__features { + border-top-color: white; +} +.style-yellow-1:not(.custom-colors-enabled) .header-35__features { + border-top-color: #efbe32; +} +.custom-accent-color-bright .header-35__features { + border-top-color: #303030; +} +@media (max-width: 768px) { + .header-35__features { + display: block; + } +} +.header-35__feature { + width: 30%; + padding-right: 15px; +} +@media (max-width: 768px) { + .header-35__feature { + width: 100%; + margin-bottom: 40px; + text-align: center; + } + .header-35__feature:last-child { + margin-bottom: 0; + } +} +.header-35__feature_box { + display: inline-block; + max-width: 300px; +} +.header-39 { + position: relative; +} +@media (max-width: 500px) { + .header-40 .buttons-set__item { + width: auto; + margin-left: 3px; + margin-right: 3px; + } +} +.header-39__container { + position: relative; + z-index: 10; + text-align: center; +} +.first_component .header-39__container { + padding-top: 50px; +} +.header-39__text_box { + max-width: 450px; + margin-left: auto; + margin-right: auto; +} +.header-39__buttons { + margin-top: 50px; + margin-right: auto; + margin-left: auto; + max-width: 450px; +} +.header-39__video { + overflow: hidden; + position: relative; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + margin-top: 50px; + max-width: 800px; + margin-left: auto; + margin-right: auto; + height: 500px; + border-radius: 10px; + background-color: #303030; +} +.header-39__video iframe { + position: relative; + z-index: 10; + width: 100%; + height: 100%; +} +.header-39__video .spinner { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +@media (max-width: 800px) { + .header-39__video { + height: 300px; + } +} +@media (max-width: 400px) { + .header-39__video { + height: 200px; + } +} +.header-43__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.first_component .header-43__wrapper { + padding-top: 50px; +} +.header-43__buttons_box { + max-width: 450px; + margin-top: 30px; +} +.header-43__text_box { + max-width: 550px; +} +.header-43__img_box { + width: calc(100% - 550px); + padding-left: 20px; + padding-right: 20px; + text-align: center; + overflow: hidden; +} +@media (max-width: 700px) { + .header-43__img_box { + display: none; + } +} +.header-43__img { + max-height: 100px; +} +.header-43__img_box svg { + height: 100px; + width: 100%; +} +.first_component .header-44__wrapper { + padding-top: 50px; +} +.header-44__text_box { + max-width: 500px; +} +.header-44__img { + max-width: 90px; + width: 100%; +} +.header-44__buttons_box { + margin-top: 40px; +} +.header-49 { + margin-bottom: 180px; +} +@media (max-width: 900px) { + .header-49 { + padding-bottom: 30px; + margin-bottom: 0; + } +} +.header-49__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.first_component .header-49__wrapper { + padding-top: 50px; +} +.header-49__text_box { + max-width: 500px; +} +.header-49__buttons_box { + margin-top: 30px; +} +.header-49__img_box { + width: calc(100% - 550px); + padding-left: 20px; + padding-right: 20px; + text-align: center; +} +@media (max-width: 700px) { + .header-49__img_box { + display: none; + } +} +.header-49__img { + max-width: 120px; + width: 100%; + object-fit: contain; +} +@media (max-width: 800px) { + .header-49__img { + display: none; + } +} +.header-49__features_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + padding: 30px 30px 0; + transform: translateY(140px); + margin-top: -40px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + border-radius: 10px; + background-color: white; +} +@media (max-width: 900px) { + .header-49__features_list { + justify-content: center; + transform: none; + padding: 0; + margin-top: 80px; + box-shadow: none; + background-color: transparent; + } +} +.header-49__feature { + position: relative; + padding-left: 15px; + padding-right: 15px; + margin-bottom: 30px; + width: 32%; + text-align: center; +} +@media (max-width: 900px) { + .header-49__feature { + width: 100%; + max-width: 300px; + margin-left: 15px; + margin-right: 15px; + padding: 20px 20px 20px 20px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + border-radius: 10px; + background-color: white; + } +} +@media (max-width: 400px) { + .header-49__feature { + flex-direction: column; + margin-right: 0; + margin-left: 0; + } +} +.header-49__icon { + margin-left: auto; + margin-right: auto; + margin-bottom: 10px; + width: 40px; + object-fit: contain; +} +.header-49__feature_title { + margin-top: 0; +} +.header-49__text { + opacity: 0.8; + margin-bottom: 10px; +} +.header-50, +.header-51, +.header-52, +.header-53 { + position: relative; + padding-bottom: 100px; +} +.header-50 .buttons-set__item, +.header-51 .buttons-set__item, +.header-52 .buttons-set__item, +.header-53 .buttons-set__item { + padding-bottom: 0; +} +@media (max-width: 400px) { + .header-50, + .header-51, + .header-52, + .header-53 { + padding-bottom: 70px; + } +} +.header-50__box, +.header-51__box, +.header-52__box, +.header-53__box { + position: relative; + z-index: 10; +} +.header-50__wrapper, +.header-51__wrapper, +.header-52__wrapper, +.header-53__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding-top: 170px; +} +@media (max-width: 900px) { + .header-50__wrapper, + .header-51__wrapper, + .header-52__wrapper, + .header-53__wrapper { + padding-top: 100px; + flex-direction: column; + } +} +.header-50__text_box, +.header-51__text_box, +.header-52__text_box, +.header-53__text_box { + width: 50%; +} +@media (max-width: 900px) { + .header-50__text_box, + .header-51__text_box, + .header-52__text_box, + .header-53__text_box { + width: 100%; + margin-bottom: 70px; + text-align: center; + } +} +.header-50__video_box, +.header-51__video_box, +.header-52__video_box, +.header-53__video_box { + overflow: hidden; + width: 40%; + border-radius: 10px; +} +@media (max-width: 900px) { + .header-50__video_box, + .header-51__video_box, + .header-52__video_box, + .header-53__video_box { + width: 100%; + max-width: 450px; + } +} +.header-50__video, +.header-51__video, +.header-52__video, +.header-53__video { + position: relative; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + height: 210px; + background-color: #303030; +} +.header-50__video iframe, +.header-51__video iframe, +.header-52__video iframe, +.header-53__video iframe { + position: relative; + z-index: 10; + width: 100%; + height: 100%; +} +.header-50__video .spinner, +.header-51__video .spinner, +.header-52__video .spinner, +.header-53__video .spinner { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.header-50__heading, +.header-51__heading, +.header-52__heading, +.header-53__heading { + margin-bottom: 30px; +} +.header-50__heading .emoji, +.header-51__heading .emoji, +.header-52__heading .emoji, +.header-53__heading .emoji { + margin-left: 0.3em; +} +@media (max-width: 500px) { + .header-50__buttons, + .header-51__buttons, + .header-52__buttons, + .header-53__buttons { + text-align: center; + } + .header-50__buttons .buttons-set__item, + .header-51__buttons .buttons-set__item, + .header-52__buttons .buttons-set__item, + .header-53__buttons .buttons-set__item { + display: block; + margin: 0 0 15px 0; + } + .header-50__buttons .buttons-set__item:last-child, + .header-51__buttons .buttons-set__item:last-child, + .header-52__buttons .buttons-set__item:last-child, + .header-53__buttons .buttons-set__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 500px) { + .header-51__buttons .buttons-set__item { + vertical-align: top; + display: inline-block; + width: auto; + margin-left: 3px; + margin-right: 3px; + } +} +.header-50__text, +.header-51__text, +.header-52__text, +.header-53__text { + margin-bottom: 40px; + max-width: 420px; +} +@media (max-width: 900px) { + .header-50__text, + .header-51__text, + .header-52__text, + .header-53__text { + margin-left: auto; + margin-right: auto; + } +} +.photos-01__images_row { + display: flex; + justify-content: center; + flex-wrap: wrap; +} +.photos-01__person { + width: 25%; + min-width: 140px; + font-size: 0; +} +@media (max-width: 340px) { + .photos-01__person { + margin-bottom: 20px; + } + .photos-01__person:last-child { + margin-bottom: 0; + } +} +.photos-01__image_box { + position: relative; + padding-bottom: 100%; +} +.photos-01__image { + width: 100%; + height: 100%; + position: absolute; + object-position: center; + object-fit: cover; +} +.photos-01__link { + transition: -webkit-filter 0.2s ease; + transition: filter 0.2s ease; + transition: filter 0.2s ease, -webkit-filter 0.2s ease; +} +.photos-01__link:hover { + -webkit-filter: contrast(1.4); + filter: contrast(1.4); +} +.photos-02__img_box { + text-align: center; +} +.photos-02__img { + max-width: 100%; +} +.photos-03__img_box { + text-align: center; +} +.photos-03__img { + max-width: 100%; +} +.roadmap-01 { + padding-top: 70px; + padding-bottom: 70px; +} +.roadmap-01__title_box { + margin-bottom: 100px; + text-align: center; +} +.roadmap-01__container { + overflow: hidden; + position: relative; +} +.roadmap-01__wrapper { + padding-right: 40px; +} +.body--desktop .roadmap-01__wrapper { + overflow: hidden; +} +.body--mobile .roadmap-01__wrapper { + overflow: auto; +} +.roadmap-01__box { + width: 10000px; + padding-left: 20%; + padding-bottom: 40px; +} +.roadmap-01__box:after { + content: ' '; + visibility: hidden; + display: block; + height: 0; + clear: both; +} +@media (max-width: 1024px) { + .roadmap-01__box { + padding-left: 50px; + } +} +.roadmap-01__link { + margin-top: 70px; + padding-left: 15px; + padding-right: 15px; + text-align: center; +} +.roadmap-01__column { + position: relative; + float: left; + width: 330px; + padding: 20px 15px 40px; + margin-right: 30px; + border-radius: 4px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.3); +} +.roadmap-01__top { + margin-bottom: 20px; +} +.roadmap-01__category { + margin: 0 0 0.2em 0; + color: white; +} +.roadmap-01__date { + opacity: 0.6; + color: white; + font-size: 14px; + text-transform: uppercase; +} +.roadmap-01__items_list { + padding: 0; + margin: 0; + list-style: none; +} +.roadmap-01__item { + padding: 12px 14px 12px; + margin-bottom: 15px; + background-color: white; + border-radius: 4px; +} +.roadmap-01__item:last-child { + margin-bottom: 0; +} +.roadmap-01__item_title { + font-weight: 700; + line-height: 1.4; +} +.roadmap-01__item_title .emoji { + margin-left: 0.3em; +} +.roadmap-01__item_text { + margin-top: 10px; + line-height: 1.4; +} +.bg-white-color .roadmap-01__shadow, +.bg-light_gray-color .roadmap-01__shadow, +.bg-medium-color .roadmap-01__shadow, +.bg-light-color .roadmap-01__shadow { + position: absolute; + top: 0; + bottom: 0; + width: 50px; + z-index: 10; +} +.bg-white-color .roadmap-01__shadow--left, +.bg-light_gray-color .roadmap-01__shadow--left, +.bg-medium-color .roadmap-01__shadow--left, +.bg-light-color .roadmap-01__shadow--left { + left: 0; + background-image: linear-gradient( + to right, + rgba(255, 255, 255, 0.6) 10%, + rgba(255, 255, 255, 0) 100% + ); +} +@media (max-width: 1024px) { + .bg-white-color .roadmap-01__shadow--left, + .bg-light_gray-color .roadmap-01__shadow--left, + .bg-medium-color .roadmap-01__shadow--left, + .bg-light-color .roadmap-01__shadow--left { + left: -20px; + } +} +.bg-white-color .roadmap-01__shadow--right, +.bg-light_gray-color .roadmap-01__shadow--right, +.bg-medium-color .roadmap-01__shadow--right, +.bg-light-color .roadmap-01__shadow--right { + right: 0; + background-image: linear-gradient( + to left, + rgba(255, 255, 255, 0.6) 10%, + rgba(255, 255, 255, 0) 100% + ); +} +@media (max-width: 1024px) { + .bg-white-color .roadmap-01__shadow--right, + .bg-light_gray-color .roadmap-01__shadow--right, + .bg-medium-color .roadmap-01__shadow--right, + .bg-light-color .roadmap-01__shadow--right { + right: -20px; + } +} +.roadmap-02 { + padding-top: 70px; + padding-bottom: 70px; +} +.roadmap-02__title_box { + margin-bottom: 50px; + text-align: center; +} +.roadmap-02__timeline { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-bottom: 70px; +} +.roadmap-02__timeline:before { + content: ''; + position: absolute; + left: 59px; + width: 1px; + top: 0; + bottom: 0; + background-color: #d8dde6; +} +.roadmap-02__item { + display: flex; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: nowrap; +} +.roadmap-02__year { + margin-top: 0; + margin-bottom: 0; + margin-right: 55px; + font-size: 14px; + font-weight: 400; +} +.roadmap-02__info { + padding: 0; + margin: 0; + list-style: none; +} +.roadmap-02__info_item { + position: relative; + margin-bottom: 30px; +} +.roadmap-02__info_item:before { + content: ''; + position: absolute; + width: 7px; + height: 7px; + top: 6px; + left: -33px; + border-radius: 50%; + background-color: #d8dde6; + border: 2px solid white; +} +.font-source-code-pro .roadmap-02__info_item:before { + left: -34px; +} +.roadmap-02__content { + opacity: 0.8; + margin-bottom: 5px; + line-height: 1.4; +} +.roadmap-02__content a:hover { + color: #041ddf; +} +.roadmap-02__date { + opacity: 0.4; + font-size: 14px; +} +.roadmap-02__link { + text-align: center; +} +.team-01 { + position: relative; +} +.team-01__title_box { + margin-bottom: 50px; + text-align: center; +} +.team-01__images_row { + display: flex; + justify-content: center; + flex-wrap: wrap; +} +.team-01__person { + width: 230px; + height: 230px; + padding: 40px; + font-size: 0; +} +.team-01__image_box { + display: flex; + height: 100%; + justify-content: center; + align-items: center; + overflow: hidden; + background-color: #eee; + border-radius: 50%; + box-shadow: 0 7px 25px 0 rgba(37, 44, 97, 0.1); +} +.team-01__image { + max-width: 100%; + max-height: 100%; +} +.team-01__link { + transition: -webkit-filter 0.2s ease; + transition: filter 0.2s ease; + transition: filter 0.2s ease, -webkit-filter 0.2s ease; +} +.team-01__link:hover { + -webkit-filter: contrast(1.4); + filter: contrast(1.4); +} +.team-02 { + position: relative; +} +.team-02__decoration { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: auto; + width: 100%; + max-width: 800px; + z-index: -1; +} +.team-02__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: -40px; +} +.team-02__person { + width: 260px; + padding: 25px 20px 10px; + margin: 0 20px 40px; + background-color: white; + box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15); + border-radius: 10px; + text-align: center; +} +.team-02__person_img_box { + width: 100px; + height: 100px; + margin-bottom: 15px; + margin-top: 10px; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + box-shadow: 0 7px 25px 0 rgba(37, 44, 97, 0.1); + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + background-color: #eee; +} +.team-02__person_img { + max-width: 100%; + max-height: 100%; +} +.team-02__person_name { + margin-bottom: 15px; + letter-spacing: 0.02em; + font-size: 12px; + font-weight: 700; + text-transform: uppercase; +} +.team-02__person_tag { + margin-bottom: 15px; +} +.comps .team-02__person_about { + margin-bottom: 15px; + font-size: 14px; + line-height: 1.6; + color: #545454; +} +.team-02__person_social { + margin-bottom: 15px; +} +.team-02__person_social .social-buttons__link { + opacity: 0.2; +} +.team-02__person_social .social-buttons__link:hover { + opacity: 0.5; + transform: translateY(-2px); +} +.team-03 { + position: relative; +} +.team-03__title_box { + margin-bottom: 50px; + text-align: center; +} +.team-03__decoration { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: auto; + width: 100%; + max-width: 800px; + z-index: -1; +} +.team-03__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin-bottom: -20px; +} +.team-03__person { + width: 270px; + min-height: 100px; + line-height: 1.4; + padding: 15px; + margin: 0 10px 20px 10px; + background-color: white; + box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15); + border-radius: 10px; +} +.team-03__person:hover .team-03__person_mention { + opacity: 0.7; +} +.team-03__person_box { + display: flex; + justify-content: space-between; + flex-direction: column; + height: 100%; +} +.team-03__person_top { + position: relative; +} +.team-03__person_img_box { + position: absolute; + right: 0; + top: 0; + width: 30px; + height: 30px; + margin-bottom: 15px; + border-radius: 50%; + box-shadow: 0 7px 25px 0 rgba(37, 44, 97, 0.1); + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + background-color: #eee; +} +.team-03__person_img { + max-width: 100%; + max-height: 100%; +} +.team-03__person_name { + margin-bottom: 2px; + padding-right: 35px; + font-size: 14px; +} +.team-03__person_mention { + opacity: 0.2; + font-size: 14px; + transition: opacity 0.25s ease; +} +.team-03__person_mention, +.team-03__person_mention:focus, +.team-03__person_mention:hover, +.team-03__person_mention:visited { + color: #303030; + text-decoration: none; +} +.team-03__person_title { + margin-top: 10px; + font-size: 14px; +} +.team-04 { + padding: 70px 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} +.team-04 .heading, +.team-04 .text--04__big_text { + margin-top: 0; + margin-bottom: 40px; + text-align: center; +} +.team-04 p { + margin: 0; + text-align: center; +} +.team-04 .container--small { + margin-bottom: 50px; +} +.team-04__list { + padding: 0; + margin: 0; + list-style: none; + width: 100%; + margin-bottom: 80px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +@media (max-width: 900px) { + .team-04__list { + margin-bottom: 40px; + justify-content: center; + background-color: transparent; + border-radius: unset; + box-shadow: none; + } +} +.team-04__person { + width: calc(100% / 5); + padding: 45px 0; + box-sizing: border-box; + border-right: 1px solid rgba(151, 151, 151, 0.2); + background-color: white; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.team-04__person:nth-child(1) { + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; +} +.team-04__person:last-child { + border-right: none; + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; +} +.team-04__person:hover .team-04__person_img { + transform: translateY(-4px); +} +@media (max-width: 900px) { + .team-04__person { + width: 32%; + padding: 30px 0; + margin-right: 2%; + margin-bottom: 20px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2); + background-color: white; + } + .team-04__person:nth-child(3n) { + margin-right: 0; + } +} +@media (max-width: 600px) { + .team-04__person { + width: 48%; + padding: 30px 0; + margin-bottom: 20px; + margin-right: 2%; + } + .team-04__person:nth-child(2n) { + margin-right: 0; + } + .team-04__person:nth-child(3n) { + margin-right: 2%; + } +} +@media (max-width: 450px) { + .team-04__person { + width: 60%; + max-width: 250px; + margin-right: 0; + } + .team-04__person:nth-child(2n) { + margin-right: 0; + } + .team-04__person:nth-child(3n) { + margin-right: 0; + } +} +.team-04__person_img { + width: 100px; + height: 100px; + margin: 0 auto 15px; + border-radius: 50%; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-color: #eee; + box-shadow: 0 7px 25px 0 rgba(37, 44, 97, 0.1); + transition: all 0.2s ease; +} +.team-04__person_name { + margin-bottom: 25px; + font-size: 12px; + line-height: 1.4; + text-align: center; + text-transform: uppercase; +} +.team-04__person_social .social-buttons__link { + opacity: 0.2; +} +.team-04__person_social .social-buttons__link:hover { + opacity: 0.5; + transform: translateY(-2px); +} +.team-04__button { + text-align: center; +} +.team-05 { + padding: 70px 0; + background-color: #f6f6f6; +} +.team-05__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; +} +.team-05__person { + width: 200px; + padding: 25px; + display: flex; + align-items: center; + flex-direction: column; + text-align: center; + box-sizing: border-box; +} +.team-05__person:hover .team-05__person_img { + -webkit-filter: contrast(1.4); + filter: contrast(1.4); +} +@media (max-width: 430px) { + .team-05__person { + width: 100%; + max-width: 200px; + } +} +.team-05__person_img { + width: 100px; + height: 100px; + margin-bottom: 10px; + border-radius: 50%; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-color: #eee; + transition: all 0.2s ease; +} +.team-05__person_name { + margin-bottom: 5px; + line-height: 1.4; +} +.team-05__person_title { + font-size: 12px; + line-height: 1.4; + color: #303030; + opacity: 0.6; +} +.team-05__person--special { + padding-top: 25px; + align-self: center; + background-color: white; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + position: relative; +} +@media (max-width: 430px) { + .team-05__person--special { + width: 100%; + margin-top: 40px; + max-width: 200px; + } +} +.team-05__emoji_box { + width: 30px; + height: 30px; + position: absolute; + top: -15px; + left: 50%; + transform: translateX(-50%); +} +.team-05__emoji_box .emoji { + max-width: 30px; + max-height: 30px; + width: 100%; +} +.team-05__content { + margin-top: 0; + margin-bottom: 15px; + font-size: 16px; + font-weight: 400; + line-height: 1.4; + opacity: 0.8; +} +.font-source-code-pro .team-05__content { + font-size: 14px; +} +.font-source-code-pro .team-05__button .button { + font-size: 13px; +} +.slider-01 { + padding-bottom: 70px; +} +.slider-01 .slick-list { + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.slider-01 .slider__arrow--prev { + transform: translateY(-50%) translateX(-130%); +} +.slider-01 .slider__arrow--next { + transform: translateY(-50%) translateX(130%); +} +.slider-01__container { + text-align: center; + font-size: 0; +} +.slider-02 { + padding-top: 70px; + padding-bottom: 100px; +} +.slider-02 .slick-track { + padding: 15px 0 35px; +} +.slider-02 .slider__arrow--prev { + transform: translateY(-50%) translateX(-130%); +} +.slider-02 .slider__arrow--next { + transform: translateY(-50%) translateX(130%); +} +.slider-02__title_box { + text-align: center; + margin-bottom: 70px; +} +@media (max-width: 500px) { + .slider-02__title_box { + margin-bottom: 30px; + } +} +.slider-02__container { + text-align: center; +} +.slider-02__item_box { + padding: 0 20px; +} +@media (max-width: 1024px) { + .slider-02__item_box { + padding-left: 10px; + padding-right: 10px; + } +} +.slider-02__img { + position: relative; + z-index: 10; + max-height: 500px; + max-width: 70vw; + margin-left: auto; + margin-right: auto; + border-radius: 10px; + transform: scale(0.9); + opacity: 0.65; + box-shadow: 0 7px 25px 0 rgba(37, 44, 97, 0.1); + cursor: pointer; + transition: box-shadow 0.5s ease, transform 0.5s ease, opacity 0.5s ease; +} +.slider-02__img:hover { + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.slick-current .slider-02__img { + cursor: default; + opacity: 1; + transform: none; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.slick-current .slider-02__img:hover { + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +@media (max-width: 1024px) { + .slider-02__img { + max-height: 400px; + } +} +@media (max-width: 1024px) { + .slider-02__img { + max-height: 330px; + } +} +@media (max-width: 750px) { + .slider-02__img { + max-height: initial; + width: 90vw; + max-width: 100vw; + } +} +.slider-02__item_info_box { + position: relative; + z-index: 1; + width: 50%; + min-width: 300px; + max-width: 500px; + margin-left: auto; + margin-right: auto; + text-align: left; + transition: transform 0.5s 0.2s ease, opacity 0.5s 0.2s ease; + transform: translateY(-10%); + opacity: 0; +} +.slick-current .slider-02__item_info_box { + opacity: 1; + transform: none; +} +@media (max-width: 400px) { + .slider-02__item_info_box { + width: calc(100vw - 50px); + } +} +.slider-02__item_info { + position: relative; + z-index: 10; + padding: 10px 30px 30px; + border: 2px solid #d8dde6; + border-top: none; + border-radius: 0 0 10px 10px; + background-color: white; +} +.slider-02__item_text { + line-height: 1.4; + opacity: 0.7; +} +.slider-02__item_badges { + display: flex; + justify-content: flex-end; + align-items: flex-end; + flex-wrap: wrap; + flex-direction: column; + position: absolute; + left: 0; + top: 20px; + transform: translateX(-100%); +} +@media (max-width: 600px) { + .slider-02__item_badges { + display: none; + } +} +.slider-02__item_badge { + display: block; + padding: 3px 10px 3px 20px; + margin-bottom: 10px; + border-radius: 999px 0 0 999px; + border-width: 2px; + border-style: solid; + border-right: none; + font-weight: 700; + text-transform: uppercase; + font-size: 10px; + transition: transform 0.7s ease, opacity 0.7s ease; + transform: translateX(10px); + opacity: 0; +} +.slider-02__item_badge--color-ocean { + border-color: #4d61fc; + color: #4d61fc; +} +.slider-02__item_badge--color-acid { + border-color: #4addb4; + color: #4addb4; +} +.slider-02__item_badge--color-magenta { + border-color: #f90473; + color: #f90473; +} +.slider-02__item_badge--color-orange { + border-color: #ffb75d; + color: #ffb75d; +} +.slider-02__item_badge--color-black { + border-color: #303030; + color: #303030; +} +.slider-02__item_badge--color-midnight { + border-color: #00396b; + color: #00396b; +} +.slick-current .slider-02__item_badge { + opacity: 1; + transform: none; +} +.slider-02__item_badge:nth-child(1) { + transition-delay: 500ms; +} +.slider-02__item_badge:nth-child(2) { + transition-delay: 570ms; +} +.slider-02__item_badge:nth-child(3) { + transition-delay: 640ms; +} +.slider-02__item_badge:nth-child(4) { + transition-delay: 710ms; +} +.slider-02__item_badge:nth-child(5) { + transition-delay: 780ms; +} +.slider-02__item_badge:nth-child(6) { + transition-delay: 850ms; +} +.slider-02__item_badge:nth-child(7) { + transition-delay: 920ms; +} +.slider-02__item_badge:nth-child(8) { + transition-delay: 990ms; +} +.slider-02__item_badge:nth-child(9) { + transition-delay: 1060ms; +} +.slider-02__item_badge:nth-child(10) { + transition-delay: 1130ms; +} +.slider-03 { + padding-top: 70px; + padding-bottom: 200px; +} +.slider-03 .slick-list { + padding: 0 !important; +} +.slider-03__container { + position: relative; + text-align: center; +} +.slider-03__slider { + position: relative; + z-index: 10; + top: 75px; +} +.slider-03__item { + margin-right: 40px; +} +@media (max-width: 400px) { + .slider-03__item { + margin-right: 20px; + } +} +.slider-03__img { + opacity: 0.65; + max-width: 245px; + transform: scale(0.8); + width: 245px; + border-radius: 3px; + cursor: pointer; + transition: box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease; +} +.slider-03__img:hover { + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.slick-current .slider-03__img { + cursor: default; + opacity: 1; + transform: none; +} +@media (max-width: 750px) { + .slider-03__img { + max-width: 166px; + } +} +.slider-03__mockup_container { + position: absolute; + left: 0; + right: 0; + top: 2px; + margin: auto; +} +@media (max-width: 750px) { + .slider-03__mockup_container { + top: 23px; + } + .slider-03 .slider-03__mockup_container .mockup__case { + max-width: 200px; + } +} +.slider-04 { + padding-top: 70px; + padding-bottom: 70px; +} +.slider-04 .slider__arrow--prev, +.slider-10 .slider__arrow--prev { + left: 20px; +} +.slider-04 .slider__arrow--next, +.slider-10 .slider__arrow--next { + right: 20px; +} +@media (max-width: 1275px) { + .slider-04 .slider__arrow, + .slider-10 .slider__arrow { + display: block; + } +} +@media (max-width: 440px) { + .slider-04 .slider__arrow, + .slider-10 .slider__arrow { + display: none; + } +} +.slider-04__wrapper, +.slider-10__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; +} +@media (max-width: 950px) { + .slider-04__wrapper, + .slider-10__wrapper { + flex-direction: column; + } +} +.slider-04__slider_container, +.slider-10__slider_container { + position: relative; + width: 50%; + text-align: center; +} +@media (max-width: 950px) { + .slider-04__slider_container, + .slider-10__slider_container { + width: 100%; + max-width: 480px; + margin-bottom: 100px; + } +} +@media (max-width: 750px) { + .slider-04__slider_container, + .slider-10__slider_container { + margin-bottom: 50px; + } +} +.slider-04__slider_container { + padding-bottom: 165px; +} +.slider-04__slider, +.slider-10__slider { + position: relative; + z-index: 10; +} +.slider-04__slider { + top: 76px; +} +.slider-04__item, +.slider-10__item { + text-align: center; +} +.slider-04__img, +.slider-10__img { + max-width: 245px; + border-radius: 3px; + margin-left: auto; + margin-right: auto; +} +@media (max-width: 750px) { + .slider-04__img { + max-width: 166px; + } +} +@media (max-width: 750px) { + .slider-10__img { + max-width: 195px; + } +} +.slider-04__mockup_container, +.slider-10__mockup_container { + position: absolute; + left: 0; + right: 0; + top: 2px; + margin: auto; +} +@media (max-width: 750px) { + .slider-04__mockup_container, + .slider-10__mockup_container { + top: 23px; + } + .slider-04 .slider-04__mockup_container .mockup__case, + .slider-04 .slider-10__mockup_container .mockup__case { + max-width: 200px; + } + .slider-10 .slider-04__mockup_container .mockup__case, + .slider-10 .slider-10__mockup_container .mockup__case { + max-width: 200px; + } +} +.slider-04__text_container, +.slider-10__text_container { + padding: 0; + margin: 0; + list-style: none; +} +.slider-04__feature, +.slider-10__feature { + margin-bottom: 40px; + max-width: 400px; +} +.slider-04__feature:last-child, +.slider-10__feature:last-child { + margin-bottom: 0; +} +.slider-05 .slider__arrow--prev { + left: 10px; +} +.slider-05 .slider__arrow--next { + right: 10px; +} +@media (max-width: 1275px) { + .slider-05 .slider__arrow { + display: block; + } +} +@media (max-width: 600px) { + .slider-05 .slider__arrow { + display: none; + } +} +.slider-05__wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; +} +@media (max-width: 950px) { + .slider-05__wrapper { + flex-direction: column; + } +} +.slider-05__slider_container { + position: relative; + width: 60%; + max-width: 750px; + text-align: center; +} +@media (max-width: 1250px) { + .slider-05__slider_container { + max-width: 580px; + } +} +@media (max-width: 950px) { + .slider-05__slider_container { + width: 100%; + max-width: 100%; + } +} +.slider-05__slider { + position: relative; + z-index: 10; +} +.slider-05__item { + padding-bottom: 40px; + padding-top: 40px; + text-align: center; +} +@media (max-width: 950px) { + .slider-05__item { + padding: 40px 25px; + } +} +.slider-05__img { + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + cursor: zoom-in; +} +@media (max-width: 1250px) { + .slider-05__img { + max-width: 400px; + } +} +@media (max-width: 950px) { + .slider-05__img { + max-width: 700px; + width: calc(100% - 180px); + } +} +@media (max-width: 600px) { + .slider-05__img { + width: 100%; + } +} +.slider-05__text_container { + padding: 0; + margin: 0; + list-style: none; + padding-left: 60px; +} +@media (max-width: 1370px) { + .slider-05__text_container { + padding-left: 40px; + padding-right: 40px; + } +} +@media (max-width: 1250px) { + .slider-05__text_container { + padding-left: 50px; + } +} +@media (max-width: 950px) { + .slider-05__text_container { + padding-left: 0; + padding-right: 0; + margin-top: 70px; + } +} +@media (max-width: 600px) { + .slider-05__text_container { + margin-top: 90px; + } +} +.slider-05__feature { + margin-bottom: 40px; + max-width: 400px; +} +.slider-05__feature:last-child { + margin-bottom: 0; +} +.slider-06 { + position: relative; + padding-top: 70px; + padding-bottom: 70px; +} +.slider-06 .slider__arrow { + bottom: 0; + top: auto; +} +.slider-06 .slider__arrow--prev { + left: 50%; + transform: translateX(-130%); +} +.slider-06 .slider__arrow--next { + right: 50%; + transform: translateX(130%); +} +@media (max-width: 1275px) { + .slider-06 .slider__arrow { + display: block; + } +} +.slider-06__container { + text-align: center; +} +.slider-06__slider { + padding-bottom: 90px; +} +.slider-06__item_box { + padding: 10px 30px 40px; +} +@media (max-width: 600px) { + .slider-06__item_box { + padding-left: 10px; + padding-right: 10px; + } +} +.slider-06__img { + max-width: 500px; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + cursor: zoom-in; +} +@media (max-width: 600px) { + .slider-06__img { + max-width: 300px; + } +} +@media (max-width: 1275px) { + .slider-07 .slider__arrow { + display: block; + } +} +@media (max-width: 600px) { + .slider-07 .slider__arrow { + display: none; + } +} +.slider-07__wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; +} +@media (max-width: 950px) { + .slider-07__wrapper { + flex-direction: column-reverse; + } +} +.slider-07__slider_wrapper { + width: 60%; + max-width: 750px; + position: relative; + text-align: center; +} +@media (max-width: 1250px) { + .slider-07__slider_wrapper { + max-width: 580px; + } +} +@media (max-width: 950px) { + .slider-07__slider_wrapper { + width: 100%; + max-width: 100%; + margin-bottom: 70px; + } +} +.slider-07__slider { + position: relative; +} +.slider-07__item { + padding: 40px 0; + margin: 0 auto; +} +@media (max-width: 950px) { + .slider-07__item { + padding: 40px 25px; + } +} +.slider-07__img { + width: 100%; + max-width: 550px; + margin: 0 auto; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + cursor: zoom-in; +} +@media (max-width: 1250px) { + .slider-07__img { + max-width: 400px; + } +} +@media (max-width: 950px) { + .slider-07__img { + max-width: 700px; + width: calc(100% - 180px); + } +} +@media (max-width: 600px) { + .slider-07__img { + width: 100%; + } +} +.slider-07__feature_container { + padding: 0; + margin: 0; + list-style: none; + max-width: 400px; + margin-right: 40px; + box-sizing: border-box; +} +@media (max-width: 1250px) { + .slider-07__feature_container { + max-width: 450px; + } +} +@media (max-width: 950px) { + .slider-07__feature_container { + max-width: none; + margin-right: 0; + flex-direction: column; + align-items: center; + } +} +@media (max-width: 600px) { + .slider-07__feature_container { + margin-top: 20px; + } +} +.slider-07__feature { + padding-left: 60px; + margin-bottom: 60px; + position: relative; +} +.slider-07__feature:last-child { + margin-bottom: 0; +} +.slider-07__feature .feature__icon { + position: absolute; + top: 0; + left: 0; +} +@media (max-width: 950px) { + .slider-07__feature { + max-width: 400px; + padding-left: 0; + margin-bottom: 40px; + } + .slider-07__feature:last-child { + margin-bottom: 0; + } + .slider-07__feature .feature__icon { + position: relative; + } +} +.tabs-01__box { + text-align: center; +} +.tabs-01__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.tabs-01__img_list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-top: 40px; + height: 700px; +} +.tabs-01__img_box { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100%; + opacity: 0; + transform: scale(0.985) translateY(5px); + transition: opacity 0.2s ease, + transform 0.5s cubic-bezier(0.74, 0.63, 0.03, 1.18); +} +.tabs-01__img_box.state-active-tab { + opacity: 1; + transform: none; +} +.tabs-01__img { + max-width: 100%; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.tabs-02 { + padding-top: 70px; + padding-bottom: 70px; +} +.tabs-02__buttons_list, +.tabs-10__buttons_list { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; + text-align: center; +} +@media (max-width: 600px) { + .tabs-02__buttons_list, + .tabs-10__buttons_list { + display: none; + } +} +.tabs-02__button_item, +.tabs-10__button_item { + display: inline-block; + vertical-align: top; + margin: 0 3px 10px; +} +@media (max-width: 400px) { + .tabs-02__button_item, + .tabs-10__button_item { + margin-left: 3px; + margin-right: 3px; + } +} +.tabs-02__item_list, +.tabs-10__item_list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-top: 40px; + height: 700px; +} +@media (max-width: 600px) { + .tabs-02__item_list, + .tabs-10__item_list { + height: auto !important; + } +} +.tabs-02__item_box, +.tabs-10__item_box { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + transition: opacity 0.4s ease, + transform 0.5s cubic-bezier(0.74, 0.63, 0.03, 1.18); +} +.tabs-02__item_box.state-active-tab, +.tabs-10__item_box.state-active-tab { + opacity: 1; + z-index: 10; + transform: none; +} +@media (max-width: 600px) { + .tabs-02__item_box, + .tabs-10__item_box { + opacity: 1; + position: relative; + margin-bottom: 100px; + } + .tabs-02__item_box:last-child, + .tabs-10__item_box:last-child { + margin-bottom: 0; + } +} +.tabs-02__item, +.tabs-10__item { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +@media (max-width: 600px) { + .tabs-02__item, + .tabs-10__item { + flex-direction: column-reverse; + } +} +@media (max-width: 900px) { + .tabs-10__item_box--has_text { + justify-content: space-between; + } +} +.tabs-02__visual_box, +.tabs-10__visual_box { + width: 40%; +} +@media (max-width: 600px) { + .tabs-02__visual_box, + .tabs-10__visual_box { + width: 100%; + text-align: center; + } +} +@media (max-width: 900px) { + .tabs-02__visual_box { + width: 25%; + } +} +.tabs-10__visual_box { + text-align: right; +} +.tabs-02__text_box, +.tabs-10__text_box { + width: 60%; + max-width: 450px; +} +@media (max-width: 600px) { + .tabs-02__text_box, + .tabs-10__text_box { + width: 100%; + margin-bottom: 70px; + text-align: center; + } +} +.tabs-02__cta, +.tabs-10__cta { + margin-top: 40px; +} +.tabs-10__visual_box .mockup_v2 { + margin-left: auto; + margin-right: auto; + width: 70%; + max-width: 245px; +} +.tabs-03 .button--empty { + padding-left: 0; +} +.tabs-03__buttons_list { + padding: 0; + margin: 0; + list-style: none; + text-align: center; +} +@media (max-width: 600px) { + .tabs-03__buttons_list { + display: none; + } +} +.tabs-03__item_list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-top: 60px; + height: 700px; +} +@media (max-width: 600px) { + .tabs-03__item_list { + height: auto !important; + } +} +.tabs-03__item_box { + position: absolute; + top: 0; + left: 0; + height: 100%; + opacity: 0; + transition: opacity 0.3s ease, + transform 0.5s cubic-bezier(0.74, 0.63, 0.03, 1.18); +} +.tabs-03__item_box.state-active-tab { + opacity: 1; + z-index: 10; + transform: none; +} +@media (max-width: 950px) { + .tabs-03__item_box { + right: 0; + margin-left: auto; + margin-right: auto; + } +} +@media (max-width: 600px) { + .tabs-03__item_box { + opacity: 1; + position: relative; + margin-bottom: 100px; + } + .tabs-03__item_box:last-child { + margin-bottom: 0; + } +} +.tabs-03__item { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +@media (max-width: 950px) { + .tabs-03__item { + flex-direction: column-reverse; + } +} +.tabs-03__img { + max-width: 50%; + cursor: zoom-in; +} +@media (max-width: 950px) { + .tabs-03__img { + max-width: 100%; + } +} +.tabs-03__text { + max-width: 400px; +} +@media (max-width: 950px) { + .tabs-03__text { + margin-bottom: 50px; + } +} +.tabs-03__cta { + margin-top: 30px; +} +.tabs-04__box { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.tabs-04__buttons_list { + padding: 0; + margin: 0; + list-style: none; + width: 40%; + text-align: left; +} +@media (max-width: 800px) { + .tabs-04__buttons_list { + width: 45%; + } +} +@media (max-width: 750px) { + .tabs-04__buttons_list { + display: none; + } +} +.tabs-04__button_item { + margin-bottom: 20px; +} +.tabs-04__button_item:last-child { + margin-bottom: 0; +} +@media (max-width: 750px) { + .tabs-04__button_item { + text-align: center; + } +} +.tabs-04__button_item--mobile-only { + display: none; + margin-bottom: 30px; +} +@media (max-width: 750px) { + .tabs-04__button_item--mobile-only { + display: block; + } +} +.tabs-04__button { + display: inline-block; + padding: 20px 20px 20px; + max-width: 400px; + border-radius: 4px; + text-align: left; + cursor: pointer; + transition: background-color 0.2s ease; +} +.bg-black-color .tabs-04__button, +.bg-accent-color .tabs-04__button, +.bg-mature-color .tabs-04__button { + color: rgba(255, 255, 255, 0.85); +} +.bg-light-color .tabs-04__button:hover:not(.state-active-tab), +.bg-medium-color .tabs-04__button:hover:not(.state-active-tab) { + background-color: rgba(255, 255, 255, 0.3); +} +.bg-black-color .tabs-04__button:hover:not(.state-active-tab), +.bg-accent-color .tabs-04__button:hover:not(.state-active-tab), +.bg-mature-color .tabs-04__button:hover:not(.state-active-tab) { + background-color: rgba(255, 255, 255, 0.1); +} +.bg-black-color .tabs-04__button:hover:not(.state-active-tab) { + color: white; +} +.tabs-04__button.state-active-tab, +.tabs-04__button.state-active-tab:hover, +.tabs-04__button--active:focus { + cursor: default; +} +.bg-light-color .tabs-04__button.state-active-tab, +.bg-medium-color .tabs-04__button.state-active-tab, +.bg-light-color .tabs-04__button.state-active-tab:hover, +.bg-medium-color .tabs-04__button.state-active-tab:hover, +.bg-light-color .tabs-04__button--active:focus, +.bg-medium-color .tabs-04__button--active:focus { + background-color: rgba(255, 255, 255, 0.6); +} +.style-yellow-1:not(.custom-colors-enabled) .tabs-04__button.state-active-tab, +.style-yellow-1:not(.custom-colors-enabled) + .tabs-04__button.state-active-tab:hover, +.style-yellow-1:not(.custom-colors-enabled) .tabs-04__button--active:focus { + color: #efbe32; +} +.custom-colors-enabled.custom-accent-color-bright + .tabs-04__button.state-active-tab, +.custom-colors-enabled.custom-accent-color-bright + .tabs-04__button.state-active-tab:hover, +.custom-colors-enabled.custom-accent-color-bright + .tabs-04__button--active:focus { + color: #303030; +} +.tabs-04__button_title { + margin-top: 0; + font-size: 12px; + text-transform: uppercase; + color: inherit; +} +.tabs-04__button_text { + line-height: 1.4; + color: inherit; +} +.tabs-04__item_container { + width: 50%; +} +@media (max-width: 750px) { + .tabs-04__item_container { + width: 100%; + } +} +.tabs-04__item_list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + height: 700px; +} +@media (max-width: 750px) { + .tabs-04__item_list { + height: auto !important; + } +} +.tabs-04__item_box { + position: absolute; + top: 0; + left: 0; + height: 100%; + opacity: 0; + transform: scale(0.985) translateY(5px); + transition: opacity 0.3s ease, + transform 0.5s cubic-bezier(0.74, 0.63, 0.04, 1.18); +} +.tabs-04__item_box.state-active-tab { + opacity: 1; + z-index: 10; + transform: none; +} +@media (max-width: 750px) { + .tabs-04__item_box { + position: relative; + opacity: 1; + transform: none; + margin-bottom: 100px; + } +} +.tabs-04__item { + text-align: center; +} +.tabs-04__img { + max-width: 100%; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + cursor: zoom-in; +} +.pricing-01 { + text-align: center; +} +.pricing-01__cards_container { + position: relative; +} +.pricing-01__decoration { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + z-index: -1; + width: 100%; +} +.pricing-01__buttons { + display: inline-block; + position: relative; + margin: 40px 0 60px; +} +.pricing-01__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-01__badge { + position: absolute; + opacity: 0; + top: 47%; + transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97); + right: -20px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-01__badge.state-active-tab { + opacity: 1; + transform: translateY(-50%) translateX(100%) translateZ(0); +} +@media (max-width: 600px) { + .pricing-01__badge { + display: none; + } +} +.pricing-01__cards_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -40px; +} +.pricing-01__card_box { + overflow: hidden; + max-width: 380px; + margin: 0 20px 40px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + border-radius: 10px; +} +.pricing-01__card_top { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + height: 140px; + border-bottom: 1px solid #e9f1ff; + background-color: #f6f6f6; +} +.pricing-01__card_img { + max-height: 50px; +} +.pricing-01__card_bottom { + padding: 35px; +} +.pricing-01__card_title_box { + position: relative; + text-align: left; +} +.pricing-01__card_title { + margin-bottom: 35px; + max-width: calc(100% - 90px); + font-size: 22px; +} +@media (max-width: 500px) { + .pricing-01__card_title { + font-size: 17px; + max-width: 100%; + margin-bottom: 20px; + } +} +.pricing-01__card_price_box { + position: absolute; + top: 0; + right: 0; + height: 1em; + width: 100px; +} +@media (max-width: 500px) { + .pricing-01__card_price_box { + position: static; + margin-bottom: 40px; + } +} +.pricing-01__card_price { + position: absolute; + font-size: 22px; + right: 0; + opacity: 0; + transform: translateY(3px); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-01__card_price.state-active-tab { + opacity: 1; + transform: none; +} +@media (max-width: 500px) { + .pricing-01__card_price { + left: 0; + right: auto; + } +} +.pricing-01__card_button_box { + display: none; +} +.pricing-01__card_button_box.state-active-tab { + display: block; +} +.pricing-01__card_period { + margin-top: 3px; + font-size: 12px; + color: #b9c2d2; +} +.pricing-01__card_info { + margin-bottom: 40px; + padding-right: 60px; + min-width: 200px; + text-align: left; + color: #636363; +} +@media (max-width: 500px) { + .pricing-01__card_info { + padding-right: 0; + min-width: 150px; + font-size: 14px; + } +} +.pricing-02 { + text-align: center; +} +.pricing-02__cards_container { + position: relative; +} +.pricing-02__buttons { + display: inline-block; + position: relative; + margin: 20px 0 40px; +} +.pricing-02__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-02__badge { + position: absolute; + opacity: 0; + top: calc(50% - 2px); + transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97); + right: -20px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-02__badge.state-active-tab { + opacity: 1; + transform: translateY(-50%) translateX(100%) translateZ(0); +} +@media (max-width: 600px) { + .pricing-02__badge { + display: none; + } +} +.pricing-02__cards_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -30px; +} +.pricing-02__card_box { + position: relative; + max-width: 264px; + width: 100%; + margin: 0 15px 30px; + padding: 40px 25px 50px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + border-radius: 10px; + border: 2px solid transparent; +} +.pricing-02__card_img { + max-height: 44px; +} +.pricing-02__card_title { + margin-bottom: 20px; + font-size: 22px; +} +.pricing-02__card_info { + line-height: 1.4; + font-size: 14px; + margin-bottom: 30px; + opacity: 0.8; +} +.pricing-02__price_box { + position: relative; + height: 77px; + margin-bottom: 10px; +} +.pricing-02__price_item { + position: absolute; + top: 0; + left: 50%; + margin: auto; + opacity: 0; + transform: translateY(3px) translateX(-50%); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-02__price_item.state-active-tab { + opacity: 1; + transform: translateX(-50%); +} +.pricing-02__price { + display: inline-block; + font-size: 64px; + line-height: 1; +} +.pricing-02__price_symbol { + top: 0; + left: -10px; +} +.pricing-02__price_symbol--bigger { + left: -28px; +} +.pricing-02__period { + right: -5px; + bottom: 4px; + transform: translateX(100%); +} +.pricing-02__period, +.pricing-02__price_symbol { + position: absolute; + font-size: 14px; + font-weight: 700; + color: #b9c2d2; +} +.pricing-02__info_item_text { + line-height: 1.4; + color: #636363; +} +.pricing-02__info { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; +} +.pricing-02__info_item { + position: relative; + margin-bottom: 15px; +} +.pricing-02__info_item:last-child { + margin-bottom: 0; +} +.pricing-02__info_item_box { + display: inline-block; +} +.pricing-02__info_item_text { + margin-right: 7px; +} +.pricing-02__info_item_icon, +.pricing-02__info_item_text { + display: inline-block; + vertical-align: middle; +} +.pricing-02__info_item_icon { + opacity: 0.5; + font-size: 0; + transition: opacity 0.2s ease; +} +.pricing-02__info_item_icon:hover { + opacity: 1; +} +.pricing-02__hover { + position: absolute; + opacity: 0; + top: 0; + right: 15px; + left: 15px; + transform: translateY(calc(-100% + 5px)) scale(0.98); + visibility: hidden; + padding: 10px 15px 20px; + border-radius: 4px; + text-align: left; + line-height: 1.4; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-02__hover.state-visible { + transform: translateY(-100%) scale(1); + opacity: 1; + visibility: visible; +} +.style-yellow-1:not(.custom-colors-enabled) .pricing-02__hover, +.custom-colors-enabled.custom-accent-color-bright .pricing-02__hover { + color: #303030; +} +.pricing-02__contact_us { + display: inline-block; + padding: 5px 0 7px; + border-radius: 4px; + font-size: 30px; + font-weight: 700; + text-decoration: none; + color: #303030; + cursor: pointer; + transition: background-color 0.2s ease; +} +.pricing-02__contact_us:hover { + background-color: #f6f6f6; +} +.pricing-02__subword { + padding-top: 2px; + font-size: 14px; + color: #b9c2d2; +} +.pricing-02__price_text { + display: inline-block; +} +.pricing-02__card_button_box { + display: none; +} +.pricing-02__card_button_box.state-active-tab { + display: block; +} +.pricing-03__container { + position: relative; +} +.pricing-03__wrapper { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +@media (max-width: 900px) { + .pricing-03__wrapper { + flex-direction: column; + align-items: center; + } +} +.pricing-03__decoration { + position: absolute; + z-index: -1; + right: 0; + top: -60px; + max-width: 800px; +} +@media (max-width: 900px) { + .pricing-03__decoration { + display: none; + } +} +.pricing-03__info { + padding-right: 30px; + margin-bottom: 30px; + max-width: 450px; +} +@media (max-width: 900px) { + .pricing-03__info { + padding-right: 0; + text-align: center; + } +} +.pricing-03__info_text { + line-height: 1.6; +} +.pricing-03__illustration { + position: relative; + margin-top: 30px; +} +@media (max-width: 1100px) { + .pricing-03__illustration { + display: none; + } +} +.pricing-03__small_cloud, +.pricing-03__mid_cloud { + position: absolute; +} +.pricing-03__main_img { + position: relative; + z-index: 10; +} +.pricing-03__small_cloud { + z-index: 5; + right: -45px; + top: 0; +} +.pricing-03__mid_cloud { + z-index: 20; + left: -50px; + top: 0; +} +.pricing-03__price__wrapper { + width: 100%; + max-width: 340px; +} +.pricing-03__price { + position: relative; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + border-radius: 10px; + text-align: center; +} +.pricing-03__price_top { + padding: 10px 15px; + border-bottom: 1px solid #e9f1ff; +} +.pricing-03__price_bottom { + padding: 40px 0; +} +.pricing-03__benefits_list { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; +} +.pricing-03__benefit { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + max-width: 80%; + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; +} +.pricing-03__benefit:last-child { + margin-bottom: 0; +} +.pricing-03__benefit_icon { + margin-right: 10px; + max-width: 16px; +} +.pricing-03__benefit_icon svg { + position: relative; + top: 2px; + width: 16px; +} +.pricing-03__benefit_text { + display: inline-block; + line-height: 1.4; +} +.pricing-03__illustration { + position: relative; + cursor: pointer; +} +.pricing-03__illustration:hover .pricing-03__secondary_img { + -webkit-filter: contrast(1.4); + filter: contrast(1.4); +} +.pricing-03__main_img { + position: relative; + z-index: 10; + height: 40px; + transition: transform 10s ease, -webkit-filter 0.3s ease; + transition: transform 10s ease, filter 0.3s ease; + transition: transform 10s ease, filter 0.3s ease, -webkit-filter 0.3s ease; +} +.state-active-animation .pricing-03__main_img { + transform: translateX(-10px) translateY(0); +} +.pricing-03__secondary_img { + position: absolute; + right: -12px; + top: -6px; + z-index: 1; + height: 40px; + transition: transform 10s ease, -webkit-filter 0.4s ease; + transition: transform 10s ease, filter 0.4s ease; + transition: transform 10s ease, filter 0.4s ease, -webkit-filter 0.4s ease; +} +.state-active-animation .pricing-03__secondary_img { + transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg); + -webkit-filter: contrast(1.6); + filter: contrast(1.6); +} +@-webkit-keyframes main_floating { + 0% { + transform: translateX(0) translateY(0); + } + 50% { + transform: translateX(-10px) translateY(0); + } + 100% { + transform: translateX(0) translateY(0); + } +} +@keyframes main_floating { + 0% { + transform: translateX(0) translateY(0); + } + 50% { + transform: translateX(-10px) translateY(0); + } + 100% { + transform: translateX(0) translateY(0); + } +} +@-webkit-keyframes secondary_floating { + 0% { + transform: translateX(0) translateY(0) rotateZ(0); + } + 50% { + transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg); + -webkit-filter: contrast(1.4); + filter: contrast(1.4); + } + 100% { + transform: translateX(0) translateY(0) rotateZ(90deg); + } +} +@keyframes secondary_floating { + 0% { + transform: translateX(0) translateY(0) rotateZ(0); + } + 50% { + transform: translateX(40px) translateY(20px) scale(1.8) rotateZ(45deg); + -webkit-filter: contrast(1.4); + filter: contrast(1.4); + } + 100% { + transform: translateX(0) translateY(0) rotateZ(90deg); + } +} +.pricing-03__card_text { + margin-bottom: 10px; + opacity: 0.8; + font-size: 14px; + line-height: 1.4; +} +.pricing-03__hover { + position: absolute; + opacity: 0; + top: 10px; + right: 15px; + left: 15px; + transform: translateY(-5px); + visibility: hidden; + z-index: 10; + padding: 10px 15px 20px; + border-radius: 4px; + text-align: left; + line-height: 1.4; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.style-yellow-1:not(.custom-colors-enabled) .pricing-03__hover, +.custom-colors-enabled.custom-accent-color-bright .pricing-03__hover { + color: #303030; +} +.pricing-03__hover.state-visible { + transform: none; + opacity: 1; + visibility: visible; +} +.pricing-03__buttons { + position: relative; + margin-bottom: 20px; + text-align: center; + z-index: 5; +} +.pricing-03__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-03__price_holder { + position: relative; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.pricing-03__price_text { + position: absolute; + margin: 0; + text-align: center; + left: 0; + width: 100%; + z-index: 10; + opacity: 0; + transform: translateY(3px); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-03__price_text.state-active-tab { + opacity: 1; + transform: none; +} +.pricing-03__badge { + position: absolute; + opacity: 0; + transform: translateY(-10%) translateX(0%) translateZ(0) scale(0.97); + right: 0; + left: 0; + margin: auto; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-03__badge.state-active-tab { + opacity: 1; + transform: none; +} +.pricing-03__card_button_box { + display: none; +} +.pricing-03__card_button_box.state-active-tab { + display: block; +} +.pricing-03__individual-text { + display: none; +} +.pricing-03__individual-text.state-active-tab { + display: block; +} +.pricing-04 { + text-align: center; +} +.pricing-04__decoration { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + z-index: -1; + width: 100%; +} +.pricing-04__buttons { + display: inline-block; + position: relative; + margin: 20px 0 40px; +} +.pricing-04__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-04__badge { + position: absolute; + opacity: 0; + top: calc(50% - 2px); + transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97); + right: -20px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-04__badge.state-active-tab { + opacity: 1; + transform: translateY(-50%) translateX(100%) translateZ(0); +} +@media (max-width: 600px) { + .pricing-04__badge { + display: none; + } +} +.pricing-04__cards_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -60px; +} +.pricing-04__card_box { + max-width: 264px; + width: 100%; + margin: 0 15px 60px; +} +.pricing-04__card { + padding: 20px 25px 25px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + border-radius: 10px; + border: 2px solid transparent; +} +.pricing-04__card_title { + margin-bottom: 15px; + font-size: 22px; +} +.pricing-04__card_text, +.pricing-04__card_main_text { + opacity: 0.8; + font-size: 14px; + line-height: 1.4; +} +.pricing-04__card_main_text { + margin-bottom: 30px; +} +.pricing-04__price_box { + position: relative; + height: 77px; + margin-bottom: 10px; +} +.pricing-04__price_item { + position: absolute; + top: 0; + left: 50%; + margin: auto; + opacity: 0; + transform: translateY(3px) translateX(-50%); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-04__price_item.state-active-tab { + opacity: 1; + transform: translateX(-50%); +} +.pricing-04__price { + display: inline-block; + font-size: 64px; + line-height: 1; +} +.pricing-04__price_text { + display: inline-block; +} +.pricing-04__price_symbol { + top: 0; + left: -10px; +} +.pricing-04__price_symbol--bigger { + left: -28px; +} +.pricing-04__period { + right: -5px; + bottom: 4px; + transform: translateX(100%); +} +.pricing-04__period, +.pricing-04__price_symbol { + position: absolute; + font-size: 14px; + font-weight: 700; + color: #b9c2d2; +} +.pricing-04__info_item_text { + line-height: 1.4; +} +.pricing-04__subword { + padding-top: 2px; + font-size: 14px; + color: #b9c2d2; +} +.pricing-04__items { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-top: 30px; + padding-left: 20px; + margin-left: auto; + margin-right: auto; + text-align: left; +} +.pricing-04__item { + display: flex; + align-items: center; + margin-bottom: 15px; + position: relative; +} +.pricing-04__item:last-child { + margin-bottom: 0; +} +.pricing-04__item_text { + display: inline-block; +} +.pricing-04__item_icon { + vertical-align: top; + height: 12px; + margin-right: 10px; +} +.bg-accent-color .pricing-04__item_icon { + background-color: white; + border-radius: 50%; + padding: 4px; + width: 18px; + height: 18px; +} +.pricing-04__action_container { + margin-top: 40px; +} +.pricing-04__action_wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; + padding: 20px 20px; + background-color: white; + border-radius: 10px; + border: 2px solid #eee; +} +@media (max-width: 500px) { + .pricing-04__action_wrapper { + flex-wrap: wrap; + justify-content: center; + } +} +.pricing-04__action_text { + padding-right: 40px; + text-align: left; + line-height: 1.4; +} +@media (max-width: 500px) { + .pricing-04__action_text { + padding-right: 0; + margin-bottom: 20px; + text-align: center; + } +} +.pricing-04__hover { + position: absolute; + opacity: 0; + top: 0; + right: 15px; + left: 15px; + transform: translateY(calc(-100% + 5px)) scale(0.98); + visibility: hidden; + padding: 10px 15px 20px; + border-radius: 4px; + text-align: left; + line-height: 1.4; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-04__hover.state-visible { + transform: translateY(-100%) scale(1); + opacity: 1; + visibility: visible; +} +.style-yellow-1:not(.custom-colors-enabled) .pricing-04__hover, +.custom-colors-enabled.custom-accent-color-bright .pricing-04__hover { + color: #303030; +} +.pricing-04__card_button { + margin-top: 20px; +} +.pricing-04__card_button_box { + display: none; +} +.pricing-04__card_button_box.state-active-tab { + display: block; +} +.pricing-04__individual-text { + display: none; +} +.pricing-04__individual-text.state-active-tab { + display: block; +} +.pricing-05 { + text-align: center; +} +.pricing-05__box { + padding-bottom: 20px; + padding-top: 15px; +} +.pricing-05__buttons { + display: inline-block; + position: relative; + margin: 20px 0 40px; +} +.pricing-05__buttons_list { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-05__badge { + position: absolute; + opacity: 0; + top: calc(50% - 2px); + transform: translateY(-50%) translateX(96%) translateZ(0) scale(0.97); + right: -20px; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-05__badge.state-active-tab { + opacity: 1; + transform: translateY(-50%) translateX(100%) translateZ(0); +} +@media (max-width: 600px) { + .pricing-05__badge { + display: none; + } +} +.pricing-05__cards_container { + position: relative; + text-align: left; + padding: 0 15px 0; + margin-left: auto; + margin-right: auto; +} +.pricing-05__cards_container--0 { + display: none; +} +.pricing-05__cards_container--1 { + width: 530px; +} +.pricing-05__cards_container--1 .pricing-05__card_box { + width: 65%; +} +.pricing-05__cards_container--2 { + width: 720px; +} +.pricing-05__cards_container--2 .pricing-05__card_box { + width: 35%; +} +.pricing-05__cards_container--3 { + width: 850px; +} +.pricing-05__cards_container--3 .pricing-05__card_box { + width: 25%; +} +.pricing-05__cards_container--4 { + width: 1010px; +} +.pricing-05__cards_container--4 .pricing-05__card_box { + width: 21%; +} +.pricing-05__cards_container--5 { + width: 1200px; +} +.pricing-05__cards_container--5 .pricing-05__card_box { + width: 16%; +} +.pricing-05__cards_container--no-headers.pricing-05__cards_container--1 + .pricing-05__card_box { + width: 100%; +} +.pricing-05__cards_container--no-headers.pricing-05__cards_container--2 + .pricing-05__card_box { + width: 50%; +} +.pricing-05__cards_container--no-headers.pricing-05__cards_container--3 + .pricing-05__card_box { + width: 32%; +} +.pricing-05__cards_container--no-headers.pricing-05__cards_container--4 + .pricing-05__card_box { + width: 25%; +} +.pricing-05__cards_container--no-headers.pricing-05__cards_container--5 + .pricing-05__card_box { + width: 20%; +} +.pricing-05__table { + width: 100%; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + border-radius: 10px; + border-collapse: collapse; +} +.pricing-05__row { + position: relative; + transition: background-color 0.2s ease; +} +.pricing-05__row:after { + content: ''; + width: 80%; + position: absolute; + left: 0; + right: 0; + margin: auto; + height: 1px; + background: linear-gradient( + to right, + rgba(197, 201, 224, 0), + #dfdfdf, + rgba(197, 201, 224, 0) + ); +} +.pricing-05__row:not(.pricing-05__info--accent):hover { + background-color: #f6f6f6; +} +.pricing-05__info { + padding: 10px 10px; +} +.pricing-05__info__box { + display: flex; + align-items: center; + padding-left: 3px; +} +.pricing-05__info__box--center { + justify-content: center; + text-align: center; +} +.pricing-05__item_text { + display: inline-block; + vertical-align: middle; +} +.font-source-code-pro .pricing-05__item_text { + font-size: 12px; +} +.pricing-05__hover { + position: absolute; + opacity: 0; + top: 10px; + top: 0; + left: 25px; + max-width: 600px; + min-width: 200px; + transform: translateY(calc(-100% + 5px)) scale(0.98); + visibility: hidden; + padding: 10px 15px 20px; + border-radius: 4px; + text-align: left; + line-height: 1.4; + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-05__hover.state-visible { + transform: translateY(calc(-100%)) scale(1); + opacity: 1; + visibility: visible; +} +.pricing-05__card_box { + padding: 30px 20px 10px; + text-align: center; + border-radius: 10px 10px 0 0; + vertical-align: top; +} +.pricing-05__item_icon { + vertical-align: middle; + height: 12px; +} +:not(.pricing-05__info__box--center) > .pricing-05__item_icon { + margin-right: 10px; +} +.style-green-1 .pricing-05__item_icon, +.style-green-2 .pricing-05__item_icon, +.style-green-3 .pricing-05__item_icon { + background-color: white; + border-radius: 50%; + padding: 4px; + width: 18px; + height: 18px; +} +.pricing-05__card_img_box { + margin-bottom: 15px; +} +.pricing-05__card_img { + max-height: 26px; +} +.pricing-05__card_title { + margin-bottom: 10px; + font-size: 14px; + text-transform: uppercase; + color: inherit; +} +.pricing-05__card_info { + line-height: 1.4; + font-size: 14px; + margin-bottom: 10px; + opacity: 0.8; +} +.pricing-05__price_box { + position: relative; + margin-bottom: 10px; + height: 20px; +} +.pricing-05__period, +.pricing-05__price_symbol { + display: inline; +} +.pricing-05__price_item { + position: absolute; + margin: auto; + left: 0; + right: 0; + opacity: 0; + transform: translateY(3px); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.pricing-05__price_item.state-active-tab { + opacity: 1; + transform: none; +} +.pricing-05__price { + display: inline-block; + line-height: 1; +} +.pricing-05__header { + padding: 0 20px; + position: relative; +} +.pricing-05__header_text { + padding: 10px 10px; + min-width: 170px; + opacity: 0.8; + line-height: 1.4; + font-size: 14px; +} +.pricing-05__card_button { + padding: 20px 20px 30px; + text-align: center; +} +.pricing-05__card_button_box { + border-radius: 0 0 10px 10px; +} +.pricing-05__info_item_icon { + position: relative; + top: 2px; + display: inline-block; + opacity: 0.8; + margin-left: 7px; + font-size: 0; + transition: opacity 0.2s ease; +} +.pricing-05__header_text:hover .pricing-05__info_item_icon { + opacity: 1; +} +.style-yellow-1:not(.custom-colors-enabled) + .pricing-05__card_box--accent.text-white, +.style-yellow-1:not(.custom-colors-enabled) + .pricing-05__info--accent.text-white, +.custom-accent-color-bright .pricing-05__card_box--accent.text-white, +.custom-accent-color-bright .pricing-05__info--accent.text-white { + color: #303030; +} +.pricing-05__card_button_wrapper { + display: none; +} +.pricing-05__card_button_wrapper.state-active-tab { + display: block; +} +@media (max-width: 1280px) { + .pricing-05__cards_desktop--many { + display: none; + } +} +@media (max-width: 1230px) { + .pricing-05__cards_desktop--5 { + display: none; + } +} +@media (max-width: 1040px) { + .pricing-05__cards_desktop--4 { + display: none; + } +} +@media (max-width: 880px) { + .pricing-05__cards_desktop--3 { + display: none; + } +} +@media (max-width: 750px) { + .pricing-05__cards_desktop--2 { + display: none; + } +} +@media (max-width: 560px) { + .pricing-05__cards_desktop--1 { + display: none; + } +} +.pricing-05__cards_mobile { + display: none; + flex-wrap: wrap; + justify-content: center; + margin-top: -30px; + align-items: flex-start; +} +@media (max-width: 1280px) { + .pricing-05__cards_mobile--many { + display: flex; + } +} +@media (max-width: 1230px) { + .pricing-05__cards_mobile--5 { + display: flex; + } +} +@media (max-width: 1040px) { + .pricing-05__cards_mobile--4 { + display: flex; + } +} +@media (max-width: 880px) { + .pricing-05__cards_mobile--3 { + display: flex; + } +} +@media (max-width: 750px) { + .pricing-05__cards_mobile--2 { + display: flex; + } +} +@media (max-width: 560px) { + .pricing-05__cards_mobile--1 { + display: flex; + } +} +.pricing-05__cards_mobile .pricing-05__table { + max-width: 320px; + margin: 30px 15px 0; +} +.pricing-05__cards_mobile .pricing-05__info { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 24px; +} +.pricing-05__cards_mobile .pricing-05__header_text { + min-width: auto; + padding: 0; + text-align: left; +} +.pricing-05__cards_mobile .pricing-05__row::after { + top: 0; +} +.pricing-05__cards_mobile .pricing-05__header { + padding: 0; + padding-right: 12px; +} +.pricing-05__cards_mobile .pricing-05__item_text { + text-align: right; +} +.pricing-05__cards_mobile .pricing-05__info__box { + padding-left: 0; + flex-shrink: 0; + max-width: 200px; +} +.pricing-05__cards_mobile .pricing-05__info__box_no-header { + margin: 0 auto; +} +@media (max-width: 400px) { + .pricing-05__cards_mobile .pricing-05__info__box { + flex-shrink: 1; + } +} +.pricing-05__cards_mobile .pricing-05__header-text-container { + margin-right: 7px; +} +.pricing-05__cards_mobile .pricing-05__info_item_icon { + margin-left: 0; +} +.pricing-05__cards_mobile .pricing-05__hover { + z-index: 5; +} +.pricing-05__cards_mobile .pricing-05__row { + display: block; +} +.pricing-05__cards_mobile .pricing-05__info--accent #Help-icon { + fill: #fff !important; +} +.video-01__item { + overflow: hidden; + position: relative; + padding-top: 62.5%; +} +.video-01__item .wistia_responsive_padding, +.video-01__item .video-01__iframe { + position: absolute !important; + top: 0; + width: 100%; +} +.video-01__item .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.video-01__iframe { + position: relative; + z-index: 10; + height: 100%; + width: 100%; +} +.video-01__iframe--gray { + background-color: var(--main-bg-gray); +} +.video-01__iframe--fixed-height { + min-height: 300px; + height: 100%; + border-radius: 10px; +} +.video-01__iframe__info_box { + position: absolute; + top: 50%; + padding: 20px; + transform: translateY(-50%); + right: 0; + left: 0; + max-width: 520px; + text-align: center; + margin: auto; + line-height: 1.4; +} +.wistia_responsive_padding { + z-index: 10; +} +.video-02__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.video-02__item { + position: relative; + width: 50%; +} +.video-02__item .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +@media (max-width: 750px) { + .video-02__item { + width: 100%; + } +} +.video-02__item .video-01__iframe--vimeo, +.video-02__item .video-01__iframe--youtube { + height: 300px; +} +@media (max-width: 500px) { + .video-02__item .video-01__iframe--vimeo, + .video-02__item .video-01__iframe--youtube { + height: auto; + } +} +.video-02__iframe { + position: relative; + z-index: 10; + max-width: 100%; +} +.video-02__text_box { + width: 50%; + max-width: 500px; + padding-left: 40px; +} +.video-02__text_box .feature { + margin-bottom: 55px; +} +.video-02__text_box .feature:last-child { + margin-bottom: 0; +} +@media (max-width: 750px) { + .video-02__text_box { + margin-top: 40px; + width: 100%; + padding-left: 0; + } +} +.video-03__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + flex-direction: row-reverse; +} +@media (max-width: 750px) { + .video-03__wrapper { + flex-direction: row; + } +} +.video-03__item { + position: relative; + width: 50%; +} +.video-03__item .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +@media (max-width: 750px) { + .video-03__item { + width: 100%; + } +} +.video-03__item .video-01__iframe--vimeo, +.video-03__item .video-01__iframe--youtube { + height: 300px; +} +@media (max-width: 500px) { + .video-03__item .video-01__iframe--vimeo, + .video-03__item .video-01__iframe--youtube { + height: auto; + } +} +.video-03__iframe { + position: relative; + z-index: 10; + max-width: 100%; +} +.video-03__text_box { + width: 50%; + max-width: 500px; + padding-right: 40px; +} +.video-03__text_box .feature { + margin-bottom: 55px; +} +.video-03__text_box .feature:last-child { + margin-bottom: 0; +} +@media (max-width: 750px) { + .video-03__text_box { + margin-top: 40px; + width: 100%; + padding-right: 0; + } +} +.video-04__container { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; +} +@media (max-width: 900px) { + .video-04__container { + flex-direction: column; + justify-content: center; + align-items: center; + } +} +.video-04__container::after { + display: none; +} +.video-04__item { + width: 45%; + max-width: 450px; + height: 300px; + margin-right: 50px; + margin-bottom: 50px; + position: relative; +} +.video-04__item:nth-last-child(-n + 2) { + margin-bottom: 0; +} +.video-04__item:nth-child(2n) { + margin-right: 0; +} +.video-04__item:last-child { + margin-right: 0; +} +.video-04__item .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +@media (max-width: 900px) { + .video-04__item { + width: 100%; + margin-right: 0; + margin-bottom: 40px; + } + .video-04__item:nth-last-child(-n + 2) { + margin-bottom: 40px; + } + .video-04__item:nth-last-child(1) { + margin-bottom: 0; + } +} +@media (max-width: 450px) { + .video-04__item { + max-width: 300px; + height: 200px; + } +} +.video-04__iframe { + width: 100%; + height: 100%; + position: relative; + z-index: 10; +} +.posts-01__wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin-bottom: -15px; +} +.posts-01__item { + display: block; + overflow: hidden; + height: 300px; + width: 30%; + margin: 15px; + min-width: 300px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + text-decoration: none; +} +@media (max-width: 600px) { + .posts-01__item { + width: 100%; + min-width: auto; + } +} +a.posts-01__item { + transition: box-shadow 0.2s ease, transform 0.2s ease; +} +a.posts-01__item:hover, +a.posts-01__item:focus { + transform: translateY(-5px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.posts-01__img_box { + display: flex; + align-items: flex-end; + position: relative; + height: 100%; +} +.posts-01__img { + position: absolute; + z-index: 10; + top: 0; + left: 0; + right: 0; + margin: auto; + object-fit: cover; + height: 100%; + width: 100%; + object-position: center top; +} +.posts-01__text { + position: relative; + z-index: 100; + padding: 10px 15px 10px; + width: 100%; + background-color: white; +} +.posts-01__info { + color: #636363; + line-height: 1.6; + margin-bottom: 5px; +} +.posts-02__wrapper { + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -20px; +} +.posts-02__item { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; + width: calc(50% - 10px); + padding: 28px 20px 22px 20px; + margin-bottom: 20px; + margin-right: 20px; + border-radius: 10px; + border: 1px solid #eee; +} +.posts-02__item--accent { + background-color: white; + border-color: transparent; +} +.bg-white-color .posts-02__item--accent { + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); +} +@media (max-width: 760px) { + .posts-02__item { + flex-direction: column-reverse; + width: 100%; + margin-right: 0; + text-align: center; + } +} +.bg-medium-color .posts-02__item:not(.posts-02__item--accent), +.bg-light-color .posts-02__item:not(.posts-02__item--accent) { + background-color: rgba(255, 255, 255, 0.3); +} +.posts-02__item:nth-child(2n) { + margin-right: 0; +} +.posts-02__text { + width: 70%; + padding-right: 10px; +} +.posts-02__text--full { + width: 100%; +} +@media (max-width: 760px) { + .posts-02__text { + width: 100%; + padding-right: 0; + max-width: 300px; + margin-right: auto; + margin-left: auto; + } +} +.posts-02__title { + margin-top: 0; +} +.posts-02__info { + line-height: 1.6; + opacity: 0.8; + font-size: 14px; +} +.posts-02__img_box { + height: 80px; + width: 80px; + border-radius: 10px; + overflow: hidden; +} +@media (max-width: 760px) { + .posts-02__img_box { + margin-bottom: 20px; + } +} +@media (max-width: 450px) { + .posts-02__img_box { + width: 60px; + height: 60px; + } +} +.posts-02__img { + object-fit: cover; + height: 100%; + width: 100%; +} +.posts-03 { + padding-bottom: 50px; + text-align: center; +} +.posts-03__item { + padding: 20px; +} +.posts-03__wrapper { + overflow: hidden; + position: relative; + display: inline-flex; + justify-content: space-between; + text-align: left; + flex-wrap: wrap; + background-color: white; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + margin-right: auto; + margin-left: auto; +} +.posts-03__wrapper--small { + max-width: 500px; +} +.posts-03__img_box { + position: absolute; + top: 0; + bottom: 0; + width: 300px; + background-size: cover; + background-position: center top; + background-repeat: no-repeat; +} +@media (max-width: 760px) { + .posts-03__img_box { + position: relative; + width: 100%; + height: 370px; + margin: auto; + overflow: hidden; + } +} +.posts-03__img { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} +@media (max-width: 760px) { + .posts-03__img { + width: 100%; + position: relative; + z-index: 100; + max-width: 300px; + margin: auto; + } +} +.posts-03__bg_img { + visibility: hidden; + position: absolute; + top: 0; + width: 100%; + height: 100%; + -webkit-filter: blur(10px); + filter: blur(10px); + transform: scale(1.1); + transform-origin: center; + object-fit: cover; + object-position: center; +} +@media (max-width: 760px) { + .posts-03__bg_img { + visibility: visible; + } +} +.posts-03__text_box { + position: relative; + padding: 20px 70px 40px calc(300px + 40px); + width: 100%; +} +.posts-03__text_box--no-thumb { + padding-left: 40px; + padding-right: 40px; +} +@media (max-width: 900px) { + .posts-03__text_box { + padding-right: 50px; + } +} +@media (max-width: 760px) { + .posts-03__text_box { + padding-left: 40px; + } +} +@media (max-width: 500px) { + .posts-03__text_box, + .posts-03__text_box--no-thumb { + padding: 10px 20px 30px 20px; + } +} +.posts-03__logo { + display: inline-block; + max-height: 60px; + margin-bottom: 15px; + margin-top: 20px; +} +.posts-03__author { + line-height: 1.4; + text-transform: uppercase; + font-size: 12px; + font-weight: 700; + display: block; + max-width: 200px; +} +.posts-03__text { + opacity: 0.8; + margin-bottom: 30px; +} +@media (max-width: 400px) { + .posts-03__text { + margin-bottom: 15px; + } +} +.posts-03__tags_box { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + top: 50px; + right: 40px; +} +@media (max-width: 500px) { + .posts-03__tags_box { + top: 40px; + right: 20px; + } +} +@media (max-width: 450px) { + .posts-03__tags_box { + display: none; + } +} +.posts-03__tag { + display: inline-block; + margin-right: 10px; +} +.posts-03__tag:last-child { + margin-right: 0; +} +.posts-03__link { + position: absolute; + right: 40px; + bottom: 40px; +} +@media (max-width: 600px) { + .posts-03__link { + position: static; + margin-top: 20px; + } +} +.posts-04__wrapper { + overflow: hidden; + position: relative; + display: flex; + justify-content: center; + flex-wrap: nowrap; + padding: 20px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: #fff; +} +@media (max-width: 700px) { + .posts-04__wrapper { + flex-wrap: wrap; + } +} +.posts-04__item { + padding: 15px 40px 10px; + margin-right: 20px; + width: 220px; + border-radius: 4px; + text-align: center; + text-decoration: none; + transition: background-color 0.2s ease; +} +.posts-04__item:last-child { + margin-right: 0; +} +@media (max-width: 700px) { + .posts-04__item { + margin-right: 0; + } +} +.posts-04__img { + max-height: 60px; +} +.posts-04__title { + margin-bottom: 10px; +} +.posts-04__text { + opacity: 0.7; + line-height: 1.4; + font-size: 14px; + color: #303030; +} +.posts-05__wrapper { + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: -15px; +} +.posts-05__item { + display: block; + overflow: hidden; + width: 30%; + margin: 15px; + min-width: 350px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + transition: box-shadow 0.2s ease, transform 0.2s ease; +} +@media (max-width: 600px) { + .posts-05__item { + width: 100%; + min-width: auto; + } +} +.posts-05__img_box { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + height: 140px; +} +.posts-05__img_box--small { + height: 20px; +} +.posts-05__img { + max-width: 70%; + max-height: 100px; + object-fit: contain; +} +.posts-05__text { + padding: 15px 45px 25px; + width: 100%; +} +@media (max-width: 600px) { + .posts-05__text { + padding-right: 15px; + padding-left: 15px; + } +} +.posts-05__title { + margin-bottom: 20px; +} +.font-source-code-pro .posts-05__title { + font-size: 16px; +} +.posts-05__title_info { + opacity: 0.6; + margin-left: 7px; + font-size: 14px; + white-space: nowrap; + font-weight: 400; +} +.font-source-code-pro .posts-05__info { + font-size: 14px; +} +.posts-05__link { + margin-top: 20px; +} +.posts-06 { + background-color: #f6f6f6; +} +.posts-06__wrapper { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: baseline; +} +@media (max-width: 600px) { + .posts-06__wrapper { + flex-direction: column; + align-items: center; + } +} +.posts-06__card_holder { + width: calc(100% / 3 - 24px); + height: 235px; + margin-right: 36px; + margin-bottom: 40px; + position: relative; +} +.posts-06__card_holder:nth-child(3n) { + margin-right: 0; +} +.posts-06__card_holder:last-child { + margin-right: 0; +} +@media (max-width: 850px) { + .posts-06__card_holder { + width: calc(100% / 2 - 20px); + max-width: 250px; + margin-bottom: 40px; + margin-right: 40px; + } + .posts-06__card_holder:nth-child(2n) { + margin-right: 0; + } + .posts-06__card_holder:nth-child(3n) { + margin-right: 40px; + } + .posts-06__card_holder:last-child { + margin-bottom: 0; + } +} +@media (max-width: 850px) and (max-width: 600px) { + .posts-06__card_holder { + width: 100%; + max-width: 300px; + margin-right: 0; + } +} +@media (max-width: 850px) { + .posts-06__card_holder:nth-child(3n) { + margin-right: 0; + } +} +.posts-06__card { + width: 100%; + padding: 15px; + display: flex; + flex-direction: column; + align-items: center; + box-sizing: border-box; + border-radius: 10px; + background-color: white; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.posts-06__card--bottom { + width: 90%; + height: 100%; + margin: auto; + position: absolute; + left: 0; + right: 0; + top: 10px; + z-index: 1; +} +.posts-06__card--middle { + width: 95%; + height: 100%; + margin: auto; + position: absolute; + left: 0; + right: 0; + top: 5px; + z-index: 2; +} +.posts-06__card--top { + width: 100%; + height: 100%; + position: relative; + z-index: 3; +} +@media (max-width: 850px) { + .posts-06__card--top { + margin: 0 auto; + } +} +.posts-06__title { + margin-top: 0; + margin-bottom: 20px; + font-size: 20px; + line-height: 1.4; + color: #20313c; +} +.posts-06__image_box { + width: 100px; + height: 100px; + margin-bottom: 10px; + display: flex; + align-items: flex-start; + justify-content: center; +} +.posts-06__image { + max-width: 70%; + max-height: 70%; +} +.clients-01 { + text-align: center; +} +.clients-01__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin: 0px auto -20px auto; +} +.clients-01__item { + margin-left: 20px; + margin-right: 20px; + margin-bottom: 20px; +} +.clients-02 { + text-align: center; +} +.clients-02__wrapper { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +.clients-02__logos { + position: relative; + padding: 30px 40px 15px 40px; + background-color: white; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); +} +.clients-02__img { + position: absolute; + width: 30px; + top: 0; + left: 0; + right: 0; + margin: auto; + transform: translateY(-50%); +} +.clients-02__title { + margin-top: 0; + margin-bottom: 40px; +} +.clients-02__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin: 0px auto auto; + margin-bottom: -20px; + max-width: 450px; +} +.clients-02__item { + margin-left: 20px; + margin-right: 20px; + margin-bottom: 40px; +} +.clients-02__text_box { + list-style: none; + padding: 50px; +} +@media (max-width: 400px) { + .clients-02__text_box { + padding-left: 0; + padding-right: 0; + padding-bottom: 0; + } +} +.clients-02__text_item { + margin-bottom: 25px; + text-align: left; +} +.clients-02__text_item:last-child { + margin-bottom: 0; +} +.clients-02__text { + display: inline-block; + line-height: 1.6; + padding: 7px 15px; + border-radius: 4px; +} +.bg-light-color .clients-02__text, +.bg-medium-color .clients-02__text { + background-color: rgba(255, 255, 255, 0.3); +} +.clients-02__link { + transition: opacity 0.2s ease; +} +.clients-02__link:hover { + opacity: 0.8; +} +.clients-03 { + text-align: center; +} +.clients-03__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin-bottom: -40px; +} +.clients-03__item { + margin: 0 30px 40px; +} +.clients-03__logo { + transform: translateZ(0); + -webkit-filter: grayscale(1); + filter: grayscale(1); + transition: -webkit-filter 0.15s ease; + transition: filter 0.15s ease; + transition: filter 0.15s ease, -webkit-filter 0.15s ease; +} +.clients-03__logo:hover { + -webkit-filter: grayscale(0); + filter: grayscale(0); +} +.cta_form-01__container { + max-width: 600px; +} +@media (min-width: 1000px) { + .cta_form-01__tag { + position: absolute; + top: 0; + right: 0; + transform: translateY(-65%) translateX(103%); + } +} +.cta_form-03__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding: 45px 30px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; +} +.cta_form-03__heading_box { + max-width: 270px; +} +@media (max-width: 750px) { + .cta_form-03__heading_box { + max-width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 30px; + text-align: center; + } +} +.cta_form-03__heading { + margin-top: 0; +} +.cta_form-03__text { + font-size: 14px; + opacity: 0.6; +} +.cta_form-03__form_box { + width: calc(100% - 300px); +} +@media (max-width: 750px) { + .cta_form-03__form_box { + width: 100%; + } +} +.cta_form-04__wrapper { + border-radius: 10px; + border: 1px solid #eee; + text-align: center; +} +.cta_form-04__top { + padding: 30px 20px 40px; +} +@media (max-width: 400px) { + .cta_form-04__top { + padding-top: 30px; + } +} +.cta_form-04__heading_box .title-box { + margin-bottom: 30px; +} +.cta_form-04__heading { + margin-top: 0; + margin-bottom: 30px; +} +.cta_form-04__text { + font-size: 14px; + line-height: 1.4; + opacity: 0.6; +} +.cta_form-04__form_box { + width: 100%; + max-width: 500px; + margin-left: auto; + margin-right: auto; +} +.cta_form-04__features { + padding: 0; + margin: 0; + list-style: none; + margin-top: 20px; +} +.cta_form-04__feature { + position: relative; + display: inline-block; + opacity: 0.65; + margin-right: 30px; + font-size: 10px; + letter-spacing: 0.012em; + text-transform: uppercase; + font-weight: 700; +} +.cta_form-04__feature:last-child { + margin-right: 0; +} +.cta_form-04__feature:last-child:after { + content: none; +} +.cta_form-04__feature:after { + content: ''; + position: absolute; + width: 4px; + height: 4px; + right: -17px; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + background-color: rgba(48, 48, 48, 0.3); +} +.cta_form-04__bottom { + border-top: 1px solid #eee; + padding: 20px 20px 30px; +} +.cta_form-04__bottom_text { + opacity: 0.8; + line-height: 1.6; +} +.cta_form-04__bottom_link { + margin-top: 20px; +} +.cta_form-08 { + padding: 70px 0; +} +.cta_form-08__wrapper { + padding: 45px 30px 60px; + border-radius: 10px; + position: relative; +} +.cta_form-08__wrapper .form { + display: flex; + justify-content: center; +} +.cta_form-08__wrapper .form__inputs { + flex-wrap: nowrap; + justify-content: center; +} +.cta_form-08__wrapper .form__button { + display: inline-block; +} +.cta_form-08__wrapper .text-input { + max-width: 200px; + margin-right: 15px; +} +.cta_form-08__wrapper .text-input:last-child { + margin-right: 0; +} +@media (max-width: 800px) { + .cta_form-08__wrapper { + padding-bottom: 40px; + } + .cta_form-08__wrapper .form { + flex-direction: column; + } + .cta_form-08__wrapper .form__inputs { + flex-direction: column; + align-items: center; + margin-bottom: 30px; + } + .cta_form-08__wrapper .form__button { + margin: 0; + text-align: center; + } + .cta_form-08__wrapper .text-input { + max-width: 400px; + margin-right: 0; + margin-bottom: 15px; + } + .cta_form-08__wrapper .text-input:last-child { + margin-bottom: 0; + } +} +@media (max-width: 400px) { + .cta_form-08__wrapper .form__inputs { + display: flex; + } +} +.cta_form-08__emoji { + max-width: 55px; + position: absolute; + top: -30px; + left: 50%; + transform: translateX(-50%); +} +.cta_form-08__heading { + max-width: 500px; + margin: 0 auto 37px; + color: white; + text-align: center; +} +.cta_form-09 { + padding: 70px 0; +} +.cta_form-09__wrapper { + padding: 30px 100px 45px; + margin-bottom: 50px; + border-radius: 10px; + border: 1px solid rgba(151, 151, 151, 0.2); +} +@media (max-width: 999px) { + .cta_form-09__wrapper { + padding-top: 10px; + } +} +@media (max-width: 750px) { + .cta_form-09__wrapper { + padding-right: 50px; + padding-left: 50px; + margin-bottom: 35px; + } +} +@media (max-width: 550px) { + .cta_form-09__wrapper { + padding: 15px 25px 25px; + } +} +@media (max-width: 400px) { + .cta_form-09__wrapper { + margin-bottom: 60px; + } +} +.cta_form-09__wrapper .form__button { + margin-left: 10px; +} +@media (max-width: 400px) { + .cta_form-09__wrapper .form__button { + margin-left: 0; + } +} +.cta_form-09__heading_box { + margin-bottom: 30px; + text-align: center; +} +@media (max-width: 750px) { + .cta_form-09__heading_box { + margin-bottom: 20px; + } +} +.cta_form-09__heading { + margin: 0; + position: relative; + display: inline-block; +} +@media (min-width: 1000px) { + .cta_form-09__tag { + position: absolute; + top: 0; + right: 0; + transform: translateY(-65%) translateX(103%); + } +} +.cta_form-09__social_box { + max-width: 180px; + margin: 0 auto; + position: relative; +} +.cta_form-09__social_text { + position: absolute; + left: -65px; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + line-height: 1.4; +} +@media (max-width: 400px) { + .cta_form-09__social_text { + left: 50%; + top: -32px; + transform: translateX(-50%); + } +} +.cta_form-09__social_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +.cta_form-09__social_item { + width: 45px; + height: 45px; + margin-right: 15px; +} +.cta_form-09__social_item:last-child { + margin-right: 0; +} +.cta_form-09__social_item:nth-child(3n) { + margin-right: 0; +} +.cta_form-09__social_item:nth-child(n + 4) { + margin-top: 15px; +} +.cta_form-09__social_link { + width: 100%; + height: 100%; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + transition: box-shadow 0.2s ease, transform 0.2s ease; +} +.cta_form-09__social_link:hover { + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.cta_form-09__social_logo { + max-height: 15px; + max-width: 40px; +} +.cta_form-10 { + padding-top: 85px; + padding-bottom: 55px; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + background-color: #303030; + position: relative; + z-index: 1; +} +.cta_form-10::before { + content: ''; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.75); + z-index: -1; +} +.cta_form-10__container { + position: relative; + z-index: 2; +} +.cta_form-10__heading { + margin-top: 0; + margin-bottom: 25px; + color: white; + text-align: center; +} +.cta_form-10__top_text { + margin-top: 0; + margin-bottom: 50px; + font-size: 16px; + color: white; + text-align: center; +} +.cta_form-10__form_box .form__inputs { + position: relative; +} +.cta_form-10__form_box .form__input_wrapper { + width: 100%; + margin-bottom: 15px; + display: flex; +} +@media (max-width: 500px) { + .cta_form-10__form_box .form__input_wrapper { + flex-direction: column; + } +} +.cta_form-10__form_box .form__input_wrapper .form__input { + margin-bottom: 0; +} +.cta_form-10__form_box .form__input_wrapper .form__input:first-child { + margin-right: 15px; +} +@media (max-width: 500px) { + .cta_form-10__form_box .form__input_wrapper .form__input:first-child { + margin-right: 0; + margin-bottom: 15px; + } +} +.cta_form-10__form_box .form__input { + width: 100%; + margin-bottom: 15px; +} +.cta_form-10__form_box .form__select { + width: 100%; + margin-bottom: 15px; +} +.cta_form-10__form_box .form__textarea { + width: 100%; +} +.cta_form-10__form_box .form__button { + width: 100%; + margin-left: 0; + text-align: center; +} +.cta_form-10__form_box .form__checkbox { + width: 100%; + margin-bottom: 35px; + display: flex; + align-items: center; + justify-content: center; +} +.cta_form-10__form_box .form__label { + padding-left: 10px; + font-size: 16px; + line-height: 1.4; + color: white; + cursor: pointer; +} +.cta_form-10__form_box .form__terms_link { + color: inherit; + text-decoration: underline; +} +.cta_form-10__form_box .form__messages { + top: 83%; +} +.cta_form-12 { + padding-top: 160px; + padding-bottom: 90px; + background-color: #ededed; +} +.cta_form-12__form_box { + padding: 40px 20px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + border-radius: 10px; + background-color: white; + position: relative; +} +.cta_form-12__image { + max-width: 120px; + max-height: 80px; + position: absolute; + top: -76px; + left: 50%; + transform: translateX(-50%); +} +.cta_form-12__heading { + max-width: 500px; + margin: 0 auto 13px; + font-size: 20px; + line-height: 1.4; + text-align: center; +} +.cta_form-12__top_text { + max-width: 500px; + margin: 0 auto 25px; + font-size: 14px; + line-height: 1.4; + color: rgba(48, 48, 48, 0.6); + text-align: center; +} +.cta_form-12__form { + max-width: 350px; + margin: 0 auto; +} +.cta_form-12__form .form__inputs { + position: relative; +} +.cta_form-12__form .form__input { + width: 100%; + margin-bottom: 15px; +} +.cta_form-12__form .form__textarea { + width: 100%; +} +.cta_form-12__form .form__messages { + margin-top: 0; + top: 80%; +} +.cta_form-12__form .form__button { + width: 100%; + margin-left: 0; + text-align: center; +} +.cta_button-01__button_box, +.cta_button-04__button_box, +.cta_button-06__button_box { + text-align: center; +} +.cta_button-01__button_wrapper, +.cta_button-04__button_wrapper, +.cta_button-06__button_wrapper { + display: inline-block; + position: relative; +} +.cta_button-01__tag, +.cta_button-04__tag, +.cta_button-06__tag { + position: relative; + z-index: 10; + transform: translateY(20%); +} +@media (min-width: 1000px) { + .cta_button-01__tag, + .cta_button-04__tag, + .cta_button-06__tag { + position: absolute; + top: 0; + right: 0; + transform: translateY(-50%) translateX(75%); + } +} +.cta_button-02 { + padding: 70px 0 70px; +} +.cta_button-02__img_box { + text-align: center; +} +.cta_button-02__img { + -webkit-animation: levitate 4s linear infinite; + animation: levitate 4s linear infinite; + width: 50px; +} +@-webkit-keyframes levitate { + 0% { + transform: translateY(-5%); + } + 50% { + transform: translateY(5%); + } + 100% { + transform: translateY(-5%); + } +} +@keyframes levitate { + 0% { + transform: translateY(-5%); + } + 50% { + transform: translateY(5%); + } + 100% { + transform: translateY(-5%); + } +} +.cta_button-03 { + position: relative; +} +.cta_button-03__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + position: relative; + z-index: 10; +} +@media (max-width: 750px) { + .cta_button-03__wrapper { + display: block; + text-align: center; + } +} +.cta_button-03__title_box { + max-width: 300px; +} +@media (max-width: 750px) { + .cta_button-03__title_box { + margin-left: auto; + margin-right: auto; + margin-bottom: 40px; + } +} +.cta_button-03__text { + opacity: 0.8; + font-size: 14px; +} +.cta_button-03__title { + margin-top: 5px; + font-size: 20px; +} +.cta_button-10 { + padding: 70px 0 70px; +} +.cta_button-10__button_box { + text-align: center; + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; +} +@media (max-width: 700px) { + .cta_button-10__button_box { + justify-content: center; + } +} +.cta_button-10__button_wrapper { + display: inline-block; + position: relative; +} +.cta_button-10__list { + padding: 0; + margin: 0; + list-style: none; +} +.cta_button-10__item { + vertical-align: top; + display: inline-block; +} +.cta_button-10__link { + text-decoration: none; + text-align: center; +} +.cta_button-10__logo_box { + height: 40px; + margin-bottom: 7px; +} +.cta_button-10__text { + text-transform: uppercase; + font-weight: 700; + font-size: 12px; +} +.cta_button-10__link { + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + flex-direction: column; + height: 90px; + width: 90px; + border-radius: 4px; + transition: background-color 0.2s ease; +} +.cta_button-11 { + padding: 70px 0 70px; + background-color: rgba(0, 0, 0, 0.9); +} +.cta_button-11__container { + max-width: 650px; +} +.cta_button-11__button_box { + text-align: center; + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; +} +@media (max-width: 700px) { + .cta_button-11__button_box { + justify-content: center; + } +} +.cta_button-11__button_wrapper { + display: inline-block; + position: relative; +} +.cta_button-11__list { + padding: 0; + margin: 0; + list-style: none; +} +@media (max-width: 700px) { + .cta_button-11__list { + margin-left: 7px; + margin-right: 7px; + } +} +.cta_button-11__item { + vertical-align: top; + display: inline-block; + margin-right: 10px; +} +.cta_button-11__item:last-child { + margin-right: 0; +} +@media (max-width: 700px) { + .cta_button-11__item { + margin-bottom: 20px; + } +} +.cta_button-11__link { + text-decoration: none; + text-align: center; +} +.cta_button-11__logo_box { + height: 40px; + margin-bottom: 7px; +} +.cta_button-11__text { + text-transform: uppercase; + font-weight: 700; + color: #00396b; + font-size: 12px; +} +.cta_button-11__link { + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + flex-direction: column; + height: 90px; + width: 90px; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + transition: background-color 0.2s ease, transform 0.2s ease; +} +.cta_button-11__link:hover { + transform: translateY(-3px); + background-color: #dfeafe; +} +.cta_button-12 { + position: relative; +} +.cta_button-12__content { + position: relative; + z-index: 10; +} +.cta_button-12__wrapper { + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-top: 80px; + margin-bottom: -60px; +} +@media (max-width: 700px) { + .cta_button-12__wrapper { + flex-direction: column; + align-items: center; + } +} +.cta_button-12__box { + position: relative; + padding: 30px 20px 25px; + width: calc(50% - 30px); + min-width: 280px; + margin-right: 15px; + margin-left: 15px; + margin-bottom: 60px; + background-color: white; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + text-align: center; +} +@media (max-width: 700px) { + .cta_button-12__box { + margin-right: 0; + margin-left: 0; + } + .cta_button-12__box:last-child { + margin-bottom: 0; + } +} +@media (max-width: 500px) { + .cta_button-12__box { + width: 100%; + min-width: 100%; + } +} +.cta_button-12__emoji { + position: absolute; + left: 0; + right: 0; + top: 0; + margin: auto; + transform: translateY(-50%); + max-height: 50px; +} +.cta_button-12__text { + margin-bottom: 25px; + margin-left: auto; + margin-right: auto; + max-width: 320px; + line-height: 1.4; +} +.cta_button-16 { + padding-left: 15px; + margin-right: 15px; +} +.cta_button-16__button_box { + text-align: center; +} +.cta_button-16__wrapper { + padding: 40px 15px 40px; + border-radius: 10px; + border: 1px solid #eee; +} +.cta_button-20 { + position: relative; + z-index: 100; + padding-bottom: 90px; +} +.cta_button-20__container { + position: relative; + z-index: 50; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding-top: 140px; +} +@media (max-width: 1366px) { + .cta_button-20__container { + padding-top: 100px; + } +} +@media (max-width: 700px) { + .cta_button-20__container { + padding-top: 70px; + } +} +.cta_button-20__info { + width: 50%; +} +@media (max-width: 1400px) { + .cta_button-20__info { + padding-left: 0; + } +} +@media (max-width: 1000px) { + .cta_button-20__info { + width: 60%; + } +} +@media (max-width: 760px) { + .cta_button-20__info { + width: 100%; + margin-bottom: 100px; + text-align: center; + } +} +.cta_button-20__info_content { + max-width: 400px; +} +@media (max-width: 760px) { + .cta_button-20__info_content { + margin-left: auto; + margin-right: auto; + } +} +.cta_button-20__text { + max-width: 430px; +} +@media (max-width: 760px) { + .cta_button-20__text { + margin-left: auto; + margin-right: auto; + } +} +.cta_button-20__buttons_box { + margin-top: 45px; +} +.cta_button-20__visal { + position: relative; + width: 50%; + text-align: center; +} +@media (max-width: 1000px) { + .cta_button-20__visal { + width: 30%; + } +} +@media (max-width: 760px) { + .cta_button-20__visal { + width: 90%; + margin: auto auto 100px; + } +} +@media (max-width: 500px) { + .cta_button-20__visal { + width: 60%; + } +} +.cta_button-20__visal__wrapper { + position: relative; +} +.cta_button-20__mockup--shift { + position: absolute; + left: -25%; + right: 0; + bottom: 0; + top: 10%; + width: 100%; + margin: auto; +} +@media (max-width: 760px) { + .cta_button-20__mockup--static { + position: relative; + left: 30px; + } +} +@media (max-width: 1400px) { + .cta_button-20__mockup { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + padding-right: 100px; + } + .cta_button-20__mockup .mockup { + width: 250px; + } +} +@media (max-width: 1366px) { + .cta_button-20__mockup .mockup { + width: 200px; + } +} +@media (max-width: 1000px) { + .cta_button-20__mockup { + padding-right: 0; + } +} +@media (max-width: 760px) { + .cta_button-20__mockup { + justify-content: center; + } +} +@media (max-width: 760px) { + .cta_button-20__buttons { + justify-content: center; + } + .cta_button-20__buttons .rich_download_app__item { + margin-right: 8px; + margin-left: 8px; + } +} +.cta_button-21__button_box { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; + margin-bottom: -14px; +} +@media (max-width: 500px) { + .cta_button-21__button_box { + flex-direction: column; + } +} +.cta_button-21__text { + padding-left: 20px; + max-width: 250px; + line-height: 1.4; + padding-bottom: 14px; +} +.cta_button-21__text .emoji { + margin-left: 5px; + margin-right: 5px; +} +@media (max-width: 500px) { + .cta_button-21__text { + padding-left: 0; + margin-top: 15px; + } +} +.cta_button-25__title { + margin-bottom: 25px; + text-align: center; +} +.cta_button-25__subheading { + margin-bottom: 20px; + font-size: 12px; + font-weight: 700; + line-height: 1.4; + text-transform: uppercase; +} +.cta_button-25__button_wrapper { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0 auto 100px; + text-align: center; +} +@media (max-width: 500px) { + .cta_button-25__button_wrapper { + margin-bottom: 70px; + } +} +.cta_button-25__tag { + position: relative; +} +.cta_button-25__tag .tag { + position: absolute; + top: -10px; + right: -50px; + z-index: 2; +} +.cta_button-25__features { + padding: 0; + margin: 0; + list-style: none; + max-width: 750px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: baseline; + margin-bottom: -50px; +} +@media (max-width: 500px) { + .cta_button-25__features { + flex-direction: column; + align-items: center; + } +} +.cta_button-25__item { + width: calc(100% / 3 - 50px); + padding-top: 15px; + margin-right: 75px; + margin-bottom: 50px; + position: relative; +} +.cta_button-25__item:nth-child(3n) { + margin-right: 0; +} +.cta_button-25__item:last-child { + margin-right: 0; +} +.cta_button-25__item::before { + content: ''; + width: 60px; + height: 3px; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +@media (max-width: 800px) { + .cta_button-25__item { + width: calc(100% / 3 - 30px); + margin-right: 45px; + } +} +@media (max-width: 500px) { + .cta_button-25__item { + width: 100%; + max-width: 180px; + margin-right: 0; + margin-bottom: 50px; + } + .cta_button-25__item:last-child { + margin-bottom: 0; + } +} +.bg-accent-color .cta_button-25__item:before { + background-color: #303030; +} +.cta_button-25__top_title { + margin-top: 0; + margin-bottom: 5px; + font-size: 18px; + text-align: center; + line-height: 1.4; +} +.cta_button-25__content { + margin: 0; + font-size: 14px; + font-weight: 400; + text-align: center; + line-height: 1.4; + opacity: 0.5; +} +.cta_button-26 { + padding: 70px 0; + background-color: #f6f6f6; +} +.cta_button-26__container { + display: flex; + align-items: center; + justify-content: space-evenly; +} +.cta_button-26__container::after { + display: none; +} +@media (max-width: 750px) { + .cta_button-26__container { + flex-direction: column; + } +} +.cta_button-26__content { + width: 100%; + max-width: 425px; + margin-right: 15px; +} +@media (max-width: 750px) { + .cta_button-26__content { + text-align: center; + margin-bottom: 50px; + margin-right: 0; + } +} +.cta_button-26__heading { + margin-top: 0; + margin-bottom: 15px; +} +.cta_button-26__info { + margin-top: 0; + margin-bottom: 30px; + font-size: 16px; + line-height: 1.4; + color: rgba(48, 48, 48, 0.8); +} +.cta_button-26__reasons { + padding: 0; + margin: 0; + list-style: none; + width: 100%; + max-width: 290px; + padding: 30px 35px; + display: flex; + flex-direction: column; + background-color: white; + border-radius: 10px; + box-sizing: border-box; +} +.cta_button-26__reason { + margin-bottom: 13px; + display: flex; +} +.cta_button-26__reason:nth-child(3) { + margin-bottom: 25px; +} +.cta_button-26__reason:last-child { + margin-bottom: 0; +} +.cta_button-26__check { + position: relative; + top: 2px; + vertical-align: top; + margin-right: 10px; +} +.cta_button-26__check svg { + height: 12px; +} +.cta_button-26__text { + margin: 0; + font-size: 16px; + font-weight: 400; + line-height: 1.4; +} +@-webkit-keyframes heartbeat { + 0% { + transform: scale(0.75); + } + 20% { + transform: scale(1); + } + 40% { + transform: scale(0.75); + } + 60% { + transform: scale(1); + } + 80% { + transform: scale(0.75); + } + 100% { + transform: scale(0.75); + } +} +@keyframes heartbeat { + 0% { + transform: scale(0.75); + } + 20% { + transform: scale(1); + } + 40% { + transform: scale(0.75); + } + 60% { + transform: scale(1); + } + 80% { + transform: scale(0.75); + } + 100% { + transform: scale(0.75); + } +} +.cta_button-27 { + padding: 70px 0; +} +.cta_button-27__container { + padding-top: 45px; +} +.cta_button-27__card { + padding: 88px 20px 30px 20px; + text-align: center; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + position: relative; +} +.cta_button-27__github_box { + width: 113px; + height: 113px; + border: 4px solid #303030; + border-radius: 50%; + background-color: #303030; + position: absolute; + top: -44px; + left: 50%; + transform: translateX(-50%); +} +.cta_button-27__github { + width: 100%; + height: 100%; +} +.cta_button-27__heart { + width: 20px; + height: 20px; + position: absolute; + top: 80px; + left: 43px; + -webkit-animation: heartbeat 2s infinite; + animation: heartbeat 2s infinite; + -webkit-filter: contrast(1); + filter: contrast(1); + transition: -webkit-filter 0.25s ease; + transition: filter 0.25s ease; + transition: filter 0.25s ease, -webkit-filter 0.25s ease; +} +.cta_button-27__heart:hover { + -webkit-filter: contrast(1); + filter: contrast(1); +} +.cta_button-27__text_box { + max-width: 280px; + margin: 0 auto; +} +.cta_button-27__title { + margin-top: 0; + margin-bottom: 15px; + font-size: 20px; + color: white; + line-height: 1.4; +} +.cta_button-27__text { + margin-top: 0; + margin-bottom: 20px; + color: white; + line-height: 1.4; + font-size: 14px; + opacity: 0.7; +} +.cta_button-28 { + padding: 70px 0; +} +.cta_button-28__container { + position: relative; +} +.cta_button-28__grid { + position: absolute; + left: 0; + right: 0; + top: 0; + max-width: 620px; + width: 100%; + margin: auto; + z-index: -1; +} +.cta_button-28__card { + max-width: 310px; + padding: 35px 35px 30px 40px; + margin: 0 auto; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + position: relative; +} +.cta_button-28__tools { + max-width: 47px; + max-height: 60px; + position: absolute; + top: -25px; + left: 50%; + transform: translateX(-50%); +} +.cta_button-28__title { + margin-top: 0; + margin-bottom: 30px; + font-size: 20px; + text-align: center; + color: #f6f6f6; +} +.cta_button-28__features { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; +} +.cta_button-28__feature { + margin-bottom: 15px; + display: flex; +} +.cta_button-28__feature:nth-child(2n) { + margin-bottom: 30px; +} +.cta_button-28__feature:last-child { + margin-bottom: 0; +} +.cta_button-28__check { + position: relative; + top: 2px; + vertical-align: top; + margin-right: 10px; +} +.cta_button-28__check svg { + height: 12px; +} +.cta_button-28__text { + margin: 0; + font-size: 16px; + font-weight: 400; + color: #f6f6f6; +} +.cta_button-28__button { + text-align: center; +} +.cta_button-29 { + padding: 70px 0; +} +.cta_button-29__card { + width: 100%; + max-width: 820px; + padding-top: 40px; + padding-bottom: 25px; + margin: 0 auto; + border: 1px solid #f6f6f6; + border-radius: 10px; +} +.cta_button-29__heading { + margin-top: 0; + margin-bottom: 40px; + padding-left: 15px; + padding-right: 15px; + color: #20313c; + text-align: center; +} +.cta_button-29__list { + padding: 0; + margin: 0; + list-style: none; + padding: 0 30px; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} +@media (max-width: 660px) { + .cta_button-29__list { + padding: 0 40px; + } +} +@media (max-width: 550px) { + .cta_button-29__list { + flex-direction: column; + } +} +.cta_button-29__item { + margin-right: 10px; + margin-left: 10px; + margin-bottom: 20px; +} +@media (max-width: 660px) { + .cta_button-29__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 550px) { + .cta_button-29__item { + width: 100%; + max-width: 200px; + margin-right: 0; + margin-left: 0; + } +} +.cta_button-29__logo { + max-width: 20px; + max-height: 15px; + margin-right: 12px; +} +.cta_button-29__link { + width: 100%; + height: 100%; + padding: 15px; + font-size: 14px; + font-weight: 700; + color: white; + text-decoration: none; + display: flex; + align-items: center; + box-sizing: border-box; + border-radius: 4px; + transition: color 0.2s ease, background-color 0.2s ease, + border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; +} +.cta_button-29__link:hover { + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.cta_button-29__link:visited { + color: white; +} +.cta_button-30 { + padding: 70px 0; +} +.cta_button-30__list { + padding: 0; + margin: 0; + list-style: none; + width: 100%; + max-width: 950px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +@media (max-width: 750px) { + .cta_button-30__list { + flex-direction: column; + } +} +.cta_button-30__item { + width: calc(100% / 2 - 15px); + padding: 28px 38px 25px 40px; + margin-right: 30px; + margin-bottom: 30px; + border-radius: 10px; + border: 1px solid #f6f6f6; + box-sizing: border-box; + background-color: white; +} +.cta_button-30__item:nth-child(2n) { + margin-right: 0; +} +.cta_button-30__item:last-child { + margin-right: 0; +} +.cta_button-30__item .feature__title_text { + font-size: 20px; + text-transform: none; +} +.cta_button-30__item .feature__icon { + margin-right: 30px; +} +@media (max-width: 500px) { + .cta_button-30__item .feature__icon { + margin-right: 15px; + } +} +.cta_button-30__item .feature__content { + padding-left: 70px; + margin-bottom: 25px; + color: rgba(48, 48, 48, 0.8); +} +@media (max-width: 750px) { + .cta_button-30__item .feature__content { + padding-left: 0; + } +} +.cta_button-30__item .button { + margin-left: 70px; +} +@media (max-width: 750px) { + .cta_button-30__item .button { + margin-left: 0; + display: block; + } +} +@media (max-width: 750px) { + .cta_button-30__item { + width: 100%; + max-width: 450px; + margin-right: 0; + } +} +.cta_button-31 { + padding: 70px 0; +} +.cta_button-31__card { + padding: 30px; + display: flex; + justify-content: space-between; + align-items: center; + border-radius: 4px; + background-color: #f6f6f6; +} +@media (max-width: 750px) { + .cta_button-31__card { + padding: 25px 20px 40px; + flex-direction: column; + } +} +.cta_button-31__heading { + max-width: 48%; + margin: 0; + font-size: 20px; +} +@media (max-width: 750px) { + .cta_button-31__heading { + max-width: 400px; + margin: 0 auto 25px; + text-align: center; + } +} +.cta_button-31__list { + padding: 0; + margin: 0; + list-style: none; + width: 50%; + display: flex; + justify-content: center; + flex-wrap: wrap; +} +@media (max-width: 900px) { + .cta_button-31__list { + flex-direction: column; + align-items: center; + } +} +@media (max-width: 750px) { + .cta_button-31__list { + width: 70%; + flex-direction: row; + } +} +@media (max-width: 650px) { + .cta_button-31__list { + width: 100%; + flex-direction: column; + } +} +.cta_button-31__item { + width: calc(100% / 2 - 10px); + margin-right: 20px; + margin-top: 20px; +} +.cta_button-31__item:nth-child(-n + 2) { + margin-top: 0; +} +.cta_button-31__item:nth-child(2n) { + margin-right: 0; +} +.cta_button-31__item:last-child { + margin-right: 0; +} +@media (max-width: 900px) { + .cta_button-31__item { + width: 100%; + max-width: 200px; + margin-right: 0; + margin-top: 0; + margin-bottom: 20px; + } + .cta_button-31__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 750px) { + .cta_button-31__item { + width: calc(100% / 2 - 10px); + max-width: unset; + margin-bottom: 0; + margin-right: 20px; + margin-top: 20px; + } + .cta_button-31__item:nth-child(-n + 2) { + margin-top: 0; + } + .cta_button-31__item:nth-child(2n) { + margin-right: 0; + } + .cta_button-31__item:last-child { + margin-right: 0; + } +} +@media (max-width: 650px) { + .cta_button-31__item { + width: 100%; + max-width: 200px; + margin-right: 0; + margin-top: 0; + margin-bottom: 20px; + } + .cta_button-31__item:last-child { + margin-bottom: 0; + } +} +.cta_button-31__logo { + max-width: 20px; + max-height: 15px; + margin-right: 12px; +} +.cta_button-31__link { + width: 100%; + height: 100%; + padding: 15px; + font-size: 14px; + font-weight: 700; + color: white; + text-decoration: none; + display: flex; + align-items: center; + box-sizing: border-box; + border-radius: 4px; + transition: color 0.2s ease, background-color 0.2s ease, + border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; +} +.cta_button-31__link:hover { + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.cta_button-31__link:visited { + color: white; +} +.contact-01 { + text-align: center; +} +.contact-01__list { + padding: 0; + margin: 0; + list-style: none; +} +.contact-01__list_item { + margin-bottom: 20px; +} +.contact-01__list_item:last-child { + margin-bottom: 0; +} +.contact-01__link { + text-decoration: underline; +} +.contact-01__link.text-white:hover { + color: #fff; +} +.contact-01__map_box { + margin-top: 80px; +} +.contact-01__map { + display: inline-block; + position: relative; + overflow: hidden; + width: 250px; + height: 150px; + text-decoration: none; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + transition: opacity 0.25s ease, transform 0.25s ease; +} +.contact-01__map:hover { + transform: translateY(-5px); +} +.contact-01__map:before { + content: ''; + opacity: 0; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + background-color: rgba(31, 44, 75, 0.7); + background-size: 24px; + background-position: center; + background-repeat: no-repeat; + background-image: url('../img/icons/view--white.svg'); + transition: opacity 0.2s ease; +} +.contact-01__map:hover:before { + opacity: 1; +} +.contact-02__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: -20px; +} +@media (max-width: 768px) { + .contact-02__list { + flex-direction: column; + align-items: center; + } +} +.contact-02__list_item { + width: 30%; + margin-bottom: 20px; + line-height: 1.4; +} +@media (max-width: 768px) { + .contact-02__list_item { + margin-bottom: 40px; + width: 50%; + } + .contact-02__list_item:last-child { + margin-bottom: 0; + } +} +.contact-02__item_title { + margin-bottom: 7px; + text-transform: uppercase; + font-size: 16px; +} +.contact-02__social { + margin-top: 10px; +} +.contact-02__social .social-buttons__link { + transition: opacity 0.2s ease, transform 0.2s ease; +} +.contact-02__social .social-buttons__link:hover { + opacity: 0.8; + transform: translateY(-2px); +} +.contact-02__link { + text-decoration: none; +} +.contact-02__link.text-white { + transition: opacity 0.2s ease; +} +.contact-02__link.text-white:hover { + color: #fff; + opacity: 0.8; +} +.testimonials-01 { + padding-bottom: 50px; + text-align: center; +} +@media (max-width: 800px) { + .testimonials-01 .slider__arrow { + display: none; + } +} +@media (max-width: 800px) { + .testimonials-01 .slick-dots { + bottom: -20px; + } +} +.testimonials-01 .slick-slide { + padding: 0 15px; +} +.bg-white-color .testimonials-01 .slider__box:before { + position: absolute; + z-index: 100; + top: 0; + bottom: 0; + left: 0; + width: 15px; + background-image: linear-gradient( + 90deg, + #fff 0%, + rgba(255, 255, 255, 0) 100% + ); +} +@media (max-width: 800px) { + .bg-white-color .testimonials-01 .slider__box:before { + content: ''; + } +} +.bg-white-color .testimonials-01 .slider__box:after { + position: absolute; + z-index: 100; + top: 0; + bottom: 0; + right: 0; + width: 15px; + background-image: linear-gradient( + 90deg, + rgba(255, 255, 255, 0) 0%, + #fff 100% + ); +} +@media (max-width: 800px) { + .bg-white-color .testimonials-01 .slider__box:after { + content: ''; + } +} +@media (max-width: 800px) { + .testimonials-01__container { + padding-left: 0; + padding-right: 0; + } +} +.testimonials-01__item { + display: inline-block; + position: relative; + padding: 35px 30px 25px; + max-width: 580px; + width: 100%; + margin-bottom: 20px; + margin-top: 20px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + text-align: left; +} +.testimonials-01__logo { + max-height: 50px; + margin-bottom: 16px; +} +.testimonials-01__text { + line-height: 1.6; +} +.testimonials-01__box { + display: flex; + justify-content: space-between; +} +.testimonials-01__author { + margin-top: 16px; + font-size: 12px; + line-height: 1.4; + text-transform: uppercase; + font-weight: bold; + max-width: 300px; + opacity: 0.8; +} +.testimonials-02__wrapper { + display: flex; + align-items: baseline; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -40px; +} +@media (max-width: 950px) { + .testimonials-02__wrapper { + flex-direction: column; + align-items: center; + } +} +.testimonials-02__item { + width: calc(100% / 2 - 40px); + max-width: 580px; + padding: 35px 30px 25px; + margin-right: 40px; + margin-bottom: 40px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + box-sizing: border-box; + text-align: left; +} +.testimonials-02__item:nth-child(2n) { + margin-right: 0; +} +@media (max-width: 950px) { + .testimonials-02__item { + width: 100%; + margin-right: 0; + } +} +@media (max-width: 650px) { + .testimonials-02__item { + max-width: 400px; + } +} +@media (max-width: 450px) { + .testimonials-02__item { + max-width: 300px; + } +} +.testimonials-02__logo { + max-height: 50px; + margin-bottom: 16px; +} +.testimonials-02__text { + padding-right: 60px; + line-height: 1.6; +} +@media (max-width: 800px) { + .testimonials-02__text { + font-size: 14px; + } +} +@media (max-width: 650px) { + .testimonials-02__text { + max-width: 400px; + padding-right: 0; + } +} +@media (max-width: 450px) { + .testimonials-02__text { + max-width: 300px; + } +} +.testimonials-02__box { + display: flex; + justify-content: space-between; +} +.testimonials-02__author { + margin-top: 16px; + font-size: 12px; + line-height: 1.4; + text-transform: uppercase; + font-weight: bold; + max-width: 300px; + opacity: 0.8; +} +.testimonials-03 { + padding: 70px 0; +} +.testimonials-03__wrapper { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: baseline; +} +@media (max-width: 850px) { + .testimonials-03__wrapper { + align-items: center; + } +} +.testimonials-03__item { + width: calc(100% / 3 - 27px); + margin-right: 40px; + margin-bottom: 40px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + display: flex; + flex-direction: column; + justify-content: center; +} +.testimonials-03__item:nth-child(3n) { + margin-right: 0; +} +.testimonials-03__item:last-child { + margin-right: 0; + margin-bottom: 0; +} +.testimonials-03__item:nth-last-child(-n + 2) { + margin-bottom: 0; +} +.testimonials-03__item .social-buttons { + margin-left: auto; +} +.testimonials-03__item .social-buttons__item { + margin-bottom: 0; +} +.testimonials-03__item .social-buttons__icon { + opacity: 0.2; + transition: all 0.2s ease; +} +.testimonials-03__item .social-buttons__item:hover .social-buttons__icon { + opacity: 0.6; + transform: translateY(-2px); +} +@media (max-width: 850px) { + .testimonials-03__item { + width: calc(100% / 2 - 20px); + max-width: 350px; + margin-right: 40px; + margin-bottom: 40px; + } + .testimonials-03__item:nth-child(2n) { + margin-right: 0; + } + .testimonials-03__item:nth-child(3n) { + margin-right: 40px; + } + .testimonials-03__item:nth-last-child(-n + 2) { + margin-bottom: 40px; + } + .testimonials-03__item:last-child { + margin-right: 0; + margin-bottom: 0; + } +} +@media (max-width: 550px) { + .testimonials-03__item { + width: 100%; + max-width: 300px; + margin-right: 0; + } + .testimonials-03__item:nth-child(3n + 3) { + margin-right: 0; + } +} +.testimonial-03__name_box { + padding: 15px 20px; + border-bottom: 1px solid rgba(151, 151, 151, 0.2); + display: flex; + align-items: center; +} +.testimonials-03__person_link { + line-height: 1.4; + text-decoration: none; +} +.testimonials-03__person_image { + max-width: 30px; + margin-right: 10px; + border-radius: 50%; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); +} +.testimonials-03__content { + padding: 25px; +} +.testimonials-03__text { + margin: 0; + line-height: 1.6; + color: #636363; +} +.testimonials-04 { + padding: 70px 0; +} +.testimonials-04__wrapper { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +@media (max-width: 900px) { + .testimonials-04__wrapper { + flex-direction: column; + } +} +.testimonials-04__item { + width: calc(100% / 2 - 20px); + max-width: 580px; + padding: 25px 30px 30px; + margin-bottom: 40px; + margin-right: 40px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + text-align: left; +} +.testimonials-04__item:nth-child(2n) { + margin-right: 0; +} +@media (max-width: 900px) { + .testimonials-04__item { + width: 100%; + margin-right: 0; + } +} +.testimonials-04__name_box { + margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: flex-start; +} +.testimonials-04__person_image { + max-height: 50px; + margin-right: 25px; + border-radius: 50%; + box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15); +} +.testimonials-04__person_name { + margin-top: 0; + margin-bottom: 1px; + font-size: 14px; + line-height: 1.4; + color: #20313c; +} +.testimonials-04__job { + margin: 0; + font-size: 14px; + line-height: 1.4; + color: #20313c; + font-weight: 400; + opacity: 0.6; +} +.testimonial-04__text { + margin-top: 0; + margin-bottom: 20px; + line-height: 1.6; + color: #636363; +} +.testimonials-04__stars_list { + padding: 0; + margin: 0; + list-style: none; + display: flex; +} +.testimonials-04__star_box { + width: 20px; + height: 20px; + margin-right: 10px; +} +.testimonials-04__star_box:last-child { + margin-right: 0; +} +.testimonials-04__star svg { + width: 20px; + height: 20px; +} +.testimonials-05__container { + padding-top: 65px; + position: relative; + z-index: 1; + display: flex; + justify-content: flex-end; +} +@media (max-width: 500px) { + .testimonials-05__container { + justify-content: center; + } +} +.testimonials-05__text p:first-child { + margin-top: 0; +} +.testimonials-05__text p:last-child { + margin-bottom: 0; +} +.testimonials-05__emoji { + max-width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: -1; +} +.testimonials-05__card { + width: 77%; + max-width: 400px; + margin: 0 auto; +} +@media (max-width: 500px) { + .testimonials-05__card { + width: 100%; + } +} +.testimonials-05__cloud { + width: 100%; + padding: 25px 30px; + margin-bottom: 25px; + box-sizing: border-box; + border-radius: 20px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: #303030; + position: relative; +} +.testimonials-05__cloud::after { + content: ''; + width: 90px; + height: 32px; + background-image: url('../img/other/cloud_arrow.svg'); + background-size: cover; + background-repeat: no-repeat; + transform: translateX(-50%); + position: absolute; + left: 50%; + bottom: -25px; +} +@media (max-width: 500px) { + .testimonials-05__cloud::after { + content: none; + } +} +@media (max-width: 500px) { + .testimonials-05__cloud { + padding: 25px; + } +} +.testimonials-05__blue_box { + position: relative; +} +.testimonials-05__blue_box::before { + content: ''; + width: 100%; + height: 100%; + display: block; + transform: rotate(-1deg); + position: absolute; + top: 0; + left: 0; + z-index: -1; +} +.testimonials-05__text { + margin: 0; + line-height: 1.6; + color: white; + position: relative; + z-index: 2; +} +.testimonials-05__link { + color: white; + transition: opacity 0.25s ease; +} +.testimonials-05__link:hover { + opacity: 0.7; +} +.testimonials-05__person_box { + width: 100%; + padding-right: 30px; + display: flex; + justify-content: flex-end; + align-items: center; + box-sizing: border-box; +} +@media (max-width: 500px) { + .testimonials-05__person_box { + justify-content: center; + } +} +.testimonials-05__person_image { + width: 70px; + height: 70px; + margin-right: 20px; + border-radius: 50%; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border-color: #bdbdbd; +} +.testimonials-05__name { + margin-top: 0; + margin-bottom: 5px; + font-size: 16px; + line-height: 1.4; +} +.testimonials-05__occupation { + margin: 0; + font-size: 12px; + line-height: 1.4; + opacity: 0.8; +} +.testimonials-05__person_image_img { + width: 100%; + height: 100%; + object-fit: cover; +} +.testimonials-06 { + padding: 70px 0; + background-color: #4d61fc; + position: relative; + overflow: hidden; +} +.testimonials-06 .heading, +.testimonials-06 .text--04__big_text { + margin-top: 0; + margin-bottom: 40px; + text-align: center; + color: white; +} +.testimonials-06__container { + position: relative; + z-index: 2; +} +.testimonials-06__heart { + position: absolute; +} +.testimonials-06__heart--small { + top: -30px; + left: -44px; +} +.testimonials-06__heart--large { + top: 125px; + right: -190px; +} +@media (max-width: 1000px) { + .testimonials-06__heart--large { + top: 50%; + } +} +.testimonials-06__heart--medium { + display: none; +} +@media (max-width: 1000px) { + .testimonials-06__heart--medium { + display: block; + bottom: -100px; + left: 5%; + } +} +.testimonials-06__list { + padding: 0; + margin: 0; + list-style: none; + padding-top: 30px; + display: flex; + flex-wrap: wrap; + justify-content: center; +} +@media (max-width: 1000px) { + .testimonials-06__list { + flex-direction: column; + align-items: center; + } +} +.testimonials-06__item { + width: calc(100% / 3 - 40px); + padding-top: 40px; + margin-right: 60px; + display: flex; + flex-direction: column; +} +.testimonials-06__item:last-child { + margin-right: 0; +} +.testimonials-06__item:nth-child(2) { + padding-top: 0; +} +@media (max-width: 1000px) { + .testimonials-06__item { + width: calc(100% / 2 - 30px); + padding-top: 0; + margin-bottom: 60px; + margin-right: 0; + } + .testimonials-06__item:nth-child(2) { + margin-right: 0; + } + .testimonials-06__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 750px) { + .testimonials-06__item { + width: 100%; + max-width: 450px; + margin-right: 0; + } +} +.testimonials-06__card { + margin-bottom: 50px; +} +.testimonials-06__card:last-child { + margin-bottom: 0; +} +.testimonials-06__cloud { + padding: 20px 25px 35px; + margin-bottom: 20px; + border-radius: 4px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + background-color: white; + position: relative; +} +.testimonials-06__cloud::before { + content: ''; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid white; + position: absolute; + bottom: -8px; + left: 27px; +} +.testimonials-06__text { + margin: 0; + line-height: 1.4; +} +.testimonials-06__link { + position: absolute; + bottom: 10px; + right: 10px; + transition: opacity 0.25s ease, transform 0.25s ease; +} +.testimonials-06__link:hover { + transform: translateY(-2px); + opacity: 0.8; +} +.testimonials-06__twitter { + max-width: 17px; + max-height: 14px; +} +.testimonials-06__person_box { + padding-left: 15px; + display: flex; + align-items: center; +} +.testimonials-06__person_image { + max-width: 40px; + max-height: 40px; + margin-right: 15px; + border-radius: 50%; +} +.testimonials-06__name { + margin-top: 0; + margin-bottom: 5px; + font-size: 16px; + line-height: 1.4; + color: white; +} +.testimonials-06__occupation { + margin: 0; + font-size: 12px; + line-height: 1.4; + font-weight: 400; + color: white; + opacity: 0.6; +} +.footer-02 { + padding: 40px 0; +} +.footer-02 .social-buttons__link { + opacity: 0.5; +} +.footer-02 .social-buttons__link:hover { + opacity: 1; +} +.footer-02 .social-buttons__list { + justify-content: flex-end; +} +@media (max-width: 750px) { + .footer-02 .social-buttons__list { + justify-content: flex-start; + } +} +.footer-02__text.content_box p { + margin: 0; +} +.footer-02__text.content_box p:first-child { + display: inline; +} +.footer-02__text.content_box a { + text-decoration: underline; + color: inherit !important; + transition: all 0.2s ease; +} +.footer-02__wrapper { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; +} +@media (max-width: 750px) { + .footer-02__wrapper { + display: block; + } +} +.footer-02__list { + padding: 0; + margin: 0; + list-style: none; +} +.footer-02__item { + margin-bottom: 10px; +} +.footer-02__text { + max-width: 600px; + opacity: 0.7; +} +.text-white .footer-02__text { + opacity: 0.85; +} +@media (max-width: 750px) { + .footer-02__text { + margin-bottom: 20px; + } +} +.footer-02 a { + text-decoration: none; + color: inherit; +} +.footer-04 { + padding-top: 70px; +} +.footer-04--dark .social-buttons__link--angel, +.footer-04--dark .social-buttons__link--github, +.footer-04--dark .social-buttons__link--tidal, +.footer-04--dark .social-buttons__link--x, +.footer-04--dark .social-buttons__link--twitter { + -webkit-filter: invert(1); + filter: invert(1); +} +.style-blue-1 .bg-accent-color .social-buttons__link--linkedin, +.style-blue-2 .bg-accent-color .social-buttons__link--linkedin, +.style-blue-3 .bg-accent-color .social-buttons__link--linkedin, +.style-blue-1 .bg-accent-color .social-buttons__link--fb, +.style-blue-2 .bg-accent-color .social-buttons__link--fb, +.style-blue-3 .bg-accent-color .social-buttons__link--fb { + -webkit-filter: saturate(0%) brightness(300%) contrast(100%); + filter: saturate(0%) brightness(300%) contrast(100%); +} +.footer-04__top_wrapper { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 20px; +} +@media (max-width: 1100px) { + .footer-04__top_wrapper { + justify-content: flex-start; + } +} +.footer-04__col { + width: 20%; + min-width: 200px; + padding-right: 25px; + margin-bottom: 50px; +} +.footer-04__title { + margin-top: 0; + margin-bottom: 20px; + color: inherit; +} +.footer-04__logo_link { + display: inline-block; + text-decoration: none; + transition: opacity 0.25s ease; +} +.footer-04__logo_link:hover { + opacity: 0.6; +} +.footer-04__logo { + margin-bottom: 10px; +} +.footer-04__info { + font-size: 14px; + color: inherit; + opacity: 0.6; +} +.footer-04__list { + padding: 0; + margin: 0; + list-style: none; +} +.footer-04__item { + margin-bottom: 12px; +} +.font-source-code-pro .footer-04__item { + margin-bottom: 8px; +} +.footer-04__item:last-child { + margin-bottom: 0; +} +.footer-04__link { + position: relative; + font-size: 14px; + text-decoration: none; + color: inherit; + transition: opacity 0.2s ease; +} +.font-source-code-pro .footer-04__link { + font-size: 12px; +} +.footer-04__link:hover { + opacity: 0.7; + color: inherit; +} +.footer-04__social_box .social-buttons__link { + transition: opacity 0.2s ease, transform 0.2s ease; +} +.footer-04__social_box .social-buttons__link:hover { + opacity: 0.8; + transform: translateY(-2px); +} +.footer-04__bottom_wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding: 34px 15px; + border-top: 1px solid #d8dde6; +} +.footer-04__bottom_wrapper--center { + justify-content: center; +} +.footer-04__bottom_links { + padding: 0; + margin: 0; + list-style: none; +} +.footer-04__bottom_links_item { + display: inline-block; + margin-left: 10px; + margin-bottom: 5px; + margin-top: 5px; +} +.footer-04__bottom_links_item:first-child { + margin-left: 0; +} +.footer-04__bottom_item { + font-size: 12px; + opacity: 0.4; + color: inherit; +} +.text-white .footer-04__bottom_item { + opacity: 0.6; +} +.footer-04__bottom_link { + text-decoration: none; + transition: opacity 0.2s ease; +} +.footer-04__bottom_link:hover { + opacity: 0.8; +} +.text-white .footer-04__bottom_link:hover { + opacity: 0.8; +} +.footer-04__bottom_wrapper .buttons-set__item { + padding-bottom: 0; +} +@media (max-width: 500px) { + .footer-04__bottom_wrapper .buttons-set__item { + padding-bottom: 14px; + } + .footer-04__bottom_wrapper .buttons-set__item:last-child { + padding-bottom: 0; + } +} +.footer-04__bottom_info { + font-size: 12px; + opacity: 0.6; + color: inherit; + padding: 0px 15px 34px; +} +.footer-04__bottom_wrapper:not(.footer-04__bottom_wrapper--center) + .footer-04__bottom_links { + margin-top: 30px; +} +.text--01 .button--empty { + padding-left: 0; +} +.text--01__box { + position: relative; + border-radius: 10px; + padding: 20px 35px 30px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +@media (max-width: 500px) { + .text--01__box { + padding-left: 20px; + padding-right: 20px; + } +} +.text--01__emoji { + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 0; + transform: translateY(-50%); + text-align: center; + height: 40px; +} +.text--01__emoji img { + max-height: 100%; +} +.comps .text--01__content { + font-size: 20px; + margin-bottom: 0; +} +@media (max-width: 500px) { + .comps .text--01__content { + font-size: 16px; + } +} +.text--01__link_box { + margin-top: 25px; + margin-bottom: -20px; +} +.text--01__box--editor { + transition: background-color 0.25s ease; +} +.text--02 { + overflow: hidden; + padding: 40px 0; +} +.text--02__box { + position: relative; +} +.text--02__content_box { + padding: 60px 90px 35px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; +} +.text--02__content_box--top { + position: relative; + z-index: 10; +} +.text--02__content_box--bottom { + position: absolute; + z-index: 0; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; + transform: rotate(-3deg); + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; +} +@media (max-width: 700px) { + .text--02__content_box { + padding-left: 20px; + padding-right: 20px; + } +} +.text--02__img { + position: absolute; + left: 0; + right: 0; + top: 0; + margin: auto; + transform: translateY(-50%); + height: 60px; + text-align: center; +} +.text--02__img img { + max-height: 100%; +} +.text--02__link_box { + margin-top: 20px; +} +.text--03__wrapper { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +@media (max-width: 700px) { + .text--03__wrapper { + justify-content: center; + flex-direction: column; + } +} +.text--03__left { + width: 45%; +} +@media (max-width: 700px) { + .text--03__left { + width: 100%; + margin-bottom: 40px; + } +} +.text--03__big_text { + font-size: 32px; + line-height: 1.6; +} +@media (max-width: 700px) { + .text--03__big_text { + font-size: 20px; + } +} +.text--03__right { + width: 45%; +} +.text--03__right p:first-of-type { + margin: 0; +} +@media (max-width: 700px) { + .text--03__right { + width: 100%; + } +} +.text--04__big_text { + line-height: 1.4; + text-align: center; +} +.text--04__big_text .emoji { + margin-left: 0.3em; + margin-right: 0.3em; +} +body .text--04__big_text * { + line-height: 1.4; +} +.text--06__list { + padding: 0; + margin: 0; + list-style: none; +} +.text--06__item { + margin-bottom: 40px; +} +.text--06__item:last-child { + margin-bottom: 0; +} +.text--06__img { + width: 50px; + margin-right: 20px; + text-align: right; +} +@media (max-width: 450px) { + .text--06__img { + margin-right: 0; + } +} +.text--06__text { + width: calc(100% - 110px); +} +@media (max-width: 450px) { + .text--06__text { + width: 100%; + } +} +.text--06__box, +.text--06__link { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +@media (max-width: 450px) { + .text--06__box, + .text--06__link { + flex-direction: column; + text-align: center; + } +} +.text--06__link { + text-decoration: none; + transition: background-color 0.2s ease; + border-radius: 4px; + color: inherit !important; +} +.bg-medium-color .text--06__link:hover { + background-color: rgba(255, 255, 255, 0.5) !important; +} +.text--06__link:hover .text-white { + color: inherit; +} +.text--07 .button--empty { + padding-left: 0; +} +.text--07__link_box { + margin-top: 40px; +} +.text-08__item { + margin-bottom: 40px; +} +.text-08__item:last-of-type { + margin-bottom: 0; +} +.text--08__icon { + display: inline-block; + vertical-align: middle; + margin-left: 10px; + max-width: 30px; +} +.text--08__icon img { + width: 100%; + object-fit: contain; +} +.code-01__container { + margin-top: 40px; + -webkit-filter: invert(0.85); + filter: invert(0.85); +} +.code-02__wrapper { + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; +} +@media (max-width: 1000px) { + .code-02__wrapper { + flex-direction: column; + align-items: center; + } +} +.code-02__block { + max-width: 600px; + width: 100%; +} +@media (max-width: 1000px) { + .code-02__block { + margin-bottom: 40px; + } +} +.code-02__block_box { + overflow: hidden; + position: relative; + margin-bottom: 15px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; +} +.code-02__code { + padding: 25px 70px 20px 25px; + margin-bottom: 0; +} +.comps .code-02__code { + font-family: monospace !important; +} +.code-02__block_wrapper { + overflow: auto; +} +.code-02__button_box { + display: flex; + justify-content: flex-end; +} +@media (max-width: 1000px) { + .code-02__button_box { + justify-content: center; + } +} +.code-02__info { + max-width: 350px; + width: 100%; + padding-left: 15px; +} +@media (max-width: 1000px) { + .code-02__info { + text-align: center; + } +} +.code-02__info_prefix { + display: inline-block; + margin-right: 7px; +} +.code-02__info_prefix .emoji { + margin-left: 0.2em; + margin-right: 0.2em; + font-size: 1.2em; +} +.code-02__info_text { + line-height: 1.6; +} +.links-01__list { + padding: 0; + margin: 0; + list-style: none; + margin-top: 40px; +} +.links-01__item { + margin-bottom: 20px; +} +.links-01__item:last-child { + margin-bottom: 0; +} +.links-01__link { + position: relative; + display: block; + overflow: hidden; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; + text-decoration: none; + cursor: pointer; + transition: box-shadow 0.2s ease, transform 0.2s ease; +} +.links-01__link:hover, +.links-01__link:focus { + text-decoration: none; + transform: translateY(-2px); + box-shadow: 0 2px 8px 0 rgba(136, 144, 195, 0.22), + 0 8px 15px 0 rgba(37, 44, 97, 0.17); +} +.links-01__link:hover .links-01__pseudo-button, +.links-01__link:focus .links-01__pseudo-button { + transform: translateX(3px) translateY(-50%); +} +.links-01__link:active { + transform: translateY(-1px); + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + outline: none; +} +.links-01__img_box { + position: absolute; + left: 0; + top: 0; + width: 30%; + height: 100%; +} +@media (max-width: 500px) { + .links-01__img_box { + display: none; + } +} +.links-01__img { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} +.links-01__text_box { + margin-left: 30%; + padding: 30px 70px 30px 30px; +} +.links-01__text_box--no-margin { + margin-left: 0; +} +@media (max-width: 500px) { + .links-01__text_box { + margin-left: 0; + padding-right: 50px; + } +} +.links-01__pseudo-button { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + display: inline-flex; + align-content: center; + justify-content: center; + border-radius: 50%; + width: 40px; + height: 40px; + transition: transform 0.2s ease; +} +.links-01__pseudo-button .icon { + width: 16px; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.links-01__pseudo-button .icon svg { + width: 100%; + height: 100%; +} +.links-01__pseudo-button .icon svg * { + transition: fill 0.2s ease; +} +@media (max-width: 500px) { + .links-01__pseudo-button { + right: 10px; + background-color: transparent !important; + } +} +.links-01__text_title { + margin-bottom: 5px; + color: #303030; + line-height: 1.6; + font-weight: 700; +} +.links-01__text_date { + color: #b9c2d2; + font-size: 14px; +} +.links-01__img_badge { + position: absolute; + top: 0; + left: 0; +} +.links-02__list_box { + margin-bottom: 40px; +} +.links-02__list_box:last-child { + margin-bottom: 0; +} +.links-02__list { + padding: 0; + margin: 0; + list-style: none; + padding: 5px 0 15px 15px; + border-left: 1px solid #d8dde6; +} +.links-02__list_title { + text-transform: uppercase; + font-size: 16px; + margin-bottom: 20px; + margin-top: 0; +} +.links-02__item { + margin-bottom: 25px; +} +.links-02__item:last-child { + margin-bottom: 0; +} +.links-02__link { + position: relative; + text-decoration: none; +} +.links-02__link:hover { + color: white; + text-decoration: underline; +} +.links-03__title_box { + position: relative; + text-align: center; +} +.links-03__list { + padding: 0; + margin: 0; + list-style: none; + margin-top: 70px; +} +.links-03__item { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding: 20px 15px; + border-top: 1px solid #d8dde6; + transition: background-color 0.2s ease; +} +.bg-medium-color .links-03__item, +.bg-light-color .links-03__item { + border-color: white; +} +.links-03__item:last-child { + border-bottom: 1px solid #d8dde6; +} +.bg-medium-color .links-03__item:last-child, +.bg-light-color .links-03__item:last-child { + border-color: white; +} +.links-03__item:hover { + background-color: rgba(246, 246, 246, 0.4); +} +@media (max-width: 750px) { + .links-03__item { + display: block; + text-align: center; + } +} +.links-03__title { + font-weight: 700; +} +@media (max-width: 750px) { + .links-03__title { + margin-bottom: 10px; + } +} +.links-03__link { + text-decoration: none; +} +.links-03__location { + display: inline-block; + vertical-align: middle; +} +.links-03__location__text { + opacity: 0.6; +} +.links-03__icon { + display: inline-block; + position: relative; + top: 2px; + margin-right: 8px; +} +.links-03__button_box { + display: inline-block; + vertical-align: middle; + margin-left: 35px; +} +@media (max-width: 750px) { + .links-03__button_box { + display: block; + margin-left: 0; + margin-top: 30px; + } +} +.links-04__title_box { + margin-bottom: 40px; + text-align: center; +} +.links-04__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: -30px; +} +.links-04__item { + position: relative; + width: calc(50% - 15px); + margin-bottom: 30px; + padding: 10px 60px 10px 20px; + border-radius: 10px; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), + 0 5px 15px 0 rgba(37, 44, 97, 0.15); + background-color: white; +} +@media (max-width: 800px) { + .links-04__item { + padding-right: 20px; + } +} +@media (max-width: 700px) { + .links-04__item { + width: 100%; + } +} +.links-04__text { + opacity: 0.8; + line-height: 1.6; +} +.links-04__link { + margin-bottom: 10px; + text-decoration: none; +} +.links-05__list_box { + position: relative; + padding-left: 60px; + max-width: 300px; + width: 100%; + margin-bottom: 40px; +} +@media (max-width: 600px) { + .links-05__list_box { + padding-left: 0; + } +} +.links-05__wrapper { + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -40px; +} +@media (max-width: 600px) { + .links-05__wrapper { + flex-direction: column; + align-items: center; + text-align: center; + } +} +.links-05__list { + padding: 0; + margin: 0; + list-style: none; + padding: 5px 0 0 0; +} +.links-05__item { + margin-bottom: 15px; +} +.links-05__item:last-child { + margin-bottom: 0; +} +.links-05__list_img { + position: absolute; + left: 0; + top: 0; + width: 40px; +} +.links-05__list_img img { + max-width: 100%; + object-fit: contain; +} +@media (max-width: 600px) { + .links-05__list_img { + position: static; + margin-left: auto; + margin-right: auto; + } +} +.links-05__link { + position: relative; + text-decoration: none; + line-height: 1.4; +} +.links-05__link:hover { + color: white; + text-decoration: underline; +} +.style-yellow-1:not(.custom-colors-enabled) .bg-accent-color .links-05__link { + color: #303030; +} +.links-06__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} +.links-06__list--bigger .links-06__article { + width: calc(100% / 2 - 15px); + margin-right: 30px; + margin-bottom: 30px; + padding-right: 40px; +} +.links-06__list--bigger .links-06__article:nth-child(2n) { + margin-right: 0; +} +.links-06__list--bigger .links-06__article:last-child { + margin-right: 0; +} +@media (max-width: 850px) { + .links-06__list--bigger .links-06__article { + width: 100%; + max-width: 550px; + margin-right: 0; + } +} +@media (max-width: 550px) { + .links-06__list--bigger .links-06__text { + margin-bottom: 0; + } +} +.links-06__list--smaller .links-06__article { + width: calc(100% / 3 - 10px); + margin-right: 15px; + margin-bottom: 35px; +} +.links-06__list--smaller .links-06__article:nth-child(3n) { + margin-right: 0; +} +.links-06__list--smaller .links-06__article:last-child { + margin-right: 0; +} +@media (max-width: 850px) { + .links-06__list--smaller .links-06__article { + width: calc(100% / 2 - 15px); + margin-right: 30px; + } + .links-06__list--smaller .links-06__article:nth-child(2n) { + margin-right: 0; + } + .links-06__list--smaller .links-06__article:nth-child(3n) { + margin-right: 30px; + } +} +@media (max-width: 550px) { + .links-06__list--smaller .links-06__article { + width: 100%; + margin-right: 0; + } + .links-06__list--smaller .links-06__article:nth-child(3n) { + margin-right: 0; + } +} +.links-06__container { + margin-bottom: -35px; +} +.links-06__article { + padding: 30px 25px 20px; + border-radius: 10px; + border: 1px solid rgba(151, 151, 151, 0.19); + position: relative; +} +.bg-medium-color .links-06__article, +.bg-light-color .links-06__article { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.3); +} +.links-06__article--white-bg { + background-color: white; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2); + border: none; +} +.links-06__article--gray-bg { + background-color: #e4e7ed; + border: none; +} +.bg-medium-color .links-06__article--gray-bg, +.bg-light-color .links-06__article--gray-bg { + background-color: #fff; +} +.links-06__logo { + max-width: 45px; + max-height: 45px; + margin-bottom: 15px; +} +.links-06__logo--smaller { + max-width: 30px; + max-height: 30px; +} +.links-06__logo img { + max-height: 45px; +} +.links-06__logo--smaller img { + max-height: 30px; +} +.links-06__text { + font-size: 16px; + line-height: 1.6; +} +.links-06__title { + margin-top: 0; + margin-bottom: 10px; + font-size: 20px; + font-weight: 700; +} +.links-06__link { + text-decoration: none; +} +.faq-01__title_box { + text-align: center; +} +.faq-01__list { + padding: 0; + margin: 0; + list-style: none; + margin-top: 30px; +} +.faq-01__question { + position: relative; + overflow: hidden; + width: 100%; + margin-bottom: 10px; + padding: 20px 15px 20px 20px; + background-color: white; + border: 2px solid #d8dde6; + border-radius: 4px; + text-align: left; + cursor: pointer; + font-weight: 700; + line-height: 1.6; + letter-spacing: 0.01em; + transition: border-color 0.25s ease, color 0.25s ease; +} +.faq-01__question_text { + position: relative; + padding-right: 35px; +} +.style-yellow-1:not(.custom-colors-enabled) .faq-01__question_text, +.custom-accent-color-bright .faq-01__question_text { + color: #303030; +} +.faq-01__arrow_icon { + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%) rotate(180deg); + margin: auto; + transform-origin: center; + font-size: 0; + line-height: 1; + transition: transform 0.3s ease; +} +.state-active .faq-01__arrow_icon { + transform: translateY(-50%); +} +.faq-01__arrow_icon, +.faq-01__arrow_icon .icon, +.faq-01__arrow_icon svg { + display: inline-block; + width: 15px; + height: 8px; +} +.custom-accent-color-bright .faq-01__arrow_icon *, +.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon *, +.custom-accent-color-bright .faq-01__arrow_icon .icon *, +.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon .icon *, +.custom-accent-color-bright .faq-01__arrow_icon svg *, +.style-yellow-1:not(.custom-colors-enabled) .faq-01__arrow_icon svg * { + stroke: #303030; +} +.faq-01__answer { + display: none; + margin-top: 20px; + color: #303030; + font-weight: 400; +} +.faq-01__answer_text { + margin-top: 0; +} +.faq-01__answer_text { + margin-bottom: 20px; + color: rgba(48, 48, 48, 0.85); +} +.faq-01__answer_text:first-of-type { + margin-top: 0; +} +.faq-01__answer_text:last-child { + margin-bottom: 0; +} +.faq-02__container { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + margin-top: 30px; + margin-bottom: -70px; +} +@media (max-width: 500px) { + .faq-02__container { + margin-bottom: -40px; + } +} +.faq-02__list { + padding: 0; + margin: 0; + list-style: none; + width: 50%; +} +@media (max-width: 750px) { + .faq-02__list { + width: 100%; + } +} +.faq-02__item { + position: relative; + padding-right: 40px; + padding-left: 35px; + margin-bottom: 70px; +} +.faq-02__item .box:nth-child(odd) { + clear: both; +} +@media (max-width: 500px) { + .faq-02__item { + margin-bottom: 40px; + padding-right: 0; + padding-left: 0; + } +} +.faq-02__icon { + position: absolute; + left: 0; + top: 6px; +} +.faq-02__icon svg { + width: 20px; + height: 20px; +} +.bg-accent-color .faq-02__icon svg * { + fill: white; +} +.custom-accent-color-bright .bg-accent-color .faq-02__icon svg *, +.custom-accent-color-bright .bg-white-color .faq-02__icon svg *, +.custom-accent-color-bright .bg-light_gray-color .faq-02__icon svg *, +.custom-accent-color-bright .bg-light-color .faq-02__icon svg *, +.custom-accent-color-bright .bg-medium-color .faq-02__icon svg *, +.style-yellow-1:not(.custom-colors-enabled) + .bg-accent-color + .faq-02__icon + svg + *, +.style-yellow-1:not(.custom-colors-enabled) + .bg-mature-color + .faq-02__icon + svg + *, +.style-yellow-1:not(.custom-colors-enabled) + .bg-medium-color + .faq-02__icon + svg + * { + fill: #303030; +} +@media (max-width: 500px) { + .faq-02__icon { + display: none; + } +} +.faq-02__question_heading { + margin-top: 0; +} +.custom-accent-color-bright .bg-accent-color .faq-02__question_heading, +.custom-accent-color-bright .bg-white-color .faq-02__question_heading, +.custom-accent-color-bright .bg-light_gray-color .faq-02__question_heading, +.custom-accent-color-bright .bg-light-color .faq-02__question_heading, +.custom-accent-color-bright .bg-medium-color .faq-02__question_heading { + color: #303030; +} +.style-yellow-1:not(.custom-colors-enabled) + .bg-accent-color + .faq-02__question_heading { + color: #303030; +} +.style-yellow-1:not(.custom-colors-enabled) + .bg-medium-color + .faq-02__question_heading { + color: #303030; +} +html .bg-accent-color .faq-02__question_heading { + color: white; +} +html .bg-mature-color .faq-02__question_heading { + color: white; +} +.faq-03__container { + display: flex; + justify-content: space-between; +} +@media (max-width: 1000px) { + .faq-03__container { + flex-direction: column-reverse; + align-items: center; + justify-content: center; + } +} +.faq-03__wrapper { + width: calc(100% / 2 - 40px); + max-width: 550px; + margin-right: 80px; +} +@media (max-width: 1000px) { + .faq-03__wrapper { + width: 100%; + margin-right: 0; + } +} +.faq-03__list { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; +} +.faq-03__question { + position: relative; + overflow: hidden; + width: 100%; + margin-bottom: 10px; + padding: 20px 15px 20px 15px; + background-color: white; + border: 2px solid #d8dde6; + border-radius: 4px; + text-align: left; + cursor: pointer; + font-weight: 700; + line-height: 1.6; + letter-spacing: 0.01em; + transition: border-color 0.25s ease, color 0.25s ease; +} +.faq-03__question_text { + position: relative; + padding-left: 50px; +} +.style-yellow-1:not(.custom-colors-enabled) .faq-03__question_text, +.custom-accent-color-bright .faq-03__question_text { + color: #303030; +} +.faq-03__answer { + display: none; + margin-top: 20px; + color: #303030; + font-weight: 400; +} +.faq-03__answer p:first-of-type { + margin-top: 0; +} +.faq-03__button_box { + max-width: 300px; + padding: 0 20px; + margin: 0 auto; + text-align: center; +} +.faq-03__button_text { + margin-bottom: 15px; + font-size: 16px; + color: #20313c; + line-height: 1.4; + opacity: 0.5; +} +.faq-03__video { + width: calc(100% / 2 - 40px); + max-width: 550px; + padding-top: 25px; +} +@media (max-width: 1000px) { + .faq-03__video { + width: 100%; + padding-top: 0; + margin-bottom: 40px; + } +} +.faq-03__video_box { + width: 100%; + height: 350px; + margin-bottom: 25px; + border-radius: 10px; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + background-color: #303030; + position: relative; + overflow: hidden; +} +.faq-03__video_box .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +@media (max-width: 1100px) { + .faq-03__video_box { + height: 300px; + } +} +@media (max-width: 1000px) { + .faq-03__video_box { + height: 350px; + } +} +@media (max-width: 500px) { + .faq-03__video_box { + height: 300px; + } +} +@media (max-width: 475px) { + .faq-03__video_box { + height: 275px; + } +} +@media (max-width: 420px) { + .faq-03__video_box { + height: 250px; + } +} +@media (max-width: 320px) { + .faq-03__video_box { + height: 220px; + } +} +.faq-03__iframe { + position: relative; + z-index: 10; + height: 100%; + width: 100%; +} +.faq-03__text_box { + max-width: 375px; + margin: 0 auto; + text-align: center; +} +.faq-03__text_box .link_badge { + width: 100px; + min-height: 20px; + margin: 0 auto; + transform: none; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(75, 202, 129, 0.2); + color: #4bca81; + position: static; +} +.faq-03__answer_text { + margin-bottom: 20px; + color: rgba(48, 48, 48, 0.85); +} +.faq-03__answer_text:first-of-type { + margin-top: 0; +} +.faq-03__answer_text:last-child { + margin-bottom: 0; +} +.faq-03__video_text { + margin-top: 0; + margin-bottom: 15px; + font-size: 16px; + font-weight: 400; + line-height: 1.6; + color: #20313c; + opacity: 0.9; +} +.faq-03__arrow_icon { + position: absolute; + left: 10px; + top: 50%; + transform: translateY(-50%) rotate(180deg); + margin: auto; + transform-origin: center; + font-size: 0; + line-height: 1; + transition: transform 0.3s ease; +} +.state-active .faq-03__arrow_icon { + transform: translateY(-50%); +} +.faq-03__arrow_icon, +.faq-03__arrow_icon .icon, +.faq-03__arrow_icon svg { + display: inline-block; + width: 15px; + height: 8px; +} +.custom-accent-color-bright .faq-03__arrow_icon *, +.style-yellow-1:not(.custom-colors-enabled) .faq-03__arrow_icon *, +.custom-accent-color-bright .faq-03__arrow_icon .icon *, +.style-yellow-1:not(.custom-colors-enabled) .faq-03__arrow_icon .icon *, +.custom-accent-color-bright .faq-03__arrow_icon svg *, +.style-yellow-1:not(.custom-colors-enabled) .faq-03__arrow_icon svg * { + stroke: #303030; +} +.faq-04 { + padding: 70px 0; +} +.faq-04__container { + margin-bottom: 40px; +} +.faq-04__container .title-box--center { + margin-bottom: 0; +} +.faq-04__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; +} +.faq-04__list--bigger .faq-04__item { + padding: 20px; + margin-bottom: 20px; + border-radius: 10px; + box-sizing: border-box; + transition: background-color 0.2s ease; +} +.faq-04__list--bigger .faq-04__item:nth-child(2n) { + margin-left: auto; +} +.faq-04__list--bigger .faq-04__item:hover { + background-color: #f6f6f6; +} +@media (max-width: 750px) { + .faq-04__list--bigger .faq-04__item { + margin-left: auto; + margin-right: auto; + width: 60%; + } +} +.faq-04__list--smaller .faq-04__item { + width: calc(100% / 2 - 40px); + padding: 20px; + margin-right: 80px; + margin-bottom: 20px; + border-radius: 10px; + box-sizing: border-box; + transition: background-color 0.2s ease; +} +.faq-04__list--smaller .faq-04__item:nth-child(2n) { + margin-right: 0; +} +.faq-04__list--smaller .faq-04__item:hover:not(.faq-04__item--question) { + background-color: #f6f6f6; +} +.faq-04__list--smaller .faq-04__item--question { + display: flex; + justify-content: center; + align-items: center; +} +.bg-light-color .faq-04__list--smaller .faq-04__item--question { + background-color: rgba(255, 255, 255, 0.3); +} +.faq-04__list--smaller .faq-04__item:nth-last-child(-n + 2) { + margin-bottom: 0; +} +@media (max-width: 750px) { + .faq-04__list--smaller .faq-04__item { + width: 60%; + margin-right: 0; + margin-bottom: 20px; + } + .faq-04__list--smaller .faq-04__item:nth-last-child(-n + 2) { + margin-bottom: 20px; + } + .faq-04__list--smaller .faq-04__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 500px) { + .faq-04__list--smaller .faq-04__item { + width: 100%; + margin-right: 0; + } +} +@media (max-width: 750px) { + .faq-04__list--smaller { + justify-content: center; + } +} +.faq-04__heading { + margin: 0; +} +.faq-04__title { + margin-top: 0; + margin-bottom: 10px; + font-size: 16px; + line-height: 1.4; +} +.faq-04__text { + margin: 0; + font-size: 16px; + line-height: 1.6; + opacity: 0.8; +} +.faq-05 { + padding: 70px 0; +} +.faq-05__heading { + margin-top: 0; + margin-bottom: 30px; + text-align: center; +} +.faq-05__sub_heading { + margin-top: 0; + margin-bottom: 60px; + max-width: 500px; + margin-left: auto; + margin-right: auto; + font-size: 16px; + line-height: 1.4; + font-weight: 400; + text-align: center; + color: rgba(48, 48, 48, 0.8); +} +.faq-05__list { + padding: 0; + margin: 0; + list-style: none; +} +.faq-05__list::after { + content: ''; + display: block; + clear: both; +} +.faq-05__item { + width: calc(100% / 2 - 20px); + padding: 20px 25px 25px; + margin-right: 40px; + margin-bottom: 40px; + border: 1px solid #d8dde6; + box-sizing: border-box; + border-radius: 10px; + float: left; +} +.faq-05__item:nth-child(2n) { + margin-right: 0; + float: right; +} +.faq-05__item:last-child { + margin-right: 0; +} +@media (max-width: 800px) { + .faq-05__item { + width: 100%; + max-width: 440px; + margin-left: auto; + margin-right: auto; + float: none; + } + .faq-05__item:nth-child(2n) { + margin-right: auto; + float: none; + } +} +.faq-05__item:last-child { + margin-right: auto; + margin-bottom: 0; +} +.faq-05__top_box { + padding-bottom: 15px; + border-bottom: 1px solid #d8dde6; +} +.faq-05__title { + margin-top: 0; + margin-bottom: 15px; + font-size: 24px; + line-height: 1.4; + display: flex; + align-items: center; +} +.faq-05__icon { + margin-right: 10px; +} +.faq-05__icon svg { + width: 20px; + height: 20px; +} +.faq-05__text { + font-size: 16px; + line-height: 1.4; + opacity: 0.5; +} +.faq-05__link_list { + padding: 0; + margin: 0; + list-style: none; + padding: 20px 0 0; +} +.faq-05__link_item { + padding-left: 20px; + margin-bottom: 15px; + display: flex; + align-items: center; + position: relative; +} +.faq-05__link_item:last-child { + margin-bottom: 0; +} +.faq-05__link_item::before { + content: ''; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #d8dde6; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); +} +.faq-05__link_item:last-child { + margin-bottom: 0; +} +.faq-05__link { + line-height: 1.4; + text-decoration: none; +} +.faq-05__link:hover { + text-decoration: underline; +} +.features-01__items { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: -60px; +} +.features-01__item { + width: 30%; + max-width: 350px; + margin-bottom: 60px; + padding-right: 30px; +} +@media (max-width: 990px) { + .features-01__item { + width: 50%; + } +} +@media (max-width: 600px) { + .features-01__item { + width: 100%; + padding-right: 0; + } +} +.features-02__items { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: -40px; +} +@media (max-width: 900px) { + .features-02__items { + justify-content: center; + } +} +.features-02__item { + width: 33%; + padding: 0 15px; + margin-bottom: 40px; +} +@media (max-width: 900px) { + .features-02__item { + width: 100%; + } +} +@media (max-width: 900px) { + .features-02__item { + padding: 0; + } +} +.features-02__item_box { + max-width: 300px; + margin: auto; +} +.features-02__number { + position: relative; + font-size: 50px; + font-weight: 700; +} +.features-02__number--pre-big { + font-size: 36px; +} +.features-02__number--medium { + font-size: 24px; +} +.features-02__number--small { + font-size: 16px; +} +.features-02__number:before { + content: ''; + position: absolute; + left: 0; + bottom: -20px; + height: 2px; + width: 30px; +} +@media (max-width: 600px) { + .features-02__number { + font-size: 35px; + } +} +.bg-accent-color .features-02__number:before { + background-color: #303030; +} +.features-02__word { + vertical-align: baseline; + margin-left: 5px; + font-size: 16px; + font-weight: 400; +} +.comps .features-02__description { + margin-top: 50px; + max-width: 400px; +} +.features-03__items { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; + margin-bottom: -60px; +} +.features-03__item { + width: 30%; + margin-bottom: 60px; + text-align: center; +} +@media (max-width: 760px) { + .features-03__item { + width: 100%; + } +} +.features-03__img_box { + display: flex; + justify-content: center; + align-items: center; +} +.features-03__img { + width: 100%; +} +.features-03__img img { + max-height: 60px; +} +.features-03__number { + margin-top: 30px; + margin-bottom: 10px; + font-weight: 700; + font-size: 50px; +} +.features-03__number--medium { + font-size: 24px; +} +.features-03__number--small { + font-size: 16px; +} +@media (max-width: 760px) { + .features-03__number { + margin-top: 15px; + font-size: 35px; + } +} +.features-03__word { + line-height: 1.6; + max-width: 200px; + margin: auto; +} +.features-05__title_box { + text-align: center; +} +.features-05__items__wrapper { + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; +} +.features-05__item_box { + padding-right: 70px; +} +.features-05__item_box:last-child { + padding-right: 0; +} +@media (max-width: 900px) { + .features-05__item_box { + width: 100%; + padding-right: 0; + margin-bottom: 50px; + text-align: center; + } + .features-05__item_box:last-child { + margin-bottom: 0; + } +} +.features-05__item_title { + margin: 0 0 20px 0; +} +.features-05__items { + padding: 0; + margin: 0; + list-style: none; +} +.features-05__item { + margin-bottom: 15px; +} +.features-05__item:last-child { + margin-bottom: 0; +} +.features-05__item_content { + display: inline-flex; + align-items: center; +} +a.features-05__item_text { + text-decoration: underline; +} +.features-05__item_text { + display: inline-block; + max-width: 200px; +} +.features-05__item_icon { + height: 12px; + margin-right: 10px; + line-height: 0; +} +.features-05__item_icon .icon, +.features-05__item_icon svg { + height: 100%; +} +.bg-accent-color .features-05__item_shape { + fill: white; +} +.features-06 .title-box { + margin-bottom: 0; +} +.features-06 .buttons-set { + margin-top: 50px; +} +.features-06 .button--empty { + padding-left: 0; +} +.features-06__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.features-06__main { + position: relative; + z-index: 20; + padding: 40px 40px 40px 0; + width: 50%; +} +@media (max-width: 700px) { + .features-06__main { + width: 100%; + padding-right: 0; + padding-top: 0; + } +} +.features-06__main_content { + max-width: 550px; +} +@media (max-width: 700px) { + .features-06__main_content { + margin-left: auto; + margin-right: auto; + margin-top: 50px; + text-align: center; + } +} +.features-06__heading { + max-width: 400px; +} +@media (max-width: 700px) { + .features-06__heading { + margin-left: auto; + margin-right: auto; + } +} +.features-06__text { + max-width: 350px; +} +@media (max-width: 700px) { + .features-06__text { + margin-left: auto; + margin-right: auto; + } +} +.features-06__buttons_box { + margin-top: 45px; +} +.features-06__visual { + width: 50%; +} +@media (max-width: 700px) { + .features-06__visual { + width: 100%; + margin-bottom: 60px; + } +} +.features-06__img_box { + font-size: 0; +} +.features-06__img { + max-width: 100%; + max-height: 100%; + font-size: 14px; +} +.features-07 .title-box { + margin-bottom: 0; +} +.features-07 .buttons-set { + margin-top: 50px; +} +.features-07 .button--empty { + padding-left: 0; +} +.features-07__wrapper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + flex-direction: row-reverse; +} +.features-07__main { + position: relative; + z-index: 20; + padding-left: 40px; + padding-top: 40px; + padding-bottom: 40px; + width: 50%; +} +@media (max-width: 700px) { + .features-07__main { + width: 100%; + padding-left: 0; + padding-top: 0; + } +} +.features-07__main_content { + max-width: 550px; +} +@media (max-width: 700px) { + .features-07__main_content { + margin-left: auto; + margin-right: auto; + margin-top: 50px; + text-align: center; + } +} +.features-07__heading { + max-width: 400px; +} +@media (max-width: 700px) { + .features-07__heading { + margin-left: auto; + margin-right: auto; + } +} +.features-07__text { + max-width: 350px; +} +@media (max-width: 700px) { + .features-07__text { + margin-left: auto; + margin-right: auto; + } +} +.features-07__buttons_box { + margin-top: 45px; +} +.features-07__visual { + width: 50%; +} +@media (max-width: 700px) { + .features-07__visual { + width: 100%; + margin-bottom: 60px; + } +} +.features-07__img_box { + font-size: 0; +} +.features-07__img { + max-width: 100%; + max-height: 100%; + font-size: 14px; +} +.features-08 { + padding: 70px 0; +} +.features-08__container { + display: flex; + align-items: center; +} +@media (max-width: 900px) { + .features-08__container { + flex-direction: column; + } +} +.features-08__image_wrapper { + width: 300px; + min-height: 525px; + max-height: 600px; + margin-right: auto; + position: relative; +} +@media (max-width: 900px) { + .features-08__image_wrapper { + margin-left: auto; + margin-bottom: 40px; + } +} +@media (max-width: 500px) { + .features-08__image_wrapper { + width: 280px; + min-height: 490px; + } +} +@media (max-width: 420px) { + .features-08__image_wrapper { + width: 260px; + min-height: 460px; + } +} +@media (max-width: 320px) { + .features-08__image_wrapper { + width: 100%; + padding: 0 10px; + max-width: 240px; + min-height: 440px; + box-sizing: border-box; + } +} +.features-08__image_box { + width: 80%; + max-width: 100%; + height: auto; + max-height: 100%; + position: absolute; +} +.features-08__image_box--black { + top: 0; + left: 0; + z-index: 1; +} +.features-08__image_box--white { + bottom: 0; + right: 0; + z-index: 2; +} +.features-08__list { + width: 40%; + padding: 0; + margin: 0; + list-style: none; +} +@media (max-width: 900px) { + .features-08__list { + width: 100%; + display: flex; + justify-content: center; + flex-wrap: wrap; + flex-direction: column; + align-items: center; + } +} +.features-08__item { + padding-left: 60px; + margin-bottom: 50px; + position: relative; +} +.features-08__item:last-child { + margin-bottom: 0; +} +.features-08__item .feature__icon { + position: absolute; + top: 0; + left: 0; +} +@media (max-width: 900px) { + .features-08__item { + padding-left: 0; + display: flex; + flex-direction: column; + text-align: center; + box-sizing: border-box; + width: 65%; + margin: 0 0 40px; + max-width: 280px; + } + .features-08__item:nth-child(3n) { + margin-right: 0; + } + .features-08__item .feature__title { + display: flex; + flex-direction: column; + } + .features-08__item .feature__icon { + margin: 0 auto 15px; + position: relative; + } +} +@media (max-width: 500px) { + .features-08__item { + width: 80%; + } +} +@media (max-width: 420px) { + .features-08__item { + width: 90%; + } +} +.features-09__container { + position: relative; +} +.features-09__grid { + position: absolute; + left: 0; + right: 0; + top: 0; + max-width: 1000px; + width: 100%; + margin: auto; + z-index: -1; +} +.features-09__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-bottom: -20px; +} +.features-09__item { + width: calc(100% / 4 - 15px); + padding: 20px 20px 25px 25px; + margin-right: 20px; + margin-bottom: 20px; + box-sizing: border-box; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2); + border-radius: 10px; + background-color: white; + border: 2px solid transparent; +} +.features-09__item:nth-child(4n) { + margin-right: 0; +} +.features-09__item:last-child { + margin-right: 0; +} +.features-09__item--new { + position: relative; +} +.features-09__item--new .tag { + color: white; + position: absolute; + top: -10px; + left: 50%; + transform: translateX(-50%); + border: 1px solid white; +} +.style-yellow-1:not(.custom-colors-enabled) .features-09__item--new .tag, +.custom-accent-color-bright .features-09__item--new .tag { + color: #303030; +} +.style-yellow-1:not(.custom-colors-enabled) + .bg-accent-color + .features-09__item--new + .tag { + color: white; +} +@media (max-width: 1000px) { + .features-09__item { + width: calc(100% / 3 - 20px); + margin-right: 30px; + margin-bottom: 30px; + } + .features-09__item:nth-child(4n) { + margin-right: 30px; + } + .features-09__item:nth-child(3n) { + margin-right: 0; + } +} +@media (max-width: 800px) { + .features-09__item { + width: calc(100% / 2 - 15px); + margin-right: 30px; + } + .features-09__item:nth-child(3n) { + margin-right: 30px; + } + .features-09__item:nth-child(2n) { + margin-right: 0; + } +} +@media (max-width: 550px) { + .features-09__item { + width: 100%; + max-width: 420px; + margin-right: 0; + } + .features-09__item:nth-child(3n) { + margin-right: 0; + } +} +html .bg-accent-color .features-09__item--new, +.style-yellow-1:not(.custom-colors-enabled) + .bg-mature-color + .features-09__item--new { + border-color: #303030; +} +.bg-accent-color .features-09__item--new .tag { + background-color: #303030; +} +.features-09__title { + margin-top: 0; + margin-bottom: 10px; + font-size: 20px; + line-height: 1.4; + font-weight: 700; +} +.font-source-code-pro .features-09__title { + font-size: 16px; +} +.features-09__text { + font-size: 16px; + color: rgba(48, 48, 48, 0.8); +} +.font-source-code-pro .features-09__text { + font-size: 14px; +} +.features-10 { + padding: 70px 0; + background-color: #f6f6f6; +} +.features-10__list { + padding: 0; + margin: 0; + list-style: none; + padding-top: 20px; + padding-bottom: 20px; + display: flex; + flex-wrap: wrap; + justify-content: center; + background-color: white; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2); + border-radius: 10px; +} +@media (max-width: 850px) { + .features-10__list { + background-color: transparent; + border-radius: unset; + box-shadow: none; + } +} +.features-10__item { + width: 50%; + padding: 20px 40px 25px; + box-sizing: border-box; + border-right: 1px solid rgba(151, 151, 151, 0.15); +} +.features-10__item:nth-child(2n) { + border-right: none; +} +.features-10__item:last-child { + border-right: none; +} +.features-10__item .feature { + padding-left: 70px; + position: relative; +} +.features-10__item .feature__icon { + margin-right: 0; + position: absolute; + top: 0; + left: 0; +} +.features-10__item .feature__title_text { + font-size: 20px; + text-transform: none; +} +@media (max-width: 850px) { + .features-10__item { + width: 100%; + max-width: 450px; + margin-bottom: 30px; + background-color: white; + box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2); + border-radius: 10px; + } + .features-10__item:last-child { + margin-bottom: 0; + } +} +@media (max-width: 550px) { + .features-10__item { + padding: 20px 30px; + } + .features-10__item .feature { + padding-left: 0; + } + .features-10__item .feature__title { + display: flex; + align-items: center; + } + .features-10__item .feature__icon { + margin-right: 10px; + position: static; + } +} +.features-11 { + padding: 70px 0; + overflow: hidden; +} +.features-11__container { + position: relative; +} +.features-11__notebook { + width: 1100px; + height: 600px; + position: absolute; + right: -40%; + top: 50%; + z-index: -1; + transform: translateY(-50%); +} +@media (max-width: 1100px) { + .features-11__notebook { + right: -55%; + } +} +@media (max-width: 1000px) { + .features-11__notebook { + right: -64%; + } +} +@media (max-width: 950px) { + .features-11__notebook { + width: 100%; + height: auto; + margin-bottom: 100px; + position: static; + transform: none; + } +} +.features-11__wrapper { + max-width: 550px; + min-height: 600px; + margin-right: auto; + display: flex; + flex-direction: column; + justify-content: center; +} +@media (max-width: 950px) { + .features-11__wrapper { + min-height: unset; + margin-left: auto; + } +} +.heading.features-11__heading, +.features-11__heading.text--04__big_text { + margin-top: 0; + margin-bottom: 25px; +} +@media (max-width: 950px) { + .heading.features-11__heading, + .features-11__heading.text--04__big_text { + text-align: center; + } +} +.features-11__text { + margin-bottom: 60px; + font-size: 16px; + line-height: 1.4; +} +@media (max-width: 950px) { + .features-11__text { + text-align: center; + } +} +.features-11__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.features-11__item { + width: calc(100% / 2 - 20px); + margin-right: 40px; + margin-bottom: 40px; +} +.features-11__item:nth-child(2n) { + margin-right: 0; +} +.features-11__item:last-child { + margin-right: 0; + margin-bottom: 0; +} +.features-11__item .feature__title { + display: flex; + flex-direction: column; +} +.features-11__item .feature__icon { + margin-right: 0; + margin-bottom: 20px; +} +@media (max-width: 550px) { + .features-11__item { + width: 100%; + max-width: 300px; + margin-right: 0; + text-align: center; + } + .features-11__item .feature__icon { + margin-right: auto; + margin-left: auto; + margin-bottom: 20px; + } +} +.features-12 { + padding: 70px 0; + overflow: hidden; +} +.features-12__container { + position: relative; +} +.features-12__notebook { + width: 1100px; + height: 600px; + position: absolute; + left: -40%; + top: 50%; + z-index: -1; + transform: translateY(-50%); +} +@media (max-width: 1100px) { + .features-12__notebook { + left: -55%; + } +} +@media (max-width: 1000px) { + .features-12__notebook { + left: -64%; + } +} +@media (max-width: 950px) { + .features-12__notebook { + width: 100%; + height: auto; + margin-bottom: 100px; + position: static; + transform: none; + } +} +.features-12__wrapper { + max-width: 550px; + min-height: 600px; + margin-left: auto; + display: flex; + flex-direction: column; + justify-content: center; +} +@media (max-width: 950px) { + .features-12__wrapper { + align-items: flex-start; + min-height: unset; + margin-right: auto; + } +} +.features-12__heading { + margin-top: 0; + margin-bottom: 25px; +} +@media (max-width: 950px) { + .features-12__heading { + text-align: center; + } +} +.features-12__text { + margin-bottom: 60px; + font-size: 16px; + line-height: 1.4; +} +@media (max-width: 950px) { + .features-12__text { + text-align: center; + } +} +.features-12__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.features-12__item { + width: calc(100% / 2 - 20px); + margin-right: 40px; + margin-bottom: 40px; +} +.features-12__item:nth-child(2n) { + margin-right: 0; +} +.features-12__item:last-child { + margin-right: 0; +} +.features-12__item .feature__title { + display: flex; + flex-direction: column; +} +.features-12__item .feature__icon { + margin-right: 0; + margin-bottom: 20px; +} +@media (max-width: 550px) { + .features-12__item { + width: 100%; + max-width: 300px; + margin-right: 0; + text-align: center; + } + .features-12__item .feature__icon { + margin-right: auto; + margin-left: auto; + margin-bottom: 20px; + } +} +.features-13 { + padding: 70px 0; +} +.features-13__container { + display: flex; + flex-direction: row-reverse; + align-items: center; +} +@media (max-width: 900px) { + .features-13__container { + flex-direction: column; + } +} +.features-13__image_wrapper { + width: 300px; + min-height: 525px; + max-height: 600px; + margin-left: auto; + position: relative; +} +@media (max-width: 900px) { + .features-13__image_wrapper { + margin-right: auto; + margin-bottom: 40px; + } +} +@media (max-width: 500px) { + .features-13__image_wrapper { + width: 280px; + min-height: 490px; + } +} +@media (max-width: 420px) { + .features-13__image_wrapper { + width: 260px; + min-height: 460px; + } +} +@media (max-width: 320px) { + .features-13__image_wrapper { + width: 100%; + padding: 0 10px; + max-width: 240px; + min-height: 440px; + box-sizing: border-box; + } +} +.features-13__image_box { + width: 80%; + max-width: 100%; + height: auto; + max-height: 100%; + position: absolute; +} +.features-13__image_box--black { + top: 0; + left: 0; + z-index: 1; +} +.features-13__image_box--white { + bottom: 0; + right: 0; + z-index: 2; +} +.features-13__list { + width: 50%; + padding: 0; + margin: 0; + list-style: none; +} +@media (max-width: 900px) { + .features-13__list { + width: 100%; + display: flex; + justify-content: center; + flex-wrap: wrap; + flex-direction: column; + align-items: center; + } +} +.features-13__item { + padding-left: 60px; + margin-bottom: 50px; + position: relative; +} +.features-13__item:last-child { + margin-bottom: 0; +} +.features-13__item .feature__icon { + position: absolute; + top: 0; + left: 0; +} +@media (max-width: 900px) { + .features-13__item { + padding-left: 0; + display: flex; + flex-direction: column; + text-align: center; + box-sizing: border-box; + width: 65%; + margin: 0 0 40px; + max-width: 280px; + } + .features-13__item:nth-child(3n) { + margin-right: 0; + } + .features-13__item .feature__title { + display: flex; + flex-direction: column; + } + .features-13__item .feature__icon { + margin: 0 auto 15px; + position: relative; + } +} +@media (max-width: 500px) { + .features-13__item { + width: 80%; + } +} +@media (max-width: 420px) { + .features-13__item { + width: 90%; + } +} +.features-14 { + padding: 70px 0 0; +} +.features-14__container { + overflow-y: hidden; + border-bottom: 1px solid #f6f6f6; +} +.features-14__list { + padding: 0; + margin: 0; + list-style: none; + max-width: 900px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} +.features-14__item { + width: calc(100% / 2 - 50px); + margin-right: 100px; + margin-bottom: 20px; +} +.features-14__item:nth-child(2n) { + margin-right: 0; +} +.features-14__item:last-child { + margin-right: 0; +} +@media (max-width: 850px) { + .features-14__item { + width: 100%; + max-width: 480px; + margin-right: 0; + margin-bottom: 40px; + } + .features-14__item:last-child { + margin-bottom: 0; + } +} +.features-14__heading { + margin-top: 0; + margin-bottom: 20px; +} +.features-14__text { + font-size: 16px; + line-height: 1.4; + color: rgba(48, 48, 48, 0.8); +} +.features-14__devices { + width: 100%; + min-height: 785px; + margin-top: -100px; + position: relative; + bottom: -100px; +} +@media (max-width: 1100px) { + .features-14__devices { + min-height: 715px; + } +} +@media (max-width: 1000px) { + .features-14__devices { + min-height: 670px; + margin-top: -120px; + } +} +@media (max-width: 900px) { + .features-14__devices { + min-height: 600px; + } +} +@media (max-width: 800px) { + .features-14__devices { + min-height: 530px; + } +} +@media (max-width: 700px) { + .features-14__devices { + min-height: 460px; + } +} +@media (max-width: 600px) { + .features-14__devices { + min-height: 385px; + margin-top: -100px; + } +} +@media (max-width: 500px) { + .features-14__devices { + min-height: 340px; + margin-top: -90px; + bottom: -75px; + } +} +@media (max-width: 400px) { + .features-14__devices { + min-height: 280px; + bottom: -55px; + } +} +@media (max-width: 320px) { + .features-14__devices { + min-height: 240px; + } +} +.features-14__iphone_box { + width: 25%; + position: absolute; + bottom: 0; + left: 50%; + z-index: 3; + transform: translateX(-50%); +} +.features-14__ipad_box { + width: 43%; + position: absolute; + bottom: 0; + right: 0; + z-index: 2; +} +.features-14__macbook_box { + width: 95%; + position: absolute; + bottom: 0; + left: -10%; + z-index: 1; +} +.features-15 { + padding: 70px 0; +} +.features-15__heading { + margin-top: 0; + margin-bottom: 50px; + text-align: center; +} +.features-15__wrapper { + width: 100%; + display: flex; + align-items: baseline; +} +@media (max-width: 700px) { + .features-15__wrapper { + flex-direction: column; + } +} +.features-15__list { + padding: 0; + margin: 0; + list-style: none; + width: calc(100% / 2 - 20px); + display: flex; + flex-direction: column; + justify-content: center; + align-items: baseline; +} +.features-15__list:first-of-type { + margin-right: 40px; +} +@media (max-width: 700px) { + .features-15__list { + width: 100%; + max-width: 550px; + margin: 0 auto; + } + .features-15__list:first-of-type { + margin-right: auto; + } +} +.features-15__item { + width: 100%; + padding: 10px 20px 10px 40px; + background-color: transparent; + box-sizing: border-box; + border-radius: 4px; + display: flex; + align-items: center; + transition: background-color 0.2s ease; + position: relative; +} +.features-15__item:hover { + background-color: #f6f6f6; +} +.features-15__item::before { + content: ''; + width: 7px; + height: 7px; + border-radius: 50%; + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); +} +@media (max-width: 700px) { + .features-15__item { + max-width: 550px; + margin-right: 0; + } + .features-15__item:last-child { + margin-bottom: 0; + } +} +.features-15__text { + line-height: 1.4; +} +.features-16 { + padding: 70px 0; + background-color: #f6f6f6; +} +.features-16__container { + display: flex; + justify-content: center; + align-items: center; +} +@media (max-width: 900px) { + .features-16__container { + flex-direction: column; + } +} +.features-16__intergration_list { + padding: 0; + margin: 0; + list-style: none; + padding: 60px 60px 60px 0; + max-width: 460px; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + border-right: 1px solid #eee; +} +@media (max-width: 900px) { + .features-16__intergration_list { + padding: 30px 0; + max-width: 300px; + flex-wrap: wrap; + border-right: none; + border-bottom: 1px solid #eee; + } +} +@media (max-width: 500px) { + .features-16__intergration_list { + max-width: 130px; + } +} +.features-16__integration { + width: calc(100% / 4 - 22px); + border-radius: 50%; + margin-right: 25px; + display: flex; + align-items: center; + justify-content: center; +} +.features-16__integration:nth-child(4n) { + margin-right: 0; +} +.features-16__integration:nth-child(n + 5) { + margin-top: 30px; +} +.features-16__integration:last-child { + margin-right: 0; +} +@media (max-width: 500px) { + .features-16__integration { + width: calc(100% / 2 - 20px); + margin-right: 40px; + margin-bottom: 30px; + } + .features-16__integration:nth-child(2n) { + margin-right: 0; + } + .features-16__integration:nth-child(n + 5) { + margin-top: 0; + } +} +.features-16__logo { + width: 100%; + max-width: 70px; + height: auto; +} +.features-16__text_box { + max-width: 400px; + padding-left: 45px; +} +@media (max-width: 900px) { + .features-16__text_box { + padding-left: 0; + padding-top: 30px; + text-align: center; + } +} +@media (max-width: 600px) { + .features-16__text_box { + max-width: 300px; + } +} +.features-16__heading { + margin-top: 0; + margin-bottom: 10px; +} +.features-16__text { + margin-top: 0; + margin-bottom: 20px; + font-size: 16px; + line-height: 1.4; + opacity: 0.8; +} +.features-16__link { + text-decoration: none; +} +.features-17 { + padding: 70px 0; +} +.features-17__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-direction: column; + align-items: center; +} +.features-17__item { + padding: 20px 35px 30px 30px; + margin-bottom: 30px; + border-radius: 10px; + border: 2px solid rgba(151, 151, 151, 0.2); +} +.features-17__item:last-child { + margin-bottom: 0; +} +.features-17__item .feature { + padding-left: 60px; + position: relative; +} +.features-17__item .feature__icon { + margin-right: 0; + position: absolute; + top: 0; + left: 0; +} +@media (max-width: 550px) { + .features-17__item { + padding: 25px 20px; + } + .features-17__item .feature { + padding-left: 0; + } + .features-17__item .feature__icon { + position: static; + margin-right: 10px; + } +} +.press-01 { + text-align: center; +} +.press-01__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin-bottom: -20px; +} +.press-01__link { + border-radius: 4px; + text-decoration: none; + transition: background-color 0.2s ease; +} +.bg-light-color .press-01__link:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.press-01__img_box, +.press-01__link { + display: inline-block; + padding: 10px 14px 8px; +} +.press-01__item { + margin-bottom: 20px; + margin-left: 10px; + margin-right: 10px; +} +.press-01__logo { + max-height: 40px; +} +.press-02 { + text-align: center; +} +.press-02__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-bottom: -40px; +} +.press-02__item { + width: 45%; +} +@media (max-width: 700px) { + .press-02__item { + width: 100%; + text-align: center; + } +} +.comps .press-02__text { + display: inline-block; + padding: 12px 14px 26px; + border-radius: 4px; + text-decoration: none; + text-align: center; + margin-top: 0; + margin-bottom: 0; + font-size: 20px; + line-height: 1.6; + max-width: 300px; +} +.press-02__link { + color: inherit; + transition: background-color 0.2s ease; +} +.press-02__link:hover, +.press-02__link:hover .press-02__text { + color: inherit; +} +.bg-light-color .press-02__link:hover, +.bg-medium-color .press-02__link:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.press-02__item { + margin-bottom: 40px; +} +.press-02__logo { + max-height: 50px; +} +.press-03__headline { + margin-bottom: 60px; + text-align: center; +} +@media (max-width: 750px) { + .press-03__headline { + margin-bottom: 30px; + } +} +.press-03__list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +@media (max-width: 750px) { + .press-03__list { + flex-direction: column; + flex-wrap: nowrap; + justify-content: center; + align-items: center; + } +} +.press-03__item { + width: 44%; + margin-bottom: 65px; +} +.press-03__item:nth-last-child(-n + 2) { + margin-bottom: 0; +} +@media (max-width: 750px) { + .press-03__item { + width: 50%; + margin-bottom: 40px; + text-align: center; + } + .press-03__item:nth-last-child(2) { + margin-bottom: 40px; + } +} +@media (max-width: 500px) { + .press-03__item { + width: 80%; + } +} +@media (max-width: 420px) { + .press-03__item { + width: 90%; + } +} +.press-03__link { + display: block; + border-radius: 4px; + transition: background-color 0.2s ease; +} +.bg-light-color .press-03__link, +.bg-medium-color .press-03__link, +.bg-white-color .press-03__link, +.bg-light_gray-color .press-03__link, +.style-yellow-1:not(.custom-colors-enabled) .bg-accent-color .press-03__link { + color: inherit; +} +.press-03__link:hover, +.press-03__link:hover .press-03__text { + color: inherit; +} +.bg-light-color .press-03__link:hover, +.bg-medium-color .press-03__link:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.press-03__text { + padding: 15px 14px 14px 44px; + display: inline-block; + text-decoration: none; + border-radius: 4px; + position: relative; +} +@media (max-width: 750px) { + .press-03__text { + padding: 12px 14px 16px; + } +} +.press-03__image-box { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 13px; + top: 17px; +} +@media (max-width: 750px) { + .press-03__image-box { + margin: 0 auto 10px; + position: relative; + top: 0; + left: 0; + } +} +.press-03__logo { + max-width: 100%; + max-height: 100%; +} +.press-03__heading { + margin-top: 0; + margin-bottom: 15px; + font-size: 16px; + color: inherit; +} +.press-03__info { + margin: 0; + font-size: 16px; +} +.steps-01__list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + margin-top: 70px; +} +.steps-01__list:before { + content: ''; + display: block; + position: absolute; + width: 1px; + top: 0; + left: 50%; + bottom: 0; + background-color: #eee; +} +@media (max-width: 760px) { + .steps-01__list:before { + left: 5px; + } +} +@media (max-width: 760px) { + .steps-01__list { + padding-left: 40px; + } +} +.steps-01__item { + position: relative; + padding-bottom: 120px; +} +.steps-01__item:nth-child(odd) { + text-align: right; +} +.steps-01__item:nth-child(odd) .steps-01__text_box { + padding-left: 40px; + text-align: left; +} +.steps-01__item:nth-child(odd) .steps-01__img_box { + padding-right: 40px; + text-align: right; +} +.steps-01__item:nth-child(odd) .steps-01__content { + flex-direction: row-reverse; +} +.steps-01__item:last-child { + padding-bottom: 50px; +} +.steps-01__content { + display: flex; + justify-content: center; + flex-wrap: wrap; +} +@media (max-width: 760px) { + .steps-01__content { + flex-direction: column !important; + } +} +.steps-01__text_box { + width: 50%; + padding-right: 40px; + text-align: right; +} +@media (max-width: 760px) { + .steps-01__text_box { + padding: 0 !important; + width: 100%; + max-width: 400px; + text-align: left; + } +} +.steps-01__heading { + margin-top: 0; +} +.steps-01__img_box { + width: 50%; + padding-left: 40px; +} +@media (max-width: 760px) { + .steps-01__img_box { + padding: 0 !important; + width: 100%; + text-align: left !important; + } +} +.steps-01__img { + padding-top: 30px; + max-width: 100%; +} +.steps-01__number { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + left: 50%; + height: 30px; + padding-left: 4px; + padding-right: 4px; + min-width: 30px; + transform: translateX(-50%); + border-radius: 999px; + border: 1px solid #eee; + background-color: white; + font-family: monospace; +} +@media (max-width: 760px) { + .steps-01__number { + left: -34px; + } +} +.style-yellow-1:not(.custom-colors-enabled) .steps-01__number { + color: #efbe32; +} +.custom-colors-enabled.custom-accent-color-bright .steps-01__number { + color: #303030; +} +.steps-01__last_bubble { + position: relative; + z-index: 20; + padding: 5px; + text-align: center; +} +@media (max-width: 760px) { + .steps-01__last_bubble { + left: -15px; + text-align: left; + } +} +.steps-01__last_bubble_img { + max-height: 30px; +} +.steps-03__list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: flex; + justify-content: center; + flex-wrap: wrap; + margin-top: 70px; +} +@media (max-width: 750px) { + .steps-03__list { + flex-direction: column; + } +} +.steps-03__item { + text-align: center; +} +.steps-03__item--1-5 { + width: 20%; +} +.steps-03__item--1-4 { + width: 25%; +} +.steps-03__item--1-3 { + width: 33%; +} +.steps-03__item--1-2 { + width: 50%; +} +@media (max-width: 750px) { + .steps-03__item { + position: relative; + width: 100%; + margin-bottom: 90px; + } + .steps-03__item:last-child { + margin-bottom: 0; + } +} +.steps-03__img_box { + position: relative; +} +@media (max-width: 750px) { + .steps-03__img_box { + position: static; + } +} +.steps-03__item--1-5 .steps-03__img { + max-width: 140px; +} +.steps-03__item--1-4 .steps-03__img { + max-width: 140px; +} +.steps-03__item--1-3 .steps-03__img { + max-width: 180px; +} +.steps-03__item--1-2 .steps-03__img { + max-width: 210px; +} +@media (max-width: 500px) { + .steps-03__img { + max-width: 100%; + } +} +.steps-03__text { + margin-top: 15px; + max-width: 300px; + margin-left: auto; + margin-right: auto; + line-height: 1.6; +} +.steps-03__icon { + position: absolute; + top: 50%; + transform: translateY(-50%) translateX(50%); + right: 0; +} +.steps-03__icon svg { + width: 20px; + height: 20px; +} +.bg-accent-color .steps-03__icon svg *, +.bg-mature-color .steps-03__icon svg * { + fill: white; +} +@media (max-width: 750px) { + .steps-03__icon { + left: 0; + right: 0; + margin: auto; + top: auto; + bottom: -20px; + transform: translateY(50%) rotate(90deg); + } +} +.steps-03__img:last-child .steps-03__icon { + display: none; +} +.widget-01 { + visibility: hidden; + position: fixed; + z-index: 100; + right: 30px; + bottom: 30px; +} +@media (max-width: 700px) { + .widget-01 { + display: none; + } +} +@media (max-height: 600px) { + .widget-01 { + display: none; + } +} +.widget-01.state-visible { + visibility: visible; +} +.widget-01__wrapper { + position: relative; + transition: 0.2s ease all; + opacity: 0; +} +.state-visible .widget-01__wrapper { + opacity: 1; +} +.widget-01__close_box { + position: absolute; + top: -40px; + padding-left: 5px; + right: 5px; +} +.widget-01__close_button { + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.4); + padding: 4px; + border: none; + outline: none; + line-height: 1; + font-size: 0; + cursor: pointer; + transition: 0.2s ease all; +} +.widget-01__close_button:hover { + background-color: rgba(255, 255, 255, 0.6); +} +.widget-01__close_icon { + font-size: 14px; + opacity: 0.7; + transition: 0.2s ease all; +} +.widget-01__close_button:hover .widget-01__close_icon { + opacity: 1; +} +@-webkit-keyframes color_dance { + 0% { + -webkit-filter: hue-rotate(0deg); + filter: hue-rotate(0deg); + } + 50% { + -webkit-filter: hue-rotate(360deg); + filter: hue-rotate(360deg); + } + 100% { + -webkit-filter: hue-rotate(0deg); + filter: hue-rotate(0deg); + } +} +@keyframes color_dance { + 0% { + -webkit-filter: hue-rotate(0deg); + filter: hue-rotate(0deg); + } + 50% { + -webkit-filter: hue-rotate(360deg); + filter: hue-rotate(360deg); + } + 100% { + -webkit-filter: hue-rotate(0deg); + filter: hue-rotate(0deg); + } +} +.widget-01__body_box { + position: relative; + overflow: hidden; + width: 440px; + height: 520px; + border-radius: 10px; + border: 1px solid #4d61fc; + background-color: #303030; + color: white; + padding: 30px 20px 60px 34px; +} +.widget-01__details { + position: relative; + z-index: 10; +} +.widget-01__title { + font-size: 40px; + color: inherit; + margin-top: 0; + margin-bottom: 34px; + transition: 0.4s ease all; + opacity: 0; + transform: translateY(10px); +} +.state-visible .widget-01__title { + opacity: 1; + transform: none; +} +.widget-01__title_icon { + height: 1em; + margin-left: 14px; + -webkit-animation: color_dance 20s ease infinite; + animation: color_dance 20s ease infinite; +} +.widget-01__list { + padding: 0; + margin: 0; + list-style: none; + margin-bottom: 40px; +} +.widget-01__bullet { + position: absolute; + left: 0; + top: 2px; + display: inline-block; + height: 20px; + width: 20px; + font-family: monospace; + border: 1px solid #4d61fc; + border-radius: 50%; + margin-right: 7px; + text-align: center; + vertical-align: middle; +} +.widget-01__item_text { + color: inherit; + font-size: 16px; + line-height: 1.4; +} +.widget-01__item { + position: relative; + margin-bottom: 10px; + max-width: 270px; + padding-left: 27px; + display: flex; + align-content: flex-start; + transition: 0.4s ease all; + opacity: 0; + transform: translateY(10px); +} +.widget-01__item:last-child { + margin-bottom: 0; +} +.widget-01__item:nth-child(1) { + transition-delay: 0.2s; +} +.widget-01__item:nth-child(2) { + transition-delay: 0.3s; +} +.widget-01__item:nth-child(3) { + transition-delay: 0.4s; +} +.state-visible .widget-01__item { + opacity: 1; + transform: none; +} +.widget-01__logo { + height: 1em; + vertical-align: middle; + margin-left: 5px; + position: relative; + bottom: 1px; +} +.widget-01__button_box { + position: absolute; + bottom: 30px; + z-index: 1000; + transition: 0.4s 0.6s ease opacity, 0.4s 0.6s ease opacity; + opacity: 0; + transform: translateY(10px); +} +.widget-01__button_box a span { + font-size: 14px; + color: white; + vertical-align: middle; +} +.state-visible .widget-01__button_box { + opacity: 1; + transform: none; +} +.widget-01__button_info { + margin-top: 10px; + line-height: 1.4; + transition: opacity 0.6s 2.5s ease; + opacity: 0; +} +.state-visible .widget-01__button_info { + opacity: 0.6; +} +.widget-01__cards { + position: absolute; + z-index: 100; + width: 100%; + height: 100%; + right: 0; + top: 0; +} +.widget-01__card_stack { + position: absolute; +} +.widget-01__card_stack--01 { + right: 160px; + top: 130px; + transform: rotateZ(-30deg); +} +.widget-01__card_stack--02 { + bottom: 150px; + right: 157px; + transform: rotateZ(10deg); +} +.widget-01__card { + position: absolute; + width: 144px; + height: 108px; + background-color: white; + border: 1px solid #cacaca; + box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.27); + background-size: 80px; + background-position: center; + background-repeat: no-repeat; + transition: 0.4s ease transform, 0.4s ease opacity; + opacity: 0; +} +.state-visible .widget-01__card { + opacity: 1; +} +.widget-01__card--01 { + z-index: 1; +} +.widget-01__card--02 { + z-index: 2; +} +.widget-01__card--03 { + z-index: 3; +} +.widget-01__card--04 { + z-index: 4; +} +.widget-01__card--05 { + z-index: 5; +} +.widget-01__card_stack--01 .widget-01__card--01 { + left: -2px; + transform: translateY(5px) translateX(5px) rotateZ(-10deg); + transition-delay: 1s; + background-image: url(https://ucarecdn.com/025437a2-67cb-4f19-aa9c-4c10a874fdee/Uploading.jpg); +} +.state-visible .widget-01__card_stack--01 .widget-01__card--01 { + transform: rotateZ(-8deg); +} +.widget-01__card_stack--01 .widget-01__card--02 { + left: 6px; + top: -5px; + transform: translateY(10px) translateX(10px) rotateZ(-3deg); + transition-delay: 1.2s; + background-image: url(https://ucarecdn.com/1b4ecfe5-7685-49a5-b27c-a6cd0d07082e/MessageSent.jpg); +} +.state-visible .widget-01__card_stack--01 .widget-01__card--02 { + transform: rotateZ(-2deg); +} +.widget-01__card_stack--01 .widget-01__card--03 { + left: 11px; + top: -10px; + transform: translateY(11px) translateX(11px) rotateZ(2deg); + transition-delay: 1.4s; + background-image: url(https://ucarecdn.com/6b3456a6-2503-43d6-ab62-8ac2b16955a5/Science.jpg); +} +.state-visible .widget-01__card_stack--01 .widget-01__card--03 { + transform: none; +} +.widget-01__card_stack--01 .widget-01__card--04 { + left: 15px; + top: -15px; + transform: translateY(12px) translateX(12px) rotateZ(4deg); + transition-delay: 1.6s; + transition-duration: 1s; + background-image: url(https://ucarecdn.com/01363284-3722-47cc-9d6c-4a6f9153b6f9/SomethingWentWrong.jpg); +} +.state-visible .widget-01__card_stack--01 .widget-01__card--04 { + transform: rotateZ(1deg); +} +.widget-01__card_stack--01 .widget-01__card--05 { + left: 20px; + top: -20px; + background-image: url(https://ucarecdn.com/9c3e7dde-12ea-48fb-a3f0-bd593561f6db/Downloading.jpg); + transform: translateY(14px) translateX(13px) rotateZ(2deg); + transition-delay: 1.8s; + transition-duration: 1s; +} +.state-visible .widget-01__card_stack--01 .widget-01__card--05 { + transform: none; +} +.widget-01__card_stack--02 .widget-01__card--01 { + transform: translateY(5px) translateX(5px) rotateZ(-10deg); + transition-delay: 1.4s; + background-image: url(https://ucarecdn.com/7961a2d0-1f36-4527-8f1c-63886cc0ca70/Education.jpg); +} +.state-visible .widget-01__card_stack--02 .widget-01__card--01 { + transform: rotateZ(-8deg); +} +.widget-01__card_stack--02 .widget-01__card--02 { + left: 4px; + top: -4px; + transform: translateY(10px) translateX(10px) rotateZ(-3deg); + transition-delay: 1.6s; + background-image: url(https://ucarecdn.com/af5ae80d-37d3-4e79-ada3-95f103cdeda5/Security.jpg); +} +.state-visible .widget-01__card_stack--02 .widget-01__card--02 { + transform: rotateZ(-2deg); +} +.widget-01__card_stack--02 .widget-01__card--03 { + left: 9px; + top: -8px; + transform: translateY(11px) translateX(11px) rotateZ(2deg); + transition-delay: 1.8s; + background-image: url(https://ucarecdn.com/6449159f-17be-44e2-a35a-5b58a2de6bad/Success.jpg); +} +.state-visible .widget-01__card_stack--02 .widget-01__card--03 { + transform: none; +} +.widget-01__card_stack--02 .widget-01__card--04 { + left: 13px; + top: -10px; + transform: translateY(12px) translateX(12px) rotateZ(4deg); + transition-delay: 2s; + transition-duration: 1s; + background-image: url(https://ucarecdn.com/f159c25b-0c53-43ef-9185-63be05aeff92/DeleteConfirmation.jpg); +} +.state-visible .widget-01__card_stack--02 .widget-01__card--04 { + transform: rotateZ(1deg); +} +.widget-01__card_stack--02 .widget-01__card--05 { + left: 16px; + top: -12px; + background-image: url(https://ucarecdn.com/c2ed9ba7-d033-42cb-a10d-7438484d8efc/Searching.jpg); + transform: translateY(14px) translateX(13px) rotateZ(2deg); + transition-delay: 2.2s; + transition-duration: 1s; +} +.state-visible .widget-01__card_stack--02 .widget-01__card--05 { + transform: none; +} +.widget-01__bubbles { + position: absolute; + z-index: 5; + width: 100%; +} +.widget-01__bubble { + position: absolute; + border-radius: 50%; + background-color: #373737; +} +.widget-01__bubble-01 { + left: -50px; + top: -30px; + width: 200px; + height: 200px; +} +.widget-01__bubble-02 { + right: -100px; + bottom: -40px; + width: 270px; + height: 270px; +} +.simple-cookie-widget { + position: fixed; + max-width: 450px; + z-index: 9999999; + visibility: hidden; + border-radius: 4px; + overflow: hidden; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +@media (max-width: 500px) { + .simple-cookie-widget { + max-width: calc(100% - 20px); + } +} +.simple-cookie-widget--bottom_left { + left: 30px; + bottom: 30px; +} +@media (max-width: 500px) { + .simple-cookie-widget--bottom_left { + left: 10px; + bottom: 10px; + } +} +.simple-cookie-widget--top_left { + left: 30px; + top: 30px; +} +@media (max-width: 500px) { + .simple-cookie-widget--top_left { + left: 10px; + top: 10px; + } +} +.simple-cookie-widget--bottom_right { + right: 30px; + bottom: 30px; +} +@media (max-width: 500px) { + .simple-cookie-widget--bottom_right { + right: 10px; + bottom: 10px; + } +} +.simple-cookie-widget--top_right { + right: 30px; + top: 30px; +} +@media (max-width: 500px) { + .simple-cookie-widget--top_right { + right: 10px; + top: 10px; + } +} +.simple-cookie-widget--white .simple-cookie-widget__wrapper { + background-color: white; +} +.simple-cookie-widget--black .simple-cookie-widget__wrapper { + background-color: #303030; +} +.simple-cookie-widget--gray .simple-cookie-widget__wrapper { + background-color: #f6f6f6; +} +.simple-cookie-widget--midnight .simple-cookie-widget__wrapper { + background-color: #031a4e; +} +.simple-cookie-widget--gray .button--white-bg, +.simple-cookie-widget--white .button--white-bg { + background-color: #303030; + color: white; +} +.state-visible.simple-cookie-widget { + visibility: visible; +} +.simple-cookie-widget__wrapper { + opacity: 0; + transform: translateY(10px); +} +.state-visible .simple-cookie-widget__wrapper { + transition: 0.4s ease opacity, 0.2s ease transform, 0.4s ease background-color; + opacity: 1; + transform: translateY(0); +} +.simple-cookie-widget__container { + display: flex; + align-content: center; + justify-content: space-between; + padding-top: 15px; + padding-bottom: 15px; +} +@media (max-width: 500px) { + .simple-cookie-widget__container { + padding: 10px; + } +} +@media (max-width: 500px) { + .simple-cookie-widget__container { + flex-direction: column; + } +} +.simple-cookie-widget__message { + display: flex; + align-items: center; + justify-content: space-between; +} +.simple-cookie-widget__icon { + height: 40px; + margin-right: 15px; +} +@media (max-width: 500px) { + .simple-cookie-widget__icon { + margin-right: 10px; + } +} +.simple-cookie-widget--no-icon .simple-cookie-widget__icon { + display: none; +} +.simple-cookie-widget__text { + line-height: 1.4; +} +.simple-cookie-widget__text a { + color: inherit; + text-decoration: underline; +} +.simple-cookie-widget__col { + display: flex; + align-items: center; +} +.simple-cookie-widget__button_box { + margin-left: 20px; +} +@media (max-width: 500px) { + .simple-cookie-widget__button_box { + padding-top: 20px; + } +} +.simple-cookie-widget--midnight .simple-cookie-widget__text { + color: white; +} +.simple-cookie-widget--black .simple-cookie-widget__text { + color: white; +} +.lang-widget { + position: fixed; + z-index: 9999999; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +.lang-widget--bottom_left { + left: 30px; + bottom: 0; +} +.lang-widget--bottom_left .lang-widget__wrapper { + border-radius: 4px 4px 0 0; +} +.lang-widget--top_left { + left: 30px; + top: 0; +} +.lang-widget--top_left .lang-widget__wrapper { + border-radius: 0 0 4px 4px; +} +.lang-widget--bottom_right { + right: 30px; + bottom: 0; +} +.lang-widget--bottom_right .lang-widget__wrapper { + border-radius: 4px 4px 0 0; +} +.lang-widget--top_right { + right: 30px; + top: 0; +} +.lang-widget--top_right .lang-widget__wrapper { + border-radius: 0 0 4px 4px; +} +.lang-widget--white .lang-widget__wrapper { + background-color: white; +} +.lang-widget--black .lang-widget__wrapper { + background-color: #303030; +} +.lang-widget--gray .lang-widget__wrapper { + background-color: #f6f6f6; +} +.lang-widget--midnight .lang-widget__wrapper { + background-color: #031a4e; +} +.lang-widget__list { + padding: 0; + margin: 0; + list-style: none; + height: 0; + overflow: hidden; +} +.lang-widget:hover .lang-widget__list { + height: auto; +} +.lang-widget:hover .lang-widget__item { + opacity: 1; + transform: none; +} +.lang-widget:hover .lang-widget__item:nth-child(1) { + transition-delay: 60ms; +} +.lang-widget:hover .lang-widget__item:nth-child(2) { + transition-delay: 90ms; +} +.lang-widget:hover .lang-widget__item:nth-child(3) { + transition-delay: 120ms; +} +.lang-widget:hover .lang-widget__item:nth-child(4) { + transition-delay: 150ms; +} +.lang-widget:hover .lang-widget__item:nth-child(5) { + transition-delay: 180ms; +} +.lang-widget__item { + opacity: 0; + transform: translateY(5px); + transition: opacity 0.2s ease, transform 0.2s ease; +} +.lang-widget__link { + display: inline-block; + color: inherit; + cursor: pointer; + text-decoration: none; +} +.lang-widget__link, +.lang-widget__current { + padding: 10px 20px; +} +.lang-widget--midnight .lang-widget__title { + color: white; +} +.lang-widget--black .lang-widget__title { + color: white; +} +.blog_home-01 { + padding-top: 40px; +} +.blog_home-01 .posts-list { + display: flex; + justify-content: flex-start; + align-items: flex-start; + flex-wrap: wrap; + padding: 15px 0; +} +.blog_home-01 .post-item { + display: flex; + flex-direction: column; + margin-bottom: 45px; + padding: 10px; + border-radius: 3px; + width: 33%; + text-decoration: none; +} +@media (max-width: 640px) { + .blog_home-01 .post-item { + width: 100%; + } +} +.blog_home-01 .post-item .post-item__img { + width: 100%; + height: 100%; + max-height: 150px; + margin-bottom: 10px; + object-fit: cover; +} +@media (max-width: 640px) { + .blog_home-01 .post-item .post-item__img { + max-height: 300px; + } +} +.blog_home-01 .post-item .post-item__img-pattern { + width: 100%; + height: 150px; + background-image: radial-gradient(currentColor 1px, transparent 1px); + background-size: calc(10 * 1px) calc(10 * 1px); + text-indent: -10000px; +} +.blog_home-01 .post-item:nth-child(5n + 1) { + width: 66%; +} +.blog_home-01 .post-item:nth-child(5n + 1) .post-item__img { + max-height: 300px; +} +.blog_home-01 .post-item:nth-child(5n + 1) .post-item__img-pattern { + height: 300px; +} +@media (max-width: 640px) { + .blog_home-01 .post-item:nth-child(5n + 1) { + width: 100%; + } +} +@media (max-width: 640px) { + .blog_home-01 .post-item:not(:nth-child(5n + 1)) { + height: 100%; + } +} +.blog_home-01 .post-item:hover { + transition: background-color 0.2s ease; +} +.blog_home-01 .post-item:hover .post-item__title { + color: inherit; +} +.blog_home-01 .post-item .post-item__title { + font-weight: 600; + font-size: 1.4em; + word-break: break-word; +} +.blog_home-01 .style-yellow-1 .color-main-hover:hover, +.blog_home-01 .style-yellow-1 .link:hover, +.blog_home-01 .style-yellow-1 .feature__link:hover, +.blog_home-01 .style-yellow-1 .testimonials-03__person_link:hover, +.blog_home-01 .style-yellow-1 .faq-05__link:hover, +.blog_home-01 .style-yellow-1 .features-16__link:hover, +.blog_home-01 .style-yellow-1 .message__bubble_link:hover { + color: #303030; +} +.blog_home-01 .load-more-wrapper { + position: relative; + display: flex; + justify-content: center; + padding: 5px 15px; + margin-bottom: 50px; +} +.blog_home-01 .load-more-wrapper .button__arrow { + font-size: 16px; + margin-left: 10px; +} +.blog_post-01:after { + content: ' '; + visibility: hidden; + display: block; + height: 0; + clear: both; +} +.blog_post-01 .container-p--large { + display: flex; + flex-direction: column; + max-width: 1200px; + width: 100%; +} +.blog_post-01 .overlay-post { + background-color: #fff; + padding-top: 100px; + transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); + transform-origin: 50% 100%; +} +.blog_post-01 .overlay-post.read-more-zoom { + box-shadow: 0px 54px 47px -1px rgba(0, 0, 0, 0.35); + will-change: transform; +} +@media (max-width: 1280px) { + .blog_post-01 .overlay-post { + padding-top: 70px; + } +} +@media (max-width: 500px) { + .blog_post-01 .overlay-post { + padding-top: 50px; + } +} +.blog_post-01 .post-title { + font-size: 50px; + margin-bottom: 30px; + padding-bottom: 30px; + line-height: 1.2; + border-bottom: 1px solid #efefef; +} +@media (max-width: 640px) { + .blog_post-01 .post-title { + font-size: 34px; + } +} +.blog_post-01 .date-modified { + text-transform: uppercase; + margin-bottom: 50px; + font-size: 14px; +} +@media (max-width: 640px) { + .blog_post-01 .date-modified { + margin-bottom: 20px; + font-size: 12px; + } +} +.blog_post-01 .post-body { + display: flex; + flex-direction: column; + align-items: center; + font-size: 18px; + line-height: 1.7; + margin-top: 10px; + padding-bottom: 130px; + white-space: pre-wrap; + overflow-wrap: break-word; +} +.blog_post-01 .gist { + white-space: initial; +} +.blog_post-01 .gist .blob-code-inner { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, + Liberation Mono, monospace !important; +} +.blog_post-01 .read-more { + padding-top: 30px; + padding-bottom: 30px; +} +.blog_post-01 .read-more * { + color: #fff; +} +.blog_post-01 .read-more__header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 10px; +} +.blog_post-01 .read-more__header .anticon-home { + font-size: 20px; +} +.blog_post-01 .read-more__title { + font-size: 50px; + margin-top: 0; + margin-bottom: 40px; +} +@media (max-width: 640px) { + .blog_post-01 .read-more__title { + font-size: 34px; + margin-bottom: 25px; + } +} +.blog_post-01 .read-more__more-posts { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.blog_post-01 .read-more__more-posts .post-item { + display: flex; + flex-direction: column; + width: 33%; + text-decoration: none; + padding: 10px; + border-radius: 3px; + margin-bottom: 10px; +} +.blog_post-01 .read-more__more-posts .post-item:hover { + transition: background-color 0.2s ease; +} +.blog_post-01 .read-more__more-posts .post-item:hover .post-item__title { + color: #303030; +} +.blog_post-01 .read-more__more-posts .post-item:hover .post-item__img { + background-image: radial-gradient(#303030 1px, transparent 1px); +} +@media (max-width: 640px) { + .blog_post-01 .read-more__more-posts .post-item { + width: 100%; + margin-bottom: 25px; + } +} +.blog_post-01 .read-more__more-posts .post-item .post-item__img { + width: 100%; + max-height: 200px; + object-fit: cover; + margin-bottom: 10px; +} +.blog_post-01 .read-more__more-posts .post-item .post-item__img-pattern { + width: 100%; + height: 150px; + background-image: radial-gradient(currentColor 1px, transparent 1px); + background-size: calc(10 * 1px) calc(10 * 1px); + text-indent: -10000px; +} +.blog_post-01 .read-more__more-posts .post-item .post-item__meta-title { + font-size: 18px; +} +.blog_post-01 .read-more__home-link { + padding: 4px 4px 2px 4px; +} +.blog_post-01 .read-more__home-link:hover { + background-color: rgba(239, 239, 239, 0.3); + border-radius: 6px; + transition: background-color 0.15s; +} +.popup-01__container { + display: flex; + align-items: center; + position: relative; + padding: 0; +} +@media (max-width: 768px) { + .popup-01__container { + flex-direction: column-reverse; + } +} +.popup-01__content { + padding: 64px 32px; +} +@media (max-width: 768px) { + .popup-01__content { + padding-top: 40px; + padding-bottom: 40px; + } +} +@media (max-width: 500px) { + .popup-01__content { + padding-top: 24px; + padding-bottom: 24px; + } +} +.popup-01__left, +.popup-01__right { + width: 50%; +} +@media (max-width: 768px) { + .popup-01__left, + .popup-01__right { + width: 100%; + } +} +.popup-01__right { + position: absolute; + right: 0; + height: 100%; +} +@media (max-width: 768px) { + .popup-01__right { + position: static; + height: 176px; + } +} +@media (max-width: 500px) { + .popup-01__right { + height: 140px; + } +} +.popup-01__img { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} +.popup-01__cta-box .buttons-set, +.popup-01 .form { + margin-top: 40px; +} +.popup-01 .form { + padding-bottom: 14px; +} +.popup-01 .buttons-set__item, +.popup-01 .buttons-set__item .button, +.popup-01 .store-button { + width: 100%; +} +@media (max-width: 768px) { + .popup-01 .buttons-set__item, + .popup-01 .buttons-set__item .button, + .popup-01 .store-button { + width: auto; + min-width: 200px; + } +} +@media (max-width: 500px) { + .popup-01 .buttons-set__item, + .popup-01 .buttons-set__item .button, + .popup-01 .store-button { + width: 100%; + } +} +@media (min-width: 769px) { + .popup-01 .buttons-set__item, + .popup-01 .buttons-set__list { + margin: 0; + } +} +@media (min-width: 769px) { + .popup-01 .form__inputs { + display: block; + } +} +@media (min-width: 769px) { + .popup-01 .form__input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; + } +} +.popup-01 .form__button { + margin-top: 20px; + text-align: center; + margin-left: 0; +} +.popup-01 .form__button .button { + width: 100%; +} +@media (max-width: 768px) { + .popup-01 .form__button { + margin-left: 15px; + } + .popup-01 .form__button .button { + width: auto; + } +} +@media (max-width: 500px) { + .popup-01 .form__button { + margin-left: 0; + } + .popup-01 .form__button .button { + width: 100%; + } +} +.popup-01__left { + overflow: auto; + max-height: calc(100vh - 96px); +} +@media (max-width: 768px) { + .popup-01__left { + max-height: calc(100vh - 160px - 176px); + } +} +@media (max-width: 500px) { + .popup-01__left { + max-height: calc(100vh - 160px - 140px); + } +} +.popup-component_no-image .popup-01__left { + width: 100%; +} +@media (max-width: 768px) { + .popup-component_no-image .popup-01__left { + max-height: calc(100vh - 160px); + } +} +.popup-component_no-image .popup-01__content { + padding-top: 48px; + padding-bottom: 48px; +} +@media (max-width: 768px) { + .popup-component_no-image .popup-01__content { + padding-top: 40px; + padding-bottom: 40px; + } +} +@media (max-width: 500px) { + .popup-component_no-image .popup-01__content { + padding-top: 32px; + padding-bottom: 32px; + } +} +.popup-component_no-image .popup-01 .buttons-set__item, +.popup-component_no-image .popup-01 .buttons-set__item .button, +.popup-component_no-image .popup-01 .store-button { + width: 100%; + min-width: 120px; +} +.popup-component_no-image .popup-01 .buttons-set__item, +.popup-component_no-image .popup-01 .buttons-set__list { + margin: 0; +} +.popup-component_no-image .popup-01 .form__inputs { + display: block; +} +.popup-component_no-image .popup-01 .form__input { + width: 100%; + margin-bottom: 15px; + margin-right: 0; +} +.popup-component_no-image .popup-01 .form__button { + margin-top: 20px; + text-align: center; + margin-left: 0; +} +.popup-component_no-image .popup-01 .form__button .button { + width: 100%; +} +.popup-component { + position: fixed; + top: 50%; + left: 50%; + z-index: 1010; + max-width: 748px; + width: calc(100% - 64px); + transform: translate(-50%, -50%); + display: none; + border-radius: 10px; +} +@media (max-width: 768px) { + .popup-component { + max-width: 600px; + } +} +.popup-component__drawer { + z-index: 1015; +} +.popup-component__mask { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1005; + background: rgba(0, 0, 0, 0.7); + display: none; +} +.popup-component__close-button { + z-index: 1050; + right: 0; + top: -24px; + position: absolute; + width: 16px; + color: white; + font-size: 15px; + cursor: pointer; + transition: opacity 0.2s ease; +} +.popup-component__close-button:hover { + opacity: 0.7; +} +.popup-component .page-component__wrapper { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.popup-component__bg_image_box { + position: relative; + border-radius: inherit; + overflow: hidden; + box-shadow: 0px 54px 105px rgba(0, 0, 0, 0.23), + 0px 19.7109px 38.3267px rgba(0, 0, 0, 0.158696), + 0px 9.56927px 18.6069px rgba(0, 0, 0, 0.127947), + 0px 4.69103px 9.12146px rgba(0, 0, 0, 0.102053), + 0px 1.85484px 3.60664px rgba(0, 0, 0, 0.0713042); +} +.popup-component .page-component__bg_overlay_box { + width: 50%; +} +@media (max-width: 768px) { + .popup-component .page-component__bg_overlay_box { + width: 100%; + height: calc(100% - 176px); + bottom: 0; + top: unset; + } +} +@media (max-width: 500px) { + .popup-component .page-component__bg_overlay_box { + height: calc(100% - 140px); + } +} +.popup-component .grecaptcha-badge { + z-index: 10020; + position: absolute !important; + width: 256px; + height: 60px; + display: block; + transition: right 0.3s ease 0s; + bottom: 14px; + right: -186px; + box-shadow: gray 0px 0px 5px; + border-radius: 2px; + overflow: hidden; + visibility: visible !important; +} +.popup-component .grecaptcha-badge:hover { + right: 0; +} +.popup-component .form__messages { + bottom: -10px; + border-radius: 10px; +} +.popup-component .message__out, +.popup-component .message__reply_box { + display: none; +} +.popup-component .message--error .message__box { + border: none; +} +.popup-component .message { + border-radius: 10px; +} +.popup-component .message__close { + transform: scale(-1); + position: absolute; + bottom: 0; + border-radius: 10px 10px 0 0; +} +.popup-component .message__body { + padding-bottom: 47px; +} +.popup-component .page-component__component_controls_item { + margin-right: -10px; +} +.live_website .popup-component { + z-index: 10010; +} +.live_website .popup-component__mask { + z-index: 10005; +} +.live_website .popup-component__close-button { + z-index: 10010; +} +.popup-component_no-image { + max-width: 400px; +} +.popup-component_no-image .page-component__bg_overlay_box { + width: 100%; + height: 100%; +} +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; +} +.slick-list:focus { + outline: none; +} +.slick-list.dragging { + cursor: pointer; + cursor: hand; +} +.slick-slider .slick-track, +.slick-slider .slick-list { + transform: translate3d(0, 0, 0); +} +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after { + content: ''; + display: table; +} +.slick-track:after { + clear: both; +} +.slick-loading .slick-track { + visibility: hidden; +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + display: none; +} +[dir='rtl'] .slick-slide { + float: right; +} +.slick-slide img { + display: block; +} +.slick-slide.slick-loading img { + display: none; +} +.slick-slide.dragging img { + pointer-events: none; +} +.slick-initialized .slick-slide { + display: block; +} +.slick-loading .slick-slide { + visibility: hidden; +} +.slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + touch-action: none; + z-index: 1500; + -webkit-text-size-adjust: 100%; + -webkit-backface-visibility: hidden; + outline: none; +} +.pswp * { + box-sizing: border-box; +} +.pswp img { + max-width: none; +} +.pswp--animate_opacity { + opacity: 0.001; + will-change: opacity; + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp--open { + display: block; +} +.pswp--zoom-allowed .pswp__img { + cursor: zoom-in; +} +.pswp--zoomed-in .pswp__img { + cursor: -webkit-grab; + cursor: grab; +} +.pswp--dragging .pswp__img { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + transform: translateZ(0); + -webkit-backface-visibility: hidden; + will-change: opacity; +} +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +.pswp__container, +.pswp__zoom-wrap { + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; +} +.pswp__zoom-wrap { + position: absolute; + width: 100%; + transform-origin: left top; + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp__bg { + will-change: opacity; + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + transition: none; +} +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; +} +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; +} +.pswp__img { + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; +} +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; +} +.pswp__img--placeholder--blank { + background: #222; +} +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; +} +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #ccc; +} +.pswp__error-msg a { + color: #ccc; + text-decoration: underline; +} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +.pswp__button { + width: 44px; + height: 44px; + position: relative; + background: none; + cursor: pointer; + overflow: visible; + -webkit-appearance: none; + display: block; + border: 0; + padding: 0; + margin: 0; + float: right; + opacity: 0.75; + transition: opacity 0.2s; + box-shadow: none; +} +.pswp__button:focus, +.pswp__button:hover { + opacity: 1; +} +.pswp__button:active { + outline: none; + opacity: 0.9; +} +.pswp__button::-moz-focus-inner { + padding: 0; + border: 0; +} +.pswp__ui--over-close .pswp__button--close { + opacity: 1; +} +.pswp__button, +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { + background: url(../img/other/plugin/default-skin.png) 0 0 no-repeat; + background-size: 264px 88px; + width: 44px; + height: 44px; +} +@media (-webkit-min-device-pixel-ratio: 1.1), + (-webkit-min-device-pixel-ratio: 1.09375), + (min-resolution: 105dpi), + (min-resolution: 1.1dppx) { + .pswp--svg .pswp__button, + .pswp--svg .pswp__button--arrow--left:before, + .pswp--svg .pswp__button--arrow--right:before { + background-image: url(../img/other/plugin/default-skin.svg); + } + .pswp--svg .pswp__button--arrow--left, + .pswp--svg .pswp__button--arrow--right { + background: none; + } +} +.pswp__button--close { + background-position: 0 -44px; +} +.pswp__button--share { + background-position: -44px -44px; +} +.pswp__button--fs { + display: none; +} +.pswp--supports-fs .pswp__button--fs { + display: block; +} +.pswp--fs .pswp__button--fs { + background-position: -44px 0; +} +.pswp__button--zoom { + display: none; + background-position: -88px 0; +} +.pswp--zoom-allowed .pswp__button--zoom { + display: block; +} +.pswp--zoomed-in .pswp__button--zoom { + background-position: -132px 0; +} +.pswp--touch .pswp__button--arrow--left, +.pswp--touch .pswp__button--arrow--right { + visibility: hidden; +} +.pswp__button--arrow--left, +.pswp__button--arrow--right { + background: none; + top: 50%; + margin-top: -50px; + width: 70px; + height: 100px; + position: absolute; +} +.pswp__button--arrow--left { + left: 0; +} +.pswp__button--arrow--right { + right: 0; +} +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { + content: ''; + top: 35px; + background-color: rgba(0, 0, 0, 0.3); + height: 30px; + width: 32px; + position: absolute; +} +.pswp__button--arrow--left:before { + left: 6px; + background-position: -138px -44px; +} +.pswp__button--arrow--right:before { + right: 6px; + background-position: -94px -44px; +} +.pswp__counter, +.pswp__share-modal { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +.pswp__share-modal { + display: block; + background: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 10px; + position: absolute; + z-index: 1600; + opacity: 0; + transition: opacity 0.25s ease-out; + -webkit-backface-visibility: hidden; + will-change: opacity; +} +.pswp__share-modal--hidden { + display: none; +} +.pswp__share-tooltip { + z-index: 1620; + position: absolute; + background: #fff; + top: 56px; + border-radius: 2px; + display: block; + width: auto; + right: 44px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); + transform: translateY(6px); + transition: transform 0.25s; + -webkit-backface-visibility: hidden; + will-change: transform; +} +.pswp__share-tooltip a { + display: block; + padding: 8px 12px; + color: #000; + text-decoration: none; + font-size: 14px; + line-height: 18px; +} +.pswp__share-tooltip a:hover { + text-decoration: none; + color: #000; +} +.pswp__share-tooltip a:first-child { + border-radius: 2px 2px 0 0; +} +.pswp__share-tooltip a:last-child { + border-radius: 0 0 2px 2px; +} +.pswp__share-modal--fade-in { + opacity: 1; +} +.pswp__share-modal--fade-in .pswp__share-tooltip { + transform: translateY(0); +} +.pswp--touch .pswp__share-tooltip a { + padding: 16px 12px; +} +a.pswp__share--facebook:before { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + top: -12px; + right: 15px; + border: 6px solid transparent; + border-bottom-color: #fff; + -webkit-pointer-events: none; + -moz-pointer-events: none; + pointer-events: none; +} +a.pswp__share--facebook:hover { + background: #3e5c9a; + color: #fff; +} +a.pswp__share--facebook:hover:before { + border-bottom-color: #3e5c9a; +} +a.pswp__share--twitter:hover { + background: #55acee; + color: #fff; +} +a.pswp__share--pinterest:hover { + background: #ccc; + color: #ce272d; +} +a.pswp__share--download:hover { + background: #ddd; +} +.pswp__counter { + position: absolute; + left: 0; + top: 0; + height: 44px; + font-size: 13px; + line-height: 44px; + color: #fff; + opacity: 0.75; + padding: 0 10px; +} +.pswp__caption { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + min-height: 44px; +} +.pswp__caption small { + font-size: 11px; + color: #bbb; +} +.pswp__caption__center { + text-align: left; + max-width: 420px; + margin: 0 auto; + font-size: 13px; + padding: 10px; + line-height: 20px; + color: #ccc; +} +.pswp__caption--empty { + display: none; +} +.pswp__caption--fake { + visibility: hidden; +} +.pswp__preloader { + width: 44px; + height: 44px; + position: absolute; + top: 0; + left: 50%; + margin-left: -22px; + opacity: 0; + transition: opacity 0.25s ease-out; + will-change: opacity; + direction: ltr; +} +.pswp__preloader__icn { + width: 15px; + height: 15px; + border-radius: 50%; + margin: 12px; +} +.pswp__preloader__icn:after { + border-radius: 50%; + width: 15px; + height: 15px; +} +.pswp__preloader--active { + opacity: 1; +} +.pswp__preloader--active .pswp__preloader__icn { + position: relative; + transform: translateZ(0); + -webkit-animation: spin 1.1s infinite linear; + animation: spin 1.1s infinite linear; + border-top: 2px solid rgba(255, 255, 255, 0.4); + border-right: 2px solid rgba(255, 255, 255, 0.4); + border-bottom: 2px solid rgba(255, 255, 255, 0.4); + border-left: 2px solid #4d61fc; + font-size: 10px; + text-indent: -9999px; + transition: opacity 0.2s ease; +} +.pswp--css_animation .pswp__preloader--active { + opacity: 1; +} +.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { + -webkit-animation: clockwise 1100ms linear infinite; + animation: clockwise 1100ms linear infinite; +} +.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { + -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; + animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; +} +.pswp--css_animation .pswp__preloader__icn { + background: none; + opacity: 0.75; + width: 14px; + height: 14px; + position: absolute; + left: 15px; + top: 15px; + margin: 0; +} +.pswp--css_animation .pswp__preloader__cut { + position: relative; + width: 7px; + height: 14px; + overflow: hidden; +} +.pswp--css_animation .pswp__preloader__donut { + box-sizing: border-box; + width: 14px; + height: 14px; + border: 2px solid #fff; + border-radius: 50%; + border-left-color: transparent; + border-bottom-color: transparent; + position: absolute; + top: 0; + left: 0; + background: none; + margin: 0; +} +@media screen and (max-width: 1024px) { + .pswp__preloader { + position: relative; + left: auto; + top: auto; + margin: 0; + float: right; + } +} +@-webkit-keyframes clockwise { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes clockwise { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@-webkit-keyframes donut-rotate { + 0% { + transform: rotate(0); + } + 50% { + transform: rotate(-140deg); + } + 100% { + transform: rotate(0); + } +} +@keyframes donut-rotate { + 0% { + transform: rotate(0); + } + 50% { + transform: rotate(-140deg); + } + 100% { + transform: rotate(0); + } +} +.pswp__ui { + -webkit-font-smoothing: auto; + visibility: visible; + opacity: 1; + z-index: 1550; +} +.pswp__top-bar { + position: absolute; + left: 0; + top: 0; + height: 44px; + width: 100%; +} +.pswp__caption, +.pswp__top-bar, +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { + -webkit-backface-visibility: hidden; + will-change: opacity; + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); +} +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { + visibility: visible; +} +.pswp__top-bar, +.pswp__caption { + background-color: rgba(0, 0, 0, 0.5); +} +.pswp__ui--fit .pswp__top-bar, +.pswp__ui--fit .pswp__caption { + background-color: rgba(0, 0, 0, 0.3); +} +.pswp__ui--idle .pswp__top-bar { + opacity: 0; +} +.pswp__ui--idle .pswp__button--arrow--left, +.pswp__ui--idle .pswp__button--arrow--right { + opacity: 0; +} +.pswp__ui--hidden .pswp__top-bar, +.pswp__ui--hidden .pswp__caption, +.pswp__ui--hidden .pswp__button--arrow--left, +.pswp__ui--hidden .pswp__button--arrow--right { + opacity: 0.001; +} +.pswp__ui--one-slide .pswp__button--arrow--left, +.pswp__ui--one-slide .pswp__button--arrow--right, +.pswp__ui--one-slide .pswp__counter { + display: none; +} +.pswp__element--disabled { + display: none !important; +} +.pswp--minimal--dark .pswp__top-bar { + background: none; +} +html.with-featherlight { + overflow: hidden; +} +.featherlight { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 2147483647; + text-align: center; + white-space: nowrap; + cursor: pointer; + background: #333; + background: rgba(0, 0, 0, 0); +} +.featherlight:last-of-type { + background: rgba(0, 0, 0, 0.8); +} +.featherlight:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; +} +.featherlight .featherlight-content { + position: relative; + text-align: left; + vertical-align: middle; + display: inline-block; + overflow: auto; + padding: 25px 25px 0; + border-bottom: 25px solid transparent; + margin-left: 5%; + margin-right: 5%; + max-height: 95%; + background: #fff; + cursor: auto; + white-space: normal; +} +.featherlight .featherlight-inner { + display: block; +} +.featherlight link.featherlight-inner, +.featherlight script.featherlight-inner, +.featherlight style.featherlight-inner { + display: none; +} +.featherlight .featherlight-close-icon { + position: absolute; + z-index: 9999; + top: 0; + right: 0; + line-height: 25px; + width: 25px; + cursor: pointer; + text-align: center; + font-family: Arial, sans-serif; + background: #fff; + background: rgba(255, 255, 255, 0.3); + color: #000; + border: 0; + padding: 0; +} +.featherlight .featherlight-close-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +.featherlight .featherlight-image { + width: 100%; +} +.featherlight-iframe .featherlight-content { + border-bottom: 0; + padding: 0; + -webkit-overflow-scrolling: touch; +} +.featherlight iframe { + border: 0; +} +.featherlight * { + box-sizing: border-box; +} +@media only screen and (max-width: 1024px) { + .featherlight .featherlight-content { + margin-left: 0; + margin-right: 0; + max-height: 98%; + padding: 10px 10px 0; + border-bottom: 10px solid transparent; + } +} +@media print { + html.with-featherlight > * > :not(.featherlight) { + display: none; + } +} +.featherlight { + padding: 20px; + background: rgba(0, 0, 0, 0.8); +} +.with-featherlight .featherlight { + display: block; +} +.featherlight .featherlight-content { + border-radius: 4px; +} +body .featherlight .featherlight-content { + padding: 30px 25px; + border: none; +} +.featherlight .featherlight-close-icon { + border-radius: 4px; + top: 4px; + right: 4px; + transition: background-color 0.25s ease; +} +.featherlight .featherlight-close-icon:hover { + background-color: #f6f6f6; +} +.slick-dots li:only-child { + display: none; +} +.graphics-video:not(.default-graphics-video) .mockup_v2__device_img, +.graphics-video:not(.default-graphics-video) .header-61__container, +.graphics-video:not(.default-graphics-video) .header-61__left, +.graphics-video:not(.default-graphics-video) .header-64__container, +.graphics-video:not(.default-graphics-video) .header-64__left, +.graphics-HTML:not(.default-graphics-HTML) .mockup_v2__device_img, +.graphics-HTML:not(.default-graphics-HTML) .header-61__container, +.graphics-HTML:not(.default-graphics-HTML) .header-61__left, +.graphics-HTML:not(.default-graphics-HTML) .header-64__container, +.graphics-HTML:not(.default-graphics-HTML) .header-64__left { + pointer-events: none; +} +.graphics-video:not(.default-graphics-video) .header-61__left *, +.graphics-video:not(.default-graphics-video) .header-64__left *, +.graphics-HTML:not(.default-graphics-HTML) .header-61__left *, +.graphics-HTML:not(.default-graphics-HTML) .header-64__left * { + pointer-events: auto; +} +.graphics-video:not(.default-graphics-video) .features-06__img_box, +.graphics-video:not(.default-graphics-video) .features-07__img_box, +.graphics-HTML:not(.default-graphics-HTML) .features-06__img_box, +.graphics-HTML:not(.default-graphics-HTML) .features-07__img_box { + font-size: inherit; +} +.graphics-video:not(.default-graphics-video) .steps-01__video, +.graphics-video:not(.default-graphics-video) .steps-01__HTML, +.graphics-HTML:not(.default-graphics-HTML) .steps-01__video, +.graphics-HTML:not(.default-graphics-HTML) .steps-01__HTML { + margin-top: 30px; +} +.graphics-video:not(.default-graphics-video) .slider-05__item, +.graphics-video:not(.default-graphics-video) .slider-07__item, +.graphics-HTML:not(.default-graphics-HTML) .slider-05__item, +.graphics-HTML:not(.default-graphics-HTML) .slider-07__item { + padding-left: 100px; + padding-right: 100px; +} +.graphics-video:not(.default-graphics-video) .slider-05__item_editor, +.graphics-video:not(.default-graphics-video) .slider-07__item_editor, +.graphics-HTML:not(.default-graphics-HTML) .slider-05__item_editor, +.graphics-HTML:not(.default-graphics-HTML) .slider-07__item_editor { + padding-left: 50px; + padding-right: 50px; +} +@media (max-width: 950px) { + .graphics-video:not(.default-graphics-video) .slider-05__item, + .graphics-video:not(.default-graphics-video) .slider-07__item, + .graphics-HTML:not(.default-graphics-HTML) .slider-05__item, + .graphics-HTML:not(.default-graphics-HTML) .slider-07__item { + padding-left: 115px; + padding-right: 115px; + } + .graphics-video:not(.default-graphics-video) .slider-05__item_editor, + .graphics-video:not(.default-graphics-video) .slider-07__item_editor, + .graphics-HTML:not(.default-graphics-HTML) .slider-05__item_editor, + .graphics-HTML:not(.default-graphics-HTML) .slider-07__item_editor { + padding-left: 65px; + padding-right: 65px; + } +} +@media (max-width: 600px) { + .graphics-video:not(.default-graphics-video) .slider-05__item, + .graphics-video:not(.default-graphics-video) .slider-07__item, + .graphics-HTML:not(.default-graphics-HTML) .slider-05__item, + .graphics-HTML:not(.default-graphics-HTML) .slider-07__item { + padding-left: 25px; + padding-right: 25px; + } +} +.graphics-video:not(.default-graphics-video) .tabs-03__item_box, +.graphics-video:not(.default-graphics-video) .tabs-04__item_box, +.graphics-HTML:not(.default-graphics-HTML) .tabs-03__item_box, +.graphics-HTML:not(.default-graphics-HTML) .tabs-04__item_box { + width: 100%; +} +.graphics-image:not(.default-graphics-image) .header-39__image, +.graphics-image:not(.default-graphics-image) .header-39__HTML, +.graphics-HTML:not(.default-graphics-HTML) .header-39__image, +.graphics-HTML:not(.default-graphics-HTML) .header-39__HTML { + margin-top: 50px; +} +.graphics-image:not(.default-graphics-image) .faq-03__image, +.graphics-image:not(.default-graphics-image) + .faq-03__HTML:not(.faq-03__editor-HTML), +.graphics-HTML:not(.default-graphics-HTML) .faq-03__image, +.graphics-HTML:not(.default-graphics-HTML) + .faq-03__HTML:not(.faq-03__editor-HTML) { + margin-bottom: 25px; +} +.graphics-image:not(.default-graphics-image) .header-39__image { + max-width: 100%; + border-radius: 10px; + max-height: 500px; +} +@media (max-width: 600px) { + .graphics-image:not(.default-graphics-image) .header-39__image { + max-height: 300px; + } +} +.graphics-image:not(.default-graphics-image) .header-35__image { + max-width: 100%; + max-height: 210px; + border-radius: 10px; +} +.graphics-image:not(.default-graphics-image) .header-35__video_box { + text-align: center; + border-radius: 0; + overflow: visible; +} +.graphics-image:not(.default-graphics-image) .faq-03__image { + max-width: 100%; + max-height: 350px; + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); +} +@media (max-width: 500px) { + .graphics-image:not(.default-graphics-image) .faq-03__image { + max-height: 300px; + } +} +.graphics-image:not(.default-graphics-image) .faq-03__video { + text-align: center; +} +.graphics-video:not(.default-graphics-video) .mockup_v2__area { + background-color: #000; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--Empty + .mockup_v2__area { + background-color: transparent; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--chrome_window + .mockup_v2__area, +.graphics-video:not(.default-graphics-video) + .mockup_v2--safari_window + .mockup_v2__area { + overflow: hidden; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_imac_pro + .mockup_v2__area { + top: 4.9%; + height: 62.7%; + width: 92.6%; + left: -0.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_imac + .mockup_v2__area { + top: 6.5%; + height: 61.5%; + width: 92.2%; + left: -0.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--microsoft_surface_book + .mockup_v2__area { + width: 72.8%; + height: 82%; + top: 7.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_thunderbolt_display + .mockup_v2__area { + top: 5%; + height: 67.9%; + width: 92.4%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--dell_xps_15 + .mockup_v2__area { + top: 1.8%; + height: 81%; + width: 74.5%; + left: -0.1%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--dell_ultrasharp_27 + .mockup_v2__area { + top: 1.3%; + height: 70.3%; + width: 98.2%; + left: -0.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphone_xr + .mockup_v2__area { + top: 5.3%; + height: 88.6%; + width: 79.4%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--pixel_4_xl + .mockup_v2__area { + top: 6.8%; + height: 86.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--samsung_galaxy_s20_ultra_cosmic_black + .mockup_v2__area { + top: 5.3%; + height: 89.2%; + width: 78.8%; + overflow: hidden; +} +.graphics-video:not(.default-graphics-video) .graphics-video__video-element { + padding-top: 56.25%; + position: relative; +} +.graphics-video:not(.default-graphics-video) + .graphics-video__video-element + .video-01__iframe, +.graphics-video:not(.default-graphics-video) + .graphics-video__video-element + .wistia_responsive_padding { + position: absolute !important; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; +} +.graphics-video:not(.default-graphics-video) + .graphics-video__video-element + .spinner { + position: absolute; + z-index: 5; + left: 0; + right: 0; + bottom: 0; + top: 0; + margin: auto; +} +.graphics-video:not(.default-graphics-video) .popup-01__right { + background-color: #000; +} +.graphics-video:not(.default-graphics-video).slider-01 .slick-list { + background-color: #000; +} +.graphics-video:not(.default-graphics-video) + .slider-01__video + .wistia-info-box-new { + font-size: initial; +} +.graphics-video:not(.default-graphics-video) .slider-05__video, +.graphics-video:not(.default-graphics-video) .slider-07__video { + padding-top: 56.3%; +} +.graphics-video:not(.default-graphics-video) .slider-05__video, +.graphics-video:not(.default-graphics-video) .slider-07__video, +.graphics-video:not(.default-graphics-video) .tabs-01__video, +.graphics-video:not(.default-graphics-video) .tabs-04__video { + border-radius: 10px; + box-shadow: 0 12px 44px 0 rgba(0, 0, 0, 0.1); + overflow: hidden; + background-color: #000; +} +.graphics-video:not(.default-graphics-video) + .tabs-01__video + .wistia-info-box-new { + top: calc(50% - 1px); + height: calc(100% + 2px); +} +.graphics-video:not(.default-graphics-video) .tabs-03__video-container { + width: 50%; +} +@media (max-width: 950px) { + .graphics-video:not(.default-graphics-video) .tabs-03__video-container { + width: 100%; + } +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_macbook_air + .graphics-video__video-element { + padding-top: 62.5%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_macbook_pro + .graphics-video__video-element { + padding-top: 62.6%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--chrome_window + .graphics-video__video-element { + padding-top: 57.2%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--safari_window + .graphics-video__video-element { + padding-top: 58.5%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_imac + .graphics-video__video-element { + padding-top: 56.8%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_imac_pro + .graphics-video__video-element { + padding-top: 56.6%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--dell_xps_15 + .graphics-video__video-element { + padding-top: 62.8%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--microsoft_surface_book + .graphics-video__video-element { + padding-top: 66.7%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--apple_thunderbolt_display + .graphics-video__video-element { + padding-top: 56.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--dell_ultrasharp_27 + .graphics-video__video-element { + padding-top: 56.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphone_11_pro_max + .graphics-video__video-element { + padding-top: 216.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphone_13_pro + .graphics-video__video-element { + padding-top: 216.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphoneapple_iphone_se_2020 + .graphics-video__video-element { + padding-top: 178.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphone_xr + .graphics-video__video-element { + padding-top: 217.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--iphone_8_plus + .graphics-video__video-element { + padding-top: 178.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--pixel_4_xl + .graphics-video__video-element { + padding-top: 212.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--samsung_galaxy_s20_ultra_cosmic_black + .graphics-video__video-element { + padding-top: 223.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--samsung_galaxy_note10_plus_aura_black + .graphics-video__video-element { + padding-top: 213.25%; +} +.graphics-video:not(.default-graphics-video) + .mockup_v2--xiaomi_mi_mix_alpha_front + .graphics-video__video-element { + padding-top: 209.25%; +} +.graphics-video:not(.default-graphics-video).header-63 + .mockup_v2--Empty + .graphics-video__video-element, +.graphics-video:not(.default-graphics-video).slider-10 + .mockup_v2--Empty + .graphics-video__video-element, +.graphics-video:not(.default-graphics-video).tabs-10 + .mockup_v2--Empty + .graphics-video__video-element { + padding-top: 189.25%; +} +.graphics-video:not(.default-graphics-video) .popup-01__video { + padding-top: 0; + height: calc(100% + 1px); + top: -1px; +} +.graphics-video:not(.default-graphics-video) .popup-01__video .wistia_embed { + width: 100% !important; + height: 100% !important; + z-index: 6; +} +.graphics-video:not(.default-graphics-video) + .popup-01__video + .video-01__iframe--fixed-height { + border-radius: 0; +} +.graphics-video .mockup_v2:not(.mockup_v2--Empty) .spinner--permanent, +.graphics-video.header-39 .spinner--permanent, +.graphics-video.popup-01 .spinner--permanent, +.graphics-video.faq-03 .spinner--permanent, +.graphics-video.slider-01 .spinner--permanent, +.graphics-video.slider-05 .spinner--permanent, +.graphics-video.slider-07 .spinner--permanent, +.graphics-video.tabs-01 .spinner--permanent, +.graphics-video.tabs-04 .spinner--permanent { + border-top: 2px solid rgba(255, 255, 255, 0.4); + border-right: 2px solid rgba(255, 255, 255, 0.4); + border-bottom: 2px solid rgba(255, 255, 255, 0.4); + border-left: 2px solid #fff; +} +.graphics-video .mockup_v2--nokia_3310 .video-01__iframe--gray { + border-radius: 0; + min-height: 0; +} +.graphics-video .mockup_v2--nokia_3310 .wistia-info-box-new .anticon, +.graphics-video + .mockup_v2--nokia_3310 + .wistia-info-box-new + .video-01__iframe__text { + display: none; +} +.graphics-video + .mockup_v2--nokia_3310 + .wistia-info-box-new + .video-01__iframe__logo { + margin: 0; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + height: 16px; +} +.graphics-video + .mockup_v2--nokia_3310 + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__logo { + height: 8px; + margin: 0; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__text { + font-size: 12px; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__logo { + height: 20px; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .anticon { + font-size: 16px !important; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__info_box { + padding: 8px; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__info_box + > * { + margin-bottom: 12px; +} +.graphics-video + .graphics-video__video-element_mobile-mockup_small + .wistia-info-box-new + .video-01__iframe__info_box + > *:last-child { + margin-bottom: 0; +} +@media (max-width: 1366px) { + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .video-01__iframe__text { + font-size: 12px; + } + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .video-01__iframe__logo { + height: 20px; + } + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .anticon { + font-size: 16px !important; + } + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .video-01__iframe__info_box { + padding: 8px; + } + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .video-01__iframe__info_box + > * { + margin-bottom: 12px; + } + .graphics-video.header-62 + .mockup_v2:not(.mockup_v2--nokia_3310) + .wistia-info-box-new + .video-01__iframe__info_box + > *:last-child { + margin-bottom: 0; + } +} +.graphics-video .mockup_v2 .wistia-info-box-new { + min-height: 0; +} +.wistia-info-box-new .video-01__iframe__info_box { + display: flex; + flex-direction: column; + align-items: center; +} +.wistia-info-box-new .video-01__iframe__info_box > * { + margin-bottom: 16px; +} +.wistia-info-box-new .video-01__iframe__info_box > *:last-child { + margin-bottom: 0; +} +.wistia-info-box-new .video-01__iframe__text { + line-height: 1.6; +} +.graphics-HTML:not(.default-graphics-HTML) .mockup_v2__area { + display: flex; + align-items: center; + justify-content: center; +} +.graphics-HTML:not(.default-graphics-HTML) .mockup_v2--Empty { + max-width: 100%; +} +.graphics-HTML:not(.default-graphics-HTML) .other-01__wrapper { + height: 100%; +} +.graphics-HTML:not(.default-graphics-HTML) .graphics-HTML__code-snippet { + width: 100%; + height: 100%; +} +.graphics-HTML:not(.default-graphics-HTML) .header-35__video_box { + border-radius: 0; + overflow: visible; +} +.graphics-HTML:not(.default-graphics-HTML) .popup-01__right { + background-color: #fff; +} +.graphics-HTML:not(.default-graphics-HTML) .popup-01__editor-HTML { + position: relative; + top: 50%; + transform: translateY(-50%); + padding-left: 32px; + padding-right: 32px; +} +.graphics-HTML:not(.default-graphics-HTML) .slider-01__editor-HTML, +.graphics-HTML:not(.default-graphics-HTML) .slider-05__editor-HTML, +.graphics-HTML:not(.default-graphics-HTML) .slider-07__editor-HTML, +.graphics-HTML:not(.default-graphics-HTML) .slider-10__editor-HTML { + display: flex; + flex-direction: column; + align-items: center; +} +.graphics-HTML:not(.default-graphics-HTML) .slick-list { + box-shadow: none; + border-radius: 0; +} +.graphics-HTML:not(.default-graphics-HTML) + .slider-01__HTML:not(.slider-01__editor-HTML) { + font-size: initial; +} +.graphics-HTML:not(.default-graphics-HTML) .tabs-01__HTML { + height: auto; +} +.graphics-HTML:not(.default-graphics-HTML) .tabs-03__HTML { + width: 50%; +} +@media (max-width: 950px) { + .graphics-HTML:not(.default-graphics-HTML) .tabs-03__HTML { + width: 100%; + } +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty):not(.mockup_v2--nokia_3310) + .mockup_v2__area--editor { + background-color: #fff; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty):not(.mockup_v2--nokia_3310) + .mockup_v2__area--editor + .other-01__title, +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty):not(.mockup_v2--nokia_3310) + .mockup_v2__area--editor + .other-01__info, +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty):not(.mockup_v2--nokia_3310) + .mockup_v2__area--editor + .other-01__code { + color: inherit; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup { + padding-left: 7%; + padding-right: 7%; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup_small + .other-01__title { + font-size: 14px; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup_small + .other-01__info { + font-size: 10px; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup_small + .other-01__logo { + height: 16px; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup_small + .other-01__logo_box { + margin-bottom: 10px; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup_small + .other-01__code { + font-size: 10px; +} +@media (max-width: 1366px) { + .graphics-HTML:not(.default-graphics-HTML).header-62 + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup + .other-01__title { + font-size: 14px; + } + .graphics-HTML:not(.default-graphics-HTML).header-62 + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup + .other-01__info { + font-size: 10px; + } + .graphics-HTML:not(.default-graphics-HTML).header-62 + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup + .other-01__logo { + height: 16px; + } + .graphics-HTML:not(.default-graphics-HTML).header-62 + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup + .other-01__logo_box { + margin-bottom: 10px; + } + .graphics-HTML:not(.default-graphics-HTML).header-62 + .mockup_v2:not(.mockup_v2--Empty) + .graphics-HTML__editor-code_mobile-mockup + .other-01__code { + font-size: 10px; + } +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2--nokia_3310 + .other-01__wrapper { + display: none; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2--nokia_3310 + .other-01.graphics-HTML__editor-code_mobile-mockup + .other-01__logo_box { + margin-bottom: 0; +} +.graphics-HTML:not(.default-graphics-HTML) + .mockup_v2--nokia_3310 + .other-01__logo { + -webkit-filter: grayscale(1); + filter: grayscale(1); +} +.pswp__bg { + transition: none !important; + background-color: rgba(0, 0, 0, 0.8); +} diff --git a/src/public/static/img/icons/social/color/500px.svg b/src/public/static/img/icons/social/color/500px.svg new file mode 100755 index 0000000..b89fea8 --- /dev/null +++ b/src/public/static/img/icons/social/color/500px.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/amazon.svg b/src/public/static/img/icons/social/color/amazon.svg new file mode 100644 index 0000000..9ac4168 --- /dev/null +++ b/src/public/static/img/icons/social/color/amazon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/android.svg b/src/public/static/img/icons/social/color/android.svg new file mode 100644 index 0000000..1f2764c --- /dev/null +++ b/src/public/static/img/icons/social/color/android.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/angel.svg b/src/public/static/img/icons/social/color/angel.svg new file mode 100755 index 0000000..92d309e --- /dev/null +++ b/src/public/static/img/icons/social/color/angel.svg @@ -0,0 +1 @@ +Shape \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/apple-music.svg b/src/public/static/img/icons/social/color/apple-music.svg new file mode 100644 index 0000000..eed70d9 --- /dev/null +++ b/src/public/static/img/icons/social/color/apple-music.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/bandcamp.svg b/src/public/static/img/icons/social/color/bandcamp.svg new file mode 100644 index 0000000..54ace3f --- /dev/null +++ b/src/public/static/img/icons/social/color/bandcamp.svg @@ -0,0 +1,12 @@ + + + + bandcamp + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/behance.svg b/src/public/static/img/icons/social/color/behance.svg new file mode 100644 index 0000000..4b864de --- /dev/null +++ b/src/public/static/img/icons/social/color/behance.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/creative-market.svg b/src/public/static/img/icons/social/color/creative-market.svg new file mode 100644 index 0000000..193d24e --- /dev/null +++ b/src/public/static/img/icons/social/color/creative-market.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/crunchbase.svg b/src/public/static/img/icons/social/color/crunchbase.svg new file mode 100644 index 0000000..08e41c7 --- /dev/null +++ b/src/public/static/img/icons/social/color/crunchbase.svg @@ -0,0 +1,5 @@ + +crunchbase + + + diff --git a/src/public/static/img/icons/social/color/deviantart.svg b/src/public/static/img/icons/social/color/deviantart.svg new file mode 100644 index 0000000..f807f5b --- /dev/null +++ b/src/public/static/img/icons/social/color/deviantart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/discord.svg b/src/public/static/img/icons/social/color/discord.svg new file mode 100644 index 0000000..2192caa --- /dev/null +++ b/src/public/static/img/icons/social/color/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/dribbble.svg b/src/public/static/img/icons/social/color/dribbble.svg new file mode 100644 index 0000000..d259639 --- /dev/null +++ b/src/public/static/img/icons/social/color/dribbble.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/email.svg b/src/public/static/img/icons/social/color/email.svg new file mode 100644 index 0000000..8bdbcd8 --- /dev/null +++ b/src/public/static/img/icons/social/color/email.svg @@ -0,0 +1,11 @@ + + + + email + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/envato.svg b/src/public/static/img/icons/social/color/envato.svg new file mode 100644 index 0000000..e7d9134 --- /dev/null +++ b/src/public/static/img/icons/social/color/envato.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/etsy.svg b/src/public/static/img/icons/social/color/etsy.svg new file mode 100644 index 0000000..99d640b --- /dev/null +++ b/src/public/static/img/icons/social/color/etsy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/facebook-only-letter.svg b/src/public/static/img/icons/social/color/facebook-only-letter.svg new file mode 100755 index 0000000..d6b1153 --- /dev/null +++ b/src/public/static/img/icons/social/color/facebook-only-letter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/facebook.svg b/src/public/static/img/icons/social/color/facebook.svg new file mode 100644 index 0000000..c162519 --- /dev/null +++ b/src/public/static/img/icons/social/color/facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/flickr.svg b/src/public/static/img/icons/social/color/flickr.svg new file mode 100644 index 0000000..66a86b9 --- /dev/null +++ b/src/public/static/img/icons/social/color/flickr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/foursquare.svg b/src/public/static/img/icons/social/color/foursquare.svg new file mode 100644 index 0000000..accc160 --- /dev/null +++ b/src/public/static/img/icons/social/color/foursquare.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/github.svg b/src/public/static/img/icons/social/color/github.svg new file mode 100755 index 0000000..9b7aad0 --- /dev/null +++ b/src/public/static/img/icons/social/color/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/google-plus.svg b/src/public/static/img/icons/social/color/google-plus.svg new file mode 100644 index 0000000..bde4171 --- /dev/null +++ b/src/public/static/img/icons/social/color/google-plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/ih.svg b/src/public/static/img/icons/social/color/ih.svg new file mode 100644 index 0000000..a509994 --- /dev/null +++ b/src/public/static/img/icons/social/color/ih.svg @@ -0,0 +1,17 @@ + + + + ih + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/instagram.svg b/src/public/static/img/icons/social/color/instagram.svg new file mode 100644 index 0000000..400c9ba --- /dev/null +++ b/src/public/static/img/icons/social/color/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/kickstarter.svg b/src/public/static/img/icons/social/color/kickstarter.svg new file mode 100644 index 0000000..0d328ba --- /dev/null +++ b/src/public/static/img/icons/social/color/kickstarter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/link.svg b/src/public/static/img/icons/social/color/link.svg new file mode 100644 index 0000000..ec9e33b --- /dev/null +++ b/src/public/static/img/icons/social/color/link.svg @@ -0,0 +1,12 @@ + + + + link + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/linkedin.svg b/src/public/static/img/icons/social/color/linkedin.svg new file mode 100644 index 0000000..2d00866 --- /dev/null +++ b/src/public/static/img/icons/social/color/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/medium.svg b/src/public/static/img/icons/social/color/medium.svg new file mode 100644 index 0000000..b5541d0 --- /dev/null +++ b/src/public/static/img/icons/social/color/medium.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/periscope.svg b/src/public/static/img/icons/social/color/periscope.svg new file mode 100644 index 0000000..3ed6e14 --- /dev/null +++ b/src/public/static/img/icons/social/color/periscope.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/pinterest.svg b/src/public/static/img/icons/social/color/pinterest.svg new file mode 100644 index 0000000..4d5987c --- /dev/null +++ b/src/public/static/img/icons/social/color/pinterest.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/product-hunt.svg b/src/public/static/img/icons/social/color/product-hunt.svg new file mode 100755 index 0000000..34037fc --- /dev/null +++ b/src/public/static/img/icons/social/color/product-hunt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/quora.svg b/src/public/static/img/icons/social/color/quora.svg new file mode 100644 index 0000000..84168f8 --- /dev/null +++ b/src/public/static/img/icons/social/color/quora.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/reddit.svg b/src/public/static/img/icons/social/color/reddit.svg new file mode 100644 index 0000000..abac2a4 --- /dev/null +++ b/src/public/static/img/icons/social/color/reddit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/shutterstock.svg b/src/public/static/img/icons/social/color/shutterstock.svg new file mode 100644 index 0000000..9b5676a --- /dev/null +++ b/src/public/static/img/icons/social/color/shutterstock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/slack.svg b/src/public/static/img/icons/social/color/slack.svg new file mode 100644 index 0000000..1e16467 --- /dev/null +++ b/src/public/static/img/icons/social/color/slack.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/snapchat.svg b/src/public/static/img/icons/social/color/snapchat.svg new file mode 100644 index 0000000..b580525 --- /dev/null +++ b/src/public/static/img/icons/social/color/snapchat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/soundcloud.svg b/src/public/static/img/icons/social/color/soundcloud.svg new file mode 100644 index 0000000..d8dac51 --- /dev/null +++ b/src/public/static/img/icons/social/color/soundcloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/spotify.svg b/src/public/static/img/icons/social/color/spotify.svg new file mode 100644 index 0000000..06c33ab --- /dev/null +++ b/src/public/static/img/icons/social/color/spotify.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/telegram.svg b/src/public/static/img/icons/social/color/telegram.svg new file mode 100755 index 0000000..89b035a --- /dev/null +++ b/src/public/static/img/icons/social/color/telegram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/tidal.svg b/src/public/static/img/icons/social/color/tidal.svg new file mode 100644 index 0000000..7b6e78c --- /dev/null +++ b/src/public/static/img/icons/social/color/tidal.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/tiktok.svg b/src/public/static/img/icons/social/color/tiktok.svg new file mode 100644 index 0000000..d8cd467 --- /dev/null +++ b/src/public/static/img/icons/social/color/tiktok.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/tumblr.svg b/src/public/static/img/icons/social/color/tumblr.svg new file mode 100644 index 0000000..07890f1 --- /dev/null +++ b/src/public/static/img/icons/social/color/tumblr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/twitter.svg b/src/public/static/img/icons/social/color/twitter.svg new file mode 100644 index 0000000..c59cc3b --- /dev/null +++ b/src/public/static/img/icons/social/color/twitter.svg @@ -0,0 +1 @@ +twitter-logo-3066aa0c580bd674 \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/vimeo.svg b/src/public/static/img/icons/social/color/vimeo.svg new file mode 100644 index 0000000..f663040 --- /dev/null +++ b/src/public/static/img/icons/social/color/vimeo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/vine.svg b/src/public/static/img/icons/social/color/vine.svg new file mode 100644 index 0000000..26635bd --- /dev/null +++ b/src/public/static/img/icons/social/color/vine.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/vk.svg b/src/public/static/img/icons/social/color/vk.svg new file mode 100644 index 0000000..667f987 --- /dev/null +++ b/src/public/static/img/icons/social/color/vk.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/vsco.svg b/src/public/static/img/icons/social/color/vsco.svg new file mode 100644 index 0000000..57a0ad9 --- /dev/null +++ b/src/public/static/img/icons/social/color/vsco.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/whatsapp.svg b/src/public/static/img/icons/social/color/whatsapp.svg new file mode 100644 index 0000000..ae9bb6e --- /dev/null +++ b/src/public/static/img/icons/social/color/whatsapp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/wordpress.svg b/src/public/static/img/icons/social/color/wordpress.svg new file mode 100644 index 0000000..e53ec77 --- /dev/null +++ b/src/public/static/img/icons/social/color/wordpress.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/x.svg b/src/public/static/img/icons/social/color/x.svg new file mode 100644 index 0000000..eac6449 --- /dev/null +++ b/src/public/static/img/icons/social/color/x.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/public/static/img/icons/social/color/yelp.svg b/src/public/static/img/icons/social/color/yelp.svg new file mode 100644 index 0000000..774f96c --- /dev/null +++ b/src/public/static/img/icons/social/color/yelp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/youtube.svg b/src/public/static/img/icons/social/color/youtube.svg new file mode 100644 index 0000000..b211308 --- /dev/null +++ b/src/public/static/img/icons/social/color/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/icons/social/color/zzapier.svg b/src/public/static/img/icons/social/color/zzapier.svg new file mode 100644 index 0000000..7754cd5 --- /dev/null +++ b/src/public/static/img/icons/social/color/zzapier.svg @@ -0,0 +1 @@ +zapier-logomark \ No newline at end of file diff --git a/src/public/static/img/icons/view--white.svg b/src/public/static/img/icons/view--white.svg new file mode 100644 index 0000000..42c5b46 --- /dev/null +++ b/src/public/static/img/icons/view--white.svg @@ -0,0 +1 @@ +view \ No newline at end of file diff --git a/src/public/static/img/logos/companies/adobe.svg b/src/public/static/img/logos/companies/adobe.svg new file mode 100644 index 0000000..d68e9c5 --- /dev/null +++ b/src/public/static/img/logos/companies/adobe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/airtable-small.svg b/src/public/static/img/logos/companies/airtable-small.svg new file mode 100644 index 0000000..867c3b5 --- /dev/null +++ b/src/public/static/img/logos/companies/airtable-small.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/public/static/img/logos/companies/apple.svg b/src/public/static/img/logos/companies/apple.svg new file mode 100644 index 0000000..1e9a853 --- /dev/null +++ b/src/public/static/img/logos/companies/apple.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/brick.svg b/src/public/static/img/logos/companies/brick.svg new file mode 100644 index 0000000..de09de5 --- /dev/null +++ b/src/public/static/img/logos/companies/brick.svg @@ -0,0 +1,124 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/public/static/img/logos/companies/dribbble.svg b/src/public/static/img/logos/companies/dribbble.svg new file mode 100644 index 0000000..a71774b --- /dev/null +++ b/src/public/static/img/logos/companies/dribbble.svg @@ -0,0 +1 @@ +dribbble \ No newline at end of file diff --git a/src/public/static/img/logos/companies/email.svg b/src/public/static/img/logos/companies/email.svg new file mode 100644 index 0000000..0b81d08 --- /dev/null +++ b/src/public/static/img/logos/companies/email.svg @@ -0,0 +1,12 @@ + + + + email + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/facebook.svg b/src/public/static/img/logos/companies/facebook.svg new file mode 100644 index 0000000..9f121a3 --- /dev/null +++ b/src/public/static/img/logos/companies/facebook.svg @@ -0,0 +1 @@ +facebook \ No newline at end of file diff --git a/src/public/static/img/logos/companies/google-sheets-small.svg b/src/public/static/img/logos/companies/google-sheets-small.svg new file mode 100644 index 0000000..e161906 --- /dev/null +++ b/src/public/static/img/logos/companies/google-sheets-small.svg @@ -0,0 +1,15 @@ + + + + google-sheets-small + Created with Sketch. + + + + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/google.svg b/src/public/static/img/logos/companies/google.svg new file mode 100644 index 0000000..f089186 --- /dev/null +++ b/src/public/static/img/logos/companies/google.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/google_analytics.png b/src/public/static/img/logos/companies/google_analytics.png new file mode 100644 index 0000000..0d8d1b4 Binary files /dev/null and b/src/public/static/img/logos/companies/google_analytics.png differ diff --git a/src/public/static/img/logos/companies/ibm.svg b/src/public/static/img/logos/companies/ibm.svg new file mode 100644 index 0000000..c12c59a --- /dev/null +++ b/src/public/static/img/logos/companies/ibm.svg @@ -0,0 +1 @@ +ibm \ No newline at end of file diff --git a/src/public/static/img/logos/companies/ifttt-small.svg b/src/public/static/img/logos/companies/ifttt-small.svg new file mode 100644 index 0000000..cac344f --- /dev/null +++ b/src/public/static/img/logos/companies/ifttt-small.svg @@ -0,0 +1 @@ +Slice \ No newline at end of file diff --git a/src/public/static/img/logos/companies/instacart.svg b/src/public/static/img/logos/companies/instacart.svg new file mode 100644 index 0000000..39b07ce --- /dev/null +++ b/src/public/static/img/logos/companies/instacart.svg @@ -0,0 +1 @@ +Instacart \ No newline at end of file diff --git a/src/public/static/img/logos/companies/intercom.svg b/src/public/static/img/logos/companies/intercom.svg new file mode 100644 index 0000000..f12e09e --- /dev/null +++ b/src/public/static/img/logos/companies/intercom.svg @@ -0,0 +1 @@ +Intercom \ No newline at end of file diff --git a/src/public/static/img/logos/companies/invision.svg b/src/public/static/img/logos/companies/invision.svg new file mode 100644 index 0000000..827f84e --- /dev/null +++ b/src/public/static/img/logos/companies/invision.svg @@ -0,0 +1 @@ +invision \ No newline at end of file diff --git a/src/public/static/img/logos/companies/mailchimp-small.svg b/src/public/static/img/logos/companies/mailchimp-small.svg new file mode 100644 index 0000000..2fc61fd --- /dev/null +++ b/src/public/static/img/logos/companies/mailchimp-small.svg @@ -0,0 +1 @@ +Mailchimp \ No newline at end of file diff --git a/src/public/static/img/logos/companies/mailchimp-text.svg b/src/public/static/img/logos/companies/mailchimp-text.svg new file mode 100644 index 0000000..82148ae --- /dev/null +++ b/src/public/static/img/logos/companies/mailchimp-text.svg @@ -0,0 +1 @@ +mailchimp-text \ No newline at end of file diff --git a/src/public/static/img/logos/companies/mailchimp.svg b/src/public/static/img/logos/companies/mailchimp.svg new file mode 100644 index 0000000..c1926e6 --- /dev/null +++ b/src/public/static/img/logos/companies/mailchimp.svg @@ -0,0 +1 @@ +Group 8 \ No newline at end of file diff --git a/src/public/static/img/logos/companies/microsoft.svg b/src/public/static/img/logos/companies/microsoft.svg new file mode 100644 index 0000000..20defbb --- /dev/null +++ b/src/public/static/img/logos/companies/microsoft.svg @@ -0,0 +1 @@ +microsoft \ No newline at end of file diff --git a/src/public/static/img/logos/companies/pipedrive-small.png b/src/public/static/img/logos/companies/pipedrive-small.png new file mode 100644 index 0000000..f556c25 Binary files /dev/null and b/src/public/static/img/logos/companies/pipedrive-small.png differ diff --git a/src/public/static/img/logos/companies/salesforce.svg b/src/public/static/img/logos/companies/salesforce.svg new file mode 100644 index 0000000..0543174 --- /dev/null +++ b/src/public/static/img/logos/companies/salesforce.svg @@ -0,0 +1 @@ +Salesforce \ No newline at end of file diff --git a/src/public/static/img/logos/companies/slack-small.svg b/src/public/static/img/logos/companies/slack-small.svg new file mode 100644 index 0000000..69a4eb6 --- /dev/null +++ b/src/public/static/img/logos/companies/slack-small.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/telegram-small.svg b/src/public/static/img/logos/companies/telegram-small.svg new file mode 100644 index 0000000..8e4e984 --- /dev/null +++ b/src/public/static/img/logos/companies/telegram-small.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/virgin.svg b/src/public/static/img/logos/companies/virgin.svg new file mode 100644 index 0000000..4899784 --- /dev/null +++ b/src/public/static/img/logos/companies/virgin.svg @@ -0,0 +1 @@ +virgin \ No newline at end of file diff --git a/src/public/static/img/logos/companies/webhook.svg b/src/public/static/img/logos/companies/webhook.svg new file mode 100644 index 0000000..764ae14 --- /dev/null +++ b/src/public/static/img/logos/companies/webhook.svg @@ -0,0 +1,14 @@ + + + + webhook + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/logos/companies/zapier-small.svg b/src/public/static/img/logos/companies/zapier-small.svg new file mode 100644 index 0000000..7754cd5 --- /dev/null +++ b/src/public/static/img/logos/companies/zapier-small.svg @@ -0,0 +1 @@ +zapier-logomark \ No newline at end of file diff --git a/src/public/static/img/logos/companies/zapier.svg b/src/public/static/img/logos/companies/zapier.svg new file mode 100644 index 0000000..18c1c77 --- /dev/null +++ b/src/public/static/img/logos/companies/zapier.svg @@ -0,0 +1 @@ +zapier-logo \ No newline at end of file diff --git a/src/public/static/img/logos/unicorn-platform-logo.svg b/src/public/static/img/logos/unicorn-platform-logo.svg new file mode 100644 index 0000000..2714531 --- /dev/null +++ b/src/public/static/img/logos/unicorn-platform-logo.svg @@ -0,0 +1,15 @@ + + + + Group 6 + Created with Sketch. + + + + + + + + + + \ No newline at end of file diff --git a/src/public/static/img/other/cloud_arrow.svg b/src/public/static/img/other/cloud_arrow.svg new file mode 100644 index 0000000..3a79c51 --- /dev/null +++ b/src/public/static/img/other/cloud_arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/public/static/img/other/plugin/default-skin.png b/src/public/static/img/other/plugin/default-skin.png new file mode 100644 index 0000000..441c502 Binary files /dev/null and b/src/public/static/img/other/plugin/default-skin.png differ diff --git a/src/public/static/img/other/plugin/default-skin.svg b/src/public/static/img/other/plugin/default-skin.svg new file mode 100644 index 0000000..9809391 --- /dev/null +++ b/src/public/static/img/other/plugin/default-skin.svg @@ -0,0 +1 @@ +default-skin 2 \ No newline at end of file diff --git a/src/public/static/img/other/white-waves.svg b/src/public/static/img/other/white-waves.svg new file mode 100644 index 0000000..19ea994 --- /dev/null +++ b/src/public/static/img/other/white-waves.svg @@ -0,0 +1 @@ +white-waves \ No newline at end of file diff --git a/src/public/static/js/main.js b/src/public/static/js/main.js new file mode 100644 index 0000000..175a32e --- /dev/null +++ b/src/public/static/js/main.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ClipboardJS=t():e.ClipboardJS=t()}(this,function(){return n=[function(e,t,n){var i;n=[e,n(7)],void 0!==(t="function"==typeof(i=function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=function(e){return e&&e.__esModule?e:{default:e}}(t),o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=function(){function i(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var e=this,t="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[t?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(e){this.emitter.emit(e?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(e){if(void 0!==e){if(!e||"object"!==(void 0===e?"undefined":o(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function(){return this._target}}]),t}();e.exports=s})?i.apply(t,n):i)&&(e.exports=t)},function(e,t,n){var u=n(6),c=n(5);e.exports=function(e,t,n){if(!e&&!t&&!n)throw new Error("Missing required arguments");if(!u.string(t))throw new TypeError("Second argument must be a String");if(!u.fn(n))throw new TypeError("Third argument must be a Function");if(u.node(e))return o=t,r=n,(i=e).addEventListener(o,r),{destroy:function(){i.removeEventListener(o,r)}};var i,o,r,s,a,l;if(u.nodeList(e))return s=e,a=t,l=n,Array.prototype.forEach.call(s,function(e){e.addEventListener(a,l)}),{destroy:function(){Array.prototype.forEach.call(s,function(e){e.removeEventListener(a,l)})}};if(u.string(e))return c(document.body,e,t,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},function(e,t){function n(){}n.prototype={on:function(e,t,n){var i=this.e||(this.e={});return(i[e]||(i[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){function i(){o.off(e,i),t.apply(n,arguments)}var o=this;return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),i=0,o=n.length;i0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===p(e.container)?e.container:document.body}},{key:"listenClick",value:function(e){var t=this;this.listener=(0,d.default)(e,"click",function(e){return t.onClick(e)})}},{key:"onClick",value:function(e){var t=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new u.default({action:this.action(t),target:this.target(t),text:this.text(t),container:this.container,trigger:t,emitter:this})}},{key:"defaultAction",value:function(e){return l("action",e)}},{key:"defaultTarget",value:function(e){var t=l("target",e);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(e){return l("text",e)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof e?[e]:e,n=!!document.queryCommandSupported;return t.forEach(function(e){n=n&&!!document.queryCommandSupported(e)}),n}}]),i}(c.default);e.exports=f})?i.apply(t,n):i)&&(e.exports=t)},function(e,t){var n;"undefined"==typeof Element||Element.prototype.matches||((n=Element.prototype).matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector),e.exports=function(e,t){for(;e&&9!==e.nodeType;){if("function"==typeof e.matches&&e.matches(t))return e;e=e.parentNode}}},function(e,t,n){function r(e,t,n,i,o){var r=function(t,n,e,i){return function(e){e.delegateTarget=s(e.target,n),e.delegateTarget&&i.call(t,e)}}.apply(this,arguments);return e.addEventListener(n,r,o),{destroy:function(){e.removeEventListener(n,r,o)}}}var s=n(4);e.exports=function(e,t,n,i,o){return"function"==typeof e.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof e&&(e=document.querySelectorAll(e)),Array.prototype.map.call(e,function(e){return r(e,t,n,i,o)}))}},function(e,n){n.node=function(e){return void 0!==e&&e instanceof HTMLElement&&1===e.nodeType},n.nodeList=function(e){var t=Object.prototype.toString.call(e);return void 0!==e&&("[object NodeList]"===t||"[object HTMLCollection]"===t)&&"length"in e&&(0===e.length||n.node(e[0]))},n.string=function(e){return"string"==typeof e||e instanceof String},n.fn=function(e){return"[object Function]"===Object.prototype.toString.call(e)}},function(e,t){e.exports=function(e){var t,n;return e="SELECT"===e.nodeName?(e.focus(),e.value):"INPUT"===e.nodeName||"TEXTAREA"===e.nodeName?((t=e.hasAttribute("readonly"))||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),t||e.removeAttribute("readonly"),e.value):(e.hasAttribute("contenteditable")&&e.focus(),t=window.getSelection(),(n=document.createRange()).selectNodeContents(e),t.removeAllRanges(),t.addRange(n),t.toString())}}],o={},i.m=n,i.c=o,i.i=function(e){return e},i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=3);function i(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}var n,o}),!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(e.document)return t(e);throw new Error("jQuery requires a window with a document")}:t(e)}("undefined"!=typeof window?window:this,function(w,I){"use strict";function y(e){return"function"==typeof e&&"number"!=typeof e.nodeType}function m(e){return null!=e&&e===e.window}var e=[],x=w.document,L=Object.getPrototypeOf,a=e.slice,B=e.concat,N=e.push,R=e.indexOf,H={},z=H.toString,q=H.hasOwnProperty,W=q.toString,U=W.call(Object),g={},V={type:!0,src:!0,noModule:!0};function Y(e,t,n){var i,o=(t=t||x).createElement("script");if(o.text=e,n)for(i in V)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function f(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?H[z.call(e)]||"object":typeof e}var C=function(e,t){return new C.fn.init(e,t)},Z=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function X(e){var t=!!e&&"length"in e&&e.length,n=f(e);return!y(e)&&!m(e)&&("array"===n||0===t||"number"==typeof t&&0>10|55296,1023&i|56320)}function I(e,t){return t?"\0"===e?"�":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}function L(){x()}var e,h,k,r,B,f,N,R,w,l,u,x,C,i,S,m,o,s,g,T="sizzle"+ +new Date,v=n.document,A=0,H=0,z=ce(),q=ce(),y=ce(),W=function(e,t){return e===t&&(u=!0),0},U={}.hasOwnProperty,t=[],V=t.pop,Y=t.push,E=t.push,Z=t.slice,b=function(e,t){for(var n=0,i=e.length;n+~]|"+a+")"+a+"*"),te=new RegExp("="+a+"*([^\\]'\"]*?)"+a+"*\\]","g"),ne=new RegExp(G),ie=new RegExp("^"+c+"$"),p={ID:new RegExp("^#("+c+")"),CLASS:new RegExp("^\\.("+c+")"),TAG:new RegExp("^("+c+"|[*])"),ATTR:new RegExp("^"+K),PSEUDO:new RegExp("^"+G),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+a+"*(even|odd|(([+-]|)(\\d*)n|)"+a+"*(?:([+-]|)"+a+"*(\\d+)|))"+a+"*\\)|)","i"),bool:new RegExp("^(?:"+X+")$","i"),needsContext:new RegExp("^"+a+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+a+"*((?:-\\d)?\\d*)"+a+"*\\)|)(?=[^-]|$)","i")},oe=/^(?:input|select|textarea|button)$/i,re=/^h\d$/i,D=/^[^{]+\{\s*\[native \w/,se=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ae=/[+~]/,$=new RegExp("\\\\([\\da-f]{1,6}"+a+"?|("+a+")|.)","ig"),le=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ue=ge(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{E.apply(t=Z.call(v.childNodes),v.childNodes),t[v.childNodes.length].nodeType}catch(n){E={apply:t.length?function(e,t){Y.apply(e,Z.call(t))}:function(e,t){for(var n=e.length,i=0;e[n++]=t[i++];);e.length=n-1}}}function F(e,t,n,i){var o,r,s,a,l,u,c,d=t&&t.ownerDocument,p=t?t.nodeType:9;if(n=n||[],"string"!=typeof e||!e||1!==p&&9!==p&&11!==p)return n;if(!i&&((t?t.ownerDocument||t:v)!==C&&x(t),t=t||C,S)){if(11!==p&&(l=se.exec(e)))if(o=l[1]){if(9===p){if(!(s=t.getElementById(o)))return n;if(s.id===o)return n.push(s),n}else if(d&&(s=d.getElementById(o))&&g(t,s)&&s.id===o)return n.push(s),n}else{if(l[2])return E.apply(n,t.getElementsByTagName(e)),n;if((o=l[3])&&h.getElementsByClassName&&t.getElementsByClassName)return E.apply(n,t.getElementsByClassName(o)),n}if(h.qsa&&!y[e+" "]&&(!m||!m.test(e))){if(1!==p)d=t,c=e;else if("object"!==t.nodeName.toLowerCase()){for((a=t.getAttribute("id"))?a=a.replace(le,I):t.setAttribute("id",a=T),r=(u=f(e)).length;r--;)u[r]="#"+a+" "+P(u[r]);c=u.join(","),d=ae.test(e)&&fe(t.parentNode)||t}if(c)try{return E.apply(n,d.querySelectorAll(c)),n}catch(e){}finally{a===T&&t.removeAttribute("id")}}}return R(e.replace(_,"$1"),t,n,i)}function ce(){var n=[];function i(e,t){return n.push(e+" ")>k.cacheLength&&delete i[n.shift()],i[e+" "]=t}return i}function j(e){return e[T]=!0,e}function M(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t)}}function de(e,t){for(var n=e.split("|"),i=n.length;i--;)k.attrHandle[n[i]]=t}function pe(e,t){var n=t&&e,i=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(i)return i;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function he(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ue(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function O(s){return j(function(r){return r=+r,j(function(e,t){for(var n,i=s([],e.length,r),o=i.length;o--;)e[n=i[o]]&&(e[n]=!(t[n]=e[n]))})})}function fe(e){return e&&void 0!==e.getElementsByTagName&&e}for(e in h=F.support={},B=F.isXML=function(e){e=e&&(e.ownerDocument||e).documentElement;return!!e&&"HTML"!==e.nodeName},x=F.setDocument=function(e){var e=e?e.ownerDocument||e:v;return e!==C&&9===e.nodeType&&e.documentElement&&(i=(C=e).documentElement,S=!B(C),v!==C&&(e=C.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",L,!1):e.attachEvent&&e.attachEvent("onunload",L)),h.attributes=M(function(e){return e.className="i",!e.getAttribute("className")}),h.getElementsByTagName=M(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),h.getElementsByClassName=D.test(C.getElementsByClassName),h.getById=M(function(e){return i.appendChild(e).id=T,!C.getElementsByName||!C.getElementsByName(T).length}),h.getById?(k.filter.ID=function(e){var t=e.replace($,d);return function(e){return e.getAttribute("id")===t}},k.find.ID=function(e,t){if(void 0!==t.getElementById&&S)return(t=t.getElementById(e))?[t]:[]}):(k.filter.ID=function(e){var t=e.replace($,d);return function(e){e=void 0!==e.getAttributeNode&&e.getAttributeNode("id");return e&&e.value===t}},k.find.ID=function(e,t){if(void 0!==t.getElementById&&S){var n,i,o,r=t.getElementById(e);if(r){if((n=r.getAttributeNode("id"))&&n.value===e)return[r];for(o=t.getElementsByName(e),i=0;r=o[i++];)if((n=r.getAttributeNode("id"))&&n.value===e)return[r]}return[]}}),k.find.TAG=h.getElementsByTagName?function(e,t){return void 0!==t.getElementsByTagName?t.getElementsByTagName(e):h.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,i=[],o=0,r=t.getElementsByTagName(e);if("*"!==e)return r;for(;n=r[o++];)1===n.nodeType&&i.push(n);return i},k.find.CLASS=h.getElementsByClassName&&function(e,t){if(void 0!==t.getElementsByClassName&&S)return t.getElementsByClassName(e)},o=[],m=[],(h.qsa=D.test(C.querySelectorAll))&&(M(function(e){i.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&m.push("[*^$]="+a+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||m.push("\\["+a+"*(?:value|"+X+")"),e.querySelectorAll("[id~="+T+"-]").length||m.push("~="),e.querySelectorAll(":checked").length||m.push(":checked"),e.querySelectorAll("a#"+T+"+*").length||m.push(".#.+[+~]")}),M(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&m.push("name"+a+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&m.push(":enabled",":disabled"),i.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&m.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),m.push(",.*:")})),(h.matchesSelector=D.test(s=i.matches||i.webkitMatchesSelector||i.mozMatchesSelector||i.oMatchesSelector||i.msMatchesSelector))&&M(function(e){h.disconnectedMatch=s.call(e,"*"),s.call(e,"[s!='']:x"),o.push("!=",G)}),m=m.length&&new RegExp(m.join("|")),o=o.length&&new RegExp(o.join("|")),e=D.test(i.compareDocumentPosition),g=e||D.test(i.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,t=t&&t.parentNode;return e===t||!(!t||1!==t.nodeType||!(n.contains?n.contains(t):e.compareDocumentPosition&&16&e.compareDocumentPosition(t)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},W=e?function(e,t){return e===t?(u=!0,0):!e.compareDocumentPosition-!t.compareDocumentPosition||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!h.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===v&&g(v,e)?-1:t===C||t.ownerDocument===v&&g(v,t)?1:l?b(l,e)-b(l,t):0:4&n?-1:1);var n}:function(e,t){if(e===t)return u=!0,0;var n,i=0,o=e.parentNode,r=t.parentNode,s=[e],a=[t];if(!o||!r)return e===C?-1:t===C?1:o?-1:r?1:l?b(l,e)-b(l,t):0;if(o===r)return pe(e,t);for(n=e;n=n.parentNode;)s.unshift(n);for(n=t;n=n.parentNode;)a.unshift(n);for(;s[i]===a[i];)i++;return i?pe(s[i],a[i]):s[i]===v?-1:a[i]===v?1:0}),C},F.matches=function(e,t){return F(e,null,null,t)},F.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&x(e),t=t.replace(te,"='$1']"),h.matchesSelector&&S&&!y[t+" "]&&(!o||!o.test(t))&&(!m||!m.test(t)))try{var n=s.call(e,t);if(n||h.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace($,d),e[3]=(e[3]||e[4]||e[5]||"").replace($,d),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||F.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&F.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return p.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&ne.test(n)&&(t=f(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace($,d).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=z[e+" "];return t||(t=new RegExp("(^|"+a+")"+e+"("+a+"|$)"))&&z(e,function(e){return t.test("string"==typeof e.className&&e.className||void 0!==e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(t,n,i){return function(e){e=F.attr(e,t);return null==e?"!="===n:!n||(e+="","="===n?e===i:"!="===n?e!==i:"^="===n?i&&0===e.indexOf(i):"*="===n?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function Q(e,n,i){return y(n)?C.grep(e,function(e,t){return!!n.call(e,t,e)!==i}):n.nodeType?C.grep(e,function(e){return e===n!==i}):"string"!=typeof n?C.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/,ne=((C.fn.init=function(e,t,n){if(!e)return this;if(n=n||ee,"string"!=typeof e)return e.nodeType?(this[0]=e,this.length=1,this):y(e)?void 0!==n.ready?n.ready(e):e(C):C.makeArray(e,this);if(!(i="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:te.exec(e))||!i[1]&&t)return(!t||t.jquery?t||n:this.constructor(t)).find(e);if(i[1]){if(t=t instanceof C?t[0]:t,C.merge(this,C.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:x,!0)),J.test(i[1])&&C.isPlainObject(t))for(var i in t)y(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(n=x.getElementById(i[2]))&&(this[0]=n,this.length=1),this}).prototype=C.fn,ee=C(x),/^(?:parents|prev(?:Until|All))/),ie={children:!0,contents:!0,next:!0,prev:!0};function oe(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}C.fn.extend({has:function(e){var t=C(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]+)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i,T={option:[1,"",""],thead:[1,"",""],col:[2,"",""],tr:[2,"",""],td:[3,"",""],_default:[0,"",""]};function A(e,t){var n=void 0!==e.getElementsByTagName?e.getElementsByTagName(t||"*"):void 0!==e.querySelectorAll?e.querySelectorAll(t||"*"):[];return void 0===t||t&&l(e,t)?C.merge([e],n):n}function Se(e,t){for(var n=0,i=e.length;nx",g.noCloneChecked=!!F.cloneNode(!0).lastChild.defaultValue;var Ee=x.documentElement,_e=/^key/,De=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,$e=/^([^.]*)(?:\.(.+)|)/;function Fe(){return!0}function E(){return!1}function je(){try{return x.activeElement}catch(e){}}function Me(e,t,n,i,o,r){var s,a;if("object"==typeof t){for(a in"string"!=typeof n&&(i=i||n,n=void 0),t)Me(e,a,n,i,t[a],r);return e}if(null==i&&null==o?(o=n,i=n=void 0):null==o&&("string"==typeof n?(o=i,i=void 0):(o=i,i=n,n=void 0)),!1===o)o=E;else if(!o)return e;return 1===r&&(s=o,(o=function(e){return C().off(e),s.apply(this,arguments)}).guid=s.guid||(s.guid=C.guid++)),e.each(function(){C.event.add(this,t,o,i,n)})}C.event={global:{},add:function(t,e,n,i,o){var r,s,a,l,u,c,d,p,h,f=v.get(t);if(f)for(n.handler&&(n=(r=n).handler,o=r.selector),o&&C.find.matchesSelector(Ee,o),n.guid||(n.guid=C.guid++),(a=f.events)||(a=f.events={}),(s=f.handle)||(s=f.handle=function(e){return void 0!==C&&C.event.triggered!==e.type?C.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(S)||[""]).length;l--;)d=h=(p=$e.exec(e[l])||[])[1],p=(p[2]||"").split(".").sort(),d&&(u=C.event.special[d]||{},d=(o?u.delegateType:u.bindType)||d,u=C.event.special[d]||{},h=C.extend({type:d,origType:h,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&C.expr.match.needsContext.test(o),namespace:p.join(".")},r),(c=a[d])||((c=a[d]=[]).delegateCount=0,u.setup&&!1!==u.setup.call(t,i,p,s)||t.addEventListener&&t.addEventListener(d,s)),u.add&&(u.add.call(t,h),h.handler.guid||(h.handler.guid=n.guid)),o?c.splice(c.delegateCount++,0,h):c.push(h),C.event.global[d]=!0)},remove:function(e,t,n,i,o){var r,s,a,l,u,c,d,p,h,f,m,g=v.hasData(e)&&v.get(e);if(g&&(l=g.events)){for(u=(t=(t||"").match(S)||[""]).length;u--;)if(h=m=(a=$e.exec(t[u])||[])[1],f=(a[2]||"").split(".").sort(),h){for(d=C.event.special[h]||{},p=l[h=(i?d.delegateType:d.bindType)||h]||[],a=a[2]&&new RegExp("(^|\\.)"+f.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=r=p.length;r--;)c=p[r],!o&&m!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||i&&i!==c.selector&&("**"!==i||!c.selector)||(p.splice(r,1),c.selector&&p.delegateCount--,d.remove&&d.remove.call(e,c));s&&!p.length&&(d.teardown&&!1!==d.teardown.call(e,f,g.handle)||C.removeEvent(e,h,g.handle),delete l[h])}else for(h in l)C.event.remove(e,h+t[u],n,i,!0);C.isEmptyObject(l)&&v.remove(e,"handle events")}},dispatch:function(e){var t,n,i,o,r,s=C.event.fix(e),a=new Array(arguments.length),e=(v.get(this,"events")||{})[s.type]||[],l=C.event.special[s.type]||{};for(a[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,Pe=/ + + + + + + + + - + - + - + + MaaS | Musk as a Service - - + - - - 🤖 ElonMu.sh 🤖 - A free API for fetching random news articles which mention our Lord and Savior...Elon Musk - - boltAPI - - - - - - Made with ❤️ from California - - -
A free API for fetching random news articles which mention our Lord and Savior...Elon Musk
- boltAPI -
Made with ❤️ from California