/*

Колір фона лендінга = var(--lp-bg-color)
Колір текста лендінга = var(--lp-text-color)
Колір фону діалогу = var(--dialogue-bg-color)
Колір тексту діалогу = var(--dialogue-text-color)
Колір кнопок = var(--button-color)
Колір кнопок при наведенні = var(--button-hover-color)
Колір текста кнопки = var(--button-text-color)
Колір для градієнта = var(--gradient-color)
Колір для галочки = var(--cbox-color)


Прозорість для тексту лендінга:
var(--lp-text-color-88)
var(--lp-text-color-70)
var(--lp-text-color-50)
var(--lp-text-color-46)


Прозорість кольору кнопки:
var(--button-color-30)
var(--button-color-10)


Прозорість кольору тексту в діалозі:
var(--dialogue-text-color-78)
var(--dialogue-text-color-20)
var(--dialogue-text-color-10)


Прозорість фону лендінга:
var(--lp-bg-color-20)
var(--lp-bg-color-15)


*/



body,
.dialogue {
    background-color: var(--lp-bg-color) !important;
}

body a {
    color: var(--lp-text-color) !important;
}

.dialogue-question,
.dialogue-description,
.button-cbox,
.popup-h,
.popup-p,
.popup-p a,
.popup-2col-left,
.popup-2col-left-p,
.popup-2col-left-p a,
.popup-2col-left ul,
.popup-2col-left ol,
.story-ecommerce-breadcrumbs-a.is--back, .story-ecommerce-h, .story-ecommerce-label, .story-ecommerce-price-block, .story-ecommerce-p, .story-ecommerce-checkout-cart-item-h, .story-ecommerce-checkout-sum-text, .story-ecommerce-checkout-sum-price, .story-ecommerce-checkout-cart-item-price, .story-ecommerce-checkout-price, .story-ecommerce-checkout-h2, .story-checkout-radio-text, .story-ecommerce-price, .story-ecommerce-checkout-h, .ecommerce-1product-content-h, .ecommerce-1product-item-price.is--new, .ecommerce-1product-additional-p, .ecommerce-1product-tab-item {
    color: var(--dialogue-text-color) !important;
}

.storytelling-block a {
    text-decoration: underline !important;
}

.storytelling-block a:hover {
    text-decoration: none !important;
}


.container-dialogue,
.gp-bg-white,
.popup-block,
.story-ecommerce-block-card, .story-ecommerce-cart,
.story-ecommerce-checkout-bg {
    background-color: var(--dialogue-bg-color) !important;
}

.goodpromo-text {
    color: var(--dialogue-text-color) !important;
}

.dialogue-description a,
.agree-cbox-block a,
.privacy-policy-text a {
    color: var(--dialogue-text-color) !important;
    text-decoration: underline !important;
}


.dialogue-description a:hover,
.agree-cbox-block a:hover,
.privacy-policy-text a:hover {
    text-decoration: none !important;
}

.dialogue-textarea:focus,
.dialogue-input:focus,
.dialogue-input-additional:focus {
    border-color: var(--button-color) !important;
}

.dialogue-textarea:hover,
.dialogue-input:hover,
.dialogue-input-additional:hover {
    border-color: var(--button-hover-color) !important;
}


.story-1col-text-block a,
.story-quote a,
.story-3col-grid a,
.story-2col-p a,
.story-text-in-border-text a {
    color: var(--lp-text-color) !important;
}



.cbox-messengers,
.privacy-policy-text {
    color: var(--dialogue-text-color);
}

.first-screen-over-heading span {
    color: var(--dialogue-bg-color) !important;
    border-color: var(--dialogue-bg-color) !important;
}


.storytelling-block a.w-button, .storytelling-block a.w-button:hover,
.story-ecommerce-3col-item-button, a.story-2col-p-button-to-url,
a.story-ecommerce-3col-item-block-dynamic-a, a.story-messenger-item {
    text-decoration: none !important;
}



.w-button,
.a-button-final,
.button-test-next {
    background-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
}

.w-button:hover,
.a-button-final:hover,
.button-test-next:hover {
    background-color: var(--button-hover-color) !important;
}

.story-button-more {
    background-color: transparent !important;
    color: var(--lp-text-color) !important;
    border-color: var(--lp-text-color) !important;
}

.story-button-more:hover {
    background-color: transparent !important;
    color: var(--button-color) !important;
    border-color: var(--button-color) !important;
}

.checkbox-checked.is--visible,
.messenger-item.is--clicked {
    background-color: var(--cbox-color);
}

.checkbox.is--selected {
    border-color: var(--cbox-color);
}


.button-cbox.is--selected,
.button-cbox:hover {
    border-color: var(--button-color);
    background-color: var(--button-color-10);
}

.button-cbox:hover {
    box-shadow: 0 0 4px 1px var(--dialogue-text-color-20);
}

.progress-bar-yellow {
    background-color: var(--button-color) !important;
}

.icon-social {
    background-color: var(--lp-text-color);
}

.inside-form-block.t-result .icon-social {
    background-color: var(--button-color) !important;
}

.icon-social:hover {
    background-color: var(--button-hover-color);
}

.storytelling-block,
.story-heading,
.story-1col-text-p,
.story-quote,
.story-3col-grid,
.story-2col-headline,
.story-2col-p,
.story-text-in-border-block,
.story-2col-p-gray.is--without-h,
.story-price-block-heading,
.story-price-block-text,
.story-3col-item-heading,
.story-3col-item-p,
.first-screen-logo-text,
.first-screen-price-old,
.first-screen-price-new,
.story-numbers-item-h, .fs-numbers-item-h,
.story-numbers-item-p, .fs-numbers-item-p,
.story-3col-pricing.is--2col .story-3col-pricing-item-h,
.story-3col-pricing.is--2col .story-3col-pricing-item-price,
.story-3col-pricing.is--2col .story-3col-pricing-item-p,
.story-ecommerce-story,
.story-ecommerce-similar, .story-faq-item-h, .story-faq-item-p, .story-module-h1, .story-module-p, .story-module-p-add {
    color: var(--lp-text-color) !important;
}

.story-heading-underhead,
.story-heading-underhead a,
.story-image-description,
.story-image-description a,
.story-2col-p-gray,
.story-2col-p-under,
.story-testimonial-quote,
.story-testimonial-author,
.story-price-block-gray,
.story-features-heading-r,
.story-features-heading-r a,
.story-iframe-p,
.story-iframe-p a,
.story-2col-video-d,
.story-2col-video-d a,
.story-3col-pricing.is--2col .story-3col-pricing-item-p-gray,
.fs-social-proof-p {
    color: var(--lp-text-color-46) !important;
}

.fs-social-proof-photo {
    border-color: var(--lp-bg-color) !important;
}

.story-heading-underhead a,
.story-features-heading-r a,
.story-iframe-p a {
    text-decoration: underline !important;
}

.story-heading-underhead a:hover,
.story-features-heading-r a:hover,
.story-iframe-p a:hover {
    text-decoration: none !important;
}

.story-quote,
.story-text-in-border-block,
.story-price-block,
.story-image-fill.is--border,
.story-2col-img-fill-hidden.is--border,
.story-2col-img-fill-img.is--border {
    border-color: var(--lp-text-color) !important;
}


.blog-body .blog-menu-right-mob-icon {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.story-3col-item-button,
.story-2col-p-button,
.story-3col-item-button-a {
    border-color: var(--lp-text-color) !important;
    color: var(--lp-text-color) !important;
}

.story-3col-item-button:hover,
.story-2col-p-button:hover,
.story-3col-item-button-a:hover {
    border: 1px solid var(--button-color) !important;
    color: var(--button-color) !important;
}

.story-3col-item-block.is--clickable:hover .story-3col-item-button,
.story-ecommerce-3col-item-block.is--clickable:hover .story-ecommerce-3col-item-button {
    border-color: var(--button-color) !important;
    color: var(--button-color) !important;
    background-color: transparent !important;
}

.story-3col-item-block.is--with-bg.is--clickable:hover .story-3col-item-button {
    border-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
    background-color: var(--button-color) !important;
}

.story-ecommerce-3col-item-button.is--accent {
    background-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
}

.story-ecommerce-3col-item-block.is--clickable:hover .story-ecommerce-3col-item-button.is--accent,
.story-ecommerce-3col-item-button.is--accent:hover {
    background-color: var(--button-hover-color) !important;
    color: var(--button-text-color) !important;
}

.pop-up-button-close {
    background-color: var(--button-color) !important;
}

.pop-up-button-close:hover {
    background-color: var(--button-hover-color) !important;
}

.pop-up-button-close .bio-link-item-button-p {
    color: var(--button-text-color) !important;
}

.pop-up-button-close:hover .bio-link-item-button-p {
    color: var(--button-text-color) !important;
}

.background-video {
    background-color: rgb(0 0 0 / 60%);
    background-image: linear-gradient(rgba(0, 0, 0, 0), var(--lp-bg-color));
}


.inside-form-block.t-form .hidden-msg-block {
    display: none;
}

.inside-form-block.t-form .hide {
    display: none;
}




span.mark-highlight {
    -webkit-box-decoration-break: clone;
}


.youtube-block,
.first-screen-right-video,
.story-2col-video-inside {
    box-shadow: 0 0 8px 1px var(--button-color) !important;
}

.dialogue.is--chat-bot .gp-header-all {
    background-color: var(--dialogue-bg-color) !important;
    box-shadow: 0px 0px 4px 5px var(--dialogue-bg-color) !important;
}

.dialogue.is--chat-bot a.goodpromo-branding {
    background-color: hsla(0, 0%, 100%, 0.85) !important;
}

.range-slider {
    --primary-color: var(--button-color) !important;
    --value-active-color: var(--button-text-color) !important;
    --min-max-font: 12px 'Roboto', sans-serif !important;
    --value-font: 700 12px/1 'Roboto', sans-serif !important;
}




.header-menu {
    background-color: var(--lp-bg-color) !important;
    border: 1px solid var(--lp-bg-color) !important;
    box-shadow: 0 0 4px 1px var(--lp-bg-color) !important;
}

.header-submenu {
    background-color: var(--dialogue-bg-color) !important;
    box-shadow: 0 8px 16px 0 var(--lp-bg-color-20);
}

.header-submenu-item {
    color: var(--dialogue-text-color) !important;
}

.header-submenu-item:hover {
    background-color: var(--lp-bg-color-15) !important;
}

.header-menu-mob {
    background-color: var(--dialogue-bg-color) !important;
}

.header-menu-a.is--current {
    color: var(--button-color) !important;
}

.header-menu-item .header-menu-a::after {
    border-top-color: var(--lp-text-color) !important;
}

.header-menu-item .header-menu-a-mob::after {
    border-top-color: var(--dialogue-text-color) !important;
}

.header-submenu::before {
    border-bottom-color: var(--dialogue-bg-color) !important;
}

.header-menu-a-mob {
    color: var(--dialogue-text-color) !important;
}

.menu-bar1,
.menu-bar2,
.menu-bar3 {
    background-color: var(--button-color) !important;
}

.header-menu-button.is--second,
.header-menu-cta-mob.is--second {
    background-color: transparent !important;
    border-color: var(--button-color) !important;
    color: var(--lp-text-color) !important;
}

.header-menu-cta-mob.is--second {
    color: var(--dialogue-text-color) !important;
}

.header-menu-button.is--second:hover,
.header-menu-cta-mob.is--second:hover {
    border-color: var(--button-hover-color) !important;
    filter: brightness(115%) !important;
}

.header-menu-a {
    color: var(--lp-text-color) !important;
}

.header-menu-a:hover {
    filter: brightness(115%);
}


.story-logos-item {
    background-color: var(--dialogue-bg-color) !important;
}

.story-tab-item.w-tab-link {
    background-color: var(--lp-text-color-88) !important;
}

.story-tab-item.w-tab-link.w--current {
    background-color: var(--lp-text-color-70) !important;
}

.story-tab-item.w-tab-link {
    color: var(--lp-bg-color) !important;
}

.story-tab-item.w-tab-link.is--w-border, .story-tab-item-a.w-tab-link.is--w-border {
    color: var(--lp-text-color) !important;
    background-color: transparent !important;
    border-color: var(--lp-text-color) !important;
}

.story-tab-item.w-tab-link.is--w-border.w--current, .story-tab-item-a.w-tab-link.is--w-border.w--current {
    font-weight: bold;
    color: var(--button-color) !important;
    border-color: var(--button-color) !important;
}

.story-tab-item.w-tab-link.is--w-border.is--accent.w--current {
    color: var(--lp-bg-color) !important;
    border-color: var(--button-color) !important;
    background-color: var(--button-color) !important;
}

a.story-tab-item-a {
    text-decoration: none !important;
}

.story-tab-item-a.is--w-border:hover {
    border-color: var(--button-color) !important;
}

.story-quote.is--big {
    border-top: 1px solid var(--lp-text-color-50) !important;
    border-bottom: 1px solid var(--lp-text-color-50) !important;
}

.story-quote-emoji {
    background-color: var(--lp-bg-color) !important;
}

.story-numbers-item.is--border, .fs-numbers-item {
    border: 1px solid var(--lp-text-color-50) !important;
}




.play-fixed-b {
    background-color: var(--button-color) !important;
    color: var(--lp-bg-color) !important;
}

.play-fixed-b:hover {
    background-color: var(--button-hover-color) !important;
}

.story-3col-item-block.is--with-bg {
    background-color: var(--dialogue-bg-color) !important;
}

.story-3col-item-block.is--with-bg .story-3col-item-heading,
.story-3col-item-block.is--with-bg .story-3col-item-p {
    color: var(--dialogue-text-color) !important;
    text-align: center !important;
}

.story-3col-item-block.is--with-bg .story-3col-item-button {
    color: var(--button-text-color) !important;
    border: 1px solid var(--button-color) !important;
}

.story-3col-item-block.is--with-bg .story-3col-item-button:hover {
    color: var(--button-text-color) !important;
    background-color: var(--button-color) !important;
}


.story-2col-p-button-to-url {
    background-color: var(--button-color) !important;
    color: var(--lp-bg-color) !important;
}

.story-2col-p-button-to-url:hover {
    background-color: var(--button-hover-color) !important;
}

.story-3col-number-block {
    background-color: var(--button-color) !important;
}

.story-3col-number {
    color: var(--button-text-color) !important;
}

.story-3col-pricing-item.is--popular,
.video-widget.is--with-border {
    border-color: var(--button-color) !important;
}

.story-3col-pricing-popular {
    background-color: var(--button-color) !important;
    color: var(--lp-bg-color) !important;
}

.story-testimonials-item {
    background-color: var(--dialogue-bg-color) !important;
}

.story-testimonials-who-h,
.story-testimonials-item-p {
    color: var(--dialogue-text-color) !important;
}

.story-testimonials-who-p,
.story-testimonials-who-p a {
    color: var(--dialogue-text-color-78) !important;
}

.pop-up-form {
    border-color: var(--button-color) !important;
}

.story-tabs-block.w-tabs::after {
    background: linear-gradient(to right, rgb(0 143 255 / 0%), var(--lp-bg-color)) !important;
}

.story-tabs-block.is--sticky {
    background-color: var(--lp-bg-color) !important;
}

.story-1col-text-p.is--border {
    border-color: var(--lp-text-color) !important;
}

.first-screen-logo-text {
    border: 1px solid var(--lp-text-color-70) !important;
}

.button-content__additional-block {
    background-color: var(--button-color-10) !important;
}

.ecommerce-1product-upsale-item {
    background-color: var(--button-color-30) !important;
    color: var(--dialogue-text-color) !important;
}

.ecommerce-1product-upsale-item.is--active {border-color: var(--dialogue-text-color) !important}

.story-3col-number-block {
    border: 4px solid var(--lp-bg-color) !important;
}

.footer-goodpromo-text {
    color: var(--lp-text-color-70) !important;
}

.footer {
    background-color: var(--lp-bg-color) !important;
}

.first-screen-button.is--second {
    color: var(--lp-text-color) !important;
    background: #0000 !important;
    border-color: var(--button-color) !important;
}

.first-screen-button.is--second:hover {
    border-color: var(--button-hover-color) !important;
}

.first-screen-messengers {
    color: var(--lp-text-color-70) !important;
}

.first-screen-messenger-item {
    color: var(--lp-text-color) !important;
}

.story-3col-item-button.is--accent {
    border-color: var(--button-color) !important;
    background-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
}

.story-3col-item-button.is--accent:hover,
.story-3col-item-block.is--clickable:hover .story-3col-item-button.is--accent {
    border-color: var(--button-hover-color) !important;
    background-color: var(--button-hover-color) !important;
    color: var(--button-text-color) !important;
}

.story-messengers {
    color: var(--lp-text-color-70) !important;
}

.story-messenger-item {
    color: var(--lp-text-color) !important;
}

.first-screen-timer-h,
.story-timer-h {
    color: var(--lp-text-color-70) !important;
}

.first-screen-timer-item,
.story-timer-item {
    border-color: var(--lp-text-color-70) !important;
}

.first-screen-timer-label,
.story-timer-label {
    color: var(--lp-text-color-70) !important;
}

.first-screen-timer.is--contrast .first-screen-timer-h,
.story-timer.is--contrast .story-timer-h {
    color: var(--lp-text-color) !important;
}

.first-screen-timer.is--contrast .first-screen-timer-item,
.story-timer.is--contrast .story-timer-item {
    border-color: var(--lp-text-color) !important;
}

.first-screen-timer.is--contrast .first-screen-timer-label,
.story-timer.is--contrast .story-timer-label,
.first-screen-timer-num {
    color: var(--lp-text-color) !important;
}

.story-ecommerce-3col-item-promotion {
    background-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
}



.story-ecommerce-3col-item-button {
    border-color: var(--lp-text-color) !important;
    color: var(--lp-text-color) !important;
}
.story-ecommerce-3col-item-block.is--clickable:hover .story-ecommerce-3col-item-button,
.story-ecommerce-3col-item-button:hover {
    border-color: var(--button-color) !important;
    color: var(--button-color) !important;
}

.story-ecommerce-3col-item-h, .story-ecommerce-3col-item-p, .story-ecommerce-3col-item-price {
    color: var(--lp-text-color);
}

.story-ecommerce-3col-item-price.is--old {
    color: var(--lp-text-color-46);
}

.story-ecommerce-price.is--old {
    color: var(--dialogue-text-color-40);
}

/*
.story-ecommerce-cart-status {
    border-color: var(--dialogue-bg-color) !important;
    background-color: var(--lp-bg-color);
    color: var(--dialogue-bg-color) !important;
}
*/

.story-ecommerce-promotion {
    background-color: var(--dialogue-text-color);
    color: var(--dialogue-bg-color);
}

.story-ecommerce-other-img.is--active {
    border-color: var(--button-color) !important;
}

.story-ecommerce-quantity-button, .story-ecommerce-quantity-number, .story-ecommerce-checkout-cart-item-quantity-button, .story-ecommerce-checkout-cart-item-quantity-number, .ecommerce-1product-quantity-button, .ecommerce-1product-quantity-num {
    border-color: var(--dialogue-text-color-20) !important;
    color: var(--dialogue-text-color);
}

.story-ecommerce-quantity-button:hover {
    background-color: var(--button-color-10);
}

.story-checkout-delivery-button {
    color: var(--dialogue-text-color) !important;
}

.story-checkout-delivery-button.is--active {
    border-color: var(--cbox-color);
    background-color: var(--cbox-color-10);
}
.story-checkout-radio-check.is--show {
    background-color: var(--cbox-color);
}

.story-ecommerce-checkout-cart, .story-ecommerce-checkout-cart-item-img {
    border-color: var(--dialogue-text-color-20);
}

.story-ecommerce-checkout-cart-item {
    border-bottom-color: var(--dialogue-text-color-20);
}

.story-ecommerce-storytelling {
    background-color: var(--lp-bg-color-20) !important;
}

.story-ecommerce-storytelling-h, .story-ecommerce-storytelling-p, .story-ecommerce-storytelling-2col-l-text {
    color: var(--dialogue-text-color) !important;
}

a.first-screen-segments-item {
    border-color: var(--button-color) !important;
    color: var(--lp-text-color) !important;
}

a.first-screen-segments-item:hover {
    border-color: var(--button-hover-color) !important;
}

.first-screen-segments-item.is--current {
    border-color: var(--button-color) !important;
    background-color: var(--button-color) !important;
    color: var(--button-text-color) !important;
}


.ecommerce-1product-tabs {
    background-color: var(--dialogue-text-color-10) !important;
}

.story-module-h2 {
    color: var(--lp-text-color-70) !important;
}
.story-module-p-under {
    color: var(--lp-text-color-70) !important;
}

.story-module-head {
    border-bottom-color: var(--lp-text-color-46) !important;
}
.story-module-p-add.is--with-bg {
    color: var(--lp-bg-color) !important;
    background-color: var(--lp-text-color) !important;
}

.story-module-p-add {
    border-color: var(--lp-text-color) !important;
}

.first-screen-gallery-img.is--border-1 {
    border: 1px solid var(--lp-text-color) !important;
}
.first-screen-gallery-img.is--border-2 {
    border: 2px solid var(--lp-text-color) !important;
}

.fs-overheading-border {
    background-color: var(--button-color-30) !important;
}
.fs-overheading-border.is--border {background-color: #0000 !important;}
.fs-overheading-border .fs-overheading-border-text {color: var(--button-color) !important}
.fs-overheading-border.is--border .fs-overheading-border-text.is--border {color: var(--lp-text-color) !important;}


/* Галерея зі збільшеними фото */
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--button-color) !important;
}

.lg-toolbar .lg-icon {
    color: #999 !important;
}

.lg-toolbar .lg-icon:hover {
    color: #fff !important;
}