html {
    scroll-behavior: smooth;
}
/* Стили "шапка" --> */
.header{
    position: sticky;
    top: 0;
    padding: 5px;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.07);
    background: white;
    z-index: 20;
}
.subheader{
    margin: 1vw auto 1.5vw auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;

}

.logo{
    height: 100%;

}
.logo__link{
    height: 100%;
    display: block;
}
.logo__img{
    width: auto;
    height: 35px;
    object-fit: contain;
}

.header-desc{
    position: relative;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;

}
.header-desc_mobil{
    padding: 10px;
    margin-bottom: 15px;
}
.header-adress{
    display: block;
    font-weight: 700;
    max-width: 220px;
    margin-bottom: 7px;
}
.header-adress_mobil{
    margin-bottom: 10px;
}
.email{
    font-size: 1rem;
    line-height: 18px;
    font-weight: 700;
    color: #3f57f4;
    text-align: center;
    transition: all 0.2s linear;
    text-decoration: none;
}
.email_mobil{
    text-align: left;
    font-size: 1.1rem;
}
.email:hover{
    color: #7082f8;
}
.red-button-whith-img{
    height: fit-content;
}
.red-button-whith-img__img{
    height: 25px;
    margin-right: 10px;
}
.red-button-whith-img__text-block{
    font-family: "Museo Sans Cyrl",sans-serif;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 3px;
}
.red-button-whith-img__text{
    font-weight: 700;
    text-align: start;
}
.red-button-whith-img__subtext{
    text-align: start;
    font-size: 0.7em;
}
.social{

}
.social__text {
    margin: 0 0 5px;
}
.social__text_header{
    text-align: center;
    margin: 0.6em;
    font-size: 1rem;

}
.social__links{

}
.social__links_mobil{
    padding: 10px;
}
.social__ico{
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 5px;
}
.social__ico:first-child{
    margin-left: 0;
}
.social__ico:last-child{
    margin-right: 0;
}
.phone-number{

}
.phone-number_mobil{
    padding: 10px;
    margin: 20px 0 15px;
}
.phone-number__text{
    font-weight: 500;
    font-size: 1.1em;
    text-align: center;
}
.phone-number__text::before{
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: #9c2946;
    border-radius: 100%;
    position: absolute;
    top: 35%;
    left: -1.2em;
    display: none;
}
.phone-number__link{
    margin-bottom: 3.5px;
    font-size: 1.27rem;
    line-height: 16px;
    font-weight: 700;
    color: black;
    text-decoration: none;
}
.phone-number__call-form{
    margin-top: 5px;
    padding: 0;
    background-color: #ffffff00;
    border: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #487bbc;
    letter-spacing: 0.1em;
    position: relative;
    transition: all 0.2s linear;
}
.phone-number__call-form::after{
    content: '';
    border-bottom: 1px dashed #487bbc;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0.25);
    transition: all 0.2s linear;
}

.nav-bar{
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000030;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: all .3s linear;
}
.elips-button__header{
    padding: 10px 1.5em;
    margin: 0 0 15px 10px;
    font-size: 0.9em;
}
.nav-bar__category-link{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #000000;
    transition: all 0.2s linear;
    padding: 1em;
}
.nav-bar__category-link:hover{
    color: #9a2845;
}
.catalog-aside__list{
    width: 100%;
    width: 280px;
    padding: 0;
    margin: 0 1em 0 0 ;
}
.catalog-aside__category{
    border-bottom: 1px solid #ececec;
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.catalog-aside__no-hidden-block{
    width: 100%;
    display: flex;
}
.catalog-aside__no-hidden-block.active + .catalog-aside__subcatalog-wrapper{
    height: auto;
}
.catalog-aside__link{
    flex: 1 0 auto;
    box-sizing: border-box;
    font-size: 0.96em;
    display: flex;
    align-items: center;
}
.catalog-aside__hidden-img{
    height: 1.25em;
    width: 1.25em;
    box-sizing: border-box;
    transition: all 0.2s linear;
}
.nav-bar__block{
    background-color: rgb(255, 255, 255);
    justify-content: space-around;
    margin: 0;
    height: 100%;
    padding: 0 25px;
    position: relative;
    max-width: 400px;
    width: 100%;
}
.nav-bar__block > ul{
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
}
/* .nav-bar>ul{    
    width: 280px;
    height: 100%;
    padding: 0;
    margin: 0 1em 0 0 ;
    background-color: #fff;
    border-top: 1px solid #ececec;
} */
.nav-bar__element{
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav-bar__element.title-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-bar__link{
    display: block;
    position: relative;
    font-size: 0.9em;
    flex: 1 1 auto;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.2s linear;
    padding: 1em;
}
nav-bar__link_title{
    font-size: 1.1em;
}
.nav-bar__link_arrow::before{
    display: none;
}
.nav-bar__link_arrow::after{
    display: none;
}
.nav-bar__catalog{
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.97);
    justify-content: space-around;
    z-index: 101;
}
.nav-bar__category{
    width: 100%;
    list-style-type: none;
    display: flex;
    /*flex-wrap: wrap;*/
}
.nav-bar__category-img{
    display: none;
}
.nav-bar__subcategory-list{
    padding-left: 0;
}
.nav-bar__category-title{
    margin: 10px 0 1.5em 0;
}
.nav-bar__subcategory{
    list-style-type: none;
}
.nav-bar__subcategory-link{
    padding: 4px 1em 2px 1em;
    font-size: 0.9em;
    line-height: 24px;
    color: #000000;
    transition: all 0.4s linear;
}

.hidden-submenu{
    display: none;
    padding: 0 25px;
    height: 100%;
    position: fixed;
    max-width: 400px;
    width: 100%;
    overflow: auto;
}
.hidden-submenu.active{
    display: block;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.97);
    justify-content: space-around;
    z-index: 101;
}
.hidden-submenu.active_displaying{
    animation: displaying-menu 0.2s ease-in-out;
}
.hidden-submenu.active_hide{
    animation: displaying-menu 0.2s ease-in-out reverse;
}

@keyframes displaying-menu {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* <-- Стили "шапка" */


/* Стили "хлебные крошки" --> */
.breadcrumb{
    width: 100%;
    background-color: #ececec7c;
}
.breadcrumb-m-b{
    margin-bottom: 50px;
}
.breadcrumb__list{
    display: flex;
    margin: 0 auto;
    padding: 15px var(--bs-gutter-x, .75rem);
}
.breadcrumb__page{
    list-style-type: none;
    padding-right: 1.5em;
    position: relative;
}
.breadcrumb__page a{
    color: #9c2946;
}
.breadcrumb__page a:hover{
    color: #601629;
}
.breadcrumb__page::after{
    content: "/";
    position: absolute;
    height: .8em;
    width: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    right: -2px;
}
.breadcrumb__page_white .breadcrumb__page::after{
    background-image: url(/wp-content/themes/nd-zabor/img/long_left.svg);
}
.breadcrumb__page a{
    font-size: 14px;
}
.breadcrumb__page:last-child{
    list-style-type: none;
    padding-right: 0;
    font-size: 14px;
}
.breadcrumb__page:last-child::after{
    display: none;
}
/* <-- Стили "хлебные крошки" */


/* Стили "Категрии" --> */

.catalog-block{
    padding: 40px 0;
    background-color: #9c2946;
}
.catalog-block__wrapper{
    padding: 0 11px;
    color: #ffffff;
}
.catalog-block__element{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s linear;
    border-bottom: 1px solid transparent;
}
.catalog-block__element:hover{
    border-color: #ffffff;
}
.catalog-block__element:hover .catalog-block__price{
    opacity: 1;
}
.catalog-block__price{
    text-align: center;
    font-weight: 700;
    opacity: 0;
    transition: all 0.2s linear;
    margin: 0;
}
.catalog-block__img{
    height: 70px;
    width: 70px;
    margin:  0 0 15px 0;
}
.catalog-block__name{
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    margin: 0;
    text-decoration: none;
}
.catalog-block__name::after{
    content: "";
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.catalog-block__name:hover{
    color: #ffffff;
}

/* <-- Стили "Категрии" */

/* Стили "банер" --> */

.baner{
    margin-bottom: 50px;
    min-height: 500px;
    background: url(/wp-content/themes/nd-zabor/img/barerHomeND.jpeg) no-repeat right bottom;
    background-size: cover;
    color: rgb(0, 0, 0);
    display: flex;
}
.baner_catalog{
    margin-bottom: 0;
}
.baner-about{
    border-radius: 10px;
    margin-bottom: 35px;
    background-blend-mode: overlay;
    background: url(/wp-content/themes/nd-zabor/img/bg-mine.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.baner-about__position{
    padding: 30px;
    max-width: 800px;
    height: 250px;
    overflow: hidden;
    transition: all 0.2s linear;
}
.baner-position{
    padding: 30px 30px 30px 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.baner__block{
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.50);
}
.baner__title{
    font-size: 36px;
    margin: 0 0 1em;
}
.baner-about__position p{
    margin:  0 0 1.55em 0;
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    width: fit-content;
}
.baner-about__position span{
    margin:  0 0 1.55em 0;
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    width: fit-content;
}
.baner__text{
    margin:  0 0 1.55em 0;
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    width: fit-content;
}
.baner__link{
    width: fit-content;
    display: block;
    box-sizing: border-box;
}
/* <-- Стили "банер"  */

/* .catalog-block{
    margin-top: 38px;
    margin-bottom: 38px;
} */

/* Стили "боковой католог" --> */
.catalog-aside{
}
.catalog-aside__list{
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    border-top: 1px solid #ececec;
    border-radius: 10px;
    box-shadow: 3px 4px 11px 1px rgba(0, 0, 0, 0.08);
}
.catalog-aside__category{
    border-bottom: 1px solid #ececec;
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.2s linear;
}
.catalog-aside__category:first-child{
    border-radius: 10px 10px 0 0 ;
}
.catalog-aside__category_activ>.catalog-aside__no-hidden-block a{
    color: #ffffff;
}
.catalog-aside__category_activ{
    background-color: #9c2946;
}
.catalog-aside__no-hidden-block:hover img{

}
.catalog-aside__link{
    flex: 1 0 auto;
    box-sizing: border-box;
    font-size: 1em;
    display: flex;
    align-items: center;
    padding: 14px 14px 14px 19px;
    width: calc( 100% - 35px );
}
.catalog-aside__subcategory {
    width: 100%;
    padding: 3px 0 3px;
    line-height: 20px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.95em;
}
.catalog-aside__link_subcategory{
    width: 100%;
    font-size: 0.975em;
    padding: 0;
}
.catalog-aside__hidden-button{
    height: 100%;
    width: fit-content;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    border: 0;
    padding: 0 10px 0 0;
}
.catalog-aside__hidden-button_rotate-z{
    transform: rotateZ(-90deg);
}
.catalog-aside__hidden-button_back{
    margin-left: 18px;
}
.catalog-aside__hidden-button.menu-button{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
}
.catalog-aside__hidden-button.menu-button_close{
    background-image: url("/wp-content/themes/nd-zabor/img/closeButton.svg");
}
.catalog-aside__hidden-button.menu-button_back{
    background-image: url("/wp-content/themes/nd-zabor/img/long_right-b.svg");
}
.catalog-aside__hidden-button::after{
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.catalog-aside__subcatalog-wrapper{
    height: 0;
    width: 100%;
    overflow: hidden;
    transition: all 0.2s linear;
}
.catalog-aside__sublist{
    height: auto;
    width: 100%;
    padding: 15px 15px 15px 19px;
    background-color: #ffffff;
}
/* <-- Стили "боковой католог" */

/* Стили "облако тегов" --> */

.tag-cloud{
    margin-top: 0;
    margin-bottom: 58px;
}
.tag-cloud__list{
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
    padding: 0;
    margin-top: 0;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all 0.15s linear;
}
.tag-cloud__list_white-shadow::after{
    content: "";
    position: absolute;
    top: 60%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(0deg
    , rgb(255 255 255)
    , rgba(255, 255, 255, 0.15)
    , rgba(255, 255, 255, 0));
}
.tag-cloud__element{
    padding: 0.5em 0.7em;
    margin: 0 1em 1em 1em;
    list-style-type: none;
    border: 1px solid #ececec;
    border-radius: 30px;
}
.tag-cloud__element a{
    color: #bdbdbd!important;
    text-decoration: none;
}
.tag-cloud__hidden-img{
    height: 0.9em;
    width: 0.9em;
    box-sizing: border-box;
    transition: all 0.2s linear;
    margin: 2px 5px;
}
.tag-cloud__hidden-button{
    padding: 0;
    margin: auto;
    background-color: #ffffff00;
    border: 0;
    display: flex;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #bdbdbd;
    position: relative;
    transition: all 0.2s linear;
}
.hidden-button__about{
    display: flex;
    margin-bottom: 30px;
    margin-left: 30px;
    justify-content: center;
    border-bottom: 1px dashed #bdbdbd;
}
/* <-- Стили "облако тегов" */


/* Стили "подкатегории" --> */
.subcategories{

}
.subcategories__wrapper{

}
.article__title{
    width: 100%;
    font-size: 1.9em;
    margin-bottom: 1em;
}
.article__title_center{
    text-align: center;
}
.subcategories__block{
    padding: 20px 0;
}
.subcategories__element{
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
}
.subcategories__img{
    width: 100%;
    height: 190px;
}
.subcategories__info{
    padding: 0.7em 1em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.subcategories__name{
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: 700;
    width: 100%;
}
.subcategories__info-block{
    display: flex;
    justify-content: space-between;
}
.subcategories__price-text{
    font-size: 0.9em;
    margin-top: 0;
    margin-bottom: 15px;
    color: #8e8e8e;
}
.subcategories__price{
    font-size: 1.45em;
    font-weight: 500;
    color: #000000;
}
.subcategories__link{
    height: fit-content;
    margin-bottom: 15px;
}
.subcategories__link::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}




.small-hidden-menu{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    max-width: 400px;
    width: 100%;
    height: 100%;
}
.nav-bar__element_small-menu::before{
    content: "";
    height: 0;
    position: absolute;
    width: 100%;
    bottom: -20px;
}
.nav-bar__element_small-menu:hover:before{
    height: 20px;
}
.small-hidden-menu__element:hover .small-hidden-menu__link{
    color: #9c2946;
}
.small-hidden-menu__element{
    margin: 0;
    list-style-type: none;
    padding: 0 10px;
}
.small-hidden-menu__link{
    padding: 0.5em;
    display: block;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
}


/* <-- Стили "подкатегории"  */

/* Стили "акции" --> */
.discount{

}
.discount__block{
    padding: 20px;
}
.discount__element{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.10);
}
.discount__img{
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}
.discount__info{
    padding: 0.7em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.discount__name{
    margin-top: 5px;
    font-size: 1.1em;
    width: 100%;
}
.discount__desc{
    margin-top: 0;
    font-size: 1em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.discount__status{
    font-size: 1.1em;
    font-weight: 700;
    color: #9C2946;
    margin: 0;
}
.discount__link{
    height: fit-content;
}
.discount__link::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* <-- Стили "акции"  */

/* Стили "Преимущества" --> */

.advantages{
    margin: 38px 0;
}
.advantages__element {
    padding-right: 30px;
    margin-bottom: 20px;
}
.advantages__img{
    width: 70px;
    height: auto;
    object-fit: contain;
}
.advantages__text{
    line-height: 24px;
}
.advantages__text p{
    text-align: center;
}
.advantages__name{
    font-weight: 700;
    margin: 0;
}
.advantages__desc{
    margin: 0;
}

/* <-- Стили "отзывы" */
.reviews{
    margin: 38px 0;
}
.reviews-swiper-container{
    padding-bottom: 26px!important;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
}
.reviews-list{
    align-items: stretch;
}
.reviews-pagination{
    bottom: 0!important;
}
.reviews__element{
    padding: 20px
}

.review{
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
}
.review__wrapper{
    width: calc(100% + 40px);
    margin: -20px 0 -20px -20px;
}
.preview_radius .preview__img{
    border-radius: 10px;
}
.preview__full-img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.preview__full-img_big{
    height: auto;
    border-radius: 10px;
}
.preview__list{
    display: flex;
    width: 100%;
    height: 70px;
    padding: 0;
    justify-content: start;
}
.preview__img{
    height: 100%;
    padding: 0 1.5px;
    width: 70px;
    max-width: 25%;
    object-fit: cover;
    border: 1px solid #ececec;
    cursor: pointer;
}
.preview__img:first-child{
    padding-left: 0;
}
.preview__img:last-child{
    padding-right: 0;
}
.swiper-button-next, .swiper-button-prev {
    height: 40px!important;
    width: 40px!important;
    top: 40px!important;
}
.swiper-button_catalog {
    top: 50%!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    line-height: 40px!important;
    height: 40px!important;
    width: 40px!important;
    font-size: 17px!important;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #9C2946;
    border-radius: 100%;
}
.review__info{
    padding: 15px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;

}
.review__top{
    padding-bottom: 40px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 40px;
}
.review__client-img{
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    margin-bottom: 10px;
    object-fit: contain;
}
.review__desc-service{

}
.review__service-name{
    height: 64px;
    width: 100%;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
}
.review__characteristics{
    display: flex;
}
.review__characteristics_margin{
    margin-right: 30px;
}
.review__characteristic-img{
    height: 40px;
    width: 40px;
    object-fit: contain;
}
.review__characteristic-desc{
    font-size: 13px;
    margin: 0 0 0 10px;
    line-height: 24px;
}
.review__characteristic-desc_bolt{
    font-size: 16px;
    font-weight: 700;
}
.review__bottom{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.review__desc{
    margin-top: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.review__link{

}
.reviews__see-more{
    padding-right: 20px;
}
.swiper-pagination-bullet-active{
    background-color: #9c2946!important;
}

.reviews-form{

}
.reviews-form__wrapper{
    padding-top: 40px;
    position: sticky;
    top: 100px;
}
.reviews-form__element{
    border: 1px solid #ececec;
    box-shadow: 3px 0px 10px #ececec;
    border-radius: 10px;
    overflow: hidden;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
}
.reviews-form__input{
    margin-bottom: 1.5em;
}

/* <-- Стили "отзывы" */

/* Стили "текст домашняя страница" --> */
.home-main{
}
.home-main p {
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    margin: 0 0 15px 0;
}
.home-main__title{
    margin-top: 22px;
    width: 100%;
}
.home-main__text {
    line-height: 1.9;
    font-size: 16px;
    margin: 0;
}
.home-main__text p{
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    margin: 0;
}
.home-main__text img,
p img{
    max-width: 100%;
}
.home-main__text_hidden{
    height: auto;
    overflow: hidden;
    transition: all 0.2s linear;
    position: relative;
}
.home-main__text_up{
    text-transform: uppercase;
}
.home-main__text_bolt{
    font-weight: 700;
}
/* <-- Стили "текст домашняя страница" */

/* Стили "отзывы" --> */

.sity-list{
}
.sity-list__block{
    padding: 0;
    height: 80px;
    overflow: hidden;
    position: relative;
    transition: all 0.15s linear;
    display: flex;
    flex-wrap: wrap;
}
.sity-list__block_white-shadow::after{
    content: "";
    position: absolute;
    top: 40%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(0deg,
    rgb(255 255 255),
    rgba(255 255 255 0.83),
    rgba(255 255 255 0.22));
}
.sity-list__element{
    line-height: 1.5;
    margin-bottom: 1em ;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    list-style-type: none;
    padding-left: 20px;
}
.sity-list__element::before{
    content: '';
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat ;
    background-image: url('/wp-content/themes/nd-zabor/img/maps-and-flags.svg');
}

/* <-- Стили "отзывы"  */

/* Стили "Задать вопрос" --> */

.ask-question{
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 20px;
    clear: both;
}
.ask-question__form{
    display: flex;
    flex-direction: column;
}
.ask-question__input-list{
    padding-right: 20px;
}
.ask-question__input-list .application__block-text{
    width: 100%;
}
.ask-question__button-list{
    margin-bottom: 20px;
}
.ask-question__recaptcha{
    margin-bottom: 20px;
}
.ask-question__title{
    margin-top: 0;
    margin-bottom: 1.5em;
    width: 100%;
    font-size: 1.6em;
    font-weight: 700;
}
.ask-question__subtext{
    margin-top: 0;
}

/* <-- Стили "Задать вопрос" */


/* Стили "Пагинация" --> */

.pagination{
    display: flex;
    justify-content: center;
    padding: 0;
}
.page-item{
    position: relative;
    list-style-type: none;
    padding: 0.6em;
    margin: 0 10px;
    border-radius: 100%;
    border: 1px solid #000000;
    cursor: pointer;
}
.page-item>*{
    height: 1em;
    width: 1em;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s linear;
    color: black;
}
.page-item>a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.page-item:hover{
    color: white;
    background-color: black;
}
.page-item:hover>*{
    color: white;
    background-color: black;
}
.page-item.active{
    color: white;
    background-color: black;
}
.page-item.active>*{
    color: white;
    background-color: black;
}
prev page-link{

}

/* <-- Стили "Пагинация" */

/* Стили "Карусель еще по теме" --> */

.post-carousel{

}
.post-carousel__wrapper{
    padding-bottom: 35px;
}
.post-carousel__slide{
    position: relative;
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    transition: all 0.2s linear;
    box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.06);
}
.post-carousel__img{
    height: 200px;
    width: 250px;
    margin-right: 20px;
    object-fit: cover;
}
.post-carousel__text-block{
    padding: 20px 0;
}
.post-carousel__title{
    margin: 0 20px 20px 0;
    font-size: 1.1em;
    font-weight: 500;
}
.post-carousel__link{
    margin: 0 20px 20px 0;
    display: flex;
}
.post-carousel__link::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* <-- Стили "Карусель еще по теме" */


/* Стили "Открытая форма заявки на расчет" --> */

.application{
}
.application__block{
    padding: 35px;
    border-radius: 10px;
    border: 8px solid #9c2946;
    position: relative;
    box-sizing: border-box;
}
.application__process{
    margin-bottom: 30px;
}
.application__title{
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}
.application__call-us{
    margin: 0 0 20px 0;
    font-size: 1.2em;
    line-height: 24px;
}
.application__call-link{
    position: relative;
    padding-left: 2em;
    font-size: 1.1em;
    font-weight: 700;
    white-space: nowrap;
}
.application__call-link::before{
    background-image: url(/wp-content/themes/nd-zabor/img/phone-call.svg);
    left: 0.5em;
    content: '';
    background-size: contain;
    position: absolute;
    top: 0;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
}
.application__form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.application__block-text{
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.input-block_calculator-step-7.application__block-text{

}
.application__text{
    box-sizing: border-box;
    width: 100%;
}
.input-text{
    font-size: 16px;
    height: 3em;
    padding-left: 3rem;
    border: 1px solid #adadad;
    border-radius: 10px;
    transition: all 0.4s linear;
}
.input-text::placeholder{
    color: #adadad;
}
.input-block-text{
    position: relative;
}
.input-block-text_right::before{
    left: calc( 1em + 10px);
}
.input-block-text::before{
    position: relative;
}
.input-block-text::before{
    content: '';
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
}
.input-block-text_name::before{
    background-image: url('/wp-content/themes/nd-zabor/img/user-gray.svg');
    left: 1em;
}
.input-block-text_tel::before{
    background-image: url('/wp-content/themes/nd-zabor/img/phone-call-gray.svg');
    left: 1em;
}
.input-block-text_clock:before{
    background-image: url('/wp-content/themes/nd-zabor/img/clock.svg');
    left: 1em;
}
.input-block-text_ruler::before{
    background-image: url('/wp-content/themes/nd-zabor/img/ruler.svg');
    left: 1rem;
}
.input-block-text_email::before{
    background-image: url('/wp-content/themes/nd-zabor/img/emailfull-gray.svg');
    left: 1em;
}
.input-block-text_right::before{
    left: calc( 1em + 10px);
}
.input-text:focus{
    outline: 0;
    border: 1px solid #9c2946;
}
.application__textarea{
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    resize: none;
    padding: 1em 1.5em 1em 1.5em;
    border: 1px solid #adadad;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: all 0.2s linear;
}
.application__textarea_calc{
    height: 7em;
}
.application__textarea::placeholder{
    font-size: 1.1em;
    color: #adadad;
    font-family: "Museo Sans Cyrl",sans-serif;
}
.application__textarea:focus{
    outline: 0;
    border: 1px solid #9c2946;
}
.checkbox{
    margin-bottom: 20px;
}
.checkbox__input{
    position: absolute;
    opacity: 0;
    z-index: -1;
    height: 1.4em;
    width: 1.5em;
    margin: 0;
}
.checkbox__label{
    padding-left: 2.4em;
    position: relative;
}
.checkbox__label::before{
    content: "";
    position: absolute;
    top: -0.25em;
    left: 0;
    height: 1.5em;
    width: 1.5em;
    box-sizing: border-box;
    border: 1px solid #adadad;
    border-radius: 5px;
}
.checkbox__label::after{
    content: "";
    position: absolute;
    background-image: url('/wp-content/themes/nd-zabor/img/check.svg');
    background-size: contain;
    border: 1px solid #9c2946;
    top: -0.25em;
    left: 0;
    height: 1.5em;
    width: 1.5em;
    box-sizing: border-box;
    opacity: 0;
    border-radius: 5px;
    transition: all 0.2s linear;
}
.checkbox__input:checked + .checkbox__label::after{
    opacity: 1;
}
.application__before{
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ececec;
}
.application__before-title{
    margin: 0 0 1.5em 0;
    font-size: 1.5em;
    font-weight: 700;
}
.application__steps-list{
    padding: 0;
    margin: 0;
    position: relative;
}
.application__steps-list::before{
    left: 1em;
    content: '';
    background-color: #ececec;
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    transform: scaleY(0.95);
    background-repeat: no-repeat;
}
.application__next-step{
    position: relative;
    padding: 0 0 3em 2.5em;
    list-style-type: none;
    line-height: 1.5;
}
.application__next-step:last-child{
    padding: 0 0 0 2.5em;
    font-weight: 700;
}
.application__next-step::before{
    content: '';
    background-color: #ffffff;
    border: 0.3em solid #9C2946;
    box-sizing: border-box;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 0.65em;
    width: 1em;
    height: 1em;
}
.application__next-step:last-child::before{
    background-color: #9C2946;
    border: 0.3em solid #9C2946;
    top: 2px;
    left: 0.57em;
    width: 1.2em;
    height: 1.2em;
}
.application__next-step:last-child::after{
    content: '';
    background-color: #ffffff;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: 3px;
    bottom: 0;
    left: 0.65em;
    width: 1em;
}



/* <-- Стили "Открытая форма заявки на расчет" */

/*   Стили подвал --> */
.footer{
    padding-top: 30px;
    padding-bottom: 70px;
    background-color: #f7f7f7;
}
.footer__top-content{
    margin-bottom: 60px;
}
.footer-navbar{
    padding: 30px 0 0 0 ;
    flex-wrap: wrap;
    flex: 1 1 auto;
}
.footer-navbar-element{
    margin-bottom: 60px;
    list-style-type: none;
}
.footer__title{
    width: 100%;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 0 30px;
}
.footer-navbar__page-list{
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin-top: 30px;
    padding: 0;
}
.footer-navbar__page-link{
    max-width: 240px;
    width: 100%;
    margin-bottom: 15px;
}
.footer-navbar__page-link a{
    text-decoration: none;
}
.footer__contacts{
    height: fit-content;
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 30px;
    border-radius: 10px;
    flex-shrink: 0;
}
.footer__social{
    font-size: 1rem;
    margin-bottom: 10px;
}
.footer__contacts-m{
    margin-left: 35px;
}
.footer__num-phone{
    font-size: 1.4em;
    margin-bottom: 4px;
}
.phone-number__call-form_footer{
    width: fit-content;
    margin: 20px 0 20px 10px;
}
.footer__email{
    margin-bottom: 9px;
    text-align: start;
}
.footer__address{
    margin-bottom: 4px;
    text-align: start;
}
.footer__ico{
    position: relative;
}
.footer__ico::before{
    content: '';
    background-size: contain;
    position: absolute;
    top: 0;
    left: -30px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat ;
}
.footer__ico_phone::before{
    background-image: url('/wp-content/themes/nd-zabor/img/phone-call.svg');
}
.footer__ico_mail::before{
    background-image: url('/wp-content/themes/nd-zabor/img/emailfull.svg');
}
.footer__ico_map::before{
    background-image: url('/wp-content/themes/nd-zabor/img/maps-and-flags.svg');
}
.footer-border{
    border-top: 1px solid #ececec;
}
.footer__bottom-content{
    margin-top: 30px;
}
.footer-logo{
    width: 60%;
    margin-bottom: 1.2em;
}
.footer-logo-img{
    height: 60px;
    width: 90%;
    object-fit: contain;
}
.offer-block{
    align-items: flex-end;
}
.offer-block__info{
    line-height: 18px;
    margin-top: 0;
    width: 100%;
    color: #8e8e8e;;
}
.offer-block__copyright{

}
.polisy{
    margin-bottom: 5px;
}
.creator{
    border-top: 1px solid #ececec;
    margin-top: 30px;
    padding: 30px 0 0 0;
    width: 100%;
}
.creator__text{
    display: block;
    margin-bottom: 10px;

}
/* <-- Стили подвал */


/* Стили калькулятор --> */

.calculator{

}
.calculator__step-list{
    margin-top: 0;
    position: absolute;
    padding-right: 20px;
    z-index: 10;
    top: 7px;
    left: 10px;
    margin-bottom: 30px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    color: #ffffff;
    border-radius: 10px;
}
.calculator__num-step{
    font-size: 0.65em;
    display: block;
}
.calculator__step{
    list-style-type: none;
    flex: 1 0 auto;
    height: 3em;
    position: relative;
    transition: all 0.2s linear;
    background-color: #737373;
    /* border-right: 1px solid #601629; */
}
.calculator__step:last-child{
    border-radius: 0 10px 10px 0;
    border-right: transparent;
}
.calculator__step-name{
    position: absolute;
    left: 1em;
    margin: 0.28em;
    z-index: 10;
    top: 0;
    font-size: 1.5em;
    font-weight: 700;
    text-shadow: 2px 2px 5px #636363;
}
.calculator__step_activ{
    background-color: #9c2946;
}
.calculator__step_passed{
    background-color: #8a1130;
}
.calculator__main{
    display: flex;
    width: 100%;
}
.calculator__process{
    width: 100%;
    flex: 1 1 auto;
}
.calculator__process-container{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1000px;
    /*margin: 0 -10px;*/
}
.calculator__process-step-list{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    flex-direction: column;
    height: 560px;
    width: 100%;
    transition: all 0.2s linear;
}
.calculator__process-step{
    display: flex;
    width: 100%;
    margin-right: 60px;
    padding: 0 10px;
    flex-wrap: wrap-reverse;
}
.calculator__process-step_activ{
    width: 100%;
}
.calculator__process-main{
    padding: 22px 0 30px 0;
    /*height: 100%;*/
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.calculator__process-step-name{
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}
.calculator__process-content{
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-content: flex-start;
}
.calculator__process-content_padding{
    padding: 10px 0;
}
.calculator__process-content_end{
    height: 100%;
}
.calculator__process-content_shadow{
    box-shadow: 3px 4px 6px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    border-radius: 10px;
}
.calculator__minus-m{
    margin-left: 15px;
    margin-right: 15px;
}
.calculator__variant-margin{
    padding: 0 0 30px;
    height: fit-content;
}
.calculator__variant-block{
    display: flex;
    flex-direction: column-reverse;
    border: 1px solid #D4D6D9;
    border-radius: 10px;
    overflow: hidden;
    background-blend-mode: overlay;
    background-size: contain;
    transition: all 0.2s linear;
    background: #fff no-repeat center left;
}
.calculator__radio{
    position: absolute;
    opacity: 0;
    z-index: -1;
    margin: 0;
}
.calculator__radio:checked + .calculator__variant-block{
    background: linear-gradient(208.83deg, #B5CDDA 19.73%, #D6E2EA 104.37%), url(/wp-content/themes/nd-zabor/img/circle_check_outline.svg);
    background-blend-mode: overlay;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
}
.calculator__variant-block_activ{

}
.calculator__variant-text{
    padding-left: 20px;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}
.calculator__variant-img{
    width: 100%;
    height: 150px;
    object-fit: contain;
}
.calculator__batton-list{
    display: flex;
    padding-left: 10px;
}
.calculator-button{
    margin-bottom: 20px;
}
.calculator-button_first{
    margin-right: 20px;
}
.calculator-button__img{
    height: 25px;
    width: 25px;
}
.calculator-button__next{
    font-size: 0.9em;
}
.calculator-button__next .red-button-whith-img__text-block{
    padding: 0;
}
.calculator-button__img_next{
    margin-right: 0;
    margin-left: 10px;
}
.calculator__aside{
    padding: 72px 0  0;
    flex-direction: column;
    flex: 1 1 auto;
}
.calculator__aside-padding{
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(39, 49, 66, 0.15);
}
.calculator__aside-title{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1em;
    padding-left: 15px;
}
.calculator__aside-video-block{
    width: 100%;
    flex: 1 1 auto;
    position: relative;
}
.calculator__aside-video{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.calculator__input-block{

}
.calculator__input-block_tel{
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    justify-content: flex-end*/
}
.calculator-input-block__check-list{
    display: flex;
}
.input-block__alert{
    position: relative;
}
.calculator__input-block-radio_required{
    position: relative;
}
.input-block__alert::after{
    content: "Заполните этото поле";
    position: absolute;
    right: 0;
    bottom: calc(-1.1em - 4px);
    font-size: 0.75em;
    font-weight: 500;
    color: red;
    height: 1em;
    width: auto;
    background-color: #fff;
}
.input-block__alert_number::after{
    content: "Заполните этото поле";
    position: absolute;
    right: 0;
    bottom: calc(-1.1em - 4px);
    font-size: 0.75em;
    font-weight: 500;
    color: red;
    height: 1em;
    width: auto;
    background-color: #fff;
}
.input-block__alert_required::after{
    content: "Заполните этото поле";
}
.input-block__alert_number-legth::after{
    content: "Поле должно соответсвовать формату 1111.11";
    white-space: nowrap;
}
.input-block__alert_number-height::after{
    content: "Поле должно соответсвовать формату 1.11";
    white-space: nowrap;
}
.calculator__input-block-radio_required::after{
    content: "Выберете 1 из вариантов";
    position: absolute;
    right: 0;
    bottom: -1.1em;
    font-size: 0.75em;
    font-weight: 500;
    color: red;
    height: 1em;
    width: auto;
    white-space: nowrap;
    background-color: #fff;
}
.calculator__input-block-radio_variant-selector::after{
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}
.calculator__input-block:first-child{
    margin-bottom: 14px;
}
.calculator__input-block_first-step{
    margin-bottom: calc(1.5em + 5px);
}
.calculator__input-text{
    width: 100%;
}
.input-text_required{
    border-color: red!important;
}
.input-text_required::placeholder{
    /* color: red; */
}
.calculator-radio-label{
    font-weight: 700;
}
.bonus{
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.bonus__element{
    padding: 0 20px 40px;
}
.bonus__block{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    overflow: hidden;
}
.bonus__img{
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.bonus__name{
    margin: 10px 10px 10px 10px;
    font-size: 1.2em;
    font-weight:700;
    color: #972844;
    text-align: center;
}
.bonus-desc{
    margin-top: 0;
    font-size: 1.2em;
}
.calculator__inputs-list{
    margin-top: 0;
}
.step-desc{
    margin-left: -10px;
    padding: 0 20px 0 10px;
    height: 100%;
}
.step-desc__text{
    border: 1px solid #ececec;
    padding: 11px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.5;
    height: 100%;
}

.calculator-input-block{
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 16px;
    box-shadow: 2px 3px 7px #00000021;
    border: 1px solid transparent;
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.calculator-input-block__empty{
    height: 92px;
    width: 100%;
}
.calculator-input-block_required{
    border-color: red!important;
}
.calculator-input-block_hidden{
    display: none;
}
.calculator-input-block__text{
    font-size: 1.2em;
    min-width: 100%;
    width: 0;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}
.calculator-input-block__text_desc{
    position: relative;
}
.calculator-input-block__text_desc:before{
    content: attr(data-desc);
    position: absolute;
    top: -0.5em;
    left: 0;
    font-size: 0.85em;
    background-color: #616161;
    color: #fff;
    padding: 7px;
    border-radius: 10px;
    z-index: -1;
    opacity: 0;
    transition: all 0.2s linear  0.2s;
    transform: translateY(-100%);
}
.calculator-input-block__text_desc::after{
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    height: 0;
    width: 0;
    border-top: 0.5em solid #616161;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    z-index: -1;
    opacity: 0;
    transition: all 0.2s linear 0.2s;
    transform: translateY(-100%);
}
.calculator-input-block__text_desc:hover:before,
.calculator-input-block__text_desc:hover::after{
    z-index: 100;
    opacity: 1;
}

.calculator-input-block__text_desc-button{
    padding: 0.5em;
    margin-left: 0.4em;
    border: 1px solid #adadad;
    color: #adadad;
    border-radius: 100%;
    position: relative;
    font-size: 0.85em;
    font-weight: 700;
    height: 2em;
    width: 2em;
    display: block;
    line-height: 1.13;
    text-align: center;
    cursor: pointer;
}
.calculator-input-block__text_desc-button:before{
    content: attr(data-desc);
    position: absolute;
    top: -0.5em;
    left: -5px;
    background-color: #616161;
    color: #fff;
    padding: 7px;
    border-radius: 10px;
    font-size: 0.85em;
    z-index: -1;
    opacity: 0;
    font-weight: 300;
    transition: all 0.2s linear  0.2s;
    transform: translateY(-100%);
}
.calculator-input-block__text_desc-button::after{
    content: '';
    position: absolute;
    top: -1px;
    left: 8px;
    height: 0;
    width: 0;
    border-top: 0.5em solid #616161;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    z-index: -1;
    opacity: 0;
    transition: all 0.2s linear 0.2s;
    transform: translateY(-100%);
}
.calculator-input-block__text_desc-button:hover:before,
    /* .calculator-input-block__text_desc-button:hover::after{
        z-index: 100;
        opacity: 1;
    } */





.calculator-input-block__check{
    display: flex;
    align-items: center;
}
.calculator-input-block__check:last-child{
    margin-left: 3em;
}

.calculator-input-block__text-hidden{
    flex: 1 1 100%;
    font-size: 0.9em;
    line-height: 1.1;
    margin: 0;
}
.calculator-input-block__subtext-hidden{
    font-size: 0.8em;
    color: #9c2946;
    display: block;
}
.select-wrapper{
    flex: 1 1 auto;
}
.input-select{
    height: 2.5em;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #adadad;
    background-color: transparent;
    border-radius: 10px;
    transition: all 0.2s linear;
    font-size: 16px;
}
.input-select:focus + .input-select{
    outline: transparent;
    border: 1px solid #9c2946;
}
.gate-status{
    display: flex;
}

.variant-selector{
    display: flex;
    flex-wrap: wrap;
    width: 100%;

}
.variant-selector__input-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.input-wrapper{
    margin-bottom: 20px;

}
.variant-selector__input{
    width: 100%;
}
.variant-selector__img{
    width: 100%;
    height: 400px;
}

.calculation{
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 100%;
    justify-content: space-between;
    padding: 13px;
    font-size: 0.95em;
}
.calculation__title{
    margin: 0;
    display: block;
    align-items: center;
    width: 100%;
    max-width: 550px;
}
.calculation_bolt{
    font-weight: 700;
    font-size: 1.1em;
}
.calculation__title_red{
    color: #9c2946;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.calculation__price{
    margin: 10px 0 0 0;
    font-weight: 700;
}
.calculation__price_result{
    font-size: 22px;
}
.calculation__changeable-title{

}
.text-hidden-step-6{
    display: contents;
}
.text-hidden-step-6 span{
    display: contents;
}
.input-block_calculator-step-7{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.check-real-work__text{
    margin-bottom: 0;
}
.input-select_calculator-step-7{
    flex: 1 0 auto;
}
.check-real-work{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 16px;
    box-shadow: 3px 2px 10px 1px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
    border-radius: 10px;
}
.calculator__process-content-wrapper{
    margin-bottom: 12px;
    padding: 16px;
    box-shadow: 3px 2px 10px 1px rgba(0, 0, 0, 0.08);
    border: 1px solid transparent;
    border-radius: 10px;
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
}
.check-real-work__title{
    font-size: 1em;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0.7em;
}
.check-real-work__text{
    max-width: 550px;
    margin-bottom: 0.7em;
}
.check-real-work{

}
.check-real-work{

}

.thanks-block{
    display: flex;
    height: 100%;
    width: 100%;
    padding-top: 60px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thanks-block__wrapper{
    box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.thanks-block__check{
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 100%;
    border: 2.9px solid #9c2946;
}
.thanks-block__img{
    height: 100%;
    width: 100%;
}
.thanks-block__title{
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0;
}
.thanks-block__text{

}
.calculator__process-content_subtitle{
    font-size: 1.25em;
    font-weight: 700;
    margin-top: 0;
    line-height: 1;
}
/* <-- Стили калькулятор */

/* Стили "Категории на других страницах" --> */

.fence-info{
    margin-bottom: 25px;
}
.fence-info__wrapper{
    display: flex;
    flex-wrap: wrap;
}
.fence-info__galery{
    padding: 0 0 20px 0;
}
.fence-info__configuration-block{
    padding: 20px;
    box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid transparent;
    border-radius: 10px;
    height: fit-content;
}
.fence-info__title{
    width: 100%;
    font-size: 2.3em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
}
.fence-price__desc{
    font-size: 1.2em;
    margin-bottom: 0.3em;
    line-height: 1.1;
}
.fence-price__price{
    line-height: 1.1;
    margin: 0 0 0.7em;
    font-size: 2em;
    font-weight: 700;
}
.fence-price__button-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fence-price__button{
    margin-right: 15px;
}
.fence-price__link{
    height: fit-content;
}
.fence-info__configuration-list{
    padding: 0;
    margin: 0 0 20px;
}
.fence-info__configuration{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.fence-info__configuration-value{
    font-weight: 700;
    /*width: 50%;*/
    text-align: end;
    /*border-left: 1px solid #ececec;*/
}
.fence-info__configuration_background-grey{
    background: #f7f7f7;
}
.fence-desc{

}
/* <-- Стили "Категории на других страницах" */

/* Стили "Категории на других страницах" --> */

.page-category{
    margin-bottom: 50px;
}
.page-category__list{
    padding: 0;
    margin: 0;
    display: flex;
}
.page-category__element{
    list-style-type: none;
    margin-right: 10px;
}
.page-category__element_activ{
}
.page-category__link{
    text-decoration: none;
    transition: 0.2s all linear;
}
.page-category__link:hover{
    color: #9C2946;
}

/* <-- Стили "Категории на других страницах" */

/* Стили "Категории на других страницах" --> */

.video-blog{
    margin: -10px -10px 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.video-blog__element-wrapper{
    padding: 10px;
    height: 300px;
}
.video-blog__element{
    height: 100%;
    border-radius: 10px;
    box-shadow: 3px 1px 13px rgb(236 236 236);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.video-blog__element::after{
    content: attr(data-name-video);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.8em;
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    background-color: rgba(88, 88, 88, 0.555);
    border-radius: 10px;
}
.video-blog__preview{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.video-block{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10001;
    display: flex;
    justify-content: center;
    align-items: center
}
.video-block__hidden{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #232323d6;
    z-index: 10000;
}
.video-block__wrapper{
    top: 50%;
    left: 50%;
    max-height: 90%;
    width: 100%;
    max-width: 700px;
    background-color: #ffffff;
    /* border-radius: 10px; */
    overflow: hidden;
    position: fixed;
    z-index: 10002;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}
.video-block__video{
    width: 100%;
    flex: 1 1 auto;
    object-fit: contain;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-block__img{
    height: 100%;
    width: 100%;
    flex: 1 1 auto;
    object-fit: contain;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* <-- Стили "Категории на других страницах" */

/* Стили "О нас" --> */

.block-with-aside{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
.block-with-aside_product{
    padding-top: 22px;
}
.block-with-aside__title{
    width: 100%;
}

.aside{
    padding-right: 48px;
    padding-bottom: 30px;
}
.aside__sticky{
    position: sticky;
    top: 100px;
}
.aside__block{
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.2s linear ;
    box-shadow: 3px 4px 11px 1px rgba(0, 0, 0, 0.08);
}
.aside__block:hover{
    box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.12);
}
.aside__img{
    height: 60px;
    width: 60px;
    margin-top: 28px;
    margin-bottom: 28px;
}
.aside__calculator-text{
    text-align: center;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 20px 0;
}
.aside__text{
    width: 100%;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 7px 0;
}
.aside__text_title{
    font-weight: 700;
    line-height: 1.1;
}
.aside__subtext{
    width: 100%;
    font-size: 0.85em;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.aside__social{
    width: 100%;
    font-size: 1rem;
    margin-bottom: 15px;
}
.aside__input{
    margin-bottom: 10px;
}
.aside__form{
    width: 100%;
    line-height: 1.5;
    margin: 0;
}
.aside__form a{
    font-size: 1em;
}
.aside__checkbox{
    font-size: 0.78em;
}

.main-content_m-20{
    width: calc(100% + 40px);
    margin: -20px;
}
/* <-- Стили "О нас" */

/* Стили "О нас" --> */

.blog__list{

}
.blog__list * {
    font-size: 16px;
    line-height: 1.5;
}
.blog__list ul {
    padding-left: 16px;
}
.blog__list li {
    padding-left: 5px;
}
.blog__list h2 {
    font-size: 1.75em;
    font-weight: 500;
}
.blog__list h3 {
    font-size: 1.5em;
    font-weight: 500;
}
.blog__element{
    padding: 0 0 40px;
}
.preview-post{

}
.preview-post__text-block{
}
.post_desc{
    padding-bottom: 12px;
    margin-top: 0;
}
.post-img-left{
    margin-bottom: 20px;
    width: 100%;
}
.blog__inner-block{
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
}
.blog__img{
    height: 300px;
    flex: 1 0 100%;
    overflow: hidden;
    object-fit: cover;
}
.blog__info{
    padding: 15px;
}
.blog__name{    font-size: 1.5em;
    font-weight: 700;
    margin: 0 0 15px 0;
}
.blog__desc{
    margin: 0 0 15px 0;
}
.blog__link{

}



/* <-- Стили "О нас" */

.questions{

}
.questions__category{
    margin: 0 -10px 40px -10px;
}
.questions__category-name{
    margin: 10px;
}
.questions__list{

}

.question{
    border: 1px solid #ececec;
    border-radius: 10px;
    margin-bottom: 25px;
}
.question__img{
    height: 1em;
    width: 1em;
    transform:rotate(0deg);
    transition: all 0.1s linear;
}
.question__hidden{
    width: 100%;
    background: transparent;
    border: transparent;
    border-radius: 10px;
    padding: 1.5em;
    display: flex;
    font-size: 1.2em;
    font-weight: 700;
    justify-content: space-between;
}
.question__answer{
    overflow: hidden;
    height: 0;
    transition: all 0.1s linear;
}
.question__answer_nohidden{
    overflow: hidden;
    height: fit-content;
}
.question__answer-text{
    padding: 0 1.5em 1.5em 1.5em;
}
.question__answer-text_color-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.question__color-wrapper{
    padding: 10px;
}
.question__color-block{
    padding: 30px;
    position: relative;
    z-index: 2;
    width: 170px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.question__color-block p{
    margin: 0;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-shadow: 0 0 1px #ffffff,0 0 3px #ffffff,0 0 5px #ffffff;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*word-break: break-all;*/
    z-index: 2;
}
.question__color-block p:first-child{
    margin-bottom: 10px;
}
.question__color-img{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
/* Стили "отзыв" --> */

.review-content{
    display: flex;
    flex-wrap: wrap-reverse;
}
.review-gallery{
    margin-bottom: 20px;
}
.review-gallery__video-wrapper{
    height: 560px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.review-gallery__video{
    height: 100%;
    width: 100%;
}
.review-gallery__video-preview{
    height: 100%;
    width: 100%;
}
.review-gallery__wrapper{
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.review-gallery__img{
    width: 100%;
    height: 440px;
    padding: 10px;
    object-fit: cover;
}
.review-price-info-short{
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.review-price-info{
    padding-bottom: 20px;
}
.review-price-info__wrapper{
    border-radius: 10px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.11);
    height: fit-content;
    position: sticky;
    padding: 20px;
    top: 100px;
}
.listWorks{
    border-top: 1px solid #ececec;
    padding-top: 20px;
}
.listWorks__title{
    margin: 0 0 15px 0;
}
.review-user-info{

}
.review-user-info__wrapper{
    margin-bottom: 20px;
}
.review-user-info__wrapper:last-child{
    margin: 0;
}
.review-user-info__block{
    border-radius: 10px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.11);
    height: fit-content;
    padding: 20px;
}
.review-user-info__user{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}
.review-user-info__img{
    height: 70px;
    width: 70px;
    border-radius: 100%;
    margin-right: 20px;
}
.review-user-info__name{
    font-size: 1.2em;
    font-weight: 700;
}
.review-user-info__desc{

}
/* <-- Стили "отзыв" */

/* стили "карточка товара" --> */

.product-cards-list{

}
.product-card{
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.11);
    padding: 20px;
    margin-bottom: 30px;
}
.product-card__imges img{
    border-radius: 10px;
}
.product-card__imges{
    width: 100%;
    margin: 0 0 20px 0;
}
.product-card__full-img{
    width: 100%;
    height: auto;
}
.product-card__imges{
}
.product-card__midl-img{
    width: 500px;
}
.product-card__info{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-card__links-block{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.product-card__links-block a{
    margin: 10px 10px 10px 0;
}
.product-card__name{
    width: 100%;
    font-size: 14px;
    margin: 0 0 20px;
}
.product-card__name-link{
    font-size: 1.7em;
    font-weight: 700;
    text-decoration: none;
}
.product-card__name-info-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.product-card__name-info{
    margin-right: 10px;
}
.product-card__info-list{

}
.product-card__info-content{
    display: none;
}
.product-card__info-content_activ{
    display: block;
}
.tab__name-info{
    border: 1px solid #000000;
    background-color: #ffffff;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
    border-radius: 30px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    transition: all 0.2s linear;
    margin-bottom: 10px;
}
.tab__name-info:hover{
    color: #ffffff;
    background-color: #000000;
}
.tab__name-info_activ{
    color: #ffffff;
    background-color: #000000;
}
.tab__name-info_more{
    border: 1px solid #bdbdbd;
    background-color: #fff;
    padding: 1em;
    width: 31px;
    height: 31px;
    background-image: url("/wp-content/themes/nd-zabor/img/more_horizontal-1.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.tab__name-info_more:hover{
    color: #bdbdbd;
    background-color: white;
}
.tab__info-content{
    display: none;
}
.tab__info-content_activ{
    display: block;
}

/* <-- стили "карточка товара" */

/* кнопка вверх --> */

.but-to-up{
    position: fixed;
    height: 45px;
    width: 45px;
    bottom: -300px;
    right: 30px;
    z-index: 1000;
    background-color: #ffffff;
    padding: 12px;
    transform: rotateZ(180deg);
    border: 2px solid #9C2946;
    border-radius: 100%;
    transition: all 0.2s linear;
}

/* <--  кнопка вверх */

/* общие классы --> */

.error-404{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-404__title{
    font-size: 2em;
    font-width: 700;
    color: #9a2845;
}
.error-404__to-home-text{

}
.error-404__to-application-text{
    margin-top: 0;
}

/* <--  кнопка вверх */


/* общие классы --> */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/wp-content/themes/nd-zabor/img/flags_2x.png");
    }
}
.iti{
    flex: 1 0 100%;
    width: 100%;
}
.iti__selected-flag{
    padding: 0;
    border-radius: 10px 0 0 10px;
}
.hide-p{
    padding: 0!important;
}
.selectize-input>input{
    font-size: 16px;
    /*height: 100%;*/
}
.selectize-dropdown [data-selectable].option{
    font-size: 16px;
}
.hide {
    display: none;
}
.hide-p{
    width: 1px;
    padding-top: 0.75em;
}
.iti__country-list{
    bottom: 100%;
}
.selectize-control{
    height: 2.5em;
}
.selectize-input{
    height: 2.5em;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #adadad;
    border-radius: 10px;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    background-color: transparent;
}
.selectize-input.focus{
    height: 2.5em;
    border-color: #9c2946;
    box-shadow: 0 0 0 transparent;
    border-radius: 10px;
}
.error-msg {
    color: red;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1;
}
.page-title{
    font-weight: 700;
    margin-bottom: 60px;
}
.page-title__text{
    font-size: 2.1rem;
    margin-bottom: 15px;
}

.input-file{
    position: relative;
}
.input-file__input{
    opacity: 0;
    position: absolute;
    z-index: -10;
}
.input-file__text{
    margin: 0;
}
.input-file__block{
    width: 100%;
    display: contents;
    align-items: center;
    transition: all 0.2s linear;
    cursor: pointer;
    color: #adadad;
}
.input-file__input:focus+p>.input-file__block{
    color:  #9c2946;
}
.input-file__block:hover{
    color:  #9c2946;
}
.input-file__label{
    font-weight: 500;
}
.input-file__selected-files{
    color: #972844;
    font-size: 12px;
    padding-left: 5px;
}

.radio{
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.radio-label{
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}
.radio-label::before{
    content: "";
    position: absolute;
    left: 0;
    height: 1em;
    width: 1em;
    box-sizing: border-box;
    border: 1px solid #adadad;
    border-radius: 1em;
    transition: all 0.1s linear;
}
.radio:checked + .radio-label::before{
    border: 4px solid #9c2946;
}


.sinple-text-block{
    line-height: 1.9;
    text-align: left;
    font-size: 16px;
    margin: 30px 0 0;
}
.sinple-text-block__title{
    line-height: 1.9;
    text-align: left;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 0 1em;
}
.sinple-text-block__subtitle{
    line-height: 1.9;
    text-align: left;
    font-weight: 700;
    font-size: 1.2em;
}
.sinple-text-block__text{
    margin-top: 0;
    margin-bottom: 1.7em;
    font-size: 16px;
}
.sinple-text-block__text_bolt{
    font-weight: 700;
}
.text-nowrap{
    white-space: nowrap;
}
.pointer-list{
    padding: 0;
    margin: 0;
    position: relative;
}
.pointer-list::before{
    left: 1em;
    content: '';
    background-color: #ececec;
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    transform: scaleY(0.95);
    background-repeat: no-repeat;
}
.pointer-list-step{
    position: relative;
    padding: 0 0 1em 2.5em;
    list-style-type: none;
    line-height: 1.5;
}
.pointer-list-step:last-child{
    padding: 0 0 0 2.5em;
}
.pointer-list-step:last-child::after{
    content: '';
    background-color: #ffffff;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: 3px;
    bottom: 0;
    left: 0.65em;
    width: 1em;
}
.pointer-list-step::before{
    content: '';
    background-color: #ffffff;
    border: 0.3em solid #9C2946;
    box-sizing: border-box;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 0.65em;
    width: 1em;
    height: 1em;
}

.padding-x-article{
    padding: 0 30px;
}
.w-100{
    width: 100%;
}
.img{
    height: 100%;
    width: 100%;
}
.link{
    text-decoration: none;
    cursor: pointer;
}
.simple-text{
    font-size: 1rem;
    font-style: normal;
}
.text-explanation{
    font-size: 0.85rem;
    font-style: normal;
    color: #8e8e8e;
}
.block{
    display: block;
}
.flex{
    display: flex;
}
.flex-column{
    flex-direction: column;
}
.flex-jc-center{
    justify-content: center;
}
.flex-jc-space-between{
    justify-content: space-between;
}
.flex-al-center{
    align-items: center;
}
.elips-button{
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 13px 2em;
    border: 0;
    border-radius: 30px;
    background: linear-gradient(-45deg, #601629, #8E2640, #9C2946);
    box-shadow: 1px 1px 7px #97284480;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s linear;
}
.elips-button_back{
    background: linear-gradient(-45deg, #525252, #7b7b7b, #a2a2a2);
    box-shadow: 1px 1px 7px #a0a0a080;
    padding: 13px 13px;
}
.elips-button_back img{
    margin: 0;
}
.elips-button:disabled{
    background: linear-gradient(-45deg, #525252, #7b7b7b, #a2a2a2);
    box-shadow: 1px 1px 7px #a0a0a080;
    opacity: 0.2;
    cursor: auto;
}
.elips-button_ico{
    position: relative;
    padding-left: 4em;
}
.elips-button_ico::before{
    content: '';
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.5em;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
}
.elips-button_ico_reviews::before{
    background-image: url('/wp-content/themes/nd-zabor/img/reviews-white.svg');
}
.elips-button_ico_portfolio::before{
    background-image: url('/wp-content/themes/nd-zabor/img/portfolio-white.svg');
}
.elips-button_ico_calculator-min::before{
    background-image: url('/wp-content/themes/nd-zabor/img/calculator-ico-min.svg');
}
.elips-button_ico_calculator::before{
    background-image: url('/wp-content/themes/nd-zabor/img/calculator-ico.svg');
}
.elips-button_ico_more::before{
    background-image: url('/wp-content/themes/nd-zabor/img/more.svg');
}
.elips-button_banner{
    width: 250px;
}
.red-link{
    color: black;
    transition: all 0.2s linear;
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: #9c2946;
}
.article-bottom-m{
    margin-bottom: 50px
}
.rotate-z-element{
    transition: all 0.7s linear;
}
body{
    margin: 0;
    font-size: 14px;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-weight: 300;
    position: relative;
    scroll-behavior: smooth;
}
body * {
    box-sizing: border-box;
}
a{
    color: #3f57f4;
    font-size: 16px;
    transition: all 0.2s linear;
}
a:hover{
    color: #7082f8;
}
p{
    line-height: 1.5;
}
.button-uppercase{
    text-transform: uppercase;
    color: #601629;
    background-color: transparent;
    font-weight: 700;
    padding: 0 0 5px;
    border: none;
    border-bottom: 1px solid #601629;
    transition: all 0.2s linear;
}
.button-uppercase:first-child{
    margin-right: 10px;
}
.page-content-m-t{
    margin-top: 30px;
}
.price-list-main{
    font-size: 1.1em;
    line-height: 1.5;
}
.table-block{
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 4px 1px 20px #f5f4f4;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
}
.table-block_no-border{
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
}
.table-block__title{
    margin-top: 0;
}
.table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    border: 1px solid #ececec;
}
.table__header{
    background-color: #f4f4f4;
}
.table__body{

}
.table__row{
    border-top: 1px solid #ececec;
    text-align: center;
}
.table__col{
    padding: 15px;
    border: 1px solid #ececec;
}



.table-wrapper table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    border: 1px solid #ececec;
}
.table-wrapper tr{
    border-top: 1px solid #ececec;
    text-align: center;
}
.table-wrapper tr:first-child{
    background-color: #f4f4f4;
}
.table-wrapper tr:first-child span{
    font-weight: 700;
}
.table-wrapper td{
    padding: 15px;
    border: 1px solid #ececec;
}
.table-wrapper span{
    font-family: "Museo Sans Cyrl",sans-serif!important;
    display: block;
    width: 100%;
    text-align: center;
}

.table__link{
    display: block;
    width: fit-content;
    margin-left: auto;
}

.table-wrapper ol,
.table-wrapper ul{
    padding-top: 15px;
    padding-left: 1.5em;
    margin-bottom: 25px;
}
.table-wrapper li{
    margin-bottom: 20px;
    list-style-type: none;
    position: relative;
}
.table-wrapper li::before{
    content: "";
    position: absolute;
    left: -1.5em;
    top: 0.3em;
    height: 0.5em;
    width: 0.5em;
    border-radius: 100%;
    background-color: #9a2845;
}

/* сообщение отзыва --> */
.done-add-review{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.50);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    cursor: pointer;
}
.done-add-review_preloader{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 64px;
    width: 64px;
    background-image: url("/wp-content/themes/nd-zabor/img/icons8-swirl-100.png");
    background-repeat: no-repeat;
    background-size: contain;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.done-add-review__wrapper{
    padding: 20px 20px;
    margin: 5px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.38);
    position: relative;
    cursor: default;
}
.done-add-review_title{
    text-align: center;
    font-size: 29px;
}
.done-add-review_text{
    text-align: center;
    font-size: 16px;
}
.done-add-review_img{
    position: absolute;
    top: 10px;
    right: 10px;
    height: 2.5em;
    width: 2.5em;
    padding: 0.75em;
    cursor: pointer;
}
/* <-- сообщение отзыва */

.additional-services{
    padding-top: 15px;
    padding-left: 1.5em;
    margin-bottom: 25px;
}
.additional-services__element{
    margin-bottom: 20px;
    list-style-type: none;
    position: relative;
}
.additional-services__element::before{
    content: "";
    position: absolute;
    left: -1.5em;
    top: 0.3em;
    height: 0.5em;
    width: 0.5em;
    border-radius: 100%;
    background-color: #9a2845;
}
.additional-services__price{
    font-weight: 700;
}
.make-call__wrapper{
    background-color: white;
    padding: 20px 20px;
    margin: 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.make-call__title{
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 700;
}
.make-call__text{
    width: 100%;
    margin: 0 0 22px 0;
}
.make-call__inputs-block{
    display: flex;
    flex-direction: column;
}
.make-call__tel{
    margin-bottom: 10px;
}
.sitemap{

}
.sitemap a{

}
.sitemap .children{
    padding-left: 10px;
}
.sitemap h3{
    font-size: 1.5em;
    margin-top: 0;
}
.sitemap ul{
    padding: 0;
    margin-bottom: 20px;
}
.sitemap li{
    list-style-type: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    pointer-events: auto;
}
/* <--общие классы */

/* классы "Контакты" --> */

.contacts-blog{
    position: relative;
}
.contacts-blog__list-info{
    position: absolute;
    top: -2.5%;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.38);
    padding: 20px;
    left: 20%;
    /*min-height: 105%;*/
    min-width: 300px;
    max-width: 440px;
}
.contacts-blog__list-info *{
    text-align: center;
}
.contacts-blog__list-title{
    margin-top: 0;
    padding-top: 10px;
    text-transform: uppercase;
}
.contacts-blog__info{
    padding: 10px 0;
    display: flex;
    flex-direction: column;
}
.contacts-blog__info-title{
    margin-top: 0;
}
.contacts-blog__link{
    padding: 5px;
}
.contacts-blog__info-text{
    padding: 5px;
    margin: 0;
}

/* <-- классы "Контакты" */

    @media screen and (min-width: 576px) {

        .done-add-review__wrapper{
            padding: 40px 60px;
        }
        .make-call__wrapper{
            padding: 40px 60px;
        }
        .calculator__variant-margin{
            padding: 0 10px 30px 10px;
            height: fit-content;
        }
        .calculator-input-block__text{
            min-width: 320px;
        }
        .input-wrapper:first-child{
            padding-right: 10px;

        }
        .input-wrapper:last-child{
            padding-left: 10px;
        }
        .video-blog__element-wrapper{
            padding: 10px;
            height: 255px;
        }
        .padding-x-article{
            padding: 0 20px;
        }
        .advantages__text{
            margin-left: 20px;
        }
        .advantages__text p{
            text-align: center;
        }
        .advantages__text p{
            text-align: start;
        }
        .sity-list__element{
            width: 33%;
        }
        .calculator-button__img_first{
            margin-right: 10px;
        }
        .input-select_calculator-step-7{
            margin: 0 0 0 5px;
        }
        .calculation_bolt{
            font-size: 1.2em;
        }
        .calculation__price{
            margin: 0;
        }
    }

    @media screen and (min-width: 768px) {
        .done-add-review__wrapper{
            padding: 80px 100px;
        }
        .make-call__wrapper{
            padding: 80px 100px;
        }
        .make-call__inputs-block{
            display: flex;
            flex-direction: row;
        }
        .make-call__tel{
            margin: 0 30px 0 0;
        }
        .social__ico:hover img{
            transform: scale(1.1, 1.1);
        }
        .subcategories__wrapper{
            margin: -20px -20px -20px -20px;
            width: calc(100% + 45px);
        }
        .subcategories__block{
            padding: 20px;
        }
        .input-text{
            font-size: 14px;
        }
        .sity-list__block{
            height: fit-content;
        }
        .phone-number__call-form:hover{
            color: #5f9be9;
        }
        .phone-number__call-form:hover::after{
            transform: scaleX(1);
        }
        .nav-bar__element:hover .nav-bar__link{
            color: #9c2946;
        }
        .nav-bar__element_small-menu{
            position: relative;
        }
        .nav-bar__element:hover .nav-bar__link_arrow::before{
            transform: rotate(180deg);
            opacity: 0;
        }
        .nav-bar__element:hover .nav-bar__link_arrow::after{
            transform: rotate(180deg);
        }
        .nav-bar__subcategory-link{
            color: #972844;
        }
        .nav-bar__subcategory-link:hover{
            color: #000;
        }
        .preview__full-img_big{
            height: 550px;
        }
        .input-block_calculator-step-7{
            margin-bottom: 0;
        }
        .elips-button:hover{
            box-shadow: 3px 3px 7px #972844;
            color: #ffffff;
        }
        .elips-button_back:hover{
            box-shadow: 3px 3px 7px #4e4e4e81;
        }
        .elips-button:disabled:hover{
            background: linear-gradient(-45deg, #525252, #7b7b7b, #a2a2a2);
            box-shadow: 0 0 0 transparent;
            opacity: 0.2;
            cursor: auto;
        }
        .red-link:hover{
            color: #972844;
        }
        .rotate-z-element:hover{
            transform:  rotateZ(0.3deg) ;
        }
        .logo__img{
            height: 40px;
        }
        .phone-number__link{
            text-align: center;
            font-size: 0.9em;
        }
        .phone-number__call-form{
            font-size: 0.8em;
            letter-spacing: 0;
        }

        .input-block-text_left{
            padding-right: 10px;
        }
        .input-block-text_right{
            padding-left: 10px;
        }

        .application__block-text{
            height: auto;
            width: 50%;
            margin-bottom: 20px;
        }
        .application__block{
            padding: 70px;
        }
        .reviews__see-more_link{
            margin-right: 35px;
        }
        .button-uppercase:hover{
            color: #9C2946;
            border-bottom: 1px solid #9C2946;
        }
        .sity-list__block_white-shadow::after{
            display: none;
        }
        .post-carousel__slide:hover{
            box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.10);
        }
        .blog__info{
            padding: 15px;
        }
        .blog__img{
            height: auto;
            flex: 0 0 300px;
        }
        .post-img-left{
            margin-right: 30px;
            margin-bottom: 20px;
            height: 200px;
            width: 350px;
            float: left;
        }
        .calculator__process-container{
            height: 560px;
        }
    }

    @media screen and (min-width: 768px) {

        .header{
            position: unset;
            box-shadow: none;
            padding: 0;

        }
        .js-empty-nav-bar{
            border-top: 1px solid transparent;
            padding-top: 1.5vw;
            height: calc(84px + 1.5vw);
        }
        .nav-bar{
            position: sticky;
            background-color: #ffffff;
            height: auto;
            margin: 0;
            padding: 17px 0;
            border-top: 1px solid #e2e2e2;
            border-bottom: 1px solid #e2e2e2;
        }
        .nav-bar_sticky{
            position: fixed;
            margin: 0;
            top: 0;
            background: rgba(247,249,250,.75);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.07);
        }
        .elips-button__header{
            margin: 0;
        }
        .nav-bar__block{
            background-color: transparent;
            padding: 0;
            margin: 0 auto;
            display: flex;
            max-width: 720px;
        }
        .nav-bar__element{
            width: auto;
            box-sizing: border-box;
            margin: -12px 19px -12px 0;
            align-items: center;
        }
        .nav-bar__element:last-child{
            margin-right: 0;
        }
        .nav-bar__link{
            color: #000;
        }
        .nav-bar__link_arrow{
            margin-right: 1em;
        }
        .catalog-aside__hidden-img{

        }
        .nav-bar__link_arrow::before{
            content: '';
            display: block;
            background: url('/wp-content/themes/nd-zabor/img/bottom-arrow.svg') no-repeat center;
            background-size: contain;
            position: absolute;
            opacity: 1;
            right: -10px;
            bottom: 40%;
            z-index: 10;
            width: 0.7em;
            height: 0.7em;
            transition: all 0.2s linear;
        }
        .nav-bar__link_arrow::after{
            content: '';
            display: block;
            background: url('/wp-content/themes/nd-zabor/img/bottom-arrow-red.svg') no-repeat center;
            background-size: contain;
            position: absolute;
            right: -10px;
            bottom: 40%;
            width: 0.7em;
            height: 0.7em;
            transition: all 0.2s linear;
        }
        .drop-menu::before{
            content: "";
            height: 0;
            position: absolute;
            width: 140px;
            bottom: -9px;
            transform: translateY(100%);
        }
        .drop-menu:hover:before{
            height: 11px;
        }
        .nav-bar__catalog{
            position: absolute;
            column-count: 3;
            border-radius: 10px;
            width: 100%;
            max-width: 100%;
            height: 0;
            background-color: #fff;
            opacity: 0;
            overflow: hidden;
            top: auto;
            bottom: -20px;
            transform: translateY(100%);
            padding-left: 0;
            left: 0;
            height: 0;
            transition: opacity 0.2s linear;
            box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.5);
            z-index: 100;
            display: block;
        }
        .nav-bar__catalog::before{
            content: "";
            height: 0;
            position: absolute;
            width: 140px;
            bottom: -9px;
            transform: translateY(100%);
        }
        .nav-bar__category{
            padding: 0 28px 30px 28px;
            page-break-inside: avoid;
            break-inside: avoid;
        }
        .nav-bar__element:hover .nav-bar__catalog{
            opacity: 1;
            max-height: 900px;
            height: auto;
            padding-top: 40px;
        }
        .nav-bar__catalog:hover .nav-bar__catalog{
            opacity: 1;
            max-height: 900px;
            height: auto;
            padding-top: 40px;
        }
        .nav-bar__category-img{
            display: block;
            width: 50px;
            height: 50px;
            margin-right: 1em;
            object-fit: cover;
            overflow: hidden;
            border-radius: 100%;
        }
        .nav-bar__subcategory-list{
            padding-left: 0;

        }
        .nav-bar__category-title{
            margin: 10px 0 1.5em 0;
        }
        .nav-bar__category-link{
            color: black;
            padding: 0;
        }
        .nav-bar__subcategory{
            list-style-type: none;
        }
        .nav-bar__subcategory-link{
            padding: 4px 0 2px 0;
        }

        .nav-bar__element_small-menu:hover .small-hidden-menu{
            opacity: 1;
            height: fit-content;
            max-height: 900px;
        }
        hidden-submenu{
            display: block;
        }
        .small-hidden-menu{
            display: block;
            position: absolute;
            height: 0;
            width: auto;
            top: auto;
            bottom: -8px;
            transform: translateY(100%);
            left: 0;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.5);
            padding: 0;
            opacity: 0;
            transition: all 0.2s linear;
        }
        .nav-bar__element_small-menu::before{
            content: "";
            height: 0;
            position: absolute;
            width: 100%;
            bottom: -20px;
        }
        .nav-bar__element_small-menu:hover:before{
            height: 20px;
        }
        .small-hidden-menu__element:hover .small-hidden-menu__link{
            color: #9c2946;
        }
        .nav-bar__element_small-menu:hover .small-hidden-menu{
            height: auto;
            opacity: 1;
        }
        .small-hidden-menu__element{
            margin: 0;
            list-style-type: none;
            padding: 0 10px;
        }
        .small-hidden-menu__link{
            padding: 0.5em;
            display: block;
            white-space: nowrap;
            color: #000;
            text-decoration: none;
        }
    }
    @media screen and (min-width: 992px) {

        .nav-bar__element{
            margin-right: 30px;
        }
        .calculation__title_red{
            font-size: 1.2em;
            margin-bottom: 0;
        }
        .subheader{
            margin-bottom: 0;
        }
        .bonus__name{
            font-size: 1.4em;
        }
        .logo__img{
            height: 50px;
        }
        .product-card__full-img{
            height: 225px;
            width: 300px;
        }

        .product-card__imges{
            width: auto;
            margin: 0 20px 0 0;
        }
        .fence-info__galery{
            padding: 0 20px 0 0;
        }
        .review-gallery{
            padding-right: 20px;
            margin-bottom: 20px;
        }
        .article-bottom-m{
            margin-bottom: 100px
        }
        .article__title{
            font-size: 2.1em;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 2em;
        }


        .application__process{
            padding-right: 20px;
            margin-bottom: 0;
        }
        .offer-block{
            margin-right: 7%;
            align-items: flex-end;
        }
        .footer__contacts{
            margin-left: 60px;
        }
        .footer-navbar-element{
            margin-right: 60px;
        }
        .creator{
            border-left: 1px solid #ececec;
            border-top: 0;
            margin-top: 0;
            padding: 0 0 0 40px;
            width: 60%;
        }
        .sity-list__element{
            width: 25%;
        }
        .nav-bar__block {
            max-width: 960px;
        }
        .blog__img{
            flex: 0 0 300px;
        }
    }

    @media screen and (min-width: 1200px) {

        .calculator__aside-video-block{
            height: calc(100% - 66px);
        }
        .thanks-block{
            padding-top: 0;
        }
        .calculator__aside{
            height: 100%;
            padding: 0 25px 25px 5px;
            flex-direction: column;
            flex: 1 1 auto;
        }
        .application__before{
            padding-top: 0;
            margin-top: 0;
            border-top: none;
            padding-left: 40px;
            border-left: 1px solid #ececec;
        }
        .calculator__process-step{
            height: 100%;
            flex-wrap: nowrap;
        }
        .sity-list__element{
            width: 20%;
        }
        .application__call-us{
            margin: 0 0 0 0;
        }
        .calculator__step-list::after{
            display: none;
            text-transform: uppercase;
        }
        .nav-bar__block {
            max-width: 1140px;
        }
        .reviews-form__wrapper{
            padding: 0 0 0 20px;
        }
        .calculator__step-list{
            padding: 0 38px 0 0;
        }
        .calculator__process-main{
            padding: 72px 30px 30px 0;
        }
    }

    @media screen and (min-width: 1400px) {
        .nav-bar__block {
            max-width: 1320px;
        }
        .baner__block{
            padding: 0;
            background-color: transparent;
            border-radius: 10px;
            box-shadow: none;
        }
    }
/* <-- Анимации hover */



/* Анимации кнопки видео -->*/

.button-video-play{
    height: 70px;
    width: 70px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: transparent;
}
.button-video-play__wrapper{
    height: 100%;
    width: 100%;
    position: relative;
}
.button-video-play__animation{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3;
    background-color: transparent;
    border: 1px solid #9C2946;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.39);
    transform: scale(0.5);
    border-radius: 100%;
}
.button-video-play__animation_infinite{
    animation: pulse 1s ease-in-out infinite;
}
.button-video-play_animation-hover:hover .button-video-play__animation_hover{
    animation: pulse 0.7s ease-in-out infinite;
}
.button-video-play__element{
    height: 100%;
    width: 100%;
    background-color: #9C2946;
    background-image: url('/wp-content/themes/nd-zabor/img/play-button.svg');
    background-blend-mode: lighten;
    background-size: 25px, auto, contain;
    background-repeat: no-repeat;
    background-position: 25px center;
    padding: 0;
    border: transparent;
    border-radius: 100%;
    position: absolute;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.39);
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.button-video-play__img{
    height: 35px;
    width: 35px;
}
@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
/* <-- Анимации кнопки видео */
.baner__ico-img{
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.5em;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
}