/*   
Theme Name: QACS - Clear Theme
Theme URI: https://qacs.ru/
Version: 1.0
Description: Тема разработанная специальна для сайта qacs.ru
*/
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@600&family=Russo+One&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header.mainPage .wrapper{
    max-width: 1310px;
}

ul li{
    list-style: none;
}
a{
    text-decoration: none;
}
.container{
    width: 100%;
}
.mainWrapper .wrapper{
    max-width: 1448px;
}
.mainSlider .wrapper{
    max-width: 1920px;
}
.wrapper{
    width: 100%;
    max-width: 1392px;
    margin: 0 auto;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.iflex{
    display: inline-flex;
    flex-wrap: wrap;
}
.spaceBetween{
    width: 100%;
    justify-content: space-between;
}
.alignCenter{
    align-items: center;
}
.svgWrapper{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svgWrapper.green{
    border-radius: 8px;
    background: #3BB78F;
}

/* header */

header.mainPage{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 1680px;
    border-radius: 0px 0px 24px 0px;
}
header{
    border-bottom: 1px solid rgba(55, 61, 61, 0.25);
    background: #FEFEFE;
    padding: 14px 0 21px;
}
nav ul{
    display: flex;
    align-items: center;
    gap: 32px;
}
nav ul li a{
    color: #373D3D;
    text-align: right;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
nav ul li a:hover{
    color: #3BB78F;
}
header .headerPhone{
    padding-left: 32px;
    gap: 32px;
}
header .headerPhone .phone{
    display: flex;
    gap: 16px;
    align-items: center;
}
header .headerPhone .email{
    display: flex;
    gap: 16px;
    align-items: center;
}
header .headerPhone p a{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    text-transform: uppercase;
}

/* about */

section.about{
    padding-top: 100px;
}
.sectionTitle{
    padding-bottom: 36px;
}
.sectionTitle h1{
    color: #151515;
    font-family: 'Russo One', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 78.4px */
    text-transform: uppercase;
}
.sectionTitle h1 span{
    color: #3BB78F;
    font-family: 'Russo One', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}
section.about p{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
    padding-bottom: 24px;
}
.crumbs .crumbTitle{
    padding-bottom: 16px;
}
.crumbs .crumbTitle a{
    display: inline-flex;
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
    padding: 16px 24px;
    border-radius: 12px;
    background: #373D3D;
}
.crumbs .crumbContent{
    padding-bottom: 24px;
    gap: 16px;
}
.crumbs .crumbContent p{
    padding: 12px 20px;
    border-radius: 8px;
    background: #3BB78F;
}
.crumbs .crumbContent a{
    color: #FEFEFE;
    font-family: 'Jura';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 28.8px */
}
.wp-block-image,
.imageWapper{
    padding-bottom: 24px;
}
.wp-block-image img{
    width: 100% !important;
}
.wp-block-image,
.imageWapper{
    border-radius: 24px;
    overflow: hidden;
}
.wp-block-image,
.imageWapper.fullWidth{
    width: 100%;
}
.imageWrapper.flex{
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 24px;
}
.imageWrapper.flex img{
    position: sticky;
    top: 24px;
}
.imageWapper .textSide{
    max-width: 1008px;
}
section ul li{
    margin-bottom: 16px; 
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 28.8px */
    padding-left: 24px;
    position: relative;
}
section ul li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #3BB78F;
}

/* team */
section.team{
    padding-top: calc(48px - 16px);
}
section.team .sectionTitle{
    padding-bottom: 24px;
}
.sectionTitle h2{
    color: #151515;
    font-family: 'Russo One', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 44.8px */
}
.teamCards{
    gap: 23px;
}
.teamCards .card:nth-child(2n){
    padding-top: 44px;
}
.teamCards img{
    border-radius: 24px;
}
.teamCards .personName{
    padding-top: 12px;
    color: #262526;
    font-family: 'RF Dewi', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}
.teamCards .info{
    padding-top: 4px;
    color: #262526;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}

/* lastNews */
.lastNews{
    padding-top: 60px;
}
.lastNews .sectionTitle{
    padding-bottom: 48px;
}
.lastNewsWrapper{
    gap: 24px;
}
.lastNews .bigNews{
    position: relative;
    width: 684px;
    height: 478px;
}
.lastNews .bigNews .imageWrapper img{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 684px;
    height: 478px;
    border-radius: 24px;
}
.lastNews .bigNews .imageWrapper .bg{
    border-radius: 24px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.00) 0%, #1E1E1E 100%);
}
.lastNews .bigNews .newsContent{
    z-index: 2;
    position: relative;
    padding: 269px 24px 24px;
}
.lastNews .bigNews .newsContent .date{
    color: rgba(254, 254, 254, 0.80);
    font-family: Jura;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    padding-bottom: 8px;
}
.lastNews .bigNews .newsContent .title{
    padding-bottom: 16px;
}
.lastNews .bigNews .newsContent .title h3 a{
    color: #FEFEFE;
    font-family: 'RF Dewi', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
    max-width: 540px;
}
.lastNews .bigNews .newsContent .description {
    color: rgba(254, 254, 254, 0.80);
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
    max-width: 636px;
}
.smallNews{
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(55, 61, 61, 0.15);
    width: 684px;
    margin-bottom: 12px;
    gap: 14px;
}
.smallNews:nth-last-child(1){
    margin-bottom: 0;
}
.smallNews img{
    border-radius: 16px;
    width: 116px;
    height: 116px;
}
.smallNews .newsContent{
    max-width: 528px;
}
.newsContent .date{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    padding-bottom: 17px;
}
.newsContent .title{
    padding-bottom: 10px;
}
.newsContent .title h3 a{
    color: #151515;
    font-family: 'RF Dewi', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
}
.newsContent .description {
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
}
footer{
    margin-top: 80px;
    border-top: 1px solid rgba(55, 61, 61, 0.25);
    background: #FEFEFE;
    padding-top: 24px;
    padding-bottom: 24px;
}
footer .policy{
    padding-top: 24px;
}

.newsPage .sectionTitle{
    padding-top: 100px;
    padding-bottom: 24px;
}
.filters{
    display: flex;
    align-items: center;
    gap: 16px;
	flex-wrap:wrap;
    padding-bottom: 24px;  
}
.filters p a{
	display: block;
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    padding: 8px 16px;
    border-radius: 8px;
    background: #373D3D;
    border: 1px solid transparent;
}
.filters p a:hover{
    background: transparent;
    color: #373D3D;
    border: 1px solid #373D3D;
}
.filters p a.active{
    background: #3BB78F;
    color: #FEFEFE;
    border: 1px solid #3BB78F;
}
.newsWrapper{
    display: flex;
    width: 100%;
    gap: 24px;
    flex-wrap: wrap;
}
.newsWrapper .smallNews{
    margin-bottom: 0px;
}
.pagination{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding-top: 24px;
}
.pagination .pages{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}
.pagination p a{
    color: #373D3D;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(55, 61, 61, 0.15);
    background: #FEFEFE;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination p a.active{
    color: #FEFEFE;
    background: #3BB78F;
}
.productPage{
    padding-top: 80px;
}
.productCrumbs{
    display: flex;
    gap: 22px;
}
.productCrumbs a{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
    position: relative;
}
.productCrumbs a::after{
    content: '/';
    position: absolute;
    right: -12px;
}
.productCrumbs a.active{
    color: #151515;
}
.productCrumbs a.active::after{
    content: '';
}
.productWrapper{
    padding-top: 36px;
    gap: 36px;
    align-items: flex-start;
}
.productContent{
    border-radius: 24px;
    background: #151515;
    padding: 44px;
    max-width: 956px;
}
.productContent h1{
    color: #FEFEFE;
    font-family: 'Russo One', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 44.8px */
    padding-bottom: 20px;
}
.productContent h2{
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    padding-bottom: 12px;
}
.productContent p{
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    padding-bottom: 12px;
}
.productContent ul li{
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    margin-bottom: 12px;
}
.productContent ul{
    padding-bottom: 8px;
}
.productContent table{
    width: 100%;    
    border-collapse: collapse;
    margin-bottom: 20px;
}
.productContent table th{
    color: #3BB78F;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    width: calc(100% / 3);
    text-align: left;
    border-top: 1px solid #FEFEFE;
    height: 44px;
}
.productContent table td{
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    border-top: 1px solid #FEFEFE;
    height: 44px;
}
.productContent table td:nth-child(1),
.productContent table th:nth-child(1){
    padding-left: 16px;
}
.productContent table tr:nth-last-child(1) td{
    border-bottom: 1px solid #FEFEFE;
}
.productOrder{
    position: sticky;
    top: 16px;
}
.productOrder .imageCard{
    padding: 24px;
    border: 1px solid rgba(55, 61, 61, 0.15);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 400px;
}
.productOrder .imageCard img{
    width: 280px;
}
.orderBtn{
    margin-top: 24px;
    color: #FEFEFE;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    border-radius: 12px;
    background: #3BB78F;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalogPage .sectionTitle{
    padding-top: 100px;
    padding-bottom: 24px;
}
.catalogWrapper{
    gap: 24px;
}
.catalogWrapper .card{
    max-width: 448px;
    width: 100%;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(55, 61, 61, 0.25);
    background: #FEFEFE;
}
.catalogWrapper .card .cardText{
    max-width: 235px;
}
.catalogWrapper .card .cardText h2{
    color: #1E1E1E;
    white-space: nowrap;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
    padding-bottom: 16px;
}
.catalogWrapper .card .cardText p{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
}
.catalogWrapper .card .cardText p.btnWrapper{
    padding-top: 52px;
}
.catalogWrapper .card .cardText p.btnWrapper a{
    padding: 14px 0;
    width: 100%;
    border-radius: 12px;
    background: #3BB78F;
    color: #FEFEFE;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    display: block;
    border: 1px solid transparent;
}
.card .cardText p.btnWrapper a:hover{
    color: #3BB78F;
    background: #fff;
    border: 1px solid #3BB78F;
}
.searchWrapper{
    position: relative;
}
.searchWrapper input{
    padding: 15px 30px 15px 60px;
    border-radius: 12px;
    border: 1px solid rgba(55, 61, 61, 0.25);
    background: #FEFEFE;
    color: rgba(55, 61, 61, 0.50);
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}
textarea:focus, input:focus{
    outline: none;
}
.ui-autocomplete{
    border: 1px solid rgba(55, 61, 61, 0.25);
    border-radius: 12px;
    overflow: hidden;
}
.pc-autocomplete__product-photo{
    height: auto;
}
.pc-autocomplete__message--show-all,
.searchWrapper button{
    display: none;
}
.searchWrapper .svgWrapper{
    padding: 4px;
    border-radius: 8px;
    background: #3BB78F;
    position: absolute;
    left: 16px;
    top: 35%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.woocommerce img, .woocommerce-page img{
    width: 160px;
}

@media (max-width: 1460px){
    
    header.mainPage .wrapper,
    .mainWrapper .wrapper,
    .wrapper{
        max-width: 1280px;
    }
    .teamCards{
        justify-content: center;
    }
    .teamCards img{
        width: 100%;
    }
    .teamCards .card{
        max-width: 200px;
    }
    .lastNews .bigNews,
    .lastNews .bigNews .imageWrapper img{
        width: 588px;
        height: 535px;
    }
    .smallNews{
        width: 668px;
    }
    .smallNews .newsContent{
        max-width: 512px;
    }
    .lastNews .bigNews .newsContent{
        padding: 335px 24px 24px;
    }
    .productContent{
        max-width: 60%;
    }
}
@media (max-width: 1300px){
    
    header.mainPage .wrapper,
    .mainWrapper .wrapper,
    .wrapper{
        max-width: 90%;
    }
    .lastNews .bigNews, .lastNews .bigNews .imageWrapper img{
        width: 100%;
        height: 440px;
    }
    .lastNews .bigNews .imageWrapper img{
        height: 800px;
        top: -110px;
    }
    .lastNews .bigNews{
        border-radius: 24px;
    }
    .lastNews .bigNews,
    .lastNews .bigNews .imageWrapper{
        overflow: hidden;
    }
    .lastNews .bigNews .newsContent {
        padding: 230px 24px 24px;
    }
    .smallNews .newsContent,
    .smallNews{
        width: 100%;
        max-width: 100%;
    }
    .smallNews{
        display: inline-flex;
        flex-wrap: nowrap;
    }
}
.productContent img{
    display: none;
}
@media (max-width: 1220px){
    .productContent{
        max-width: 100%;
    }
    .teamCards .card{
        max-width: unset;
    }
    .teamCards .card:nth-child(2n){
        padding-top: 0;
    }
    .crumbs .crumbTitle a{
        padding: 8px 12px;
    }
    .crumbs .crumbContent p{
        padding: 6px 10px;
    }
    .crumbs .crumbContent{
        gap: 8px;
    }
    .productOrder .imageCard{
        display: none;
    }
    .productOrder{
        width: 100%;
    }
    .productContent img{
        display: block;
        width: 320px;
        margin-bottom: 15px;
    }
    .productWrapper{
        gap: 0;
    }
}
@media (max-width: 1060px){
    .catalogWrapper .card{
        max-width: 48%;
        text-align: center;
    }
    .catalogWrapper .card .cardText{
        margin: 0 auto;
        max-width: 80%;
    }
    .catalogWrapper .card .imageWrapper{
        text-align: center;
        width: 100%;
    }
    .sectionTitle h1 span,
    .sectionTitle h1{
        font-size: 48px;
    }
    .sectionTitle h2{
        font-size: 28px;
    }
    .lastNews .bigNews .newsContent .title h3 a{
        font-size: 20px;
    }
    .teamCards .personName,
    .crumbs .crumbTitle a,
    section.about p{
        font-size: 16px;
    }
    nav ul li a,
    header .headerPhone p a,
    .lastNews .bigNews .newsContent .date,
    .newsContent .date,
    .newsContent .description,
    .newsContent .title h3 a,
    .lastNews .bigNews .newsContent .description,
    .teamCards .info,
    .crumbs .crumbContent a,
    section ul li{
        font-size: 14px;
    }
    .newsContent .date{
        padding-bottom: 8px;
    }
    .newsContent .title{
        padding-bottom: 5px;
    }
    section.about{
        padding-top: 50px;
    }
}

.phoneNavi{
    width: 28px;
    height: 16px;
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.phoneNavi::before,
.phoneNavi::after,
.phoneNavi span{
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 50px;
    background: #151515;
}
.phoneNavi::before{
    content: '';
    position: absolute;
    top: 0;
    transition: .2s;
}
.phoneNavi::after{
    content: '';
    position: absolute;
    bottom: 0;
    transition: .2s;
}
.phoneNavi.__active span{
    display: none;
}
.phoneNavi.__active::before{
    transform: rotate(45deg);
    top: 7px;
}
.phoneNavi.__active::after{
    transform: rotate(-45deg);
    bottom: 7px;
}

@media (max-width: 780px){
    header{
        position: relative;
    }
    header nav ul{
        display: none;
    }
    header nav{
        background: #fff;
    }
    header nav ul{
        background: url('http://qacs.ru/wp-content/uploads/2023/12/menyu.png') center center no-repeat;
        background-size: cover;
    }
    header nav ul.__active{
        display: flex;
    }
    header nav ul {
        flex-direction: column;
        position: fixed;
        top: 109px;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 60px;
    }
    nav ul li a {
        font-size: 24px;
    }
    .phoneNavi{
        display: flex;
    }
    .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .teamCards img{
        max-width: 360px;
    }
    .productContent h2,
    .productContent table th{
        font-size: 16px;
    }
    .productContent p,
    .productContent table td{
        font-size: 14px;
    }
    .searchWrapper{
        width: 50%;
    }
    .searchWrapper input{
        width: 100%;
    }
    .catalogWrapper .card .cardText,
    .catalogWrapper .card{
        max-width: 100%;
    }
    .productContent table th{
        width: calc(100% / 3 - 20px);
    }
    .imageWrapper.flex{
        display: block;
    }
    .imageWrapper.flex img{
        position: relative;
        top: unset;
        width: 100%;
        margin-bottom: 24px;
    }
    .lastNews .bigNews .imageWrapper .bg{
        height: 440px;
    }
    .lastNews .bigNews .imageWrapper img{
        height: 440px;
        top: unset;
    }
}
@media (max-width: 640px){
    footer nav ul{
        gap: 16px;
    }
}
@media (max-width: 560px){
    
    header .headerPhone{
        gap: 16px;
    }
    header .headerPhone .phone,
    header .headerPhone .email{
        gap: 8px;
    }
    header .headerPhone{
        padding-left: 0;
    }
    header .headerPhone .svgWrapper.green{
        display: none;
    }
    .productContent h1{
        font-size: 24px;
    }
    .productContent table td:nth-child(1), .productContent table th:nth-child(1){
        padding-left: 0;
    }
    .productContent h2, .productContent table th{
        font-size: 14px;
    }
    .productContent p, .productContent table td{
        font-size: 12px;
    }
    .productContent img{
        width: 100%;
    }
    .searchWrapper{
        width: 40%;
    }
    .searchWrapper input{
        padding: 7px 15px 7px 60px;
    }
    .sectionTitle h1 span,
    .sectionTitle h1{
        font-size: 40px;
    }
    .sectionTitle h2{
        font-size: 24px;
    }
    .lastNews .bigNews .newsContent .title h3 a{
        font-size: 16px;
    }
    .teamCards .personName,
    .crumbs .crumbTitle a,
    section.about p{
        font-size: 14px;
    }
    header .headerPhone p a,
    .lastNews .bigNews .newsContent .date,
    .newsContent .date,
    .newsContent .description,
    .newsContent .title h3 a,
    .lastNews .bigNews .newsContent .description,
    .teamCards .info,
    .crumbs .crumbContent a,
    section ul li{
        font-size: 12px;
    }
    footer nav ul{
        display: block;
    }
    footer .flex{
        flex-direction: column;
        gap: 16px;
    }
    footer nav ul li{
        text-align: center;
    }
    .buttonUpWrapper{
        display: none;
    }
    footer .flex p{
        text-align: center;
    }
    .crumbs .crumbContent{
        gap: 4px;
    }
    
    .wp-block-columns{
        flex-wrap: wrap !important;
    }
}
@media (max-width: 420px){
    header nav ul{
        top: 120px;
    }
    header .spaceBetween{
        gap: 16px;
        justify-content: center;
    }
    table{
        zoom: 80%;
    }
    .smallNews{
        display: block;
    }
    .smallNews .imageWrapper{
        display: none;
    }
    .lastNews .bigNews,
    .lastNews .bigNews .imageWrapper img,
    .lastNews .bigNews .imageWrapper .bg{
        height: 400px;
    }
    .sectionTitle{
        padding-bottom: 24px;
    }
    .catalogPage .sectionTitle{
        display: block;
    }
    .searchWrapper{
        width: 100%;
    }
}


.newsTime{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.sectionTitle .newsTime span{
    border-radius: 8px;
    background: #3BB78F;
    padding: 8px 16px;
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 28.8px */
}


.mainSlider{
    background: #151515;
    position: relative;
}
.mainSlider h2{
    color: #FEFEFE;
    font-family: 'Russo One', sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 78.4px */
    text-transform: uppercase;
    padding-bottom: 24px;
    max-width: 600px;
}
.mainSlider h2 span{
    color: #3BB78F;
}
.mainSlider p{
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 38.4px */
    text-transform: uppercase;
    max-width: 600px;
    width: 100%;
}
.mainSlider .card{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainSlider .card .slideContent{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.slideArrows {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #151515;
    border-radius: 24px 24px 0px 0px;
    padding: 28px 60px;
    position: absolute;
    bottom: 0;
    right: 240px;
}
.slideArrows a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    width: 48px;height: 48px;
    border-radius: 12px;
    border: 2px solid #FEFEFE;
}
.slideArrows a:hover{
    border: 2px solid #3BB78F;
    background: #3BB78F;
}
.mainCatalogWrapper{
    background: #151515;
}
.mainCatalogWrapper .catalogWhiteWrapper{
    /* background: #D9D9D9; */
    padding: 48px 28px;
    border-radius: 30px;
}
.mainCatalogWrapper .catalogWhiteWrapper h2{
    color: #151515;
    font-family: 'Russo One', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 50.4px */
    padding-bottom: 24px;
}

.mainCatalogWrapper{
    padding-top: 56px;
    padding-bottom: 100px;
}
.mainCatalogWrapper .catalogWhiteWrapper .catalogWrapper .card{
    border: 1px solid rgba(55, 61, 61, 0.25);background: #FEFEFE;
}
.mainCatalogWrapper .catalogWhiteWrapper .catalogWrapper .card .imageWrapper img{
    max-width: 109px;
    object-fit: cover;
}
.mainCatalogWrapper .catalogWhiteWrapper .sectionTitle{
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
}
.mainCatalogWrapper .catalogWhiteWrapper .sectionTitle a{
    color: #373D3D;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    display: flex;gap: 8px;
    align-items: center;
    padding: 0 24px;
    border-radius: 12px;
    border: 1px solid #373D3D;
    height: 48px;
}
.mainCatalogWrapper .catalogWhiteWrapper .sectionTitle a:hover{
    color: #fff;
    background: #373D3D;
}
.mainCatalogWrapper .catalogWhiteWrapper .sectionTitle a:hover svg path{
    fill: #fff;
}
.mainCatalogWrapper{
    position: relative;
}
.mainCatalogWrapper .catalogWhiteWrapper{
    background: url('http://qacs.ru/wp-content/uploads/2023/12/bg.png') center center no-repeat;
    background-size: contain;
    /* width: 1488px; */
    min-height: 698px;
}
.mainCatalogWrapper a.down{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 50%;
    background: #FEFEFE;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}
.mainCatalogWrapper a.down:hover svg path{
    fill: #3BB78F;
}
.mainWrapper .lastNews{
    background: #151515;
    padding-bottom: 68px;
    padding-top: unset;
}
.mainWrapper .lastNews .sectionTitle h2{
    color: #FEFEFE;
}
.mainWrapper .newsContent .title h3 a{
    color: #FEFEFE;
}
.mainWrapper .newsContent .description{
    color: rgba(254, 254, 254, 0.80); 
}
.mainWrapper .newsContent .date{
    color: rgba(254, 254, 254, 0.80);
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
}
.mainWrapper .smallNews{
    border: 1px solid rgba(254, 254, 254, 0.15);
}
footer.main{
    margin-top: 0;
    background: #151515;
    color: #FEFEFE !important;
}
footer.main nav ul li a{
    color: #FEFEFE;
}
section.contactForm{
    background: #151515;
}
.contactForm .cfContainer{
    padding: 32px 44px 44px;
    min-height: 782px;
}
.contactForm .formTitle{
    padding-bottom: 16px;
}
.contactForm .formTitle h2{
    color: #151515;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 67.2px */
    text-transform: uppercase;
}
.contactForm{
    padding-bottom: 80px;
}
.contactForm .formTitle h2 span{
    color: #3BB78F;
}
.contactForm .formDescription p{
    color: #373D3D;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    padding-bottom: 24px;
}
.contactForm form .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.contactForm form label{
    position: relative;
    display: block;
}
.contactForm form .flex label{
    width: calc(50% - 12px);
}
.contactForm form label .svgWrapper{
    position: absolute;
    padding: 4px;
    border-radius: 8px;
    background: #3BB78F;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 16px;
    top: 14px;
}
form input{
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(55, 61, 61, 0.25) !important;
    background: #FEFEFE !important;
    height: 56px !important;
    padding: 0 56px !important;
    margin-bottom: 24px !important;
    color: rgba(55, 61, 61, 0.50) !important;
    font-family: 'Jura',sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important; /* 27px */
}
.wpforms-container .wpforms-field{
    padding: 0 !important;
}
form textarea{
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(55, 61, 61, 0.25) !important;
    background: #FEFEFE !important;
    height: 56px !important; 
    padding: 12px 16px !important;
    padding-bottom: 24px !important;
    color: rgba(55, 61, 61, 0.50) !important;
    font-family: 'Jura',sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important; /* 27px */
    height: 120px !important;
    resize: unset !important;
    margin-bottom: 24px !important;
}
.contactForm form input[type=checkbox]{
    opacity: 0 !important;
    position: absolute !important;
}
.contactForm form span.checkbox{
    color: rgba(55, 61, 61, 0.50);
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    display: block;
    padding-left: 50px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}
form span.checkbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: -2px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid rgba(55, 61, 61, 0.25);
    cursor: pointer;
}
#wpforms-147-field_7-container{
    margin-top: 20px !important;
}
form input:checked + span.checkbox::before{
    border: 1px solid #3BB78F;
    background: #3BB78F;
}
.contactForm form button{
    color: #FEFEFE !important;
    text-align: center !important;
    font-family: 'Jura', sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important; /* 27px */
    width: 668px !important;
    height: 56px !important;
    border-radius: 12px !important;
    background: #3BB78F !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
}
.contactForm form button:hover{
    color: #3BB78F !important;
    background: #fff !important;
    border: 1px solid #3BB78F !important;
}
.contactForm .or{
    padding-top: 24px; 
    padding-bottom: 16px;
    color: #151515;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 67.2px */
    text-transform: uppercase;
}
.contactForm .ordescription{
    padding-bottom: 24px;
    color: #373D3D;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
}
.contactUnderForm{
    padding-bottom: 44px;
    justify-content: center;
    gap: 25px;
}
.contactUnderForm a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    color: #FEFEFE;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    text-transform: uppercase;
    border-radius: 12px;
    background: #3BB78F;
    width: calc(100% / 3 - 17px);
    border: 1px solid transparent;
}
.contactUnderForm a:hover{
    color: #3BB78F;
    background: #fff;
    border: 1px solid #3BB78F;
}
.contactUnderForm a:hover svg path{
    fill: #3BB78F;
}
.mainSlider .card .slideImage img{
    width: 100%;
}
.sliderWrapper{
    position: relative;
}
.sliderWrapper .slideImage{
    width: 50%;
}
a, button{
transition: all .4s;
}
@media (max-width: 1678px){
    .mainSlider{
        padding-top: 109px;
    }
    header.mainPage{
        width: 100%;
        border-radius: 0;
    }
}
@media (max-width: 1460px){
    .contactForm .cfContainer,
    .mainCatalogWrapper .catalogWhiteWrapper{
        border-radius: 30px;
        background: #FEFEFE !important;
        min-height: unset;
    }
    .mainCatalogWrapper a.down{
        display: none;
    }
    .contactForm form button{
        width: calc(50% - 12px) !important;
    }
    .slideArrows{
        padding: 21px 45px;
        right: 290px;
    }
}
@media (max-width: 1280px){
    .mainSlider h2{
        font-size: 48px;
    }
    .contactForm .formDescription p,
    .mainSlider p{
        font-size: 18px;
    }
}
@media (max-width: 1060px){
    .mainCatalogWrapper .catalogWhiteWrapper h2,
    .contactForm .formTitle h2,
    .mainSlider h2{
        font-size: 34px;
        line-height: 42px;
    }
    .slideArrows {
        padding: 10px 35px;
        right: 50%;
        transform: translateX(50%);
    }
    .contactUnderForm{
        align-items: center;
        flex-direction: column;
    }
    .contactUnderForm a,
    .contactForm form button,
    .contactForm form .flex label{
        width: 100% !important;
    }
    .contactForm form .flex{
        flex-direction: column;
        align-items: start;
    }
}
@media (max-width: 780px){
    .mainCatalogWrapper .catalogWhiteWrapper h2,
    .contactForm .formTitle h2,
    .mainSlider h2{
        font-size: 28px;
        line-height: 110%;
    }
    .mainSlider h2{
        padding-bottom: 12px;
    }
    .contactForm form span.checkbox,
    .contactForm form textarea,
    .contactForm form .flex label input,
    .contactForm .formDescription p,
    .contactForm .ordescription,
    .mainSlider p {
        font-size: 16px;
        line-height: 110%;
    }
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 667px;
    }
    .mainSlider .card .slideContent{
        position: absolute;
        padding: 16px 24px;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        background: #1111119e;
        border-radius: 15px;
    }
    .sliderWrapper .slideImage{
        width: 100%;
        border-radius: 0 0 30px 30px;
        overflow: hidden;
    }
    .slideArrows{
        position: unset;
        transform: unset;
        justify-content: center;
    }
    .mainCatalogWrapper{
        padding-top: 20px;
    }
}
@media (max-width: 480px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 667px;
    }
    .contactUnderForm a{
        gap: 5px;
    }
    .contactForm .cfContainer{
        padding: 16px 22px 22px;
    }
    .mainCatalogWrapper .catalogWhiteWrapper{
        padding: 24px 14px;
    }
    .mainCatalogWrapper .catalogWhiteWrapper .sectionTitle a{
        padding: 0 12px;
        height: 40px;
    }
}

@media (max-width: 430px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 386px;
    }
}
@media (max-width: 390px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 350px;
    }
}
@media (max-width: 768px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}
@media (max-width: 414px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}
@media (max-width: 412px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 370px;
    }
}
@media (max-width: 540px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}
@media (max-width: 375px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}
@media (max-width: 360px){
    .mainCatalogWrapper .catalogWhiteWrapper .sectionTitle a span{
        display: none;
    }
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}

@media (max-width: 320px){
    .mainSlider .card{
        position: relative;
        width: 100%;
        max-width: 90vw;
    }
}

.popup{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.popup[data-popup=catalog]{
    background: url('http://qacs.ru/wp-content/uploads/2023/12/menyu.png') center center no-repeat;
}
.popup[data-popup=catalog] .popupContent{
    width: 100%;
    max-width: 1584px;
    margin: 0 auto;
}
.popup[data-popup=catalog] .popupContent .logotype{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 24px;
    border-bottom: 1px solid rgba(55, 61, 61, 0.25);
}
.popup[data-popup=catalog] .popupContent .logotype .close{
    cursor: pointer;
}
.popup[data-popup=catalog] .popupContent .content{
    padding: 0 24px;
}
.popup[data-popup=catalog] .popupContent .title{
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 36px 0 28px;
}
.popup[data-popup=catalog] .popupContent .title p{
    color: #1E1E1E;
    font-family: 'Jura', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    text-transform: uppercase;
}
.popup[data-popup=catalog] .popupContent .list{
    display: flex;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}
.popup[data-popup=catalog] .popupContent .list p{
    width: 100%;
    max-width: 330px;
}
.popup[data-popup=catalog] .popupContent .list p a{
    color: #373D3D;
    text-align: center;
    font-family: 'Jura', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: block;
    width: 100%;
    padding: 18px 0;
    border-radius: 12px;
    border: 1px solid #373D3D;
}
.popup[data-popup=catalog] .popupContent .list p a:hover{
    color: #fff;
    background: #373D3D;
}
.popup[data-popup=order] .popupContent{
    width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('http://qacs.ru/wp-content/uploads/2023/12/subtract-1.png') center center no-repeat;
    padding: 66px 36px 46px;
}
.popup[data-popup=order] .contactForm form button{
    width: 100% !important;
}
.popup[data-popup=order] .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(55, 61, 61, 0.25);
}
.wpforms-container .wpforms-submit-container{
    padding: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{
    margin-top: 0 !important;
}
.popup[data-popup=order] .content{
    position: relative;
}
.popup[data-popup=order] .close{
    position: absolute;
    right: 0px;
    cursor: pointer;
    top: -32px;
}
.popup[data-popup=order] .contactForm{
    padding-bottom: 0;
}
.popup[data-popup=order] .title p{
    color: #151515;
    font-family: 'Jura', sans-serif;
    padding-bottom: 8px;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 35.2px */
}
.popup[data-popup=order] .product p{
    color: #373D3D;
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    padding-bottom: 12px;
}
div.wpforms-container-full{
    margin: 0 !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full strong{
    color: #151515 !important;
    font-size: 24px !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    padding: 88px 0;
    background: transparent !important;
    border: unset !important;
    text-align: center !important; 
    color: #373D3D !important;
    font-family: 'Jura', sans-serif;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 160% !important; /* 28.8px */
}

@media (max-width: 1060px){
    .popup[data-popup=order] .popupContent{
        background: #fff;
        border-radius: 24px;
    }
}
@media (max-width: 890px){
    .popup[data-popup=order] .popupContent{
        width: 95%;
    }
}
@media (max-width: 600px){
    div.wpforms-container-full input[type=email]{
        margin-top: 24px;
    }
    div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout){
        overflow-x: visible !important;
    }
    .contactForm form span.checkbox{
        height: 34px;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
    }
}