.test {
    background-color: #fff !important;
    color: #000 !important;
}

.test .catalog-side__links {
    color: #000;
}

::marker {
    color: #fff !important;
}

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

button,
input {
    /* 1 */
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* Common Styles
-------------------------------------
 */
:root {
    --font-family: 'Play', sans-serif;
    --font-family-hv: 'Hind Vadodara', sans-serif;
    --font-family-rubik: 'Rubik', sans-serif;
    --color-gold: #fc6;
}

a {
    outline: none;
    border: 0;
    text-decoration: none;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
    color: inherit;
}

.sub-b {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase;
    font-weight: bold;
    /*font-size: 29px;*/
    font-size: 24px;
}

@media (max-width: 1679px) {
    .sub-b {
        font-size: 18px;
    }
}

@media (max-width: 1279px) {
    .sub-b {
        display: none;
    }
}

.sub-b__item {
    color: #888;
}

.sub-b__item:after {
    content: '/';
    margin: 0 10px;
}

.sub-b__item:last-child:after {
    display: none;
}

.sub-b__item a,
.sub-b__links {
    color: #888;
}

.sub-b__item a:hover,
.sub-b__links:hover {
    color: var(--color-gold);
}

.title {
    font-weight: bold;
    font-size: 55px;
    line-height: 1.2;
    margin: 0 0 44px;
    color: var(--color-gold);
}

@media (max-width: 1679px) {
    .title {
        font-size: 38px;
        margin: 0 0 25px;
    }
}

@media (max-width: 1279px) {
    .title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .title {
        font-size: 18px;
    }
}

.button, .consultation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
    border: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 15px;
    padding: 0 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 28px;
    font-family: var(--font-family-hv);
    background: none;
    height: 76px;
    font-weight: 600;
    background: var(--color-gold);
}

@media (max-width: 1679px) {
    .button, .consultation {
        height: 48px;
        border-radius: 10px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .button, .consultation {
        font-size: 16px;
    }
}

.button_border {
    border: 3px solid #fc6;
    background: none;
    padding-bottom: 4px;
    color: #fff;
}

@media (max-width: 1679px) {
    .button_border {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .button_border {
        border: 1px solid #fc6;
    }
}

.button_border:hover {
    color: #212121;
    background: #fff;
    border-color: #fff;
}

.input-text {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    height: 76px;
    padding: 0 35px;
    border-radius: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 32px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: #000;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: #e1e1e1;
    border: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
}

@media (max-width: 1679px) {
    .input-text {
        height: 48px;
        font-size: 20px;
        border-radius: 10px;
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .input-text {
        font-size: 16px;
        padding: 0 15px;
    }
}

.input-text::-webkit-input-placeholder {
    color: #767676;
}

.input-text::-moz-placeholder {
    color: #767676;
}

.input-text:-ms-input-placeholder {
    color: #767676;
}

.input-text::-ms-input-placeholder {
    color: #767676;
}

.input-text::placeholder {
    color: #767676;
}

.input-text:hover {
    background: #fff;
    border-color: #fff;
}

.input-text:focus {
    background: #fff;
    border-color: #fff;
}

textarea.input-text {
    resize: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background: rgba(196, 196, 196, 0.07) url("../img/content/toggle.svg") no-repeat 95% 50%;
    border: 0.401957px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.256217px 1.79352px 1.02774px rgba(55, 55, 55, 0.35);
    box-shadow: -0.256217px 1.79352px 1.02774px rgba(55, 55, 55, 0.35);
    border-radius: 10.0489px;
    padding: 0 40px 0 15px;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    outline: none;
}

@media (max-width: 1279px) {
    select {
        height: 38px;
        padding: 0 30px 0 10px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    select {
        background-size: 10px;
    }
}

select option {
    color: #000;
}

ul.acf-checkbox-list {
    padding: 0;
    list-style: none;
}

ul.acf-checkbox-list li {
    margin-bottom: 15px;
}

.acf-checkbox-list label > input[type="checkbox"],
.checkbox {
    display: none;
}

.acf-checkbox-list label,
.checkbox + label {
    padding: 0 0 0 40px;
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-family: var(--font-family-hv);
    font-weight: 500;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.acf-checkbox-list label:before,
.checkbox + label:before {
    content: '';
    background: none;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.acf-checkbox-list label:after,
.checkbox + label:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    width: 12px;
    height: 9px;
    background: url("../img/content/check.png") no-repeat;
    z-index: 2;
    opacity: 0;
    background-size: contain;
}

.acf-checkbox-list label:hover,
.checkbox + label:hover {
    color: var(--color-gold);
}

.acf-checkbox-list label.selected:before,
.checkbox:checked + label:before {
    background: #fff;
}

.acf-checkbox-list label.selected:after,
.checkbox:checked + label:after {
    opacity: 1;
}

.navbar-b {
    position: fixed;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    background: #464646;
    border: 0.189141px solid rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: -0.189141px 0.756563px 3.59368px 1.51313px rgba(0, 0, 0, 0.25);
    box-shadow: -0.189141px 0.756563px 3.59368px 1.51313px rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(0.945704px);
    backdrop-filter: blur(0.945704px);
    border-radius: 4px 4px 0 0;
    left: 16px;
    width: calc(100% - 32px);
    z-index: 97;
    bottom: 0;
    border-bottom: 0;
    padding: 15px 20px;
    gap: 28px;
}

@media (max-width: 1279px) {
    .navbar-b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.navbar-b__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(196, 196, 196, 0.07);
    border: 0.168752px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.107567px 0.752968px 0.431475px rgba(55, 55, 55, 0.35);
    box-shadow: -0.107567px 0.752968px 0.431475px rgba(55, 55, 55, 0.35);
    border-radius: 4.21881px;
    height: 30px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    min-width: 140px;
    gap: 15px;
}

.navbar-b__cart svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.navbar-b__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
}

.navbar-b__links p {
    margin: 5px 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

html,
body {
    min-height: calc(100vh - 32px);
}

body.admin-bar .header-b {
    top: 32px;
}

@media (max-width: 783px) {
    body.admin-bar .header-b {
        top: 46px;
    }
}

body {
    font-size: 16px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: #000;
    background: -webkit-linear-gradient(180.17deg, #212121 47.84%, #111 100.31%);
    background: linear-gradient(269.83deg, #212121 47.84%, #111 100.31%);
    -webkit-font-smoothing: antialiased;
    font-display: swap;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.content {
    margin: 0 0 auto;
    padding: 240px 0 45px;
}

@media (max-width: 1679px) {
    .content {
        padding-top: 210px;
    }
}

@media (max-width: 1279px) {
    .content {
        padding-top: 130px;
    }
}

@media (max-width: 767px) {
    .content {
        padding-top: 100px;
    }
}

.max-width {
    max-width: 1720px;
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
}

@media (max-width: 1279px) {
    .max-width {
        padding: 0 16px;
    }
}

/* Main Slider
------------------------------------------
 */
.main-slider-b {
    padding: 0 0 130px;
}

@media (max-width: 1679px) {
    .main-slider-b {
        padding: 0 0 80px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b {
        padding: 0 0 40px;
    }
}

@media (max-width: 767px) {
    .main-slider-b {
        padding: 0 0 20px;
    }
}

.main-slider-b .swiper-slide {
    width: 60%;
    opacity: 0.2;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    -webkit-transform: scale(0.85) !important;
    transform: scale(0.85) !important;
}

@media (max-width: 767px) {
    .main-slider-b .swiper-slide {
        width: 80%;
    }
}

.main-slider-b .swiper-slide.swiper-slide-active {
    opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
}

.main-slider-b__arrows {
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 148px;
}

@media (max-width: 1679px) {
    .main-slider-b__arrows {
        gap: 100px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__arrows {
        display: none;
    }
}

.main-slider-b__arrows-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
}

.main-slider-b__arrows-button svg {
    fill: var(--color-gold);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.main-slider-b__arrows-button:hover svg {
    fill: #fff;
}

.main-slider-b__item {
    position: relative;
}

.main-slider-b__item img {
    width: 100%;
    display: block;
    border-radius: 50px;
    height: 520px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1679px) {
    .main-slider-b__item img {
        border-radius: 30px;
        height: 440px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__item img {
        border-radius: 20px;
        height: 340px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__item img {
        border-radius: 12px;
        height: 200px;
    }
}

.main-slider-b__content {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 60px;
}

.main-slider-b__content.dark {
    color: #fff;
}

.main-slider-b__content.center {
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.main-slider-b__content.left {
    justify-content: center;
    top: 0;
    bottom: 0;
}

.main-slider-b__content.right {
    align-items: end;
    right: 0;
    top: 0;
    bottom: 0;
}

.main-slider-b__content.bottom {
    align-items: center;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-slider-b__content.top {
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
}

.main-slider-b__content_1 {
    padding: 60px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1279px) {
    .main-slider-b__content_1 {
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__content_1 {
        padding: 15px;
    }
}

.main-slider-b__content_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    text-align: center;
    line-height: 1.3;
}

@media (max-width: 1279px) {
    .main-slider-b__content_2 {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__content_2 {
        padding: 10px;
    }
}

.main-slider-b__content_3 {
    font-family: var(--font-family-hv);
    color: #fff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 0 60px 80px;
    font-size: 22px;
}

.main-slider-b__content_3 span {
    font-size: 40px;
}

@media (max-width: 1679px) {
    .main-slider-b__content_3 {
        padding: 0 0 60px 60px;
        font-size: 24px;
    }

    .main-slider-b__content_3 span {
        font-size: 34px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__content_3 {
        padding: 0 0 25px 45px;
        font-size: 18px;
    }

    .main-slider-b__content_3 span {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__content_3 {
        padding: 0 0 15px 35px;
        font-size: 14px;
    }

    .main-slider-b__content_3 span {
        font-size: 18px;
    }
}

.main-slider-b__content_3 ul {
    margin: 0;
    padding: 0;
}

.main-slider-b__text {
    max-width: 400px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
}

@media (max-width: 1679px) {
    .main-slider-b__text {
        font-size: 30px;
        max-width: 350px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__text {
        font-size: 20px;
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__text {
        font-size: 16px;
        max-width: 200px;
    }
}

.main-slider-b__text span {
    color: #05ff00;
}

.main-slider-b__text strong {
    color: var(--color-gold);
}

.main-slider-b__price {
    text-align: center;
    color: #00f0ff;
    font-weight: bold;
    line-height: 1;
    margin: auto 0 0;
}

.main-slider-b__price s {
    font-size: 60px;
    position: relative;
    text-decoration: none;
    display: table;
    margin: 0 auto 25px;
}

.main-slider-b__price s:after {
    content: '';
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px;
    width: 100%;
    position: absolute;
    z-index: 3;
    background: var(--color-gold);
}

.main-slider-b__price strong {
    font-size: 95px;
}

@media (max-width: 1679px) {
    .main-slider-b__price s {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .main-slider-b__price s:after {
        height: 5px;
    }

    .main-slider-b__price strong {
        font-size: 70px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__price s {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .main-slider-b__price s:after {
        height: 2px;
    }

    .main-slider-b__price strong {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__price s {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main-slider-b__price strong {
        font-size: 30px;
    }
}

.main-slider-b__title {
    color: var(--color-gold);
    font-size: 58px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1679px) {
    .main-slider-b__title {
        font-size: 45px;
        margin: 0 0 50px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__title {
        font-size: 24px;
        margin: 0 0 25px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__title {
        font-size: 20px;
        margin: 0 0 15px;
    }
}

.main-slider-b__note {
    font-size: 70px;
    color: #fff;
}

@media (max-width: 1679px) {
    .main-slider-b__note {
        font-size: 50px;
    }
}

@media (max-width: 1279px) {
    .main-slider-b__note {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .main-slider-b__note {
        font-size: 24px;
    }
}

/* Fiches
------------------------------------------
 */
.fiches-b {
    padding: 50px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    margin: 0 0 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1279px) {
    .fiches-b {
        padding: 25px 0;
        margin: 0 0 30px;
    }
}

.fiches-b__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 70px;
}

@media (max-width: 1679px) {
    .fiches-b__list {
        gap: 30px;
    }
}

@media (max-width: 1279px) {
    .fiches-b__list {
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .fiches-b__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.fiches-b__item {
    max-width: 368px;
    min-height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 49px 9px rgba(0, 0, 0, 0.35), -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 49px 9px rgba(0, 0, 0, 0.35), -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 20px;
    padding: 0 15px;
    gap: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
}

.fiches-b__item img {
    display: block;
}

@media (max-width: 1279px) {
    .fiches-b__item {
        font-size: 18px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: initial;
        min-height: 120px;
        gap: 15px;
    }

    .fiches-b__item img {
        height: 40px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .fiches-b__item {
        font-size: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 70px;
        gap: 10px;
    }

    .fiches-b__item img {
        height: 30px;
    }
}

/* Catalog-b
------------------------------------------
 */
.catalog-b {
    border-bottom: 1px solid #282828;
    padding: 0 0 45px;
    margin: 0 0 45px;
}

.catalog-b__tabs {
    margin: 0 0 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(81, 81, 81, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: -1px 4px 19px 8px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 4px 19px 8px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.catalog-b_img .catalog-b__tabs {
    flex-wrap: wrap;
}

.catalog-b_img .catalog-b__tabs-item {
    flex-basis: 32%;
    min-height: 154px;
    border: 0px;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 14px;
}

.catalog-b_img .catalog-b__tabs-tab {
    height: 147px;
    justify-content: flex-start;
}

@media (max-width: 1279px) {
    .catalog-b__tabs {
        margin: 0 0 30px;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .catalog-b__tabs {
        margin: 0 0 25px;
    }

    .catalog-b_img .catalog-b__tabs-item {
        flex-basis: 46%;
    }

    .catalog-b_img .catalog-b__tabs-item:last-child {
        display: block;
    }
}

.catalog-b__tabs_inner {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.catalog-b__tabs-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1279px) {
    .catalog-b__tabs-item {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .catalog-b__tabs-item {
        padding: 5px;
    }

    .catalog-b__tabs-item:nth-child(3) {
        border: 0;
    }
}

.catalog-b__tabs-item:last-child {
    border: 0;
}

@media (max-width: 767px) {
    .catalog-b__tabs-item:last-child {
        display: none;
    }
}

.catalog-b__tabs_inner .catalog-b__tabs-item {
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-b__tabs_inner .catalog-b__tabs-item:first-child {
    padding-left: 0;
}

.catalog-b__tabs_inner .catalog-b__tabs-item:last-child {
    padding-right: 0;
}

@media (max-width: 767px) {
    .catalog-b__tabs_inner .catalog-b__tabs-item:nth-child(3) {
        padding-right: 0;
    }
}

.catalog-b__tabs-tab {
    height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(196, 196, 196, 0.07);
    border: 0.892206px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    border-radius: 15px;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    cursor: pointer;
    text-transform: uppercase;
}

@media (max-width: 1679px) {
    .catalog-b__tabs-tab {
        font-size: 24px;
        height: 68px;
    }
}

@media (max-width: 1279px) {
    .catalog-b__tabs-tab {
        font-size: 14px;
        height: 38px;
        border-radius: 12px;
    }
}

@media (max-width: 767px) {
    .catalog-b__tabs-tab {
        font-size: 9px;
        height: 34px;
        border-radius: 6px;
        padding-top: 3px;
        text-align: center;
    }
}

.catalog-b__tabs-tab:hover {
    background: rgba(0, 0, 0, 0.07);
}

.catalog-b__tabs-tab_active {
    background: var(--color-gold) !important;
    color: #212121;
}

.catalog-b__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 38px;
    grid-row-gap: 50px;
}

@media (max-width: 1679px) {
    .catalog-b__list {
        gap: 24px;
        grid-row-gap: 30px;
    }
}

@media (max-width: 1279px) {
    .catalog-b__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .catalog-b__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.card-b__photo img {
    width: 100%;
}

.catalog-b__block {
    background: rgba(196, 196, 196, 0.07);
    border: 0.892206px solid rgba(255, 255, 255, 0.08);
    border-radius: 22.3051px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    aspect-ratio: 1/1;
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 23.1973px 11.943px rgba(0, 0, 0, 0.63);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 23.1973px 11.943px rgba(0, 0, 0, 0.63);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catalog-b__block .no-image {
    width: 50%;
}

@media (max-width: 1679px) {
    .catalog-b__block {
        border-radius: 12px;
        -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 13.1973px 11.943px rgba(0, 0, 0, 0.63);
        box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 13.1973px 11.943px rgba(0, 0, 0, 0.63);
    }
}

a.catalog-b__block img {
    max-width: 90%;
    max-height: 90%;
    height: 90%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog-b__block .slick-product-slider {
    max-width: 600px;
    max-height: 600px;
    overflow: hidden;
}

.catalog-b__block .slick-product-slider img {
    max-width: 600px;
    max-height: 600px;
    object-fit: contain;
}

a.catalog-b__block:hover {
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 23.1973px 11.943px rgba(255, 255, 255, 0.63);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 23.1973px 11.943px rgba(255, 255, 255, 0.63);
}

@media (max-width: 1679px) {
    a.catalog-b__block:hover {
        -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 13.1973px 11.943px rgba(255, 255, 255, 0.63);
        box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35), 9.81426px 13.1973px 11.943px rgba(255, 255, 255, 0.63);
    }
}

.catalog-b__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    color: #fff;
    height: auto;
    background: rgba(196, 196, 196, 0.07);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 15.4746px;
    font-size: 26px;
    text-align: center;
    margin: 15px 0 0;
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(102px, 1fr));
    grid-gap: 5px;
}

@media (max-width: 1679px) {
    .catalog-b__price {
        height: auto;
        text-align: center;
        margin: 20px 0 0;
        font-size: 16px;
        border-radius: 10px;
        display: grid;
        grid-template-rows: repeat(auto-fill, minmax(43px, 1fr));
        grid-gap: 5px;
    }
}

.catalog-b__category {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0e18f5;
    border-radius: 18.051px;
    padding: 0 12px;
    color: #fff;
    height: 45px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 1679px) {
    .catalog-b__category {
        font-size: 14px;
        height: 28px;
        border-radius: 10px;
        right: 10px;
        bottom: 10px;
    }
}

.catalog-b__label {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
}


@media (max-width: 1679px) {
    .catalog-b__label {
        gap: 8px;
        left: 10px;
        top: 10px;
    }
}

.catalog-b__label-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5c30e;
    border-radius: 18.051px;
    padding: 0 12px;
    color: #fff;
    height: 45px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    min-width: 148px;
}

@media (max-width: 1679px) {
    .catalog-b__label-item {
        font-size: 14px;
        height: 28px;
        border-radius: 10px;
        min-width: 118px;
    }
}

.catalog-b__label-item_new {
    background: #21f50e;
}

.catalog-b__label-item_sale {
    background: #f50eb5;
}

.catalog-b__label-item_super {
    background: #f50eb5;
}

.catalog-b__label:has(.catalog-b__label-item_super) .catalog-b__label-item_sale {
    min-width: initial;
}

/* Catalog Grid
------------------------------------------
 */
.catalog-grid-b {
    display: grid;
    /*grid-template-columns: repeat(4, 1fr);*/
    gap: 25px;
}

@media (max-width: 1279px) {
    .catalog-grid-b {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

.catalog-grid-b__block {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 40px;
    height: 100%;
}

@media (max-width: 1279px) {
    .catalog-grid-b__block {
        border-radius: 20px;
    }
}

.catalog-grid-b__block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.catalog-grid-b__block:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

/*@media (min-width: 1279px) {*/
/*  .catalog-grid-b__column:nth-child(2) {*/
/*    grid-column: 2/4;*/
/*  }*/

/*  .catalog-grid-b__column:nth-child(3) {*/
/*    grid-column: 1/3;*/
/*  }*/

/*  .catalog-grid-b__column:nth-child(5) {*/
/*    grid-row: 1/3;*/
/*    grid-column: 4/4;*/
/*  }*/
/*}*/

/*@media (max-width: 1279px) {*/
/*  .catalog-grid-b__column:nth-child(2) {*/
/*    grid-column: 1/3;*/
/*    -webkit-box-ordinal-group: 9;*/
/*    -ms-flex-order: 8;*/
/*    order: 8;*/
/*  }*/

/*  .catalog-grid-b__column:nth-child(3) {*/
/*    grid-column: 1/3;*/
/*    -webkit-box-ordinal-group: 10;*/
/*    -ms-flex-order: 9;*/
/*    order: 9;*/
/*  }*/

/*  .catalog-grid-b__column:nth-child(5) {*/
/*    grid-row: 1/3;*/
/*    grid-column: 1/1;*/
/*  }*/
/*}*/
@media (min-width: 1279px) {
    .catalog-grid-b {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 колонки */
        gap: 20px; /* Регулируй по необходимости */
    }

    .catalog-grid-b__column {
        grid-column: auto;
        grid-row: auto;
    }

    .catalog-grid-b__column:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(4) {
        grid-column: 1;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(6) {
        grid-column: 3;
        grid-row: 2;
    }
}

@media (max-width: 1279px) {
    .catalog-grid-b {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 колонки */
        gap: 20px;
    }

    .catalog-grid-b__column {
        grid-column: auto;
        grid-row: auto;
    }

    .catalog-grid-b__column:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(5) {
        grid-column: 1;
        grid-row: 3;
    }

    .catalog-grid-b__column:nth-child(6) {
        grid-column: 2;
        grid-row: 3;
    }
}

@media (max-width: 1279px) {
    .catalog-grid-b {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 колонки */
        gap: 20px;
    }

    .catalog-grid-b__column {
        grid-column: auto;
        grid-row: auto;
    }

    .catalog-grid-b__column:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .catalog-grid-b__column:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .catalog-grid-b__column:nth-child(5) {
        grid-column: 1;
        grid-row: 3;
    }

    .catalog-grid-b__column:nth-child(6) {
        grid-column: 2;
        grid-row: 3;
    }
}


.catalog-grid-b__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    display: none;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
    padding: 25px;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    font-size: 34px;
    line-height: 1.3;
    font-weight: bold;
}

@media (max-width: 1679px) {
    .catalog-grid-b__title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .catalog-grid-b__title {
        font-size: 11px;
        padding: 15px;
    }
}

.catalog-grid-b__title:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    opacity: 0.6;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.catalog-grid-b__title span {
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 0 0 auto;
}

.catalog-grid-b__block:hover .catalog-grid-b__title:after {
    opacity: 0.8;
}

/* Catalog Side
------------------------------------------
 */

body.admin-bar .catalog-side {
    top: 32px;
}

@media (max-width: 783px) {
    body.admin-bar .catalog-side {
        top: 46px;
    }
}

.catalog-side {
    position: fixed;
    left: 0;
    top: 0;
    width: 525px;
    border-radius: 0 30px 30px 0;
    background: #393939;
    overflow-y: auto;
    z-index: 99;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    pointer-events: none;
}

.catalog-side__item {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1279px) {
    .catalog-side {
        width: 320px;
    }
}

@media (max-width: 767px) {
    .catalog-side {
        height: -webkit-fill-available;
    }
}

.catalog-side_show {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
}

.catalog-side::-webkit-scrollbar {
    display: none;
}

.catalog-side__head {
    padding: 18px 0;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-size: 22px;
    letter-spacing: 0.25em;
    font-weight: bold;
    position: sticky;
    background: #393939;
    top: 0;
    z-index: 6;
}

@media (max-width: 767px) {
    .catalog-side__head {
        font-size: 18px;
    }
}

.catalog-side__close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 40px;
}

.catalog-side__close:hover {
    color: var(--color-gold);
}

.catalog-side__list {
    padding: 20px 40px;
}

@media (max-width: 767px) {
    .catalog-side__list {
        padding: 20px;
    }
}

.catalog-side__links {
    padding: 12px 86px;
    display: block;
    line-height: 1.2;
    font-size: 20px;
    color: #fff;
    border: 1px solid transparent;
    font-family: var(--font-family-hv);
    font-weight: 600;
    border-radius: 15px;
}

.parent .catalog-side__links {
    color: #FFCC66;
}

@media (max-width: 1679px) {
    .catalog-side__links {
        padding: 12px 45px;
    }
}

@media (max-width: 767px) {
    .catalog-side__links {
        font-size: 14px;
        padding: 12px;
        border-radius: 10px;
    }
}

.catalog-side__links:hover {
    background: rgba(196, 196, 196, 0.07);
    border: 0.892206px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
}

/* Menu Side
------------------------------------------
 */

body.admin-bar .menu-side {
    top: 32px;
}

@media (max-width: 783px) {
    body.admin-bar .menu-side {
        top: 46px;
    }
}

.menu-side {
    position: fixed;
    left: 0;
    top: 0;
    width: 525px;
    border-radius: 0 30px 30px 0;
    background: #393939;
    overflow-y: auto;
    z-index: 99;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    pointer-events: none;
}

@media (max-width: 1279px) {
    .menu-side {
        width: 320px;
    }
}

@media (max-width: 767px) {
    .menu-side {
        height: -webkit-fill-available;
    }
}

.menu-side_show {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
}

.menu-side::-webkit-scrollbar {
    display: none;
}

.menu-side__head {
    padding: 18px 0;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-size: 22px;
    background: #393939;
    letter-spacing: 0.25em;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 7;
}

@media (max-width: 767px) {
    .menu-side__head {
        font-size: 18px;
    }
}

.menu-side__close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 40px;
}

.menu-side__close:hover {
    color: var(--color-gold);
}

.menu-side__list {
    padding: 20px 40px;
}

@media (max-width: 767px) {
    .menu-side__list {
        padding: 20px;
    }
}

.menu-side__links {
    padding: 12px 86px;
    display: block;
    line-height: 1.2;
    font-size: 20px;
    color: #fff;
    border: 1px solid transparent;
    font-family: var(--font-family-hv);
    font-weight: 600;
    border-radius: 15px;
}

@media (max-width: 1679px) {
    .menu-side__links {
        padding: 12px 45px;
    }
}

@media (max-width: 767px) {
    .menu-side__links {
        font-size: 14px;
        padding: 12px;
        border-radius: 10px;
    }
}

.menu-side__links:hover {
    background: rgba(196, 196, 196, 0.07);
    border: 0.892206px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
}

/* Filter Side
------------------------------------------
 */
.filter-side {
    position: fixed;
    left: 0;
    top: 0;
    width: 525px;
    background: #393939;
    overflow-y: auto;
    z-index: 99;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    border-radius: 0 30px 30px 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    pointer-events: none;
}

@media (max-width: 1279px) {
    .filter-side {
        width: 320px;
    }
}

@media (max-width: 767px) {
    .filter-side {
        height: -webkit-fill-available;
    }
}

.filter-side_show {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
}

.filter-side::-webkit-scrollbar {
    display: none;
}

.filter-side__head {
    padding: 18px 0;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    font-size: 22px;
    letter-spacing: 0.25em;
    font-weight: bold;
    position: sticky;
    background: #393939;
    top: 0;
    z-index: 5;
}

@media (max-width: 767px) {
    .filter-side__head {
        font-size: 18px;
    }
}

.filter-side__close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 40px;
}

.filter-side__close:hover {
    color: var(--color-gold);
}

.filter-side__content {
    padding: 20px 40px;
}

@media (max-width: 767px) {
    .filter-side__content {
        padding: 20px;
    }
}

.filter-side__block {
    margin: 0 0 40px;
}

.filter-side__block:last-child {
    margin: 0;
}

.filter-side__label {
    font-size: 22px;
    font-family: var(--font-family-hv);
    font-weight: bold;
    margin: 0 0 20px;
    color: #fff;
}

.filter-side__item {
    margin: 0 0 15px;
}

.filter-side__item:last-child {
    margin: 0;
}

.filter-side__price-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin: 0 0 32px;
}

.filter-side__price-input input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    height: 52px;
    padding: 0 18px;
    border-radius: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    font-family: var(--font-family);
    color: #fff;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
    box-shadow: -0.568713px 3.98099px 2.28123px rgba(55, 55, 55, 0.35);
}

.filter-side__price-input input::-webkit-input-placeholder {
    color: #afafaf;
}

.filter-side__price-input input::-moz-placeholder {
    color: #afafaf;
}

.filter-side__price-input input:-ms-input-placeholder {
    color: #afafaf;
}

.filter-side__price-input input::-ms-input-placeholder {
    color: #afafaf;
}

.filter-side__price-input input::placeholder {
    color: #afafaf;
}

.filter-side__price-input input:hover {
    border-color: #fff;
}

.filter-side__price-input input:focus {
    border-color: #fff;
}

.filter-side__price-range .ui-widget.ui-widget-content {
    background: rgba(255, 255, 255, 0.37);
    height: 6px;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filter-side__price-range .ui-slider .ui-slider-range {
    background: var(--color-gold);
    border: 0;
    height: 6px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0 !important;
}

.filter-side__price-range .ui-slider-handle {
    outline: none;
    cursor: pointer !important;
    top: -8px !important;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: #afafaf !important;
    border: 1px solid rgba(255, 255, 255, 0.37) !important;
}

.filter-side__price-range .ui-slider-handle:hover {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.filter-side__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px;
}

.filter-side__buttons-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
    border: 0.539031px solid #fff;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 15px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 24px;
    font-family: var(--font-family);
    background: none;
    height: 66px;
    font-weight: bold;
}

.filter-side__buttons-button:hover {
    background: #fff;
    color: #212121;
}

.filter-side__buttons-button_send {
    border: 0.539031px solid var(--color-gold);
}

.filter-side__buttons-button_send:hover {
    background: var(--color-gold);
}

@media (max-width: 1279px) {
    .filter-side__buttons {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .filter-side__buttons-button {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
}

/* Card
------------------------------------------
 */
.card-b {
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    margin: 0 -15px;
    padding: 20px 15px;
}

.card-b__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    margin: 0 0 0px;
}

@media (max-width: 1679px) {
    .card-b__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.card-b__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

@media (max-width: 1679px) {
    .card-b__content {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
        padding: 0 0 0px;
    }
}

.card-b__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
    margin: 0 0 80px;
}

@media (max-width: 1279px) {
    .card-b__section {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px;
    }
}

@media (max-width: 767px) {
    .card-b__section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 10px;
    }
}

.card-b__section:last-child {
    margin: 0;
}

.card-b__title {
    font-weight: bold;
    color: #fff;
    padding: 0 0 20px;
    margin: 0 0 30px;
    font-size: 56px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1279px) {
    .card-b__title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .card-b__title {
        font-size: 18px;
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
}

.card-b__info {
    width: 42%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.card-b__info .catalog-b__block {
    margin: 0 0 80px;
}

@media (max-width: 1279px) {
    .card-b__info {
        width: 35%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }

    .card-b__info .catalog-b__block {
        margin: 0 0 60px;
    }
}

.work-example .main-slider-b__item img {
    height: unset !important;
    /*max-height: 440px;*/
}

@media (min-width: 767px) {
    .f-size_20 {
        font-size: 20px !important;
    }

}

@media (max-width: 767px) {
    .work-example .main-slider-b__item img {

        /*max-height: 300px;*/
    }

    .card-b__info {
        width: 100%;
        margin: 0 0 10px;
        order: 1;
    }

    .card-b__info .catalog-b__block {
        margin: 0 0 40px;
    }
}

.card-b__about {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

@media (max-width: 1279px) {
    .card-b__about {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: calc(65% - 30px);
    }
}

@media (max-width: 767px) {
    .card-b__about {
        width: 100%;
        order: 1;
        padding-bottom: 15px;
    }
}

.card-b__article {
    color: #fff;
    margin: 0 0 40px;
    font-size: 28px;
    font-family: var(--font-family-hv);
}

@media (max-width: 1279px) {
    .card-b__article {
        font-size: 24px;
        margin: 0 0 30px;
    }
}

@media (max-width: 767px) {
    .card-b__article {
        font-size: 18px;
        margin: 0 0 20px;
    }
}

.card-b__color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .card-b__color {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.card-b__color-type {
    display: none;
    width: 100%;
    height: 115px;
    border-radius: 15px;
    background: #000;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.card-b__color-type.show {
    display: block;
}

.card-b__color-select {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.card-b__color-select select {
    width: 100%;
    height: 76px;
    font-size: 26px;
    padding-left: 25px;
}

@media (max-width: 1279px) {
    .card-b__color-type {
        width: 160px;
        height: 56px;
        border-radius: 10px;
    }

    .card-b__color-select select {
        height: 56px;
        font-size: 20px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .card-b__color-type {
        width: 100%;
    }

    .card-b__color-select {
        width: 100%;
    }

    .card-b__color-select select {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        height: 42px;
    }
}

.card-b__field {
    margin: 0 0 80px;
}

@media (max-width: 1279px) {
    .card-b__field {
        margin: 0 0 60px;
    }
}

@media (max-width: 767px) {
    .card-b__field {
        margin: 0 0 40px;
    }
}

.card-b__field:last-child {
    margin: 0;
}

.card-b__label {
    margin: 0 0 30px;
    font-size: 34px;
    font-family: var(--font-family-hv);
    font-weight: 600;
    color: #fff;
}

@media (max-width: 1279px) {
    .card-b__label {
        font-size: 24px;
        margin: 0 0 20px;
    }
}

@media (max-width: 767px) {
    .card-b__label {
        font-size: 18px;
        margin: 0 0 10px;
    }
}

.card-b__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

.card-b__table-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    padding: 0 0 10px;
    margin: 0 0 20px;
    font-size: 20px;
    font-family: var(--font-family-hv);
    font-weight: 600;
}

@media (max-width: 1279px) {
    .card-b__table-head {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .card-b__table-head {
        font-size: 12px;
        padding: 0 0 5px;
        margin: 0 0 10px;
    }
}

.card-b__table-item {
    margin: 0 0 5px;
}

.card-b__table-item:last-child {
    margin: 0;
}

.card-b__table-item input {
    display: none;
}

.card-b__table-item input + label {
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 9px 14px 9px 75px;
    position: relative;
    border: 0.618983px solid transparent;
    border-radius: 15.4746px;
}

@media (max-width: 1279px) {
    .card-b__table-item input + label {
        font-size: 16px;
        padding: 7px 10px 6px 40px;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .card-b__table-item input + label {
        font-size: 12px;
    }
}

.card-b__table-item input + label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    content: '';
    background: #fff;
    border: 1px solid var(--color-gold);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (max-width: 1279px) {
    .card-b__table-item input + label:before {
        left: 10px;
        width: 16px;
        height: 16px;
    }
}

.card-b__table-item input + label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 31px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    opacity: 0;
    content: '';
    background: #fff;
}

@media (max-width: 1279px) {
    .card-b__table-item input + label:after {
        left: 16px;
        width: 6px;
        height: 6px;
    }
}

.card-b__table-item input + label:hover {
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
}

.card-b__table-item input:checked + label {
    background: rgba(196, 196, 196, 0.07);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
}

.card-b__table-item input:checked + label:after {
    opacity: 1;
}

.card-b__table-item input:checked + label:before {
    background: var(--color-gold);
}

.card-b__table-column {
    width: 25%;
}

.card-b__table-column:first-child {
    width: 50%;
}

.card-b__table-body {
    font-size: 22px;
    font-family: var(--font-family-hv);
}

.card-b__tags-title {
    font-weight: bold;
    color: #fff;
    padding: 0 0 20px;
    margin: 0 0 30px;
    font-size: 56px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1279px) {
    .card-b__tags-title {
        font-size: 24px;
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
}

@media (max-width: 767px) {
    .card-b__tags-title {
        font-size: 18px;
    }
}

.card-b__tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 1279px) {
    .card-b__tags-list {
        gap: 20px;
    }
}

.card-b__tags-item {
    height: 76px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 15.4746px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: lowercase;
}

@media (max-width: 1279px) {
    .card-b__tags-item {
        border-radius: 10px;
        font-size: 14px;
        height: 42px;
    }
}

.card-b__desc-title {
    font-weight: bold;
    color: #fff;
    padding: 0 0 20px;
    margin: 0 0 30px;
    font-size: 56px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1279px) {
    .card-b__desc-title {
        font-size: 24px;
        padding: 0 0 15px;
        margin: 0 0 20px;
    }
}

@media (max-width: 767px) {
    .card-b__desc-title {
        font-size: 18px;
    }
}

.card-b__desc-field {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 24px;
    font-family: var(--font-family-hv);
    color: #fff;
}

.custom-sizes {

    font-size: 14px;

}

@media (max-width: 1279px) {
    .card-b__desc-field {
        font-size: 14px;
        margin: 0 0 15px;
    }
}

@media (max-width: 767px) {
    .card-b__desc-field {
        font-size: 11px;
    }
}

.card-b__desc-field strong {
    font-weight: 600;
}

.card-b__desc-field:last-child {
    margin: 0;
}

.card-b__element {
    margin: 0 0 25px;
}

.card-b__element_border {
    padding: 25px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.card-b__element_last-child {
    margin-bottom: 0;
}

.card-b__element .checkbox + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .card-b__element .checkbox + label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.card-b__element .checkbox + label span {
    font-family: var(--font-family-hv);
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 1279px) {
    .card-b__element .checkbox + label span {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .card-b__element .checkbox + label span {
        font-size: 14px;
    }
}

.card-b__element select {
    min-width: 260px;
}

@media (max-width: 1279px) {
    .card-b__element select {
        min-width: 220px;
    }
}

@media (max-width: 767px) {
    .card-b__element select {
        min-width: initial;
        width: 100%;
        margin: 5px 0 0;
    }
}

.card-b__sidebar {
    margin-top: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 767px) {
    .card-b__sidebar {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
    }
}

.card-b__sidebar-sticky {
    /*width: 390px;*/
    top: 180px;
    position: sticky;
}

.wrapper_tag-form {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.tag_wrapper, .form_wrapper {
    width: 49%;
}

.custom-sizes, .price_included span {
    color: var(--color-gold)
}

.primary_category:hover {
    color: var(--color-gold);
}

.primary_category {
    display: none;
}

#menu-item-5168 {
    display: none
}

@media (max-width: 1280px) {
    #menu-item-5168 {
        display: none
    }

    .primary_category {
        display: block;
    }
}

@media (max-width: 767px) {

    .wrapper_tag-form {
        flex-direction: column-reverse;
    }

    .tag_wrapper, .form_wrapper {
        width: 100%;
    }
}

.card-b__sidebar-sticky .form_order {

}

.card-b__sidebar-sticky .form_order input {
    margin-bottom: 30px;
}

@media (max-width: 1279px) {
    .card-b__sidebar-sticky .form_order input {
        margin-bottom: 20px;
    }
}

.card-b__sidebar-sticky .form_order input.error {
    box-shadow: 0px 0px 0px 3px red;
    color: red;
}

.card-b__sidebar-sticky .form_order input.error::placeholder {
    color: red;
}

.card-b__sidebar-sticky .monument_design,
.card-b__sidebar-sticky .landscaping-block {
    display: none;
}

.card-b__sidebar-sticky .landscaping-block.show,
.card-b__sidebar-sticky .monument_design.show {
    display: block;
    margin: 20px 0;
}

.card-b__sidebar-sticky .monument_design .card-b__select-value {
    display: none;
}

.card-b__sidebar-sticky .monument_design .card-b__select-value.show {
    display: flex;
    margin: 0 0 15px;
}


.card-b__select {
    padding: 20px 30px;
    margin: 0 0 30px;
    background: rgba(196, 196, 196, 0.07);
    border: 0.533241px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.339901px 2.37931px 1.36342px rgba(55, 55, 55, 0.35);
    box-shadow: -0.339901px 2.37931px 1.36342px rgba(55, 55, 55, 0.35);
    border-radius: 17.2296px;
}

@media (max-width: 767px) {
    .card-b__select {
        padding: 15px;
        margin: 0 0 20px;
        border-radius: 12px;
    }
}

.card-b__select-title {
    text-align: center;
    color: #fff;
    margin: 0 0 40px;
    font-weight: bold;
    font-size: 28px;
}

@media (max-width: 767px) {
    .card-b__select-title {
        font-size: 20px;
        margin: 0 0 25px;
    }
}

.card-b__select-field {
    margin: 0 0 15px;
    color: #fff;
    font-size: 18px;
    font-family: var(--font-family-hv);
}

@media (max-width: 767px) {
    .card-b__select-field {
        margin: 0 0 10px;
        font-size: 15px;
    }
}

.card-b__select-field:last-child {
    margin: 0;
}

.card-b__select-label {
    margin: 0 0 5px;
    font-weight: 600;
}

.card-b__select-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-b__submit .button,
.card-b__submit .consultation {
    width: 100%;
}

.card-b__improve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 90px;
}

.card-b__improve-column {
    max-width: 404px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1679px) {
    .card-b__improve {
        gap: 35px;
    }

    .card-b__improve-column {
        max-width: 320px;
    }
}

@media (max-width: 1279px) {
    .card-b__improve {
        gap: 20px;
        -ms-flex-wrap: initial;
        flex-wrap: initial;
    }

    .card-b__improve-column {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (max-width: 767px) {
    .card-b__improve {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .card-b__improve-column {
        width: 100%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}

.card-b__improve-pic {
    margin: 0 0 30px;
    position: relative;
}

.card-b__improve-pic span {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    z-index: 2;
    font-weight: bold;
    font-size: 55px;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .card-b__improve-pic span {
        font-size: 34px;
    }
}

.card-b__improve-pic img {
    width: 100%;
    height: 585px;
    border-radius: 20px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1679px) {
    .card-b__improve-pic img {
        height: 450px;
    }
}

@media (max-width: 1279px) {
    .card-b__improve-pic img {
        height: 340px;
    }
}

/* Page
------------------------------------------
 */
.page-b {
    padding: 25px 15px 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: -1px 4px 19px 8px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 4px 19px 8px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.page-b .pagination {
    margin: 35px 0 0;
    display: flex;
    justify-content: center;
}

.page-b .pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 24px;
    font-family: var(--font-family-hv);
    font-weight: 600;
    color: #fff;
    width: 40px;
    height: 40px;
    background: rgba(196, 196, 196, 0.07);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgb(55 55 55 / 35%);
    box-shadow: -0.394555px 2.76188px 1.58265px rgb(55 55 55 / 35%);
    border-radius: 15.4746px;
    padding: 22px 24px;
    margin: 0 8px;
}


.page-b .pagination .page-numbers.current {
    color: #888;
}

@media (max-width: 1279px) {
    .page-b {
        border-radius: 10px;
        padding: 15px 15px 30px;
    }
}

.page-b.success h1,
.page-b.success h3 {
    text-align: center;
    color: var(--color-gold);
}

.page-b__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    padding: 15px 15px 25px;
    margin: 0 -15px 25px;
}

@media (max-width: 1279px) {
    .page-b__tags {
        display: none;
    }
}

.page-b__tags-links {
    background: rgba(196, 196, 196, 0.07);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 15.4746px;
    /*padding: 22px 24px;*/
    /*font-size: 26px;*/
    padding: 16px 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1679px) {
    .page-b__tags-links {
        font-size: 16px;
        padding: 12px 15px;
    }
}

.page-b__tags-links:hover {
    background: rgba(196, 196, 196, 0.15);
}

.page-b__filter {
    margin: 0 0 35px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 24px;
    font-family: var(--font-family-hv);
    font-weight: 600;
    color: #fff;
}

@media (max-width: 1679px) {
    .page-b__filter {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    .page-b__filter {
        padding: 0;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .page-b__filter {
        margin: 0 0 20px;
    }
}

.page-b__filter-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    gap: 20px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (max-width: 1279px) {
    .page-b__filter-button {
        gap: 10px;
    }
}

.page-b__filter-button svg {
    fill: #fff;
}

@media (max-width: 1279px) {
    .page-b__filter-button svg {
        height: 12px;
        width: auto;
    }
}

.page-b__filter-button:hover {
    color: var(--color-gold);
}

.page-b__filter-button:hover svg {
    fill: currentColor;
}

.page-b__filter-count {
    margin: 0 auto 0 80px;
}

@media (max-width: 1279px) {
    .page-b__filter-count {
        display: none;
    }
}

@media (max-width: 1679px) {
    .page-b__sort select {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .page-b__sort select {
        font-size: 14px;
        height: 32px;
        width: 130px;
    }
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
  works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 2;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

.footer-b {
    padding: 0 0 45px;
}

@media (max-width: 1279px) {
    .footer-b {
        padding: 0 0 100px;
    }
}

.footer-b__manager {
    padding: 45px 0;
    border-bottom: 1px solid #282828;
    border-top: 1px solid #282828;
    margin: 0 0 45px;
}

@media (max-width: 1279px) {
    .footer-b__manager {
        padding: 25px 0;
        margin: 0 0 25px;
    }
}

.footer-b__manager-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

@media (max-width: 1679px) {
    .footer-b__manager-grid {
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .footer-b__manager-grid {
        gap: 15px;
    }
}

@media (max-width: 1279px) {
    .footer-b__manager-grid {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-b__manager-label {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-weight: bold;
    font-size: 38px;
}

@media (max-width: 1679px) {
    .footer-b__manager-label {
        font-size: 20px;
    }
}

@media (max-width: 1279px) {
    .footer-b__manager-label {
        font-size: 24px;
    }
}

.footer-b__manager-form {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

@media (max-width: 1679px) {
    .footer-b__manager-form {
        gap: 15px;
    }
}

@media (max-width: 1279px) {
    .footer-b__manager-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}

.footer-b__manager-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 1279px) {
    .footer-b__manager-field {
        width: 100%;
    }
}

.footer-b__manager-field .input-text,
.footer-b__manager-field .button {
    width: 100%;
}

.footer-b__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1279px) {
    .footer-b__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .footer-b__grid {
        gap: 20px;
    }
}

.footer-b__column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-b__label {
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 32px;
    font-size: 24px;
    font-weight: bold;
}

@media (max-width: 1679px) {
    .footer-b__label {
        margin: 0 0 20px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .footer-b__label {
        font-size: 14px;
        margin: 0 0 15px;
    }
}

.footer-b__list {
    list-style: none;
    padding: 0;
}

.footer-b__list li a,
.footer-b__links {
    display: block;
    color: var(--color-gold);
    font-weight: 600;
    margin: 0 0 16px;
}

@media (max-width: 1679px) {
    .footer-b__links {
        font-size: 14px;
        margin: 0 0 10px;
    }
}

@media (max-width: 767px) {
    .footer-b__links {
        font-size: 12px;
    }
}

.footer-b__list li a:hover,
.footer-b__links:hover {
    color: #fefefe;
}

.footer-b__links:last-child {
    margin: 0;
}

.footer-b__contacts {
    margin: -15px 0 32px;
}

@media (max-width: 1279px) {
    .footer-b__contacts {
        margin: -5px 0 20px;
    }
}

.footer-b__contacts-links {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px;
}

@media (max-width: 1279px) {
    .footer-b__contacts-links {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .footer-b__contacts-links {
        font-size: 13px;
    }
}

.footer-b__contacts-links:hover {
    color: var(--color-gold);
}

.footer-b__contacts-links:last-child {
    margin: 0;
}

.footer-b__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.footer-b__social-links svg {
    display: block;
    fill: var(--color-gold);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.footer-b__social-links:hover svg {
    fill: #fff;
}

@media (max-width: 767px) {
    .footer-b__social {
        gap: 15px;
    }

    .footer-b__social-links svg {
        width: 30px;
        height: auto;
    }
}

.header-b {
    position: fixed;
    top: 0;
    z-index: 98;
    left: 0;
    width: 100%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.header-b_sticky {
    background: #212121;
}

.header-b__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (max-width: 1679px) {
    .header-b__top {
        padding: 20px 0 15px;
    }
}

@media (max-width: 1279px) {
    .header-b__top {
        display: none;
    }
}

.header-b_sticky .header-b__top {
    padding: 18px 0;
}

.header-b__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 85px;
}

@media (max-width: 1679px) {
    .header-b__nav {
        gap: 50px;
    }
}

.header-b__menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.header-b__menu li:nth-child(3n + 1) {
    margin-left: 30px;
}

.header-b__menu li:first-child {
    margin-left: 0px;
}

@media (max-width: 1679px) {
    .header-b__menu {
        gap: 15px;
    }
}

.header-b__item {
    position: relative;
}

.header-b__toggle {
    position: absolute;
    top: calc(100% + 10px);
    right: -20px;
    background: rgba(255, 255, 255, 0.07);
    border: 0.892206px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0px 0px 35px 5px rgba(55, 55, 55, 0.35);
    box-shadow: 0px 0px 35px 5px rgba(55, 55, 55, 0.35);
    -webkit-backdrop-filter: blur(28.5154px);
    backdrop-filter: blur(28.5154px);
    border-radius: 22.3051px;
    padding: 20px;
    z-index: 99;
    min-width: 407px;
    pointer-events: none;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

@media (max-width: 1279px) {
    .header-b__toggle {
        right: 0;
        min-width: 250px;
    }
}

.header-b__toggle_show {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.header-b__phones {
    gap: 14px;
    margin: 0 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-b__phones a {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

@media (max-width: 1279px) {
    .header-b__phones a {
        font-size: 16px;
    }
}

.header-b__phones a:hover {
    color: var(--color-gold);
}

.header-b__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 30px;
    gap: 9px;
}

.header-b__social-links {
    opacity: 0.6;
    width: 61px;
    height: 61px;
    border: 1px solid #888;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-b__social-links svg {
    fill: #888;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (max-width: 1279px) {
    .header-b__social-links {
        width: 40px;
        height: 40px;
    }

    .header-b__social-links svg {
        width: 18px;
        height: auto;
    }
}

.header-b__social-links:hover {
    opacity: 1;
    border-color: var(--color-gold);
}

.header-b__social-links:hover svg {
    fill: var(--color-gold);
}

.header-b__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 1279px) {
    .header-b__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
}

.header-b__info-item {
    text-decoration: underline;
    color: #888;
}

.header-b__info-item:hover {
    opacity: 0.8;
}

.header-b__info-item_order {
    color: #8170b1;
}

.header-b__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-gold);
    font-family: var(--font-family-hv);
    text-transform: uppercase;
    font-weight: 600;
    gap: 5px;
}

@media (max-width: 1679px) {
    .header-b__links {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .header-b__links {
        font-size: 12px;
    }
}

.header-b__links:hover {
    color: #fff;
}

.header-b__links_sales a {
    color: #fff;
}

.header-b__links_sales:hover a {
    color: #05ff00;
}

.header-b__links_phone {
    color: #fff;
}

.header-b__links_phone:hover {
    color: var(--color-gold);
}

.header-b__links_phone svg {
    fill: currentColor;
}

.header-b__links_phone.header-b__links_active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-b_sticky .header-b__links {
    font-size: 14px;
}

.header-b__scroll {
    position: relative;
    z-index: 98 !important;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.header-b__grid {
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
    padding: 15px 0;
    gap: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    position: relative;
}

@media (max-width: 1279px) {
    .header-b__grid {
        gap: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.header-b_sticky .header-b__scroll {
    border-bottom: 1px solid #666;
}

.header-b_sticky .header-b__grid {
    border-bottom: 0;
}

.header-b__grid .header-b__item {
    display: none;
}

@media (max-width: 1279px) {
    .header-b__grid .header-b__item {
        display: block;
        position: absolute;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.header-b__logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.header-b__logo img {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    height: 90px;
    display: block;
}

@media (max-width: 1679px) {
    .header-b__logo img {
        height: 100px;
    }
}

@media (max-width: 1279px) {
    .header-b__logo img {
        height: 80px;
    }
}

@media (max-width: 767px) {
    .header-b__logo img {
        height: 50px;
    }
}

.header-b_sticky .header-b__logo img {
    height: 66px;
}

@media (max-width: 1279px) {
    .header-b_sticky .header-b__logo img {
        height: 40px;
    }
}

.header-b__actions {
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1279px) {
    .header-b__actions {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.header-b__catalog {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 1279px) {
    .header-b__catalog {
        display: none;
    }
}

.header-b__catalog-button {
    padding: 0 19px;
    text-transform: uppercase;
    color: var(--color-gold);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    height: 66px;
    border: 3px solid #fc6;
    border-radius: 15px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.25em;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1679px) {
    .header-b__catalog-button {
        height: 45px;
        border-radius: 10px;
        font-size: 20px;
        padding: 0 12px;
    }
}

.header-b__catalog-button i {
    background: var(--color-gold);
    width: 26px;
    display: block;
    margin: 5px 0;
    height: 3px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.header-b__catalog-button i:first-child {
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
}

.header-b__catalog-button i:nth-child(2) {
    opacity: 1;
}

.header-b__catalog-button i:nth-child(3) {
    position: relative;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 23px;
}

.header-b__catalog-button:hover {
    color: #212121;
    border-color: #fff;
    background: #fff;
}

.header-b__catalog-button:hover i {
    background: #212121;
}

.header-b__search {
    display: none;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border: 3px solid #fc6;
    border-radius: 15px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.25em;
    overflow: hidden;
}

.header-b__search form {
    display: flex;
    align-items: center;
}

.header-b__search.show {
    display: flex;
    z-index: 1;
}

.close-contact_btn {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 10px;
}

.header-b__search form input {
    height: 66px;
    border: none;
    padding: 0 19px;
    width: 85%;
}

.header-b__contact {
    display: none;
    background: #242424;
    border-radius: 20px;
    padding: 15px;
    position: absolute;
    right: 0px;
    top: 70px;
}

@media (min-width: 1280px) {
    .header-b__contact-button.js--toggle-contact {
        display: none;
    }
}

@media (max-width: 1279px) {
    .header-b__search {
        position: absolute;
        left: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header-b__contact.show {
        display: flex;
    }

    .header-b__search-button.js--toggle-search {
        position: absolute;
        left: 0;
        border-radius: 5px;
        border: 3px solid #fc6;
    }

    .header-b__contact-button.js--toggle-contact {

        position: absolute;
        right: 0;
        border-radius: 5px;
        border: 3px solid #fc6;
    }
}

.header-b__search-button,
.header-b__contact-button {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    height: 45px;
    width: 45px;
    font-weight: bold;
    letter-spacing: 0.25em;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.header-b__search-button.js--toggle-search,
.header-b__contact-button.js--toggle-contact {
    border-radius: 5px;
    border: 3px solid #fc6;
}


.header-b__search form button {
    background-color: #fff;
}

.header-b__search form svg,
.header-b__search-button svg {
    stroke: var(--color-gold);
    stroke-width: 4.54839;
    fill: none;
}

.header-b__search form svg {
    stroke: #212121;
}

.header-b__search form input.search-field:focus-visible {
    outline: none;
}

@media (max-width: 1679px) {
    .header-b__search form input {
        height: 45px;
        font-size: 1.5rem;
    }

    .header-b__search-button {
        width: 45px;
        height: 45px;
        /* border-radius: 10px; */
    }

    .header-b__search-button svg {
        width: 21px;
        min-width: 21px;
        height: auto;
    }
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button:before {
    font-size: 3rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-prev, .slick-next {
    z-index: 1;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:before {
    transform: rotate(90deg);
}

.slick-next:before {
    transform: rotate(-90deg);
}

.slick-next {
    right: 0px;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before, .slick-next:before {
    display: block;
    content: '';
    background: url(../img/content/toggle.svg) no-repeat 50%;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 767px) {
    .header-b__search {
        border-radius: 5px;
        width: 100%;
        left: 0;
    }

    .header-b__search form {
        width: 100%;
    }

    .header-b__search form input {
        width: 100%;
        height: 32px;
        font-size: 1.5rem;
        border-radius: 0;
    }

    .header-b__search-button,
    .header-b__contact-button {
        width: 32px;
        height: 32px;
        /* border-radius: 5px; */
    }

    .header-b__search-button svg {
        width: 19px;
        min-width: 19px;
    }
}

.header-b__search-button:hover {
    background: #fff;
    border-color: #fff;
}

.header-b__search-button:hover svg {
    stroke: #212121;
}

.paging-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 55px 0 0;
}

@media (max-width: 1279px) {
    .paging-b {
        margin: 35px 0 0;
    }
}

.paging-b__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    gap: 20px;
}

@media (max-width: 1279px) {
    .paging-b__list {
        gap: 10px;
        padding: 0 10px;
    }
}

.paging-b__links {
    background: rgba(196, 196, 196, 0.07);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 15.4746px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #888;
    font-family: var(--font-family-hv);
    font-weight: 600;
    padding: 0 35px;
}

@media (max-width: 1279px) {
    .paging-b__links {
        height: 32px;
        border-radius: 10px;
        padding: 0 15px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .paging-b__links {
        height: 24px;
        border-radius: 5px;
        padding: 0 5px;
        font-size: 11px;
    }
}

.paging-b__links:hover {
    color: #fff;
}

.paging-b__links_current {
    background: #fbfbfb;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #212121 !important;
}

.paging-b__list .paging-b__links {
    font-size: 28px;
    padding: 0 0 3px;
    border-radius: 50%;
    width: 50px;
}

@media (max-width: 1279px) {
    .paging-b__list .paging-b__links {
        width: 32px;
        font-size: 16px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .paging-b__list .paging-b__links {
        width: 24px;
        font-size: 12px;
        padding: 0 0 2px;
    }
}

.xdebug-var-dump {
    background-color: #fff;
    padding: 20px;
}

.page-content,
.entry-content {
    color: #fff;
}

.yellow a {
    color: #fc6;
}

/* картинка на странице */
.minimized {
    cursor: pointer;
}

/*.minimized:hover {*/
/*  border: 1px solid var(--color-gold);*/
/*  border-radius: 12px;*/
/*}*/

/* увеличенная картинка */
#magnify {
    display: none;

    /* position: absolute; upd: 24.10.2016 */
    position: fixed;
    max-width: 800px;
    height: auto;
    z-index: 9999;
}

#magnify img {
    width: 100%;
}

/* затемняющий фон */
#overlay {
    display: none;
    background: #2f2f2f;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 9990;
}

/* кнопка закрытия */
#close-popup {
    width: 25px;
    height: 25px;

    background: #FFFFFF;
    border: 1px solid #AFAFAF;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    background-size: 16px 16px;
}

#close-popup i {
    width: 27px;
    height: 28px;
    background: url(https://codernote.ru/files/cross.png) no-repeat center center;
    background-size: 16px 16px;
    display: block;
}

.product-image-link {
    width: 382px;
    max-width: 600px;
    max-height: 600px;
    object-fit: contain;
    display: inline-block;
}


.home-block {
    color: #fff;
    margin: 66px auto;
    max-width: 1280px;
}

.img-jobs .entry-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.img-jobs .wp-block-image {
    flex-direction: column;
    flex-basis: 33%;
    position: relative;
}

.img-jobs .product-image-link {
    max-width: 520px;
    height: 618px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-jobs .wp-block-image img {
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-jobs .img-button {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.img-jobs button {
    padding: 15px 0;
    flex-basis: 49%;
    font-size: 19px;
}

.img-jobs .wp-block-image {
    gap: 0em;
}

.img-jobs .is-layout-flex {
    flex-wrap: wrap;
    align-items: normal;
}

.img-jobs .is-layout-flex button {
    max-height: 53px;
}

.img-jobs .product-image-link {
    width: auto;
}

@media (max-width: 767px) {
    .img-jobs .wp-block-image {
        flex-basis: 49%;
    }

    .img-jobs .product-image-link {
        height: 300px;

    }
}

@media (max-width: 580px) {
    .img-jobs .img-button {
        flex-wrap: wrap;
    }

    .img-jobs button {
        flex-basis: 100%;
    }

    .img-jobs .product-image-link {
        height: 250px;

    }
}


.wrapper-form-price .footer-b__manager-form div:last-child {
    width: 100%;
}

.helpaction-group {
    background-image: url(https://granitedeluxe.by/wp-content/uploads/2024/02/help-block.jpg);
    min-height: 270px;
    position: relative;
    margin: 20px 10px;
    padding: 20px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 50px auto 20px;
    width: 90%;
    color: #fff;
}

.helpaction-group-help label {
    font-size: 21px;
    color: #fc6;
}

.helpaction-group input {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    margin-right: 6px;

}

.helpaction-group input[type="checkbox"]:checked::before {
    background-color: #fc6 !important;
}

.card-b__select-checkbox {
    color: #fc6;
}

#help-info {
    color: #fc6;
}

.card-b__helpaction-title {
    font-size: 34px;
    font-weight: 600;
    color: #fc6;
}

#contactformselect {
    height: 79px;
    padding: 0 79px 0 15px;
}

.footer-b .wrapper-form, .footer-b .wrapper-form-price {
    z-index: 99;
}

@media (max-width: 420px) {
    .card-b__helpaction-title {
        font-size: 21px;

    }
}

.card-b__helpaction-value {
    display: flex;
    justify-content: flex-end;
    font-size: 21px;
}

.helpaction-block {
    display: none;
}

.helpaction-block.show {
    display: block;
}

.helpaction-block.show .name,
.name-active {
    color: #fc6;
}

.card-b__helpaction-description {

    padding: 19px 0;
}

@media (max-width: 1279px) {
    .title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .action-help .title {
        font-size: 29px;
    }

    .card-b__action-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .card-b__helpaction-title {
        font-size: 25px;
        font-weight: 600;
        color: #fc6;
    }

    .card-b__helpaction-description {
        font-size: 14px;
        padding: 19px 0;
    }

    .card-b__helpaction-value {
        font-size: 19px;
    }

}

.card-b__action {
    color: #fff;
    background: #2d2d2d;
    padding: 29px;
    border-radius: 15.4746px;
    -webkit-box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    box-shadow: -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    margin-bottom: 30px;
}

.card-b__action-title {
    font-size: 26px;
    margin-bottom: 20px;
}

.card-b__action-value {
    padding: 7px 0;
}

.action-block {
    display: none;
}

.action-block.show {
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.action-block.show .name {
    color: #fc6;
}

.action-block.show .aktiongroup {
    text-align: center;
}

.action-block.show .card-b__select-value {
    justify-content: center;
}

.label-action {
    top: auto;
    bottom: 20px;
}

.catalog-side__post-img {
    display: none;
    position: absolute;
    border-radius: 20px;
    background-color: #3c3a3a;
    border-color: var(--color-gold);
    border: 1px solid var(--color-gold);
    padding: 10px;
    margin: 10px 0 0 0;

}

.catalog-side__item:hover .catalog-side__post-img {
    display: block;
    /*transition: 1s;*/
}

/*#myFormPrice .form-container {
    padding: 10px;
    background-color: rgb(58 58 58);
}*/
@media (max-width: 768px) {
    .category-list .catalog-side__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .catalog-side__post-img {

        display: block;
        padding: 0;
        margin: 5px;
        position: unset;
        /*border-radius: 5px;*/
        border-radius: 0px;
        border: unset;

    }

    .catalog-side__item .catalog-side__post-img img {
        width: 45px;
        height: 45px;
    }
}

.mega-menu-description {
    display: none !important;
}

#mega-menu-wrap-sidebar_menu #mega-menu-sidebar_menu {
    display: flex;
    flex-direction: column;
}

.hide-if-customize {
    display: none;
}


.director {
    border: 5px solid #f3c870;
    border-radius: 15px;
    margin: 30px 0px;
}

.director img {
    border-radius: 20px;
    margin: 15px 0px 15px 30px;
    display: unset;
}

.director a {
    display: unset;
}

@media (max-width: 1000px) {
    .director {
        border: unset;
        border-radius: unset;

    }

    .director img {
        border-radius: 20px;
        margin: 0;
        display: unset;
    }
}

.review.main-slider-b__item {
    display: flex;
    flex-direction: column;
}

.review .main-slider-b__description {
    color: #fff;
}

.review .main-slider-b__title {
    font-size: 28px;
    text-transform: unset;
    margin: 0 0 25px;
}

.review .socials img, .review .stars img {
    width: 23px;
    height: 23px;
    margin-bottom: 23px;
}

.social-row, .stars {
    display: flex;
    flex-direction: row;
}

.social-row span {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    padding-left: 10px;
}

.call {
    fill: #fc6 !important;
    color: #fc6 !important;
}

.card-b__tags-item a {
    padding: 0 10px
}

input.card-b__tags-item {
    background: #e1e1e1 !important;
    color: #3c3c3c
}

button.open-button {
    background: #424242;
    padding: 20px 0;
    border-radius: 15px;
}

button.open-button:hover {
    text-decoration: underline dotted;
    background: #888;
}

.catalog-b__price {
    padding: 14px 0;
    align-items: center;
    display: flex;
}

.catalog-b__price.card_name {
    height: auto;
}

.make-order {
    margin: 5px 0 0;
    padding-bottom: 0;
}

div.img-button {
    margin-bottom: 50px;

}

div.img-button button {
    display: none !important;

}

.catalog-b__item {
    height: 100%;

}

.catalog-b__price.card_name {
    min-height: 155px;
    flex-grow: 1;
}

@media (max-width: 1680px) {

    .catalog-b__price.card_name {
        min-height: 75px;
        flex-grow: 1;
    }
}

@media (max-width: 768px) {

    .catalog-b__price.card_name {
        min-height: auto;
    }
}


/* =========================
  GD QUIZ — стили (granite deluxe style)
  Вставьте в style.css
  ========================= */

/* Модалка — тёмная карточка как на скриншоте */
.gd-quiz-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    padding: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "PT Sans", Roboto, Arial, sans-serif;
}

.gd-quiz-wrap {
    width: 96%;
    max-width: 520px; /* как на скриншоте — компактная карточка */
    background: #2f2f2f; /* основной фон карточки */
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.7);
    color: #efefef;
    border: 1px solid rgba(255, 255, 255, 0.04);
    position: relative;
}

/* Заголовок */
.gd-quiz-title {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin: 4px 0 16px;
    color: #fff;
}

/* Close */
.gd-quiz-close {
    position: absolute;
    right: 14px;
    top: 10px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.75);
    font-size: 26px;
    cursor: pointer;
}

/* Прогресс-бар сверху (полоса) */
.gd-quiz-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
}

.gd-quiz-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #f7dd9b, #e6b94d);
    transition: width .28s ease;
}

/* Подсказка под прогрессом */
.gd-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 6px;
}

/* Шаги */
.quiz-step {
    display: none;
}

.quiz-step.active {
    display: block;
}

/* Заголовки шагов */
.step-title {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

/* Поля ввода — светлые, как на скрине */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    box-sizing: border-box;
    margin-top: 8px;
    font-size: 14px;
    outline: none;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

/* Селект — стилизуем стрелку и фон */
.wpcf7-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, 0.2) 50%),
    linear-gradient(135deg, rgba(0, 0, 0, 0.2) 50%, transparent 50%),
    linear-gradient(to right, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02));
    background-position: calc(100% - 18px) calc(1em + 2px),
    calc(100% - 13px) calc(1em + 2px),
    0 0;
    background-size: 6px 6px,
    6px 6px,
    100% 100%;
    background-repeat: no-repeat;
    padding-right: 40px;
}

/* Радио / чекбоксы — красивый плиточный вид (pill) */
.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    margin: 6px 6px 0 0;
}

.wpcf7-radio .wpcf7-list-item label,
.wpcf7-checkbox .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: #efefef;
    font-size: 14px;
    transition: all .14s ease;
    min-height: 36px;
    box-sizing: border-box;
}

/* скрываем стандартные input (чтобы не виднелись) */
.wpcf7-radio .wpcf7-list-item input[type="radio"],
.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

/* когда выбран — делаем золотой фон и тёмный текст */
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked ~ label,
.wpcf7-radio .wpcf7-list-item label.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d);
    color: #1b1b1b !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

/* Обеспечим поддержку разных HTML-обёрток CF7:
   - CF7 может генерировать <label><input> <span class="wpcf7-list-item-label">text</span></label>
   поэтому перехватим span внутри label */
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
    pointer-events: none;
}

/* Но иногда CF7 рендерит input перед span — используем JS (ниже) чтобы добавить .active классы */

/* Кнопки: Далее / Назад / Отправить */
.quiz-actions {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 16px;
}

.quiz-next, .quiz-submit {
    background: #e6b94d;
    color: #111;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
}

.quiz-prev {
    background: transparent;
    color: #efefef;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
}

/* Вспомогательные стили */
.required-error {
    box-shadow: 0 0 0 3px rgba(230, 80, 50, 0.06);
    border-color: #c94a3a !important;
}

/* скрываем textarea order_summary от пользователя */
.wpcf7-form #order_summary {
    display: none !important;
}

/* Адаптив (мелочи) */
@media (max-width: 520px) {
    .gd-quiz-wrap {
        padding: 16px;
        max-width: 92%;
    }

    .wpcf7-radio .wpcf7-list-item label {
        display: block;
        width: 100%;
    }
}

/* ======= GD Quiz — исправляющий патч (вставить в конец style.css) ======= */

/* Гарантировать показ/центрирование модалки, если aria-hidden меняется inline */
.gd-quiz-modal[aria-hidden="false"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Убедимся, что обёртка модалки имеет ожидаемую ширину/центровку */
.gd-quiz-wrap {
    margin: 0 auto;
    box-sizing: border-box;
}

/* Close - более специфичный селектор, чтобы правило не перезаписывалось темой */
.gd-quiz-wrap .gd-quiz-close,
.gd-quiz-wrap #close-quiz {
    position: absolute;
    right: 14px;
    top: 10px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.85);
    font-size: 26px;
    line-height: 1;
    padding: 6px 8px;
    cursor: pointer;
    z-index: 5;
}

/* Стили для кнопок навигации — покрываем оба класса */
.gd-quiz-wrap .quiz-next,
.gd-quiz-wrap .quiz-next-step {
    background: #e6b94d;
    color: #111;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.gd-quiz-wrap .quiz-prev {
    background: transparent;
    color: #efefef;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
}

/* Стилевой запас на случай, если тема переопределяет кнопки */
.gd-quiz-wrap .quiz-next,
.gd-quiz-wrap .quiz-prev,
.gd-quiz-wrap .quiz-next-step {
    font-family: inherit;
    font-size: 14px;
}

/* Селекты и инпуты внутри модуля — немного переопределяем приоритет */
.gd-quiz-wrap .wpcf7-form input,
.gd-quiz-wrap .wpcf7-form textarea,
.gd-quiz-wrap .wpcf7-form select {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
    padding: 10px 12px;
}

/* Плиточные радио/чекбоксы — приоритетный селектор внутри обёртки */
.gd-quiz-wrap .wpcf7-radio .wpcf7-list-item label,
.gd-quiz-wrap .wpcf7-checkbox .wpcf7-list-item label {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: #efefef;
}

/* Скрываем textarea order_summary */
.gd-quiz-wrap .wpcf7-form #order_summary {
    display: none !important;
}

/* Небольшой фолбек: если модалка по умолчанию показана, принудительно центрируем */
body .gd-quiz-modal {
    align-items: center;
    justify-content: center;
}

/* Мобильное: делаем кнопки шире и удобнее */
@media (max-width: 520px) {
    .gd-quiz-wrap .quiz-next,
    .gd-quiz-wrap .quiz-next-step,
    .gd-quiz-wrap .quiz-prev {
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }
}

/* ===== GD QUIZ — фикс для модалки (вставьте в конце style.css) ===== */

/* Обязательно: скрытая по умолчанию модалка должна быть position:fixed и покрывать весь экран */
.gd-quiz-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important; /* по-умолчанию скрыта */
    align-items: center !important;
    justify-content: center !important;
    z-index: 99999 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

/* Когда открыта – должна отображаться (JS ставит inline style или aria-hidden) */
.gd-quiz-modal[aria-hidden="false"] {
    display: flex !important;
}

/* Карточка модалки */
.gd-quiz-wrap {
    width: 96% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    background: #2f2f2f !important;
    border-radius: 12px !important;
    padding: 22px !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.75) !important;
    color: #efefef !important;
    position: relative !important; /* важно для позиционирования крестика */
    box-sizing: border-box !important;
    overflow-y: scroll;
}

/* Заголовок */
.gd-quiz-title {
    text-align: left;
    margin: 0 0 12px;
    font-weight: 700;
    color: #fff;
}

/* Close (крестик) — сделаем явным и крупным */
.gd-quiz-wrap .gd-quiz-close,
#close-quiz {
    position: absolute !important;
    right: 14px !important;
    top: 10px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 26px !important;
    padding: 6px 8px !important;
    cursor: pointer !important;
    z-index: 20 !important;
}

/* Прогресс */
.gd-quiz-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 12px;
}

.gd-quiz-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #f7dd9b, #e6b94d);
    transition: width .28s ease;
}

/* Поля ввода внутри модалки — ограничим приоритетом */

.gd-quiz-wrap .wpcf7-form input,
.gd-quiz-wrap .wpcf7-form textarea,
.gd-quiz-wrap .wpcf7-form select {
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: #fff !important;
    box-sizing: border-box !important;
    margin-top: 8px !important;
}

/* Навигация: покрываем оба класса (quiz-next-step и quiz-next) */
.gd-quiz-wrap .quiz-next,
.gd-quiz-wrap .quiz-next-step {
    background: #e6b94d !important;
    color: #111 !important;
    border: none !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-top: 12px !important;
}

.gd-quiz-wrap .quiz-prev {
    background: transparent !important;
    color: #efefef !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}

/* Скрыть textarea order_summary (не нужно показывать пользователю) */
.gd-quiz-wrap .wpcf7-form #order_summary {
    display: none !important;
}

/* Мобильное: удобные кнопки */
@media (max-width: 520px) {
    .gd-quiz-wrap {
        padding: 16px !important;
        max-width: 94% !important;
    }

    .gd-quiz-wrap .quiz-next, .gd-quiz-wrap .quiz-next-step, .gd-quiz-wrap .quiz-prev {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important;
    }
}

/* Добавьте в конец style.css, если ещё нет */
.wpcf7-list-item .wpcf7-list-item-label {
    transition: all .12s ease;
}

.wpcf7-list-item.active .wpcf7-list-item-label,
.wpcf7-list-item-label.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d);
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

/* ========= CF7 плиточные чекбоксы / радио (только внутри модалки) ========= */

/* Контейнеры элементов — делаем их flex-строкой с переносом */
.gd-quiz-wrap .wpcf7-checkbox,
.gd-quiz-wrap .wpcf7-radio {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important; /* расстояние между плитками */
    margin-top: 8px !important;
}

/* Каждая "плитка" */
.gd-quiz-wrap .wpcf7-list-item {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: all .12s ease !important;
    min-height: 36px !important;
}

/* Текст внутри плитки (CF7 иногда рендерит как span.wpcf7-list-item-label) */
.gd-quiz-wrap .wpcf7-list-item .wpcf7-list-item-label,
.gd-quiz-wrap .wpcf7-list-item label {
    pointer-events: none; /* клики обрабатывает input/обёртка */
    color: #efefef !important;
    font-size: 14px !important;
}

/* Скрываем сам native input (оставляем для доступности) */
.gd-quiz-wrap .wpcf7-list-item input[type="checkbox"],
.gd-quiz-wrap .wpcf7-list-item input[type="radio"] {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Активное состояние — подчёркиваем как на сайте (золотистая плитка) */
.gd-quiz-wrap .wpcf7-list-item.active,
.gd-quiz-wrap .wpcf7-list-item input:checked + .wpcf7-list-item-label,
.gd-quiz-wrap .wpcf7-list-item input:checked ~ .wpcf7-list-item-label {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d) !important;
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

/* Если CF7 рендерит label обёртку, покрываем и это */
.gd-quiz-wrap .wpcf7-list-item label.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d) !important;
    color: #111 !important;
}

/* Уменьшим пробелы на мобильных */
@media (max-width: 520px) {
    .gd-quiz-wrap .wpcf7-list-item {
        padding: 10px !important;
        flex: 1 1 100% !important;
    }
}


/* ===== GD Статистика — стиль приведён к виду нижнего тёмного блока ===== */
:root {
    --gd-gold1: #f7dd9b;
    --gd-gold2: #e6b94d;
    --gd-bg: #f7f7f7;
    --gd-text: #111;
    --gd-muted: #6b6b6b;
    --gd-radius: 16px;
    --gd-font: "Play", sans-serif;
}

.gd-stats-section {
    padding: 42px 18px;

    font-family: var(--gd-font);
    box-sizing: border-box;
    color: var(--gd-text);

    margin: 30px 0px;
}

.gd-stats-inner {
    max-width: 1150px;
    margin: 0 auto;
}

/* Заголовок */
.gd-stats-header h2 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 800;

    color: #f3c870;
}

.gd-stats-sub {
    margin: 0 0 22px;
    color: #e5e5e5;

    font-size: 14px;
    max-width: 900px;
}

/* Сетка карточек — сделаем крупные карточки в один ряд на десктопе */
.gd-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

/* Карточка — белая, с мягкой тенью и скруглением как внизу */
.gd-stat-card {
    display: flex;
    transition: transform .12s ease, box-shadow .12s ease;
    min-height: 110px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(255, 255, 255, 0.1);
    border: 0.618983px solid rgba(255, 255, 255, 0.08);
    box-shadow: -0.568713px 3.98099px 49px 9px rgba(0, 0, 0, 0.35), -0.394555px 2.76188px 1.58265px rgba(55, 55, 55, 0.35);
    border-radius: 20px;
    padding: 15px;
    gap: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gd-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 60px rgba(16, 16, 16, 0.08);
}

.gd-stats-inner hr {
    border: 1px solid #f3c870;
    width: 95%;
    margin: 0;
}

/* Левая зона для большой цифры — визуально как и на скриншоте */
.gd-stat-left {
    flex: 0 0 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Большая цифра — заливка градиентом золота, плотный вес */
.gd-stat-number {
    font-weight: 800;
    font-size: 46px;
    line-height: 1;
    background: linear-gradient(180deg, var(--gd-gold1), var(--gd-gold2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    font-family: var(--gd-font);
}

/* Правая зона — подпись */
.gd-stat-right {
    flex: 1;
    display: flex;
    align-items: center;
}

.gd-stat-label {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

/* Если нужно знак + (пример: 25+) — можно добавить через data-attr: handled в JS */

/* Адаптив */
@media (max-width: 980px) {
    .gd-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gd-stats-header h2 {
        font-size: 22px;
    }
}

@media (max-width: 560px) {
    .gd-stats-grid {
        grid-template-columns: 1fr;
    }

    .gd-stat-card {
        padding: 16px;
        min-height: 88px;
        gap: 12px;
    }

    .gd-stat-left {
        flex-basis: 72px;
    }

    .gd-stat-number {
        font-size: 38px;
    }

    .gd-stats-section {
        padding: 28px 12px;
    }
}

.quiz-step {
    padding: 20px 0;
}

.quiz-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;
    flex-direction: column
}

.quiz-option input {
    margin-right: 6px;
}

.gd-note {
    font-size: 13px;
    color: #666;
    margin-top: 8px;
}

.quiz-icons {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    align-items: center;
}

.quiz-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 140px;
    cursor: pointer;
}

.quiz-icon img {
    width: 120px;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

.quiz-icon-label {
    margin-top: 8px;
    font-weight: 700;
    text-align: center;
}

.quiz-checkbox input {
    margin-right: 8px;
}

.quiz-row {
    display: flex;
    gap: 20px;
}

.quiz-col {
    flex: 1;
}

.quiz-actions {
    margin-top: 14px;
}

.quiz-submit {
    background: #e6b94d;
    color: #111;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
}

.gd-footnote {
    font-size: 12px;
    color: #777;
    margin-top: 10px;
    text-align: center;
}

/* кастомные инпуты "свой вариант" внутри квиза */
.quiz-custom-input {
    margin-top: 10px;
}

.quiz-custom-input .wpcf7-form-control {
    width: 100% !important;
}

/* если нужно чуть визуально отделить */
.quiz-custom-input input, .quiz-custom-input textarea {
    border-radius: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
}

/* ==== Fix quiz options: make radio + text inline even if CF7 outputs <p> and <br> ==== */

/* Make the internal <p> behave like a flex row so older markup won't break layout */
.quiz-options > p,
.quiz-options--inline > p,
.quiz-icons > p {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    width: 100%;
}

/* Remove raw <br> inside quiz-options to avoid forced breaks (only inside quiz blocks) */
.quiz-options br,
.quiz-icons br {
    display: none !important;
}

/* Standard option label — inline-flex so radio and text are on one line */
.quiz-option,
.quiz-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: #efefef;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    vertical-align: middle;
    /* Allow flexible grid of options; change 48% if you want 2 cols with gap */
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

/* On very small screens make options full-width */
@media (max-width: 520px) {
    .quiz-option, .quiz-checkbox {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Make native radio small and to the left — ensure it is visible (don't push text) */
.quiz-option input[type="radio"],
.quiz-checkbox input[type="checkbox"],
.quiz-option .quiz-radio {
    all: unset;
    -webkit-appearance: radio;
    appearance: radio;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    flex: 0 0 16px;
    cursor: pointer;
    accent-color: #e6b94d; /* modern browsers */
}

/* If global styles forced radio absolute, reset here */
.quiz-option input[type="radio"][style],
.quiz-checkbox input[type="checkbox"][style] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
}

/* Keep text wrapping neat */
.quiz-option {
    white-space: normal;
    word-break: break-word;
    width: 100%;
    max-width: 100%;

}

/* Remove pointer-events on inner spans to ensure whole label clickable */
.quiz-option > *:not(input),
.quiz-checkbox > *:not(input) {
    pointer-events: none;
}

/* Active visual (keeps your golden look) */
.quiz-option.active,
.quiz-checkbox.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d) !important;
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
}

/* =========== special rules for icon grid (step 3) =========== */

/* Make icon grid tidy — 2 columns on desktop, 1 column on mobile */
.quiz-icons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
    align-items: start;
    justify-items: center;
    margin-top: 6px;
}

/* Each icon label should be one block, with radio positioned above image (optional) */
.quiz-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 180px;
    padding-top: 6px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
}

/* Ensure image stays inside */
.quiz-icon img {
    width: 120px;
    padding: 8px;
    height: auto;
    display: block;
    border-radius: 6px;
}

/* the visible label under image */
.quiz-icon .quiz-icon-label {
    margin-top: 8px;
    font-weight: 700;
    color: #efefef;
}

/* If CF7 split label and text into separate siblings, ensure they are centered */
.quiz-icons .quiz-icon + .quiz-icon-label {
    margin-top: 8px;
    text-align: center;
    color: #efefef;
    font-weight: 700;
}

/* Radio inside icon — make it visible at the top center of the icon cell */
.quiz-icon input[type="radio"] {
    position: relative;
    all: unset;
    -webkit-appearance: radio;
    appearance: radio;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0 8px 0;
    flex: 0 0 auto;
    cursor: pointer;
    accent-color: #e6b94d;
}

/* small responsive tweak */
@media (max-width: 520px) {
    .quiz-icons {
        grid-template-columns: 1fr;
    }

    .quiz-icon img {
        width: 160px;
    }
}

/* ===== Quiz: компактные radio-списки + одна видимая картинка для выбранного ===== */

/* Убираем кривые <br> внутри меток (если есть) */
.quiz-icons label.quiz-icon br,
.quiz-icons .quiz-icon-label br {
    display: none;
}

/* Плитки — делаем компактные inline-flex элементы */
.quiz-icons .quiz-icon {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: #efefef;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    vertical-align: middle;
    flex: 0 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
    margin: 6px 6px 0 0;
}

/* на мобильных — один столбец */
@media (max-width: 520px) {
    .quiz-icons .quiz-icon {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Радио: показываем нативный радиобаттон слева, аккуратный */
.quiz-icons .quiz-icon input[type="radio"] {
    all: unset;
    -webkit-appearance: radio;
    appearance: radio;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 18px;
    cursor: pointer;
    accent-color: #e6b94d;
}

/* Текст в одну строку; если длинный — переносим аккуратно */
.quiz-icons .quiz-icon .quiz-icon-text {
    display: inline-block;
    pointer-events: none;
    line-height: 1.2;
    white-space: normal;

    flex: 1 1 auto;
}

/* Картинка: спрятана по умолчанию, располагается под текстом при показе */
.quiz-icons .quiz-option-img {
    /*display: none;*/
    width: 100%;
    max-width: 320px;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

/* Активное состояние (золотая плитка) — можно оставить ваши существующие правила */
.quiz-icons .quiz-icon.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d);
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
}

/* Показываем картинку только у активного варианта */
.quiz-icons .quiz-icon.active .quiz-option-img {
    display: block;
}

/* В случае, если CF7 поместил подпись в отдельный .quiz-icon-label — скрываем её после переноса */
.quiz-icons .quiz-icon-label {
    display: none;
}

/* Стили для .quiz-icons, когда нужно — чтобы контейнер не ломал вёрстку */
.quiz-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

/* ===== Step 3: компактный список radio + показывать картинку только у выбранного ===== */

.quiz-icons.quiz-icons--radio-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 6px;
}

.quiz-icon.active .quiz-icon-text {
    color: black !important;
}

/* Каждый вариант — вертикальная плитка: radio сверху, подпись, картинка (картинка скрыта по умолчанию) */
.quiz-icons.quiz-icons--radio-list .quiz-icon {
    display: flex;
    /*background: linear-gradient(180deg,#f7dd9b,#e6b94d);*/
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    padding: 6px 8px;
    border-radius: 10px;

    border: 1px solid transparent;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
    min-height: 50px;
    text-align: center;
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    justify-content: start;
    margin: 0;
    text-align: start;
}

/* мобильный: 1 колонка */
.quiz-icons.quiz-icons--radio-list .quiz-icon {
    padding-left: 15px;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

@media (max-width: 520px) {
    .quiz-icons.quiz-icons--radio-list .quiz-icon {
        width: 100%;
    }
}

/* Переносим radio в начало — аккуратно и компактно */
.quiz-icons .quiz-icon input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    flex: 0 0 auto;
}

/* текст (подпись) */
.quiz-icons .quiz-icon .quiz-icon-text {
    display: block;
    font-weight: 700;
    color: #efefef;
    font-size: 14px;
    line-height: 1.1;
    margin-top: 2px;
    pointer-events: none;
}

/* картинка — по центру, скрыта по умолчанию */
.quiz-icons .quiz-icon .quiz-option-img {
    /*display: none;*/
    width: 70px;
    height: auto;
    margin-top: 6px;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

/* активный вариант — золотая плитка (как для других элементов) */
.quiz-icons .quiz-icon.active {
    background: linear-gradient(180deg, #f7dd9b, #e6b94d);
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    width: 100%;
    max-width: 100% !important;
    flex: 1 1 auto !important;
}

/* у активного варианта показываем картинку */
.quiz-icons .quiz-icon.active .quiz-option-img {
    display: block;
    margin-left: auto;
}

/* если подпись везде отдельная (защитное правило) — скрываем внешние .quiz-icon-label */
.quiz-icons .quiz-icon-label {
    display: none;
}

/* === GD QUIZ: патч для .quiz-icons (radio list) === */
.quiz-icons--radio-list,
.quiz-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: space-between;
    align-items: flex-start;
}

/* Каждый вариант — колонка с центровкой */
label.quiz-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    padding: 6px 8px;
    min-width: 90px;
    cursor: pointer;
    /* background handled by .active in existing CSS if needed */
}

/* текст под картинкой (или рядом) */
label.quiz-icon .quiz-icon-text {
    display: block;
    margin-top: 6px;
    font-weight: 700;
    color: #efefef;
    white-space: normal; /* позволит переносить слова, а не буквы */
    /*max-width: 140px;      !* ограничение ширины чтобы не вытягивать столбец *!*/
    line-height: 1.15;
}

/* показываем/скрываем картинку у варианта */
.quiz-option-img {
    display: none;
    width: 140px;
    height: auto;
    margin-top: 10px;
}

label.quiz-icon.active .quiz-option-img {
    display: block;
}

/* Радио — показываем нативный кружок аккуратно */
label.quiz-icon input[type="radio"],
label.quiz-icon input[type="checkbox"] {
    position: relative !important;
    left: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin: 6px 0 4px 0 !important;
    width: auto !important;
    height: auto !important;
}

/* адаптив: если мало места — делаем варианты по 2 в ряд */
@media (max-width: 520px) {
    label.quiz-icon {
        flex: 0 0 48% !important;
        max-width: 48% !important;
    }
}

/* адаптив: если мало места — делаем варианты по 2 в ряд */
@media (min-width: 505px) {
    label.quiz-icon.active .quiz-option-img {
        width: 77px !important;
    }
}

@media (max-width: 385px) {
    label.quiz-icon.active .quiz-option-img {
        width: 77px !important;
    }
}

/* десктоп: 3 в ряд (в JS рассчитывается flex basis) */
@media (min-width: 521px) {
    label.quiz-icon {
        flex: 0 0 calc(33.333% - 18px) !important;
        max-width: calc(33.333% - 18px) !important;
    }
}

/* немного уменьшить визуальные конфликты с .active из старого CSS */
label.quiz-icon.active {
    transform: none;
    box-shadow: none;
}

label.quiz-icon.active .quiz-option-img {
    border: 0.5px solid #80808030;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

/* ========== FIX для iOS / Safari: радиокнопки не должны растягиваться ========== */
/* вставьте в конец style.css */

.gd-quiz-wrap input[type="radio"],
.gd-quiz-wrap input[type="checkbox"],
.gd-quiz-wrap .quiz-option input[type="radio"],
.gd-quiz-wrap .quiz-option input[type="checkbox"],
.gd-quiz-wrap .quiz-icons input[type="radio"],
.gd-quiz-wrap .quiz-icons input[type="checkbox"] {
    /* Сбросить универсальный width:100% !important из предыдущих правил */
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    box-sizing: content-box !important;
    flex: 0 0 auto !important;
    /* Убедиться, что нативный вид активирован в Safari / iOS */
    -webkit-appearance: radio !important;
    appearance: radio !important;
    background: transparent !important;
    vertical-align: middle !important;
    accent-color: #e6b94d !important; /* если нужно */
}

/* тонкая подстройка отступа слева/справа у радио внутри лейбла */
.gd-quiz-wrap .quiz-option input[type="radio"],
.gd-quiz-wrap .quiz-icons .quiz-icon input[type="radio"] {
    margin-right: 10px !important;
}

/* если где-то использовалось "all: unset" — на iOS иногда мешает,
   гарантируем корректное отображение (fallback) */
.gd-quiz-wrap .quiz-option input[type="radio"],
.gd-quiz-wrap .quiz-icons input[type="radio"] {
    min-width: 16px !important;
    min-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

/* И ещё одно защитное правило — если тема пытается прятать native input абсолютом */
.gd-quiz-wrap .quiz-option input[type="radio"][style],
.gd-quiz-wrap .quiz-icons input[type="radio"][style] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ============ GD QUIZ — CLEAN FIX PACK ============ */
:root {
    --gd-gold1: #f7dd9b;
    --gd-gold2: #e6b94d;
    --gd-dark: #2f2f2f;
    --gd-text: #efefef;
}

/* Оверлей — один уровень прокрутки только внутри .gd-quiz-wrap */
.gd-quiz-modal {
    position: fixed !important;
    inset: 0 !important;
    display: none !important; /* по умолчанию скрыто */
    align-items: center !important;
    justify-content: center !important;
    z-index: 99999 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* НИКАКОГО scroll здесь */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gd-quiz-modal[aria-hidden="false"] {
    display: flex !important;
}

/* Карточка — ЕДИНСТВЕННЫЙ скроллящийся контейнер */
.gd-quiz-wrap {
    position: relative !important;
    width: 96% !important;
    max-width: 560px !important;
    max-height: calc(100svh - 32px) !important; /* 1 скроллер внутри */
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important; /* iOS */
    background: var(--gd-dark) !important;
    color: var(--gd-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 22px !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.75) !important;

    /* Графические фиксы, чтобы ничего не «просвечивало» при скролле */
    isolation: isolate !important;
    contain: layout paint !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    background-clip: padding-box !important;
}

/* Крестик */
.gd-quiz-wrap .gd-quiz-close {
    position: absolute !important;
    right: 14px !important;
    top: 10px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 26px !important;
    line-height: 1 !important;
    padding: 6px 8px !important;
    cursor: pointer !important;
    z-index: 20 !important;
}

/* Заголовок, прогресс */
.gd-quiz-title {
    margin: 0 0 12px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.gd-quiz-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 8px;
}

.gd-quiz-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--gd-gold1), var(--gd-gold2));
    transition: width .25s ease;
}

.gd-quiz-progress-text {
    text-align: center;
    margin-bottom: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
}

/* Шаги — строгая изоляция содержимого шага, чтобы края НИЧЕГО не показывали */
.quiz-step {
    display: none;
    width: 100%;
    overflow: clip; /* fallback: hidden */
}

@supports not (overflow: clip) {
    .quiz-step {
        overflow: hidden;
    }
}

.quiz-step.active {
    display: block;
}

.quiz-step {
    padding: 20px 0;
}

.step-title {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.gd-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 6px;
}

/* Поля */
.gd-quiz-wrap .wpcf7-form input[type="text"],
.gd-quiz-wrap .wpcf7-form input[type="tel"],
.gd-quiz-wrap .wpcf7-form input[type="email"],
.gd-quiz-wrap .wpcf7-form input[type="date"],
.gd-quiz-wrap .wpcf7-form textarea,
.gd-quiz-wrap .wpcf7-form select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    box-sizing: border-box;
    margin-top: 8px;
    font-size: 14px;
    outline: none;
}

.gd-quiz-wrap .wpcf7-form input::placeholder,
.gd-quiz-wrap .wpcf7-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

/* Радио/чекбоксы — плитки */
.quiz-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;
}

.quiz-option,
.quiz-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #efefef;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    flex: 1 1 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

.quiz-option input[type="radio"],
.quiz-checkbox input[type="checkbox"] {
    -webkit-appearance: radio;
    appearance: radio;
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 16px;
    accent-color: var(--gd-gold2);
}

.quiz-option.active, .quiz-checkbox.active {
    background: linear-gradient(180deg, var(--gd-gold1), var(--gd-gold2));
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
}

/* Кнопки */
.quiz-actions {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 16px;
}

.quiz-next, .quiz-next-step, .quiz-submit {
    background: var(--gd-gold2);
    color: #111;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.quiz-prev {
    background: transparent;
    color: #efefef;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
}

/* Иконки (шаг 3) — компактный список + картинка только у активного */
.quiz-icons.quiz-icons--radio-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    margin-top: 6px;
}

.quiz-icon {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.quiz-icon input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 auto;
    accent-color: var(--gd-gold2);
}

.quiz-icon .quiz-icon-text {
    display: block;
    font-weight: 700;
    color: #efefef;
    font-size: 14px;
    line-height: 1.1;
}

.quiz-icon .quiz-option-img {
    /*display:none;*/
    width: 140px;
    height: auto;
    margin-left: auto;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

.quiz-icon.active {
    background: linear-gradient(180deg, var(--gd-gold1), var(--gd-gold2));
    color: #111 !important;
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.quiz-icon.active .quiz-option-img {
    display: block;
}

.quiz-icon.active .quiz-icon-text {
    color: #111 !important;
}

/* Кастомные поля «свой вариант» */
.quiz-custom-input {
    margin-top: 10px;
}

.quiz-custom-input .wpcf7-form-control {
    width: 100% !important;
}

/* Скрыть служебный textarea */
.gd-quiz-wrap .wpcf7-form #order_summary {
    display: none !important;
}

/* Мобилка */
@media (max-width: 520px) {
    .gd-quiz-wrap {
        padding: 16px !important;
        max-width: 94% !important;
    }

    .quiz-option, .quiz-checkbox {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .quiz-next, .quiz-next-step, .quiz-prev {
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }
}

/* ========== END FIX PACK ========== */

.third .header-b__info p span {
    color: var(--color-gold);
}
.third .header-b__info p   {
    color: #fff;
}