@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Montserrat:wght@400;500;600;700&display=swap');

* {
    box-sizing: border-box;
    color: var(--gc-text);
    text-decoration: none;
}

body {
    --gc-primary: #18A0FB;
    --gc-title: #1B1B1B;
    --gc-text: #535353;
    --gc-accent-text: #FFFFFF;
    --gc-accent: radial-gradient(100% 2894.05% at 14.74% 100%, #2384C4 0%, #18A0FB 100%);
    --gc-grey-accent: #eee;
    --gc-box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.2);
    --gc-border-color: #A3A3A3;
    --gc-border-dashed: 2px dashed var(--gc-border-color);
    background: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    margin: 0;
}

img {
    max-width: 100%;
	height: auto;
	width: auto;
}
iframe {
    max-width: 100%;
    height: 190px;
    border-radius: 15px 15px 0 0;
    max-height: 250px;
}
.jc-sb {
 justify-content: space-between;
}
.m-top {
    margin-top: 20px;
}
.section {
    padding-top: 68px;
    padding-bottom: 20px;
}
.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 9999999999999;
}
.modal .overlay {
width: 100%;
height: 100%;
position: absolute;
background:rgba(0, 0, 0, 0.2);
}
.modal-popup .select, .modal-popup input, .modal-popup .custom-checkbox label>span {
    margin-top: 20px;
    margin-bottom: 0 !important;
}
.mobile-shar {
	display: none;
}
.modal-popup {
    position: fixed;
    width: 45%;
    background: #fff;
    box-shadow: var(--gc-box-shadow);
    padding: 24px 15px 10px;
    border-radius: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	max-height: 100%;
}
#modal-consult .modal-popup {
	padding: 24px 25px 10px;
}
#modal-contact .modal-popup {
	width: 40%;
	padding-bottom: 20px;
}
#modal-contact .col__1-2 {
	width: 50%;
	padding: 20px;
}
#modal-contact .col__1-2>div {
    margin-bottom: 20px;
}
#modal-contact .btn {
    width: fit-content;
    display: inline-block;
}
#modal-contact .btn span {
    padding: 11px 20px;
}
#modal-contact .mod-btn {
	justify-content: space-evenly;
}
#modal-contact a.social-icon {
    margin: 5px;
}
#modal-contact .col__1-2>div {
    margin-bottom: 20px;
    margin-top: 0;
}
.close-modal {
    position: absolute;
    right: -20%;
    top: 0;
    background: #fff;
    padding: 7px 12px 6px;
    border-radius: 50px;
    box-shadow: var(--gc-box-shadow);
    cursor: pointer;
}
.tablinks, .tab-link, .check, .custom-checkbox {
    cursor: pointer;
}
.close-modal svg {
    max-width: 13px;
    max-height: 13px;
}
.modal-popup .subtitle {
    text-align: center;
}
.modal {
    display: none;
}
.modal.open {
    display: block;
}
.header-height {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	transition: all .3s ease;
	z-index: 9999;
}
header.out .header-height {
    height: 73px;
}
header {
    min-height: 130px;
}
input {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;  
}
header .logo, footer .img-foot {
	position: relative;
}
header .logo:before, footer .img-foot:before {
	content: '';
	background: url(http://clean.proytgx3.beget.tech/wp-content/uploads/2023/12/hat-e1703323339602.png) center center / contain no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -15px;
    left: -15px;
    transform: rotate(-20deg);
}

.header-sticky {
    box-shadow: var(--gc-box-shadow);
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.header-sticky>.row {
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}
.header-sticky .social>a {
    margin-right: 5px;
}
.header-sticky .btn span {
    display: flex;
    align-items: center;
    padding: 6px 50px;
}
.header-sticky .btn>span>img {
    padding-left: 10px;
}
.header-menu {
    background: #fff;
    box-shadow: var(--gc-box-shadow);
    transition: 0.5s all;
}
header.out .header-menu {
	transform: translateY(-100%);
}
.header-menu ul {
    justify-content: center;
    margin: 0;

}
.mobile-menu {
    font-weight: 400;
    padding: 5px 0;
}

ul {
    padding-left: 0;
}
li {
    list-style: none;
}
.header-menu ul.menu.row>li.menu-item {
    position: relative;
    padding: 20px 40px;
}
.header-menu .dropdown-menu {
    position: absolute;
    background: #fff;
    display: none;
    visibility: hidden;
    top: 100%;
    padding: 20px 40px;
    box-shadow: var(--gc-box-shadow);
	z-index: 99;
}
.header-menu li.dropdown:after {
    content: '';
    display: block;
    width: 10px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url('/wp-content/themes/clean/assets/img/svg/arrow-min.svg') no-repeat right center / contain;
    opacity: 0.6;
    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-menu li.dropdown:hover:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header-menu li.dropdown:hover .dropdown-menu.row {
    display: flex;
    visibility: visible;
    width: 520px;
	z-index: 99;
}
.dropdown-menu .menu-col__1-2 {
    width: 45%;
}
.header-menu .dropdown-menu li {
    margin-bottom: 7px;
}
.header-menu li.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    width: 265px;
}
.drop-menu__title {
    margin-bottom: 10px;
}
.header-menu li.menu-item.promo>a:before {
    content: '4';
    display: block;
    right: 20px;
    top: 15px;
    position: absolute;
    background: #FF0000;
    color: #fff;
    font-size: 11px;
    border-radius: 50px;
    padding: 0 5px;
    font-weight: 600;
}
.content-container {
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.row_padd {
	padding: 40px 0;
}

.btn,
input[type="submit"].btn {
    position: relative;
    display: flex;
    cursor: pointer;
}

.btn span, input[type="submit"].btn {
    background: var(--gc-accent);
    color: var(--gc-accent-text);
    padding: 11px;
    text-align: center;
    display: block;
    font-weight: 500;
    position: relative;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.btn.medium>span {
    padding: 17px 50px;
}

.btn.icon span {
    padding: 12px 11px 0 14px;
}

.btn:before,
input[type="submit"].btn:before {
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    top: 25%;
    background: rgba(0, 0, 0, 0.2);
    filter: blur(10px);
    border-radius: 5px;
    transform: translateX(-50%);
    left: 50%;
}
.promo-btns.row .btn:first-child span {
    padding: 11px 50px;
}
.title {
    font-family: 'Comfortaa', sans-serif;
    font-weight: 400;
    color: var(--gc-title);
    line-height: 1.5;
}

.subtitle {
    font-family: 'Comfortaa';
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    color: var(--gc-title);
}

.price {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: var(--gc-title);
    margin: 12px 0 24px 0;
}

.banner-section {
    background: center center/cover no-repeat;
    overflow: hidden;
}

.banner-content {
    width: 50%;
    padding: 100px 0 60px;
}
.elka {
	position: fixed;
    bottom: 0;
    max-width: 8%;
	z-index: 9;
}
.accent-block__white {
    box-shadow: var(--gc-box-shadow);
    background: #fff;
}

.accent>span {
    color: var(--gc-primary);
    font-weight: 700;
}

h1.title {
    font-size: 40px;
    margin-bottom: 15px;
    line-height: 1.3;
    letter-spacing: -1.5px;
}

.banner-img {
    align-items: end;
    display: flex;
    width: 50%;
}
.banner-img img {
    height: 90%;
    max-width: 200%;
    width: auto;
}
h2.title {
    font-size: 25px;
    width: fit-content;
    margin-top: 0;
    margin-right: 50px;
}

h2.title:before {
    content: '';
    width: 80px;
    height: 5px;
    display: block;
    background: var(--gc-primary);
    border-radius: 5px;
    margin-bottom: 24px;
}

h3.title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}

.banner-section .btn {
    width: 40%;
    margin-top: 15px;
}

.banner-section .text {
    width: 80%;
}

.banner-section .promo {
    margin-top: 78px;
    width: 80%;
}

.banner-section .promo>.circle {
    padding: 5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--gc-box-shadow);
}

.banner-section .promo>.circle div {
    padding: 15px;
    width: 180px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    text-align: center;
    border: var(--gc-border-dashed);
}
.banner-section .promo-btns {
    margin: auto 0;
    width: 60%;
    justify-content: center;
}

.banner-section .promo-btns>.btn {
    width: fit-content;
    margin: 5px;
}

.services-section {
    margin-top: 28px;
    padding: 46px 0;
    background: url('assets/img/line-background.png') center top/contain no-repeat;
}
.bg-custom .banner-content {
    padding: 100px 0 150px; 
}
.banner-section.bg-custom .btn {
    width: 28%;
    margin-top: 15px;
    margin: 15px 20px;
}
.bg-custom .banner-img {
    width: auto;
}
.desc-title {
    width: 49%;
    margin: auto 0;
}
.service-item {
    margin-bottom: 70px;
}

.service-item__header {
    border-radius: 15px;
    padding: 15px 20px;
}

.services-section h3 {
    width: 69%;
    margin: 0;
}

.services-section h3.subtitle:after {
    content: '';
    width: 60px;
    height: 3px;
    display: block;
    background: var(--gc-primary);
    border-radius: 5px;
    margin-top: 5px;
}

.service-item__body {
    padding: 20px;
    margin-top: 14px;
    border: var(--gc-border-dashed);
    border-radius: 15px;
}

.service-item img {
    height: 51px;
}
.service-item__icon {
    max-width: 30%;
}

.promo-section {
    padding: 28px 0;
}

.promo-section .row {
    background: #fff;
    width: 85%;
    padding: 17px 83px 17px 72px;
    margin: 0 auto;
    box-shadow: var(--gc-box-shadow);
    border-radius: 15px;
}

.promo-section .title {
    font-weight: 700;
    font-size: 45px;
    line-height: 130%;
}

.promo-section .accent {
    width: 80%;
    margin: 0 auto;
}

.promo-section .promo-tel {
    text-align: center;
    width: 40%;
}

.promo-section .social-icon,
.promo-section .btn {
    margin: auto 0;
}

.social-icon>a {
    margin: 5px;
}

.included-section, .cases-section, .steps-section, .prefooter-section, .dop-service-section, .contact-section, .faq-section {
    background: url('assets/img/line-background-2.png') center top/contain no-repeat;
}

.tablinks.current-wr img.img__no-active,
.tablinks img.img__active {
    display: none;
}

.tablinks img.img__no-active,
.tablinks.current-wr img.img__active {
    display: block;
}
.tablinks .tab-icon {
    border: var(--gc-border-dashed);
    padding: 12px;
    border-radius: 15px;
    width: 25%;
}
.tablinks.current-wr .tab-icon {
    border-color: var(--gc-primary);
}

.tablinks .accent-block__white {
    width: 71%;
    border-radius: 15px 0px 0px 15px;
    padding: 11px 28px;
    font-weight: 700;
    display: flex;
    align-items: center;

}

.tablinks .tab-icon img {
    max-height: 38px;
    margin: auto;
    border-radius: 0;
}

.tab-content .tabs {
    max-width: 24%;
    width: 24%;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.tablinks.current-wr .accent-block__white {
    background: var(--gc-accent);
    color: #fff;
}

.tabcontent {
    height: 395px;
}

.calc-section, .video-section, .about-section, .plus-section, .inventory-section {
    background: url('assets/img/line-background-3.png') center top/contain no-repeat;
}

.tabs.row>.accent-block__white {
    margin: 10px auto;
    border-radius: 5px;
    padding: 15px 2em;
}

.tabs>.accent-block__white.current {
    background: var(--gc-primary);
    color: #fff;
    box-shadow: none;
}

.included-section .button-tabs {
    margin-left: -35px;
}

.video-item {
    width: 23%;
    border-radius: 15px;
    margin-bottom: 30px;
}

.video-item .video-item__content {
    padding: 0 15px 20px;
}

.video-item .video-item__header {
    padding: 5px;
    border-radius: 15px;
    height: 190px;
}
.video-items {
    gap: 2%;
}
.video-item img {
    border-radius: 15px 15px 0 0;
    max-height: 100%;
display: block;
margin: 0 auto;
}

.box.nextstop~.box {
    display: none;
}

.tab-content.current,
.tab-content.current-wr {
    display: block;
    min-height: 400px;
}
.tab-content.current-wr {
    width: 75%;
}

.included-section .tab-content.current {
    margin-top: 30px;
}
.tab-content {
    display: none;
}

.tab-content img {
    height: 100%;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
}

.step-items {
    align-items: end;
    display: flex;
}

.step-item {
    border: var(--gc-border-dashed);
    border-radius: 15px;
    background: #fff;
    padding: 26px 0px 26px 128px;
    position: relative;
    width: 30%;
}
.step-item img {
    position: absolute;
    left: 0;
    top: -18px;
}
#step-two img {
    left: 15px;
}
#step-three img {
    top: -40px;
}
.step-item h3 {
    margin: 0;
    text-align: center;
}


.about-text {
    width: 35%;
}

.about-text .text {
    margin-top: 60px;
    margin-bottom: 14px;
}
.btn.mini {
    width: fit-content;
}

.btn.mini span {
    font-size: 14px;
    padding: 10px 3em;
}

.about-text .btn {
    margin-top: 14px;
}

.about-section .about-text+div {
    width: 50%;
}

.utp.row {
    width: 75%;
    margin: auto;
    margin: 50px auto 0;
}

.utp span {
    margin: auto;
    margin-right: 0;
    display: block;
    width: 56%;
}

.utp-item.row {
    padding: 20px 32px;
    width: 30%;
    border: var(--gc-border-dashed);
    border-radius: 15px;
}

.reviews-section {
    background: url('assets/img/reviews-background.jpg') center center/cover no-repeat;
}

.reviews-section .row>img {
    width: 25%;
}

.prefooter-section {
    margin-top: 68px;
    padding-top: 0;
    padding-bottom: 60px;
}
.prefooter-section .accent-block__white.row:before, .prefooter-section .accent-block__white.row:after {
    content: '';
    display: block;
    width: 98%;
    height: 30px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    background: #fff;
    z-index: -1;
    transform: translateX(-50%);
    box-shadow: 4px 6px 20px rgb(0 0 0 / 20%);
    border-radius: 0 0 15px 15px;
}
.prefooter-section .accent-block__white.row::before {
    width: 95%;
    bottom: -18px;
}

h2.title.prefooter {
    margin: 0 auto;
    text-align: center;
    ;
}

h2.title.prefooter:before {
    margin: auto;
    margin-bottom: 24px;
}

.prefooter-section .accent-block__white {
    width: 57%;
    margin: auto;
    margin-top: 68px;
    border-radius: 15px;
    position: relative;
}

.form-wrapper {
    width: 39%;
    margin: auto;
}

input[type="text"],
input[type="tel"],
input[type="submit"], input[type="date"], input[type="number"] {
    height: 46px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: var(--gc-box-shadow);
    border-radius: 5px;
    border: none;
    padding: 15px;
    margin-bottom: 18px;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::placeholder,
label,
select {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--gc-border-color);
    font-family: 'Montserrat';
}

label {
    color: var(--gc-text);
    font-size: 16px;
    line-height: 150%;
    position: relative;
    display: block;
    height: fit-content;
}
label.promocode input[type="text"] {
	margin-top: 10px;
}
label.promocode {
	margin-top: 20px;
}
form.wpcf7-form br {
    display: none;
}

a.social-icon {
    width: 32px;
    display: block;
    margin: auto;
    display: flex;
}

a.social-icon>img {
    margin: auto;
}

.social {
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center;
}

a.tel {
    font-weight: 600;
}

.btn.show-more-btn {
    margin: auto;
    width: fit-content;
    display: none;
}

.btn.show-more-btn span {
    padding: 11px 6em;
}

.title-section {
    margin-bottom: 50px;
}

.before-after.main-photo,
.bef-after__items {
    width: 47%;
}

.bef-after__items .clickable {
    width: 45%;
    position: relative;
    overflow: hidden;
    height: 150px;
    margin: 8px 15px;
    border-radius: 15px;
    cursor: pointer;
}

.clickable img {
    position: absolute;
    top: 0;
    width: 50%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
}

.clickable img.img1 {
    left: 0;
}

.clickable img.img2 {
    right: 0;
}

.clickable:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.bef-after__icon {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    display: flex;
    border-radius: 50%;
}

.clickable .bef-after__icon img {
    margin: auto;
    width: 40px;
    max-height: 40px;
    height: auto;
    position: relative;
}

input[type="submit"] {
    height: 46px;
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 15px;
    font-size: 16px;
    font-family: 'Montserrat';
}

/*до после и показать еще*/
.prfota {
    margin: 0 0 -40px -40px;
}

.twentytwenty-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.twentytwenty-container {
    margin: 0 0 40px 40px;
    border-radius: 15px;
	min-height: 330px;
	max-height: 370px;
}
.twentytwenty-container img {
	min-height: 330px;
	min-width: 100%;
	max-height: 380px;
}
.wr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prfota {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 1px;
}

span.twentytwenty-left-arrow,
span.twentytwenty-right-arrow {
    display: none;
}

/*
.twentytwenty-handle {
    height: 0;
    width: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    border: 0px solid #ffffff;
    z-index: 40;
    cursor: pointer;
}*/

.clickable.active .bef-after__icon:before {
    content: '';
    background: url('assets/img/svg/bef-after-no-icon.svg') center center/cover no-repeat;
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.clickable .bef-after__icon:before {
    content: '';
    background: url('assets/img/svg/bef-after-icon.svg') center center/cover no-repeat;
    margin: auto;
    width: 40px;
    height: 25px;
    position: relative;
}

.cases-section .btn {
    width: fit-content;
    margin: 34px auto;
}

.cases-section .btn span {
    padding: 11px 5em;
}

.btn.show-more-servis {
    display: none;
}

.col__1-6 {
    width: 16%;
    padding: 10px;
}
.col__1-3 {
    width: 33%;
}
.col__1-4 {
    width: 25%;
    padding: 13px;
}
.services__items {
    margin: 0 -13px
}
.calc-section label {
    font-size: 14px;
    position: relative;
}

label.custom .val-size {
    position: absolute;
    top: 50%;
    right: 13%;
}
.calc-section label.custom .val-size {
    position: absolute;
    top: 13px;
    right: 17%;
}

.body-label {
    padding: 24px 15px;
    border: var(--gc-border-dashed);
    border-radius: 15px;
    margin-bottom: 24px;
}

.body-label .btn span {
    padding: 11px;
}

label.calc-label {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: var(--gc-title);
    font-family: 'Comfortaa';
    width: 100%;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.calc-cleaning .number {
    display: flex;
}

.calc-cleaning .number>input,
.calc-cleaning .number>a {
    width: 30%;
}

.content__dop-service .btn span,
.calc-cleaning .number>input {
    padding: 5px;
    height: 32px;
    margin-bottom: 0;
    box-shadow: none;
}

.calc-cleaning .number>a {
    font-size: 25px;
    line-height: 20px;
    font-weight: 500;
    margin: auto 0;
    display: block;
}

.calc-cleaning .number>input {
    font-size: 20px;
    padding: 0;
    text-align: center;
    line-height: 1;
    height: 32px;
    min-width: 50px;
}



/* для элемента input c type="radio" */
.custom-radio>input,
.custom-checkbox label>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio>span, .custom-checkbox.v2 label>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
    background: var(--gc-accent-text);
    color: var(--gc-text);
    padding: 11px 0;
    text-align: center;
    display: block;
    font-weight: 500;
    position: relative;
    border-radius: 5px;
    box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.2);
    width: 100%;
    cursor: pointer;
}
.custom-checkbox.custom-radio>span {
    background: inherit;
    box-shadow: none;
    padding: 0;
    position: relative;
    text-align: left;
    padding-left: 40px;
}

.custom-radio:not(:last-child)>span {
    margin-bottom: 20px;
}
/* стили при наведении курсора на радио */
.custom-radio>input:not(:disabled):not(:checked)+span:hover {
    border-color: #b3d7ff;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio>input:checked+span {
    background: var(--gc-primary);
    color: var(--gc-accent-text);
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio>input:disabled+span,
.custom-checkbox.v2 label>input:disabled+span {
    background-color: #e9ecef;
}

/* для элемента input c type="checkbox" */
.custom-checkbox label>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox label>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox label>span::before, label.custom-checkbox.custom-radio>span::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #fff;
    border-radius: 0.25em;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 100%;
    box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.2);
}
label.custom-checkbox.custom-radio>span::before {
    position: absolute;
    top: 30%;
    left: 0;
}
.custom-checkbox.custom-radio>input:checked+span {
    background: #fff;
    color: var(--gc-text);
}
input:focus {
    outline-color: #e8e8e8;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox label>input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox label>input:not(:disabled):active+span::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox label>input:focus+span::before {
    box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.2);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox label>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
}
.custom-checkbox input+span::before {
    background-image: url("assets/img/svg/Check.svg");
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox label>input:checked+span::before, .custom-checkbox.custom-radio>input:checked+span::before {
    background-color: #fff;
    background-image: url("assets/img/svg/Check-2.svg");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox label>input:disabled+span::before {
    background-color: #e9ecef;
}
.check {
    padding: 10px 20px;
    border: var(--gc-border-dashed);
    border-radius: 15px;
}
.calc-result img {
    cursor: pointer;
    display: inline-block;
}

.select {
    display: block;
    width: 100%;
    position: relative;
}

.new-select {
    position: relative;
    background: var(--gc-accent-text);
    color: var(--gc-text);
    padding: 11px;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: var(--gc-box-shadow);
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.new-select__list {
    position: absolute;
    top: 45px;
    left: 0;
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    box-shadow: var(--gc-box-shadow);
}

.new-select__list.on {
    display: block;
}

.new-select__item span {
    display: block;
    padding: 10px 15px;
}

.new-select__item span:hover {
    color: var(--gc-primary);
}

.new-select:after {
    content: '';
    display: block;
    width: 10px;
    height: 25px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url('/wp-content/themes/clean/assets/img/svg/arrow-min.svg') no-repeat right center / contain;
    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.calc-br {
    width: 100%;
}

.calc-cleaning .number {
    display: none;
}

.calc-cleaning .number.show {
    display: flex;
    justify-content: center;
    width: 60%;
    background: #ffffff;
    margin: auto;
    border-radius: 5px;
    text-align: center;
    box-shadow: var(--gc-box-shadow);
    height: 32px;
}
.calc-cleaning .filter-sofa .number.show {
 width: 80%;
}
.calc-cleaning .btn.hide {
    display: none;
}

.body-label.active {
    background: var(--gc-primary);
}

.content__dop-service {
    text-align: center;
}

.content__dop-service .text {
    margin-top: 6px;
    min-height: 60px;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
}

.content__dop-service .img-service {
    height: 60px;
}

.content__dop-service .price {
    margin-top: 0;
    margin-bottom: 7px;
    color: var(--gc-text);
    font-weight: 600;
}

.body-label img {
    margin: auto;
    display: block;
    border-radius: 0;
}

.body-label.active img {
    filter: brightness(10);
}

.body-label.active .text,
.body-label.active .price {
    color: #fff;
}

.form-input__mt {
    margin-top: 80px;
}

.calc-section .tabs {
    width: 100%;
    margin-left: 0;
}

.calc-section .accent-block__white.tab-link {
    padding: 11px;
    width: 24%;
    text-align: center;
    border-radius: 5px;
}

.accent-block__white.tab-link.current {
    background: var(--gc-primary);
    color: #fff;
    box-shadow: none;
}

.calc-reset {
    margin-bottom: -10px;
    margin-top: 50px;
}

.calc-reset .calc-label {
    width: fit-content;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 0;
    padding: 9px;
}

.calc-reset input {
    background: transparent;
    border: none;
    font-size: 16px;
}

.filters.active {
    display: block;
    position: relative;
}
.filters.active>div {
    position: absolute;
    top: 0;
}
.calc-section .reset {
    width: 0;
    height: 0;
	display: none;
}
.calc-section .reset.show {
	width: auto;
    height: auto;
    cursor: pointer;
    display: block;
    max-height: 20px;
    margin-bottom: auto;
    margin-top: auto;
}
.calc-result {
    width: 70%;
    margin-left: auto;
    padding: 20px;
    display: none;
    border-radius: 15px;
}
.calc-result.show {
    display: block;
    margin-top: 100px;
}
.calc-result .col__2-3.row {
    width: 70%;
}
.result-uborka, .result-dez {
    width: 61%;
}
.result-okna, .result-him {
    width: 37%;
}

.quest-icon svg {
    background: #D9D9D9;
    padding: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    text-align: 0;
    top: 0;
    right: -5px;
}
.quest-icon .quest-content {
    display: none;
}
.quest-icon:hover .quest-content {
    display: block;
    background: var(--gc-primary);
    position: absolute;
    top: -80%;
    box-shadow: var(--gc-box-shadow);
    padding: 11px 10px;
    border-radius: 15px;
    color: #fff;
    width: 100%;
    right: 0;
}

.calc-result .col__1-3 {
    width: 30%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.calc-section .tab-content.current {
    height: auto;
}
.btn a {
    color: #ffF;
}
.btn .calc-img {
    margin-bottom: -3px;
    margin-left: 5px;
}
.col__1-5 {
    width: 20%;
}
nav.mobile-navigation {
display: none;
}
.footer-menu li {
    padding: 4px 0;
}
.prefooter-section .form-img {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
footer {
    background: url('/wp-content/uploads/2023/12/realistic-snowflake-border_23-2149242371.jpg') center center/cover no-repeat;
    padding: 40px 0 40px;
}
footer .subtitle {
    padding-top: 20px;
}
footer ul {
    margin: 0;
    margin-top: 6px;
}
footer .btn.modal-btn.consult {
    margin-top: 5px;
}
.form-wrapper .custom-checkbox label>span {
    font-weight: 300;
    width: 90%;
}
footer .text {
    margin-bottom: 16px;
}
footer a.social-icon {
        margin: 5px;
}
footer .social {
    margin: 10px 0;
}

.tab-content a.scroll {
    max-width: 370px;
    margin: auto;
    display: block;
}
.m-menu {
    width: 100vw;
    height: 100vh;
    position: absolute;
    background: #fff;
    left: 0;
    top: 100%;
}
.m-menu a.social-icon {
    margin: 5px;
}
.m-menu .social {
    margin-top: 10px;
    margin-bottom: 0px;
}
.m-menu, .toggle{
    display: none;
}
.toggle .burger-close, .toggle.open .burger-m {
    display: none;
}
.toggle.open .burger-close, .toggle .burger-m {
    display: block;
}
.nav__single {
    padding: 45px 0;
}
.nav__single h2.title:before {
 display: none;
}
.nav__single h2.title {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.nav__single .row {
    justify-content: space-evenly;
}
.nav__single .btn span {
    padding: 7px 50px;
}
.service-list__item {
 width: 90%;
 margin: 0 auto;
 border-radius: 15px;
}
.accent-block__white.btn span {
background: #fff;
color: var(--gc-text)
}
.service-list__item .accent-block__white.btn.two-btn:before {
    display: none;
}
.service-list__header {
    height: 70px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: var(--gc-primary);
    border-radius: 15px 15px 0 0;
    text-align: center;
}
.service-list__header .subtitle {
    color: #fff;
}
.service-list__body {
    padding: 24px;
}
.service-list__body .price {
text-align: center;
}
ul.service-list>li {
    margin-top: 18px;
    padding-left: 30px;
    position: relative;
}
.service-list__body .two-btn {
    max-width: 80%;
    margin: 10px auto;
}

.service-list__body .two-btn.btn>span {
    padding: 7px 3em;
    font-size: 14px;
}

ul.service-list>li:before {
    content: '';
    display: inline-block;
    background: url('assets/img/svg/Check-2.svg') center/cover no-repeat;
    width: 15px;
    height: 10px;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 7px;
}

.carousel {
    margin: 0 auto;
    position: relative;
    width: 80%;
}

.carousel .carousel-indicators {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    display: flex;
    justify-content: center;
    padding: 10px;
    list-style: none;
    display: none;
}

.carousel .carousel-indicators li {
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    background-color: #343a40;
    border: 2px solid #fff;
    border-radius: 50%;
}

.carousel .carousel-indicators .active {
    background-color: #025fff;
}

.carousel .carousel-window {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

.carousel .carousel-slides {
    height: 100%;
    display: flex;
    transition: transform 0.5s;
}

.carousel .carousel-item {
    height: 100%;
    width: 25%;
}
.carousel-spec .carousel-item {
    padding: 20px;
}
.carousel-spec .carousel-item img {
    border-radius: 10px;
}

.carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel .carousel-prev,
.carousel .carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--gc-box-shadow);
    border-radius: 50px;
    height: fit-content;
    line-height: 1;
    width: 54px;
    height: 54px;
    cursor: pointer;
}
.carousel.no-limit .carousel-slides {
    justify-content: center;
}
.service-limit .carousel-item {
    width: 25%;
}

/* .carousel .carousel-prev:hover, .carousel .carousel-next:hover {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.2);
    }*/
.carousel .carousel-prev {
    left: -10%;
}

.carousel .carousel-prev img {
    rotate: 180deg;
}

.carousel .carousel-next {
    right: -10%;
}

.service-limit.show,
.carousel.show {
    display: block;
}

.service-limit.hide,
.carousel.hide {
    display: none;
}

.carousel.no-limit {
    width: 100%;
}

.carousel.no-limit .carousel-prev,
.carousel.no-limit .carousel-next {
    display: none;
}

.pc-n {
    display: none;
}

.step-items .btn.mini {
    bottom: -18px;
    position: absolute;
    left: 40%;
}

.step-items .btn.mini span {
    font-size: 14px;
    padding: 7px 1em;
}

.cases__before-after {
    margin-top: 40px;
}

.tab-content .tab-text {
    display: none;
    margin-left: 20px;
    ;
}

ul.tab-text>li {
    margin-bottom: 16px;
}

ul.tab-text>li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--gc-primary);
    margin-right: 8px;
    border-radius: 50px;
}

.service-section {
    background: url('assets/img/line-background.png') center top/contain no-repeat;
}

.plus-section .col__1-3 {
    text-align: center;
}

.plus-row {
    width: 80%;
    margin: auto;
}

.plus-row .col__1-3 {
    padding: 20px;
}

.inventory-section .col__1-3 {
    text-align: center;
    width: 33%;
}

.inventory-section .col__1-3 .body-item, .inventory-section .col__1-4 .body-item {
    padding: 16px 24px;
    border: var(--gc-border-dashed);
    border-radius: 15px;
}

.inventory-section .tab-content img {
    width: auto;
    height: auto;
	border-radius: 15px;
}

.inventory-section .tab-content.current {
    height: auto;
}

.inventory-section .tab-content.current .subtitle {
    padding: 7px;
}

.inventory-section .tabs.row {
    justify-content: center;
}

.inventory-section .tabs.row>.accent-block__white {
    margin: 10px
}

.inventory-section .col__1-3, .inventory-section .col__1-4 {
    margin-top: 50px;
	padding: 0 20px;
}

.layout {
    width: 70%;
    margin: auto;
}

.accordion {
    padding: 10px;
    margin-top: 20px;
    background: var(--gc-primary);
    border-radius: 15px;
    padding: 15px 24px;
}

.mini-accordion {
    padding: 10px;
    margin-top: 20px;
    border-radius: 5px;
    padding: 15px 24px;
    background: #fff;
    box-shadow: var(--gc-box-shadow);
    cursor: pointer;
}

.mini-accordion.active {
    background: #fff;
    box-shadow: var(--gc-box-shadow);
    font-size: 14px;
}

.accordion .subtitle div {
    color: #fff;
    margin-right: 27px;
}

.accordion svg>path {
    fill: #fff;
}

.accordion svg,
.mini-accordion svg {
    rotate: 180deg;
    position: absolute;
    right: 0;
    top: 0;
}

.accordion.active svg,
.mini-accordion.active svg {
    rotate: 0deg;
}

.accordion.active svg>path {
    fill: var(--gc-text);
}

.accordion__question {
    position: relative;
}

.accordion.active .subtitle div {
    color: var(--gc-text);
}

.accordion.active {
    background: #fff;
    box-shadow: var(--gc-box-shadow);
}

.accordion:hover {
    cursor: pointer;
}

.accordion__answer {
    display: none;
}

.accordion.active .accordion__answer,
.mini-accordion.active .accordion__answer {
    display: block;
    margin-top: 5px;
}

#ymap {
    height: 260px;
	width: 260px;
}

.mini-accordion .accordion-items:not(:last-child) {
    border-bottom: 1px solid var(--gc-border-color);
    padding-bottom: 10px;
    margin: 10px 0;
}

.mini-accordion .accordion-items .price {
    margin-bottom: 5px;
    margin-top: 5px;
    color: var(--gc-text);
}

.mini-accordion .accordion__question.subtitle {
    font-size: 14px;
}

.nav__single.content-container .btn {
    margin-bottom: 20px;
}

.calc-cleaning.row>.calc-label {
    padding-left: 10px;
}

.outher-filter,
.filter-mattress,
.filter-carpet,
.filter-sofa,
.apart-filter,
.drug-filter,
.office-filter,
.house-filter,
.filters,
label.outher-filter,
label.filter-sofa,
.outher {
    display: none;
}

.outher.active {
    display: block;
}
.included-section .title-section + .tabs {
    margin-left: 24%;
}
.included-section .tabs.row>.accent-block__white {
    margin: 15px;
}
.no-number .number-text, .no-number .number-plus  {
display: none !important;
}
.no-number .number-minus {
    width: 100% !important;
    font-size: 16px !important;
}
.calc-cleaning .no-number .number.show {
    width: 90% !important;
}
.calc-none-pc {
    display: none !important;
}
.feedback-section, .steps-section {
    padding-bottom: 50px;
}
.feedback-item {
    padding: 20px;  
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: var(--gc-box-shadow);
}
.feedback-item:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #1B1B1B;
    opacity: 0.6;
}
.feedback-item>div {
    position: relative;
    z-index: 2;
    color: #fff !important;
    margin-bottom: 7px;
}
.feedback-item .btn {
    width: 203px;
}
.feedback-item .text {
    margin-bottom: 35px;
}
.feedback-row {
    gap: 3%;
}
.feedback-row .col__1-3 {
    width: 30%;
}
#tab-calc-3 .calc-br {
    width: 68%;
}
#tab-calc-3 .calc-br .col__1-6 {
    width: 20%;
    margin-bottom: 41px;
}
#feedback-item-1 {
 background: url('assets/img/shutterstock_2177336547.jpg') center center / cover no-repeat;
}
   #feedback-item-2 {
    background: url('assets/img/shutterstock_705028219.jpg') center center / cover no-repeat;
   }
   #feedback-item-3 {
    background: url('assets/img/shutterstock_1714665685.jpg') center center / cover no-repeat;
   }
   .input-file {
	position: relative;
	display: inline-block;
}	
.input-file-text {
	padding: 0 10px;
	line-height: 40px;
	display: inline-block;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.input-file-btn.btn {
    margin-top: 15px;
	max-width: fit-content;
	display: inherit;
}
.cleaner-item img {
    max-height: 200px;
}
.result-okna:before, .result-uborka:before, .result-dez:before, .result-him:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #199bf1;
    border-radius: 50%;
}
.wpcf7-form-control-wrap[data-name='men4'], .wpcf7-form-control-wrap[data-name='men5'] {
    position: relative;
    width: 47%;
}
a.reset.mob.show {
	opacity: 0;
}
.flex-cont span, .flex-cont .custom-checkbox {
    width: 47%;
}

.modal-popup input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    width: 47%;
}
.flex-cont .custom-checkbox span, .new-select__item>span, span.wpcf7-not-valid-tip {
	width: 100%;
}
.ploshad {
	width: 47%;
}
@media (min-width: 1025px) {
	.tab-link {
    border: 2px solid var(--gc-primary);
}
}
@media(max-width: 1290px) {
    .content-container {
        padding: 0 20px;
    }
    .header-sticky .btn span {
        padding: 6px 20px;
    }
    .banner-section .promo {
        width: 90%;
    }

    h2.title {
        width: 32%;
    }

    .promo-section .title {
        font-weight: 700;
        font-size: 40px;
    }
#modal-contact .modal-popup {
    width: 55%;
}

    .tab-content.current-wr {
        display: block;
        height: 360px;
        width: 75%;
    }

    .calc-section .tabs {
        width: 100%;
        margin-left: 0;
    }

    .bef-after__items .clickable {
        margin: auto 8px;
    }

    .col__1-6 {
        width: 20%;
    padding: 15px;
    }

    .calc-cleaning {
        justify-content: start;
    }
    label.calc-label {
        margin-top: 40px;
    }
    .bg-custom .banner-img {
        max-width: 35%;
    }
    #tab-calc-3 .calc-br {
        width: 58%;
    }
    #tab-calc-3 .calc-br .col__1-6 {
        width: 33%;
    }
}

@media (max-width: 1150px) {
    .banner-section .promo {
        width: 100%;
    }
    
    .step-item {
        padding: 26px 0px 26px 100px;
    }
    header .logo {
        width: 10%;
    }

    .banner-content {
        width: 57%;
    }

    .service-item {
        width: 33%;
    }
#modal-contact .modal-popup {
    width: 75%;
}
    .promo-section .title {
        font-size: 35px;
    }

    .tab-content.current-wr {
        height: auto;
        width: 75%;
    }

    .bef-after__items .clickable {
        margin: 8px auto;
    }

    .steps-section .row>.img-girl {
        width: 40%;
    }

    .step-item {
        margin: 20px 0;
    }

    .form-img {
        width: 46%;
        display: flex;
        align-items: end;
    }
    .prefooter-section .accent-block__white{
        padding-top: 20px;;
    }
    .form-wrapper {
        width: 50%;
        margin: auto;
    }
    
    .col__1-6 {
        width: 33.3%;
        padding: 10px;
    }
    .banner-img {
        width: 40%;
    }
    
    .banner-img img {
        max-height: 200%;
    max-width: 200%;
    width: auto;
    height: 98%;
    display: block;
    }
    .banner-section.bg-custom .btn {
        width: 40%;
    }
    #tab-calc-3 .calc-br {
        width: 100%;
    }
  
}

@media(max-width: 1025px) {
    h2.title {
        width: 48%;
    }
    .step-item {
            padding: 26px 0px 26px 128px;
            width: 50%;
            margin: 60px auto;
    }
    .no-limit .carousel-slides {
        flex-wrap: wrap;
    }
    .no-limit .carousel-item {
        width: 50%;
        padding: 25px 0;
    }
    .step-items {
        display: block;
    }
    header .address, header .mail {
        display: none;
    }
    header .m-menu .mail {
        display: block;
    }
    header .m-menu {
        font-weight: 400;
    }
    header .logo {
        width: auto;
    }
    .promo-section .row {
        width: 95%;
        padding: 17px;
    }
    .calc-section .accent-block__white.tab-link {
        width: 45%;
        margin-bottom: 10px;
    }

    .tab-content img {
        height: auto;
        max-height: 100%;
    }

    .calc-section .tabs {
        width: 100%;
    }

    .tablinks {
        margin-bottom: 14px;
    }

    .tab-content.current-wr {
        height: auto;
        width: 63%;
    }

    .tab-content .tabs {
        max-width: 34%;
    }

    .tab-content img {
        height: auto;
    }

    .steps-section .row>.img-girl {
        width: auto;
        max-width: 56%;
    }

    .utp.row {
        width: 100%;
    }
    .prefooter-section .accent-block__white {
        width: 77%;
    }
    .tabs.row {
    justify-content: center;
    width: 80%;
    margin: auto;
    }
    .inventory-section .tabs.row {
        width: 100%;
    }
    .tabs.row>.accent-block__white {
        margin: 10px;
    }
    .calc-result {
        width: 100%;
    }
    .tab-content .tab-img {
        display: none;
    }
    .tab-content .tab-text {
        display: block;
    }
    .included-section .title-section + .tabs {
        margin-left: 0;
    }
    .tab-content .tabs {
        width: 30%;
    }
    .tablinks .tab-icon img {
        max-height: 30px;
    }
    .col__1-5 {
        width: 25%;
    }
    .video-item .video-item__header {
        height: 150px;
    }
    iframe {
        max-height: 100%;
    }
	.inventory-section .col__1-4 {
		width: 50%;
	}
}

@media (max-width: 900px) {
    .banner-section .btn {
        width: fit-content;
    }
    .feedback-row .col__1-3 {
        width: 80%;
        margin: 20px auto;
    }
    .modal-popup {
        width: 70%;
    }
    .burger-menu__icon {
        display: block;
    }
    .accordion-service .col__1-4 {
        width: 50%;
        padding: 0 13px;
    }
    .m-menu.open {
        display: block;
            overflow: auto;
            padding-bottom: 50px;
    }
    .toggle {
        display: block;
        width: 30px;
    }
    .banner-section .promo {
        width: 120%;
        position: relative;
    }
    .banner-img img {
        max-height: 200%;
        max-width: 300%;
        height: 80%;
    }
    header {
    min-height: 1px;
}
    .calc-result {
        width: 100%;
    }
    .calc-result .col__2-3.row {
        width: 100%;
    }
    .calc-result .col__1-3 {
        width: 100%;
        display: block;
        order: -1;
        margin-bottom: 50px;
    }
    .calc-result .col__1-3 .btn.mini {
        margin: auto;
    }

    h2.title {
        width: 50%;
    }

    .desc-title {
        width: 100%;
        margin: auto 0;
    }
    .tab-content .tabs {
        max-width: 40%;
    }
    .tab-content.current-wr {
        height: auto;
        width: 60%;
    }
    .tablinks .accent-block__white {
        border-radius: 15px;
        position: relative;
    }
    
    .service-item {
        width: 50%;
        margin-bottom: 50px;
    }

    .promo-section .social-icon,
    .promo-section .btn {
        margin: auto;
        width: fit-content;
        margin-top: 20px;
    }

    .promo-section .promo-tel {
        width: 100%;
    }

    .promo-section .row {
        width: 60%;
        padding: 17px;
    }

    .promo-section .title {
        font-size: 45px;
    }

    .included-section,
    .cases-section,
    .steps-section,
    .prefooter-section {
        margin-top: 50px;
        padding-top: 100px;
        background-size: auto;
    }

    .tabs.row {
        width: 100%;
    }

    .bef-after__items .clickable {
        height: 98px;
    }

    .calc-section,
    .video-section,
    .about-section {
        padding-top: 100px;
        margin-top: 50px;
        background-size: auto;
    }

    .video-item {
        width: 47%;
    }

    .steps-section .row>.img-girl {
        width: auto;
        max-width: 56%;
        height: 56%;
        margin: auto;
    }

    .about-section .about-text+img {
        height: auto;
        margin: auto;
    }

    .utp-item.row {
        width: 48%;
        margin: 5px auto;
    }
    nav.mobile-navigation {
        height: 50px;
        padding: 0 16px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        /* fade in checked menu */
      }
      
      header .logo {
        width: 16%;
    }
    .header-menu {
        display: none;
    }
    .inventory-section .col__1-3 {
        width: 100%;
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .inventory-section .col__1-3 .body-item {
        width: 50%; 
    }
    .banner-section.bg-custom .btn {
        width: 43%;
    }
    label.calc-label:empty {
        max-height: 0;
    }

}

@media(max-width: 769px) {
    .banner-section .promo {
        width: 150%;
    }
    .header-sticky .btn .btn-text {
        display: none;
    }
    .btn .calc-img {
        margin-left: 10px;
    }

    .btn.show-more-servis {
        display: block;
        width: fit-content;
        margin: auto;
        ;
    }
	#modal-contact .modal-popup {
    width: 90%;
}

    .btn.show-more-servis span {
        padding: 11px 5em;
    }

    .tab-content .tabs {
        max-width: 45%;
    }

    .tab-content.current-wr {
        width: 50%;
    }

    .before-after.main-photo,
    .bef-after__items {
        width: 100%;
    }

    .bef-after__items .clickable {
        height: 148px;
    }

    #one-step,
    #three-step {
        margin-right: 0;
    }

    .form-img {
        width: 46%;
        margin: auto 0;
    }
    .banner-section.bg-custom .btn {
        width: 70%;
    }
}

@media(max-width: 631px) {
	header .logo:before {
		width: 30px;
		height: 30px;
	}
    h1.title {
        font-size: 25px;
    }
    .modal-popup {
        width: 90%;
		max-height: 100%;
		overflow-y: auto;
    }
    .close-modal {
        right: 0;
    }    
    .accordion-service .col__1-4 {
        width: 100%;
        padding: 0;
    }
    .result-uborka, .result-dez {
        width: 100%;
        text-align: center;
    }
    .no-limit .carousel-item {
        width: 100%;
    }
    .m-n {
        display: none;
    }
    .tab-content {
        padding-top: 20px;
    }
    .result-okna, .result-him {
        width: 100%;
       text-align: center;
    }
    .col__1-6 {
        width: 100%;
        padding: 0;
    }
    .col__1-6.dop-calc {
        width: 50%;
        padding: 0 1px;
    }
    .col__1-3 {
        width: 100%;
    }
    .calc-reset .calc-label {
        width: 100%;
    }
    .calc-section .accent-block__white.tab-link {
        width: 100%;
        margin-top: 10px;
    }
    .btn span, input[type="submit"].btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-section {
        background: center center/cover no-repeat;
        padding: 30px 0 0;
        position: relative;
        overflow: hidden;
    }

    .banner-content {
        width: 100%;
    }

    .section-container {
        padding: 10px;
    }

    .banner-section .promo>.circle {
        width: 100%;
        border-radius: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }

    .banner-section .promo>.circle div {
        width: 100%;
        height: auto;
        display: block;
        border: none;
    }
    .banner-img img {
        max-height: 200%;
        max-width: 300%;
        height: 100%;
    }
    .banner-section .btn {
        width: 100%;
    }
    .banner-section .banner-img {
        width: 100vw;
        height: 629px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .banner-section .promo {
        width: 90%;
        justify-content: center;
        position: absolute;
        bottom: 20px;
        border-radius: 15px;
    }


    h2.title {
        width: 100%;
        margin-right: 0;
    }

    .services-section {
        padding: 46px 0;
    }

    .service-item__body .text {
        display: none;
    }
    .service-item {
        margin-bottom: 30px;
        background: #fff;
        box-shadow: var(--gc-box-shadow);
        border-radius: 15px;
    }

    .service-item .accent-block__white {
        box-shadow: none;
    }

    .service-item__body {
        padding: 0 20px 20px;
        margin-top: 14px;
        border: none;
    }

    .service-item__body {
        padding: 0 20px 20px;
        margin-top: 0;
    }

    .promo-section .row {
        width: 100%;
    }

    .included-section,
    .cases-section,
    .steps-section,
    .prefooter-section {
        padding-top: 70px;
    }

    .tab-content .tabs {
        max-width: 100%;
    }

    .tab-content.current-wr {
        width: 100%;
    }

    .tab-content.current,
    .tab-content.current-wr {
        height: auto;
    }

    .tablinks {
        width: 100%;
    }

    .tab-content .tabs {
        width: 100%;
        max-width: 100%;
    }

    .steps-section .row>.img-girl {
        width: auto;
        max-width: 100%;
    }

    .about-text {
        width: 100%;
    }

    .about-section .about-text+img {
        width: 100%;
    }

    .utp-item.row {
        width: 100%;
    }

    .prefooter-section .accent-block__white {
        width: 100%;
    }

  .prefooter-section .form-img {
        width: 100%;
	  max-width: 100%;
    }

    .form-wrapper {
        width: 90%;
    }

    .social {
        margin-top: 50px;
    }

    .video-item {
        width: 100%;
    }

    .service-item {
        width: 100%;
    }

    .banner-section .promo-btns {
        width: 100%;
        margin-bottom: 15px;
    }

    .accent-block__white.tab-link {
        width: 100%;
        text-align: center;
    }

    .bef-after__items .clickable {
        height: 100px;
    }

    .calc-section,
    .video-section,
    .about-section {
        margin-top: 0;
        padding-top: 0;
    }

    .promo-section .title {
        font-size: 30px;
    }

    .btn.medium>span {
        padding: 17px 1em;
    }
    label.calc-label:empty {
        height: 0;
        min-height: 0;
        margin-top: 0;
    }
    #tab-calc-3 .no-label label.calc-label:empty, #tab-calc-4 .no-label label.calc-label:empty {
            min-height: 47px;
    margin-top: 20px;
    margin-bottom: 10px;
    }
    .header-sticky .row>.btn {
        display: none;
    }
    .header-sticky .social {
        margin-top: auto;
        margin-bottom: auto;
        font-size: 12px;
    }
    .m-menu .social {
        font-size: 16px;
        margin: 16px 0;
    }
    .m-menu a.social-icon {
        margin-left: 10px;
        width: 30px;
    }
    nav.mobile-navigation {
        height: 30px;
        padding: 0;
    }
    a.social-icon {
        width: 20px;
    }
    header .logo {
        width: 20%;
    }
    .header-sticky {
        padding: 10px 0;
    }

    .header-sticky .row>.btn.pc-n {
        display: block;
        width: 191px;
        margin-top: 20px;
    }
    .inventory-section .col__1-3 {
        width: 100%;
    }
    .inventory-section .tab-content img {
        width: auto;
        height: auto;
    }
    .inventory-section .col__1-3 .body-item {
        width: 100%;
		margin-top: 10px;
    }
    .layout {
        width: 100%;
    }
    .profi-cleaner .col__1-4 {
        width: 100%;
        padding: 13px;
    }
    .banner-section.bg-custom .btn {
        width: 100%;
    }
    .bg-custom .banner-img {
        max-width: 100%;
    }
    .bg-custom .banner-content {
        width: 100%;
    }
    .banner-section .text {
        width: 100%;
    }
    .about-section .about-text+div {
        width: 100%;
    }
    .step-item {
       
        width: 100%;
    }
    .carousel {
        width: 100%;
    }
    .carousel .carousel-prev {
        left: -5%;
    }
    .carousel .carousel-next {
        right: -5%;
    }
    label.calc-label {
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: auto;
}
.calc-section .tab-content {
    padding-top: 20px;
}
.section  {
    padding-top: 20px !important;
	margin-top: 20px !important;
	padding-bottom: 20px !important;
}
	.title-section {
    margin-bottom: 20px;
}
	.about-text .text {
    margin-top: 20px;
	}
	.prefooter-section .accent-block__white {
		margin-top: 20px;
	}
	.step-item {
		margin: 60px auto 0;
	}
	.included-section .tab-content.current {
    margin-top: 0;
}
	
.menu-order {
    order: -1;
}
.content__dop-service .text {
    font-size: 14px;
}
.calc-none-mb {
    display: none !important;
}
.calc-none-pc {
    display: block !important;
}
.feedback-row .col__1-3 {
    width: 100%;
}
#tab-calc-3 .calc-br .col__1-6 {
    width: 50%;
}
.bef-after__icon {
    width: 45px;
    height: 45px;
}
.clickable.active .bef-after__icon:before {
    width: 30px;
    height: 30px;
}
.clickable .bef-after__icon:before {
    width: 30px;
    height: 19px;
}
footer .col__1-5 {
    width: 100%;
}
.calc-result.show {
    margin-top: 50px;
}
.btn.icon span {
    padding: 0px 11px 0 14px;
}
.video-item .video-item__header {
    max-height: 300px;
    height: auto;
}
iframe {
    max-height: 220px;
    height: 215px;
}
.video-item img {
    border-radius: 15px 15px 0 0;
    max-height: 220px;
    display: block;
    margin: 0 auto;
}
	#modal-contact .col__1-2 {
    width: 100%;
    padding: 10px;
}
	#modal-contact .col__1-2>div {
    margin-bottom: 20px;
    margin-top: 0;
}
	#modal-contact .btn {
    margin-bottom: 20px;
}
	.calc-section .reset.show {
    margin-top: 30px;
    margin-bottom: 30px;
		order: -1;
	}
	a.reset.mob.show {
	opacity: 1;
	margin-bottom: 0;
    margin-top: 50px;
	}
	.wpcf7-form-control-wrap[data-name='men4'], .wpcf7-form-control-wrap[data-name='men5'] {
	width: 100%;
	}	
	.ploshad {
		width: 100%;
	}
	.flex-cont .custom-checkbox {
		width: 100%;
	}
	.modal-popup input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    width: 100%;
	}
	span.wpcf7-spinner {
    width: auto;
}
	.twentytwenty-container {
    margin: 0 0 40px 40px;
    border-radius: 15px;
	min-height: 200px;
	max-height: 220px;
}
.twentytwenty-container img {
	min-height: 200px;
	min-width: 100%;
	max-height: 220px;
}
	.inventory-section .col__1-4 {
		width: 100%;
	}
	.carousel-spec .carousel-prev, .carousel-spec .carousel-next {
		top: 100%;
		width: 40px;
		height: 40px;
	}
	.carousel .carousel-prev {
    	left: 35%;
	}
	.carousel .carousel-next {
		right: 35%;
	}
	.elka {
    max-width: 30%;
}
	.mobile-shar {
	display: block;
}
}


.flex-cont p {
	display: flex;
	justify-content: space-between; 
	flex-wrap: wrap;
}

.sel_new {
	width: 100%;
}