/* Start:/local/templates/novotex-main/assets/css/style.css?176639733745895*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    /*bottom: 0;*/
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #000;
    overflow-x: hidden;
}

input, button {
    font-family: 'Inter', sans-serif;
}

input::placeholder {
    font-family: 'Inter', sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

ul,li {
    list-style: none;
    text-decoration: none;
}

img {
    width: 100%;
    height: 100%;
}

.container {
    max-width: 1780px;
    margin: 0 auto;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: transparent;
}

.header-background {
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
}

.header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
    height: 100px;
}

.header-background.scrolled {
    background-color: #090E1A;
}

/*.header-wrapper {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    gap: 48px;*/

/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 100%;*/
/*    height: 100px;*/

/*    z-index: 999;*/
/*}*/

/*.header-background.scrolled {*/
/*    background-color: #090E1A;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 100%;*/
/*    height: 100px;*/
/*    z-index: 998;*/
/*}*/

.header-logo__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 42px;
}

.header-logo img {
    max-width: 180px;
    max-height: 30px;

    cursor: pointer;
}

.header-logo__txt h1 {
    color: #B8B8B8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.header-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.header-nav__link {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.header-nav__link:hover {
    color: #FFCB00;
}

.header-nav__link.active {
    color: #FFCB00;
}

.header-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.header-info a {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 111.111% */
    text-transform: uppercase;
}

.header-info a:hover {
    color: #FFCB00;
}

/* Стиль для контейнера бургер-меню */
.header-burger {
    cursor: pointer;
    width: 30px;
    height: 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    transition: transform 0.3s ease;
    display: none;
}

.burger-line {
    width: 30px;
    height: 4px;
    background-color: #FFCB00;  /* Цвет линий */
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Состояние бургер-меню по умолчанию */
.header-burger .burger-line:nth-child(1) {
    transform: translateY(0);
}

.header-burger .burger-line:nth-child(2) {
    transform: translateY(0);
}

.header-burger .burger-line:nth-child(3) {
    transform: translateY(0);
}

/* Состояние активного меню - бургер превращается в крестик */
.header-burger.active .burger-line:nth-child(1) {
    transform: translateY(9px) rotate(45deg);  /* Первая линия: вниз и поворот */
}

.header-burger.active .burger-line:nth-child(2) {
    opacity: 0;  /* Скрываем вторую линию */
}

.header-burger.active .burger-line:nth-child(3) {
    transform: translateY(-16px) rotate(-45deg);  /* Третья линия: вверх и поворот */
}


.banner-bcc img {
    width: 100vw;
    height: 80vh;
    object-fit: cover;
    margin-top: -100px;
    filter: brightness(40%);
}

@media (max-width: 600px) {
    .banner-bcc img {
        height: 100vh;
    }
}

.banner-bcc video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    margin-top: -100px;
    opacity: 0.7;
}

.banner-content {
    position: absolute;
    top: 35%;
    bottom: 100%;
    left: 0 !important;
    right: 0 !important;
}

.banner-content h2 {
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: 110%; /* 70.4px */
    letter-spacing: -0.64px;
    text-transform: uppercase;

    max-width: 868px;

    margin-bottom: 27px;
    margin-top: 80px;
}

.banner-content span {
    color: #FFCB00;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */

    max-width: 416px;
}

.manufacturers-wrapper {
    margin-top: -24px;
    width: 100%;
    position: relative;
    padding-bottom: 48px;
}

.manufacturers-bcc {
    width: 100%;
    position: relative;
}

.manufacturers-bcc img {
    width: 100%;
    height: 100%;
}

.manufacturers-bcc__back {
    width: 100%;
    margin-top: -16%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.manufacturers-bcc__back img {
    width: 100vw;
    height: 100%;
    z-index: -1;
    opacity: 0.5;
}

.manufacturers-content {
    position: absolute;
    top: 0;
    bottom: 20%;
    left: 5%;
    right: 0;

    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

.manufacturers-txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;

    max-width: 340px;
}

.manufacturers-txt h2 {
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 46.2px */
    letter-spacing: -0.42px;
}

.manufacturers-txt p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
}

.manufacturers-services__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;

    max-width: 900px;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #AB8905 #AB8905;
}

.manufacturers-services__wrapper::-webkit-scrollbar {
    width: 8px;
}
.manufacturers-services__wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
.manufacturers-services__wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.manufacturers-services__wrapper

.manufacturers-services {
    position: relative;

    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.manufacturers-services:hover img {
    scale: 1.01;
    border-radius: 8px;
}

.manufacturers-services span {
    position: absolute;
    top: 45%;
    left: 8%;
    right: 0;
    bottom: 0;
    /* transform: translateX(-10%); */

    width: 179px;
    height: 44px;

    text-align: center;

    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

.manufacturers-services img {
    width: 210px;
    height: 210px;
    border-radius: 8px;
}

.information-wrapper {
    margin-top: 64px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 76px;
    width: 100%;
}

.informations {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
}

.information {
    max-width: 422px;
}

.information-header {
    position: relative;
}

.information-header img {
    width: 280px;
    height: 46px;
}

.information-header span {
    position: absolute;
    top: 25%;
    bottom: 0;
    left: 7%;
    right: 0;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 23.4px */
    text-transform: uppercase;
}

.information p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
    margin-left: 32px;

    margin-top: 16px;

    text-align: justify;
}

.catalog-wrapper {
    margin-top: 64px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 70px;
}

.product {
    cursor: pointer;
    flex: 1;
    max-width: 380px;
}

.product:hover .product-title{
    border-radius: 0px 0px 10px 10px;
    background: #FFCB00;
}

.product:hover .product-title h2 {
    color: #090E1A;
}

.product svg path {
    fill: #FFFFFF;
}

.product:hover svg path {
    fill: #FFCB00;
}

.product-img {
    border-radius: 10px 10px 0px 0px;
    background: rgba(255, 255, 255, 0.10);
    padding: 64px;
    height: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .product-img {
        padding: 48px;
        height: 250px;
    }
}

@media (max-width: 768px) {
    .product-img {
        padding: 20px;
        height: 250px;
    }
}

.product-img svg {
    width: 179px;
    height: 179px;
}

.product-title {
    margin-top: 4px;

    border-radius: 0px 0px 10px 10px;
    background: rgba(255, 255, 255, 0.10);

    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.product-title h2 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 22px */
    letter-spacing: -0.2px;
}

.swiper-wrapper {
    margin-top: 24px;
}

.swiper.main {
    width: 100%;
    height: 100%;
}

.swiper.main .swiper-slide {
    position: relative;
    height: 400px;
}

.swiper.main .swiper-slide img {
    object-fit: cover;
}

.swiper.main .swiper-title {
    position: absolute;
    top: 65%;
    bottom: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.swiper.main .swiper-title span {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 46.2px */
    letter-spacing: -0.42px;
    text-transform: uppercase;
}

.swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    border-radius: initial;
}

.swiper-pagination-bullet-active {
    background-color: #FFCB00;
}

.manufacturers-content.company {
    justify-content: flex-start;
}

.companys {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 96px;
}

.company img {
    width: 200px;
    height: 200px;
}

@media (max-width: 600px) {
    .company img {
        width: 150px;
        height: 100px;
    }
}

marquee {
    width: 1200px;
}

.footer-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;

    margin-top: 96px;
    margin-bottom: 48px;
}

.footer-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer-col span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.2px; /* 120% */
    text-transform: uppercase;
}

.footer-search {
    display: flex;
    flex-direction: row;

    margin-top: 22px;
}

.footer-search input {
    border: none;
    outline: none;
    padding: 11px 15px;
    background: rgba(255, 255, 255, 0.20);

    width: 219px;
    height: 38px;

    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-search input::placeholder {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-search__icon {
    width: 46px;
    height: 38px;
    object-fit: cover;
    cursor: pointer;
    background: #383838;
    padding: 8px;
}

.footer-search__icon img {
    object-fit: contain;
}

.feedback-btn {
    margin-top: 22px;

    color: #FFCB00;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;

    cursor: pointer;
}

.feedback-btn:hover {
    color: #FFF;
}

.footer-content {
    margin-top: 22px;

    display: flex;
    flex-direction: column;
}

.footer-content a {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
    cursor: pointer;
}

.footer-content a:hover {
    color: #FFCB00;
}

.footer-content p {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
}

.footer-social {
    display: flex;
    flex-direction: row;
    gap: 8px;

    margin-top: 22px;
}

.footer-social a {
    cursor: pointer;
}

/* .overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(25px);
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(100%);
}

.overlay.active {
    display: flex;
    opacity: 1;
    transform: translateY(0);
} */

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(25px);
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    transition: opacity 0.5s ease, transform 0.3s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.overlay.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.feedback-form {
    display: flex;
    flex-direction: column;
    gap: 20px;

    margin: 128px auto;

    width: 100%;
    max-width: 628px;
    padding: 40px;

    border-radius: 5px;
    background: rgba(0, 0, 0, 0.70);
}

@media (max-width: 768px) {
    .feedback-form {
        margin: 50% auto;
    }
}

.feedback-form__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;

    width: 100%;
}

.feedback-form__header span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.feedback-form__header .lines {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.feedback-form__header .lines svg path:hover {
    fill: #FFCB00;
}

.feedback-form form {
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 600px;
}

.feedback-form form input {
    height: 48px;
    padding: 14px 20px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.30);
    border: none;
    outline: none;

    margin-bottom: 20px;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form input::placeholder {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form textarea {
    padding: 14px 20px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.30);
    border: none;
    outline: none;

    margin-bottom: 20px;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form textarea::placeholder {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form button {
    height: 48px;
    padding: 14px 20px;

    border-radius: 2px;
    background: #FFCB00;
    cursor: pointer;
    border: 1px solid transparent;

    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form button:hover {
    background: transparent;
    border: 1px solid #FFCB00;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-form form input:invalid, textarea:invalid {
    border: 2px solid red;
}

.feedback-form form input:valid, textarea:valid {
    border: 2px solid green;
}

.feedback-success {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;

    width: 100%;
    max-width: 600px;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    text-transform: uppercase;
    height: 432px;
}

.feedback-success p {
    margin-top: 96px;
}

.feedback-success button {
    height: 48px;
    padding: 14px 20px;

    border-radius: 2px;
    background: #FFCB00;
    cursor: pointer;
    border: 1px solid transparent;

    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.feedback-success button:hover {
    background: transparent;
    border: 1px solid #FFCB00;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.burger-menu {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #090E1A;
    width: 50%;
    height: 100vh;

    display: none;

    z-index: 99;
}

.burger-menu.active {
    display: block;
}

.burger-nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;

    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    text-transform: uppercase;
    position: relative;
    margin-top: 128px;
    text-align: left;
}

.banner-bcc.about img{
    height: 400px;
}

.banner-content.about {
    top: 15%;
}

.banner-content__btn {
    /* position: absolute;
    top: 38%;
    bottom: 100%;
    left: 0;
    right: 0; */

    display: flex;
    flex-direction: row;
     justify-content: center;
    margin-top: -20px;
}

.banner-btn__el {
    position: relative;
    height: max-content;
}

.banner-btn__el a {
    position: absolute;
    top: 20%;
    z-index: 999;
    left: 0;
    right: 0;

    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    text-transform: uppercase;
}

.banner-btn__el:hover svg rect{
    fill: #FFCB00;
}

.manufacturers-wrapper.about {
    margin-top: 64px;
}

.manufacturers-wrapper.about .manufacturers-txt {
    max-width: 1177px;
}

.manufacturers-wrapper.about .manufacturers-txt p{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 31.2px */
}

.title-wrapper h2 {
    color: #FFF;
    font-size: 42px;
    font-style: normal;
    font-weight: 200;
    line-height: 120%; /* 50.4px */
    margin-top: 24px;
}

.advantages-wrapper {
    margin-top: 24px;

    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    gap: 32px;
}

.advantages-txt {
    max-width: 811px;

    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */

    display: flex;
    flex-direction: column;
    gap: 32px;
    text-align: left;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 32px;
}

.advantages-img {
    max-height: 872px;

    position: relative;
}

.advantages-els {
    position: absolute;
    top: 64px;
    bottom: 64px;
    left: 32px;
    right: 32px;

    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 36.4px */

    display: flex;
    flex-direction: column;
    gap: 64px;
}

.advantages-el svg {
    width: 60px;
    height: 60px;

    margin-bottom: 16px;
}

.about-photo__wrapper {
    margin-top: 64px;
}

.about-photo__wrapper img {
    border-radius: 8px;
}

.about-photo__slider {
    margin-top: 46px;
}

.mySwiper-about .swiper-slide {
    cursor: pointer;

    width: 375px;
    height: 170px;
}

.about-photo__wrapper .about-photo__main {
    width: 100%;
    height: 730px;
}

.banner-content__btn.catalog {
    right: initial;
    left: 5%;
}

.banner-content__btn.catalog .banner-btn__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.banner-content__btn.catalog .banner-btn__el .banner-btn__link {
    position: absolute;
    top: -5%;
    left: 0;
    right: 0;
}

.banner-content__btn.catalog .banner-btn__el .banner-btn__link a {
    position: initial;

    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 19.2px */
}

.banner-content__btn.catalog {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /*padding: 0 30px !important;*/
}

@media (max-width: 1025px) {
    .banner-content__btn.catalog {
        padding: 0 30px !important;
    }
}

.catalog-wrapper__pages {
    margin-top: 46px;

    /* display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; */

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* justify-items: center; */

    gap: 30px;
}

.catalog-item__pages {
    max-width: 347px;
    max-height: 298px;

    cursor: pointer;

    position: relative;

    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.catalog-item__pages img {
    border-radius: 8px;
    object-fit: cover;
}

.catalog-item__pages:hover img {
    scale: 1.1;
}

.catalog-title__pages {
    position: absolute;
    bottom: 20px;

    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    padding: 12px 20px;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.services-info__wrapper {
    margin-top: 64px;
    position: relative;
}

.services-categories {
    display: grid;
    grid-template-columns: repeat(4, 3fr);
    justify-items: center;
    align-items: center;
    gap: 64px 32px;

    position: absolute;
    top: 64px;
    bottom: 64px;
    left: 64px;
    right: 64px;
    padding: 0 64px;
}

.services-category {
    flex: 1;

    max-width: 313px;
    max-height: 193px;

    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 28.6px */
}

.services-category img {
    width: 80px;
    height: 80px;
}

.footer-pages__wrapper {
    margin-top: 64px;
}

.footer-pages__rows {
    border-radius: 10px 10px 0px 0px;
    background: rgba(255, 255, 255, 0.20);

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    padding: 32px;
}

.footer-pages__row {
    /* max-width: 691px; */
    width: 100%;
    color: rgba(255, 255, 255, 1);
    span {
        font-size: 18px;
        color: rgba(255, 255, 255, 1);
        text-transform: uppercase;
        font-weight: 600;
    }
    p {
        font-size: 18px;
        color: rgba(255, 255, 255, 1);
        font-weight: 300;
        margin-top: 8px;
        text-transform: uppercase;
    }
}

.footer-pages__row h3{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
    text-transform: uppercase;
    margin-bottom: 8px;
}

.footer-pages__row a{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */

    margin-top: 8px;
}

.footer-pages__header .footer-pages__rows:last-child {
    border-radius: 0px 0px 10px 10px;
    background: rgba(255, 255, 255, 0.10);
    margin-bottom: 30px;
}

.footer-pages__main {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

.footer-pages__main .footer-pages__col {
    /* max-width: 724px; */
    width: 100%;
    flex: 1;
}

.footer-pages__main .footer-pages__rows {
    /* max-width: 724px; */
    width: 100%;

    display: flex;
    flex-direction: column;

    height: 100%;
}

.footer-pages__main .footer-pages__rows {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.footer-pages__main .footer-pages__rows .footer-pages__row {
    /* max-width: 724px; */
    width: 100%;
}

.footer-pages__main .footer-pages__rows .footer-pages__row:first-child {
    border-radius: 10px 10px 0px 0px;
    background: rgba(255, 255, 255, 0.20);
    padding: 32px;

    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
    text-transform: uppercase;
    height: 100%;
}

.footer-pages__main .footer-pages__rows .footer-pages__row:last-child {
    border-radius: 0px 0px 10px 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 32px;

    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
    text-transform: uppercase;
    height: 100%;
    max-height: 150px;
}

.footer-pages__main .footer-pages__rows .footer-pages__row:last-child p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 23.4px */
    margin-top: 8px;
}

.footer-pages__main .footer-pages__rows .footer-pages__row:last-child a {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.news-select__wrapper {
    margin-top: 64px;

    display: flex;
    flex-direction: row;
}

.news-select__txt {
    border-radius: 10px 0px 0px 10px;
    background: rgba(255, 255, 255, 0.20);
    padding: 20px;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
    text-transform: uppercase;
}

.news-select__option {
    position: relative;
    display: flex;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

select::-ms-expand {
    display: none;
}

.news-select__wrapper select {
    background: rgba(255, 255, 255, 0.10);
    border: none;
    outline: none;
    padding: 20px;
    width: 454px;

    color: #FFF;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    cursor: pointer;
}

.news-select__wrapper option {
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}

.news-select__arrow {
    border-radius: 0px 10px 10px 0px;
    background: #FFCB00;
    padding: 20px;

    cursor: pointer;

    position: absolute;
    right: 0;
    z-index: -1;
}

#news .catalog-title__pages {
    background: #FFCB00;

    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.news-btn {
    margin-top: 30px;
    padding: 20px;
    margin-left: 41%;
    margin-right: auto;

    display: flex;
    justify-content: center;

    border-radius: 0px 0px 10px 10px;
    background: #FFCB00;

    color: #090E1A;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 19.8px */
    letter-spacing: -0.18px;

    outline: none;
    border: 1px solid transparent;

    max-width: 272px;
    width: 100%;
    max-height: 60px;
    height: 100%;

    cursor: pointer;

    transition: all 0.3s ease-in-out;
}

.news-btn:hover {
    background: transparent;
    border: 1px solid #FFCB00;
    color: #FFF;
}

#news .catalog-item__pages {
    max-width: 347px;
    max-height: 487px;
}

#news .catalog-title__pages {
    bottom: 30%;
}

#news .catalog-item__pages img {
    width: 347px;
    height: 298px;
    object-fit: cover;
}

#news .catalog-item__pages .news-title__pages {
    border-radius: 0px 0px 10px 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 30px 20px 20px 20px;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    margin-top: -10px;
    display: flex;
    align-items: flex-start;
    height: 125px;
}

.news-item__wrapper {
    margin-top: 64px;
}

.news-item__img {
    max-width: 875px;
    max-height: 455px;
}

.news-item__content {
    margin-top: 32px;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 32px;
    max-width: 875px;
    width: 100%;
}

.news-item__content span {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}

.news-item__content p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */

    margin-top: 16px;
}


.news-item__content p:last-child {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */

    margin-top: 16px;
}

.banner-btn__el svg{
    width: 100%;
}

.services-info__bcc {
    height: 756px;
}

@media (min-width: 3000px) {
    .banner-content {
        left: 50%;
    }

    .manufacturers-services__wrapper {
        max-width: 1600px;
    }

    marquee {
        width: 2200px;
    }
}

@media (min-width: 2500px) {
    .banner-content {
        left: 30%;
    }

    .manufacturers-services__wrapper {
        max-width: 1400px;
    }

    marquee {
        width: 1800px;
    }
}

@media (min-width: 2000px) {
    .banner-content {
        left: 20%;
    }

    .manufacturers-services__wrapper {
        max-width: 1200px;
    }

    .banner-bcc.about img {
        height: 600px;
    }

    .banner-content__btn {
        top: 45%;
    }
}

@media (min-width: 2500px) {
    .banner-bcc.about img {
        height: 800px;
    }

    .banner-content__btn {
        top: 43%;
    }
}

@media (min-width: 3000px) {
    .banner-bcc.about img {
        height: 1000px;
    }

    .banner-content__btn {
        top: 50%;
    }
}

@media (max-width: 1780px) {
    .container {
        padding: 0 14px;
    }

    marquee {
        width: 1000px;
    }

    .banner-content__btn {
        top: 47%;
    }
}

@media (max-width: 1600px) {
    .manufacturers-services__wrapper {
        max-width: 650px;
        gap: 48px;
    }

    .information {
        max-width: 340px;
    }

    marquee {
        width: 800px;
    }
}

@media (max-width: 1400px) {
    .manufacturers-content {
        position: initial;
    }

    .manufacturers-txt {
        position: absolute;
        top: 0;
        bottom: 60%;
        left: 20%;
        right: 0;
        width: 100%;
        max-width: 828px;

        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 64px;
    }

    .manufacturers-txt h2 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%; /* 26.4px */
        letter-spacing: -0.24px;
    }

    .manufacturers-txt p {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
    }

    .manufacturers-services__wrapper {
        margin-top: 32px;
        max-width: 100%;
    }

    .information {
        max-width: 300px;
    }

    marquee {
        width: 100%;
    }

    #company {
        background-color: #FFF;
    }

    .manufacturers-content.company .manufacturers-txt {
        bottom: 50%;
        right: initial;
        left: 10%;
    }

    .manufacturers-wrapper.about .manufacturers-txt {
        position: absolute;
        top: 0;
        bottom: 20%;
        left: 5%;
        right: 0;
        width: 100%;
        max-width: 1028px;

        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 64px;
    }

    .advantages-wrapper {
        flex-direction: column;
    }

    .advantages-txt {
        max-width: 100%;
        font-size: 16px;
    }

    .advantages-img img {
        max-height: 300px;
    }

    .advantages-els {
        flex-direction: row;
        font-size: 20px;
    }

    .advantages-el svg {
        margin-bottom: 24px;
    }

    .about-photo__wrapper .about-photo__main {
        height: 642px;
    }

    .services-categories {
        grid-template-columns: repeat(3, 4fr);
    }

    .services-info__wrapper .services-info__bcc {
        height: 1050px;
    }

    .news-btn {
        margin-left: auto;
    }

    .information-wrapper {
        margin-top: 32px;
    }
}

@media (max-width: 1360px) {
    .header-info {
        display: none;
    }

    .manufacturers-txt {
        bottom: 70%;
    }
}

@media (max-width: 1210px) {
    .informations {
        gap: 40px;
        grid-template-columns: repeat(2, 3fr);
    }

    .information {
        max-width: 340px;
    }

    .banner-btn__el svg{
        width: 328px;
    }

    .manufacturers-wrapper.about .manufacturers-txt {
        max-width: 900px;
    }

    .manufacturers-wrapper.about .manufacturers-txt p {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 20.8px */
    }
}

@media (max-width: 1120px) {
    .catalog-wrapper {
        gap: 30px;
    }
}

@media (max-width: 1025px) {
    /*.information-logo {*/
    /*    display: none;*/
    /*}*/

    .swiper.main .swiper-title span {
        font-size: 32px;
    }

    .swiper.main .swiper-slide {
        height: 375px;
    }

    .manufacturers-content.company .manufacturers-txt {
        bottom: auto;
        top: 15%;
    }

    .footer-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
    }

    .manufacturers-wrapper.about .manufacturers-txt {
        position: absolute;
        top: -20%;
        bottom: 0;
        left: 3%;
        right: 0;
        width: 100%;
        max-width: 800px;
        /*height: min-content;*/
        /*transform: translateY(50%);*/

        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 64px;
    }

    .product-img svg {
        width: 159px;
    }

    .manufacturers-wrapper {
        padding-bottom: 0;
    }

    .title-wrapper h2 {
        font-size: 32px;
        /*margin-top: 128px;*/
    }

    .advantages-els {
        font-size: 18px;
    }

    .mySwiper-about .swiper-slide {
        width: 300px;
        height: 147px;
    }

    .about-photo__wrapper .about-photo__main {
        height: 476px;
    }

    .catalog-wrapper__pages {
        grid-template-columns: repeat(3, 1fr);
    }

    .services-categories {
        grid-template-columns: repeat(2, 5fr);
    }

    .services-info__wrapper .services-info__bcc {
        height: 1100px;
        object-fit: cover;
    }

    .footer-pages__row h3 {
        font-size: 20px;
    }

    .footer-pages__row a {
        font-size: 16px;
    }

    .footer-pages__main .footer-pages__rows .footer-pages__row:last-child {
        font-size: 16px;
    }

    .footer-pages__main .footer-pages__rows .footer-pages__row:last-child a {
        font-size: 16px;
    }

    .banner-content__btn {
        padding: 0 !important;
    }

    .about-photo__wrapper {
        margin-top: 0;
    }
}

@media (max-width: 1000px) {
    .manufacturers-txt {
        max-width: 80%;
        bottom: 65%;
    }

    .product-title h2 {
        font-size: 16px;
    }

    .product-img svg {
        width: 100%;
        height: 100px;
    }

    /*.banner-bcc.about img{*/
    /*    height: 320px;*/
    /*}*/

    .banner-content__btn {
        top: 30%;
    }
}


@media (max-width: 960px) {
    .header-burger {
        display: flex;
        cursor: pointer;
    }

    .header-nav {
        display: none;
    }

    .banner-content h2 {
        color: #FFF;
        font-size: 42px;
        font-style: normal;
        font-weight: 200;
        line-height: 110%; /* 46.2px */
        letter-spacing: -0.42px;
        text-transform: uppercase;
        margin-top: 0;
    }

    .banner-content span {
        color: #FFCB00;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 24px */
    }

    .banner-content__btn {
        flex-direction: column;
    }

    .banner-content__btn svg {
        width: 100%;
    }

    .manufacturers-wrapper.about {
        margin-top: 80px;
    }

    .manufacturers-wrapper.about .manufacturers-txt {
        max-width: 600px;
    }

    .banner-btn__el a {
        font-size: 16px;
    }
}

@media (max-width: 850px) {
    .information-logo {
        display: none;
    }
}

@media (max-width: 790px) {
    .product-title {
        height: max-content;
        align-items: center;
    }

    .catalog-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 20px;
        padding: 30px 120px !important;
    }

    .catalog-wrapper {
        margin-top: 32px;
    }

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

    .footer-pages__rows {
        flex-direction: column;
        gap: 32px;
    }

    .footer-pages__main .footer-pages__col .footer-pages__rows {
        gap: 0;
    }

    .footer-pages__main .footer-pages__rows .footer-pages__row:last-child {
        max-height: max-content;
    }
}

@media (max-width: 768px) {
    .manufacturers-txt {
        bottom: 70%;
        max-width: max-content;
        left: initial;
        right: 5%;
    }

    .manufacturers-txt p {
        display: none;
    }

    .manufacturers-bcc__back {
        display: none;
    }

    .information {
        max-width: 100%;
    }

    .swiper.main .swiper-title span {
        font-size: 24px;
    }

    .swiper.main .swiper-slide {
        height: 280px;
    }

    .manufacturers-wrapper.about .manufacturers-bcc {
        display: none;
    }

    .manufacturers-wrapper.about .manufacturers-txt p {
        display: block;
        /*margin-top: 96px;*/
        color: #FFF;
    }

    .advantages-els {
        flex-direction: column;
        font-size: 18px;
    }

    .advantages-img img {
        height: 600px;
        max-height: 100%;
    }

    .mySwiper-about .swiper-slide {
        width: 214px;
        height: 105px;
    }

    .about-photo__wrapper .about-photo__main {
        height: 350px;
    }

    .catalog-wrapper__pages {
        grid-template-columns: repeat(2, 1fr);
        justify-self: center;
    }

    .services-categories {
        top: 64px;
        bottom: 64px;
        left: 16px;
        right: 16px;
    }

    .services-category {
        font-size: 16px;
        gap: 8px;
        max-width: 200px;
        max-height: 200px;
    }

    .news-select__wrapper select {
        width: 354px;
    }

    .news-select__txt {
        font-size: 16px;
    }

    .news-select__wrapper select {
        font-size: 16px;
    }

    .product-img {
        height: max-content;
    }

    .catalog-item__pages {
        max-width: 100%;
    }

    .news-select__arrow {
        padding: 19px;
    }

    .title-wrapper h2 {
        margin-top: 48px;
    }

    .advantages-wrapper {
        margin-top: -24px;
    }
}

@media (max-width: 670px) {
    .informations {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-search input {
        width: 100%;
    }

    .custom_footer-search {
        width: 100%;
    }

    .footer-search {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .manufacturers-txt {
        bottom: 75%;
    }

    .header-logo__txt h1 {
        display: none;
    }

    .product-img svg {
        height: 100px;
    }

    .swiper.main .swiper-slide {
        height: 380px;
    }

    .manufacturers-content.company .manufacturers-txt {
        bottom: auto;
        top: 16%;
    }

    .footer-wrapper {
        display: flex;
        flex-direction: column;
    }

    .header-background {
        background-color: #090E1A;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 100px;
        z-index: 998;
    }

    .banner-content__btn {
        top: 35%;
    }

    .manufacturers-wrapper {
        padding-bottom: 0;
    }

    .title-wrapper h2 {
        margin-top: 32px;
    }

    .advantages-wrapper {
        margin-top: 0;
    }

    .advantages-img img {
        height: 700px;
        max-height: 100%;
    }

    .manufacturers-wrapper.about {
        margin-top: 32px;
    }

    .about-photo__wrapper {
        margin-top: 32px;
    }

    #about-advantages {
        margin-top: 28px;
    }

    .vacancies__main-block {
        margin-top: 170px;
    }

    .catalog-wrapper {
        padding: 30px !important;
    }
}

@media (max-width: 500px) {
    .banner-content {
        left: 5%;
    }

    .banner-content.about {
        top: 20%;
    }

    .manufacturers-txt {
        bottom: 80%;
    }

    #company .manufacturers-bcc img {
        height: 100px;
    }

    .manufacturers-content.company .manufacturers-txt {
        width: auto;
    }

    .manufacturers-wrapper.about .manufacturers-txt p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .mySwiper-about .swiper-slide {
        width: 101px;
        height: 49px;
    }

    .about-photo__wrapper .about-photo__main {
        height: 166px;
    }

    .catalog-wrapper__pages {
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        align-items: center;
    }

    .news-select__wrapper select {
        width: 250px;
    }

    .information-wrapper {
        margin-top: 6px;
    }

    .advantages-img img {
        height: 800px;
        max-height: 100%;
    }

    .vacancies__main-block {
        margin-top: 230px;
    }

    .services-categories {
        padding: 0 32px;
        left: 0;
        right: 0;
    }
}


.marquee-wrapper {
    overflow: hidden;
    width: 100%;
}

.marquee {
    display: flex;
    width: max-content;
    animation: marquee 15s linear infinite;
}

.companys {
    display: flex;
}

.company {
    flex: 0 0 auto;
    margin-right: 40px;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 1500px) {
    .advantages-els {
        gap: 24px;
        left: 16px;
        right: 16px;
        top: 32px;
        bottom: 32px;
        font-size: 24px;
    }
}

.about-video video {
    width: 100%;
    height: 100%;

    margin-top: 32px;
}

@media (max-width: 600px) {
    .about-video video {
        margin-top: 100px;
    }
}

/* Pravki */
header {
    z-index: 10000 !important;
}

.manufacturers-wrapper.about .manufacturers-txt p {
    font-weight: 400;
}

.vacancies__contacts-content-item {
    font-weight: 400 !important;
}

.vacancies__contacts-header span {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.vacancies__about-list {
    font-size: 24px;
}

.vacancies__about-header {
    align-items: center;
    font-size: 24px !important;
}

.catalog-detail__description {
    font-size: 24px !important;
}

.banner-btn__link a {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.information__img {
    width: 365px !important;
}

.about-video {
    display: flex;
    justify-content: center;
}

.about-video video {
    width: 100%;
    height: auto;
    max-width: 1000px;
}

.manufacturers-wrapper.about .manufacturers-txt p {
    font-size: 20px;
}

.advantages-els {
    font-size: 20px;
}

#about-info {
    height: 250px;
    overflow: hidden;
}

.manufacturers-wrapper.about .manufacturers-txt p {
    margin-top: -80px;
}

.information-wrapper {
    margin-top: 10px;
}

.product-img {
    height: 230px;
}

.footer-wrapper {
    margin-top: 10px
}

.banner-content h2 {
    font-size: 44px;
}

.manufacturers-txt h2 {
    font-size: 20px;
}

.services-category img {
    width: 50px;
    height: 50px;
}

.services-category__title {
    font-size: 18px;
}

#about-photo {
    margin-bottom: 100px;
}

.advantages-el svg {
    width: 40px;
    height: 40px;
}

.advantages-els {
    font-size: 18px;
}

/* Pravki 17.12.2025 */
.title-wrapper h2 {
    max-width: 1000px;
}

.container--news {
    width: 100%;
    max-width: 1000px;
}

/*.about-photo__wrapper {
    text-align: center;
}*/

.about-photo__main {
    width: 100% !important;
    height: auto !important;
    max-width: 1000px !important;
}

.news-item__img img {
    display: none;
}

.news-item__content p:first-child {
    margin-top: 0;
}

/* Video block in news detail */
.video {
    margin-top: 50px;
}

.video--container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.video__video {
    width: 100%;
    height: auto;
    max-width: 1000px;

    border-radius: 8px;
}
















































































































































































/* End */


/* Start:/local/templates/novotex-main/assets/css/custom.css?174541168913421*/
body {
    background: #090E1A;
}

.container  {
    padding: 0 70px;
}

.banner-content__btn.catalog .banner-btn__el .banner-btn__link {
    top: 20%;
}

/*СТРАНИЦА "ПОИСК"*/

.search__input-block {
    margin: 64px 0 45px 0;
}

.search__input-bar {
    display: flex;
    color: #fff;
    font-size: 18px;
    max-height: 63px;
}

.search__bar-item-text {
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px 0px 0px 10px;
    background: rgba(255, 255, 255, 0.20);
    text-transform: uppercase;
    font-weight: 600;
    height: 100%;
}

.search__bar-item-input {
    display: flex;
}

.search__bar-item-input input {
    background: rgba(255, 255, 255, 0.10);
    height: 100%;
    border: none;
    color: #fff;
    font-size: 18px;
    padding: 20px;
    outline: none;
}

.search__bar-item-input button {
    border-radius: 0px 10px 10px 0px;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    background: #FFCB00;
    height: 100%;
    border: none;
}

.search__result-block {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.search__result-item {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    width: calc((100% - 30px) / 2);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.search__result-header {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
}

.search__result-value {
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
    span {
        color: #FFCB00;
        font-weight: 700;
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .search__result-block {
        flex-direction: column;
    }
    .search__result-item {
        width: 100%;
    }
    .search__result-header {
        font-size: 20px;
    }

    .search__result-value {
        font-size: 16px;
    }
    .search__bar-item-input {
        width: 100%;
    }
    .search__bar-item-input input {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .container {
        padding: 20px;
    }
    .search__bar-item-text {
        display: none;
    }
    .search__bar-item-input input {
        border-radius: 10px 0px 0px 10px;
    }
}

/*СТРАНИЦА "РЕКВИЗИТЫ"*/

.details__block {
    color: #fff;
    margin-top: 32px;
}

.details__table {
    display: grid;
    gap: 4px;
    font-size: 18px;
}

.details__tr {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 4px;
    align-items: center;
}

.details__tr ul li {
    list-style: disc;
    margin-left: 20px;
}

.details__tr div {
    background: rgba(255, 255, 255, 0.10);
    padding: 10px;
    height: 100%;
}

.details__item-first {
    text-transform: uppercase;
    min-width: 245px;
    height: 100%;
    align-items: center;
    display: flex;
    font-weight: 700;
}

@media (max-width: 768px) {
    .details__table {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .details__table {
        gap: 8px;
    }
    .details__tr {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/*СТРАНИЦА "КАТАЛОГ ДЕТАЛКА"*/

.catalog-detail__description {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    margin: 64px 0 64px 0;
    font-size: 18px;
    font-weight: 300;
}

.catalog-detail__adv-block {
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    background-image: url("/local/templates/novotex-main/assets/css/../img/catalog-detail.png");
    padding: 64px 32px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.catalog-detail__adv-block div {
    display: flex;
    font-size: 24px;
    align-items: center;
    gap: 32px;
    font-weight: 300;
}

.catalog-detail__adv-block div svg {
    min-width: 48px;
    max-width: 48px;
}

@media (max-width: 1024px) {
    .catalog-detail__adv-block div {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .catalog-detail__adv-block {
        grid-template-columns: 1fr;
    }
}

/*СТРАНИЦА "ВАКАНСИИ*/

.vacancies__main-block h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 200;
    margin: 64px 0 80px 0;
}

.vacancies__about-block {
    display: flex;
    gap: 30px;
    width: 100%;
}

.vacancies__about-list {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.vacancies__about-item {
    border-bottom: 1px solid #fff;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vacancies__about-item:hover {
    cursor: pointer;
}

.vacancies__about-header {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.vacancies__about-description {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.vacancies__about-description-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vacancies__about-description-item span {
    font-weight: 700;
}

.vacancies__about-description-item ul li {
    list-style: disc;
    margin-left: 20px;
}

.vacancies__about-description--active {
    display: flex;
}

.vacancies__svg-plus {
    display: none;
}

.vacancies__svg-minus {
    display: none;
}

.vacancies__svg--active {
    display: block;
}

.vacancies__about-contacts {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    padding: 32px 32px 32px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
    max-height: 600px;
}

.vacancies__contacts-header {
    width: 500px;
    height: 65px;
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.vacancies__contacts-header span {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    margin-left: 32px;
}

.vacancies__contacts-header-background {
    background: #FFCB00;
    width: 100%;
    height: 100%;
    transform: skew(-30deg) translateX(-30px);
}

.vacancies__contacts-content {
    margin-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vacancies__contacts-content-item {
    display: flex;
    gap: 24px;
    font-size: 24px;
    font-weight: 500;
    align-items: center;
    line-height: 130%;
}

.vacancies__contacts-svg {
    border-radius: 5px;
    background: #FFCB00;
    min-width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vacancies__contacts-docs {
    display: flex;
    align-items: center;
}

.vacancies__docs-svg {
    border-radius: 5px 0 0 5px;
    background: #FFCB00;
    min-width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vacancies__docs-text {
    border-radius: 0px 5px 5px 0px;
    background: #FFF;
    min-width: 330px;
    height: 60px;
    color: #000;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 1180px) {
    .vacancies__about-block {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .vacancies__about-block {
        flex-direction: column;
    }
    .vacancies__main-block h1 {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .vacancies__contacts-content-item {
        font-size: 18px;
    }
    .vacancies__contacts-svg {
        min-width: 48px;
        height: 48px;
    }
    .vacancies__docs-svg {
        min-width: 48px;
        height: 48px;
    }
    .vacancies__docs-text {
        height: 48px;
        font-size: 18px;
    }
    .vacancies__main-block h1 {
        font-size: 24px;
    }

    .catalog-detail__adv-block {
        padding: 32px;
    }

    .vacancies__main-block h1 {
        margin: 96px 0 24px 0;
    }

    .catalog-detail__adv-block {
        gap: 32px;
    }
}

@media (max-width: 600px) {
    .vacancies__contacts-header-background {
        transform: skew(-30deg) translateX(-200px);
    }
    .vacancies__docs-text {
        min-width: 250px;
    }
    .vacancies__about-list {
        padding: 16px;
    }
    .vacancies__about-contacts {
        padding: 20px 20px 20px 0;
    }
    .vacancies__contacts-content {
        margin-left: 20px;
    }
    .vacancies__contacts-header span {
        margin-left: 20px;
    }

    .vacancies__main-block h1 {
        margin-bottom: 32px;
    }

    .vacancies__contacts-header-background.title {
        transform: skew(-30deg) translateX(-30px);
    }
}

@media (max-width: 400px) {
    .vacancies__contacts-header span {
        font-size: 20px;
    }
    .vacancies__contacts-header-background {
        transform: skew(-30deg) translateX(-250px);
    }
    .vacancies__contacts-content-item {
        font-size: 16px;
    }
    .vacancies__docs-text {
        min-width: 0;
        width: 100%;
    }

    .vacancies__contacts-header-background.title {
        transform: skew(-30deg) translateX(-30px);
    }
}


.custom_footer-search {
    display: flex;
}
.footer-search__icon {
    position: relative;
    cursor: pointer;
}
.footer-search__icon input {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.vacancies__contacts-header-background.title {
    width: 105px;
    height: 9px;
    margin: 0 30px;
}

.vacancies__contacts-header-background.nav {
    display: none;
}

@media (max-width: 960px) {
    .vacancies__contacts-header-background.nav {
        display: block;
        width: 95%;
        height: 27px;
        margin-bottom: 10px;
        margin-left: 50px;
        background: #fff;
        transition: all 0.3s ease-in-out;
    }

    .vacancies__contacts-header-background.nav.active {
        background-color: #FFCB00;
    }

    .vacancies__contacts-header-background.nav:hover {
        background-color: #FFCB00;
    }

    .banner-btn__el svg {
        display: none;
    }

    .banner-btn__el a {
        display: none;
    }

    .vacancies__contacts-header-background.nav a {
        display: block;

        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 21.6px */
        text-transform: uppercase;
        transform: skew(30deg) translateX(0);
    }
}

@media (max-width: 600px) {
    .vacancies__contacts-header-background.nav {
        display: none;
    }

    .vacancies__contacts-header-background.nav a {
        display: none;
    }

    .banner-btn__el svg {
        display: block;
        margin-bottom: 10px;
    }

    .banner-btn__el a {
        display: block;
    }
}

.feedback-form__checkbox {
    display: flex;
    flex-direction: row;
    gap: 8px;

    color: #fff;

    margin-bottom: 20px;
}

.feedback-form__checkbox input {
    height: min-content !important;
    margin-top: 4px;
}

.feedback-form__checkbox a {
    text-decoration: underline;
    color: #FFCB00;
}

.footer-social__politica {
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;

    margin-top: 8px;
}

.news-select__option option {
    color: #000;
}

.news-item__img img {
    object-fit: cover;
}

.about-photo__wrapper .about-photo__main {
    object-fit: cover;
}

.about-photo__wrapper img {
    object-fit: cover;
}

@media (max-width: 1550px) {
    .catalog-wrapper__pages {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1180px) {
    .catalog-wrapper__pages {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .catalog-wrapper__pages {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    .catalog-wrapper__pages {
        grid-template-columns: repeat(1, 1fr);
    }
}

.advantages-txt p {
    text-align: justify;
}

.content-direkt {
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.2px;
    text-transform: uppercase;

}

.content-direkt svg {
    max-width: 120px;
    margin-top: -2px;
    width: 100%;
}

.post-content {
    font-size: 18px;
}

/* End */
/* /local/templates/novotex-main/assets/css/style.css?176639733745895 */
/* /local/templates/novotex-main/assets/css/custom.css?174541168913421 */