/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.14
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: #333;
    font-size: .97em;
    height: 46px;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    border-radius: 11px !important;
    vertical-align: middle;
    width: 100%;
}

button, select {
    text-transform: none;
}.primary, input[type=submit], input[type=submit].button {
    background-color: var(--fs-color-primary);
    width: 500px;
    height: 56px;
    border-radius: 15px;
    letter-spacing: 1px;
    color: #000;
}.wpcf7-form .col {
    margin: 0;
    padding: 0 6px 0px;
    position: relative;
    width: 100%;
}
.header-button .button {
    margin: 0;
    width: auto;
    height: 44px;
    padding: 5px 24px;
}


.header-button .button:hover {
    background-position: 100% 100%;
}


/* Радиальный градиент */
.header-button .button {
    background: radial-gradient(circle at 30% 30%, #e6b035, #d49c1f);
}.header-button .button {
    margin: 0;
    width: auto;
    height: 44px;
    padding: 5px 24px;
    background: linear-gradient(45deg, #e6b035, #f5c542, #e6b035, #f5c542);
    background-size: 300% 300%;
    animation: gradientFlow 3s ease infinite;
    transition: all 0.3s ease;
}

@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.header-button .button:hover {
    animation: gradientFlow 1.5s ease infinite;
    transform: scale(1.05); color:000;
    box-shadow: 0 4px 15px rgba(230, 176, 53, 0.4);
}
.phonehead {color: #fff !important; font-size:28px !important}
.social-button, .social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) {
    background-color: currentColor !important;
    border-color: currentColor !important;
    width: 41px;
    height: 41px;
    line-height: 40px;
}
.button.discord:hover, .button.discord:not(.is-outline) {
    color: #7189d9 !important;
    background: url(/wp-content/uploads/2026/03/button-with-1.webp);
    background-size: 100%;
}.button.icon i {
    font-size: 1.7em;
    padding: 0;
}.icon-telegram:before {
    content: "";
    margin-right: -2px;
}.button.secondary {
    background-color: var(--fs-color-secondary);
    width: 200px;
    color: #000;
}.price {
    color: rgb(0, 0, 0);
    background: #ffe7af;
    padding: 5px 18px;
    font-size: 15px;
    border-radius: 6px;
    font-weight: 700;
}.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
    box-shadow: none;
    border: 2px solid #e6b035;
    border-radius: 15px;
    padding-top: 15px;
}.lightbox-content {
    background-color: #222222;
    box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15);
    margin: 0 auto;
    max-width: 875px;
    position: relative;
    border: 3px solid #e6b035;
}
.lightbox-content  h1, .lightbox-content h2, .lightbox-content h3, .lightbox-content  h4, .lightbox-content h5, .lightbox-content h6 {
    color: #fff;
    margin-bottom: .5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
    width: 100%;
}
.lightbox-content .wpcf7 {
    color: #fff !important;
    position: relative;
}.lightbox-content label {
   color: #fff !important;
}
.lightbox-content .wpcf7 label {
    display: inline-block;
    width: 100%;
    color: #fff !important;
}
.grecaptcha-badge {display:none}