:root {
    --ui_radius: 30px;
    --ui_radius_mini: 20px;
    --ui_bg_stock: #f9f9f9;
    --ui_main_color: #8000ff;
    --ui_hover_color: #8b00ff;
    --ui_dop_color_1: #C17506;
    --ui_color_white: #ffffff;
    --ui_padding: 20px;
    /*Основной Цвет:
    #0D467D #1F3F5E #042B51 #3E7FBE #6090BE
    Дополнительный Цвет:
    #C17506 #906628 #7D4B02 #E09E3D #E0AF69*/
}
h1 {
    font-family: 'Geometria', Arial, sans-serif;
/*    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.head1 {
    font-size: 22px;
    margin-bottom: 20px;
/*    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
}
.entry-content ul:not([class])>li:before {
    border: 3px solid var(--ui_main_color);
}
.entry-content ol:not([class])>li:before {
    color: var(--ui_main_color);
}
.ui_block_service h1 {
    text-align: center;
}
.ui_block_service h2,
.ui_block_service h3,
.content_overflow h2,
.content_overflow h3 {
    margin: 1em 0 1em;
    color: var(--ui_main_color);
}
input[type=text]:focus {
    border: 1px solid var(--ui_main_color);
}

/* ______________________________ UI */
.ui_flex {
    display: flex;
    flex-direction: row;
}
.ui_block {
/*    background: var(--ui_bg_stock);*/
/*    border: 3px solid var(--ui_bg_stock);*/
/*    padding: var(--ui_padding);*/
    border-radius: var(--ui_radius);
    margin-bottom: 100px;
/*    gap: var(--ui_padding);*/
}
.ui_block_0 {
/*    border: 3px solid var(--ui_bg_stock);*/
/*    line-height: 0;*/
    border-radius: var(--ui_radius);
    margin-bottom: 100px;
}
.ui_block_wide {
/*    border-radius: var(--ui_radius);*/
    margin-bottom: 100px;
    gap: var(--ui_padding);
}
.ui_block_border {
/*    border: 3px solid var(--ui_bg_stock);*/
    border-radius: var(--ui_radius);
}

.ui_wrap {
/*    border: 3px solid var(--ui_bg_stock);*/
    border-radius: var(--ui_radius);
    gap: var(--ui_padding);
}
.ui_wrap_mini {
/*    border: 3px solid var(--ui_bg_stock);*/
    border-radius: var(--ui_radius);
    gap: var(--ui_padding_mini);
}
.ui_50 {
    width: 50%;
    padding: var(--ui_padding);
}
.ui_25 {
/*    margin: 10px;*/
    width: 25%;
}
.ui_20 {
    width: 20%;
}
.ui_80 {
    width: 80%;
}
.ui_block_service {
    max-width: 1500px;
    margin: 0px auto;
}
@media (max-width: 1500px) {
    .ui_padding {
        padding: var(--ui_padding);
    }
}

/*____________ Шапка */
.site,
.site-header,
.main-navigation.fixed {
    background: #333333;
}
.main-navigation ul li>a,
.site-title,
.site-description,
.main-navigation.fixed,
.site-header {
    color: #fff;
}
/*____________*/
/*@media (min-width: 1200px) {*/
    .fixed.site-content {
/*        max-width: 1500px;*/
        max-width: 100%;
        padding: 0px;
    }
    .fixed.site-header-inner,
    .fixed.site-footer-inner,
    .main-navigation.fixed,
    .breadcrumb {
        max-width: 1190px;
        max-width: 1500px;
/*        max-width: 100%;*/
    }
    .ui_block, .ui_block_0 {
        max-width: 1500px;
        margin: 100px auto;
    }
/*}*/
@media (max-width: 992px) {
    .fixed.site-content {
/*        max-width: 960px;*/
        max-width: 100%;
    }
    .fixed.site-header-inner,
    .fixed.site-footer-inner,
    .main-navigation.fixed,
    .breadcrumb {
        max-width: 960px;
/*        max-width: 100%;*/
    }
    .ui_block, .ui_block_0 {
        max-width: 95%;
    }
}
@media (max-width: 768px) {
    .fixed.site-content {
/*        max-width: 720px;*/
        max-width: 100%;
        padding: 0px;
    }
    .fixed.site-header-inner,
    .fixed.site-footer-inner,
    .main-navigation.fixed,
    .breadcrumb {
        max-width: 720px;
/*        max-width: 100%;*/
    }
    .ui_block, .ui_block_0 {
        max-width: 98%;
    }
}

/* ______________________________ Контент */
#content form label {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}
#content form p {
    margin-bottom: 0px !important;
}
#content p {
/*    text-wrap: balance;*/
    margin-bottom: 1em;
}
#content ul {
/*    margin-top: -1em;*/
/*    margin-bottom: 1em;*/
/*    margin-left: 1em;*/
}
#content ul li {
/*    margin: 0px;*/
}
.breadcrumb {
    padding: 10px var(--ui_padding);
    margin: 0px auto;
    width: 95%;
}
/*____________________ Первый экран */
.first_slide_block {
/*    justify-content: space-evenly;*/
    margin-top: 50px;
}
.first_slide_buttons {
    display: flex;
    gap: 10px;
    margin-top: 40px;
}
.first_slide_buttons {
    justify-content: center;
}
@media (max-width: 600px) {
    .first_slide_buttons {
        flex-direction: column;
    }
}
.slide_l_wrap {
    padding: var(--ui_padding);
/*    height: 600px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slide_r_wrap {
    padding: var(--ui_padding);
}
/*_______________ Преимущества */
.benefits_block {
}
.benefits_block h2 {
    margin-bottom: 50px;
}
.benefits_wrap {
    gap: 10px;
    justify-content: center;
}
.benefits_el {
/*    margin: 5px;*/
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    max-width: 280px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.benefits_el:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.benefits_el:hover svg path {
  fill: var(--ui_main_color);
}

.benefit_img {
/*    width: 90px;*/
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit_img svg {
    width: 100px;
    padding: 10px;
}
.benefit_text {
/*    text-wrap: balance;*/
}
/*________________*/
.about_block {
/*    justify-content: space-evenly;*/
}
.about_l_wrap {
    display: flex;
    flex-direction: column;
}
.about_r_wrap {
}
.about_r_head {
    background-color: #333;
    color: var(--ui_color_white);
    padding: 10px;
    border-radius: var(--ui_radius_mini);
}
.about_l_img img {
    border-radius: var(--ui_radius);
}
.about_l_body {
    display: flex;
    flex-direction: column;
/*    padding: var(--ui_padding);*/
}
.about_el {
    margin: 10px 0px;
    background-color: var(--ui_bg_stock);
    padding: 10px;
/*    border: 3px solid var(--ui_bg_stock);*/
    border-radius: var(--ui_radius_mini);
}
/*_____________*/
.material_wrap {
/*    margin-bottom: 10px;*/
    align-items: center;
    background-color: var(--ui_bg_stock);
    margin-bottom: 10px;
}
.material_fill {
    fill: #d14100;
}
#content .material_wrap ul {
    margin-top: -1em;
    margin-bottom: 0em;
}
#content .material_wrap ul li {
    margin: 0em;
}
.material_l {
/*    padding: var(--ui_padding);*/
}
.material_l svg {
    padding: 20px;
    fill: var(--ui_main_color);
}
.material_r {
}
/*____________*/
.types_block {
}
.types_block h2 {
    text-align: center;
}
.types_block .bottom_head {
    text-align: center;
    text-align: center;
    font-size: 20px;
}
.types_wrap {
    flex-direction: row;

}
.types_el {
    flex-direction: column;
    position: relative;
}
.types_el_image {
    position: relative;
}
.types_el img {
    border-radius: var(--ui_radius);
}
.types_el .types_el_button {
    margin-top: -50px;
}
.types_el_head {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    width: 100%;
    cursor: pointer;
    background-color: #333;
    color: var(--ui_color_white);
}
.types_el_head:hover {
    background-color: var(--ui_hover_color);
}
.types_el_text {
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 50px;
}
.types_el_button {
    position: absolute;
    bottom: 0px;
}
/*______________*/
.howwork_block {
}
.howwork_wrap {
}
.howwork_el {
    flex-direction: column;
    gap: 0px;
    text-align: center;
    position: relative;
    background-color: var(--ui_bg_stock);
    border-radius: var(--ui_radius_mini);
}
.howwork_el_img {
    margin-top: 30px;
}
.howwork_el_img svg {
    width: 100px;
    padding: 10px;
}
.howwork_el_days {
    background-color: #333;
    color: var(--ui_color_white);
    position: absolute;
    top: 0px;
    width: 100%;
/*    border-radius: 10px;*/
}
.howwork_el_days_last {
    background-color: var(--ui_main_color);
    color: var(--ui_color_white);
    position: absolute;
    top: 0px;
    width: 100%;
}

/* __________ */
.otzyvy_wrap {

}
.otzyvy_el {
    display: flex;
    background-color: var(--ui_bg_stock);
    border-radius: var(--ui_radius);
}
.otzyvy_el_image {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 0;
    border-radius: var(--ui_radius);
    margin: 0px auto;
    width: 25%;
    height: 400px;
}
.otzyvy_el_image a {
    display: block;
    width: 100%;
    height: 100%;
}
.otzyvy_el_image img {
/*    display: block;*/
/*    float: left;*/
/*    border: 0;*/
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.otzyvy_el_main {
    padding: 0px var(--ui_padding);
    width: 75%;
}
.otzyvy_el_main_mini {
    padding: 10px;
}
.otzyvy_el_name {
    background-color: #333;
    color: var(--ui_color_white);
    padding: 10px;
    border-radius: 10px;
}
.otzyvy_el_date {
}
.otzyvy_el_text {
}

/* __________ */
.ui_block iframe,
.ui_block_0 iframe {
    border-radius: var(--ui_radius);
    width: 100% !important;
}
.ui_block_wide iframe {
    width: 100% !important;
}

/*Показать больше*/
.content_overflow {
    max-height: 365px;
/*    min-height: 365px;*/
    overflow: hidden;
    position: relative;
}
.content_overflow.expand {
    max-height: none;
    height: auto;
    overflow: hidden;
}
.expand-button .less, .expand-button.btn-more .more {
    display: none;
}
.expand-button .more, .expand-button.btn-more .less {
    display: block;
    padding: 7px;
/*    width: 100%;*/
    width: 200px;
    margin-top: 26px;
    background-color: var(--ui_main_color);
    border-radius: 10px;
    color: var(--ui_color_white);
    font-weight: bold;
    height: 40px;
    border: none;
}
.expand-button {
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.content_overflow:before {
    content: "\00a0";
    height: 120px;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.content_overflow.expand:before {
    height: 0;
}
.hidden {
    visibility: hidden;
}


/*_______________ФОРМЫ*/
.wpcf7-form label {
    width: 100%;
}
input.wpcf7-text,
input.wpcf7-mask,
select.wpcf7-select {
    width: 100%;
    background-color: #fff;
/*    color: var(--ui_color_white);*/
/*    font-weight: bold;*/
    padding: 10px;
    border: 1px solid #ced4da;
/*    border-radius: 10px;*/
/*    border: 1px solid transparent;*/
    margin-top: 15px;
}
select.wpcf7-select {
    cursor: pointer;
}
input.wpcf7-text:hover,
select.wpcf7-select:hover {
    border: 1px solid #ced4da;
/*    border: 1px solid var(--ui_main_color);*/
/*    background-color: var(--ui_hover_color);*/
}
input.wpcf7-submit,
button.wpcf7-submit {
    cursor: pointer;
    width: 100%;
    margin-top: 15px;
    background-color: var(--ui_main_color);
    color: var(--ui_color_white);
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 0px 0px 10px 10px;
/*    margin: 0px;*/
}
input.wpcf7-submit:hover,
button.wpcf7-submit:hover {
    background-color: var(--ui_hover_color);
}

.wpcf7-submit-type1 {
    cursor: pointer;
/*    height: 40px;*/
    padding: 6px 12px;
    font-size: 18px;
    display: inline-block;
    background-color: var(--ui_dop_color_1);
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
/*    border: none;*/
    border: 1px solid #ced4da;
}
.wpcf7-submit-type1:hover {
    color: var(--ui_main_color);
}
.wpcf7-submit-type2 {
    cursor: pointer;
    background-color: rgb(243, 255, 8);
    border-radius: 15px;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(25, 38, 112);
    padding: 14px 34px;
    font-size: 21px;
    font-weight: bold;
    color: rgb(25, 38, 112);
}
.wpcf7-submit-type2:hover {
    background-color: rgb(67, 59, 129);
    border-color: rgb(67, 59, 129);
    color: rgb(255, 255, 255);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: 3px solid #a70000;
    border-radius: var(--ui_radius_mini);
    margin: 0px;
}
.wpcf7-spinner {
    display: none;
}

.wpcf7-button-submit-type3 {
    color: #fff;
    background-color: var(--ui_main_color);
    display: block;
    height: 50px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
/*    font-family: Ubuntu;*/
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
/*    width: 100%;*/
    display: inline-block;
/*    padding-left: 35px;*/
    background-repeat: no-repeat;
    background-position: 0px center;
    transition: all 0.2s ease;
    transition-delay: 0;
    padding-left: 50px;
}
.wpcf7-button-submit-type3:hover {
    color: #fff;
    background-color: var(--ui_hover_color);
    transition-delay: 0.2s;
}
.wpcf7-button-submit-type3 svg {
    width: 30px;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0px;
}

.wpcf7-button-submit-type4 {
    color: #333;
    background: #fff;
    border: 1px solid var(--ui_main_color);
    display: block;
    height: 50px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
/*    font-family: Ubuntu;*/
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    box-sizing: border-box;
/*    border: 0;*/
    cursor: pointer;
    transition: all 0.2s ease;
    transition-delay: 0;
    padding-left: 50px;
}
.wpcf7-button-submit-type4:hover {
    color: #fff;
    background: linear-gradient(83.86deg, var(--ui_main_color) 0%, var(--ui_hover_color) 100%);
    border: 1px solid var(--ui_main_color);
    transition-delay: 0.2s;
}
.wpcf7-button-submit-type4 svg {
    width: 30px;
    fill: #333;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0px;
}
.wpcf7-button-submit-type4:hover svg {
    fill: #fff;
}


.wpcf7-button-submit-type5 {
    color: #fff;
    background-color: var(--ui_main_color);
    display: block;
    height: 50px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px center;
    transition: all 0.2s ease;
    transition-delay: 0;
}
.wpcf7-button-submit-type5:hover {
    color: #fff;
    background-color: var(--ui_hover_color);
    transition-delay: 0.2s;
}

.glow-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.glow-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0.6), rgba(255,255,255,0.2));
  transform: skewX(-25deg);
  z-index: 2;
  animation: glow-sweep 2.5s infinite;
  pointer-events: none;
}

@keyframes glow-sweep {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}


/*___________ SVG */
.svg_icon path, .svg_icon circle, .svg_icon polygon, .svg_icon rect {
    fill: var(--ui_main_color);
}
.svg_icon .st0 {
    fill: none;
    stroke: var(--ui_main_color);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

/*___________*/
.akcii_wrap .splide__slide {
/*    position: relative;*/
/*    display: flex;*/
/*    overflow: hidden;*/
/*    height: 350px;*/
/*    width: 100%;*/
/*    align-items: center;*/
/*    padding: 0px;*/
}
.akcii_wrap .splide__list {
/*    border-radius: var(--ui_radius);*/
}
.akcii_wrap .splide__slide img {
    filter: brightness(90%) blur(1.5px);
    width: 100%;
    height: 100%;
    object-fit: cover;
/*    padding: 0px 10px;*/
/*    border-radius: var(--ui_radius);*/
}
.akcii_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    width: 100%;
    background-color: #333;
    color: var(--ui_color_white);
    padding: 30px 0px;
}


/*___________*/
#splide__otzyvy .splide__slide {
    display: flex;
    flex-direction: row;
}
#splide__otzyvy .splide__pagination__page {
    background-color: var(--ui_main_color);
}
#splide__otzyvy .splide__pagination__page.is-active {
    background-color: #000;
}


.works_wrapper .splide__list {
/*    border-radius: var(--ui_radius);*/
}
.works_wrapper .splide__track {
/*    border-radius: var(--ui_radius);*/
}
.works_wrapper .splide__slide {
/*    border-radius: var(--ui_radius);*/
}
.works_wrapper .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
/*    padding: 0px 10px;*/
    border-radius: var(--ui_radius);
}

/*______*/
.links_wrap_simple ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0px;
    padding: 0px;
}
.links_wrap_simple ul li {
    border: none;
}
.links_wrap_simple ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px;
    text-decoration: none;
    border-radius: 10px;
    color: var(--ui_color_white);
    background-color: #333;
}

.links_wrap ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0px;
    padding: 0px;
}
.links_wrap ul li {
    border: none;
}
.links_wrap ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 14px 7px 40px;
    text-decoration: none;
    border-radius: 10px;
    color: var(--ui_color_white);
    background-color: #333;
}
.links_wrap ul li a::before {
    content: url('/wp-content/uploads/svg/link.svg');;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 10px;
    animation: rotate 3s linear infinite;
}
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}  
.links_wrap ul li:hover a::before {
    fill: green;
    animation: none;
}
.links_wrap ul li:hover a {
    color: var(--ui_color_white) !important;
    background-color: var(--ui_hover_color);
}
.links_wrap ul li::marker {
    display: none;
}


/*_______________Phone */


.link_phone {
    margin: 10px 0px;
}
.icon_phone {
    fill: #fff;
    width: 20px;
    margin-right: 10px;
}
/*[href^="tel:"]*/
a.phone_type1 {
    display: inline-block;
    font-size: 18px;
/*    padding: 6px 12px;*/
    text-decoration: none;
/*    font-weight: bold;*/
    /*background-color: var(--ui_dop_color_1);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.3s;*/
}
a.phone_fff,
.header_wrap a.phone_type1,
.footer2 a.phone_type1 {
    color: #fff;
}
a.phone_type1:hover {
    color: var(--ui_main_color);
/*    background-color: var(--ui_main_color);*/
}
a.phone_type1 .icon_phone {
    fill: #000;
}
a.phone_fff .icon_phone,
.header_wrap a.phone_type1 .icon_phone,
.footer2 a.phone_type1 .icon_phone {
    fill: #fff;
}
a.phone_type1:hover .icon_phone {
/*    fill: var(--ui_main_color);*/
}
a.phone_big {
    font-size: 24px;
}
a.phone_big .icon_phone {
    fill: var(--ui_main_color);
}

/*_______________*/

.rasschitat_wrap {
    position: relative;
    display: flex;
    justify-content: center;
}
.rasschitat_wrap img {
    filter: brightness(90%) blur(1.5px);
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.rasschitat_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    width: 100%;
/*    background-color: var(--ui_main_color);*/
    background-color: #333;
    color: var(--ui_color_white);
    padding: 20px 0px;
}

/*_______________________*/
.rassrochka_wrap {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #333;
    border-radius: var(--ui_radius);
    padding: 100px 30px;
}
.rassrochka_wrap button {
    margin: 0px;
}
.rassrochka_head {
    font-size: 36px;
    color: rgb(255, 241, 0);
    animation: tada 1s;
    transform: translateZ(0);
    transition-duration: .5s;
    animation-iteration-count: infinite;
}
.rassrochka_body {
    font-size: 36px;
    color: var(--ui_color_white);
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*_______________________*/
.voprosy_wrap {
    position: relative;
    display: flex;
    justify-content: center;
}
.voprosy_wrap img {
    filter: brightness(90%) blur(1.5px);
    width: 100%;
    height: 560px;
    object-fit: cover;
}
.voprosy_body {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
/*    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);*/
    color: var(--ui_color_white);
    background-color: #333;
    padding: 20px;
    border-radius: var(--ui_radius);
}
.voprosy_head {
    font-size: 24px;
}

/*_______________________*/
.dogovor_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.dogovor_body {
    display: flex;
    flex-direction: column;
    font-size: 30px;
}
.dogovor_images {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px;
}
.dogovor_images img {
    width: 200px;
    cursor: pointer;
}

/*_______________________*/
.fancybox__content {
    border-radius: 20px;
}
.social_wrap {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.social_wrap svg {
    width: 35px;
}
.header_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.site-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
.site-title {
    font-size: 20px;
}
.site-description {
    max-width: 230px;
    font-size: 14px;
}

/*___________________*/
#splide__portfolio .splide__track img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: var(--ui_radius);
}
#splide__portfolio li {
    padding: 5px;
}

.wpcf7-calculator-footer {
/*    width: 100%;*/
}
.wpcf7-konsulyaciya-footer {
/*    width: 100%;*/
}

/*___________________FOOTER*/
.footer-widgets {
    gap: 10px;
}
.footer-widget {
    width: 25%;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer1 {

}
.footer1_block {
    margin: 20px 0px;
}
.footer1_icon {

}
.footer1_head {

}
.footer1_text {

}

.footer2 {

}
.footer2_link_calculator {

}
.footer2_link_konsulyaciya {

}
.footer2_block {
    margin: 20px 0px;
}
.footer2 .wpcf7-submit {
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
}
.footer2 .wpcf7-button-submit-type3 {
}
.footer2 .wpcf7-button-submit-type4 {
    margin: 10px 0px;
    border: 1px solid transparent;
}
.footer2_phone {

}
.footer2_head {

}
.footer2_text {
    font-size: 16px;
    margin: 10px 0px;
}
.footer2_link {

}
@media (max-width: 767px) {
    .footer-widget {
        width: 100%;
    }
    .footer2 {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    .footer-widget .menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


/*___________________ADAPTIVE*/
@media (max-width: 1200px) {
    .dogovor_body {
        font-size: 20px;
    }
}
@media (max-width: 1200px) {
    .types_wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .types_el {
        width: 48%;
        justify-content: flex-start;
    }
}
@media (max-width: 1000px) {
    a.phone_type1 {
        font-size: 14px;
    }
    .wpcf7-submit-type1 {
        font-size: 14px;
    }
}
@media (max-width: 900px) {
    .slide_l_wrap {
        width: 100%;
    }
    .slide_r_wrap {
        display: none;
    }
    .benefits_wrap {
        flex-wrap: wrap;
    }
    .benefits_el {
        width: 33%;
    }
    .about_block {
        flex-direction: column-reverse;
    }
    .about_l_wrap {
        width: 100%;
    }
    .about_r_wrap {
        width: 100%;
    }
    .types_wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .types_el {
        width: 46%;
    }
    .howwork_wrap {
        flex-wrap: wrap;
    }
    .howwork_el {
        width: 48%;
    }
    .rassrochka_head {
       font-size: 25px;
    }
    .rassrochka_body {
       font-size: 18px;
    }
    .dogovor_wrap {
        flex-direction: column;
    }
    .dogovor_body {
        margin-bottom: 30px;
    }
    .otzyvy_el_text {
        font-size: 14px;
    }
    .otzyvy_el_main {
        width: 50%;
    }
    .otzyvy_el_image {
        width: 50%;
    }
}
@media (max-width: 750px) {
    .rassrochka_wrap {
        flex-direction: column;
    }
    .rassrochka_l {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }
    .rassrochka_head {
/*       font-size: 20px;*/
    }
    .rassrochka_body {
/*       font-size: 16px;*/
    }
}
@media (max-width: 600px) {
    .types_el {
        width: 100%;
    }
}
@media (max-width: 580px) {
    .benefits_el {
        width: 48%;
    }
    .benefit_text {
        font-size: 14px;
    }
    .howwork_wrap {
        flex-direction: column;
    }
    .howwork_el {
        width: 100%;
    }
    .akcii_body {
        font-size: 16px;
        padding: 50px;
    }
}
@media (max-width: 500px) {
    .material_wrap {
        flex-direction: column;
        padding: 15px 0px;
    }
    .material_l {
        width: 110px;
    }
    .benefits_wrap {
        justify-content: center;
        align-items: flex-start;
    }
}

/*___________________*/
.header_wrap .wpcf7-submit-type1 {
    animation: animate-submit 1.2s infinite linear;
    backface-visibility: hidden;
}
.rasschitat_body .wpcf7-submit-type2 {
    animation: animate-submit 1.2s infinite linear;
    backface-visibility: hidden;
}
@keyframes animate-submit {
    0% {
        transform: translateY(0px) scale(1, 1);
        animation-timing-function: 0;
    }
    37.5% {
        transform: translateY(1px) scale(1.1, 1.1);
        animation-timing-function: 0;
    }
    100% {
        transform: translateY(0px) scale(1, 1);
    }
}



.typewriter-head {
  color: #88bbff;
  font-family: Lato, sans-serif;
}
/* Typewriter effect 1 */
@keyframes typing {
    0%, 95% { content: ""; }
    1%, 94% { content: "В"; }
    2%, 93% { content: "Ва"; }
    3%, 92% { content: "Ваш"; }
    4%, 91% { content: "Ваши"; }
    5%, 90% { content: "Ваши "; }
    6%, 89% { content: "Ваши п"; }
    7%, 88% { content: "Ваши пр"; }
    8%, 87% { content: "Ваши пре"; }
    9%, 86% { content: "Ваши преи"; }
    10%, 85% { content: "Ваши преим"; }
    11%, 84% { content: "Ваши преиму"; }
    12%, 83% { content: "Ваши преимущ"; }
    13%, 82% { content: "Ваши преимуще"; }
    14%, 81% { content: "Ваши преимущес"; }
    15%, 80% { content: "Ваши преимущест"; }
    16%, 79% { content: "Ваши преимуществ"; }
    17%, 78% { content: "Ваши преимущества"; }
    18%, 77% { content: "Ваши преимущества "; }
    19%, 76% { content: "Ваши преимущества п"; }
    20%, 75% { content: "Ваши преимущества пр"; }
    21%, 74% { content: "Ваши преимущества при"; }
    22%, 73% { content: "Ваши преимущества при "; }
    23%, 72% { content: "Ваши преимущества при р"; }
    24%, 71% { content: "Ваши преимущества при ра"; }
    25%, 70% { content: "Ваши преимущества при раб"; }
    26%, 69% { content: "Ваши преимущества при рабо"; }
    27%, 68% { content: "Ваши преимущества при работ"; }
    28%, 67% { content: "Ваши преимущества при работе"; }
    29%, 66% { content: "Ваши преимущества при работе "; }
    30%, 65% { content: "Ваши преимущества при работе с"; }
    31%, 64% { content: "Ваши преимущества при работе со"; }
    32%, 63% { content: "Ваши преимущества при работе со "; }
    33%, 62% { content: "Ваши преимущества при работе со м"; }
    34%, 61% { content: "Ваши преимущества при работе со мн"; }
    35%, 60% { content: "Ваши преимущества при работе со мно"; }
    35%, 60% { content: "Ваши преимущества при работе со мной"; }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.typewriter {
  --caret: currentcolor;
}
.typewriter::before {
  content: "";
  animation: typing 13.5s infinite;
}
.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}
.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}
.typewriter.nocaret::after {
  border-right: 0;
}
/*@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  @keyframes sequencePopup {
    0%, 100% { content: "developer"; }
    25% { content: "writer"; }
    50% { content: "reader"; }
    75% { content: "human"; }
  }
  .typewriter::before {
    content: "developer";
    animation: sequencePopup 12s linear infinite;
  }
}*/



.advantages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  max-width: 800px;
  margin: 0 auto;
  background-color: #f2f2f2;
  padding: 40px;
  border-radius: 8px;
}
.advantage-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #5e4a36;
  font-size: 16px;
  line-height: 1.4;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.advantage-item svg {
  margin-top: 4px;
  width: 32px;
  height: 32px;
  stroke: var(--ui_main_color);
  transition: stroke 0.3s ease, transform 0.3s ease;
}
.advantage-item:hover .icon-svg {
  stroke: #218838; /* темнее на hover */
  transform: scale(1.1);
}
.advantage-item:hover {
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .advantages {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }
  .advantage-item {
    font-size: 15px;
  }
  .advantage-item img {
    width: 22px;
    height: 22px;
  }
}



.promo-block {
  text-align: center;
  padding: 40px 20px;
  background-color: #fff;
}
.promo-title {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 40px;
  color: #333;
}
.promo-title span {
  font-size: 26px;
  font-weight: bold;
  color: var(--ui_main_color);
}
.promo-grid {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.promo-item {
    cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  max-width: 280px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  justify-content: space-between;
}
.promo-item img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 16px;
}
.promo-item p {
  font-size: 15px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 16px;
}
.promo-btn {
  background-color: var(--ui_main_color);
  color: #fff;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.promo-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.promo-btn:hover {
  background-color: #218838;
  transform: scale(1.05);
}
.promo-btn:active {
  transform: scale(0.95);
}

@media (max-width: 768px) {
  .promo-title {
    font-size: 20px;
  }
  .promo-title span {
    font-size: 22px;
  }
  .promo-grid {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .promo-item {
    max-width: 100%;
    padding: 70px;
  }
}



.hero {
  background: url('/wp-content/themes/mebelant/img/hero-bg.jpg') center/cover no-repeat;
  position: relative;
  color: white;
  text-align: center;
/*  padding: 60px 20px;*/
}
.hero-overlay {
  background: rgba(0, 0, 0, 0.6);
  padding: 60px 0px;
/*  border-radius: 8px;*/
}
.hero h1 {
  font-size: 32px;
  margin-bottom: 10px;
}
.hero.lazy-background {
  background-color: #333;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.subhead {
  font-size: 18px;
  color: #ffeb3b;
  margin-bottom: 30px;
}
.subhead span {
  font-weight: bold;
  display: block;
  color: #ffd600;
}
.offers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
}
.offer-box {
  background: rgba(0, 0, 0, 0.7);
  border: 3px solid white;
  border-radius: 12px;
  padding: 20px;
  max-width: 320px;
  text-align: left;
}
.offer-box-head {
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
}
.offer-box ul {
  list-style: none;
  padding: 0;
  color: #90ee90;
  font-size: 15px;
}
.offer-box ul li {
    padding: 0px !important;
}
.offer-box ul li:before {
    display: none !important;
}
.consult-block p {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding: 12px 16px;
  display: inline-block;
  border-radius: 8px;
  color: #ffd600;
}
.consult-block {

}
.consult-block form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.consult-block form label {
/*    display: inline-block;*/
}
.consult-block form p {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
@media (max-width: 800px) {
    .consult-block form p {
        flex-direction: column;
    }
}
.consult-block form p:before {
    display: none;
}
.consult-block form input {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid transparent;
/*    border: none;*/
    font-size: 14px;
     width: 250px; 
    /* max-width: 100%; */
    margin: 0px;
    line-height: 16px;
    cursor: pointer;
}
.consult-block form input.wpcf7-text {
  background: #fff;
}
.consult-block form button {
  background-color: var(--ui_main_color);
  color: white;
/*  border: none;*/
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.consult-block form button:hover {
  background-color: #218838;
  transform: scale(1.05);
}
.consult-block form button:active {
  transform: scale(0.97);
}
.checkmark {
  width: 20px;
  height: 20px;
  stroke: #4caf50;
  stroke-width: 3;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-right: 8px;
  vertical-align: middle;
  animation: drawCheck 0.5s ease forwards;
}
@keyframes drawCheck {
  0% {
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.offer-box ul {
  list-style: none;
  padding: 0;
}
.offer-box li {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 15px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .hero h1 {
    font-size: 24px;
  }
  .subhead {
    font-size: 16px;
  }
  .offer-box {
    max-width: 100%;
  }
  .consult-form {
    flex-direction: column;
    align-items: center;
  }
  .consult-form input,
  .consult-form button {
    width: 100%;
    max-width: 350px;
  }
}

.sticky-form {
  display: none;
}
.mobile-consult-form {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  background-color: #ffffffee;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}
.mobile-consult-form input {
  flex: 1;
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.mobile-consult-form button {
  background-color: var(--ui_main_color);
  color: white;
  border: none;
  padding: 0 16px;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
}
.mobile-consult-form button:hover {
  background-color: #218838;
}
@media (max-width: 768px) {
  .sticky-form {
    display: block;
  }
}



.order-section {
  padding: 40px 20px;
  background-color: #fff;
}
.order-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.order-text {
  flex: 1 1 360px;
}
@media (max-width: 800px) {
    .order-text {
        flex: 1 1 0;
    }
}
.order-text h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.3;
}
.order-text p {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
.order-image-wrapper {
  position: relative;
  flex: 1 1 500px;
}
.order-image {
  width: 100%;
  border-radius: 24px;
  display: block;
    height: 500px;
    object-fit: cover;
}
.order-button {
    cursor: pointer;
    color: #fff;
    border: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: var(--ui_main_color);
    color: white;
    text-align: center;
    padding: 18px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease-in-out;
    animation: pulseZoom 2s infinite;
}
.order-button:hover {
    color: #000 !important;
  background-color: var(--ui_main_color);
  opacity: 0.95;
/*  transform: scale(1.15);*/
  box-shadow: 0 8px 20px rgba(156, 39, 176, 0.3);
}
@keyframes pulseZoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@media (max-width: 768px) {
  .order-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .order-text h2 {
    font-size: 24px;
  }
  .order-button {
    width: 120px;
    height: 120px;
    font-size: 14px;
    bottom: 16px;
    left: 16px;
  }
}

.humburger {
    left: unset;
    right: 20px;
}
.humburger span {
    background: #fff;
}
.main-navigation ul li .sub-menu {
    background: #3f3f3f;
}
.main-navigation ul li.menu-item-has-children:before {
    background: none;
}
.main-navigation ul li>span {
    padding: 15px 10px;
}
.main-navigation ul li .sub-menu li>a {
    padding: 10px 10px;
}

.portfolio__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0px;
}
.portfolio__list li {
    width: 25%;
    height: 200px;
    padding: 5px;
}
.portfolio__list li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .portfolio__list li {
        width: 33%;
    }
}
@media (max-width: 620px) {
    .portfolio__list li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .site-header-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 450px) {
    .header_wrap {
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 370px) {
    .wpcf7-button-submit-type3 svg {
        width: 20px;
    }
    .wpcf7-button-submit-type4 svg {
        width: 20px;
    }
}

@media (max-width: 600px) {
    .order-image-wrapper {
        width: 100%;
    }
}
.widget {
    text-align: center;
}
@media (max-width: 768px) {
    .zayavka-button {
        position: fixed;
        right: 0px;
        bottom: 10px;
        margin-right: 140px;
        z-index: 1000;
    }
    .zayavka-button .order-button {
        width: 100px;
        height: 100px;
    }
}
#fancy-modal-konsulyaciya-main {
    display: none;
}

#kitchen-quiz {
  max-width: 600px;
  margin: 0 auto;
  padding: 25px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

.quiz-step {
  display: none;
}

.quiz-step.active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

.quiz-step p {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.quiz-step-head {
  padding-bottom: 20px !important;
  text-align: center;
}

/* Стилизация radio-опций */
.wpcf7-list-item {
  position: relative;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.wpcf7-list-item input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

.wpcf7-list-item-label {
  display: block;
  padding: 14px 18px;
  background: #f1f1f1;
  border-radius: 8px;
  font-size: 18px;
  transition: background 0.2s;
  position: relative;
  z-index: 1;
}

/* Активный выбранный вариант */
.wpcf7-list-item.checked .wpcf7-list-item-label {
  background: #49a8e9;
  color: #fff;
  font-weight: bold;
}


/* Кнопка назад */
.prev-step {
  margin-top: 20px;
  background: none;
  border: none;
  color: #49a8e9;
  font-size: 16px;
  cursor: pointer;
  text-decoration: underline;
}

.prev-step:hover {
  color: #2f8ad6;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}