#page {
    background-color: #F6F6F6;
}

#back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 48px;
    height: 48px;
    background-color: rgb(86, 197, 207);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  }
  
  #back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  #back-to-top:hover {
    background-color: rgb(60, 160, 175);
  }

#download-sheet {
    position: fixed;
    right: 20px;
    top: 56.2%;
    transform: translateY(-50%) rotate(270deg);
    transform-origin: right center;
    background-color: rgb(86, 197, 207);
    color: #fff;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    box-shadow: -2px 2px 8px rgba(0,0,0,0.2);
    z-index: 999;
    transition: background .3s ease;
  }
  
  #download-sheet:hover {
    background-color: rgb(60, 160, 175);
  }
  
.container {
    width: 1300px;
    padding-inline: 10px;
    margin-inline: auto;
}

header {
    width: 100%;
    height: 140px;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    /* position: relative; */
}

.big-menu ul {
    display: flex;
    align-items: center;
    column-gap: 30px;
}

.big-menu ul a {
    /* color: #fff; */
    position: relative;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 500;
}

.big-menu ul li a::before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;

    transition: 0.5s transform ease;
    transform: scale3d(0, 1, 1);
    transform-origin: 0 50%;
}

.big-menu ul li a:hover::before {
    transform: scale3d(1, 1, 1);
}

.big-menu ul li a::before {
    transform-origin: 50% 50%;
    color: rgb(86, 197, 207);
}

.header__right {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.header__youtube {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
}


.header__phones {
    display: flex;
    flex-direction: column;
}

a.header__phone {
    font-weight: 500;
    transition: .3s all;
}

.callback-btn {
    border-radius: 6px;
    padding: 10px 20px;
    line-height: 19px;
    width: 165px;
    font-size: 15px;
    background-color: #fff;
    color: #222222;
    margin-right: 20px;
    transition: all 0.8s, color 0.3s 0.3s;
    border: none;
}

.callback-btn svg {
    display: none;
}

.swiper1 {
    position: relative;
}

.swiper1 .swiper-slide {
    height: 740px;
    width: 100svw;
    display: flex;
    align-items: center;
    padding-left: 90px;
    background-color: rgba(0, 0, 0, .3) !important;
    background-blend-mode: multiply;
}

.swiper-pagination-bullet {
    background: #ffffff !important;
    width: 10px !important;
    height: 10px !important;
    margin-inline: 10px !important;
    position: relative;
}

.swiper-pagination {
    bottom: 30px !important;
}

.swiper-pagination-bullet-active::after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #fff;
    background: transparent;
    position: absolute;
    top: -5px;
    left: -5px;
}

.slider-txt {
    font-size: 45px;
    font-weight: 600;
    line-height: 51px;
    color: #fff;
    margin-bottom: 50px;
    width: 380px;

}

.slider-txt span {
    color: rgb(86, 197, 207);
}

.main-slider__buttons {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.slider__btn {
    font-size: 16px;
    line-height: normal;
    padding: 12px 25px;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    border: 2px solid rgb(255, 255, 255);
    transition: all 0.8s, color 0.3s 0.3s;
}

/* .slider__btn.quest-list {
    background-color: transparent;
    border: 1px solid #FFFFFF;

}

.slider__btn.quest-list:hover {
    background: transparent;
} */


.slider__btn:hover {
    color: rgb(255, 255, 255);
    border: 2px solid rgb(86, 197, 207);
    box-shadow: 300px 0 0 0 rgb(86, 197, 207) inset, -300px 0 0 0 rgb(86, 197, 207) inset;
}

a.project__link:visited {
    color: #FFFFFF;
}

.header__line {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: auto;
}

.header__line-2,
.header__line-3,
.header__line-4 {
    display: none;
}


#main-slider {
    margin-bottom: 60px;
    overflow: hidden;
}

.title__flex {
    display: flex;
    column-gap: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.section__title {
    font-size: 40px;
    font-weight: 600;
    line-height: 51px;
    margin-bottom: 30px;
}

.title__flex .section__title {
    margin-bottom: 0;
}

.btns__wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.look-btn {
    border-radius: 36px;
    border: 1px solid #2222221A;
    width: 140px;
    height: 40px;
    font-size: 15px;
    line-height: normal;
    transition: all 0.8s, color 0.3s 0.3s;
}

.opros-btn {
    border-radius: 36px;
    border: 1px solid  rgb(86, 197, 207);
    width: 315px;
    height: 40px;
    font-size: 15px;
    line-height: normal;
    transition: all 0.8s, color 0.3s 0.3s;
}


/*general hover*/
.look-btn:hover,
.opros-btn:hover {
    color: #fff;
    box-shadow: 350px 0 0 0 rgb(86, 197, 207) inset;
}

/* Комплектующие */
.complect {
    margin-bottom: 60px;
}

.complect__flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.complect__flex-item {
    width: 305px;
    height: 300px;
}

.complect__flex-item:hover .item__gradient {
    box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}

.complect__flex-item a {
    display: block;
}

.complect__flex-item a {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.complect__flex-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

.item__gradient {
    width: 100%;
    height: 220px;
    position: relative;
    transition: all .3s;
    border-radius: 10px;
}

.complect__flex-item h3 {
    font-size: 25px;
    color: #222222;
    line-height: 31.87px;
    font-weight: 400;
    transition: .3s all;
}

.complect__flex-item:hover h3 {
    color: #56C5CF;
    transition: .3s all;
}

.complect__flex-item .item__gradient::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(65.16deg, rgba(34, 34, 34, 0.4) 0%, rgba(34, 34, 34, 0) 66.22%);
    /* background: linear-gradient(49.87deg, rgb(34, 34, 34),rgba(34, 34, 34, 0) 40.31%); */
}

/* Rectangle 4 */


/* .complect__flex-item a{
    display: block;
    border: 1px solid #FFFFFF66;
    background-color: transparent;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    line-height: 19.12px;
    padding: 10px 20px;
    width: 125px;
    height: 40px;
    position: absolute;
    bottom: -50px;
    left: 30px;
    z-index: 2;
} */

/* .complect__flex-item:hover a{
    bottom: 30px;
    transition: .4s;
} */


/* .complect__flex-item:hover::after{
    background: linear-gradient(49.87deg, rgb(227, 30, 37),rgba(227, 30, 37, 0) 66.31%);
} */

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

.about-company {
    margin-bottom: 60px;
}

.about__flex {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}

.about__info {
    display: flex;
    column-gap: 30px;
}

.about__text {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    align-items: flex-start;
}

.text-paragraph {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.border-text {
    font-weight: 300;
    font-size: 25px;
    line-height: 32px;
    color: #444444;
    padding-left: 20px;
    position: relative;
    /* border-left: 5px solid #E31E25;
    border-radius: 10px; */
}

.border-text::before {
    content: '';
    position: absolute;
    background-color: #E31E25;
    width: 5px;
    height: 100%;
    border-radius: 10px;
    left: 0;
}

.about__images {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.about__images img {
    object-fit: cover;
    width: 230px;
    height: 380px;
    border-radius: 10px;
    display: block;
}

/* .pulse:first-child {
    align-self: flex-end;
}


.pulse:last-child {
    align-self: flex-start;
} */
.pulse {
    width: fit-content;
    height: fit-content;
}

.pulse:hover {
    box-shadow: 0 0 0 1.5em rgba(255, 255, 255, 0);
    border-radius: 10px;
    animation: pulse 1s;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(86, 197, 207);
    }
}

.pulse:nth-child(1) {
    align-self: flex-start;
}


.pulse:nth-child(2) {
    align-self: flex-end;
}

.about__cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.about__card {
    width: 305px;
    height: 305px;
    padding: 60px 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    align-items: center;
}

.card__text {
    text-align: center;
    font-size: 17px;
    line-height: 21.67px;
}

/* Новости */

.news {
    margin-bottom: 60px;
}

.news__flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Растягиваем карточки по высоте */
    flex-wrap: wrap;
}

.news__card {
    width: 415px;
    display: flex; /* Делаем карточку flex-контейнером */
    flex-direction: column; /* Располагаем содержимое в колонку */
}

.news__card a {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex-grow: 1; /* Растягиваем ссылку на всю высоту карточки */
}

.news-img {
    width: 415px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.news-body {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    flex-grow: 1; /* Растягиваем тело карточки на всю доступную высоту */
}

.news-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
    transition: .3s all;
}

.news-date {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.news-date small {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #888888;
}

.news-body p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

/* ФОС */

.qa__bg {
    height: 300px;
    background: linear-gradient(268.31deg, #56C5CF 0%, #42A1AA 100%);
    border-radius: 30px;
    position: relative;
}

.qa__bg::after {
    content: '';
    position: absolute;
    background-image: url(https://megabelt.ru/wp-content/uploads/2024/07/ques.webp);
    background-size: contain;
    background-repeat: no-repeat;
    right: 15px;
    display: block;
    bottom: 0px;
    width: 260px;
    height: 260px;
}

.qa__bg {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding: 60px;
}

.qa__text-big {
    font-weight: 700;
    font-size: 46px;
    line-height: 58.65px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.qa_text-small {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 19px;
    line-height: 24.22px;
}

.simple-row,
.simple-txt {
    background-color: #FFFFFF;
    width: 263px;
    height: 50px;
    border-radius: 10px !important;
    border: none !important;
    padding-left: 10px !important;
}

.fp-form-bg p {
    display: flex;
    column-gap: 20px;
}

.fos-btn {
    background: transparent;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 10px !important;
    width: 263px;
    height: 50px;
    position: relative;
    z-index: 2;
    transition: all 0.8s, color 0.3s 0.3s;
}

.fos-btn:hover {
    box-shadow: 300px 0 0 0 #FFFFFF inset, -300px 0 0 0 #FFFFFF inset;
    color: rgb(86, 197, 207) !important;
}

.wpcf7-spinner,
.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-not-valid {
    border: 2px solid red !important;
}

.wpcf7-response-output {
    margin: 5px 0 0 !important;
    border: 1px solid red !important;
    border-radius: 6px;
    text-align: center;
    color: #fff;
}































/* ФУТЕР */

footer {
    padding: 90px 0;
    background-color: #FFFFFF;
    margin-top: 100px;
}

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

.footer__left {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.info__block {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.info__block:hover .circle__bg {
    border: 2px solid #F6F6F6;
    background-color: #FFFFFF;
    transition: .3s;
}

.circle__bg {
    border: 2px solid #F6F6F6;
    background-color: #F6F6F6;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: .3s;
}


.footer__inner {
    display: flex;
    flex-direction: column;
    row-gap: 100px;
}

.footer__info {
    display: flex;
    flex-direction: column;
}

.hidden__flex {
    display: flex;
    row-gap: 10px;
    column-gap: 20px;
    align-items: flex-start;
}

.hidden__flex.location {
    flex-direction: column;
}

.footer__buttons.footer__mobil {
    display: none;
}

.developers.footer__mobil {
    display: none;
}

.footer__info h6:hover {
    color: #E31E25;
    transition: .3s;
}

.footer__info h5 {
    color: rgb(136, 136, 136);
    font-size: 15px;
    font-weight: 400;
}

.footer__info h6 {
    color: rgb(34, 34, 34);
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    transition: .3s;
}


.footer__nav ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
}

.footer__nav ul li a {
    color: #222222;
    size: 17px;
    line-height: 50px;
    transition: .3s;
}

.footer__nav ul li a:hover {
    color: #E31E25;
    transition: .3s;
}


.footer__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    align-items: flex-end;
}

.footer__callback-btn {
    width: 179px;
    height: 50px;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid rgba(34, 34, 34, 0.1);
    color: #222222;
    transition: all 0.8s, color 0.3s 0.3s;
}

.footer__callback-btn:hover {
    box-shadow: 300px 0 0 0 #E31E25 inset, -300px 0 0 0 #E31E25 inset;
    color: #fff;
}



.mini__btn {
    display: flex;
    column-gap: 10px;
}

.mini__btn a {
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    border: 1px solid #2222221A;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: .3s;
}

.mini__btn a svg {
    transition: .3s all;
}

.mini__btn a:hover svg {
    transform: scale(1.2);
    transition: .3s all;
}

/* .mini__btn a:hover{
    border: 1px solid #E31E25;
    transition: .3s;
} */

.youtube__btn:hover svg path {
    stroke: #E31E25 !important;
    transition: .3s all;
}

.watsupp__btn:hover svg path {
    fill: #25d366;
    transition: .3s all;
}

.youtube-real__btn:hover svg path {
    fill: #E31E25;
    transition: .3s all;
}

.google__btn:hover svg path:first-child, .google__btn:hover svg path:nth-child(2){
    fill: #f44336;
    transition: .3s all;
}

.google__btn:hover svg path:nth-child(3),.google__btn:hover svg path:nth-child(4){
    fill: #ffc107;
    transition: .3s all;
}

.google__btn:hover svg path:nth-child(5), .google__btn:hover svg path:nth-child(6){
    fill: #2196f3;
    transition: .3s all;
}

.google__btn:hover svg path:nth-child(7), .google__btn:hover svg path:last-child{
    fill: #43a047;
    transition: .3s all;
}




.developers {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    transition: .3s all;
}

.developers:hover h5 {
    color: #FFD400;
    transition: .3s all;
}

.developers h5 {
    color: rgb(136, 136, 136);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}


.footer__bottom-text {
    color: rgb(194, 194, 194);
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

































/* БУРГЕР */
.menu,
.menu-list {
    padding-left: 0;
}

.menu-mobile {
    display: none;
}

.burger-menu-btn {
    display: none;
}

.burger-checkbox {
    position: absolute;
    visibility: hidden;
}

.burger {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: block;
    position: relative;
    border: none;
    background: transparent;
    width: 40px;
    height: 26px;
}

.burger::before,
.burger::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    /* background: #fff; */
}

.burger::before {
    top: 0;
    /* box-shadow: 0 11px 0 #fff; */
    transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}

.burger::after {
    bottom: 0;
    transition: bottom .3s .15s, transform .3s;
}

.burger-checkbox:checked+.burger::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
    transition: box-shadow .15s, top .3s, transform .3s .15s;
}

.burger-checkbox:checked+.burger::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
}

.menu-list {
    top: 0;
    left: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-bottom: 10px;
    margin: 0;
    background: white;
    list-style-type: none;
    transform: translateX(-100%);
    transition: .3s;
    width: 300px;
    z-index: 30;
    height: 100%;
    border-right: 2px solid #E31E25;
}

.menu-item-mobile {
    border-bottom: 1px solid;
}

.menu-item-mobile a {
    display: block;
    padding: 9px;
    padding-top: 9px;
    padding-left: 25px;
    color: black !important;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.menu-item:visited {
    color: white;
}

.menu-list .menu-item:hover {
    background: rgba(255, 255, 255, .2)
}

.burger-checkbox:checked~.menu-list {
    transform: translateX(0);
}

.burger-open {
    transform: translateX(0);
}

.mobile-menu-logo {
    width: 100px;
}

.first-li {
    padding-top: 10px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 2px solid #E31E25;
}

.first-li a {
    cursor: pointer;
    color: #E31E25;
    font-size: 17px;
    font-weight: 900;
    padding: 6px 13px;
    border: 2px solid #E31E25;
    border-radius: 0;
    height: fit-content;
    opacity: 1;
    text-decoration: none;
    text-shadow: none;
    border-radius: 10px;
}














/*МОДАЛЬНОЕ ОКНО*/
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    background-color: rgba(0, 0, 0, .3);
    display: grid;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s, visibility .4s;
}

.modal__box {
    border-radius: 10px;
    position: relative;
    max-width: 500px;
    padding: 20px;
    z-index: 1;
    margin: 30px 15px;
    background-color: white;
    box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2);
    transform: scale(0);
    transition: transform .8s;
}

.modal__close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background-color: transparent;
    padding: 5px;
    cursor: pointer;
}

.modal__close-btn svg path {
    transition: fill .4s;
}

.modal__close-btn:hover svg path {
    fill: #E31E25;
}

.modal__close-btn:active svg path {
    fill: #000000;
}

.modal.open {
    visibility: visible;
    opacity: 1;
}

.modal.open .modal__box {
    transform: scale(1);
}

#my-modal .modal__box {
    max-width: 700px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.form_img img{
    border: 1px solid #56C5CF;
    border-radius: 50%;
    margin-bottom: 15px;
}



#my-modal .form_img {
    align-self: center;
}

.form__main {
    text-align: center;
}

.form-fields p {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.form-title {
    text-align: center;
    margin-bottom: 20px;
}

.form-subtitle {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}

.form-fields {
    margin-top: 30px;
    width: 300px;
}

.form-fields p .simple-row {
    width: 100% !important;
    border: 1px solid #ccc !important;
}

.form-fields p .simple-txt {
    resize: none;
    width: 100% !important;
    height: 100px;
    border: 1px solid #ccc !important;
}

.form-fields p .simple-txts:focus {
    outline: none !important;
}

.form-fields p .simple-txt::placeholder {
    line-height: 44px;
    transition: .3s;
}

.form-fields p .simple-txt:focus::placeholder {
    color: transparent;
}



.form-btn {
    width: 100% !important;
    border-radius: 8px !important;
    background: #56C5CF !important;
    height: 50px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: 0.3s !important;
}

.form-btn:hover {
    background-color: #fff;
    color: #56C5CF !important;
    box-shadow: 300px 0 0 0 #fff inset, -300px 0 0 0 #fff inset;
}

.wpcf7-spinner {
    display: none !important;
}

.Soglasie {
    color: rgb(34, 34, 34) !important;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
}

.Soglasie:hover {
    color: #2d3b5c !important;
}

.wpcf7 form .wpcf7-response-output {
    font-weight: 600;
    text-align: center;
    margin-top: 20px !important;
    width: 300px;
}

.wpcf7-response-output {
    margin: 15px 0;
}

input.wpcf7-not-valid {
    border: 2px solid red;
}

.wpcf7-not-valid-tip {
    display: none !important;
}


















/* --------------------Хлебные крошки--------------------------- */

#breadcrumbs {
    margin-top: 20px;
    margin-bottom: 10px;
}

#breadcrumbs a {
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    color: #949494;
    background-color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 6px;
}




/* SCROLL */

body::-webkit-scrollbar {
    width: 10px;
    /* ширина scrollbar */
}

body::-webkit-scrollbar-track {
    background: rgb(34, 34, 34);
    /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
    background-color: #56C5CF;
    /* цвет плашки */
    border-radius: 20px;
    /* закругления плашки */
    border: 3px solid rgb(34, 34, 34);
    /* padding вокруг плашки */
    padding: 10px;
}



/* Общие стили для страниц */

.page__title,
.post__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 51px;
    color: #222222;
    margin-bottom: 30px;
}


.page__subtitle {
    font-weight: 700;
    font-size: 27px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 20px;
}









/* -------.!.Стили для шаблона заказать консультацию.!.------------------------- */

.fosk {
    background: url('../img/ques.svg') 96% 78% / 310px 280px no-repeat, linear-gradient(268.31deg, #56C5CF 0%, #42A1AA 100%);
    padding-top: 60px;
    border-radius: 30px;
    padding: 40px;
}

.fosk__title {
    font-weight: 700;
    font-size: 46px;
    line-height: 59px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.fosk__text {
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.fosk__cf .fosk-bg p {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 830px;
}

.simple-txt {
    resize: none;
    width: 830px;
}

.simple-txts:focus {
    outline: none !important;
}

.simple-txt::placeholder {
    line-height: 44px;
    transition: .3s;
}

.simple-txt:focus::placeholder {
    color: transparent;
}

/* ---------------------------------------------------------------- */


/* ------------------Стили для страницы ИНФОРМАЦИЯ------------------- */

.information__count {
    font-weight: 400;
    font-size: 27px;
    line-height: 34px;
    color: #444444;
    margin-bottom: 20px;
}

.information__count span {
    color: #E31E25;
    font-weight: 700;
}

.information__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 60px;
}

.information__card {
    width: 305px;
    height: 305px;
    padding: 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    align-items: center;
}


.information__card-days {
    width: 120px;
    height: 115px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.information__card-days svg {
    position: absolute;
}

.information__card-days svg:first-child {
    top: 0;
}

.information__card-days svg:last-child {
    bottom: 0;
}

.card__number {
    font-weight: 700;
    font-size: 57px;
    line-height: 94.8%;
    text-align: center;
    color: #222222;
}

.card__day {
    font-weight: 700;
    font-size: 17px;
    line-height: 94.8%;
    text-align: center;
    color: #222222;
}

.information__card-text {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    color: #444444;
}

.information__highlight {
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 20px 15px 20px 25px;
    position: relative;
    margin-bottom: 20px;
}

.information__highlight::before {
    content: '';
    width: 6px;
    height: calc(100% - 40px);
    background-color: #56C5CF;
    position: absolute;
    left: 0;
    border-radius: 10px;
}

.information__highlight,
.information__content {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.information__content {
    margin-bottom: 50px;
}


/* ----------страница архива НОВОСТИ----------------------- */


.archive__news {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 40px;
    column-gap: 17px;
}

.archive__news-card {
    width: 415px;
    height: auto;
}

.archive__news-card a {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.archive__news-img {
    width: 415px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.archive__news-body {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.archive__news-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

.archive__news-date {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.archive__news-date small {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #888888;
}

.archive__news-body p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}


/* -------------ОПЛАТА И ДОСТАВКА--------------------- */

.payment {
    margin-bottom: 40px;
}

.payment__title {
    font-weight: 600;
    font-size: 27px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 10px;
}

.payment__text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    margin-bottom: 30px;
}

.pnd__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.pnd__card {
    width: 630px;
    height: 235px;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    transition: all .4s;
}

.payment__card{
    width: 100%;
    height: fit-content;
}

.pnd__card-cc {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #56C5CF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment__card:hover svg {
    animation: amin 3s infinite alternate-reverse linear;
    /* animation-name: amin;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate; */
}

@-webkit-keyframes amin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-25deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}


.pnd__card:hover {
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.2);
    transition: all .4s;
}

.pnd__card-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
    margin-bottom: 10px;
}

.pnd__card-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

a.pnd__card-call {
    padding: 20px;
    color: #E31E25;
    width: 100%;
    height: 64px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    border: 1px solid rgba(34, 34, 34, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 20px;
    overflow: hidden;

}




a.pnd__card-call span {
    display: block;
}

a.pnd__card-call .phone {
    margin-top: -200px;
    margin-left: -100px;

    color: #FFFFFF;
}

a.pnd__card-call:hover .price {
    display: none;
}

a.pnd__card-call:hover .phone {
    margin-left: 0;
    margin-top: 0;
    color: #E31E25;
}

/* -----------------СТРАНИЦА КАТАЛОГА------------------------ */

.catalog__content {
    display: flex;
    width: 100%;
    column-gap: 40px;
}

.catalog__left_part,
.catalog__right_part {
    width: calc((100% - 40px) / 2);
}

.catalog__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
}

.catalog__item-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 10px;
}

a.catalog__item-link {
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    color: #444444;
}

a.catalog__item-link:hover {
    color: #E31E25;
    text-decoration: underline;
}






/* Страница Конвеерные реения */
/* 
.swiper2 {
    position: relative;
} */

#solutions__slider {
    margin-bottom: 60px;
}

.swiper-container.swiper2 {
    border-radius: 30px;
}

.swiper2 .swiper-slide {
    height: 600px;
    width: 100%;
    background-blend-mode: multiply;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
    background-color: #FFFFFF;
    opacity: .3;
    border-radius: 50%;
    transition: .3s all;
    border: none !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
    transition: .3s all;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #222222;
    font-size: 16px !important;
}

.swiper-button-next:after {
    padding-left: 3px !important;
}

.swiper-button-prev:after {
    padding-right: 3px !important;
}



.solutons__highlight {
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 20px 15px 20px 25px;
    position: relative;
    margin-bottom: 20px;
}

.solutons__highlight::before {
    content: '';
    width: 6px;
    height: calc(100% - 40px);
    background-color: #56C5CF;
    position: absolute;
    left: 0;
    border-radius: 10px;
}

.solutons__highlight,
.solutons__text {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.solutons__text,
.solutons__list {
    margin-bottom: 40px;
}

.solutons__content {
    margin-bottom: 70px;
}

.solutons__list {
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
}


.solutons__list ul {
    margin-top: 20px;
}


.solutons__list li {
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.solutons__list li::before {
    content: '';
    margin-top: 11px;
    flex-shrink: 0;
    background-color: #E31E25;
    width: 10px;
    height: 1px;
}

.solutons__highlight-red {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 32px;
    color: #444444;
    margin-bottom: 40px;
}

.soluton__svg {
    width: 50px;
    height: 50px;
    background-color: #E31E25;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.solutions__gallery {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.solutions__gallery img {
    width: 305px;
    aspect-ratio: 1;

    /* height: 305px; */
    object-fit: cover;
    border-radius: 10px;
}




/* Архив проекты */

.archive__projects {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 80px;
}

.archive__project-card {
    width: 305px;
    height: 390px;
    border-radius: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    transition: all .4s;
}



.archive__project-img {
    width: 100%;
    height: 305px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.item__img-wrapper {
    height: fit-content;
    width: 100%;
}

.title__wrapper {
    height: 100%;
    padding-inline: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.archive__project-title {
    width: 100%;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    transition: all .3s;
}

.archive__project-card:hover .archive__project-title {
    color: #E31E25;
    transition: all .3s;
}

.title__wrapper svg path {
    transition: all .3s;
}

.archive__project-card:hover .title__wrapper svg path {
    stroke: #E31E25;
    transition: all .3s;
}


.archive__project-card:hover {
    box-shadow: 0px 4px 35px 0px rgba(148, 72, 72, 0.2);
    transition: all .4s;
}

.archive__projects-content {
    display: flex;
    /* justify-content: space-between; */
    column-gap: 60px;
    align-items: center;
}

.archive__projects-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 500px;
}

.archive__projects-text p {
    font-weight: 300;
    font-size: 21px;
    line-height: 27px;
    color: #444444;
    width: 500px;
}

.archive__project-btns {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.archive__projects-decors {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.archive__projects-decor {
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 30px;
    width: 350px;
    height: 140px;
}

.archive__projects-decor p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    max-width: 170px;
}

.archive__projects-text span {
    font-size: 21px;
    font-weight: 700;
    line-height: 26.77px;
}

a.page__btn:visited {
    color: #222;
}

.page__btn {
    cursor: pointer;
    display: block;
    border-radius: 10px;
    padding: 15px 20px;
    background-color: #fff;
    color: #222222;
    transition: all 0.8s, color 0.3s 0.3s;
    border: none;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    border: 1px solid rgba(34, 34, 34, 0.1);
    transition: all 0.8s, color 0.3s 0.3s;
}

a.page__btn:hover {
    box-shadow: 300px 0 0 0 rgb(86, 197, 207) inset, -300px 0 0 0 rgb(86, 197, 207) inset;
    color: #fff;
}

.archive__projects-text li {
   
    padding-left: 25px;
    font-weight: 300;
    font-size: 19px;
    line-height: 27px;
    color: #444444;
    position: relative;

}

.archive__projects-text li::before {
    content: '—';
    color: #E31E25;
    position: absolute;
    top: 0;
    left: 0;
}

.archive__projects-text ul{
    align-self: flex-start;
}
/* 
.archive__projects-text li {
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.archive__projects-text li::before {
    content: '';
    margin-top: 11px;
    flex-shrink: 0;
    background-color: #E31E25;
    width: 10px;
    height: 1px;
} */


/* запись примеры наших работ */

.post-project-content section {
    margin-bottom: 40px;
}

.post-project-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

#post-project__slider {
    margin-bottom: 4se0px;
}

.swiperProject .swiper-slide {
    height: 600px;
    width: 100%;
    background-blend-mode: multiply;
}

.swiper-container.swiperProject {
    border-radius: 30px;
}

.destiny__highlighted {
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 20px 15px 20px 25px;
    position: relative;
    margin-bottom: 20px;
}


.destiny__highlighted::before {
    content: '';
    width: 6px;
    height: calc(100% - 40px);
    background-color: #56C5CF;
    position: absolute;
    left: 0;
    border-radius: 10px;
}

.post__subtitle {
    font-weight: 600;
    font-size: 27px;
    line-height: 34px;
    color: #222222;
    margin-bottom: 20px;
}

.characteristic__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #222222;
}

.post-project__text {
    margin-bottom: 30px;
}

.post-project__characteristics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 20px;
}

.post-project__characteristic {
    align-self: stretch;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 15px 20px;
    width: 415px;
}

.post-project__scheme img {
    width: 100%;
    height: auto;
}




/*------------------ Страница Конструкторам ---------------*/

.page-id-276 #page {
    background-color: #FFFFFF;
}

.construct-page__content h2 {
    text-align: center;
    font-weight: 700;
    font-size: 27px;
    line-height: 34px;
    color: #222222;
    padding-top: 10px;
    margin-bottom: 20px;
}

.construct-page__content h3 {
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    color: #222222;
    padding-top: 10px;
    margin-bottom: 20px;
}

.construct-page__content p {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    margin-bottom: 10px;
}

.construct-page__content img {}


.construct-page__content table {
    margin-inline: auto;
    margin-bottom: 20px;
}

/* .construct-page__content table th {
	padding: 7px;
	background: #56C5CF;
	border: none;
	text-align: center;
	font-size: 15px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #56C5CF;
}*/

.construct-page__content table td {
    vertical-align: middle;
}


.construct-page__content ul,
.construct-page__content ol {
    margin: 0 0 0.8em 3em;
}

.construct-page__content ul,
.construct-page__content ul li {
    list-style: unset;
}

.construct-page__content ol,
.construct-page__content ol li {
    list-style: decimal;
}

.construct-page__content li::marker {
    color: #56C5CF;
}



/* Таксономия Комплектующие */

.components-page__content {
    display: flex;
    column-gap: 20px;
}

.side__nav {
    width: 240px;
}

.side__nav li {
    width: 240px;
}

.components-page__categoryes {
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.components-page__category {
    width: 240px;
    height: 300px;
}

.components-page__category:hover .category__gradient {
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}


.components-page__category a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.components-page__category img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

.category__gradient {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    position: relative;
    transition: .3s all;
}

.components-page__category h3 {
    font-size: 21px;
    line-height: 27px;
    color: #222222;
    font-weight: 400;
    transition: .3s all;
}

.components-page__category:hover h3 {
    color: #56C5CF;
    transition: .3s all;
}

.category__gradient::before  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(65.16deg, rgba(34, 34, 34, 0.4) 0%, rgba(34, 34, 34, 0) 66.22%);
    /* background: linear-gradient(49.87deg, rgb(34, 34, 34),rgba(34, 34, 34, 0) 40.31%); */
}






/* -----------------Модальное окно с формой для заказа-------------------------- */

#zakaz p .simple-row,
#zakaz p .simple-txt,
#zakaz p .form-btn,
#inform p .simple-row,
#inform p .simple-txt,
#inform p .form-btn {
    width: 300px !important;
    border: 1px solid #ccc !important;
}


#zakaz span[data-name="file"], #inform span[data-name="file"] {
    display: none;
}

#zakaz input[type='file'], #inform input[type='file'] {
    display: none;
}

#zakaz p .simple-txt, #inform p .simple-txt {
    height: 100px;
}

#zakaz p.zakaz__text, #inform p.zakaz__text{
    color: #E31E25;
    margin-bottom: 10px;
    text-align: center;
}

#zakaz a.zakaz__list-link, #inform a.zakaz__list-link {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #E31E25;
}

#zakaz .zakaz__list-link:hover, #inform .zakaz__list-link:hover {
    text-decoration: underline #E31E25;
}

#zakaz p, #inform p {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

#zakaz p label, #inform p label {
    width: 300px;
}

#zakaz .form_file_flex p, #inform .form_file_flex p {
    /* align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 10px 0; */
}

.modal .wpcf7-response-output {
    color: #222222;
    border: none !important;
}


/*--------------- Рекомендации по выбору лент-------------- */


.recomendation__content section {
    margin-bottom: 40px;
}

ul.recommendation__list {
    margin-top: 20px;
}

.recommendation__list>li {
    padding-left: 25px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    position: relative;
}

.recommendation__list>li::before {
    content: '—';
    color: #E31E25;
    position: absolute;
    top: 0;
    left: 0;

}

ul.inner__list {
    list-style: disc;
}

ul.inner__list>li {
    list-style: disc;
}


ul.inner__list>li::marker {
    font-size: 0.8em;
}


.recommendation__text {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    margin-bottom: 20px;
}


.recomendation__subtitle {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
}

.recomendation__block {
    width: 450px;
    height: 50px;
    display: flex;
    align-items: center;
    column-gap: 26px;
    border: 1px solid #56C5CF;
    border-radius: 10px;
    padding: 13px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.recomendation__block p {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #56C5CF;
}

.recommendation__how-flex {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0px;
}

.recommendation__how-flex-item {
    width: 340px;
    display: flex;
    column-gap: 20px;
}

.how__item-number {
    align-self: flex-start;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: #E31E25;
    border-radius: 50%;
    width: 40px;
    aspect-ratio: 1;
}

.how__item-innernumber {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E31E25;
    border-radius: 50%;
    width: 32px;
    border: 1px solid #FFFFFF;
    aspect-ratio: 1;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #FFFFFF;
}

.recommendation__lents .recommendation__list {
    margin-bottom: 40px;
}

.recommendation__lents-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.recommendation__lents-flex-item {
    max-width: 406px;
}

.recommendation__lents-flex-item:last-child {}

.recommendation__types-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
    column-gap: 40px;
    margin-bottom: 40px;
}

.types-flex__item {
    width: 620px;
    height: 300px;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    /* column-gap: 80px; */
    flex-wrap: wrap;
}


.types__item-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 60px;
}

.types__item-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #444444;
    margin-bottom: 10px;
}

.types__item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recommendation__list {
    margin-bottom: 40px;
}

.recommendation__conv-flex {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
    padding-top: 20px;
}

.conv-lents__img {
    padding: 20px 30px;
    border-radius: 10px;
    background-color: #FFFFFF;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conv-lents__text p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}



/*  СТИЛИ ДЛЯ ЗАПИСИ Ленты конвейерные с поперечеными профилями и гофробортами id=573 ( so sorry;( ) */

.post-lents {
    display: flex;
    column-gap: 20px;
}

.post-lents-content {
    flex-grow: 1;
}

.post-lents__banner {
    width: 100%;
    border-radius: 10px;
    padding: 30px;
    background: url('https://megabelt.ru/wp-content/uploads/2024/09/Group-7.png') center / cover no-repeat;
    margin-bottom: 20px;
}

.post-banner__text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #FFFFFF;
    max-width: 580px;
    margin-bottom: 10px;
}


.post-lents__text {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}


ul.post-lents__list {
    margin-top: 20px;
    margin-bottom: 40px;
}

.post-lents__list>li {
    padding-left: 25px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    position: relative;

}

.post-lents__list>li::before {
    content: '—';
    color: #E31E25;
    position: absolute;
    top: 0;
    left: 0;
}

.post-lents__minititle {
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
}

.post-lents__flex-table {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.post-lents__flex-item {
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-between; */
    width: 153px;
    height: 200px;
    padding: 30px 30px 12px;
}

.post-lents__flex-item img {
    width: 84px;
    height: 84px;
    object-fit: contain;
}

.post-lents__item-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    color: #444444;
}

.bottom {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-lents__gofroprob {
    width: 100%;
    padding: 30px 30px 30px 130px;
    border-radius: 10px;
    background: url('https://megabelt.ru/wp-content/uploads/2024/09/gofro.png') left top / contain no-repeat, #fff;
    margin-bottom: 40px;
}


.post-lents__element {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    /* margin-bottom: 40px; */
}

.wrapper {
    width: 100%;
    overflow-x: auto !important;
    margin-bottom: 40px;
}

.table {
    width: 100%;
    border: none;
    box-shadow: 0px 1px 0px 0px rgba(44, 38, 38, 0.2);
}

.table thead th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 10px 15px;
    background: #F6F6F6;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #222222;

    /* white-space: nowrap;  */
}

.table thead th:first-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #444444;
}

.table tbody td {
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;

    /* white-space: nowrap;  */
}

.table tbody tr {
    height: 100px;
}

.table tbody tr:nth-child(odd) {
    background: #fff;
}

.table tbody tr:nth-child(even) {
    background: #F6F6F6;
}

/* .table tbody tr td:first-child{
    display: flex;
    flex: 1 1 auto;
    gap: 35px;
    align-items: center;
} */

.table tbody tr td:nth-child(2) {
    text-align: left;
}


.post-lents-img-new{
    display: block;
    max-width: 400px;
    padding: 10px;
    margin-inline: auto;
}


/*----------- Стили для меню с комплектующими----------------- */

#mega-menu-wrap-menu-4{
    width: 240px;
    border-radius: 10px;
    background-color: #FFFFFF;
    padding-inline: 10px;
    color: #222222;
}


#mega-menu-wrap-menu-4 #mega-menu-menu-4 {
    width: 100%;
    border-radius: 10px;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item > a.mega-menu-link{
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    color: rgb(68, 68, 68);
    transition: .1s all;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item{
    padding-top: 15px;
    /* padding-bottom: 15px; */
    width: 100%;
    border-bottom: 1px solid #2222221A;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item:first-child{
    padding-top: 20px;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item:last-child{
    border-bottom: none;
    
}


/* #mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item > a.mega-menu-link{
    color: #E31E25;
    transition: .3s all;
} */

.side__nav #mega-menu-wrap-menu-4 li.current-menu-item a{
    color: rgb(227, 30, 37);
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on .mega-sub-menu{
    display: contents;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    border-bottom: 1px solid #2222221A;
    padding: 10px 10px 10px 10px;
    line-height: 21px;
}

#mega-menu-wrap-menu-4 #mega-menu-menu-4 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a.mega-menu-link{
    border-bottom: none;
}


/* Для поста комплектующих */

.post-components-content{
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.post-components-content .post-content a:hover{
    text-decoration: underline;
}

.post-content .img_with{
    border: 2px solid #56C5CF !important;
    padding: 5px !important;
}


.post-content h4{
    color: rgb(9, 135, 135);
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 20px
}

.img_with_border{
    border: 2px solid #56C5CF;
    padding: 5px;
    margin: 5px;
}


.post-content ul, .post-content ol { 
    display: block;
    list-style: disc outside none;
    padding: 0 0 0 40px;
}
.post-content ol { 
    list-style-type: decimal;
}

.post-content li { 
    display: list-item;
    list-style: disc;
}

.post-content ul ul, .post-content ol ul {
    list-style-type: circle;
    margin-left: 15px; 
}
.post-content ol ol, .post-content ul ol { 
    list-style-type: lower-latin;
    margin-left: 15px; 
}

.post-content li::marker{
    color: #0C8786;
}

.post-content p{
    margin-bottom: 1.5em;
}

#my-modal .form_img p {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding-left: 5px;
}

#my-modal .form_img p span{
    color: #56C5CF;
    /* padding-left: 10px; */
}











/* Таксономия  */

.taxonomy__components-content{
    width: calc(100% - 240px - 20px);
}

.taxonomy__components-flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-left: 30px;
    margin-bottom: 30px;
}



a.taxonomy__components-item {
    padding: 28px;

    display: flex;
    width: 310px;
    height: 90px;
    font-size: 21px;
    line-height: 27px;
    color: #222222;
    font-weight: 400;
    transition: .3s all;
    transition: .3s all;
   
    padding: 20px 30px;
    border-radius: 10px;
    background-color: transparent;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.06);
    position: relative;
  
}



a.taxonomy__components-item:hover{
    color: #56C5CF;
    box-shadow: 4px 4px 9px 2px rgb(5 126 139 / 48%);;
    transition: .3s all;
}
a.taxonomy__components-item:hover i{
    animation: rotate 3s infinite linear;
}


a.taxonomy__components-item .fa-icon-bg{
    position: absolute;
    width: 50px;
    height: 50px;
    top: -20px;
    left: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #56C5CF;
}


.fa-icon-bg i::before{
    color: #ffffff;
    font-size: 24px;
}


@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.taxonomy__components-text{
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.taxonomy__components-text p{
    margin-bottom: 15px;
}

.taxonomy__components-text h3{
    color: rgb(9, 135, 135);
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 20px;
}

.taxonomy__components-text h4{
    color: rgb(9, 135, 135);
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 20px;
}

.taxonomy__components-text h3{
    color: rgb(9, 135, 135);
    font-size: 21px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 20px;
}

h4.taxonomy_more-title{
    color: #56C5CF;
    font-size: 24px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 20px;
    margin-bottom: 25px;
}

.taxonomy__components-text ul{        
    margin-top: 20px;
    margin-bottom: 10px;
    
}

.taxonomy__components-text li {
    padding-left: 25px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    position: relative;
    margin-bottom: 10px;
}

.taxonomy__components-text li::before {
    content: '—';
    color: #E31E25;
    position: absolute;
    top: 0;
    left: 0;
}

.taxonomy__components-text{
    margin-bottom: 20px;
}

/* .taxonomy__components-text ul, .taxonomy__components-text ol { 
    display: block;
    list-style: disc outside none;
    padding: 0 0 0 40px;
}
.taxonomy__components-text ol { 
    list-style-type: decimal;
}

.taxonomy__components-text li { 
    display: list-item;
    list-style: disc;
}


.taxonomy__components-text li::marker{
    color: #0C8786;
} */


.taxonomy__components-text table tr td span{
    display: inline-block;
    height: 100%;
}


/* GALARY */
.gallery-item a{
    display: block;
    width: 100%;
    height: 100%;
}

.types__item-left img{
    max-width: 198px;
    max-height: 69px;
}

.types__item-right .types__item-view img{
    max-width: 261px;
    max-height: 65px;
}

.wp-caption-text.gallery-caption{
    transition: .3s all;
}

figure.gallery-item:hover .wp-caption-text.gallery-caption{
    color: #56C5CF;
    transition: .3s all;
}






/* Гипер стили для записи с уходом за лентами
 я устала это делать, зачем тут нужен был wp??? */

.yhod-subtitle{
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 20px;
}

.yhod-items{
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 20px;
} 

.yhod-item{
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 10px;
}

.yhod-item-img-bg{
    padding: 30px 40px;
    width: 500px;
    border-radius: 10px;
    background-color: #FFFFFF;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yhod-item p{
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #444444;
    max-width: 600px;
}























/* 404 */
#monkey_404 {
  
    .st0 {
      fill: #e8ebed;
    }
    .st1 {
      fill: #ffffff;
    }
    .st2 {
      fill: none;
      stroke: #89949b;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st3 {
      fill: #e8ebed;
      stroke: #89949b;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st4 {
      fill: #ffffff;
      stroke: #89949b;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st5 {
      fill: none;
      stroke: #89949b;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st6 {
      fill: none;
      stroke: #89949b;
      stroke-width: 4;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st7 {
      fill: #ffffff;
      stroke: #89949b;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st8 {
      fill: #89949b;
    }
    .st9 {
      fill: #89949b;
    }
    .st10 {
      fill: none;
      stroke: #89949b;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st11 {
      fill: #ffffff;
    }
    .st12 {
      fill: #ffffff;
      stroke: #8894a0;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st13 {
      fill: #ffffff;
      stroke: #89949b;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st14 {
      fill: none;
      stroke: #89949b;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
    .st15 {
      fill: none;
      stroke: #89949b;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10;
    }
  
    #arm {
      transform-origin: 155px 292px;
      transform: rotateZ(-2deg);
    }
  
    #monkey {
      animation: monkey-breathe 3s infinite ease-in-out;
    }
  
    #zelda,
    #tetris,
    #moon,
    #star_a,
    #star_b,
    #star_c,
    #star_d,
    #number_4,
    #number_4_2,
    #number_0,
    #sword {
      animation: levitate 3s infinite ease-in-out;
    }
  
    #zelda {
      animation-delay: 0s;
      animation-duration: 3s;
    }
  
    #tetris {
      animation-delay: 1s;
      animation-duration: 3s;
    }
  
    #moon {
      animation-delay: 0.5s;
      animation-duration: 3s;
    }
  
    #star_a {
      animation-delay: 0s;
      animation-duration: 3s;
    }
  
    #star_b {
      animation-delay: 0.5s;
      animation-duration: 3s;
    }
  
    #star_c {
      animation-delay: 1s;
      animation-duration: 3s;
    }
  
    #star_d {
      animation-delay: 1.5s;
      animation-duration: 3s;
    }
  
    #number_4 {
      animation-delay: 0s;
      animation-duration: 3s;
    }
  
    #number_4_2 {
      animation-delay: 1s;
      animation-duration: 3s;
    }
  
    #number_0 {
      animation-delay: 0.5s;
      animation-duration: 3s;
    }
  
    #sword {
      animation-delay: 1.5s;
      animation-duration: 3s;
    }
  
    #eye_left {
      transform-origin: 191px 257px;
      animation: blink-l 12s infinite ease-in-out;
    }
  
    #eye_right {
      transform-origin: 205px 256px;
      animation: blink-r 12s infinite ease-in-out;
    }
  }
  
  @keyframes arm-rotate {
    0% {
      transform: rotateZ(-3deg);
    }
    50% {
      transform: rotateZ(6deg);
    }
  }
  
  @keyframes monkey-breathe {
    0% {
      transform: translate3d(0, 0, 0);
    }
    50% {
      transform: translate3d(0, 1px, 0);
    }
  }
  
  @keyframes levitate {
    0% {
      transform: translate3d(0, 0, 0);
    }
    50% {
      transform: translate3d(0, 5px, 0);
    }
  }
  
  @keyframes star {
    0% {
      transform: translate3d(0, 0, 0) rotateZ(0deg);
    }
    50% {
      transform: translate3d(0, 5px, 0) rotateZ(180deg);
    }
  }
  
  @keyframes blink-l {
    0% {
      transform: rotateX(0deg);
    }
    2% {
      transform: rotateX(80deg);
    }
    4%,
    20% {
      transform: rotateX(0deg);
    }
    22% {
      transform: rotateX(80deg);
    }
    24%,
    30% {
      transform: rotateX(0deg);
    }
    32% {
      transform: rotateX(80deg);
    }
    34%,
    70% {
      transform: rotateX(0deg);
    }
    72% {
      transform: rotateX(80deg);
    }
    74%,
    100% {
      transform: rotateX(0deg);
    }
  }
  
  @keyframes blink-r {
    0% {
      transform: rotateX(0deg);
    }
    2% {
      transform: rotateX(80deg);
    }
    4%,
    30% {
      transform: rotateX(0deg);
    }
    32% {
      transform: rotateX(80deg);
    }
    34%,
    50% {
      transform: rotateX(0deg);
    }
    52% {
      transform: rotateX(80deg);
    }
    54%,
    100% {
      transform: rotateX(0deg);
    }
  }
  




#inform .wpcf7-response-output,
#zakaz .wpcf7-response-output{
    width: 100%;
    max-width: 500px;
}

.conveyor-solutions {
    padding: 60px 0;
    margin-bottom: 40px !important;
  }
  .conveyor-solutions__flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    margin-bottom: 70px !important;
}
  .conveyor-solutions__text {
    flex: 1 1 400px;
    
  }
  .conveyor-solutions__desc {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
  }
  .conveyor-solutions__stripe {
    display: block;
    width: 13px;
    height: 80px;
    background-color: #56c5cf; /* синий цвет полоски */
    margin-right: 15px;
    border-radius: 20px;
  }
  .conveyor-solutions__desc p {
    margin: 0;
    line-height: 1.6;
    font-size: 17px;
  }
  .conveyor-solutions__img {
    flex: 1 1 400px;
    text-align: right;
    border-radius: 20px !important;
  }
  .conveyor-solutions__img img {
    width: 600px !important;
    height: 160px;
    
    border-radius: 20px !important;
  }
  
  @media(max-width: 720px){
    .conveyor-solutions__stripe{
        height: 190px;
    }
  }