/*
Theme Name: CleanMate Child Alt
Theme URI: Дочерняя тема для темы Cleanmate
Author: stylenova@gmail.com
Author URI: 
Description: Description
Template: cleanmate
Version: 1.0.0
*/
@import url("../cleanmate/style.css");

.surname-cleacom{
    display: none;
}

.cfooter-top-wrap{
    background: #F6F6F6;
}
.cfooter-top{
    padding: 64px 0;
}
.cfooter-container{
    max-width: 1170px;
    width: 100%;
    margin: 0 auto; 
}
.cfooter-top{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
}
.cfooter-item__title{
    color: #111;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    padding: 0 0 16px;
    display: block;
    letter-spacing: -0.6px;
}
.cfooter-list{
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}
.cfooter-list a{
    display: block;
    color: #353B42;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s;
}
.cfooter-copyright__link:hover,
a.cfooter-contacts__value:hover,
.cfooter-list a:hover{
    color: #36B4B6;
    text-decoration: none;
}
.cfooter-item{
    display: flex;
    flex-direction: column;
    grid-gap: 32px;
}
.cfooter-item:first-child,
.cfooter-item:nth-child(2){
    max-width: 255px;
}
.cfooter-item:last-child{
    max-width: 274px;
}
.cfooter-bottom-wrap{
    padding: 16px 0;
}
.cfooter-bottom__top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 20px;
    padding-bottom: 16px;
}
.cfooter-contacts{
    display: flex;
    grid-gap: 40px;
    flex-wrap: wrap;
}
.cfooter-socials{
    display: flex;
    align-items: center;
    grid-gap: 16px;
    flex-wrap: wrap;
}
.cfooter-socials a{
    height: 44px;
    padding: 0 8px;
    border-radius: 10px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s;
}
.cfooter-socials a img{
    max-height: 24px;
    transition: all 0.3s;
}
.cfooter-socials a:hover img{
    opacity: 0.7;
}
.cfooter-contacts__title{
    color: #353B42;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}
.cfooter-contacts__value{
    color: #111;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
a.cfooter-contacts__value{
    text-decoration: none;
    transition: all 0.3s;
}
.cfooter-contacts__item{
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}
.cfooter-copyright{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
    border-top: 1px solid #F6F6F6;
    color: #353B42;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    grid-gap: 10px;
}
.cfooter-copyright__link{
    font-size: 16px;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.3s;
}
.cfooter-copyright__details,
.cfooter-copyright__label{
    font-weight: normal;
}
.logo-text{
    color: #00adb2;
}
.logo a{
    text-decoration: none;
}
.header-container_sn.new-header{
    margin-top: 57px;
}
.cleacom-btn,
.cookie__btn,
.cfooter-call{
    background: #36b4b6;
    color: #fff;
    border: 2px solid #36b4b6;
    border-radius: 5px;
    padding: 15px 10px;
    min-height: 36px;
    width: 100%;
    cursor: pointer;
    margin-top: 10px;
    font-size: 16px;
    transition: all 0.3s;
}
.cleacom-btn:hover,
.cookie__btn:hover,
.cfooter-call:hover{
    background: none;
    color: #000;
}
.cleacom-modal__title.h2{
    font-size: 29px;
    line-height: 42px;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 700;
    text-align: center;
}
.modal-call .cleacom-modal__wrapper{
    max-width: 430px;
}
.cleacom-modal__title.h2:after{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.cleacom-modal .wpcf7 form .wpcf7-response-output{
    font-size: 14px;
    line-height: 120%;
}
.cfooter-contacts + .cfooter-call{
    display: none;
}
.header-top-bar-container._new{
    background: white;
}
.header-top-bar-container._new .template-clock{
    font-size: 16px;
    white-space: nowrap;
}
.header-top-bar-container._new .template-mobile a{
    font-size: 16px;
    font-weight: 600;
    color: #00adb2;
}
.header-container_sn.new-header .sf-menu li a{
    font-size: 16px;
}
.header-search{
    position: relative;
    flex: auto;
}
.header-search input{
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
    font-size: 16px;
}
.header-search button{
    background: none;
    border: none;
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    top: 0;
    cursor: pointer;
}
._new .sn-top-header__item .btn_sn{
    font-size: 16px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-show svg,
.header-search button svg{
    transition: all 0.3s;
    fill: #00adb2;
    width: 20px;
}
.search-show:hover svg,
.header-search button:hover svg{
    fill: #303030;
}
.header-top-bar-container._new .header-top-bar .left{
    width: calc(100% - 400px);
    gap: 20px;
}
.header-top-bar-container._new .header-top-bar .logo{
    margin: 0;
}
.city-check{
    cursor: pointer;
    height: 42px;
    box-sizing: border-box;
    border: none;
    background: #f6f6f6;
    border-radius: 8px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}
.city-check__title{
    color: #303030;
    font-size: 16px;
}
.city-check__icon{
    display: block;
    max-width: 20px;
    color: #00adb2;
}
.city-check__icon svg{
    display: block;
    height: auto;
    box-sizing: border-box;
    max-width: 100%;
}
.search-show{
    display: none;
}
.clean-results{
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.cleacom-pagination{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    padding-top: 40px;
}
.page-numbers{
    background: #F6F6F6;
    color: #303030;
    text-decoration: none;
    padding: 10px;
    border-bottom: 4px;
    min-width: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}
.page-numbers.dots,
.page-numbers.current{
    background: none;
    cursor: default;
}
.clean-results__item{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.clean-results__excerpt{
    font-size: 16px;
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.choose-city{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding-top: 16px;
}
.choose-city__item{
    cursor: pointer;
    box-sizing: border-box;
    border: none;
    background: #00adb2;
    border: 2px solid #00adb2;
    color: white;
    border-radius: 8px;
    padding: 5px 18px;
    font-size: 16px;
    font-family: 'Raleway', 'Arial', sans-serif;
    transition: all 0.3s;
}
.choose-city__item:hover{
    text-decoration: none;
    background: white;
    color: #000;
}
.modal-city .cleacom-modal__wrapper{
    max-width: 380px;
}
.mobile-bottom,
.mob-m{
    display: none;
}
.sitemap-list a{
    color: #00adb2;
}
#up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #f2f3f5;
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
#up svg{
    max-width: 24px;
    fill: #00adb2;
}
#up.show {
    opacity: 1;
    pointer-events: unset;
}
.cleacom-modal .cleaform{
    gap: 16px;
}
.cleacom-modal .cleaform-agree{
    margin: -16px 0;
}
.padding,
.clients{
    padding: 100px 0 0;
}
.clients-content{
    background-color: #f7f7f7;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
}
.clients-box {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 16px;
}
.clients-box__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
}
.clients-box__item img {
    max-height: 40px;
    max-width: 90%;
}
.video-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px 16px;
    padding-top: 32px;
}
.video-item__img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    background-color: white;
    position: relative;
    padding-bottom: 50%;
}
.video-item__img iframe {
    width: 100%;
    border: none;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video-item__img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: none;
    top: 0;
    left: 0;
}
.video-item__content{
    padding: 16px;
}
.video-item__title{
    font-weight: 700;
    font-size: 20px;
    line-height: 115%;
}
.universal{
    user-select: none;
}
.universal-top{
    display: grid;
    grid-template-columns: 1fr 96px;
    align-items: center;
    grid-gap: 16px;
}
.universal-nav{
    display: flex;
    align-items: center;
    grid-gap: 8px;
}
.universal-nav__item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    cursor: pointer;
    outline: none;
    user-select: none;
    background-color: #00adb2;
    color: #f7f7f7;
    border-radius: 8px;
    transition: all 0.3s;
}
.universal-nav__item.swiper-button-disabled{
    background-color: #f7f7f7;
    color: #00adb2;
    cursor: default;
}
.zoom svg,
.universal svg {
    display: block;
    height: auto;
}
.universal-next svg{
    transform: rotate(180deg);
}
.kinds-item{
    background-color: white;
    color: #303030;
    text-decoration: none;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    height: 100%;
    box-shadow: 0 0 2px 2px #f7f7f7;
    transition: all 0.3s;
}
.kinds-item:hover{
    text-decoration: none;
}
.kinds-item__img {
    position: relative;
    padding-bottom: 70%;
}
.kinds-item__img--empty{
    background: #f7f7f7;
}
.kinds-item__img img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sert__swiper.swiper,
.universal__swiper.swiper{
    padding: 10px;
    margin: -10px;
}
.sert .swiper-slide,
.universal-slider .swiper-slide{
    height: auto;
}
.news-item__content, .kinds-item__content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
    grid-gap: 8px;
}
.kinds-item__title{
    font-weight: 700;
    font-size: 20px;
    line-height: 115%;
}
.kinds-item__desc{
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}
.universal-slider{
    padding-top: 32px;
}
.zoom,
.universal__link{
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 16px;
    right: 16px;
    overflow: hidden;
    color: #00adb2;
    border-radius: 8px;
}
.advantages{
    padding: 32px 0 0;
}
.advantages-info{
    background-color: #f7f7f7;
    border-radius: 16px;
    padding: 32px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    grid-gap: 16px;
}
.advantages-info__item {
    position: relative;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.advantages-info__title {
    color: #00adb2;
    font-weight: 700;
    font-size: 70px;
    line-height: 100%;
}
.advantages-info__desc{
    font-size: 16px;
    line-height: 120%;
}
.advantages-info__item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background-color: #00adb2;
}
.portfolio-item__img {
    position: relative;
    padding-bottom: 100%;
    border-radius: 16px;
    overflow: hidden;
    background-color: white;
}
.portfolio-item__img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-item__content, .portfolio-item__content {
    padding: 16px;
}
.portfolio-item__title{
    font-size: 16px;
    color: #303030;
}
.portfolio-item{
    text-decoration: none;
    color: inherit;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    transition: all 0.3s;
}
.portfolio-item:hover{
    text-decoration: none;
    box-shadow: 0 0 5px 5px #f7f7f7;
}
.site-container .vc_row.full-width.nopadding>.wpb_column{
    margin-top: 0 !important;
}
.nopadding{
    overflow: hidden;
}
.nopadding .universal__swiper.swiper{
    overflow: unset;
}
h2.universal__title{
    text-align: left;
}
h2.box-header.universal__title::after{
    margin-left: 0;
}
body.hidden{
    overflow: hidden;
}
.favor-box {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    padding-top: 32px;
    grid-auto-rows: 1fr;
}
.favor-item {
    display: flex;
    justify-content: center;
    gap: 24px;
    align-items: center;
    background-color: #f7f7f7;
    color: #303030;
    padding: 10px 15px;
    border-radius: 16px;
    text-decoration: none;
    text-align: center;
    min-height: 55px;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    transition: all 0.3s;
}
.favor-item:hover{
    box-shadow: 0 10px 21px 0 rgba(19, 20, 25, 0.1);
    text-decoration: none;
}
.sf-menu li ul li{
    width: 100%;
    white-space: nowrap;
}
.sf-menu li ul{
    width: auto;
    min-width: 218px;
}
.rev-desc{
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    padding: 20px 0 0;
}
.cookie {
    position: fixed;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
    max-width: 925px;
    width: calc(100% - 40px);
    background-color: white;
    border-radius: 5px;
    padding: 12px;
    z-index: 9999999999999;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 34px rgba(25, 25, 25, .25);
    transition: all 0.3s;
}
.cookie.active {
    opacity: 1;
    pointer-events: unset;
    top: calc(100% - 20px);
}
.cookie-content {
    color: #303030;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    grid-gap: 16px;
    align-items: center;
    font-size: 16px;
    line-height: normal;
}
.cookie-content a{
    color: inherit;
    text-decoration: underline;
}
.cookie__btn{
    padding: 10px 10px;
    margin: 0;
}
.cleacom-rev{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0;
}
.cleacom-rev__item{
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
    transition: all 0.3s;
}
.cleacom-rev__title{
    font-weight: bold;
    font-size: 18px;
}
.cleacom-rev__rate{
    display: flex;
    align-items: center;
    gap: 5px;
}
.cleacom-rate svg,
.cleacom-rev__rate svg{
    max-width: 20px;
    color: #E6E6E6;
    display: block;
    height: auto;
}
.cleacom-rate svg.active,
.cleacom-rev__rate svg.active{
    color: #FFCC02;
}
.cleacom-rev__meta{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.cleacom-rev__desc{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cleacom-rev__desc p{
    padding: 0;
    line-height: 175%;
}
.modal-rev .cleaform{
    max-width: 100%;
    padding: 20px 0 0;
}
.cleaform__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
}
.cleaform .cleaform__input textarea{
    height: 100px;
    padding: 15px;
    resize: none;
}
.cleacom-rate{
    display: flex;
    align-items: center;
    gap: 5px;
}
.cleacom-rate svg{
    width: 30px;
    cursor: pointer;
}
.cleaform__label--rate{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.cleacom-rev-btn{
    max-width: 250px;
    margin: 0 auto;
}
.cleacom-rev-btn--add{
    padding: 20px 0;
}
.cleacom-rev__item.hidden{
    display: none;
}
.cleacom-rev__item.active{
    display: flex;
    animation: showRev 1s;
}
@keyframes showRev{
    0%{
        opacity: 0;
        transform: translateY(10px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
.faq-quest {
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.faq-item {
    background-color: #F6F6F6;
    border-radius: 10px;
    transition: all 0.3s;
}
.faq-item__title {
    color: #111;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    padding: 16px 16px;
    display: grid;
    grid-template-columns: 1fr 64px;
    grid-gap: 16px;
    align-items: center;
    cursor: pointer;
    user-select: none;
    line-height: 150%;
}
.faq-item__icon {
    width: 64px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
    transition: all 0.3s;
}
.faq-item.active .faq-item__icon {
    background-color: #00adb2;
}
.faq-item__icon svg {
    transform: rotate(-90deg);
    transition: all 0.3s;
}
.faq-item.active .faq-item__icon svg {
    transform: rotate(90deg);
    color: white;
}
.faq-item.active .faq-item__title {
    color: #00adb2;
}
.faq-item__content {
    padding: 0 16px 16px;
    display: none;
    font-weight: 300;
    line-height: 32px;
    font-size: 18px;
}
.faq-item__content>div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sert-item {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    position: relative;
}
.sert-item img {
    max-height: 300px;
}
.sert__desc{
    font-size: 18px;
    padding: 20px 0 0;
    line-height: 175%;
    color: #303030;
}
.start{
    padding: 32px 0 50px;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
}
.start-top{
    display: grid;
    grid-template-columns: 66% minmax(0, 1fr);
    grid-gap: 16px;
}
.start-top__img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F6F6F6;
}
.absolute-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.start-top__content{
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 32px 32px;
}
.start-top__title{
    font-size: 29px;
    font-weight: 700;
    line-height: 150%;
}
.start-top__desc{
    padding-top: 16px;
    max-width: 600px;
    font-size: 18px;
    line-height: 175%;
}
.start-top__bottom {
    padding: 32px 0 10px;
    display: flex;
    align-items: center;
    grid-gap: 32px;
}
.start-top__price {
    font-size: 18px;
    line-height: 115%;
    font-weight: 700;
}
.start-top__price span {
    font-size: 22px;
}
.start-top__btn{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 16px;
}
.btn-transparent{
   background: transparent;
   position: relative;
   color: #000;
}
.btn-transparent:hover{
    text-decoration: none;
    color: #36b4b6;
}
.start-item{
    border-radius: 10px;
    background-color:#F6F6F6;
    padding: 16px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;
    height: 100%;
    user-select: none;
    cursor: default;
}
.start-item__title{
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    width: 100%;
}
.start-item__icon{
    border-radius: 8px;
    width: 44px;
    height: 44px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.start .swiper-slide{
    height: auto;
}
.start-item__icon svg{
    height: auto;
    display: block;
}
.start,
.start *{
    box-sizing: border-box;
}
.start-top__btn button,
.start-top__btn a{
    margin: 0;
    min-width: 65px;
    width: fit-content;
    padding: 15px 30px;
    text-align: center;
}


@media all and (min-width: 992px){
    .sf-menu li ul{
        max-height: calc(100vh - 145px);
        overflow: hidden;
        overflow-y: auto;
    }
}

@media all and (max-width: 1189px){
    .cfooter-container{
        max-width: 750px;
    }
    .cfooter-top{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 32px 16px;
    }
    .cfooter-bottom__item:first-child{
        order: 1;
    }
    .cfooter-bottom__item:nth-child(3){
        order: 2;
    }
    .cfooter-bottom__item:nth-child(2){
        order: 3;
        width: 100%;
    }
    .cfooter-contacts{
        width: 100%;
        justify-content: space-between;
    }
    .header-container_sn.new-header .sf-menu li a{
        font-size: clamp(14px, 1.34vw, 16px);
    }
    .header-top-bar-container._new .header-top-bar .left{
        gap: 16px;
    }
    .header-top-bar-container._new .template-clock{
        font-size: clamp(14px, 1.34vw, 16px);
    }
    .search-show{
        display: flex;
        width: 42px;
        height: 42px;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        box-sizing: border-box;
        position: relative;
        min-width: 42px;
    }
    .search-show svg{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s;
    }
    .search-show svg:last-child path{
        stroke: #00adb2;
    }
    .search-show:hover svg:last-child path{
        stroke: #303030;
    }
    .header-search{
        position: absolute;
        opacity: 0;
        pointer-events: none;
        width: 0;
        right: 44px;
        transition: all 0.3s;
    }
    .header-top-bar-container._new .header-top-bar .left{
        width: auto;
        position: relative;
    }
    .header-left.active .header-search{
        right: 44px;
        width: calc(100% - 215px);
        opacity: 1;
        pointer-events: unset;
    }
    .header-left.active svg:first-child,
    .search-show svg:last-child{
        opacity: 0;
    }
    .header-left.active svg:last-child{
        opacity: 1;
    }
    .clients-content{
        padding: 16px;
    }
    .clients-box{
        gap: 8px;
    }
    .universal-slider .swiper-slide{
        max-width: 360px;
    }
    .advantages-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .favor-box {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .sert .sert-slider .swiper-slide {
        max-width: 200px;
        width: 100%;
    }
    .start-top {
        display: flex;
        flex-direction: column-reverse;
    }
    .start-top__img {
        padding-bottom: 37%;
    }
    .start-top__content {
        padding: 16px;
    }
    .start__swiper .swiper-slide {
        width: 265px;
    }
    .start .start__swiper{
        overflow: unset;
    }
    .start-slider{
        overflow: hidden;
        padding: 0 10px;
        margin: 0 -10px;
    }
}

@media all and (max-width: 991px){
    .header .mobile-menu-switch {
        display: table-cell;
    }
    .mobile-menu-container {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        font-size: 16px;
    }
    .new-header .sf-menu{
        display: none;
    }
    .collapsible-mobile-submenus>li {
        position: relative;
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu {
        display: block;
        position: absolute;
        width: 46px;
        height: 45px;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        border: none;
        border-bottom: 1px solid #EBEBEB;
    }
    .collapsible-mobile-submenus .template-arrow-menu+ul {
        display: none;
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu::before {
        position: absolute;
        left: 17px;
        top: 16px;
        font-family: 'template';
        content: "\65";
    }
    .new-header .header .mobile-menu-switch{
        float: none;
        margin-left: auto;
        display: flex;
        width: 40px;
        margin-right: unset;
        align-items: center;
        justify-content: center;
        display: none;
    }
    .new-header.header-container_sn{
        position: fixed;
        z-index: 9;
        width: 100%;
        background: #fff;
        top: 0;
    }
    .open-m .new-header.header-container.sticky{
        position: fixed;
        top: 45px;
        height: calc(100% - 95px);
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
        z-index: 999 !important;
    }
    .open-m .header-container_sn .header{
        height: auto;
        overflow: unset;
        padding-top: 10px;
    }
    .theme-page{
        padding-top: 110px;
    }
    .sticky .menu-active {
        height: calc(100vh - 100px);
		z-index: 1;
		overflow: auto;
        top: 43px;
	}
    .mob-m{
        display: flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border: none;
        position: relative;
        border-radius: 8px;
        padding: 0;
        cursor: pointer;
    }
    .mob-m svg {
        transition: all 0.3s;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
    }
    .open-m .mob-m svg:first-child,
    .mob-m svg:last-child {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    .open-m .mob-m svg:last-child {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    .header-top-bar-container._new .sn-top-header{
        flex-wrap: wrap;
    }
    .mobile-button{
        width: calc(100% - 120px);
        margin-left: auto;
        display: flex;
        justify-content: flex-end;
        position: relative;
        top: 6px;
    }
    .header-top-bar-container._new .sn-btn-cont{
        top: 56px;
    }
    .mobile-menu>li:first-child{
        display: none;
    }
    .open-m{
        touch-action: none;
        overscroll-behavior: contain;
        overflow: hidden;
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu.template-arrow-expanded::before{
        transform: rotate(180deg);
    }
    .mobile-bottom{
        padding: 20px 0 40px;
        display: none;
        width: 100%;
    }
    .open-m .mobile-bottom{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .mobile-bottom .header-search{
        position: relative;
        opacity: 1;
        pointer-events: unset;
        width: 100%;
        right: 0;
    }
    .open-m .mobile-menu-container{
        position: relative;
        margin: 0 -15px;
        width: calc(100% + 30px);
        box-shadow: unset;
        border-top: 1px solid #EBEBEB;
    }
    .mobile-bottom .search-show{
        display: none;
    }
    .city-check{
        width: 100%;
        font-size: 16px;
    }
    .mobile-bottom__adress{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .mobile-bottom__adress-item{
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        font-size: 16px;
        line-height: 130%;
        color: inherit;
    }
    .mobile-bottom__adress-title br{
        display: none;
    }
    .header-top-bar .logo{
        white-space: nowrap;
    }
    .mobile-bottom__adress-icon svg{
        width: 100%;
        display: block;
        height: auto;
    }
    .mobile-bottom__adress-item ~ .mobile-bottom__adress-item svg{
        max-width: 20px;
    }
    .mobile-bottom__adress-icon{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu li ul a{
        font-size: 16px;
    }
    .clients-content{
        padding: 16px;
    }
    .clients-box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .video-box {
        display: flex;
        flex-direction: column;
    }
    .start-top__content {
        padding: 16px;
    }
}

@media all and (max-width: 767px){
    .cfooter-container{
        max-width: 462px;
    }
    .cfooter-top{
        display: flex;
        flex-direction: column;
    }
    .cfooter-bottom__top{
        flex-direction: column;
        align-items: center;
    }
    .cfooter-contacts{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 32px;
        text-align: center;
    }
    .cfooter-copyright{
        flex-direction: column-reverse;
        text-align: center;
        align-items: center;
        justify-content: center;
        grid-gap: 16px;
    }
    .cfooter-bottom__item:last-child .cfooter-call{
        display: none;
    }
    .cfooter-contacts + .cfooter-call{
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 300px;
        margin: 20px auto 0;
    }
    .header-left .search-show,
    .header-left .city-check{
        display: none;
    }
    .theme-page{
        padding-top: 0;
    }
    .sticky .menu-active{
        top: 48px;
    }
    #up {
        right: 15px;
        bottom: 30px;
    }
    .video-item__title{
        font-size: 16px;
    }
    .universal-slider .swiper-slide {
        width: 316px;
    }
    .kinds-item__img {
        padding-bottom: 60%;
    }
    .kinds-item__title{
        font-size: 16px;
    }
    .advantages-info__title {
        font-size: 40px;
    }
    .portfolio-item__content,
    .advantages-info{
        padding: 12px;
    }
    .favor-box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .cookie-content{
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }
    .cookie.active{
        top: calc(100% - 10px);
    }
    .start-top__content {
        padding: 12px;
    }
    .start-top__title {
        font-size: 24px;
    }
    .start-top__bottom {
        flex-direction: column;
    }
    .start-top__btn {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .start-top__btn button,
    .start-top__btn a {
        width: 100%;
    }
    .start-top__img {
        padding-bottom: 58%;
    }
    .header-top-bar-container._new{
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        padding: 0 0 5px;
    }
    .open-m .header-top-bar-container._new{
        box-shadow: none;
    }
}

@media only screen and (max-width: 479px) {
	.site-container .theme-page .page-header {
		max-width: 100% !important;
	}
	.site-container .vc_row{
		width: 100% !important;
		max-width: 95% !important;
	}
	#header_slider  {
		max-width: 100% !important;
	}
	.site-container .footer-row {
		max-width: 100% !important;
	}
    .cfooter-container{
        max-width: 95%;
    }
    .logo-text{
        font-size: clamp(11.5px, 2.9vw, 14px);
    }
}

@media all and (max-width: 365px){
    .soc-icon-list{
        position: absolute;
        bottom: 4px;
        margin: 0;
        left: 50%;
        z-index: 9;
    }
}

@media all and (max-width: 991px){
    .new-header .menu-container,
    .new-header .menu-container nav{
        width: 100%;
    }
    .new-header .sf-menu{
        display: none;
        float: none;
        width: 100%;
    }
    .open-m .new-header .sf-menu{
        display: block !important;
    }
    .new-header .sf-menu li,
    .new-header .sf-menu li:hover,
    .new-header .sf-menu li.sfHover{
        float: none;
        width: 100%;
        position: relative;
        background: #fff;
    }
    .new-header .sf-menu li a,
    .new-header .sf-menu li a:visited{
        display: block;
        padding: 14px 50px 14px 15px;
        border-bottom: 1px solid #EBEBEB;
    }
    .new-header .sf-menu li ul,
    .new-header .sf-menu li:hover ul,
    .new-header .sf-menu li.sfHover ul{
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100%;
        min-width: 0;
        display: none;
        visibility: visible;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }
    .new-header .sf-menu li ul li a,
    .new-header .sf-menu li:hover ul li a{
        padding-left: 30px;
    }
    .collapsible-mobile-submenus>li .template-arrow-menu {
        display: block;
        position: absolute;
        width: 46px;
        height: 45px;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        transform: rotate(90deg);
        border: none;
        border-bottom: 1px solid #EBEBEB;
        background: transparent;
        cursor: pointer;
    }
    .collapsible-mobile-submenus .template-arrow-menu+ul {
        display: none;
    }
    .collapsible-mobile-submenus>li .template-arrow-menu::before {
        position: absolute;
        left: 17px;
        top: 16px;
        font-family: 'template';
        content: "\65";
    }
    .collapsible-mobile-submenus>li .template-arrow-menu.template-arrow-expanded::before{
        transform: rotate(180deg);
    }
    .open-m .new-header.header-container{
        position: fixed;
        top: 45px;
        height: calc(100% - 95px);
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
        z-index: 999 !important;
    }
    .open-m .header-container_sn .header{
        height: auto;
        overflow: unset;
        padding-top: 10px;
    }
    .open-m .menu-container{
        flex: 0 0 calc(100% + 30px);
        position: relative;
        margin: 0 -15px;
        width: calc(100% + 30px);
        box-shadow: unset;
        border-top: 1px solid #EBEBEB;
    }
    .open-m .menu-container nav,
    .open-m .menu-container .sf-menu{
        float: none;
        width: 100%;
        max-width: none;
    }
}