/* шрифты */

@font-face {
    font-family: Inter;
    font-weight: 400;
    src: url(https://pillaris-rf.ru/media/customization/fonts/Inter-Regular.ttf);
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: url(https://pillaris-rf.ru/media/customization/fonts/Inter-Bold.ttf);
}


a,
p,
button,
li,
ul {
    font-family: Inter !important;
    font-weight: 400;
    font-size: 16px;
}


h1,
h2,
h3,
h4,
.content-title {
    font-family: Inter !important;
    cursor: default;
    font-weight: 600;
}

a {
    cursor: pointer !important;
    font-size: 14px;
}

h2 span {
    font-weight: 100;
}

p {
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    cursor: default;
}



/* глобально */

main {
    overflow: hidden;
}


/* шапка */

.__header {
    background: #242021;
}

.__header .catalog-btn {
    display: none;
}

.__header .row {
    position: relative;
    justify-content: space-between;
}

.__header .custom-block {
    position: absolute;
    right: 0px;
    top: 80px;
}

.__fat-v2-options {
    display: none;
}

.__header .c-box-fat-v2 .order-call {
    border: 1px solid #282526;
    max-height: 50px;
    height: 50px;
    display: flex;
    max-width: 170px;
    text-align: center;
    color: #FFFFFF;
    background: #282526;
    align-items: center;
    justify-content: center;
}

.__header .c-box-fat-v2 .order-call:hover {
    background: #D51930;
    border: 1px solid #D51930;
}

.__header .contact-box p.toggled a {
    display: flex;
    width: 170px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #282526;
    color: #FFF;
}

.__header .contact-box p.toggled a:hover {
    border: 1px solid #D51930;
}

.__header .c-box-fat-v2 {
    padding-left: 0px;
}

.__header .c-box-fat-v2 p {
    margin-right: 0px;
    max-width: 340px;
    padding-left: 0px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.__header .c-box-fat-v2 p::before {
    content: "sale@pillaris.ru";
    display: flex;
    width: 170px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #282526;
    color: #FFF;
    cursor: default;
    transition: 0.2s;
    border-right: 0px solid;
}

.__header .c-box-fat-v2 p::before:hover {
    border: 1px solid #D51930;
}

.__header .row .col-lg-4 {
    width: 45%;
    padding: 0px;
}

.__header .row .col-lg-6 {
    width: 30%;
}

.__h-fat-v2-bottom {
    background: #242021;
    padding-top: 15px;
    padding-bottom: 28px;
}

.search-box.fat-v2-width {
    width: 510px !important;
}

.__header .custom-block {
    height: 50px;
}

.__header .search-box input {
    background: #282526;
    border: none;
    font-family: Inter !important;
}

input {
    font-family: Inter !important;
}

input::placeholder {
    font-family: Inter !important;
}

.__header .search-box .submit {
    background: transparent;
    min-width: 60px !important;
}

.__header .search-box .submit:hover {
    background: #D51930;
}

.__fat-wrap {
    height: 50px;
}

.__fat-v2-nav ul {
    height: 50px;
}

.__fat-v2-nav ul li a {
    padding-left: 36px;
    padding-right: 36px;
    background: #282526;
}

.__fat-v2-nav ul li a:hover {
    background: #D51930;
    color: #FFFFFF;
}

.fixed .__header .custom-block {
    display: none;
}

.__fat-v2-nav ul li a.active {
    text-decoration: none;
    color: #FFF;
    text-underline-position: under;
    background: #D22030;
}

.inner-page section.header--bottom-mob,
.inner-page section.__h-fat-v2-bottom {
    background-color: #242021 !important;
}


/* остались вопросы */

.section-dark.feedback-form {
    padding: 120px 0px 50px !important;
}

.question-form {
    padding: 0px;
    width: calc(100% - 160px);
}

.question-main {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}

.question-main::before {
    content: "Оставить заявку";
    display: block;
    width: min-content;
    color: #FFFFFF;
    font-family: Inter;
}

section.feedback-form .h2 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 40px;
    text-align: left;
    max-width: 300px;
}

.form-group {
    margin-bottom: 10px;
}

section.feedback-form .form-control:focus+.label-name::after,
section.feedback-form .form-control:valid+.label-name::after,
section.feedback-form .form-control:valid+.label-name .content-name {
    display: none;
}

.form-control {
    box-shadow: none;
    border-radius: 0px;
    background: #F0F0F0;
    border: none;
}

.feedback-form .form-control {
    height: 50px;
    background: #FFFFFF;
    font-family: Inter !important;
}

.content-name {
    top: 11px;
    font-size: 14px;
    color: #A3A3A3;
    font-family: Inter;
}

.feedback-form .content-name {
    top: 16px;
    font-size: 14px;
    color: #767676;
    font-family: Inter;
}

.form-control:focus+.label-name .content-name {
    display: none;
}

.question-form__column {
    width: calc(50% - 5px);
}

textarea.form-control {
    min-height: 110px;
}

.btn,
.btn-download {
    border-radius: 0px;
    min-width: 150px;
    background: #242021;
    font-size: 14px;
}

.feedback-form .btn {
    height: 50px;
    font-size: 16px;
}

section.feedback-form .form-text {
    font-family: Inter;
    line-height: 16px;
    cursor: default;
}

.checkbox span {
    color: #ffffff !important;
}

.form-text {
    font-family: Inter;
}

.checkbox [type=checkbox]:not(:checked)+label:after, .checkbox [type=checkbox]:checked+label:after {
    background: #242021 url(https://pillaris-rf.ru/static/images/checkbox-check.svg) 50% 50% no-repeat;
}

/* подвал */

footer {
    padding: 60px 0 0px 0;
}

.footer-phone a {
    font-size: 20px;
}

.footer-content__title {
    font-size: 18px;
    text-transform: uppercase;
    min-height: 20px;
    margin-bottom: 12px;
    cursor: default;
}

.footer-content__column li {
    margin-bottom: 5px;
}

.footer-first-column .logo img {
    width: 200px;
}

.footer-content__title span {
    font-size: 14px;
    opacity: 1;
    text-transform: none;
    font-family: Inter;
    margin-top: 10px;
}

.footer-subscribe button {
    width: 130px;
    height: 40px;
    border-radius: 0px;
    line-height: 34px;
    font-size: 14px;
    background: #242021 !important;
    color: #FFFFFF !important;
    border: none !important;
}

.footer-subscribe input {
    width: calc(100% - 130px);
    height: 40px;
    border: none;
    font-size: 11px;
    border-radius: 0px;
}

.footer-content {
    padding-bottom: 80px;
}

.footer-right {
    min-width: 320px;
}

.footer-content__menu {
    width: calc(100% - 770px);
}

.developer-link a {
    font-size: 14px;
    color: #F0F0F0;
    line-height: 30px;
}

.footer-subscribe button:hover {
    background: #353031 !important;
}

.footer-content-cookie {
    color: #FFFFFF;
}

.footer-bottom {
    border-top: none;
}

.footer-bottom {
    padding-bottom: 60px;
}

.footer-bottom__left {
    color: #FFFFFF;
    font-family: Inter;
    cursor: default;
    font-size: 14px;
}

.footer-bottom .copy {
    font-size: 14px;
    color: #FFFFFF;
    opacity: 1;
}

.footer-content__column a {
    font-size: 14px;
    height: 30px;
    display: block;
    width: max-content;
    background-image: linear-gradient(to right, transparent 50%, transparent 40%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    background-position-y: 25px;
    background-position-x: -5%;
    transition: 0.3s !important;
}

.footer-content__column a:hover {
    background-image: linear-gradient(to right, #fff 50%, #D22030 40%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    background-position-y: 25px;
    background-position-x: -5%;
}

.footer-contact a {
    color: #FFF;
    background-image: linear-gradient(to right, transparent 50%, transparent 40%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    background-position-y: 25px;
    transition: 0.3s !important;
    height: 30px;
    display: block;
    width: max-content;
}

.footer-contact a:hover {
    background-image: linear-gradient(to right, #fff 50%, #D22030 40%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
    background-position-y: 25px;
}


/* главный экран */

.head-offer {
    background: url(https://pillaris-rf.ru/media/uploads/head-img.webp) no-repeat;
    background-color: #242021;
    background-position-x: center;
    background-position-y: 90px;
    padding: 140px 0px 400px;
    margin-bottom: 0px;
}

.frontpage h1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 120%;
    margin-left: 160px;
    max-width: 440px;
    margin-bottom: 20px;
}

.head-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    color: #FFF;
    padding: 0px 30px;
    background: #D22030;
    transition: 0.3s;
}

.head-button:hover {
    background: #353031;
}

.head-offer .head-button {
    margin-left: 160px;
}

.head-row {
    display: flex;
}

.head-col-1 {
    width: 33.3%;
}

.head-col-2 {
    width: 33.3%;
}

.head-col-3 {
    width: 33.3%;
    background: #FFF;
    padding: 30px 35px;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 7%);
}

.head-block-1 {
    height: 260px;
    padding: 30px 35px;
    background: url(https://pillaris-rf.ru/media/uploads/head-1.webp);
    background-size: cover;
}

.head-block-2 {
    height: 260px;
    padding: 30px 35px;
    background: url(https://pillaris-rf.ru/media/uploads/head-2.webp);
    background-size: cover;
}

.head-block-3 {
    height: 260px;
    padding: 30px 35px;
    background: url(https://pillaris-rf.ru/media/uploads/head-3.webp);
    background-size: cover;
}

.head-block-4 {
    height: 260px;
    background: url(https://pillaris-rf.ru/media/uploads/head-4.webp);
    background-size: cover;
}

.head-form {
    margin-top: -260px;
    margin-bottom: 120px;
}

.head-col-1 h3 {
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.head-col-2 h3 {
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.head-col-1 p {
    color: #FFFFFF;
    font-size: 16px;
    max-width: 160px;
    line-height: 20px;
}

.head-col-2 p {
    color: #FFFFFF;
    font-size: 16px;
    max-width: 160px;
    line-height: 20px;
}

.head-col-3 h3 {
    color: #000;
    text-transform: uppercase;
    width: min-content;
    margin-bottom: 10px;
}

.head-col-3 p {
    max-width: 230px;
    font-size: 16px;
    margin-bottom: 20px;
}


/* проектирование */

.h2-head {
    display: flex;
    justify-content: space-between;
}

.h2-head p {
    background-image: linear-gradient(to right, #D22030 60%, #FFFFFF 15%);
    background-size: 17px 1.5px;
    background-repeat: repeat-x;
    background-position-y: 25px;
    width: max-content;
    background-position-x: -5%;
    margin-top: 5px;
    font-size: 16px;
}

.h2-head h2 {
    max-width: calc(100% - 160px);
    color: #242021;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 35px;
}

.engineering-row {
    display: flex;
    margin-bottom: 20px;
}

.engineering-col-1 {
    width: 50%;
    background: url(https://pillaris-rf.ru/media/uploads/engineering.webp);
    background-size: cover;
}

.engineering-col-2 {
    width: 50%;
}

.engineering-block-1 {
    background: #D22030;
    padding: 32px 35px 20px;
}

.engineering-block-3 {
    background: #353031;
    padding: 32px 35px 20px;
}

.engineering-col-2 h4 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 382px;
    line-height: 20px;
}

.engineering-col-2 p {
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    max-width: 380px;
}

.engineering-block-2 {
    background: url(https://pillaris-rf.ru/media/uploads/engineering.svg);
    background-size: cover;
    padding: 32px 35px 20px;
}

.engineering-block {
    margin-bottom: 120px;
}

.engineering-block .head-button {
    margin-left: auto;
}


/* работы */

.works-block .h2-head {
    margin-bottom: 40px;
}

.works-block {
    margin-bottom: 120px;
}

.img-works img {
    margin: auto;
}

.img-works {
    position: relative;
    padding-top: 40px;
    margin-bottom: 90px;
}

.works-text-1 {
    top: 0px;
    position: absolute;
    left: 114px;
}

.works-text-2 {
    top: 147px;
    position: absolute;
}

.works-text-3 {
    top: 330px;
    position: absolute;
    left: 114px;
}

.works-text-4 {
    top: 0px;
    position: absolute;
    right: 90px;
}

.works-text-5 {
    top: 144px;
    position: absolute;
    right: 0px;
}

.works-text-6 {
    top: 330px;
    position: absolute;
    right: 90px;
}

.vector-1 {
    width: 303px;
    height: 70px;
    position: absolute;
    top: 32px;
    left: 113px;
}

.vector-2 {
    width: 365px;
    height: 6px;
    position: absolute;
    top: 176px;
}

.vector-3 {
    width: 251px;
    height: 63px;
    position: absolute;
    top: 300px;
    left: 113px;
}

.vector-4 {
    width: 310px;
    height: 70px;
    position: absolute;
    top: 29px;
    right: 91px;
}

.vector-5 {
    width: 348px;
    height: 6px;
    position: absolute;
    top: 173px;
    right: 0px;
}

.vector-6 {
    width: 259px;
    height: 63px;
    position: absolute;
    top: 297px;
    right: 91px;
}

.works-block .head-button {
    margin-left: auto;
}


/* продукция */

.product-row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product {
    width: calc(50% - 5px);
    background: #F0F0F0;
    padding: 30px 30px 22px 35px;
    position: relative;
    height: 230px;
}

.product h4 {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}

.product p {
    margin-bottom: 10px;
}

.product img {
    position: absolute;
    top: 65px;
    right: 30px;
}

.secondary-button {
    display: flex;
    height: 40px;
    padding: 0px 35px;
    align-items: center;
    justify-content: center;
    width: max-content;
    background: #242021;
    color: #FFF;
    transition: 0.2s;
}

.secondary-button:hover {
    background: #D22030;
}

.product .secondary-button {
    position: absolute;
    bottom: 22px;
}

.catalog-block {
    margin-bottom: 120px;
}

.product:nth-child(4n+4) img {
    top: 50px;
}

.product:nth-child(5n+5) img {
    top: 35px;
}

.product-row .head-button {
    margin-top: auto;
}


/* набор товаров */

.set-header {
    margin-bottom: 5px;
}

.set-sale-wrapper {
    margin-bottom: 120px;
}

.slider-constructor .slick-slide {
    row-gap: 0px;
}

.product-item__flag {
    margin-top: 14px;
    margin-left: 17px;
    background: #FFF;
    color: #000;
    border: 1px dashed #CFCFCF;
    font-weight: 100;
    text-transform: capitalize;
    height: 25px;
}

.product-item__status--many {
    display: none;
}

.product-item__image img {
    padding: 0px;
}

.product-item_new {
    border: 1px solid #FFF;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);
    background: #FFF;
    margin: 5px 0px !important;
}

.product-item__art {
    color: #9C9C9C;
}

.product-item__cost-product {
    color: #000000;
    font-size: 20px;
}

.product-item__cost-product span {
    font-size: 20px;
}

.product-item__btns {
    flex-direction: column;
}

.product-item__content-top {
    padding: 10px 18px;
    padding-bottom: 70px;
}

.product-item__content-bottom {
    padding: 0px 18px 15px 18px;
}

.product-item_new .input-number,
.product-item_wide .input-number,
.product-item_max-heigth .input-number,
.product-item_max-width .input-number,
.product-card-v2 .input-number {
    width: 100%;
    max-width: 100%;
    height: 26px;
    border: none;
    border-radius: 0px;
    justify-content: space-between;
}

.product-item_new .input-number input[type=number],
.product-item_wide .input-number input[type=number],
.product-item_max-heigth .input-number input[type=number],
.product-item_max-width .input-number input[type=number],
.product-card-v2 .input-number input[type=number] {
    font-size: 16px;
    cursor: default;
}

.order-up {
    border: 1px solid #CFCFCF !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 0px !important;
    padding-left: 0px;
}

.order-up:hover {
    border: 1px solid #D22030 !important;
    background: transparent !important;
}

.order-down {
    border: 1px solid #CFCFCF !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 0px !important;
    padding-left: 0px;
}

.order-down:hover {
    border: 1px solid #D22030 !important;
    background: transparent !important;
}

.input-number .order-up:after {
    background: #000;
}

.input-number .order-up::before {
    background: #000;
}

.input-number .order-down::before {
    background: #000;
}

.st-button_add-to-cart::before {
    content: "Заказать";
    display: flex;
}

.st-button__icon_cart {
    display: none;
}

.button_style-1 {
    border: 1px solid #E9E9E9 !important;
    background-color: transparent !important;
    color: #000 !important;
    border-radius: 0px !important;
}

.button_style-1:hover {
    border: 1px solid #D22030 !important;
    background-color: transparent !important;
    color: #000 !important;
}

.slider-constructor .slick-prev,
.slider-constructor .slick-next {
    top: -80px;
}

.product-item__name {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    padding-right: 20px;
    height: 80px;
    margin-bottom: 15px;
    -webkit-line-clamp: 4;
}

.calculation-row {
    padding: 70px 185px 70px 160px;
    background: url(https://pillaris-rf.ru/media/uploads/lines.svg) no-repeat;
    background-color: #D22030;
    background-position-y: bottom;
    background-position-x: 160px;
    display: flex;
    justify-content: space-between;
}

.calculation-row h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 120%;
    max-width: 360px;
}

.calculation-row p {
    color: #FFF;
    max-width: 270px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}

.calculation-row form {
    width: 360px;
}

.calculation-row button {
    margin-top: 10px;
}

.calculation-row button:hover {
    background: #353031 !important;
    border-color: #353031 !important;
}

.form-calculation {
    margin-bottom: 120px;
}

.input-number .order-up:after {
    top: auto;
    left: auto;
}

.input-number .order-up:before {
    top: auto;
    left: auto;
}


/* о компании */

.about-block {
    background: #242021;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: 0px;
}

.about-block .h2-head h2 {
    color: #FFF;
}

.about-block .h2-head p {
    background-image: linear-gradient(to right, #FFFFFF 60%, #242021 15%);
    color: #FFF;
}

.about-text {
    color: #FFF;
}

.about-text {
    color: #FFF;
    margin-left: 160px;
    max-width: 450px;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 35px !important;
}

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

.about-col-1 {
    width: 33.3%;
    background: #353031;
    height: 260px;
    padding: 30px 35px;
}

.about-col-2 {
    width: 33.3%;
    background: #282526;
    height: 260px;
    padding: 30px 35px;
}

.about-col-3 {
    width: 33.3%;
    background: #D22030;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-col-3 img {
    margin-bottom: 20px;
    width: 265px;
}

.about-row h3 {
    color: #FFF;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}

.about-row p {
    color: #FFF;
    max-width: 195px;
    font-size: 16px;
    line-height: 20px;
}


/* портфолио */

.portfolio-block {
    background: #242021;
    padding-bottom: 120px;
    margin-bottom: 0px;
}

.portfolio-block .h2-head p {
    color: #FFFFFF;
    background: none;
}

.portfolio-block .h2-head h2 {
    color: #FFFFFF;
}

.portfolio-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.portfolio-col-1 {
    width: 33.3%;
    background: #D22030;
}

.portfolio-col-2 {
    width: 33.3%;
    background: #282526;
}

.portfolio-row p {
    margin-left: 25px;
    color: #FFF;
    margin-bottom: 17px;
}

.portfolio-block .head-button {
    margin-left: auto;
}


/* мобильное меню */

.bottom-mobile-menu__content {
    background-color: #D22030;
    box-shadow: none;
}

.bottom-mobile-menu-button__text {
    font-size: 12px;
    color: #FFFFFF !important;
}


/* всплывающее окно */

.fancybox-content {
    background: #D22030;
}

.modal .h2 {
    text-align: left;
    color: #FFF;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 25px;
}

.modal.fancybox-content {
    max-width: 620px;
    padding: 60px 100px;
}

.form-control:valid+.label-name .content-name {
    display: none;
}

.form-close {
    display: none;
}

.modal .form-text {
    color: #FFF;
    font-family: Inter;
    margin-top: 15px;
}

.fancybox-close-small {
    background: url(https://pillaris-rf.ru/media/uploads/modal-close.svg) 50% 50% no-repeat;
}

.modal .btn:hover {
    background-color: #353031 !important;
    border-color: #353031 !important;
}


/* каталог */

.breadcrumbs {
    font-size: 16px;
    color: #8F8F8F;
    padding-top: 60px;
    font-family: Inter;
    cursor: default;
}

.breadcrumbs a {
    font-size: 16px;
    text-transform: none;
    transition: 0.3s;
}

.breadcrumbs a:hover {
    color: #D22030;
    text-decoration: none;
}

.inner-page h1 {
    color: #242021;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 110%;
}

.catalog-menu.catalog-categories-block {
    margin-bottom: 60px;
}

.inner-page .feedback-form {
    margin-top: 80px;
}

.catalog-menu-item:after {
    display: none;
}

.catalog-menu-item:nth-child(5n + 5) {
    margin-right: 10px !important;
}

.catalog-menu-item:nth-child(3n + 3) {
    margin-right: 0px !important;
}

.catalog-menu-item {
    width: calc(33% - 4px);
    margin: 0 10px 10px 0;
    height: 260px;
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
}

.catalog-menu-item:hover {
    background-image: repeating-linear-gradient(90deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(180deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(90deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(180deg, #000000, #000000 9px, transparent 9px, transparent 9px);
}

.catalog-menu-item__name {
    left: auto;
    bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 100;
}

.catalog-menu-item:before {
    display: none;
}

.section .text-page h3 {
    color: #242021;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
}

.section .text-page {
    margin-left: 0px;
}

.catalog-filter .catalog-filter-body {
    display: none;
}

.catalog__links-block a {
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 40px;
    background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    color: #2F2F2F;
    border-radius: 0px;
    font-size: 16px;
}

.catalog__links-block a:hover {
    color: #FFFFFF;
    background: #D22030;
}


.catalog-head {
    display: none;
}

.catalog-side__title .icon {
    display: none;
}

.catalog-side__content ul li a {
    padding: 26px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
}

.catalog-side__content {
    padding: 0px;
}


/* страница каталога */

.section {
    padding-top: 0px;
}

.view-sorting {
    display: none;
}

.catalog-sorting__title {
    opacity: 1;
    font-family: Inter;
    cursor: default;
}

.custom__accordion {
    border: none;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);
    background: #FFF;
    margin: 5px 0px 20px !important;
}

.custom__accordion .acc__toggle:not(.acc__toggle-inner) {
    padding: 26px 40px 26px 26px;
    border: none;
    font-size: 16px;
}

.custom__accordion .acc__toggle:not(.acc__toggle-inner, .not_toggle):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    width: 7px;
    height: 7px;
    border: solid 2px #242021;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: .2s;
}

.custom__accordion .acc__toggle.active {
    font-weight: 100;
    background: #D22030;
    color: #FFF;
}

.custom__accordion .acc__toggle.active:not(.acc__toggle-inner, .not_toggle):before {
    display: none;
}

.custom__accordion .acc__toggle-inner {
    padding: 26px;
    font-size: 16px;
    color: #000;
}

.custom__accordion .acc__toggle:hover {
    background: #242021;
    color: #FFFFFF !important;
}

.custom__accordion .acc__toggle {
    transition: 0.2s;
}

.section .text-page h2 {
    color: #242021;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 120%;
}

.pagination .next {
    border: 1px solid #CFCFCF !important;
    border-radius: 0px;
    transition: 0.2s;
}

.pagination .prev {
    border: 1px solid #CFCFCF !important;
    background: #FFFFFF;
    border-radius: 0px;
    transition: 0.2s;
}

.pagination {
    padding-top: 40px;
    margin-bottom: 60px;
}

.pagination .next:hover {
    border: 1px solid #D22030 !important;
    background: #D22030 !important;
}

.pagination .prev:hover {
    border: 1px solid #D22030 !important;
    background: #D22030 !important;
}

.pagination span {
    color: #FFF;
    background-color: #282526;
    border: solid 1px #282526;
    border-radius: 0px;
}

.pagination span a {
    color: #FFF;
}

.pagination span.active {
    background-color: #D22030;
    border-color: #D22030;
}

.pagination span:hover {
    background-color: #D22030;
    border-color: #D22030;
}

.pagination span.dot {
    background: transparent !important;
    border: none !important;
    color: #242021 !important;
}

.catalog-filter .catalog-filter-body {
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);
    border-radius: 0px;
    position: relative;
    width: 229px;
    border: none;
    margin-top: 5px;
}

.catalog-filter__bottom {
    border-top: none;
}

.btn-link:hover {
    color: #D22030;
}

.catalog-filter__btns .btn {
    width: 189px;
}

.filter-item-title {
    color: #242021;
    font-family: Inter;
    text-transform: uppercase;
}

.filter-item-title,
.catalog-filter-accordion .opener {
    font-size: 16px;
}

.noUi-handle {
    border-radius: 0px;
}

.noUi-horizontal .noUi-handle {
    right: 0px;
}

.noUi-handle.noUi-handle-lower {
    right: -20px;
}

.filter-range__head span {
    font-size: 14px;
    color: #767676;
    font-family: Inter;
}

.filter-range__head {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 25px;
}

.input-cont .input-placeholder {
    border-radius: 0px;
}

.catalog-container .catalog-body {
    margin-bottom: 60px;
}


/* карточка товара */

.product-card__navigation {
    display: none;
}

.inner-page .section-dark {
    padding-top: 0px;
}

.product-card__head {
    padding: 0px;
    border-bottom: none;
    margin-bottom: 60px;
}

.product-card__artikul {
    font-size: 14px;
    line-height: 14px;
    color: #CFCFCF;
    font-family: Inter;
}

.product-card__container {
    padding: 0px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.product-card {
    margin-bottom: 75px;
}

.product-card .product-item__flag--hit {
    display: none;
}

.product-card__discription {
    display: none;
}

.product-card__right {
    padding: 45px;
    width: 410px;
}

.product-card__right p {
    font-size: 16px;
    line-height: 20px;
}

.product-card__right h3 {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.product-card__right form {
    margin-bottom: 35px;
}

.product-card__right ul li {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-bottom: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.product-card__right ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 6px;
    background: #D22030;
}

li {
    cursor: default;
}

.product-card__slideshow {
    width: 430px;
    padding: 50px;
}

.product-card__content {
    width: calc(100% - 460px);
}

#sync2 .item {
    width: 64px;
    height: 64px;
    border: 1px solid #CFCFCF;
    padding: 5px;
    transition: 0.2s;
}

.product-card__left {
    padding: 45px 0px;
}

.product-card__radio-options span {
    font-size: 18px;
    line-height: 20px;
    color: #181818;
    margin-bottom: 10px;
    font-family: Inter;
}

.product-card__radio-options a {
    border-radius: 0px;
    color: #181818;
    border: 1px dashed #C5C5C5;
    height: 50px;
    display: flex;
    align-items: center;
    min-width: 50px;
    justify-content: center;
}

.product-card__radio-options a:hover {
    border: 1px solid #000;
    background: transparent !important;
    color: #181818 !important;
}

.product-card__radio-options.product-modification-params a.active,
.product-card__product-mod-param_active {
    background: transparent !important;
    border: 1px solid #D22030 !important;
    color: #181818 !important;
}

.product-card .btn-border {
    margin-top: 120px;
    margin-bottom: 0px;
    max-width: 175px;
    border-radius: 0px;
}

.shopping-cart-product.not-available {
    justify-content: flex-start;
}

.btn-radius.share-btn .icon-svg {
    margin-right: 10px;
}

#sync1.owl-theme .owl-prev {
    bottom: -55px;
    filter: brightness(0);
}

#sync1.owl-theme .owl-next {
    bottom: -55px;
    filter: brightness(0);
}

#sync2 .item:hover {
    border: 1px solid #000000;
}

.product-card-container .product-card-side {
    display: none;
}

.product-card-container .product-card-content {
    width: 100%;
}

.product-card-container .tabs li {
    padding: 0 36px;
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    margin-right: 10px;
    transition: 0.3s;
    border: none !important;
}

.product-card-container .tabs li:hover {
    background-image: repeating-linear-gradient(90deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(180deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(90deg, #000000, #000000 9px, transparent 9px, transparent 9px), repeating-linear-gradient(180deg, #000000, #000000 9px, transparent 9px, transparent 9px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
}

.product-card-container .tabs li.active {
    color: #FFF;
    background: #D22030;
}

.tab-content {
    padding: 40px 120px 40px 0px;
    background: var(--white-color);
}

.char-text:first-child:before {
    filter: saturate(0);
}

.tab-content h3 {
    text-transform: uppercase;
    margin-top: 30px;
}

.product-set-title {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 35px;
}

.product-card__title {
    padding-right: 60px;
}

.related-products-category {
    margin-bottom: 0px;
}

.product-card__personal-cost span {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: Inter;
    color: #181818;
}

.product-card__left strong {
    color: #000;
    font-family: Inter;
    margin-bottom: 10px;
}

.input-number--lg {
    padding: 0px;
}

.add-to-cart img.cart-icon {
    display: none;
}

.shopping-cart-btn--lg.custom-icon {
    height: 40px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 100;
}

.input-number .order-down:before {
    top: auto;
    left: auto;
}

.input-number--lg {
    height: 40px;
}

.product-card .shopping-cart-btn--lg.custom-icon {
    max-width: 120px;
}

.product-card .st-button_primary {
    max-width: 120px;
}

.shopping-cart-product {
    gap: 30px;
}


/* ошибка 404 */

.error__content {
    background: url(https://pillaris-rf.ru/media/uploads/error.svg) 90% 0 no-repeat;
    background-size: contain;
    padding: 75px 0px 100px;
}

.error__content h1 {
    width: min-content;
    margin-bottom: 25px;
}

.error__content p {
    font-size: 16px;
    line-height: 20px;
    max-width: 360px;
}

.error__content .btn:hover {
    background-color: #D22030 !important;
    border-color: #D22030 !important;
}


/* корзина */

.simple-cart__content {
    max-width: 100%;
    margin-bottom: 70px;
}

.shopping-cart-item {
    padding: 25px 0px;
    border-bottom: none;
    background-image: repeating-linear-gradient(90deg, #cfcfcf, #cfcfcf 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #cfcfcf, #cfcfcf 9px, transparent 9px, transparent 18px);
    background-position: left top, left bottom;
    background-repeat: repeat-x, repeat-x;
    background-size: 100% 1px, 100% 1px;
    margin-top: -1px;
}

.shopping-cart-item__delete svg {
    width: 22px;
    height: 22px;
    color: #D22030;
}

.shopping-cart-item__name span {
    font-size: 16px;
    line-height: 35px;
    color: #777777;
    font-family: Inter;
    max-width: 100%;
}

.shopping-cart-item__name {
    font-size: 16px;
    line-height: 20px;
    font-family: Inter;
    cursor: default;
}

.shopping-cart-item__cost {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter;
    margin-right: 60px;
}

.input-number input[type=number] {
    cursor: default;
    font-size: 14px;
}

.shopping-cart-item__total-cost {
    font-size: 18px;
    line-height: 22px;
    font-family: Inter;
    margin-left: 60px;
}

.delivery-total__sm {
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.delivery-total__lg {
    color: #000;
}

.simple-cart .shopping-cart {
    margin-top: 40px;
}

.simple-cart__form {
    margin-bottom: 100px;
}

.new-radio__label:before {
    border: 1px solid #D22030;
}

.new-radio__label:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
}


.delivery-cart {
    padding-right: 0px;
}

.simple-order-form__title {
    font-size: 22px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px;
    max-width: 300px;
}

.simple-order-form__group {
    margin: 0px;
}

.simple-order-form__column {
    margin-bottom: 60px;
}

.simple-order-form .form-group.comment {
    margin-top: 0px;
}

.simple-order-form .form-group.comment {
    margin-top: 0px;
}

.simple-order-form__submit .btn {
    max-width: 160px;
}

.simple-order-form {
    margin: 0px;
    max-width: 590px;
}

.simple-order-form .form-text {
    font-size: 12px;
    color: #777777;
    font-family: Inter;
    margin-left: 180px;
    line-height: 16px;
    margin-top: -35px;
}


/* контакты */

.contacts-block {
    border: none;
    border-radius: 0px;
    flex-direction: column-reverse;
    gap: 10px;
}

.contacts-block__map {
    width: 100%;
    min-height: 400px;
}

.contacts-block__title {
    display: none;
}

.contacts-block__title-red.address-data {
    display: none;
}

.contact-line {
    display: none;
}

.contact-line-new {
    display: flex;
}

.contacts-block__info {
    width: 100%;
    padding: 0px;
}

.contact-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.contact-col-1 {
    width: 580px;
    background: #F0F0F0;
    padding: 30px 40px 40px;
}

.button-row {
    display: flex;
    gap: 10px;
    margin-top: 30px;
}

.contact-col-2 {
    width: calc(100% - 590px);
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.contact-row h3 {
    color: #282526;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
}

.contact-col-1 p {
    font-size: 16px;
    line-height: 20px;
    max-width: 400px;
    margin-bottom: 25px !important;
}

.contact-line .icon {
    margin-right: 15px;
}

.contact-line a {
    color: #000;
    transition: 0.2s;
    font-size: 16px;
}

.contact-line a:hover {
    color: #D22030;
}

.contact-1 {
    background: #F0F0F0;
    padding: 30px 40px 40px;
}

.contact-1 p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px !important;
}

.contact-img .icon {
    margin-right: 15px;
    opacity: 1;
}

.contact-2 {
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    padding: 30px 40px;
}

.contact-2 span {
    margin-right: 30px;
}

.contact-2 p {
    font-size: 16px;
}


/* клиентам */

.article-inner__share {
    display: none;
}

.article-inner__content {
    padding: 0px;
}

.clients-row {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.clients {
    height: 217px;
    width: calc(33% - 4px);
    padding: 30px 35px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
    position: relative;
    background-position: right !important;
}

.clients-1 {
    background: url(https://pillaris-rf.ru/media/uploads/client-1.png);
    background-size: cover;
    color: #282526;
    background-position: right !important;
}

.clients-1::before {
    content: "";
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin-top: -30px;
    margin-left: -35px;
}

.clients-1:hover::before {
    display: none;
}

.clients-2 {
    background: url(https://pillaris-rf.ru/media/uploads/client-2.svg);
    background-size: cover;
    background-color: #353031;
    color: #FFFFFF;
    background-position: right !important;
}

.clients-3 {
    background: url(https://pillaris-rf.ru/media/uploads/client-3.png);
    background-size: cover;
    color: #282526;
    background-position: right !important;
}

.clients-3::before {
    content: "";
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin-top: -30px;
    margin-left: -35px;
}

.clients-3:hover::before {
    display: none;
}

.clients-4 {
    background: url(https://pillaris-rf.ru/media/uploads/client-4.svg);
    background-size: cover;
    background-color: #282526;
    color: #FFFFFF;
    background-position: right !important;
}

.clients-5 {
    background: url(https://pillaris-rf.ru/media/uploads/client-5.svg);
    background-size: cover;
    background-color: #D22030;
    color: #FFFFFF;
    background-position: right !important;
}

.clients-6 {
    background: url(https://pillaris-rf.ru/media/uploads/client-6.svg);
    background-size: cover;
    background-color: #282526;
    color: #FFFFFF;
    background-position: right !important;
}

.clients:hover {
    background: #D22030 !important;
    color: #FFFFFF;
    background-position: right !important;
}


/* страница о компании */

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

.about-1 {
    width: 50%;
}

.about-2 {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.about-1 {
    width: 50%;
    padding: 0px 130px 55px 0px;
}

.about-1 p {
    font-size: 16px;
    line-height: 20px;
}

.about-2-1 {
    width: 50%;
    background: #D22030;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-2-1 img {
    max-width: 150px;
}

.about-2-2 {
    width: 50%;
    background: #282526;
    padding: 30px 35px;
}

.about-2-3 {
    width: 50%;
    background: #282526;
    padding: 30px 35px;
}

.about-2-4 {
    width: 50%;
    background: #353031;
    padding: 30px 35px;
}

.about-2 p {
    color: #FFF;
    max-width: 150px;
}

.about-2 h3 {
    color: #FFF;
    font-size: 26px;
}

.about-3 {
    width: 50%;
    padding: 35px 95px 10px 45px;
}

.about-3 h3 {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #282526;
    margin-bottom: 20px;
}

.about-3 p {
    font-size: 16px;
    line-height: 20px;
}


/* новости и статьи */

.news-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.news-col-1 {
    background-color: #D22030;
    width: calc(33% - 4px);
    padding-bottom: 20px;
    transition: 0.3s;
}

.news-col-2 {
    background-color: #242021;
    width: calc(33% - 4px);
    padding-bottom: 20px;
    transition: 0.3s;
}

.news-text {
    color: #FFF;
    font-size: 16px;
    padding-left: 30px;
}

.news-row a:hover {
    background-color: #353031;
}


/* примеры конструкций */

.constr-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
    column-gap: 30px;
    margin-top: 100px;
}

.constr-col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 280px;
}

.constr-text-1 {
    background-image: repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #8e8e8e, #8e8e8e 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    width: 100%;
    padding: 22px 28px;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
}

.constr-text-2 {
    background-image: repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    width: 100%;
    padding: 22px 28px;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
}

.constr-col img {
    max-height: 160px;
}


/* технологии и материалы */

.tech-text {
    font-size: 16px !important;
    line-height: 20px !important;
    color: #2F2F2F !important;
    max-width: 550px;
    margin-bottom: 35px !important;
}

.tech-row {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    row-gap: 50px;
    margin-bottom: 110px;
}

.tech-block {
    width: 50%;
}

.tech-img {
    width: 50%;
}

.tech-block p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
    max-width: 500px;
    color: #2F2F2F !important;
}

.tech-col {
    display: flex;
    justify-content: space-between;
}

.tech-col-1 .tech-img {
    background: url(https://pillaris-rf.ru/media/uploads/tech-1.webp);
    background-size: cover;
}

.tech-col-2 .tech-img {
    background: url(https://pillaris-rf.ru/media/uploads/tech-2.webp);
    background-size: cover;
}

.tech-col-3 .tech-img {
    background: url(https://pillaris-rf.ru/media/uploads/tech-3.webp);
    background-size: cover;
}

.tech-block h3 {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 32px;
    color: #242021;
}

.tech-header {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 32px;
    color: #242021;
}

.material-row-1 {
    display: flex;
    gap: 10px;
    margin-bottom: 65px;
}

.material-row-1 .material-col {
    background: #D22030;
}

.material-row-1 .material-col p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
    margin-bottom: 20px;
}

.material-row-2 {
    display: flex;
    gap: 10px;
}

.material-row-2 .material-col {
    height: 285px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


/* ограждающие конструкции */

.ogr-img {
    position: relative;
    margin-top: 140px;
    margin-bottom: 160px;
}

.ogr-img img {
    margin: auto;
}

p.text-ogr-1 {
    position: absolute;
    top: 0px;
    left: 60px;
    font-size: 16px;
    color: #2F2F2F;
}

p.text-ogr-2 {
    position: absolute;
    top: 183px;
    left: 124px;
    font-size: 16px;
    color: #2F2F2F;
}

p.text-ogr-3 {
    position: absolute;
    top: 0px;
    font-size: 16px;
    right: 300px;
    color: #2F2F2F;
}

p.text-ogr-4 {
    position: absolute;
    right: 20px;
    top: 178px;
    font-size: 16px;
    color: #2F2F2F;
}

p.text-ogr-5 {
    font-size: 16px;
    right: 244px;
    position: absolute;
    top: 323px;
    color: #2F2F2F;
}

.svg-ogr-1 {
    width: 487px;
    height: 125px;
    position: absolute;
    top: 30px;
    left: 60px;
}

.svg-ogr-2 {
    width: 391px;
    height: 97px;
    position: absolute;
    top: 120px;
    left: 124px;
}

.svg-ogr-3 {
    width: 218px;
    height: 70px;
    position: absolute;
    top: 29px;
    right: 300px;
}

.svg-ogr-4 {
    width: 530px;
    height: 98px;
    position: absolute;
    right: 20px;
    top: 116px;
}

.svg-ogr-5 {
    width: 366px;
    height: 120px;
    position: absolute;
    top: 248px;
    right: 240px;
}

.ogr-row {
    display: flex;
    gap: 20px;
    margin-top: 90px;
    margin-bottom: 70px;
}

.ogr-col {
    display: flex;
    flex-direction: column;
    gap: 55px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: calc(50% - 10px);
}

.one {
    position: absolute;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background: #D22030;
    padding: 4px 10px;
    cursor: default;
}

.two {
    position: absolute;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background: #D22030;
    padding: 4px 10px;
    cursor: default;
}

.ogr-col:last-child .two {
    top: 83px;
    right: 190px;
}

.ogr-col:last-child .one {
    top: 83px;
    left: 200px;
}

.ogr-col:first-child .two {
    top: 107px;
    right: 145px;
}

.ogr-col:first-child .one {
    top: 108px;
    left: 155px;
}

.ogr-header {
    font-size: 28px;
    text-transform: uppercase;
    color: #242021;
    line-height: 120%;
}

.ogr-col p {
    color: #353031;
    padding-right: 100px;
}

.text-page ol li:before,
.o-product-tab ol li:before {
    top: 0px;
    line-height: 16px;
    width: 51px;
    height: 51px;
    border: none;
    border-radius: 0px;
    font-size: 30px;
    color: #FFF;
    line-height: 51px;
    background: #D22030;
}

.ogr-ol li {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 30px !important;
    padding-left: 70px !important;
    max-width: 70% !important;
}

.ogr-ol strong {
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 180%;
    color: #242021;
}


/* услуги */

.service-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: -40px;
    margin-bottom: 120px;
}

.service-col {
    background: #242021;
    width: calc(33% - 4px);
    position: relative;
}

.service-text {
    padding: 10px 30px 85px;
}

.service-text .head-button {
    position: absolute;
    bottom: 25px;
}

.service-text h3 {
    color: #FFF;
    font-size: 20px;
    line-height: 120%;
}

.service-text p {
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
}

.modal h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 25px;
}

.modal-text {
    margin-bottom: 0px;
    margin-top: 15px;
    color: #FFF;
}


/* реализованные объекты */

.objects-buttons {
    margin-bottom: 40px;
}

.object-btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 40px;
    background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    color: #2F2F2F;
}

.object-btn:hover {
    background-image: repeating-linear-gradient(90deg, #000000, #000000 9px, #000000 9px, #000000 18px), repeating-linear-gradient(180deg, #000000, #000000 9px, #000000 9px, #000000 18px), repeating-linear-gradient(90deg, #000000, #000000 9px, #000000 9px, #000000 18px), repeating-linear-gradient(180deg, #000000, #000000 9px, #000000 9px, #000000 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
}

.object-btn.active {
    background: #D22030;
    color: #FFFFFF;
}

.objects-buttons {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#set-1:target .object-col {
    display: none !important;
}

.catalog__links-block a:is(:hover, :focus-visible, .active) {
    background: #D22030;
    border-color: #D22030;
}

.portfolio-content {
    margin-bottom: 120px;
}

.catalog__links-block {
    padding-bottom: 40px;
}

.portfolio-card-info {
    height: auto;
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: #D22030;
    transition: 0.3s;
}

.portfolio-card:nth-child(2n+2) .portfolio-card-info {
    background: #242021;
}

.portfolio-card:hover .portfolio-card-info {
    background: #353031;
}

.portfolio-card-type {
    display: none;
}

.portfolio-card-placeholder {
    display: none;
}

.portfolio-card-title {
    font-size: 16px;
    font-weight: 100;
}

.portfolio-card-bg {
    margin-bottom: 55px;
}

.portfolio-widget {
    border: none;
    padding: 0px;
}

.portfolio-slider {
    display: none;
}

.portfolio-widget .g-title {
    display: none;
}

.portfolio-share {
    display: none;
}



/* страница с портфолио */

.about-object-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.about-object-row img {
    width: calc(50% - 5px);
    margin-bottom: 0px;
}

.about-object-text {
    width: calc(50% - 5px);
    background: #F0F0F0;
    padding: 35px 40px;
}

.about-object-col {
    margin-bottom: 20px;
    font-family: Inter;
    color: #000000;
    cursor: default;
}

.about-object-col span {
    width: 50%;
    display: inline-block;
    color: #282526;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.about-object-form form {
    display: flex !important;
    flex-direction: row;
    gap: 12px;
    max-width: 400px;
}

.about-object-form .checkbox span.form-text,
.head-form .checkbox span.form-text {
    color: #767676 !important;
}

.about-object-form .checkbox span.form-text a,
.head-form .checkbox span.form-text a {
    color: #D22030;
}

.about-object-form {
    background-image: repeating-linear-gradient(90deg, #BABABA, #BABABA 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #BABABA, #BABABA 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #BABABA, #BABABA 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #BABABA, #BABABA 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    padding: 30px 40px;
    width: calc(50% - 5px);
}

.about-object-form h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.about-object-form p {
    font-size: 16px;
    line-height: 20px;
    max-width: 320px;
    margin-bottom: 20px;
}


/* личный кабинет */

.forgot-password {
    font-weight: 100;
    color: #000;
}

.forgot-password:hover {
    color: #D22030;
}

.tabs-content--authorizaion .form-text {
    font-size: 14px;
    color: #777777;
    font-family: Inter;
    line-height: 18px;
    cursor: default;
}

.tabs-content--authorizaion .btn {
    max-width: 165px;
}

.tabs-content--authorizaion h2 {
    color: #000;
    text-transform: uppercase;
}

.tabs-content--authorizaion .tabs li.active a {
    color: #777777;
}

.tabs-content--authorizaion .tabs li {
    height: max-content;
    line-height: 100%;
    padding: 0px;
    margin-right: 20px;
}

.tabs-content--authorizaion .tabs li a {
    color: #000;
    transition: 0.2s;
}

.tabs-content--authorizaion .tabs li a:hover {
    color: #D22030;
}

.tabs-content--authorizaion .tabs--show {
    margin-bottom: 10px;
}

.lf-main-container .container {
    padding: 0px;
}

.lk-exit .icon {
    display: none;
}

.user-data__avatar {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 0px;
    border: none;
    background: #242021;
}

.user-data__avatar svg {
    color: #FFFFFF !important;
}

.lk-main-page__head .user-data__avatar {
    margin-right: 32px;
    margin-bottom: 0px;
}

.user-data__avatar svg {
    color: #000;
    width: 40px;
}

.user-data__content {
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: space-evenly;
}

.user-data__name {
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 16px;
    color: #000;
    font-family: Inter;
    cursor: default;
}

.button-theme_secondary {
    border-radius: 0px;
}

.lk-menu-item .icon {
    display: none;
}

.lk-menu-item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: transparent;
    transition: 0.3s ease !important;
    background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    border: none;
}

.lk-menu-item__name {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
}

.lk-menu-item__text {
    max-width: 250px;
    font-size: 16px;
    color: #242021;
}

.lk-menu-item:hover {
    background-image: repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
    background-color: transparent;
}

.lk-head {
    margin-bottom: 45px;
}

.lk-container .lk-side {
    background: #FFF;
    height: max-content;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.lk-container .lk-side .user-data__avatar {
    border: none;
}

.lk-head .btn-border {
    display: none;
}

.lk-menu li.current a {
    background: #242021;
}

.lk-menu li a {
    color: #000;
    font-weight: 100;
}

.lk-menu li a .icon-svg {
    color: #000000;
}

.lk-container {
    gap: 10px;
}

.lk-container .lk-content {
    padding: 0px;
}

.lk-title {
    display: none;
}

.personal-data {
    width: 100%;
    max-width: 100%;
    display: flex;
    gap: 10px;
}

.personal-data__item {
    padding: 30px 40px;
    height: 406px;
    width: 50%;
    background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    transition: 0.3s ease;
}

.personal-data__title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: #282526;
}

.personal-data__item .button-theme_primary {
    height: 40px;
    border-radius: 0px;
    font-size: 14px;
    width: 145px;
    margin-top: 10px;
    background-color: #D22030 !important;
    border-color: #D22030 !important;
    color: #FFF !important;
}

.personal-data__item .button-theme_primary:hover {
    background-color: #353031 !important;
    border-color: #353031 !important;
    color: #FFF !important;
}

.tabs-lk-content {
    padding-left: 50px;
}

.lk-main-page__head .user-data .button-theme_secondary {
    background-color: #D22030 !important;
    border-color: #D22030 !important;
    color: #FFF !important;
}

.lk-main-page__head .user-data .button-theme_secondary:hover {
    background-color: #353031 !important;
    border-color: #353031 !important;
    color: #FFF !important;
}

.lk-container .lk-content p {
    line-height: 20px;
    font-size: 16px;
}

.lk-container .lk-side .user-data__avatar {
    margin-bottom: 20px;
}

.user-data {
    margin-bottom: 40px;
}


/* анимация главного экрана */

.frontpage h1 {
    animation: 1s show-text ease;
}

.head-offer .head-button {
    animation: 1s show-text ease;
}


@keyframes show-text {
    from {
        transform: translate(-100px, 0px);
        opacity: 0;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}


.head-col-1 {
    animation: 1s show ease;
}

.head-col-2 {
    animation: 1.6s show ease;
}

.head-col-3 {
    animation: 2.2s show ease;
}


@keyframes show {
    from {
        transform: translate(0px, 100px);
        opacity: 0;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}


/* адаптив */

@media (min-width: 1280px) {
.feedback-form .privacy-policy {
    margin-left: auto;
    width: 326px;
    margin-top: -54px;
}
}

@media (max-width: 1280px) and (min-width: 991px) {

    .__fat-v2-nav ul li a {
        font-size: 14px;
    }

    .__fat-v2-nav ul li a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .search-box.fat-v2-width {
        width: 370px !important;
    }

    .__header .row .col-lg-4 {
        width: 55%;
    }

    .__header .row .col-lg-6 {
        width: 20%;
    }

    .__header .contact-box a {
        font-size: 14px;
    }

    .__header .contact-box p {
        font-size: 14px;
    }

    .frontpage h1 {
        margin-left: 35px;
    }

    .head-offer .head-button {
        margin-left: 35px;
    }

    .head-offer {
        background-position-y: 20px;
        padding: 70px 0px 400px;
    }

    .engineering-block {
        margin-bottom: 80px;
    }

    .vector-4 {
        width: 260px;
        right: 0px;
    }

    .works-text-4 {
        right: 0px;
    }

    .vector-5 {
        width: 240px;
    }

    .works-text-6 {
        top: 300px;
        right: 0px;
    }

    .vector-6 {
        top: 270px;
        right: 0px;
    }

    .vector-1 {
        left: 0px;
    }

    .works-text-1 {
        left: 0px;
    }

    .vector-2 {
        width: 240px;
    }

    .vector-3 {
        left: 0px;
    }

    .works-text-3 {
        left: 0px;
    }

    .img-works {
        margin-bottom: 50px;
    }

    .works-block {
        margin-bottom: 80px;
    }

    .product img {
        top: 75px;
        max-width: 200px;
    }

    .product:nth-child(5n+5) img {
        top: 65px;
    }

    .product:nth-child(4n+4) img {
        top: 70px;
    }

    .calculation-row {
        padding: 70px 60px 70px 60px;
    }

    .about-col-3 img {
        width: 200px;
    }

    section.feedback-form .form-text {
        margin-left: 0px;
        margin-top: 10px;
        max-width: 60%;
    }

    .footer-content__menu {
        flex-direction: column;
    }

    .footer-content__column--lg {
        flex: 1 1 auto;
        margin-bottom: 40px;
    }

    .footer-content__column {
        flex: 0 0 auto;
    }

    .section .text-page {
        margin-left: 0px;
    }

    .product-card__left {
        min-width: 200px;
        width: 200px;
    }

    .product-card__slideshow {
        width: 380px;
        padding: 45px;
    }

    #sync1.owl-theme .owl-prev {
        left: 0px;
    }

    #sync1.owl-theme .owl-next {
        right: 0px;
    }

    .product-card__content {
        width: calc(100% - 390px);
    }

    .product-card__right {
        padding-left: 20px;
    }

    .product-card__content {
        flex-direction: row !important;
    }

    .product-card .btn-border {
        margin-top: 20px;
    }

    .input-number--lg {
        display: none;
    }

    .shopping-cart-item__name {
        width: 60%;
    }

    .about-1 {
        padding: 0px 60px 55px 0px;
    }

    .about-3 {
        padding: 35px 40px 10px 45px;
    }

    .about-2-2 {
        padding-right: 45px;
    }

    .tech-block h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .tech-block p {
        max-width: 380px;
    }

    .material-row-1 .material-col p {
        font-size: 14px;
        line-height: 18px;
        max-width: 90%;
    }

    .svg-ogr-3 {
        right: 140px;
    }

    p.text-ogr-3 {
        right: 140px;
    }

    .ogr-img img {
        max-width: 450px;
    }

    .svg-ogr-4 {
        width: 395px;
        right: 0px;
        top: 105px;
    }

    p.text-ogr-4 {
        right: 0px;
        top: 138px;
        max-width: 160px;
        text-align: end;
    }

    .svg-ogr-5 {
        top: 200px;
        right: 140px;
    }

    p.text-ogr-5 {
        right: 140px;
        top: 275px;
    }

    .svg-ogr-2 {
        top: 110px;
        left: 10px;
    }

    p.text-ogr-2 {
        top: 173px;
        left: 10px;
    }

    .svg-ogr-1 {
        top: 45px;
        left: 0px;
    }

    p.text-ogr-1 {
        top: 10px;
        left: 0px;
    }

    .ogr-img {
        margin-bottom: 140px;
    }

    .ogr-col p {
        padding-right: 75px;
    }

    .ogr-ol li {
        max-width: 85% !important;
    }

    .ogr-col:last-child .two {
        top: 73px;
        right: 100px;
    }

    .ogr-col:last-child .one {
        top: 73px;
        left: 120px;
    }

    .ogr-col:first-child .two {
        top: 97px;
        right: 105px;
    }

    .ogr-col:first-child .one {
        top: 97px;
        left: 115px;
    }

    .ogr-row {
        margin-top: 60px;
    }

    .ogr-col img {
        max-width: 90%;
    }

    .ogr-col {
        gap: 40px;
    }

    .mobile-header {
        display: none !important;
    }

    .about-object-col {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .about-object-col span {
        width: auto;
    }

    .about-object-form form {
        flex-direction: column;
        gap: 5px;
        max-width: 70%;
    }

    .lk-menu-item__text {
        max-width: 180px;
    }

    .personal-data__item {
        padding: 30px;
    }

}


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

    .__header {
        display: flex;
    }

    .header--mob {
        display: none;
    }

    .header--bottom-mob {
        display: none;
    }

    .__header .row .col-lg-6 {
        display: none;
    }

    .__header .row .col-lg-4 {
        width: 70%;
    }

    .__header .row .col-lg-2 {
        width: 30%;
    }

    .__header .contact-box a {
        font-size: 14px;
    }

    .__header .contact-box p {
        font-size: 14px;
    }

    .__header .logo img {
        max-width: 120px;
    }

    main {
        padding-top: 80px !important;
    }

    .head-offer {
        background-position-y: 20px;
        padding: 60px 0px 400px;
    }

    .frontpage h1 {
        margin-left: 0px;
    }

    .head-offer .head-button {
        margin-left: 0px;
    }

    .head-block-1 {
        height: 250px;
        padding: 25px;
    }

    .head-block-3 {
        height: 250px;
        padding: 25px;
    }

    .head-block-2 {
        height: 250px;
        padding: 25px;
    }

    .head-block-4 {
        height: 250px;
    }

    .head-col-3 {
        padding: 25px;
    }

    .head-form {
        margin-bottom: 80px;
        margin-top: -250px;
    }

    .h2-head h2 {
        font-size: 32px;
        max-width: max-content;
    }

    .engineering-block {
        margin-bottom: 80px;
    }

    .works-text-1 {
        left: 0px;
    }

    .vector-1 {
        width: 35%;
        left: 0px;
    }

    .works-block .h2-head {
        margin-bottom: 20px;
    }

    .vector-4 {
        width: 30%;
        top: -20px;
        right: 0px;
    }

    .works-text-4 {
        top: -50px;
        right: 0px;
    }

    .vector-5 {
        width: calc(50% - 210px);
    }

    .works-text-5 {
        top: 114px;
        max-width: min-content;
        text-align: end;
    }

    .vector-2 {
        width: calc(50% - 210px);
    }

    .works-text-2 {
        top: 117px;
        width: 100px;
    }

    .works-text-3 {
        left: 0px;
        top: 315px;
    }

    .vector-3 {
        width: 30%;
        left: 0px;
    }

    .vector-6 {
        width: 32%;
        right: 0px;
    }

    .works-text-6 {
        top: 315px;
        right: 0px;
    }

    .img-works {
        margin-bottom: 60px;
    }

    .works-block {
        margin-bottom: 80px;
    }

    .engineering-block-1 {
        padding: 25px 25px 20px;
    }

    .engineering-block-2 {
        padding: 25px 25px 20px;
    }

    .engineering-block-3 {
        padding: 25px 25px 20px;
    }

    .h2-head {
        gap: 50px;
        justify-content: flex-start;
    }

    .product {
        padding: 25px;
    }

    .product img {
        top: 80px;
        right: 25px;
        max-width: 45%;
    }

    .product:nth-child(4n+4) img {
        top: 70px;
    }

    .product:nth-child(5n+5) img {
        top: 85px;
    }

    .product:nth-child(5n+5) img {
        top: 85px;
        right: 10px;
        max-width: 180px !important;
    }

    .catalog-block {
        margin-bottom: 80px;
    }

    .set-sale-wrapper {
        margin-bottom: 80px;
    }

    .form-calculation {
        margin-bottom: 80px;
    }

    .about-block {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .partners-block {
        padding-top: 0px;
        padding-bottom: 0px;
    }

      .partners-slider {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    
    .about-text {
        margin-left: 95px;
    }

    .about-col-1 {
        height: 220px;
        padding: 25px;
    }

    .about-col-2 {
        height: 220px;
        padding: 25px;
    }

    .about-row h3 {
        font-size: 32px;
        line-height: 32px;
    }

    .about-col-3 {
        height: 220px;
    }

    .calculation-row {
        padding: 40px;
        background-position-x: 40px;
    }

    .calculation-row form {
        width: 300px;
    }

    .calculation-row h2 {
        font-size: 32px;
        max-width: 320px;
    }

    .calculation-col-2 {
        width: 45%;
    }

    .about-row p {
        max-width: 145px;
        font-size: 14px;
        line-height: 18px;
    }

    .portfolio-block {
        padding-bottom: 80px;
    }

    .section-dark.feedback-form {
        padding: 80px 0px 20px !important;
    }

    .about-col-3 img {
        width: 180px;
    }

    section.feedback-form .form-text {
        margin-left: 0px;
        margin-top: 10px;
    }

    .footer-content {
        flex-wrap: wrap;
    }

    .footer-first-column {
        width: 30%;
    }

    .footer-content__menu {
        width: 60%;
    }

    .footer-content {
        padding-bottom: 60px;
    }

    section.feedback-form .h2 {
        font-size: 32px;
        line-height: 120%;
        max-width: 240px;
    }

    .mobile-header {
        display: none !important;
    }

    .catalog-menu-item {
        width: calc(50% - 5px) !important;
        margin: 0 0 10px 0 !important;
    }

    .inner-page h1 {
        font-size: 32px;
    }

    .section .text-page {
        margin-left: 0px;
    }

    .catalog-menu.catalog-categories-block {
        margin-bottom: 40px;
    }

    .product-card__head {
        margin-bottom: 40px;
    }

    .tab-content {
        padding: 40px 0px 0px;
    }

    .product-card__right {
        display: none;
    }

    .product-card__content {
        padding-right: 45px;
    }

    .error__content {
        background: url(https://pillaris-rf.ru/media/uploads/error.svg) 100% 0 no-repeat;
        background-size: contain;
        padding: 40px 0px 40px;
    }

    .contact-col-1 {
        width: 420px;
        padding: 30px;
    }

    .contact-col-2 {
        width: calc(100% - 430px);
    }

    .contact-1 {
        padding: 30px;
    }

    .contact-2 {
        padding: 30px;
    }

    .clients {
        width: calc(50% - 5px);
    }

    .button-row a {
        min-width: 190px;
    }

    .about-2-1 {
        width: 100%;
        min-height: 150px;
    }

    .about-2-2 {
        display: none;
    }

    .about-2-3 {
        width: 100%;
    }

    .about-2-4 {
        width: 100%;
    }

    .about-1 {
        padding: 0px 50px 30px 0px;
    }

    .about-2 p {
        max-width: 200px;
    }

    .about-2 {
        flex-direction: column;
    }

    .button-row {
        flex-direction: column;
    }

    .about-3 {
        padding: 35px 30px 10px 35px;
    }

    .news-col-1 {
        width: calc(50% - 5px);
    }

    .news-col-2 {
        width: calc(50% - 5px);
    }

    .constr-col {
        height: 260px;
    }

    .constr-row {
        row-gap: 80px;
        margin-top: 60px;
    }

    .tech-block h3 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 26px;
    }

    .tech-block p {
        max-width: 80%;
    }

    .material-row-1 .material-col p {
        font-size: 14px;
        line-height: 18px;
        max-width: 90%;
    }

    .svg-ogr-5 {
        right: auto;
        left: 50%;
        width: 50%;
        top: 258px;
    }

    p.text-ogr-5 {
        right: 0px;
        top: 330px;
    }

    .svg-ogr-4 {
        width: 50%;
        right: 0px;
        top: 170px;
    }

    p.text-ogr-4 {
        right: 0px;
        top: 198px;
        width: 220px;
        text-align: end;
    }

    .svg-ogr-3 {
        right: 10%;
    }

    p.text-ogr-3 {
        top: -10px;
        right: 10%;
    }

    .svg-ogr-1 {
        width: 55%;
        top: 40px;
        left: 0px;
    }

    p.text-ogr-1 {
        top: -10px;
        left: 0px;
        max-width: 200px;
    }

    .svg-ogr-2 {
        width: 55%;
        top: 140px;
        left: 0px;
    }

    p.text-ogr-2 {
        top: 198px;
        left: 0px;
        font-size: 16px;
    }

    .ogr-ol li {
        max-width: 100% !important;
    }

    .ogr-col img {
        max-width: 320px;
    }

    .ogr-col:last-child .one {
        top: 53px;
        left: 30%;
    }

    .ogr-col:last-child .two {
        top: 53px;
        right: 28%;
    }

    .ogr-col:first-child .two {
        top: 80px;
        right: 25%;
    }

    .ogr-col:first-child .one {
        top: 80px;
        left: 30%;
    }

    .ogr-col p {
        padding-right: 70px;
        height: 144px;
    }

    .ogr-col {
        gap: 40px;
    }

    .service-col {
        width: calc(50% - 5px);
    }

    .object-col:nth-child(1n + 1) {
        order: 1;
    }

    .object-col:nth-child(2n + 2) {
        order: 2;
    }

    .object-col:nth-child(3n + 3) {
        order: 4;
    }

    .object-col:nth-child(4n + 4) {
        order: 3;
    }

    .object-col:nth-child(5n + 5) {
        order: 5;
    }

    .object-col:nth-child(6n + 6) {
        order: 6;
    }

    .about-object-col {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .about-object-col span {
        width: auto;
    }

    .about-object-form form {
        flex-direction: column;
        gap: 5px;
        max-width: 70%;
    }

    .lk-menu-item__text {
        max-width: 180px;
    }

    .lk-menu-item__name {
        font-size: 16px;
        line-height: 20px;
    }

    .lk-menu-item {
        padding: 25px;
        height: 180px;
    }

    .personal-data__item {
        width: 100%;
        margin-bottom: 0px;
    }

    .personal-data {
        flex-direction: column;
    }

}


@media (min-width: 768px) {

    .button-catalog {
        display: none;
    }

    .vector-mob-1,
    .vector-mob-2,
    .vector-mob-3,
    .vector-mob-4,
    .vector-mob-5,
    .vector-mob-6 {
        display: none;
    }

    .head-offer img {
        display: none;
    }

    .shopping-cart-item__name {
        width: 35%;
    }

}


@media (max-width: 768px) {

    .footer-contact {
        margin-bottom: 15px;
    }

    .footer-content {
        padding-bottom: 30px;
    }

    .footer-bottom__left {
        text-align: center;
        line-height: 140%;
    }

    .footer-right {
        min-width: 100%;
    }

    .question-main::before {
        display: none;
    }

    .question-form {
        width: 100%;
    }

    .question-form__column {
        width: 100%;
    }

    .feedback-form .form-control {
        height: 40px;
    }

    .feedback-form .content-name {
        top: 12px;
    }

    .footer-content__menu {
        width: 100%;
        margin-bottom: 60px;
    }

    .feedback-form .btn {
        height: 40px;
        font-size: 14px;
        max-width: 112px;
        min-width: 112px;
    }

    .question-form__column {
        margin-bottom: 0px;
    }

    section.feedback-form .h2 {
        font-size: 27px;
        line-height: 110%;
        margin-bottom: 20px;
        max-width: 200px;
    }

    section.feedback-form .form-text {
        margin-left: 0px;
        margin-top: 15px;
    }

    .section-dark.feedback-form {
        padding: 60px 0px 10px !important;
    }

    .question-form {
        margin: 0px;
    }

    .question-main {
        padding: 0px;
    }

    .portfolio-block .h2-head p {
        display: none;
    }

    .h2-head h2 {
        max-width: 100%;
        font-size: 27px;
        margin-bottom: 20px;
    }

    .portfolio-block {
        padding-bottom: 70px;
    }

    .portfolio-row {
        margin-bottom: 20px;
    }

    .portfolio-col-1 {
        width: 50%;
    }

    .portfolio-col-2 {
        width: 50%;
    }

    .portfolio-row p {
        margin-left: 15px;
        max-width: 80%;
    }

    .portfolio-col-1:nth-child(1n+1) {
        order: 1;
    }

    .portfolio-col-2:nth-child(1n+1) {
        order: 1;
    }

    .portfolio-col-1:nth-child(3n+3) {
        order: 5;
    }

    .portfolio-col-2:nth-child(3n+3) {
        order: 6;
    }

    .about-block {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .about-block .h2-head p {
        display: none;
    }

    .about-block .h2-head h2 {
        width: min-content;
        margin-bottom: 20px;
    }


     .partners-block {
        padding-top: 0px;
        padding-bottom: 0px;
    }

     .partners-slider {
        padding-top: 0px;
        padding-bottom: 70px;
    }

    .partners-block .h2-head p {
        display: none;
    }

    .partners-block .h2-head h2 {
        width: min-content;
        margin-bottom: 20px;
    }


    .about-text {
        margin-left: 0px;
        max-width: 280px;
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 30px !important;
    }

    .about-col-1 {
        width: 50%;
        height: auto;
        padding: 20px 20px 35px;
    }

    .about-col-2 {
        width: 50%;
        height: auto;
        padding: 20px 20px 35px;
    }

    .about-row h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .about-row p {
        max-width: 120px;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0px;
    }

    .about-col-3 {
        width: 50%;
        height: auto;
    }

    .about-col-3 img {
        margin-bottom: 10px;
        width: 70%;
    }

    .about-col-1:nth-child(1n+1) {
        order: 1;
    }

    .about-col-2:nth-child(2n+2) {
        order: 2;
    }

    .about-col-2:nth-child(3n+3) {
        order: 3;
    }

    .about-col-1:nth-child(3n+3) {
        order: 4;
    }

    .about-col-3 {
        order: 5;
    }

    .about-col-2:nth-child(6n+6) {
        order: 6;
    }

    .form-calculation {
        margin-bottom: 0px;
        background: url(https://pillaris-rf.ru/media/uploads/lines.svg) no-repeat;
        background-color: #D22030;
        background-position-y: bottom;
        background-position-x: 60px;
        background-size: 240px;
    }

    .calculation-row {
        padding: 50px 0px 160px;
        background: none;
        flex-direction: column;
    }

    .calculation-row h2 {
        font-size: 27px;
        max-width: 260px;
        margin-bottom: 10px;
    }

    .calculation-row p {
        max-width: 240px;
        font-size: 14px;
        line-height: 18px;
    }

    .calculation-row button {
        margin-top: 0px;
        max-width: 112px;
        min-width: 112px;
    }

    .calculation-row form {
        width: 100%;
    }

    .h2-head p {
        display: none;
    }

    .slider-constructor {
        padding-top: 0px;
    }

    .product-item__link {
        flex-direction: column;
    }

    .product-item__image {
        min-width: calc(100% - 36px);
        max-width: calc(100% - 36px);
        width: calc(100% - 36px);
    }

    .product-item__flag {
        margin-left: 0px;
        font-size: 10px;
        height: 20px;
    }

    .slider-constructor .product-item {
        border: 1px solid #FFF;
    }

    .slider-constructor .product-item:hover {
        border: 1px solid #D22030;
    }

    .product-item__name {
        font-size: 14px;
        line-height: 18px;
        height: auto;
        -webkit-line-clamp: 4;
        margin-bottom: 15px;
    }

    .product-item__cost-product {
        font-size: 14px;
    }

    .product-item__cost-product span {
        font-size: 14px;
    }

    .product-item_new .product-item__content-bottom {
        width: 100%;
    }

    .st-button {
        font-size: 14px;
    }

    .product-item_new .input-number,
    .product-item_wide .input-number,
    .product_max-height .input-number,
    .product_max-width .input-number,
    .product-card-v2 .input-number {
        display: flex;
    }

    .product-item_new .input-number input[type=number],
    .product-item_wide .input-number input[type=number],
    .product-item_max-heigth .input-number input[type=number],
    .product-item_max-width .input-number input[type=number],
    .product-card-v2 .input-number input[type=number] {
        font-size: 12px;
    }

    .product-item__content-top {
        padding-bottom: 100px;
        height: max-content;
    }

    .slider-constructor .slick-dots {
        bottom: -30px;
        justify-content: flex-start;
    }

    .slick-dots button {
        background-color: #D9D9D9;
        border-radius: 0px;
        border-color: #D9D9D9;
    }

    .slick-dots li:not(:last-child) {
        margin-right: 5px;
    }

    .slick-dots .slick-active button {
        background-color: #D22030;
        border-color: #D22030;
    }

    .set-sale-wrapper {
        margin-bottom: 15px;
    }

    .button-catalog .head-button {
        margin-left: auto;
    }

    .button-catalog {
        margin-bottom: 70px;
    }

    .catalog-block {
        margin-bottom: 70px;
    }

    .product-row .head-button {
        margin-top: 5px;
        margin-left: auto;
    }

    .product {
        width: 100%;
        padding: 20px;
        height: 195px;
    }

    .product p {
        margin-bottom: 5px;
        max-width: 150px;
    }

    .product h4 {
        margin-bottom: 10px;
    }

    .product img {
        position: absolute;
        top: 45px;
        right: 0px;
        max-width: 45%;
        height: 100px;
        object-fit: cover;
        object-position: left;
    }

    .product:nth-child(4n+4) img {
        top: 40px;
        max-width: 50%;
    }

    .product:nth-child(5n+5) img {
        top: 30px;
        height: 145px;
        max-width: 50%;
    }

    .product:nth-child(3n+3) img {
        height: 70px;
    }

    .engineering-row {
        flex-direction: column-reverse;
        margin-bottom: 10px;
    }

    .engineering-col-2 {
        width: 100%;
    }

    .engineering-col-1 {
        width: 100%;
        min-height: 260px;
    }

    .engineering-block-2 {
        background: url(https://pillaris-rf.ru/media/uploads/engineering.svg) no-repeat;
        background-position-x: right;
        background-position-y: bottom;
        background-color: #282526;
    }

    .engineering-block {
        margin-bottom: 70px;
    }

    .works-block {
        margin-bottom: 70px;
    }

    .img-works {
        padding-top: 185px;
        margin-bottom: 220px;
    }

    .works-block .h2-head {
        margin-bottom: 10px;
    }

    .vector-1,
    .vector-2,
    .vector-3,
    .vector-4,
    .vector-5,
    .vector-6 {
        display: none;
    }

    .works-text-1 {
        left: auto;
        right: 0px;
    }

    .works-text-2 {
        top: 43px;
        max-width: 100px;
        left: 20px;
    }

    .works-text-3 {
        top: 148px;
        left: 0px;
    }

    .works-text-6 {
        top: 107%;
        right: auto;
        width: min-content;
    }

    .works-text-4 {
        top: 120%;
        right: 0px;
    }

    .works-text-5 {
        top: 130%;
        right: 20px;
    }

    .section-first {
        display: none !important;
    }

    .vector-mob-1 {
        position: absolute;
        top: 26px;
        right: 0px;
        height: 135px;
    }

    .vector-mob-2 {
        position: absolute;
        left: 20px;
        top: 90px;
        width: 140px;
    }

    .vector-mob-3 {
        position: absolute;
        top: 175px;
        width: 130px;
    }

    .vector-mob-4 {
        position: absolute;
        top: 105%;
        width: 125px;
    }

    .vector-mob-5 {
        position: absolute;
        right: 20px;
        height: 143px;
        top: 109%;
    }

    .vector-mob-6 {
        position: absolute;
        right: 0px;
        height: 72px;
        top: 111%;
    }

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

    .head-col-1 {
        width: 50%;
    }

    .head-col-2 {
        width: 50%;
    }

    .head-block-1 {
        height: 180px;
        padding: 20px;
    }

    .head-block-3 {
        height: 180px;
        padding: 20px;
    }

    .head-block-2 {
        height: 180px;
        padding: 20px;
    }

    .head-col-1 p {
        font-size: 14px;
        max-width: 130px;
        line-height: 18px;
    }

    .head-col-2 p {
        font-size: 14px;
        max-width: 130px;
        line-height: 18px;
    }

    .head-block-4 {
        height: 180px;
    }

    .head-form {
        margin-top: -180px;
        margin-bottom: 70px;
    }

    .head-col-3 {
        width: 100%;
        padding: 20px;
    }

    .head-col-3 p {
        max-width: 190px;
        font-size: 14px;
        margin-bottom: 18px;
    }

    .head-col-3 .btn {
        max-width: 120px;
        min-width: 120px;
    }

    .head-offer {
        padding: 50px 0px 230px;
        background: #242021;
    }

    .mobile-header__phones {
        display: none;
    }

    .mobile-header__search-button {
        display: none;
    }

    .mobile-header__item:has(.mobile-header__phones) {
        min-width: max-content;
    }

    .head-offer img {
        min-width: 455px;
        max-width: none !important;
        width: 135%;
    }

    .frontpage h1 {
        font-size: 27px;
        margin-left: 0px;
        max-width: 330px;
    }

    .head-offer .head-button {
        margin-left: 0px;
        margin-bottom: 50px;
    }

    #my-button {
        background: url(https://pillaris-rf.ru/media/uploads/burger.svg) no-repeat;
        background-position: center;
        background-size: contain;
    }

    .mobile-header__hamburger-button::after,
    .mobile-header__hamburger-button::before {
        display: none;
    }

    .mobile-header__hamburger-line {
        display: none;
    }

    .slider-constructor .slick-prev,
    .slider-constructor .slick-next {
        top: -70px;
    }

    .set-header .h2-head h2 {
        width: min-content;
    }

    .mm-menu--theme-light {
        --mm-color-background: #242021;
    }

    .mm-navbar {
        background-color: #242021;
    }

    .cross-button::after,
    .cross-button::before {
        background-color: #D22030;
    }

    .logo-link__image {
        max-width: 120px;
    }

    .logo-link {
        max-width: 120px;
    }

    .mb-10 {
        margin-bottom: 20px !important;
    }

    .search-input-group__row {
        background: #282526;
    }

    .search-input-group__input {
        border-radius: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border: none;
        background: transparent;
        color: #FFFFFF;
        font-family: Inter !important;
    }

    .search-input-group__input::placeholder {
        color: #FFFFFF !important;
    }

    .search-input-group__button {
        background-color: transparent;
        transform: scaleX(-1);
        border-radius: 0px !important;
        transition: 0.3s;
    }

    .search-input-group__button:hover {
        background-color: #D22030 !important;
    }

    .menu-list__link {
        color: #FFF !important;
        font-size: 16px;
    }

    .mm-btn--next:after,
    .mm-btn--prev:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 8px;
        height: 8px;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #D22030;
        border-bottom: none;
        border-right: none;
        -webkit-transform: rotate(var(--mm-btn-rotate));
        -ms-transform: rotate(var(--mm-btn-rotate));
        transform: rotate(var(--mm-btn-rotate));
    }

    .mm-navbar__title>span {
        color: #FFF;
        text-transform: uppercase;
    }

    .mobile-side-menu-footer {
        border-top: none;
    }

    .mobile-side-menu-footer__row {
        display: none;
    }

    .phone-block__primary-link {
        font-size: 20px;
        color: #FFFFFF !important;
        font-weight: 800;
    }

    .phone-block__secondary-link {
        color: #FFF !important;
    }

    .phone-block {
        gap: 15px;
    }

    .modal .h2 {
        font-size: 27px;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .modal .btn {
        max-width: 120px;
    }

    .header-top-bg-color {
        display: none !important;
    }

    .inner-page h1 {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .inner-page .feedback-form {
        margin-top: 30px;
    }

    .catalog-menu.catalog-categories-block {
        margin-bottom: 30px;
    }

    .page-head {
        width: 100%;
        margin: 0px;
        padding: 0px;
        background: #FFFFFF;
    }

    .breadcrumbs {
        font-size: 14px;
    }

    .breadcrumbs a:first-child {
        font-size: 14px;
    }

    .breadcrumbs {
        padding-top: 30px;
    }

    .catalog-menu-item__name {
        bottom: 25px;
        font-size: 14px;
        line-height: 18px;
    }

    .catalog-menu-item {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }

    .mb-0 {
        display: none !important;
    }

    .filter-btn {
        border-radius: 0px;
        box-shadow: none;
    }

    .product-item_new .product-item__image {
        height: auto;
        aspect-ratio: 1 / 1;
    }

    span {
        font-family: Inter;
    }

    .dropdown-select {
        border-radius: 0px;
    }

    .active .dropdown-select {
        background: #FFF;
        border-radius: 0px;
    }

    .dropdown-select-ul {
        background: #FFF;
        border-radius: 0px;
    }

    .section .text-page h2 {
        font-size: 27px;
    }

    .pagination {
        padding-top: 20px;
        justify-content: flex-start;
        margin-bottom: 40px;
    }

    .pagination span {
        width: 40px;
        height: 40px;
    }

    .pagination .prev,
    .pagination .next {
        width: 40px;
        height: 40px;
    }

    .mobile-menu-head__title {
        font-size: 27px;
        font-family: Inter;
        text-transform: uppercase;
        color: #242021;
    }

    .catalog-filter {
        background: #FFF;
    }

    .catalog-filter .catalog-filter-body {
        box-shadow: none;
        width: 100%;
        margin: 0px;
        background: #FFF;
    }

    .catalog-filter__bottom {
        padding: 0px 0px 40px;
    }

    .catalog-filter__btns .btn {
        width: 100%;
    }

    .catalog-filter__btns {
        padding: 0px;
    }

    .btn-link {
        border: none !important;
        background: transparent !important;
    }

    .product-card__artikul {
        display: none;
    }

    .product-card__head {
        margin-bottom: 10px;
    }

    .product-card__slideshow {
        width: 100%;
        padding: 20px;
    }

    .product-card__title {
        padding-right: 0px;
    }

    .product-set-title {
        font-size: 27px;
    }

    .product-set-title {
        font-size: 32px;
    }

    .product-card__slideshow .owl-nav {
        display: none;
    }

    #sync1.owl-theme .owl-dots .owl-dot span {
        background: #D9D9D9;
        border-radius: 0px;
    }

    #sync1.owl-theme .owl-dots {
        top: 10px;
    }

    .product-card__content {
        width: 100%;
        padding: 0px 20px;
    }

    .product-card__left {
        padding: 0px;
    }

    .product-card__radio-options span {
        font-size: 14px;
        line-height: 18px;
    }

    .product-card .btn-border {
        margin-top: 10px;
    }

    .product-card__right {
        padding: 0px 0px 40px;
        width: 100%;
        margin: 0px;
    }

    .product-card__right .btn {
        max-width: 120px;
    }

    .product-card-bottom__artikul {
        display: none;
    }

    .product-card {
        margin-bottom: 60px;
    }

    .related-products-category {
        margin-bottom: 70px;
    }

    .tab_drawer_heading {
        font-family: Inter;
        font-style: normal;
        font-weight: 100;
        border: 1px dashed #9E9E9E;
        font-size: 14px;
        background: #FFFFFF;
        margin-bottom: 10px;
    }

    .d_active {
        border: 1px solid #D22030;
    }

    .tab-content {
        padding: 20px 0px;
    }

    .char-text:first-child {
        width: 50%;
    }

    .char li {
        flex-direction: row;
    }

    .char-text:last-child {
        font-size: 14px;
        text-align: right;
        width: 50%;
    }

    .error__content {
        background: url(https://pillaris-rf.ru/media/uploads/error.svg) 100% 0 no-repeat;
        background-size: contain;
        padding: 0px;
    }

    .error__content .btn {
        max-width: 120px;
    }

    .error__content h1 {
        padding-top: 90%;
    }

    .error__content {
        margin-bottom: 40px;
    }

    .shopping-cart-product {
        justify-content: flex-start;
    }

    .shopping-cart-item__name {
        width: calc(100% - 40px);
    }

    .shopping-cart-item {
        row-gap: 10px;
    }

    .simple-order-form .form-text {
        margin-left: 0px;
        margin-top: 20px;
    }

    .simple-cart__form {
        margin-bottom: 40px;
    }

    .delivery-cart {
        padding: 0px;
    }

    .shopping-cart-item__cost {
        margin-right: auto;
    }

    .shopping-cart-item__total-cost {
        margin-left: auto;
    }

    div#pickup-section {
        display: none !important;
    }

    .simple-order-form__title {
        font-size: 18px;
    }

    .contacts-block {
        flex-direction: column;
    }

    #yamap_addresses {
        min-height: 300px;
    }

    .contact-row {
        flex-direction: column;
    }

    .contact-col-1 {
        width: 100%;
    }

    .contact-col-2 {
        width: 100%;
    }

    .article-inner {
        width: 100%;
        margin: 0px;
        margin-top: 20px;
    }

    .clients-row {
        margin-bottom: 40px;
    }

    .clients-1::before {
        margin-top: -25px;
        margin-left: -25px;
    }

    .clients-1::before {
        margin-top: -25px;
        margin-left: -25px;
    }

    .clients-3::before {
        margin-top: -25px;
        margin-left: -25px;
    }

    .clients {
        height: 180px;
        width: 100%;
        padding: 25px;
    }

    .about-page-row {
        flex-direction: column;
    }

    .about-1 {
        width: 100%;
        padding: 0px 0px 60px 0px;
    }

    .about-2 {
        width: 100%;
    }

    .about-3 {
        width: 100%;
        padding: 50px 0px 20px;
    }

    .about-2 h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .about-2 p {
        font-size: 14px;
        line-height: 18px;
    }

    .about-2-2 {
        padding: 20px;
    }

    .about-2-3 {
        padding: 20px;
    }

    .about-2-4 {
        padding: 20px;
    }

    .about-2-1 img {
        width: 70%;
    }

    .news-text {
        padding-left: 20px;
        font-size: 14px;
    }

    .news-row {
        margin-bottom: 40px;
    }

    .constr-col {
        width: 100%;
        height: auto;
        gap: 30px;
    }

    .constr-row {
        row-gap: 60px;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .tech-col {
        flex-direction: column;
        gap: 30px;
    }

    .tech-block {
        width: 100%;
    }

    .tech-block h3 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .tech-row {
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .tech-img {
        width: 100%;
        min-height: 200px;
    }

    .material-row-1 {
        flex-direction: column;
    }

    .material-row-1 .material-col p {
        font-size: 14px;
        line-height: 18px;
        padding-left: 25px;
        max-width: 85%;
    }

    .material-row-2 {
        flex-direction: column;
        gap: 60px;
        margin-bottom: 40px;
    }

    .material-row-2 .material-col {
        height: 265px;
        width: 100%;
    }

    .text-ogr-1,
    .text-ogr-2,
    .text-ogr-3,
    .text-ogr-4,
    .text-ogr-5,
    .svg-ogr-1,
    .svg-ogr-2,
    .svg-ogr-3,
    .svg-ogr-4,
    .svg-ogr-5 {
        display: none;
    }

    .ogr-img {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .ogr-header {
        font-size: 22px;
    }

    .ogr-row {
        gap: 60px;
        margin-top: 40px;
        flex-direction: column;
    }

    .ogr-col {
        gap: 40px;
        width: 100%;
    }

    .ogr-col p {
        padding-right: 30px;
    }

    .ogr-ol li {
        max-width: 100% !important;
    }

    .ogr-col:first-child .two {
        bottom: 59%;
        right: 25%;
        height: max-content;
    }

    .ogr-col:first-child .one {
        bottom: 59%;
        left: 25%;
        height: max-content;
    }

    .ogr-col:last-child .one {
        bottom: 57%;
        left: 25%;
        height: max-content;
    }

    .ogr-col:last-child .two {
        bottom: 57%;
        right: 25%;
        height: max-content;
    }

    .service-row {
        margin-top: -10px;
        margin-bottom: 70px;
    }

    .service-col {
        width: 100%;
    }

    .service-col img {
        width: 100%;
        object-fit: cover;
        max-height: 250px;
    }

    .modal h2 {
        font-size: 27px;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .object-btn {
        padding: 0px 12px;
        font-size: 12px;
    }

    .object-col:nth-child(1n + 1) {
        order: 1;
    }

    .object-col:nth-child(2n + 2) {
        order: 2;
    }

    .object-col:nth-child(3n + 3) {
        order: 4;
    }

    .object-col:nth-child(4n + 4) {
        order: 3;
    }

    .object-col:nth-child(5n + 5) {
        order: 5;
    }

    .object-col:nth-child(6n + 6) {
        order: 6;
    }

    .about-object-text {
        width: 100%;
    }

    .about-object-form {
        width: 100%;
    }

    .about-object-form form {
        max-width: 350px;
    }

    .about-object-row {
        margin-bottom: 40px;
    }

    .about-object-col span {
        width: auto;
        margin-right: 10px;
        line-height: 22px;
    }

    .mobile-menu-item {
        background-color: #FFFFFF;
        padding: 0 20px;
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
        border: none;
        font-weight: 500;
        font-size: 16px !important;
        background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
        background-position: left top, right top, left bottom, left top;
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    }

    .lk-main-page__head .user-data {
        padding-left: 120px;
    }

    .mobile-menu-item .icon {
        right: 25px;
        top: -2px;
    }

    .lk-main-page__head .user-data__name {
        margin-bottom: 0px;
    }

    .lf-main-container {
        margin-bottom: 30px;
    }

    .page-head {
        align-items: flex-end;
        gap: 40px;
    }

    .lk-container .lk-side {
        border: none;
    }

    .lk-container .lk-side .user-data__avatar {
        border: 1px solid #CFCFCF;
    }

    .user-data {
        padding-left: 120px;
        margin-bottom: 100px;
    }

    .lk-container .lk-content {
        width: 100%;
        margin: 0px;
    }

    .personal-data__item {
        border: none;
        padding: 30px 30px 30px;
        height: max-content;
        margin-top: 30px;
        margin-bottom: 0px;
        width: 100%;
    }

    .personal-data {
        flex-direction: column;
    }

    .personal-data {
        margin-bottom: 40px;
    }

    .personal-data__title {
        font-size: 18px;
    }

    .btn-border .icon {
        display: none;
    }

    .tabs-lk-content {
        padding-left: 0px;
        padding: 30px 0px 60px;
    }

    .btn-exit {
        border: none !important;
        background-image: repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #CFCFCF, #CFCFCF 9px, transparent 9px, transparent 18px);
        background-position: left top, right top, left bottom, left top;
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        border-radius: 0px;
        color: #000;
    }

    .btn-exit:hover {
        color: #FFFFFF;
        background-image: none;
    }

    .mobile-menu-item.active {
        background-image: repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(90deg, #D22030, #D22030 9px, transparent 9px, transparent 18px), repeating-linear-gradient(180deg, #D22030, #D22030 9px, transparent 9px, transparent 18px);
        background-position: left top, right top, left bottom, left top;
        background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
        color: #000000;
    }

    .lk-main-page__head .user-data {
        margin-bottom: 40px;
    }

    .personal-data {
        flex-direction: column;
    }

    .lk-container .lk-side {
        box-shadow: none;
    }

    .catalog__links-block a {
        font-size: 12px;
        padding: 0px 15px;
    }

    .portfolio-card-title {
        font-size: 14px;
    }

    .portfolio-content {
        margin-bottom: 60px;
    }

}


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

    .about-row p {
        max-width: 130px;
        font-size: 14px;
        line-height: 18px;
    }

    .product-item__cost-product {
        font-size: 18px;
    }

    .product-item__cost-product span {
        font-size: 18px;
    }

    .product img {
        right: 35px;
    }

    .product:nth-child(3n+3) img {
        height: 80px;
    }

    .product:nth-child(4n+4) img {
        max-width: 60%;
        height: 110px;
    }

    .works-block .h2-head {
        margin-bottom: 10px;
    }

    .frontpage h1 {
        font-size: 32px;
        max-width: 380px;
    }

    .catalog-menu-item {
        width: calc(50% - 5px) !important;
        margin: 0 0 10px 0 !important;
        height: 200px;
    }

    .product-card__content {
        padding: 0px 40px;
    }

    .product-card__slideshow {
        padding: 40px;
    }

    .news-col-1 {
        width: calc(50% - 5px);
    }

    .news-col-2 {
        width: calc(50% - 5px);
    }
}


@media (max-width: 578px) {

    .engineering-block-1 {
        padding: 20px 20px 30px;
    }

    .engineering-block-2 {
        padding: 20px 20px 30px;
        background-size: 400px;
    }

    .engineering-block-3 {
        padding: 20px 20px 30px;
    }

    .engineering-col-2 h4 {
        font-size: 14px;
        max-width: 260px;
        line-height: 18px;
    }

    .engineering-col-2 p {
        font-size: 14px;
        line-height: 18px;
        max-width: 380px;
    }

    .vector-mob-5 {
        top: 109%;
    }

    .works-text-5 {
        top: 131%;
    }

    .head-row h3 {
        font-size: 13px;
        line-height: 17px;
    }

    .modal.fancybox-content {
        padding: 20px;
    }

    .contact-col-1 {
        padding: 25px 25px 30px;
    }

    .contact-row h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .contact-1 {
        padding: 25px 25px 30px;
    }

    .contact-2 {
        padding: 25px 25px 30px;
    }

    .button-row {
        flex-direction: column;
    }

    .button-row a {
        min-width: 190px;
    }

    .about-2 p {
        font-size: 12px;
        line-height: 16px;
        max-width: 130px;
    }

    .news-col-1 {
        width: 100%;
    }

    .news-col-2 {
        width: 100%;
    }

    .about-object-row img {
        width: 100%;
    }

    .about-object-col {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .about-object-form form {
        flex-direction: column;
        gap: 5px;
    }

    .about-object-form form .btn {
        max-width: 150px;
    }

    .about-object-text {
        padding: 25px 25px 15px;
    }

    .about-object-form {
        padding: 25px;
    }

    .product-item__content-top {
        padding: 10px 12px;
        padding-bottom: 110px;
    }

    .product-item__content-bottom {
        padding: 0px 12px 15px 12px;
    }

}



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

    .modal.fancybox-content {
        max-width: 440px;
        padding: 60px;
    }

    .clients {
        width: calc(50% - 5px);
    }
}


.catalog-side {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.catalog-side__title {
    background-color: #D22030;
    font-family: Inter;
    font-size: 16px;
}

.catalog-side__content ul li a {
    color: #333333;
}

.catalog-side__content ul li a:hover,
.catalog-side__content .submenu a:hover {
    background-color: #242021 !important;
}

/*Партнеры*/

.partners-block {
    background: #242021;
    margin-bottom: 0px;
}

.partners-block .h2-head h2 {
    color: #FFF;
}

.partners-block .h2-head p {
    background-image: linear-gradient(to right, #FFFFFF 60%, #242021 15%);
    color: #FFF;
}

.partners-slider{
    background: #242021;

    padding-bottom: 120px;
}

.partners-slider .button_style-1 {
    border: 1px solid #E9E9E9 !important;
    background-color: transparent !important;
    color: #E9E9E9 !important;
    border-radius: 0px !important;
}

.product-card .checkbox span {
    color: #000 !important;
}

/* правки */
.form-calculation .form-text a,
.question-form .form-text a,
footer .form-text a {
    color: #fff !important;
    text-decoration: underline;
    font-size: 12px;
}

.checkbox span.form-text {
    color: #fff !important;
}

.checkbox span.form-text a,
.text-page p a {
    color: #D22030;
}

.checkbox span.form-text a {
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

.form-calculation .checkbox span.form-text,
.question-main .checkbox span.form-text,
footer .checkbox span.form-text {
    color: #fff !important;
}

/* Переключатель цветов */

.ral-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
}

.ral-background {
    width: 100%;
    height: 480px;
    max-height: 480px;
    display: flex;
    justify-content: center;

}

.ral-background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ral-color-list-item-example {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-bottom: 10px;
    box-shadow: 0 4px 11px -4px #000;
}

.ral-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
        
.ral-color-list {
    display: flex;
    transition: transform 0.5s ease;
    gap: 10px;
    padding: 10px 0;
    will-change: transform;
}
        
.ral-color-list-item {
    flex: 0 0 auto;
    width: 60px;
    cursor: pointer;
    text-align: center;
    touch-action: manipulation;
    display: flex;
    flex-direction: column;
    align-items: center;
}
  
  .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
  }
  
  .slider-nav.prev {
    left: 0;
  }
  
  .slider-nav.next {
    right: 0;
  }

  .ral-color-list-item-number {
    text-align: center;
    font-size: 14px;
    color: #000;
  }



  @media (max-width: 450px) {
    .ral-background {
        height: 300px;
    }

    .ral-background img {
        object-fit: cover;
        object-position: center;
    }

    .ral-color-list-item {
        width: fit-content;
    }

    .ral-color-list-item-number { 
        font-size: 12px;
    }

    .ral-color-list-item-example {
        width: 40px;
        height: 40px;
    }

  }