a {
    text-decoration: none;
}

.load {
    display: none;
    margin-top: 25px;
    text-align: center;
}

.load-catalog {
    margin-top: 30px;
    text-align: center;
}

.load-catalog small {
    display: block;
    margin-top: 15px;
    color: #6C7880;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}

.w-bg {
    background: #ffff !important;
}

.b-bg {
    background: #f1f6fa !important;
}

.controls.wh {
    display: inline-flex;
}

.controls.wh .swiper-button-prev, .controls.wh .swiper-button-next {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
}

.controls.wh .swiper-button-prev svg path, .controls.wh .swiper-button-next svg path {
    stroke: #ffff;
}

.controls.wh .swiper-count {
    color: #ffff;
}

.controls {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
}

.controls.mob {
    display: none;
}

.swiper-button-prev, .swiper-button-next {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: rgba(41, 55, 64, 0.1);
    backdrop-filter: blur(15px);
    border-radius: 50%;
    transition: 0.3s;
}

.swiper-button-prev:hover svg path, .swiper-button-next:hover svg path {
    transition: 0.3s;
    stroke: #3D87B7;
}

.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
}

.swiper-count {
    color: #6C7880;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    white-space: nowrap;
}

.paginations {
    margin: 30px 0 69px;
}

.paginations .pag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.paginations .pag-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.paginations .pag-list li.arrow a {
    width: 50px;
    height: 50px;
    background: rgba(41, 55, 64, 0.1);
    backdrop-filter: blur(15px);
    border-radius: 50%;
}

.paginations .pag-list li.arrow.prev {
    margin-right: 10px;
}

.paginations .pag-list li.arrow.next {
    margin-left: 10px;
}

.paginations .pag-list li:not(.arrow) a {
    color: #6C7880;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
}

.paginations .pag-list li.active a {
    position: relative;
    color: #293740;
}

.paginations .pag-list li.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #293740;
}

.paginations.type2 {
    margin-bottom: 40px;
}

.section {
    padding: 80px 0 40px;
}

.section2 {
    padding: 90px 0;
}

.soc {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.search {
    position: relative;
    width: 100%;
}

.search input {
    width: 100%;
    height: 36px;
    padding: 0 50px 0 15px;
    color: #6C7880;
    font-size: 14px;
    background: #F1F6FA;
    border: none;
    border-radius: 6px;
}

.search input::placeholder {
    color: #6C7880;
    font-size: 14px;
}

.search button {
    position: absolute;
    top: 50%;
    right: 15px;
    display: flex;
    justify-content: center;
    justify-content: center;
    padding: 0;
    background: 0 0;
    border: none;
    transform: translate(0, -50%);
}

.search.type2 input {
    background: #FFFFFF;
}

.bread_crumbs {
    margin-bottom: 31px;
}

.bread_crumbs ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.bread_crumbs ul li {
    margin-right: 4px;
}

.bread_crumbs ul li a, .bread_crumbs ul li span {
    color: #6C7880;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}

.bread_crumbs ul li a {
    padding-right: 2px;
}

.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 43px;
}

.head h1, .head .block_title {
    margin-bottom: 0;
}

.head p {
    margin: 20px 0 0;
}

.head div {
    max-width: 791px;
}

.head.type2 {
    margin-bottom: 50px;
    align-items: flex-end;
}

.page_title {
    padding-bottom: 50px;
}

.page_title h1 {
    margin: 0;
    color: #293740;
    font-size: 32px;
    line-height: 37px;
    letter-spacing: 0.04em;
    font-weight: 700;
    text-transform: uppercase;
}

.page_title p {
    margin: 20px 0 0;
    max-width: 542px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.page_title .info-desc p {
    max-width: 970px;
    font-size: 16px;
    line-height: 19px;
}

.page_title .images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 30px 0 0;
    padding: 0;
    list-style-type: none;
}

.page_title .images li img {
    width: 100%;
    border-radius: 10px;
}

.page_title.type2 {
    padding-bottom: 30px;
}

.page_title.type3 {
    padding-bottom: 20px;
}

.page_title.type4 {
    padding-bottom: 0;
}

main {
    padding-top: 149px;
}

main.home {
    padding-top: 134px !important;
}

.block_title {
    display: block;
    margin-bottom: 50px;
    color: #293740;
    font-size: 32px;
    line-height: 37px;
    letter-spacing: 0.04em;
    font-weight: 700;
    text-transform: uppercase;
}

.block_title.type2 {
    margin-bottom: 25px;
    color: #293740;
    font-size: 32px;
    line-height: 37px;
    font-weight: 500;
    text-transform: unset;
}

.page-desc {
    margin: 20px 0 50px;
    max-width: 542px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 15px;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 700;
    /*background: #41B943;*/
    border-radius: 6px;
    border: none;
    transition: 0.3s;
}


.btn.type2 {
    color: #293740 !important;
    background: rgba(41, 55, 64, 0.1);
    transition: 0.3s;
}

.btn.type2:hover {
    color: #3D87B7;
    background: rgba(41, 55, 64, 0.1);
}

.btn.type2:hover svg path {
    transition: 0.3s;
    fill: #3D87B7;
}

.btn.ld {
    color: #293740 !important;
    background: rgba(41, 55, 64, 0.1);
}

.btn.type3 {
    gap: 11px;
    color: #293740 !important;
    background: rgba(41, 55, 64, 0.1);
    transition: 0.3s;
}

.btn.type3:hover {
    color: #3D87B7 !important;
    background: rgba(41, 55, 64, 0.1);
}

.btn.type3:hover svg path {
    transition: 0.3s;
    fill: #3D87B7;
}

.btn.ld.req {
    gap: 9px;
}

header {
    background: #ffff;
}

header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

header.cat-open .h_top {
    border-bottom: 1px solid #C5CFD6;
}

header.cat-open .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible;
}

header .h_top {
    padding: 15px 0 20px;
}

header .h_top .h_top_wrap {
    display: flex;
    gap: 27px;
}

header .h_top .h_top_wrap .logo {
    width: 100%;
    max-width: 173px;
}

header .h_top .h_top_wrap .logo a {
    display: block;
    margin-bottom: 9px;
}

header .h_top .h_top_wrap .logo img {
    width: 100%;
}

header .h_top .h_top_wrap .logo small {
    display: block;
    color: #6C7880;
    font-size: 13px;
    line-height: 16px;
}

header .h_top .h_top_wrap .param {
    display: flex;
    align-items: center;
    gap: 25px;
}

header .h_top .h_top_wrap .box {
    width: 100%;
    max-width: 436px;
    display: flex;
    align-items: center;
    gap: 12px;
}

header .h_top .h_top_wrap .box .h_info {
    display: none;
}

header .h_top .h_top_wrap .search {
    max-width: 322px;
}

header .h_top .h_top_wrap .catalog {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0 15px 0 13px;
    height: 36px;
    background: #53B4F3;
    border-radius: 6px;
    border: none;
    transition: 0.3s;
}

header .h_top .h_top_wrap .catalog:hover {
    color: #ffff;
    background: #3D87B7;
}

header .h_top .h_top_wrap .catalog.mob {
    display: none;
}

header .h_top .h_top_wrap .catalog::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDFIOS42MTUzOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xIDdIOS42MTUzOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xIDEzSDkuNjE1MzkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8Y2lyY2xlIGN4PSIxNCIgY3k9IjEiIHI9IjEiIGZpbGw9IndoaXRlIi8+DQo8Y2lyY2xlIGN4PSIxNCIgY3k9IjciIHI9IjEiIGZpbGw9IndoaXRlIi8+DQo8Y2lyY2xlIGN4PSIxNCIgY3k9IjEzIiByPSIxIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=);
    background-position: center;
    background-size: 14px;
}

header .h_top .h_top_wrap .catalog span {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

header .h_top .h_top_wrap .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

header .h_top .h_top_wrap .top .h_info, header .h_top .h_top_wrap .top .h_logo {
    display: none;
}

header .h_top .h_top_wrap .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .h_top .h_top_wrap .bottom .cart {
    display: none;
}

header .h_top .h_top_wrap .info {
    width: calc(100% - 200px);
}

header .h_top .h_top_wrap .h_menu {
    display: flex;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header .h_top .h_top_wrap .h_menu li a {
    color: #293740;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    transition: 0.3s;
}

header .h_top .h_top_wrap .h_menu li a:hover {
    color: #53B4F3;
}

header .h_top .h_top_wrap .h_info {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header .h_top .h_top_wrap .h_info li a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #293740;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    transition: 0.3s;
}

header .h_top .h_top_wrap .h_info li a:hover {
    color: #53B4F3;
}

header .h_top .h_top_wrap .burger {
    display: none;
}

header .h_top .h_top_wrap .h_hamburger {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: #53B4F3;
    border-radius: 6px;
}

header .h_top .h_top_wrap .h_hamburger.close::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxMi45OTkgMTIuOTk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS4wMDA5OCAxM0wxMyAxLjAwMDk4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: contain;
}

header .h_top .h_top_wrap .h_hamburger::before {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDFIMTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8cGF0aCBkPSJNMSA2SDEzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEgMTFIMTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8L3N2Zz4NCg==);
    background-size: contain;
}

header .h_top .h_top_wrap .cart > a {
    display: flex;
    align-items: center;
    gap: 9px;
}

header .h_top .h_top_wrap .cart > a {
    color: #293740;
}

header .h_top .h_top_wrap .cart .icon {
    position: relative;
}

header .h_top .h_top_wrap .cart .icon .count {
    position: absolute;
    top: -7px;
    right: -11px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    background: #53B4F3;
    border-radius: 50%;
}

header .h_top .h_top_wrap .cart span {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

footer .f_top {
    padding: 50px 0 40px;
}

footer .f_top .f_top_wrap {
    display: flex;
    gap: 127px;
}

footer .f_top .f_top_wrap .logo-s {
    width: 100%;
    max-width: 173px;
}

footer .f_top .f_top_wrap .logo-s a {
    display: block;
    margin-bottom: 9px;
}

footer .f_top .f_top_wrap .logo-s small {
    display: block;
    color: #6C7880;
    font-size: 13px;
    line-height: 16px;
}

footer .f_top .f_top_wrap .logo-s small br {
    display: none;
}

footer .f_top .f_top_wrap .info {
    padding-top: 19px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: calc(100% - 300px);
    gap: 30px;
}

footer .f_top .f_top_wrap .info .cols {
    max-width: 270px;
}

footer .f_top .f_top_wrap .search {
    margin-top: 35px;
    margin-right: 3px;
}

footer .f_top .f_top_wrap .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-right: 12px;
}

footer .f_top .f_top_wrap .f-t {
    margin-bottom: 20px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

footer .f_top .f_top_wrap .f_menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .f_top .f_top_wrap .f_menu li {
    margin-bottom: 5px;
}

footer .f_top .f_top_wrap .f_menu li:last-child {
    margin-bottom: 0;
}

footer .f_top .f_top_wrap .f_menu li a {
    color: #293740;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    transition: 0.3s;
}

footer .f_top .f_top_wrap .f_menu li a:hover {
    color: #53B4F3;
}

footer .f_top .f_top_wrap .f_info {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
}

footer .f_top .f_top_wrap .f_info li {
    display: flex;
    align-items: center;
    gap: 8px;
}

footer .f_top .f_top_wrap .f_info li.location {
    align-items: flex-start;
}

footer .f_top .f_top_wrap .f_info li.location p {
    padding-top: 4px;
}

footer .f_top .f_top_wrap .f_info li .icon {
    width: 22px;
}

footer .f_top .f_top_wrap .f_info li a, footer .f_top .f_top_wrap .f_info li p {
    color: #293740;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    transition: 0.3s;
}

footer .f_top .f_top_wrap .f_info li a:hover, footer .f_top .f_top_wrap .f_info li p:hover {
    color: #53B4F3;
}

footer .f_bottom {
    border-top: 1px solid rgba(197, 207, 214, 0.8);
    padding: 40px 0 21px;
    color: #293740;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 1199px) {
    .controls {
        gap: 15px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .swiper-button-prev svg, .swiper-button-next svg {
        max-width: 15px;
        max-height: 15px;
    }

    main.home {
        padding-top: 130px !important;
    }

    .page_title {
        padding-bottom: 40px;
    }

    .page_title h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .page_title p {
        font-size: 20px;
    }

    .head, .head.type2 {
        margin-bottom: 40px;
    }

    .block_title {
        margin-bottom: 40px;
    }

    .block_title {
        font-size: 28px;
        line-height: 32px;
    }

    .page-desc {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .paginations {
        margin: 30px 0 42px;
    }

    .paginations .pag-list {
        gap: 9px;
    }

    .paginations .pag-list li:not(.arrow) a {
        font-size: 16px;
        line-height: 19px;
    }

    .paginations .pag-list li.arrow a {
        width: 40px;
        height: 40px;
    }

    .paginations .pag-list li.arrow a svg {
        max-width: 15px;
        max-height: 15px;
    }

    .section2 {
        padding: 80px 0;
    }

    main {
        padding-top: 142px;
    }

    header .h_top {
        padding: 23px 0 18px;
    }

    header .h_top .h_top_wrap {
        gap: 39px;
    }

    header .h_top .h_top_wrap .top {
        margin-bottom: 13px;
    }

    header .h_top .h_top_wrap .top .h_info {
        display: flex;
    }

    header .h_top .h_top_wrap .top .h_menu {
        display: none;
    }

    header .h_top .h_top_wrap .top .param .cart {
        display: none;
    }

    header .h_top .h_top_wrap .bottom {
        gap: 20px;
    }

    header .h_top .h_top_wrap .bottom .h_info {
        display: none;
    }

    header .h_top .h_top_wrap .bottom .cart {
        display: flex;
    }

    header .h_top .h_top_wrap .info {
        width: calc(100% - 189px);
    }

    header .h_top .h_top_wrap .catalog:not(.mob) {
        display: none;
    }

    header .h_top .h_top_wrap .catalog.mob {
        display: inline-flex;
    }

    header .h_top .h_top_wrap .box {
        max-width: unset;
        gap: 20px;
        width: calc(100% - 105px);
    }

    header .h_top .h_top_wrap .search {
        max-width: unset;
    }

    header .h_top .h_top_wrap .logo {
        max-width: 150px;
    }

    header .h_top .h_top_wrap .logo a {
        margin-bottom: 7px;
    }

    header .h_top .h_top_wrap .logo small {
        font-size: 12px;
    }

    footer .f_top .f_top_wrap {
        gap: 60px;
    }

    footer .f_top .f_top_wrap .info {
        width: calc(100% - 233px);
        gap: 20px;
    }
}

@media (max-width: 1130px) {
    footer .f_top .f_top_wrap {
        gap: 40px;
    }

    footer .f_top .f_top_wrap .info {
        width: calc(100% - 213px);
        gap: 20px;
    }

    footer .f_top .f_top_wrap .info .btn {
        white-space: nowrap;
    }
}

@media (max-width: 996px) {
    header .h_top .h_top_wrap .top .h_info .mail {
        display: none;
    }

    header .h_top .h_top_wrap .box .h_info {
        display: flex;
    }

    footer .f_top .f_top_wrap {
        flex-direction: column;
        gap: 9px;
    }

    footer .f_top .f_top_wrap .logo-s {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        max-width: unset;
        gap: 0;
    }

    footer .f_top .f_top_wrap .logo-s a {
        margin-bottom: 9px;
    }

    footer .f_top .f_top_wrap .logo-s small {
        grid-column-end: span 3;
        width: 100%;
        order: 3;
    }

    footer .f_top .f_top_wrap .logo-s small br {
        display: block;
    }

    footer .f_top .f_top_wrap .info {
        width: 100%;
        gap: 30px;
    }

    footer .f_top .f_top_wrap .search {
        margin: 0;
        margin-left: 24px;
        max-width: 170px;
    }
}

@media (max-width: 768px) {
    .page_title p {
        margin-top: 10px;
        font-size: 18px;
        line-height: 22px;
    }

    .page_title .images {
        gap: 18px;
    }

    .page_title.type0 {
        padding-bottom: 25px;
    }

    .page_title.type2 {
        padding-bottom: 40px;
    }

    .page_title.type3 {
        padding-bottom: 15px;
    }

    .block_title {
        margin-bottom: 40px;
    }

    .section {
        padding: 60px 0;
    }

    .section2 {
        padding: 60px 0;
    }

    .page-desc {
        margin-top: 10px;
        font-size: 18px;
        line-height: 22px;
    }

    .head.type2 {
        position: relative;
    }

    .head.type2 .controls {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .head div p {
        max-width: 542px;
        margin: 10px 0 0;
    }

    .paginations {
        margin: 20px 0 36px;
    }

    .paginations .pag-list {
        gap: 8px;
    }

    .paginations .pag-list li:not(.arrow) a {
        font-size: 14px;
        line-height: 17px;
    }

    .paginations .pag-list li.arrow a {
        width: 30px;
        height: 30px;
    }

    .paginations .pag-list li.arrow a svg {
        max-width: 10px;
        max-height: 10px;
    }

    .paginations .pag-list li.arrow.prev {
        margin-right: 7px;
    }

    .paginations .pag-list li.arrow.next {
        margin-left: 7px;
    }

    .paginations.type2 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    main {
        padding-top: 130px;
    }

    main.home {
        padding-top: 130px !important;
    }

    footer .f_top .f_top_wrap .f-t {
        margin-bottom: 15px;
        font-size: 18px;
    }

    footer .f_top .f_top_wrap .f_menu li {
        margin-bottom: 10px;
    }

    footer .f_top .f_top_wrap .f_menu li a {
        display: block;
        font-size: 13px;
        line-height: 16px;
    }

    footer .f_top .f_top_wrap .f_info li a, footer .f_top .f_top_wrap .f_info li p {
        font-size: 14px;
        line-height: 17px;
    }

    footer .f_bottom {
        padding-bottom: 31px;
    }
}

@media (max-width: 750px) {
    .page_title {
        padding-bottom: 30px;
    }

    .page_title p {
        margin-top: 6px;
        font-size: 14px;
        line-height: 17px;
    }

    .load-catalog {
        margin-top: 20px;
    }

    .page_title.type0 {
        padding-bottom: 20px;
    }

    .page_title .images {
        margin-bottom: 20px;
    }

    .page_title .info-desc p {
        margin: 6px 0 0;
        font-size: 14px;
        line-height: 17px;
    }

    .block_title {
        margin-bottom: 30px;
    }

    .head {
        margin-bottom: 30px;
    }

    .head .controls, .head .btn {
        display: none;
    }

    .head div p {
        margin-top: 6px;
        line-height: 17px;
    }

    .head.type2 {
        margin-bottom: 30px;
    }

    .controls.mob {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        gap: 10px;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .swiper-button-prev svg, .swiper-button-next svg {
        max-width: 12px;
        max-height: 12px;
    }

    .swiper-count {
        font-size: 14px;
        line-height: 1;
    }

    .paginations.type2 {
        margin-top: 15px;
    }

    .section, .section2 {
        padding: 40px 0;
    }

    .page-desc {
        margin-top: 6px;
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 17px;
    }

    .bread_crumbs {
        margin-bottom: 16px;
    }

    main {
        padding-top: 105px;
    }

    main.home {
        padding-top: 90px !important;
    }

    header .h_top {
        padding: 17px 0 15px;
    }

    header .h_top .h_top_wrap .info {
        width: 100%;
    }

    header .h_top .h_top_wrap .top {
        margin-bottom: 10px;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 10px;
    }

    header .h_top .h_top_wrap .top .h_info {
        padding-left: 5px;
        margin-bottom: 2px;
    }

    header .h_top .h_top_wrap .top .h_info li:not(.mail) {
        display: none;
    }

    header .h_top .h_top_wrap .top .h_info li.mail {
        display: flex;
    }

    header .h_top .h_top_wrap .top .h_logo {
        display: flex;
        margin-bottom: 2px;
    }

    header .h_top .h_top_wrap .top .param {
        gap: 10px;
        margin-left: auto;
    }

    header .h_top .h_top_wrap .top .param .cart {
        display: flex;
    }

    header .h_top .h_top_wrap .top .param .cart span {
        display: none;
    }

    header .h_top .h_top_wrap .top .param .btn {
        display: none;
    }

    header .h_top .h_top_wrap .top .param .burger {
        display: block;
    }

    header .h_top .h_top_wrap .top .param .h_hamburger {
        display: flex;
    }

    header .h_top .h_top_wrap .logo {
        display: none;
    }

    header .h_top .h_top_wrap .bottom .box, header .h_top .h_top_wrap .bottom .cart {
        display: none;
    }

    header .h_top .h_top_wrap .bottom .h_info {
        display: flex;
    }

    header .h_top .h_top_wrap .bottom .h_info li.mail {
        display: none;
    }

    header .h_top .h_top_wrap .h_info {
        gap: 26px;
    }

    header .h_top .h_top_wrap .h_info li {
        gap: 4px;
    }

    header .h_top .h_top_wrap .h_info li a {
        font-size: 13px;
        line-height: 16px;
    }

    header .h_top .h_top_wrap .h_info li svg {
        width: 18px;
        height: 18px;
    }

    header .h_top .h_top_wrap .h_logo {
        display: flex;
    }

    header .h_top .h_top_wrap .h_logo img {
        max-width: 81px;
        max-height: 26px;
    }

    header .h_top .h_top_wrap .cart .icon {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    header .h_top .h_top_wrap .cart .icon .count {
        top: 0;
        right: 0;
        min-width: 16.36px;
        height: 16.36px;
        font-size: 11px;
    }

    header .h_top .h_top_wrap .cart .icon svg {
        max-width: 21.8px;
        max-height: 21.8px;
    }

    footer .f_top {
        padding: 40px 0 30px;
    }

    footer .f_top .f_top_wrap {
        gap: 30px;
    }

    footer .f_top .f_top_wrap .box {
        padding-right: 0;
    }

    footer .f_top .f_top_wrap .logo-s {
        flex-direction: column;
        align-items: flex-start;
    }

    footer .f_top .f_top_wrap .logo-s a {
        margin-bottom: 0;
    }

    footer .f_top .f_top_wrap .logo-s a img {
        max-width: 136px;
        max-height: 45px;
    }

    footer .f_top .f_top_wrap .logo-s small {
        max-width: 156px;
        margin-top: 10px;
    }

    footer .f_top .f_top_wrap .search {
        display: none;
    }

    footer .f_top .f_top_wrap .info {
        padding-top: 0;
    }

    footer .f_top .f_top_wrap .info .cols {
        max-width: none;
    }

    footer .f_top .f_top_wrap .info .cols:not(:last-child) {
        display: none;
    }
}

@media (max-width: 640px) {
    .page_title h1 {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.04em;
    }

    .block_title {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.04em;
    }

    .block_title.type2 {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-weight: bold;
    }
}

@media (max-width: 430px) {
    .btn {
        padding: 0 13px;
        height: 32px;
        font-size: 12px;
    }

    .btn.ld {
        min-width: 118px;
        height: 36px;
        font-size: 14px;
        font-weight: bold;
    }

    .btn.type3 {
        min-width: 118px;
        height: 36px;
        font-size: 14px;
        font-weight: bold;
    }

    .page_title .images {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }

    .load {
        display: flex;
        justify-content: center;
    }

    header .h_top .h_top_wrap .bottom .h_info {
        justify-content: space-between;
        width: 100%;
    }
}

.sn_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.sn_list .right .art {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #6C7880;
}

.sn_list .right h1 {
    margin: 10px 0 20px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
}

.sn_list .right p:has(strong) {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
}

.sn_list .right p:has(strong) strong {
    font-weight: 700;
}

.sn_list .right ul {
    margin: 0 !important;
    padding-left: 9px !important;
}

.sn_list .right ul {
    list-style-type: none;
}

.sn_list .right ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.sn_list .right ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #293740;
    border-radius: 50%;
}

.sn_list .right ul li:last-child {
    margin-bottom: 0;
}

.sn_list .right .info {
    margin-top: 43px;
    padding: 30px 25px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}

.sn_list .right .info.outofstock .fn {
    padding-top: 25px;
}

.sn_list .right .info.outofstock .fn .buttons {
    margin: 0;
}

.sn_list .right .info.outofstock .fn .buttons .btn {
    padding: 0 19px;
}

.sn_list .right .info .ss {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 27px;
    font-weight: 500;
    color: #6C7880;
}

.sn_list .right .info .price {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.sn_list .right .info .price .new {
    position: relative;
    font-weight: 800;
    font-size: 42px;
    line-height: 1;
    text-transform: uppercase;
    color: #53B4F3;
}

.sn_list .right .info .price .new label {
    position: absolute;
    top: -15px;
    right: -21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    color: #6C7880;
    font-size: 14px;
    line-height: 16px;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 50%;
    cursor: pointer;
}

.sn_list .right .info .price .old {
    font-weight: 500;
    font-size: 32px;
    text-decoration-line: line-through;
    color: #6C7880;
}

.sn_list .right .info .delivery {
    margin-bottom: 25px;
}

.sn_list .right .info .delivery .delivery_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sn_list .right .info .delivery .delivery_item:not(:last-child) {
    margin-bottom: 20px;
}

.sn_list .right .info .delivery .delivery_item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}

.sn_list .right .info .delivery .delivery_item .desc {
    width: calc(100% - 34px);
}

.sn_list .right .info .delivery .delivery_item p {
    margin: 0;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.sn_list .right .info .delivery .delivery_item a {
    display: block;
    margin-top: 4px;
    color: #53B4F3;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-decoration-line: underline;
    transition: 0.3s;
}

.sn_list .right .info .delivery .delivery_item a:hover {
    text-decoration: none;
}

.sn_list .right .info .fn {
    border-top: 1px solid rgba(197, 207, 214, 0.8);
    padding-top: 23px;
}

.sn_list .right .info .fn .stock {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #293740;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.sn_list .right .info .fn .stock strong {
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
}

.sn_list .right .info .fn .buttons {
    display: flex;
    gap: 15px;
    margin-top: 12px;
}

.sn_list .right .info .fn .buttons .btn {
    min-width: 136px;
}

.sn_list .right .info .fn .fix-p {
    display: block;
    margin-top: 10px;
    color: #53B4F3;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    text-decoration-line: underline;
    transition: 0.3s;
}

.sn_list .right .info .fn .fix-p:hover {
    text-decoration: none;
}

.tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.tabs .tabs-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    padding: 0 15px;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #6C7880;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 6px;
    transition: 0.3s;
    cursor: pointer;
}

.tabs .tabs-item.active {
    color: #ffff;
    background: #53B4F3;
}

.tabs-content aside:not(.active) {
    display: none;
}

.tabs-content aside p:has(strong) {
    margin-bottom: 22px;
}

.tabs-content aside p:has(strong) strong {
    font-weight: 700;
}

.tabs-content aside p {
    max-width: 870px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

/*.tabs-content aside ul {
  max-width: 870px;
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none; }
  .tabs-content aside ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500; }
    .tabs-content aside ul li::before {
      content: "";
      position: absolute;
      top: 9px;
      left: 0;
      width: 3px;
      height: 3px;
      background: #293740;
      border-radius: 50%; }
    .tabs-content aside ul li:last-child {
      margin-bottom: 0; }*/

.sert {
    margin-top: 30px;
}

.sert .sert_wrap {
    padding: 2px 0;
}

.sert .sert_wrap .sert-item {
    display: flex;
}

.sert .sert_wrap .sert-item img {
    width: 100%;
    max-height: 380px;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .sn_list {
        display: flex;
        gap: 20px;
    }

    .sn_list .left {
        width: 100%;
        max-width: 359px;
    }

    .sn_list .right {
        width: calc(100% - 379px);
    }

    .sn_list .right h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .sn_list .right .info .price .new {
        font-size: 36px;
    }

    .sn_list .right .info .price .old {
        font-size: 28px;
    }

    .tabs {
        gap: 10px;
        flex-wrap: wrap;
    }

    .tabs .tabs-item {
        padding: 0 14px;
        font-size: 16px;
        height: 37px;
    }
}

@media (max-width: 996px) {
    .sn_list .right .info .ss {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    .sn_list {
        margin-bottom: 30px;
    }

    .sn_list .right .art {
        font-size: 18px;
        line-height: 22px;
    }

    .sn_list .right h1 {
        margin: 5px 0 15px;
        font-size: 28px;
        line-height: 32px;
    }

    .sn_list .right p:has(strong) strong {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 22px;
    }

    .sn_list .right ul li {
        font-size: 14px;
        line-height: 15px;
    }

    .sn_list .right .info {
        padding: 30px 20px 20px;
        margin-top: 20px;
    }

    .sn_list .right .info .price {
        gap: 35px;
        margin-bottom: 10px;
    }

    .sn_list .right .info .price .new {
        font-size: 32px;
        line-height: 37px;
    }

    .sn_list .right .info .price .old {
        font-size: 22px;
        line-height: 25px;
    }

    .sn_list .right .info .delivery {
        margin-bottom: 15px;
    }

    .sn_list .right .info .delivery .delivery_item:not(:last-child) {
        margin-bottom: 10px;
    }

    .sn_list .right .info .delivery .delivery_item {
        gap: 10px;
        align-items: flex-start;
    }

    .sn_list .right .info .delivery .delivery_item .icon {
        width: 24px;
        height: 24px;
    }

    .sn_list .right .info .delivery .delivery_item .desc {
        width: calc(100% - 34px);
    }

    .sn_list .right .info .delivery .delivery_item p {
        font-size: 16px;
        line-height: 18px;
    }

    .sn_list .right .info .fn {
        padding-top: 15px;
    }

    .sn_list .right .info .fn .stock {
        font-size: 14px;
    }

    .sn_list .right .info .fn .stock strong {
        font-size: 18px;
    }

    .sn_list .right .info .fn .buttons {
        margin-top: 15px;
    }

    .sn_list .right .info .fn .buttons .btn {
        height: 36px;
        font-size: 14px;
    }

    .sn_list .right .info .fn .fix-p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 15px;
    }

    .tabs {
        margin-bottom: 23px;
    }

    .tabs-content aside p:has(strong) {
        margin-bottom: 20px;
    }

    .tabs-content aside p {
        font-size: 14px;
        line-height: 15px;
    }

    .tabs-content aside ul li {
        font-size: 14px;
        line-height: 15px;
    }

    .sert {
        margin-top: 25px;
    }
}

@media (max-width: 750px) {
    .sn_list {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .sn_list .right, .sn_list .left {
        width: 100%;
    }

    .sn_list .right .art {
        font-size: 14px;
        line-height: 17px;
    }

    .sn_list .right h1 {
        margin: 6px 0 10px;
        font-size: 18px;
        line-height: 21px;
    }

    .sn_list .right p:has(strong) strong {
        margin-bottom: 9px;
        font-size: 16px;
        line-height: 1.2;
    }

    .sn_list .right .info {
        padding: 24px 16px 15px;
    }

    .sn_list .right .info .price {
        gap: 28px;
        margin-bottom: 8px;
    }

    .sn_list .right .info .price .new {
        font-size: 26px;
        line-height: 30px;
    }

    .sn_list .right .info .price .old {
        font-size: 18px;
        line-height: 21px;
    }

    .sn_list .right .info .delivery {
        margin-bottom: 10px;
    }

    .sn_list .right .info .delivery .delivery_item:not(:last-child) {
        margin-bottom: 9px;
    }

    .sn_list .right .info .delivery .delivery_item {
        gap: 8px;
    }

    .sn_list .right .info .delivery .delivery_item .icon {
        width: 19px;
        height: 19px;
    }

    .sn_list .right .info .delivery .delivery_item .desc {
        width: calc(100% - 27px);
    }

    .sn_list .right .info .delivery .delivery_item p, .sn_list .right .info .delivery .delivery_item a {
        font-size: 14px;
        line-height: 15px;
    }

    .sn_list .right .info .delivery .delivery_item a {
        margin-top: 2.7px;
    }

    .sn_list .right .info .fn {
        padding-top: 10px;
    }

    .sn_list .right .info .fn .stock {
        font-size: 12px;
    }

    .sn_list .right .info .fn .stock strong {
        font-size: 14px;
    }

    .sn_list .right .info .fn .buttons {
        margin-top: 11px;
    }

    .sn_list .right .info .fn .buttons .btn {
        min-width: 121px;
        height: 32px;
        font-size: 12px;
    }

    .sn_list .right .info .fn .fix-p {
        margin-top: 11px;
        font-size: 12px;
        line-height: 13px;
    }

    .tabs {
        gap: 10px;
        margin-bottom: 15px;
    }

    .tabs .tabs-item {
        height: 32px;
        padding: 0 14px;
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .sn_list .left {
        max-width: unset !important;
    }
}

@media (max-width: 420px) {
    .sert {
        margin-top: 30px;
    }

    .sert .swiper {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}

.page.page-calc {
    padding-bottom: 0;
}

.calc-form {
    max-width: 870px;
    padding: 21px 30px;
    background: #FFFF;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

.calc-form .top {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #C5CFD6;
}

.calc-form .top input.rt {
    width: 70px;
}

.calc-form span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #293740;
}

.calc-form strong {
    display: block;
    margin-bottom: 5px;
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.calc-form input.rt {
    width: 130px;
    height: 36px;
    padding: 0 13px;
    border: 1px solid #C5CFD6;
    border-radius: 6px;
    background: #F1F6FA;
    color: #293740;
    font-size: 16px;
    font-weight: 500;
}

.calc-form input.rt::placeholder {
    color: #293740;
}

.calc-form input.rt[disabled] {
    color: #6C7880;
    border-color: #F1F6FA;
}

.calc-form input.rt[disabled]::placeholder {
    color: #6C7880;
}

.calc-form .input-wrap {
    position: relative;
    display: flex;
}

.calc-form .input-wrap input {
    position: relative;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #6C7880;
    border-radius: 5px;
    transition: all ease 0.3s;
    cursor: pointer;
}

.calc-form .input-wrap input:checked {
    border-color: #293740;
    transition: all ease 0.3s;
}

.calc-form .input-wrap input:checked::after {
    opacity: 1;
    transition: all ease 0.3s;
}

.calc-form .input-wrap input::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjcwNzAzMSA0LjA0MDM2TDQuMzczNyA3LjcwNzAzTDExLjM3MzcgMC43MDcwMzEiIHN0cm9rZT0iIzI5Mzc0MCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-size: contain;
    transform: translate(-50%, -50%);
}

.calc-form .rows {
    display: flex;
    align-items: center;
}

.calc-form .left {
    width: 100%;
    max-width: 370px;
}

.calc-form .right {
    width: calc(100% - 370px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calc-form .info .rows {
    margin-bottom: 10px;
}

.calc-form .buttons {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    margin-bottom: 15px;
    border-top: 1px dashed #C5CFD6;
    border-bottom: 1px dashed #C5CFD6;
}

.calc-form .buttons .btn {
    min-width: 170px;
}

.calc-form .footer .data-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.calc-form .footer .data-table .table-header {
    display: flex;
}

.calc-form .footer .data-table .table-header .table-cell {
    flex: 1;
}

.calc-form .footer .mob-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.calc-form .footer .mob-list li {
    padding: 10px;
    border: 1px solid #C5CFD6;
    margin-bottom: 10px;
    border-radius: 6px;
}

.calc-form .footer .mob-list li:last-child {
    margin-bottom: 0;
}

.calc-form .footer .mob-list li::before {
    display: none;
}

.calc-form .footer .mob-list li .col1 {
    max-width: 47px;
}

.calc-form .footer .mob-list li .col2 {
    max-width: 92px;
}

.calc-form .footer .mob-list li .contr {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    gap: 6px;
}

.calc-form .footer .mob-list li .contr button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
}

.calc-form .footer .mob-list li .top-col {
    display: flex;
    margin-bottom: 3px;
    gap: 11px;
}

.calc-form .footer .mob-list li .top-col strong {
    flex: 1;
    color: #293740;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}

.calc-form .footer .mob-list li .bottom-col {
    display: flex;
    gap: 11px;
    margin-bottom: 5px;
    background: #F1F6FA;
    border-radius: 6px;
    min-height: 25px;
}

.calc-form .footer .mob-list li .bottom-col:last-child {
    margin-bottom: 0;
}

.calc-form .footer .mob-list li .bottom-col div {
    flex: 1;
    display: flex;
    align-items: center;
}

.calc-form .footer .mob-list li p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}

.calc-form .footer .tt {
    display: flex;
    gap: 24px;
    margin-bottom: 15px;
}

.calc-form .footer .tt strong {
    flex: 1;
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.calc-form .footer .tt .actions-column {
    flex: 0 0 97px;
    justify-content: center;
}

.calc-form .footer .result .item {
    display: flex;
    background: #F1F6FA;
    border-radius: 6px;
    min-height: 36px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #293740;
    transition: background-color 0.2s;
}

.calc-form .footer .result .item:nth-child(even) {
    background: #ffff;
}

.calc-form .footer .result .item p {
    margin: 0;
}

.calc-form .footer .result .item div {
    flex: 1;
    display: flex;
    align-items: center;
}

.calc-form .footer .result .item div:first-child p {
    padding-left: 14px;
}

.calc-form .footer .result .item .actions-cell {
    display: flex;
    flex: 0 0 97px;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.calc-form .footer .result .item .actions-cell .wrap {
    display: flex;
    justify-content: space-between;
    padding-right: 15px;
}

.calc-form .footer .result .item button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
}

@media (max-width: 996px) {
    .calc-form .footer .tt {
        margin-bottom: 10px;
    }

    .calc-form .footer .tt strong {
        font-size: 14px;
        line-height: 17px;
    }

    .calc-form .footer .tt .actions-column {
        flex: 0 0 83px;
    }

    .calc-form .footer .result .item .actions-cell {
        flex: 0 0 83px;
    }

    .calc-form .footer .result .item p {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    .mob-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .mob-list li {
        margin-bottom: 0 !important;
    }

    .tt, .result {
        display: none !important;
    }

    .calc-form {
        padding: 20px 15px 25px;
    }

    .calc-form .top {
        margin-bottom: 15px;
        padding-bottom: 9px;
    }

    .calc-form .top .left {
        max-width: 231px;
    }

    .calc-form .top .right {
        width: auto;
        margin-left: 11px;
    }

    .calc-form .top input.rt {
        width: 25px;
        padding: 0 7px;
        text-align: center;
    }

    .calc-form .top span {
        white-space: nowrap;
    }

    .calc-form span {
        display: block;
        font-size: 13px;
        line-height: 16px;
    }

    .calc-form strong {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 17px;
    }

    .calc-form input.rt {
        width: 62px;
        height: 25px;
        padding: 0 6px;
        font-size: 13px;
        line-height: 14px;
    }

    .calc-form input.rt::placeholder {
        font-size: 13px;
        line-height: 14px;
    }

    .calc-form .left {
        max-width: 163px;
    }

    .calc-form .right {
        justify-content: flex-start;
        width: calc(100% - 174px);
        gap: 11px;
    }

    .calc-form .input-wrap input {
        width: 19px;
        height: 19px;
    }

    .calc-form .info .rows {
        margin-bottom: 7px;
        gap: 11px;
    }

    .calc-form .buttons {
        flex-wrap: wrap;
        gap: 10px;
    }

    .calc-form .buttons .btn {
        min-width: unset;
        padding: 0 14px;
        height: 35px;
    }
}

@media (max-width: 640px) {
    .mob-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .mob-list li {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

@media (max-width: 479px) {
    .calc-form .right {
        justify-content: flex-end;
    }

    .calc-form .footer .mob-list li {
        max-width: none;
    }

    .page .thumbs-slider.type2 {
        max-width: unset !important;
    }

    .page .card-slider.type2 {
        padding: 1px;
        max-width: unset !important;
    }

    .page .card-slider.type2 ul li {
        height: auto !important;
    }

    .page .proj_list .thumbs-slider {
        max-width: none !important;
    }

    .page .proj_list .card-slider {
        padding: 1px;
        max-width: unset !important;
    }

    .page .proj_list .card-slider ul li {
        height: auto !important;
    }
}

@media (max-width: 430px) {
    .calc-form .buttons .btn {
        padding: 0 14px;
        height: 35px;
        font-size: 14px;
    }
}

.s-mont .mont_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.s-mont .mont_wrap p {
    margin-bottom: 30px;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.s-mont .mont_wrap ul, .s-mont .mont_wrap ol {
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
}

.s-mont .mont_wrap ul:last-child, .s-mont .mont_wrap ol:last-child {
    margin-bottom: 0;
}

.s-mont .mont_wrap ul li, .s-mont .mont_wrap ol li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
}

.s-mont .mont_wrap ul li:last-child, .s-mont .mont_wrap ol li:last-child {
    margin-bottom: 0;
}

.s-mont .mont_wrap ul li::before, .s-mont .mont_wrap ol li::before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    background-color: rgba(83, 180, 243, 0.15);
    border-radius: 50%;
}

.s-mont .mont_wrap ul li p, .s-mont .mont_wrap ol li p {
    width: calc(100% - 62px);
    margin: 0;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
}

.s-mont .mont_wrap .hidden {
    display: none;
}

.s-mont .mont_wrap ol li::before {
    content: attr(data-num);
    color: #53B4F3;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.s-mont .mont_wrap ul li::before {
    background-image: url(../images/46.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.s-mont .mont_wrap .image img {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 33px;
}

.s-mont .mont_wrap h4 {
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.s-mont .mont_wrap small {
    display: block;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

@media (max-width: 996px) {
    .s-mont .mont_wrap {
        display: flex;
        gap: 20px;
    }

    .s-mont .mont_wrap .cols.desc {
        width: calc(100% - 379px);
    }

    .s-mont .mont_wrap .cols.image {
        width: 100%;
        max-width: 359px;
    }

    .s-mont .mont_wrap .cols.image img {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .s-mont .mont_wrap p {
        font-size: 14px;
        line-height: 15px;
    }

    .s-mont .mont_wrap small {
        font-size: 16px;
        line-height: 18px;
    }

    .s-mont .mont_wrap ul li, .s-mont .mont_wrap ol li {
        align-items: flex-start;
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 15px;
    }

    .s-mont .mont_wrap ul li::before, .s-mont .mont_wrap ol li::before {
        width: 42px;
        height: 42px;
        font-size: 22px;
        line-height: 25px;
    }

    .s-mont .mont_wrap ol li::before {
        background-size: 14px;
    }

    .s-mont .mont_wrap ol li::before p {
        width: calc(100% - 57px);
        font-size: 14px;
        line-height: 15px;
    }

    .s-mont .mont_wrap h4 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
}

@media (max-width: 750px) {
    .s-mont .mont_wrap {
        flex-direction: column;
        gap: 0;
    }

    .s-mont .mont_wrap .cols.desc {
        width: 100%;
    }

    .s-mont .mont_wrap .cols.image {
        max-width: unset;
        margin: 0;
    }

    .s-mont .mont_wrap .cols.image img {
        width: 100%;
    }

    .s-mont .mont_wrap .cols.image .image {
        margin: 0;
    }

    .s-mont .mont_wrap .cols.image .hidden {
        display: block;
        margin-top: 20px;
    }

    .s-mont .mont_wrap .cols.image .hidden ul, .s-mont .mont_wrap .cols.image .hidden ol, .s-mont .mont_wrap .cols.image .hidden h4 {
        display: block;
    }

    .s-mont .mont_wrap .cols.image .hidden ol {
        margin-bottom: 20px;
    }

    .s-mont .mont_wrap .cols.image .hidden ul {
        margin-bottom: 20px;
    }

    .s-mont .mont_wrap ul, .s-mont .mont_wrap ol, .s-mont .mont_wrap h4 {
        display: none;
    }

    .s-mont .mont_wrap ul li, .s-mont .mont_wrap ol li {
        margin-bottom: 20px;
    }

    .s-mont .mont_wrap ul li::before, .s-mont .mont_wrap ol li::before {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .s-mont .mont_wrap ol li::before {
        background-size: 14px;
    }

    .s-mont .mont_wrap ol li::before p {
        width: calc(100% - 46px);
    }

    .s-mont .mont_wrap p {
        margin-bottom: 20px;
    }

    .s-mont .mont_wrap h4 {
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 430px) {
    .s-mont .block_title {
        margin-bottom: 15px;
    }
}

.s-parther {
    background: #ffff;
}

.s-parther .parther_wrap h2 {
    max-width: 766px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.s-parther .parther_wrap p {
    max-width: 866px;
    color: #293740;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

.s-parther .parther_wrap p a {
    color: #293740;
    font-weight: bold;
    text-decoration: underline;
}

.s-texts .texts_wrap aside {
    display: flex;
    margin-bottom: 30px;
    background: #ffff;
    border-radius: 10px;
    overflow: hidden;
}

.s-texts .texts_wrap aside:nth-child(even) .image {
    order: 1;
}

.s-texts .texts_wrap aside:nth-child(even) .info {
    order: 2;
}

.s-texts .texts_wrap aside:last-child {
    margin-bottom: 0;
}

.s-texts .texts_wrap aside .image {
    width: 100%;
    max-width: 570px;
    margin: 0;
}

.s-texts .texts_wrap aside .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-texts .texts_wrap aside .info {
    width: calc(100% - 570px);
    padding: 35px 30px 40px;
}

.s-texts .texts_wrap aside span {
    display: block;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
}

.s-texts .texts_wrap aside p {
    font-size: 16px;
    line-height: 18px;
}

.s-texts .texts_wrap aside p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .s-texts .texts_wrap aside .image {
        max-width: 359px;
    }

    .s-texts .texts_wrap aside .info {
        width: calc(100% - 359px);
    }
}

@media (max-width: 920px) {
    .s-texts .texts_wrap aside .image {
        display: none;
    }

    .s-texts .texts_wrap aside .info {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .s-parther .parther_wrap h2 {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 15px;
    }

    .s-parther .parther_wrap p {
        font-size: 14px;
        line-height: 17px;
    }

    .s-texts .texts_wrap aside:not(:last-child) {
        margin-bottom: 20px;
    }

    .s-texts .texts_wrap aside span {
        font-size: 18px;
        line-height: 22px;
    }

    .s-texts .texts_wrap aside p {
        font-size: 14px;
        line-height: 15px;
    }

    .s-texts .texts_wrap aside .image {
        display: block;
    }

    .s-texts .texts_wrap aside .info {
        width: calc(100% - 359px);
        padding: 30px 20px;
    }
}

@media (max-width: 750px) {
    .s-parther .parther_wrap h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .s-parther .parther_wrap p {
        font-size: 14px;
        line-height: 17px;
    }

    .s-texts .texts_wrap aside {
        flex-direction: column;
    }

    .s-texts .texts_wrap aside span {
        font-size: 16px;
        line-height: 19px;
    }

    .s-texts .texts_wrap aside .image {
        max-width: unset;
        height: auto;
        order: 1;
    }

    .s-texts .texts_wrap aside .image img {
        height: auto;
    }

    .s-texts .texts_wrap aside .info {
        padding: 25px 15px;
        width: 100%;
        order: 2;
    }
}

.s-photo {
    background: #ffff;
}

.s-photo .photo_wrap .photo_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-photo .photo_wrap .photo_list li img {
    width: 100%;
    min-height: 362px;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .s-photo .form-mini.type2 {
        margin-top: 25px;
    }

    .s-photo .photo_wrap .photo_list li img {
        min-height: 347px;
    }
}

@media (max-width: 750px) {
    .s-photo .form-mini.type2 {
        margin-top: 40px;
    }

    .s-photo .photo_wrap .photo_list li img {
        min-height: unset;
    }

    .gallery-controls .swiper-button-prev, .gallery-controls .swiper-button-next {
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        transform: none !important;
    }

    .gallery-controls .swiper-button-prev {
        transform: scaleX(-1) !important;
    }
}

.req {
    background: #ffff;
}

.req .req_wrap aside {
    max-width: 870px;
    margin-bottom: 20px;
}

.req .req_wrap aside .item {
    display: flex;
    min-height: 36px;
    padding: 8px 14px;
    background: #FFFFFF;
    border-radius: 6px;
}

.req .req_wrap aside .item:nth-child(odd) {
    background: #F1F6FA;
}

.req .req_wrap aside .item p {
    width: 100%;
    max-width: 411px;
}

.req .req_wrap aside .item p:last-child {
    width: calc(100% - 411px);
    max-width: unset;
}

.req .req_wrap aside .item p {
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

.req .req_wrap .btn {
    display: none;
}

.req .req_wrap p {
    width: 100%;
    max-width: 870px;
    margin: 0;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
}

.req .req_wrap p a {
    color: #293740;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .req .req_wrap aside {
        margin-bottom: 30px;
    }

    .req .req_wrap aside .item {
        min-height: unset;
        padding: 10px 6px;
    }

    .req .req_wrap aside .item p {
        max-width: 348px;
        font-size: 14px;
        line-height: 17px;
    }

    .req .req_wrap aside .item p:last-child {
        width: calc(100% - 348px);
    }
}

@media (max-width: 750px) {
    .req .req_wrap .btn {
        display: inline-flex;
        margin-bottom: 20px;
    }

    .req .req_wrap aside {
        display: none;
        margin-bottom: 20px;
    }

    .req .req_wrap aside .item {
        flex-direction: column;
        gap: 11px;
        min-height: unset;
        padding: 7px 11px 8px;
        border-radius: 5px;
    }

    .req .req_wrap aside .item p {
        max-width: unset;
        font-size: 14px;
        line-height: 17px;
    }

    .req .req_wrap aside .item p:first-child {
        font-weight: 700;
    }

    .req .req_wrap aside .item p:last-child {
        width: 100%;
    }

    .req .req_wrap p {
        font-size: 16px;
        line-height: 18px;
    }
}

.s-about {
    background: #ffff;
}

.s-about .about_wrap .about_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-about .about_wrap .about_list li {
    min-height: 358px;
    padding: 30px;
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

.s-about .about_wrap .about_list li span {
    display: block;
    margin: 10px 0;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
}

.s-about .about_wrap .about_list li p {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
}

.s-klient {
    background: #ffff;
}

.s-klient .klient_wrap .klient_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 50px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-klient .klient_wrap .klient_list li {
    position: relative;
}

.s-klient .klient_wrap .klient_list li:nth-child(4n+1)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+3)::before {
    content: "";
    position: absolute;
    top: 19px;
    right: -16px;
    bottom: 19px;
    width: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABaCAYAAACSa4e+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAvSURBVHgB7dOxCQBACENR73AQ99/D2s5WR9GAY+RD4C2Q55Elm+4M+HIRBIFfNDDrgAUBdqg7eQAAAABJRU5ErkJggg==) center no-repeat;
    background-size: contain;
}

.s-klient .klient_wrap .klient_list li .icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

.s-klient .klient_wrap .klient_list li .icon svg, .s-klient .klient_wrap .klient_list li .icon img {
    max-width: 100%;
}

.s-klient .klient_wrap .klient_list li span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #293740;
}

.page.page-about {
    padding: 12px 0 80px;
}

.lls {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: unset !important;
    gap: 64px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.lls li {
    position: relative;
    width: 225px;
    height: 225px;
    padding: 21px !important;
    margin: 0 !important;
    border-radius: 50%;
}

.lls li:last-child::before {
    display: none;
}

.lls li::before {
    content: "";
    position: absolute !important;
    top: 50% !important;
    right: -50px !important;
    left: unset !important;
    width: 38px !important;
    height: 8px !important;
    background: url(../images/lin.svg) !important;
    transform: translate(0, -50%);
}

.lls li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.lls-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
    pointer-events: none;
}

.lls-ring svg {
    width: 100%;
    height: 100%;
    display: block;
}

.lls-ring .lls-ring-fill {
    stroke-dasharray: 660;
    stroke-dashoffset: 660;
    animation: lls-fillRing 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.lls-conic-fill {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #8acdf5 0%, #56b970 80%, #56b970 85%, #8acdf5 95%, #8acdf5 100%);
}

@keyframes lls-fillRing {
    100% {
        stroke-dashoffset: 132;
    }
}

.lls li .item {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: 3px solid #E7EDF3;
    border-radius: 50%;
}

.lls li span {
    color: #53B4F3;
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
}

.lls li p {
    margin: 0 !important;
    color: #293740;
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 500 !important;
}

.timeline {
    position: relative;
    padding-top: 47px;
}

.timeline .timeline-line {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 5px;
    height: 522px;
    background: url(../images/tline.png) center no-repeat;
    background-size: contain;
    transform: translate(-50%, 0);
}

.timeline .timeline-year {
    color: #53B4F3;
    font-size: 62px;
    line-height: 74px;
    font-weight: 700;
}

.timeline .timeline-description {
    margin: 0;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}

.timeline .timeline-event {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.timeline .timeline-event-left {
    align-items: flex-end;
    padding-right: calc(50% + 85px);
}

.timeline .timeline-event-left .timeline-year {
    position: relative;
}

.timeline .timeline-event-left .timeline-year::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -94px;
    width: 72px;
    height: 14px;
    background: url(../images/tm2.svg) center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.timeline .timeline-event-left .timeline-description {
    max-width: 476px;
    text-align: right;
}

.timeline .timeline-event-right {
    align-items: flex-start;
    padding-left: calc(50% + 85px);
}

.timeline .timeline-event-right .timeline-year {
    position: relative;
}

.timeline .timeline-event-right .timeline-year::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -92px;
    width: 72px;
    height: 14px;
    background: url(../images/tm3.svg) center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.timeline .timeline-event-right .timeline-description {
    max-width: 414px;
}

@media (max-width: 1199px) {
    .lls li {
        width: 180px;
        height: 180px;
    }

    .lls li::after {
        background-size: contain;
    }

    .lls li span {
        font-size: 24px;
        line-height: 29px;
    }

    .lls li p {
        font-size: 15px !important;
        line-height: 18px !important;
    }

    .s-about .about_wrap .about_list {
        gap: 19px;
    }

    .s-about .about_wrap .about_list li {
        padding: 25px;
    }

    .s-about .about_wrap .about_list li span {
        font-size: 16px;
        line-height: 18px;
    }

    .s-klient .klient_wrap .klient_list {
        gap: 20px;
    }

    .s-klient .klient_wrap .klient_list li:nth-child(4n+1)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+3)::before {
        right: -11px;
    }

    .s-klient .klient_wrap .klient_list li span {
        padding: 0 10px;
        font-size: 16px;
        line-height: 1.2;
    }

    .s-klient .klient_wrap .klient_list li span br {
        display: none;
    }

    .timeline {
        padding-top: 37px;
    }

    .timeline .timeline-line {
        position: absolute;
        top: 10px;
        left: 50%;
        width: 5px;
        height: 332px;
        background: url(../images/tline2.png) center no-repeat;
        background-size: contain;
        transform: translate(-50%, 0);
    }

    .timeline .timeline-year {
        font-size: 40px;
        line-height: 49px;
    }

    .timeline .timeline-description {
        font-size: 16px;
        line-height: 1.2;
    }

    .timeline .timeline-event-left {
        padding-right: calc(50% + 53px);
    }

    .timeline .timeline-event-left .timeline-year {
        position: relative;
    }

    .timeline .timeline-event-left .timeline-year::before {
        right: -57px;
        width: 45px;
        height: 9px;
        background: url(../images/tm5.svg) center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .timeline .timeline-event-left .timeline-description {
        max-width: 476px;
        text-align: right;
    }

    .timeline .timeline-event-right {
        padding-left: calc(50% + 53px);
    }

    .timeline .timeline-event-right .timeline-year {
        position: relative;
    }

    .timeline .timeline-event-right .timeline-year::before {
        left: -57px;
        width: 45px;
        height: 9px;
        background: url(../images/tm4.svg) center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .timeline .timeline-event-right .timeline-description {
        max-width: unset;
    }

    .timeline .timeline-description {
        max-width: 303px !important;
    }
}

@media (max-width: 996px) {
    .s-klient .klient_wrap .klient_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .s-klient .klient_wrap .klient_list li:nth-child(4n+1)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+3)::before {
        display: none;
    }

    .s-klient .klient_wrap .klient_list li span {
        padding: 0 4px;
    }
}

@media (max-width: 960px) {
    .lls {
        gap: 43px;
    }

    .lls li {
        width: 153px;
        height: 153px;
    }

    .lls li::after {
        display: none;
    }

    .lls li::before {
        right: -35px !important;
        width: 26px !important;
        height: 6px !important;
        background: url(../images/lin2.svg) center no-repeat !important;
        background-size: contain;
        transform: none !important;
    }

    .lls li .item {
        background: 0 0;
        border: none;
    }

    .lls li span {
        font-size: 24px;
        line-height: 29px;
    }
}

@media (max-width: 768px) {
    .page.page-about {
        padding-top: 0;
        padding-bottom: 49px;
    }

    .s-about .about_wrap .about_list li {
        min-height: unset;
        padding: 20px;
    }

    .s-about .about_wrap .about_list li svg, .s-about .about_wrap .about_list li img {
        max-width: 27px;
        max-height: 27px;
    }

    .s-about .about_wrap .about_list li span {
        margin: 9px 0;
    }

    .s-about .about_wrap .about_list li p {
        font-size: 14px;
        line-height: 15px;
    }

    .s-klient .klient_wrap .klient_list {
        grid-template-columns: repeat(4, 1fr);
    }

    .s-klient .klient_wrap .klient_list li:nth-child(4n+1)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+3)::before {
        display: block;
        top: 14px;
        bottom: 14px;
    }

    .s-klient .klient_wrap .klient_list li .icon {
        width: 38px;
        height: 38px;
        margin-bottom: 12px;
    }

    .s-klient .klient_wrap .klient_list li span {
        padding: 0 9px;
        font-size: 14px;
        line-height: 17px;
    }

    .s-klient .klient_wrap .klient_list li span br {
        display: block;
    }
}

@media (max-width: 750px) {
    .page.page-about {
        padding-bottom: 40px;
    }

    .lls {
        max-width: 291px !important;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        row-gap: 16px;
        margin: 0 auto !important;
    }

    .lls li {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
        width: 100%;
        height: auto;
        background: unset;
    }

    .lls li::after {
        display: none;
    }

    .lls li::before {
        display: none;
    }

    .lls li:nth-child(1) .item::before {
        display: block !important;
    }

    .lls li:nth-child(3) .item::before {
        display: block !important;
    }

    .lls-ring {
        width: 128px;
        height: 128px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .lls li .item {
        width: 128px;
        height: 128px;
        background: transparent;
    }

    .lls li .item::before {
        display: none !important;
        content: "";
        position: absolute;
        right: -28px;
        width: 21px;
        height: 5px;
        background: url(../images/lin3.svg) center no-repeat;
        background-size: contain;
    }

    .lls li span {
        font-size: 20px;
        line-height: 24px;
    }

    .lls li p {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .s-about .about_wrap .about_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .s-about .about_wrap .about_list li {
        min-height: 242px;
        padding: 19px;
    }

    .timeline .timeline-line {
        left: 19px;
        transform: none;
        width: 5px;
        height: 468px;
        background: url(../images/tline3.png) center no-repeat;
        background-size: contain;
        transform: translate(-50%, 0);
    }

    .timeline .timeline-event {
        margin-bottom: 35px;
    }

    .timeline .timeline-event:last-child {
        margin-bottom: 0;
    }

    .timeline .timeline-year {
        font-size: 30px;
        line-height: 36px;
    }

    .timeline .timeline-description {
        max-width: unset;
        font-size: 14px;
        line-height: 17px;
    }

    .timeline .timeline-event-left {
        padding-right: unset;
        padding-left: 67px;
        align-items: flex-start;
    }

    .timeline .timeline-event-left .timeline-description {
        text-align: left;
    }

    .timeline .timeline-event-left .timeline-year::before {
        left: -52px;
        right: unset;
        width: 45px;
        height: 9px;
        background: url(../images/tm4.svg) center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .timeline .timeline-event-right {
        padding-right: unset;
        padding-left: 67px;
        align-items: flex-start;
    }

    .timeline .timeline-event-right .timeline-year::before {
        left: -52px;
        right: unset;
        width: 45px;
        height: 9px;
        background: url(../images/tm4.svg) center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .s-klient .klient_wrap .klient_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .s-klient .klient_wrap .klient_list li:nth-child(4n+1)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before, .s-klient .klient_wrap .klient_list li:nth-child(4n+3)::before {
        top: 9.8px;
        bottom: unset;
        height: 45px;
    }

    .s-klient .klient_wrap .klient_list li:nth-child(4n+2)::before {
        display: none;
    }

    .s-klient .klient_wrap .klient_list li .icon {
        width: 30px;
        height: 30px;
        margin-bottom: 11px;
    }
}

@media (max-width: 430px) {
    .s-about .about_wrap .about_list {
        max-width: 234px;
        margin: 0 auto;
    }
}

.s-faq {
    background: #ffff;
}

.s-faq .faq_wrap .faq_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-faq .faq_wrap .faq_list li {
    position: relative;
    padding: 0 30px;
    background: #F1F6FA;
    border-radius: 10px;
}

.s-faq .faq_wrap .faq_list li:not(:last-child) {
    margin-bottom: 15px;
}

.s-faq .faq_wrap .faq_list li.active .top {
    padding-bottom: 10px;
}

.s-faq .faq_wrap .faq_list li.active .top button::before {
    width: 24px;
    height: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAECAYAAACdiF9iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgBvZAxFcAgEENzp6ASOrYKYMQJGnAADnAIElAAZEXA8adkyvuRz4eoE3UJHtjSuZHld6GxvLjDUFnmZufgVCSGDmMoNnhp2d1yEFepoaUiAAAAAElFTkSuQmCC) center no-repeat;
    background-size: contain;
}

.s-faq .faq_wrap .faq_list li.active .bottom {
    padding-bottom: 20px;
}

.s-faq .faq_wrap .faq_list li .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
    cursor: pointer;
}

.s-faq .faq_wrap .faq_list li .bottom {
    display: none;
}

.s-faq .faq_wrap .faq_list li .top > span {
    width: calc(100% - 50px);
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}

.s-faq .faq_wrap .faq_list li button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: 0 0;
    border: none;
}

.s-faq .faq_wrap .faq_list li button::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACrSURBVHgB7ZWxDYMwEEX/eQJGSJlMkJRskhmyAdmAFdiEEiaADo/ABJhzgWQq9EEWzT3J0l1hP50sfwtInp/y6xbUQTDrqsaubZj9DiQSUKmo0PKhdQ0SWhhFSV2A5IzwEiY0oQnvF0qSjXRqkPiYvfJ6lxP2cZWT2WkA555sL1wcflp4ZEYHi9/ZX0CiVxDSfuhb6gx7hyY0oQmPiRGVtB4ktHDL3i0bQbIC92Aqh2/FyHkAAAAASUVORK5CYII=) center no-repeat;
    background-size: contain;
}

.s-faq .faq_wrap .faq_list li p, .s-faq .faq_wrap .faq_list li ul li {
    color: #293740;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.s-faq .faq_wrap .faq_list li p:last-child, .s-faq .faq_wrap .faq_list li ul li:last-child {
    margin-bottom: 0;
}

.s-faq.type2 {
    padding-bottom: 6px;
}

@media (max-width: 1199px) {
    .s-faq .faq_wrap .faq_list li {
        padding: 0 20px;
    }

    .s-faq .faq_wrap .faq_list li.active .bottom {
        padding-bottom: 15px;
    }

    .s-faq .faq_wrap .faq_list li .top > span {
        font-size: 18px;
        line-height: 22px;
    }

    .s-faq .faq_wrap .faq_list li .top {
        padding: 15px 0;
    }
}

@media (max-width: 996px) {
    .s-faq .faq_wrap .faq_list li.active button::before {
        width: 26px;
        height: 3px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAECAYAAACdiF9iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgBvZAxFcAgEENzp6ASOrYKYMQJGnAADnAIElAAZEXA8adkyvuRz4eoE3UJHtjSuZHld6GxvLjDUFnmZufgVCSGDmMoNnhp2d1yEFepoaUiAAAAAElFTkSuQmCC) center no-repeat;
        background-size: contain;
    }

    .s-faq .faq_wrap .faq_list li button::before {
        width: 23px;
        height: 23px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7ZSxDYAgEEXvmMARLHUCLd3EGdxAN3AFN7HUCbSTEZxAPAoS6L5KZfgJyV3x718IDyZQRd206qLRMJ1y+n2ZJ8SnCBQb6mVwJmUu9Yj64AA72Ksz0PMo4JVSQAr4LvYIhd82KG2J57JqDgohiqlTCfaxNw8DLkWdFJoiSxa3n+LAqEGu0vj9ts6QN3GQAv4UYMHxWg3a8ABHvCMU9d06vip/+sD2tQAAAABJRU5ErkJggg==) center no-repeat;
        background-size: contain;
    }
}

@media (max-width: 768px) {
    .s-faq .faq_wrap .faq_list li:not(:last-child) {
        margin-bottom: 10px;
    }

    .s-faq .faq_wrap .faq_list li p, .s-faq .faq_wrap .faq_list li ul li {
        max-width: 616px;
        font-size: 14px;
        line-height: 15px;
    }

    .s-faq .faq_wrap .faq_list li .top > span {
        max-width: 623px;
    }

    .s-faq.type2 {
        padding-bottom: 4px;
    }
}

@media (max-width: 750px) {
    .s-faq .faq_wrap .faq_list li {
        padding: 0 15px 0 10px;
    }

    .s-faq .faq_wrap .faq_list li.active .top {
        padding-bottom: 6px;
    }

    .s-faq .faq_wrap .faq_list li.active .top button::before {
        width: 16px;
        height: 3px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAADCAYAAAB1c+RqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwSURBVHgBpc7BEQAgCAPBxGq0An3SmVJ5hBZg/zdznMcuhYeibLm2CU1DhKMhTvwDKVIIxejIZOIAAAAASUVORK5CYII=) center no-repeat;
        background-size: contain;
    }

    .s-faq .faq_wrap .faq_list li button {
        width: 16px;
        height: 16px;
    }

    .s-faq .faq_wrap .faq_list li button::before {
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB2SURBVHgB7ZIxDoAgDEVbPIMuLIx6Ah25mXIzHD2Bq4uTh0AaQ2JiaAwMLLyly+9Lk98GGPpJz61UtpMKrvNYYznBSdDBQtPhM5Mkf6mSL0g1hhaSBH4Xh1E7yET4HzCQgb/EIBd4X7lvNpqtf1JCEuqnGrncDTq6GNQcnLD/AAAAAElFTkSuQmCC) center no-repeat;
        background-size: contain;
    }

    .s-faq .faq_wrap .faq_list li p, .s-faq .faq_wrap .faq_list li ul li {
        font-size: 12px;
        line-height: 13px;
    }

    .s-faq .faq_wrap .faq_list li .top > span {
        font-size: 14px;
        line-height: 17px;
    }

    .s-faq .faq_wrap .faq_list li .top {
        padding: 12px 0;
    }

    .s-faq.type2 {
        padding-bottom: 0;
    }
}

@media (max-width: 430px) {
    .s-faq .faq_wrap .faq_list li .top > span {
        max-width: 240px;
    }

    .s-faq .faq_wrap .faq_list li p, .s-faq .faq_wrap .faq_list li ul li {
        max-width: 258px;
    }
}

.guarant-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 50px 0 30px;
}

.guarant-list .guarant-list_item {
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
    padding: 30px;
}

.guarant-list .guarant-list_item span {
    margin: 10px 0;
    display: block;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.guarant-list .guarant-list_item p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 18px !important;
}

.guarant-list.type2 {
    margin: 0;
}

.guarant-list.type2 .guarant-list_item span {
    text-transform: none;
    margin-bottom: 30px;
}

.guarant-list.type2 .guarant-list_item .btn {
    min-width: 136px;
}

@media (max-width: 1199px) {
    .guarant-list {
        margin-top: 30px;
        gap: 18px;
    }

    .guarant-list .guarant-list_item svg, .guarant-list .guarant-list_item img {
        max-width: 30px;
        max-height: 30px;
    }

    .guarant-list .guarant-list_item span {
        margin: 20px 0;
        font-size: 18px;
        line-height: 22px;
    }

    .guarant-list .guarant-list_item p {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .guarant-list.type2 .guarant-list_item svg, .guarant-list.type2 .guarant-list_item img {
        max-width: 50px;
        max-height: 50px;
    }
}

@media (max-width: 996px) {
    .guarant-list .guarant-list_item {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .guarant-list {
        margin-bottom: 20px;
    }

    .guarant-list .guarant-list_item {
        padding: 18px 18px 21px;
    }

    .guarant-list .guarant-list_item span {
        font-size: 16px;
        margin: 6px 0 10px;
    }

    .guarant-list .guarant-list_item p {
        font-size: 14px !important;
        line-height: 15px !important;
    }

    .guarant-list.type2 {
        gap: 20px;
    }

    .guarant-list.type2 .guarant-list_item {
        padding: 25px 20px 30px;
    }

    .guarant-list.type2 .guarant-list_item span {
        font-size: 18px;
        margin: 10px 0 20px;
        line-height: 22px;
    }

    .guarant-list.type2 .guarant-list_item p {
        font-size: 14px !important;
        line-height: 15px !important;
    }
}

@media (max-width: 750px) {
    .guarant-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .guarant-list .guarant-list_item {
        min-height: 210px;
    }

    .guarant-list.type2 {
        gap: 15px;
    }

    .guarant-list.type2 .guarant-list_item {
        padding: 25px 20px;
        min-height: 218px;
    }

    .guarant-list.type2 .guarant-list_item span {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 15px;
    }
}

.banner {
    position: relative;
    line-height: 1;
}

.banner .swiper-slide {
    position: relative;
    overflow: hidden;
}

.banner .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(163.74deg, rgba(0, 0, 0, 0) 61.5%, rgba(0, 0, 0, 0.2) 85.55%);
    z-index: 1;
}

.banner .banner_wrap {
    position: relative;
    padding: 40px 0;
    height: auto;
    min-height: 682px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner .banner_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: -136px;
    width: 827px;
    height: 100%;
    background: url(../images/slideelm1.png) center no-repeat;
    z-index: 1;
}

.banner .banner_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: -789px;
    width: 800px;
    height: 100%;
    background: #DAE3EA;
    z-index: 1;
}

.banner .bread_crumbs {
    position: relative;
    margin-bottom: 42px;
    z-index: 3;
}

.banner .info {
    position: relative;
    max-width: 529px;
    z-index: 3;
}

.banner .column {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.banner .controls {
    position: relative;
    z-index: 3;
}

.banner h1,
.banner h2 {
    margin-bottom: 30px;
    color: #293740;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: 0.04em;
    font-weight: 700;
    text-transform: uppercase;
}

.banner ul:not(.bread_crumbs ul) {
    max-width: 410px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.banner ul:not(.bread_crumbs ul) li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 26px;
    color: #293740;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
}

.banner ul:not(.bread_crumbs ul) li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26px;
    height: 24px;
    background: url(../images/chk.png) center no-repeat;
    background-size: contain;
}

.banner p {
    max-width: 553px;
    margin-bottom: 54px;
    font-size: 22px;
    line-height: 24px;
}

.banner .btn {
    display: none;
}

.banner .form .btn {
    display: inline-flex;
}

.banner.type2 .banner_wrap {
    padding: 65px 0 84px;
}

.banner.type2 .banner_wrap::before {
    content: "";
    width: 1062px;
    left: 0;
    background: url(../images/slideelm01.png) center no-repeat;
    background-size: contain;
}

.banner.type2 .info {
    max-width: 668px;
}

.banner.type2 ul:not(.bread_crumbs ul) {
    max-width: 535px;
    margin-bottom: 36px;
}

.banner.type2 .swiper-slide {
    background-position: right;
}

.banner.type3 .banner_wrap {
    padding: 15px 0 104px;
}

.banner.type3 .banner_wrap::before {
    content: "";
    width: 1062px;
    left: -93px;
    background: url(../images/slideelm01.png) center no-repeat;
    background-size: contain;
}

.banner.type3 h1 {
    margin-bottom: 21px;
}

.banner.type3 .info {
    max-width: 668px;
}

.banner.type3 ul:not(.bread_crumbs ul) {
    max-width: 535px;
    margin-bottom: 36px;
}

.banner.type3 .swiper-slide {
    background-position: right;
    background-size: contain;
}

.banner.type3 .btn {
    display: inline-flex;
    min-width: 160px;
}

@media (max-width: 1440px) {
    .banner.type2 .banner_wrap::before {
        left: -138px;
    }

    .banner.type3 .banner_wrap {
        min-height: 505px;
    }
}

@media (max-width: 1199px) {
    .banner .banner_wrap {
        min-height: unset;
    }

    .banner h1,
    .banner h2 {
        font-size: 36px;
        line-height: 41px;
    }

    .banner ul:not(.bread_crumbs ul) li {
        font-size: 20px;
    }

    .banner.type2 .banner_wrap {
        padding: 40px 0;
    }

    .banner.type2 .banner_wrap::before {
        left: -136px;
        width: 827px;
        background: url(../images/slideelm1.png) center no-repeat;
    }

    .banner.type2 .banner_wrap .info {
        max-width: 529px;
    }

    .banner.type2 .banner_wrap ul:not(.bread_crumbs ul) {
        margin: 0;
        max-width: 410px;
    }

    .banner.type3 h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .banner.type3 p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 40px;
    }

    .banner.type3 .banner_wrap {
        padding: 40px 0;
    }

    .banner.type3 .banner_wrap::before {
        left: -136px;
        width: 827px;
        background: url(../images/slideelm1.png) center no-repeat;
    }

    .banner.type3 .banner_wrap .info {
        max-width: 455px;
    }

    .banner.type3 .banner_wrap ul:not(.bread_crumbs ul) {
        margin: 0;
        max-width: 410px;
    }
}

@media (max-width: 996px) {
    .banner h1,
    .banner h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .banner ul:not(.bread_crumbs ul) li {
        font-size: 19px;
        line-height: 1.2;
    }
}

@media (max-width: 940px) {
    .banner .banner_wrap {
        padding: 50px 0 30px;
        max-height: 520px;
    }

    .banner .banner_wrap::before {
        width: 631px;
        height: 100%;
        left: -50px;
        background: url(../images/slideelm2.png) center no-repeat;
        background-size: contain;
    }

    .banner .form {
        display: none;
    }

    .banner .column {
        margin-top: 16px;
    }

    .banner .controls {
        margin-left: auto;
    }

    .banner ul:not(.bread_crumbs ul) {
        max-width: 380px;
    }

    .banner ul:not(.bread_crumbs ul) li {
        margin-bottom: 15px;
    }

    .banner ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 40px;
    }

    .banner .btn {
        min-width: 160px;
        display: inline-flex;
    }

    .banner.type2 h1 {
        max-width: 420px;
    }

    .banner.type2 .swiper-slide {
        background-position: right;
        background-size: contain;
    }

    .banner.type3 h1 {
        max-width: 420px;
    }

    .banner.type3 .swiper-slide {
        background-position: right;
        background-size: cover;
    }
}

@media (max-width: 768px) {
    .banner .banner_wrap::before {
        left: -67px;
    }

    .banner h1,
    .banner h2 {
        font-size: 34px;
        line-height: 41px;
        margin-bottom: 25px;
    }

    .banner ul:not(.bread_crumbs ul) {
        max-width: 332px;
    }

    .banner ul:not(.bread_crumbs ul) li {
        font-size: 18px;
        line-height: 20px;
    }

    .banner.type2 h1 {
        max-width: 569px;
    }

    .banner.type2 h1 br {
        display: none;
    }

    .banner.type2 ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 30px;
    }

    .banner.type2 .banner_wrap {
        padding: 57px 0 66px;
    }

    .banner.type2 .banner_wrap::before {
        width: 740px;
        left: 0;
        background: url(../images/slideelm02.png) center no-repeat;
    }

    .banner.type2 .banner_wrap .info {
        max-width: 569px;
    }

    .banner.type2 .swiper-slide {
        background-image: var(--bg) !important;
    }

    .banner.type2 .column {
        display: none;
    }

    .banner.type3 .bread_crumbs {
        margin-bottom: 37px;
    }

    .banner.type3 h1 {
        max-width: 465px;
        margin-bottom: 20px;
    }

    .banner.type3 h1 br {
        display: none;
    }

    .banner.type3 p {
        margin-bottom: 40px;
        max-width: 336px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
    }

    .banner.type3 ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 30px;
    }

    .banner.type3 .banner_wrap {
        padding: 19px 0 0;
        min-height: 442px;
    }

    .banner.type3 .banner_wrap::before {
        width: 740px;
        left: -124px;
        background: url(../images/slideelm02.png) center no-repeat;
    }

    .banner.type3 .banner_wrap .info {
        max-width: 569px;
    }

    .banner.type3 .swiper-slide {
        background-image: var(--bg) !important;
    }

    .banner.type3 .column {
        display: none;
    }
}

@media (max-width: 750px) {
    .banner .banner_wrap {
        padding: 30px 0 40px;
    }

    .banner .banner_wrap::before {
        top: 0;
        left: -78px;
        width: 408px;
        height: 100%;
        background: url(../images/slideelm3.png) center no-repeat;
        background-size: cover;
    }

    .banner h1,
    .banner h2 {
        max-width: 250px;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 15px;
    }

    .banner ul:not(.bread_crumbs ul) {
        max-width: 219px;
    }

    .banner ul:not(.bread_crumbs ul) li {
        padding-left: 32px;
        font-size: 14px;
        line-height: 15px;
    }

    .banner ul:not(.bread_crumbs ul) li br {
        display: none;
    }

    .banner ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 18px;
    }

    .banner ul:not(.bread_crumbs ul) li::before {
        width: 20px;
        height: 18px;
    }

    .banner .column {
        position: absolute;
        right: 0;
        bottom: 40px;
        margin: 0;
        padding-bottom: 3px;
    }

    .banner.type2 h1 {
        max-width: 235px;
    }

    .banner.type2 .banner_wrap {
        padding: 35px 0 45px;
    }

    .banner.type2 .banner_wrap::before {
        left: -167px;
    }

    .banner.type2 .banner_wrap::after {
        display: none !important;
    }

    .banner.type2 .banner_wrap ul:not(.bread_crumbs ul) {
        max-width: 265px;
    }

    .banner.type2 .banner_wrap ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 22px;
    }

    .banner.type2 .swiper-slide {
        background-position: center;
        background-size: cover;
    }

    .banner.type3 h1 {
        max-width: 235px;
    }

    .banner.type3 h1 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 15px;
    }

    .banner.type3 p {
        margin-bottom: 35px;
        font-size: 14px;
        line-height: 15px;
    }

    .banner.type3 .btn {
        height: 36px;
        font-size: 14px;
    }

    .banner.type3 .banner_wrap {
        padding: 27px 0 30px;
        min-height: 378px;
    }

    .banner.type3 .banner_wrap::before {
        left: -167px;
    }

    .banner.type3 .banner_wrap::after {
        display: none !important;
    }

    .banner.type3 .banner_wrap ul:not(.bread_crumbs ul) {
        max-width: 265px;
    }

    .banner.type3 .banner_wrap ul:not(.bread_crumbs ul) li:last-child {
        margin-bottom: 22px;
    }

    .banner.type3 .swiper-slide {
        background-position: center;
        background-size: cover;
    }
}

@media (max-width: 470px) {
    .banner.type2 ul:not(.bread_crumbs ul) {
        max-width: 165px;
    }

    .banner.type2 ul:not(.bread_crumbs ul) li {
        padding: 0;
    }

    .banner.type2 ul:not(.bread_crumbs ul) li::before {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 12px;
    }

    .banner.type2 h1 {
        font-size: 15px;
    }

    .banner.type2 h1 br {
        display: block;
    }

    .banner.type2 .banner_wrap::before {
        width: 523px;
        left: -184px;
        background: url(../images/slideelm03.png) center no-repeat;
    }

    .banner.type2 .banner_wrap ul:not(.bread_crumbs ul) {
        max-width: 165px;
    }

    .banner.type3 .bread_crumbs {
        display: none;
    }

    .banner.type3 ul:not(.bread_crumbs ul) {
        max-width: 165px;
    }

    .banner.type3 ul:not(.bread_crumbs ul) li {
        padding: 0;
    }

    .banner.type3 ul:not(.bread_crumbs ul) li::before {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 12px;
    }

    .banner.type3 h1 {
        max-width: 250px;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 15px;
    }

    .banner.type3 h1 br {
        display: block;
    }

    .banner.type3 p {
        max-width: 155px;
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 35px;
    }

    .banner.type3 .banner_wrap::before {
        width: 523px;
        left: -165px;
        background: url(../images/slideelm03.png) center no-repeat;
    }

    .banner.type3 .banner_wrap ul:not(.bread_crumbs ul) {
        max-width: 165px;
    }
}

.s-sert {
    background: #ffff;
}

.s-sert .sert_wrap .sert_list {
    margin: 0;
    padding: 2px 0 0;
    list-style-type: none;
}

.s-sert .sert_wrap .sert_list li {
    text-align: center;
}

.s-sert .sert_wrap .sert_list li .image {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 380px;
    margin-bottom: 15px;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
    overflow: hidden;
}

.s-sert .sert_wrap .sert_list li .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.s-sert .sert_wrap .sert_list li span {
    display: block;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 768px) {
    .s-sert .sert_wrap .sert_list li span {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 750px) {
    .s-sert .sert_wrap .sert_list li .image {
        height: 193px;
        margin-bottom: 12px;
    }
}

.s-solution .solution_wrap.mob {
    display: none;
}

.s-solution .solution_wrap .solution_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-solution .solution_wrap .solution_list li {
    display: flex;
    align-items: center;
    min-height: 138px;
    gap: 10px;
    padding: 15px 32px 15px 10px;
    background: #ffff;
    border-radius: 10px;
}

.s-solution .solution_wrap .solution_list li.full {
    background-position: center;
    background-size: cover;
}

.s-solution .solution_wrap .solution_list li .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 63px;
    height: 100%;
}

.s-solution .solution_wrap .solution_list li .icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 18px;
    background: url(../images/num21.png) center no-repeat;
    background-size: contain;
    transform: translate(-50%, 0);
}

.s-solution .solution_wrap .solution_list li .icon::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3px;
    height: 18px;
    background: url(../images/num21.png) center no-repeat;
    background-size: contain;
    transform: translate(-50%, 0);
}

.s-solution .solution_wrap .solution_list li .icon span {
    position: absolute;
    color: #53B4F3;
    font-size: 52px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transform: rotate(-90deg);
}

.s-solution .solution_wrap .solution_list li .text {
    width: calc(100% - 73px);
}

.s-solution .solution_wrap .solution_list li .text span {
    display: block;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}

.s-solution .solution_wrap .solution_list li .text p {
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 18px;
}

.s-solution .solution_wrap .image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 21px;
}

.s-solution .solution_wrap .image img {
    max-width: 100%;
    border-radius: 10px;
}

.s-solution.type2 .solution_wrap .solution_list li {
    padding: 48px 25px 48px 10px;
}

.s-solution.type2 .solution_wrap .solution_list li .icon::before {
    height: 30px;
    background: url(../images/num22.png) center no-repeat;
}

.s-solution.type2 .solution_wrap .solution_list li .icon::after {
    height: 30px;
    background: url(../images/num22.png) center no-repeat;
}

.s-solution.w-bg .solution_wrap .solution_list li {
    border: 1px solid #C5CFD6;
}

@media (max-width: 1199px) {
    .s-solution .solution_wrap .solution_list li {
        min-height: 130px;
    }

    .s-solution .solution_wrap .solution_list li .text span {
        font-size: 18px;
        line-height: 22px;
    }

    .s-solution .solution_wrap .solution_list li .icon span {
        font-size: 42px;
    }

    .s-solution.type2 .solution_wrap .solution_list li {
        padding: 15px 32px 15px 10px;
    }
}

@media (max-width: 996px) {
    .s-solution .solution_wrap .solution_list {
        gap: 20px;
    }

    .s-solution .solution_wrap .solution_list li {
        padding: 17px 15px 17px 0;
        gap: 4px;
    }

    .s-solution .solution_wrap .solution_list li .text span br {
        display: none;
    }

    .s-solution .solution_wrap .solution_list li .icon {
        max-height: 160px;
    }

    .s-solution .solution_wrap .solution_list li .text p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 15px;
    }
}

@media (max-width: 768px) {
    .s-solution .solution_wrap .solution_list li .icon {
        width: 51px;
    }

    .s-solution .solution_wrap .solution_list li .text {
        width: calc(100% - 55px);
    }

    .s-solution .solution_wrap .solution_list li .text span {
        font-size: 18px;
        line-height: 22px;
    }

    .s-solution.type2 .solution_wrap .solution_list li {
        padding: 31px 15px 31px 0;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon {
        max-height: 127px;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon::before {
        height: 26px;
        background: url(../images/num21.png) center no-repeat;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon::after {
        height: 26px;
        background: url(../images/num21.png) center no-repeat;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon span {
        font-size: 42px;
    }

    .s-solution.w-bg .solution_wrap .solution_list li {
        border: 1px solid transparent;
    }
}

@media (max-width: 750px) {
    .s-solution .solution_wrap:not(.mob) {
        display: none;
    }

    .s-solution .solution_wrap.mob {
        display: block;
    }

    .s-solution .solution_wrap .solution_list {
        display: flex;
        gap: 0;
    }

    .s-solution .solution_wrap .solution_list li {
        padding: 25px 15px 25px 0;
        min-height: 133px;
        gap: 5px;
    }

    .s-solution .solution_wrap .solution_list li .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 33px;
    }

    .s-solution .solution_wrap .solution_list li .icon::after {
        display: none;
    }

    .s-solution .solution_wrap .solution_list li .icon::before {
        content: "";
        position: absolute;
        width: 3px;
        height: 83px;
        left: 50%;
        top: 50%;
        background: url(../images/Group4741.png) center no-repeat;
        background-size: contain;
        transform: translate(0, -50%);
    }

    .s-solution .solution_wrap .solution_list li .icon span {
        position: relative;
        font-size: 32px;
    }

    .s-solution .solution_wrap .solution_list li .text {
        width: 100%;
        padding-left: 38px;
    }

    .s-solution .solution_wrap .solution_list li .text span {
        position: relative;
        font-size: 14px;
        line-height: 17px;
    }

    .s-solution.type2 .solution_wrap {
        display: block;
    }

    .s-solution.type2 .solution_wrap .solution_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .s-solution.type2 .solution_wrap .solution_list li {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 346px;
        gap: 5px;
        padding: 25px 15px 25px 5px;
    }

    .s-solution.type2 .solution_wrap .solution_list li.full {
        display: none;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon {
        position: relative;
        max-height: 133px;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon::before {
        top: 0;
        transform: none;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon::after {
        display: block;
        top: unset;
        bottom: 0;
        transform: none;
    }

    .s-solution.type2 .solution_wrap .solution_list li .icon span {
        font-size: 32px;
    }

    .s-solution.type2 .solution_wrap .solution_list li .text {
        width: calc(100% - 43px);
        padding-left: 0;
    }

    .s-solution.type2 .solution_wrap .solution_list li .text span {
        font-size: 16px;
        line-height: 1.2;
    }

    .s-solution.w-bg .solution_wrap .solution_list li {
        border: 1px solid #C5CFD6;
    }
}

@media (max-width: 520px) {
    .s-solution .solution_wrap .swiper {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}

@media (max-width: 430px) {
    .s-solution .solution_wrap .image img {
        min-height: 127px;
    }
}

.s-prod .prod-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-prod .prod-list li {
    background: #FFFFFF;
    border-radius: 10px;
}

.s-prod .prod-list li .grids {
    display: none;
}

.s-prod .prod-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.s-prod .prod-list li .product-item__img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    margin: 0;
}

.s-prod .prod-list li .product-item__img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.s-prod .prod-list li .product-item__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 20px 30px;
}

.s-prod .prod-list li .product-item__title {
    color: #293740;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.s-prod .prod-list li .product-item__art {
    color: #6C7880;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.s-prod .prod-list li .product-item__param p {
    margin: 0;
    position: relative;
    padding-left: 22px;
    color: #293740;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.s-prod .prod-list li .product-item__param p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 2px;
    background: #293740;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

.s-prod .prod-list li .product-item__status {
    color: #6C7880;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.s-prod .prod-list li .product-item__status strong {
    font-weight: normal;
    font-weight: 500;
    color: #293740;
}

.s-prod .prod-list li .product-item__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.s-prod .prod-list li .product-item__price .old {
    color: #6C7880;
    font-size: 22px;
    line-height: 25px;
    font-weight: 500;
    text-decoration-line: line-through;
}

.s-prod .prod-list li .product-item__price .new {
    color: #53B4F3;
    font-size: 32px;
    line-height: 37px;
    font-weight: 800;
    text-transform: uppercase;
}

.s-prod .prod-list li .product-item__control {
    padding-top: 9px;
}

.s-prod .prod-list li .product-item__control .btn {
    width: 100%;
}

.s-prod .prod-list li.full {
    grid-column-end: span 4;
    background: unset;
    border-radius: unset;
}

.s-prod .prod-list li.full .form-mini {
    margin: 0;
    background: #FFFFFF;
}

.s-prod .prod-list li.full .form-mini form input[type="text"] {
    background: #F1F6FA;
}

.s-prod.type2 {
    padding-top: 90px;
}

.s-prod .prod-list.grid2, .s-prod .prod-list.grid3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.s-prod .prod-list.grid2 li a, .s-prod .prod-list.grid3 li a {
    display: flex;
    gap: 37px;
}

.s-prod .prod-list.grid2 li a .grid-area, .s-prod .prod-list.grid3 li a .grid-area {
    display: none;
}

.s-prod .prod-list.grid2 li a .product-item__img, .s-prod .prod-list.grid3 li a .product-item__img {
    width: 163px;
    height: 130px;
}

.s-prod .prod-list.grid2 li a .product-item__content, .s-prod .prod-list.grid3 li a .product-item__content {
    width: calc(100% - 200px);
    padding: 37px 30px 37px 0;
    gap: 10px;
}

.s-prod .prod-list.grid2 li a .product-item__status, .s-prod .prod-list.grid3 li a .product-item__status {
    font-size: 16px;
    line-height: 21px;
}

.s-prod .prod-list.grid2 li a .grids, .s-prod .prod-list.grid3 li a .grids {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 52px;
}

.s-prod .prod-list.grid2 li a .product-item__info, .s-prod .prod-list.grid3 li a .product-item__info {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

.s-prod .prod-list.grid2 li a .product-item__param, .s-prod .prod-list.grid3 li a .product-item__param {
    margin-top: 10px;
}

.s-prod .prod-list.grid2 li a .product-item__param p, .s-prod .prod-list.grid3 li a .product-item__param p {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    padding: 0 18px;
    min-height: 36px;
    background: #F1F6FA;
    border-radius: 6px;
}

.s-prod .prod-list.grid2 li a .product-item__param p:nth-child(even), .s-prod .prod-list.grid3 li a .product-item__param p:nth-child(even) {
    background: #FFFF;
}

.s-prod .prod-list.grid2 li a .product-item__param p::before, .s-prod .prod-list.grid3 li a .product-item__param p::before {
    display: none;
}

.s-prod .prod-list.grid2 li a .product-item__param p span, .s-prod .prod-list.grid2 li a .product-item__param p small, .s-prod .prod-list.grid3 li a .product-item__param p span, .s-prod .prod-list.grid3 li a .product-item__param p small {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.s-prod .prod-list.grid2 li a .product-item__param p span, .s-prod .prod-list.grid3 li a .product-item__param p span {
    width: 230px;
}

.s-prod .prod-list.grid2 li a .product-item__param p small, .s-prod .prod-list.grid3 li a .product-item__param p small {
    width: calc(100% - 230px);
}

.s-prod .prod-list.grid2 li a .btn, .s-prod .prod-list.grid3 li a .btn {
    min-width: 136px;
}

.s-prod .prod-list.grid2 li a .cols.left, .s-prod .prod-list.grid3 li a .cols.left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.s-prod .prod-list.grid2 li a .cols.right, .s-prod .prod-list.grid3 li a .cols.right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 10px;
    gap: 25px;
}

.s-prod .prod-list.grid2 li.full, .s-prod .prod-list.grid3 li.full {
    grid-column-end: unset !important;
}

.s-prod .prod-list.grid3 li a .product-item__param {
    display: none;
}

@media (max-width: 1199px) {
    .s-prod .prod-list {
        gap: 20px;
    }

    .s-prod .prod-list li .product-item__title {
        font-size: 18px;
        line-height: 21px;
    }

    .s-prod .prod-list li .product-item__price .new {
        font-size: 20px;
        line-height: 23px;
    }

    .s-prod .prod-list li .product-item__price .old {
        font-size: 14px;
        line-height: 15px;
    }

    .s-prod .prod-list.grid2 li a .grids, .s-prod .prod-list.grid3 li a .grids {
        gap: 37px;
    }

    .s-prod .prod-list.grid2 li a .cols.left, .s-prod .prod-list.grid3 li a .cols.left {
        gap: 4px;
    }

    .s-prod .prod-list.grid2 li a .product-item__content, .s-prod .prod-list.grid3 li a .product-item__content {
        padding: 20px 20px 20px 0;
    }

    .s-prod .prod-list.grid2 li a .product-item__status, .s-prod .prod-list.grid3 li a .product-item__status {
        font-size: 14px;
        line-height: 18px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param, .s-prod .prod-list.grid3 li a .product-item__param {
        margin-top: 11px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price, .s-prod .prod-list.grid3 li a .product-item__price {
        margin-top: 7px;
    }

    .s-prod .prod-list.grid3 li a .grids {
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .s-prod .prod-list.grid3 li a .cols.left {
        gap: 10px;
    }

    .s-prod .prod-list.grid3 li a .cols.right {
        padding-top: 0;
    }

    .s-prod .prod-list.grid3 li a .product-item__price {
        gap: 20px;
    }

    .s-prod.type2 {
        padding-top: 80px;
    }
}

@media (max-width: 996px) {
    .s-prod .prod-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .s-prod .prod-list li.full {
        grid-column-end: span 3;
    }

    .s-prod .prod-list.grid2 li a, .s-prod .prod-list.grid3 li a {
        gap: 16px;
    }

    .s-prod .prod-list.grid2 li a .grids, .s-prod .prod-list.grid3 li a .grids {
        display: flex;
        justify-content: space-between;
        gap: 16px;
    }

    .s-prod .prod-list.grid2 li a .cols.right, .s-prod .prod-list.grid3 li a .cols.right {
        width: 100%;
        max-width: 150px;
    }

    .s-prod .prod-list.grid2 li a .cols.left, .s-prod .prod-list.grid3 li a .cols.left {
        width: calc(100% - 165px);
        max-width: 363px;
    }

    .s-prod .prod-list.grid2 li a .product-item__content, .s-prod .prod-list.grid3 li a .product-item__content {
        padding: 20px;
        padding-left: 0;
        width: calc(100% - 131px);
    }

    .s-prod .prod-list.grid2 li a .product-item__img, .s-prod .prod-list.grid3 li a .product-item__img {
        width: 115px;
        height: 92px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price, .s-prod .prod-list.grid3 li a .product-item__price {
        margin-top: 0;
        gap: 15px;
    }

    .s-prod .prod-list.grid2 li a .cols.right {
        padding-top: 0;
        align-items: flex-end;
        justify-content: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .s-prod .prod-list.grid3 li a .grids {
        align-items: flex-start;
    }

    .s-prod .prod-list.grid3 li a .product-item__img {
        padding-top: 11px;
    }

    .s-prod .prod-list.grid3 li a .cols.left {
        gap: 16px;
    }

    .s-prod .prod-list.grid3 li a .cols.right {
        padding-top: 0;
        align-items: flex-end;
        justify-content: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .s-prod .prod-list {
        gap: 20px;
    }

    .s-prod .prod-list li .product-item__img {
        height: 135px;
    }

    .s-prod .prod-list li .product-item__content {
        padding: 0 15px 20px;
    }

    .s-prod .prod-list li .product-item__control {
        padding-top: 9px;
    }

    .s-prod .prod-list li .product-item__title {
        margin-bottom: 5px;
    }

    .s-prod .prod-list li .product-item__art {
        font-size: 14px;
        line-height: 18px;
    }

    .s-prod .prod-list li .product-item__param p {
        font-size: 14px;
        line-height: 18px;
    }

    .s-prod .prod-list.grid2, .s-prod .prod-list.grid3 {
        gap: 10px;
    }

    .s-prod.type2 {
        padding-top: 60px;
    }
}

@media (max-width: 750px) {
    .s-prod.single {
        margin-top: 10px;
    }

    .s-prod .prod-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .s-prod .prod-list li .product-item__img {
        height: 96px;
    }

    .s-prod .prod-list li .product-item__content {
        padding-bottom: 15px;
        gap: 4px;
    }

    .s-prod .prod-list li .product-item__control {
        padding-top: 6px;
    }

    .s-prod .prod-list li .product-item__title {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 16px;
    }

    .s-prod .prod-list li .product-item__art {
        font-size: 12px;
        line-height: 16px;
    }

    .s-prod .prod-list li .product-item__status {
        font-size: 12px;
        line-height: 16px;
    }

    .s-prod .prod-list li .product-item__param p {
        font-size: 12px;
        line-height: 16px;
    }

    .s-prod .prod-list li .product-item__price .new {
        font-size: 20px;
        line-height: 23px;
    }

    .s-prod .prod-list li .product-item__price .old {
        font-size: 12px;
    }

    .s-prod .prod-list li.full {
        grid-column-end: span 2;
    }

    .s-prod .prod-list.grid2 li, .s-prod .prod-list.grid3 li {
        position: relative;
        padding: 12px 14px 15px;
    }

    .s-prod .prod-list.grid2 li a .product-item__content, .s-prod .prod-list.grid3 li a .product-item__content {
        padding: 0;
        width: 100%;
    }

    .s-prod .prod-list.grid2 li a .product-item__img, .s-prod .prod-list.grid3 li a .product-item__img {
        position: absolute;
        top: 12px;
        left: 0;
        width: 60px;
        height: 48px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price, .s-prod .prod-list.grid3 li a .product-item__price {
        margin-top: 0;
        gap: 15px;
    }

    .s-prod .prod-list.grid2 li a .product-item__status, .s-prod .prod-list.grid3 li a .product-item__status {
        font-size: 12px;
        line-height: 16px;
    }

    .s-prod .prod-list.grid2 li a .product-item__title, .s-prod .prod-list.grid3 li a .product-item__title {
        width: calc(100% - 66px);
        padding-left: 51px;
    }

    .s-prod .prod-list.grid2 li a .product-item__art, .s-prod .prod-list.grid3 li a .product-item__art {
        font-size: 12px;
        line-height: 16px;
    }

    .s-prod .prod-list.grid2 li a .product-item__info, .s-prod .prod-list.grid3 li a .product-item__info {
        width: calc(100% - 66px);
        padding-left: 51px;
        align-items: center;
        gap: 21px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param, .s-prod .prod-list.grid3 li a .product-item__param {
        margin-top: 14px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param p, .s-prod .prod-list.grid3 li a .product-item__param p {
        min-height: 30px;
        padding: 0 10px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param p span, .s-prod .prod-list.grid3 li a .product-item__param p span {
        width: 160px;
        font-size: 12px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param p small, .s-prod .prod-list.grid3 li a .product-item__param p small {
        width: calc(100% - 160px);
        font-size: 12px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price, .s-prod .prod-list.grid3 li a .product-item__price {
        gap: 10px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price .new, .s-prod .prod-list.grid3 li a .product-item__price .new {
        font-size: 16px;
        line-height: 18px;
    }

    .s-prod .prod-list.grid2 li a .product-item__price .old, .s-prod .prod-list.grid3 li a .product-item__price .old {
        font-size: 12px;
        line-height: 14px;
    }

    .s-prod .prod-list.grid2 li a .grids, .s-prod .prod-list.grid3 li a .grids {
        flex-direction: column;
        gap: 14px;
    }

    .s-prod .prod-list.grid2 li a .cols.left, .s-prod .prod-list.grid3 li a .cols.left {
        width: 100%;
        max-width: none;
    }

    .s-prod .prod-list.grid2 li a .cols.right, .s-prod .prod-list.grid3 li a .cols.right {
        width: 100%;
        max-width: none;
        align-items: center;
        flex-direction: row;
        gap: 20px;
    }

    .s-prod .prod-list.grid2 li a .btn, .s-prod .prod-list.grid3 li a .btn {
        min-width: 121px;
        font-size: 12px;
    }

    .s-prod .prod-list.grid3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .s-prod .prod-list.grid3 li {
        padding: 12px 14px 15px 0;
    }

    .s-prod .prod-list.grid3 li a {
        gap: 6px;
    }

    .s-prod .prod-list.grid3 li a .grids {
        gap: 10px;
    }

    .s-prod .prod-list.grid3 li a .product-item__content {
        width: calc(100% - 66px);
    }

    .s-prod .prod-list.grid3 li a .product-item__img {
        position: relative;
        top: unset;
        left: unset;
        padding-top: 0;
    }

    .s-prod .prod-list.grid3 li a .product-item__title {
        width: 100%;
        padding: 0;
    }

    .s-prod .prod-list.grid3 li a .product-item__info {
        width: 100%;
        padding: 0;
    }

    .s-prod .prod-list.grid3 li a .cols.left {
        gap: 4px;
    }

    .s-prod .prod-list.grid3 li.full {
        grid-column-end: span 2 !important;
        padding: 0;
    }

    .s-prod.type2 {
        padding-top: 40px;
    }
}

@media (max-width: 720px) {
    .s-prod .prod-list.grid3 li a .product-item__price {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .s-prod .prod-list.grid3 li a .cols.right {
        gap: 26px;
    }
}

@media (max-width: 620px) {
    .s-prod .prod-list.grid3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .s-prod .prod-list.grid3 li:not(.full) {
        max-width: 290px;
        margin: 0 auto;
    }

    .s-prod .prod-list.grid3 li.full {
        grid-column-end: unset !important;
    }
}

@media (max-width: 520px) {
    .s-prod .prod-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .s-prod .prod-list li:not(.full) {
        max-width: 232px;
        margin: 0 auto;
    }

    .s-prod .prod-list li.full {
        grid-column-end: span 1;
    }

    .s-prod .prod-list.grid2 li:not(.full) {
        width: 100%;
        max-width: unset;
        margin: 0 auto;
    }

    .s-prod .prod-list.grid2 li a .product-item__info {
        width: 100%;
    }

    .s-prod .prod-list.grid2 li a .product-item__title {
        width: 100%;
    }

    .s-prod .prod-list.grid2 li a .product-item__param {
        margin-top: 7px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param p span {
        width: 158px;
    }

    .s-prod .prod-list.grid2 li a .product-item__param p small {
        width: calc(100% - 158px);
    }

    .s-prod .prod-list.grid2 li a .cols.right {
        justify-content: space-between;
    }
}

.s-stati .stati_wrap .stati_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-stati .stati_wrap .stati_list > li {
    position: relative;
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
    overflow: hidden;
}

.s-stati .stati_wrap .stati_list > li.full {
    grid-column-end: span 2;
}

.s-stati .stati_wrap .stati_list > li.full .info {
    height: 100%;
    display: flex;
    padding: 30px;
}

.s-stati .stati_wrap .stati_list > li.full .info img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.s-stati .stati_wrap .stati_list > li.full .info .title {
    position: relative;
    margin-top: auto;
    color: #FFFFFF;
    z-index: 3;
}

.s-stati .stati_wrap .stati_list > li.full .image, .s-stati .stati_wrap .stati_list > li.full .desc {
    display: none;
}

.s-stati .stati_wrap .stati_list > li .image {
    height: 168px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.s-stati .stati_wrap .stati_list > li .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.s-stati .stati_wrap .stati_list > li .desc {
    padding: 20px;
}

.s-stati .stati_wrap .stati_list > li .title {
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.s-stati .stati_wrap .stati_list > li p {
    margin: 10px 0 0;
    color: #293740;
    font-size: 16px;
    line-height: 18px;
}

@media (max-width: 1199px) {
    .s-stati .stati_wrap .stati_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .s-stati .stati_wrap .stati_list > li.full {
        grid-column-end: span 1;
    }

    .s-stati .stati_wrap .stati_list > li.full .info {
        display: none;
    }

    .s-stati .stati_wrap .stati_list > li.full .image {
        display: flex;
    }

    .s-stati .stati_wrap .stati_list > li.full .desc {
        display: block;
    }
}

@media (max-width: 996px) {
    .s-stati .stati_wrap .stati_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .s-stati .stati_wrap .stati_list {
        gap: 20px;
    }

    .s-stati .stati_wrap .stati_list > li.full .info {
        display: flex;
        padding: 20px;
    }

    .s-stati .stati_wrap .stati_list > li.full .image, .s-stati .stati_wrap .stati_list > li.full .desc {
        display: none;
    }

    .s-stati .stati_wrap .stati_list > li .image {
        height: 188px;
    }

    .s-stati .stati_wrap .stati_list > li .image img {
        max-width: 100%;
        object-fit: cover;
    }

    .s-stati .stati_wrap .stati_list > li .desc {
        padding-bottom: 25px;
    }

    .s-stati .stati_wrap .stati_list > li .title {
        font-size: 16px;
        line-height: 19px;
    }

    .s-stati .stati_wrap .stati_list > li p {
        font-size: 14px;
        line-height: 15px;
    }

    .s-stati .stati_wrap .stati_list.page-s {
        grid-template-columns: repeat(3, 1fr);
    }

    .s-stati .stati_wrap .stati_list.page-s li .image {
        height: 168px;
    }

    .s-stati .stati_wrap .stati_list.page-s li .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .s-stati .stati_wrap .stati_list.page-s li .desc {
        padding-bottom: 20px;
    }
}

@media (max-width: 750px) {
    .s-stati .stati_wrap .stati_list:not(.page-s) {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        max-width: 470px;
        margin: 0 auto;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li {
        min-height: 220px;
        background-image: var(--bg) !important;
        background-position: center;
        background-size: cover;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li .image {
        display: none;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li .title {
        color: #ffff;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li .desc {
        display: flex;
        height: 100%;
        align-items: flex-end;
        padding-bottom: 20px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li .desc p {
        display: none;
    }

    .s-stati.type2 .head {
        align-items: center;
    }

    .s-stati.type2 .head .btn {
        display: flex;
        height: 36px;
        font-size: 14px;
    }

    .s-stati .stati_wrap .stati_list.page-s {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .s-stati .load {
        display: block;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li.first {
        min-height: 144px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li:nth-child(n+6) {
        display: none;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li.ch {
        min-height: 59px;
        background-image: none !important;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li.ch a .desc {
        justify-content: space-between;
        padding: 20px 15px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li.ch .title {
        color: #293740;
        font-size: 16px;
        line-height: 19px;
        width: calc(100% - 35px);
    }
}

@media (max-width: 680px) {
    .s-stati .stati_wrap .stati_list.page-s {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .s-stati .stati_wrap .stati_list.page-s li {
        max-width: 345px;
        margin: 0 auto;
    }
}

@media (max-width: 430px) {
    .s-stati .stati_wrap .stati_list:not(.page-s) li.full .info {
        padding: 0 14px 20px 20px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) {
        max-width: 290px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li {
        min-height: 144px;
    }

    .s-stati .stati_wrap .stati_list:not(.page-s) li .info {
        padding: 0 14px 20px 20px;
    }

    .s-stati .stati_wrap .stati_list.page-s li {
        max-width: 232px;
    }

    .s-stati.type2 .stati_wrap .stati_list:not(.page-s) {
        max-width: unset !important;
    }
}

.s-brand {
    background: #ffff;
}

.s-brand .brand_wrap .brand_list {
    margin: 0;
    padding: 2px 0 0;
    list-style-type: none;
}

.s-brand .brand_wrap .brand_list li {
    text-align: center;
}

.s-brand .brand_wrap .brand_list li .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 117px;
    padding: 10px;
    border: 1px solid #C5CFD6;
    border-radius: 6px;
    margin-bottom: 15px;
}

.s-brand .brand_wrap .brand_list li .image img {
    max-width: 100%;
    max-height: 100%;
}

.s-brand .brand_wrap .brand_list li span {
    display: block;
    padding: 0 20px;
    margin: 0;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
}

.s-brand.type2 .brand_wrap .brand_list li .image {
    margin-bottom: 0;
    padding: 4px;
}

.s-brand.type3 .brand_wrap .brand_list li .image {
    margin-bottom: 0;
    padding: 4px;
}

@media (max-width: 1199px) {
    .s-brand .brand_wrap .brand_list li span {
        padding: 0;
    }
}

@media (max-width: 996px) {
    .s-brand .brand_wrap .brand_list li .image {
        margin-bottom: 15px;
    }

    .s-brand.type2 .brand_wrap .brand_list li .image {
        height: 90px;
    }

    .s-brand.type3 .brand_wrap .brand_list li .image {
        height: 90px;
    }
}

@media (max-width: 768px) {
    .s-brand.type2 .brand_wrap .brand_list li .image {
        height: 74px;
    }

    .s-brand.type3 .brand_wrap .brand_list li .image {
        height: 74px;
    }
}

@media (max-width: 750px) {
    .s-brand .brand_wrap .brand_list li .image {
        height: 95px;
        margin-bottom: 13px;
    }

    .s-brand .brand_wrap .brand_list li span {
        font-size: 18px;
        line-height: 22px;
    }

    .s-brand.type2 .brand_wrap .brand_list li .image {
        height: 60px;
    }

    .s-brand.type3 .brand_wrap .brand_list li .image {
        height: 60px;
    }
}

@media (max-width: 680px) {
    .s-brand .brand_wrap .brand_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.s-adv {
    padding: 60px 0;
    background: #ffff;
}

.s-adv .adv_wrap .adv_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-adv .adv_wrap .adv_list li {
    text-align: center;
}

.s-adv .adv_wrap .adv_list li .icon {
    position: relative;
    padding-bottom: 27px;
    margin-bottom: 20px;
    color: #000; /*#53B4F3*/
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
}

.s-adv .adv_wrap .adv_list li .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 58px;
    height: 3px;
    background: url(../images/line.png) center no-repeat;
    transform: translate(-50%, 0);
}

.s-adv .adv_wrap .adv_list li p {
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    margin: 0;
}

.s-adv.type2 {
    padding-bottom: 0;
}

.s-adv.type3 {
    padding-bottom: 90px;
}

@media (max-width: 1199px) {
    .s-adv .adv_wrap .adv_list li .icon {
        padding-bottom: 20px;
        font-size: 32px;
        line-height: 1.2;
    }

    .s-adv .adv_wrap .adv_list li p {
        font-size: 20px;
    }

    .s-adv.type3 {
        padding-bottom: 80px;
    }
}

@media (max-width: 996px) {
    .s-adv .adv_wrap .adv_list {
        gap: 24px;
    }

    .s-adv .adv_wrap .adv_list li .icon {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 30px;
        line-height: 36px;
    }

    .s-adv .adv_wrap .adv_list li p {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 768px) {
    .s-adv {
        padding: 40px 0;
    }

    .s-adv .adv_wrap .adv_list li .icon::before {
        width: 35px;
        background: url(../images/line2.png) center no-repeat;
        background-size: contain;
    }

    .s-adv.type2 {
        padding-bottom: 6px;
    }

    .s-adv.type3 {
        padding-bottom: 60px;
    }
}

@media (max-width: 750px) {
    .s-adv {
        padding: 30px 0;
    }

    .s-adv .adv_wrap .adv_list {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 30px;
    }

    .s-adv .adv_wrap .adv_list li .icon {
        font-size: 24px;
        line-height: 29px;
    }

    .s-adv .adv_wrap .adv_list li .icon::before {
        width: 30px;
        background: url(../images/line3.png) center no-repeat;
        background-size: contain;
    }

    .s-adv .adv_wrap .adv_list li p {
        font-size: 16px;
        line-height: 19px;
    }

    .s-adv.type2 {
        padding-bottom: 0;
    }

    .s-adv.type3 {
        padding-bottom: 40px;
    }
}

.s-catalog .block_title {
    margin: 0;
}

.s-catalog .catalog_wrap {
    margin: 20px 0 40px;
}

.s-catalog .catalog_wrap .catalog_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-catalog .catalog_wrap .catalog_list li a {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
}

.s-catalog .catalog_wrap .catalog_list li a .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 137px;
    margin: 0;
}

.s-catalog .catalog_wrap .catalog_list li a .image img {
    max-width: 100%;
    max-height: 100%;
}

.s-catalog .catalog_wrap .catalog_list li a .desc {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    padding: 0 20px;
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    background: linear-gradient(0deg, rgba(83, 180, 243, 0.5) 0%, rgba(83, 180, 243, 0.1) 100%);
}

.s-catalog .catalog_wrap .catalog_list li a .desc span {
    display: block;
    text-align: center;
}

.s-catalog .catalog_wrap .catalog_list li a .desc span.mob {
    display: none;
}

@media (max-width: 1199px) {
    .s-catalog .catalog_wrap .catalog_list li a .image {
        height: 100px;
    }

    .s-catalog .catalog_wrap .catalog_list li a .desc {
        min-height: 60px;
        font-size: 16px;
    }
}

@media (max-width: 996px) {
    .s-catalog .catalog_wrap .catalog_list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 25px;
        column-gap: 20px;
    }
}

@media (max-width: 768px) {
    .s-catalog .catalog_wrap .catalog_list {
        grid-template-columns: repeat(4, 1fr);
    }

    .s-catalog .catalog_wrap .catalog_list li a .image {
        height: 97px;
    }

    .s-catalog .catalog_wrap .catalog_list li a .desc {
        padding: 0;
        min-height: 50px;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 750px) {
    .s-catalog .catalog_wrap .catalog_list {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 16px;
    }

    .s-catalog .catalog_wrap .catalog_list .image {
        height: 71px;
    }

    .s-catalog .catalog_wrap .catalog_list .desc {
        font-size: 13px;
    }
}

@media (max-width: 430px) {
    .s-catalog .catalog_wrap .catalog_list li .desc.lp span:not(.mob) {
        display: none;
    }

    .s-catalog .catalog_wrap .catalog_list li .desc.lp span.mob {
        display: block;
    }

    .s-catalog .catalog_wrap .catalog_list li.hidden {
        display: none;
    }
}

.s-blog:not(.section2) {
    padding-bottom: 50px;
}

.s-blog .blog_wrap .blog_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-blog .blog_wrap .blog_list.swiper-wrapper {
    display: flex !important;
    gap: 0 !important;
}

.s-blog .blog_wrap .blog_list li {
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

.s-blog .blog_wrap .blog_list li:hover img {
    scale: 1.1;
}

.s-blog .blog_wrap .blog_list li .image {
    height: 300px;
    margin: 0;
    overflow: hidden;
}

.s-blog .blog_wrap .blog_list li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 0.3s ease-in-out;
}

.s-blog .blog_wrap .blog_list li .title {
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.s-blog .blog_wrap .blog_list li .desc {
    padding: 25px;
}

.s-blog .blog_wrap .blog_list li .buttons {
    display: flex;
    justify-content: space-between;
    gap: 43px;
    margin-top: 20px;
}

.s-blog .blog_wrap .blog_list li .buttons .btn {
    min-width: 136px;
}

.s-blog.type2 .block_title {
    max-width: 791px;
}

.s-blog.type2 .blog_wrap.mob {
    display: none;
}

.s-blog.type2 .blog_wrap .blog_list li .image {
    height: 210px;
}

.s-blog.type2 .blog_wrap .blog_list li .title {
    font-size: 22px;
    line-height: 26px;
}

.s-blog.type2 .blog_wrap .blog_list li .desc {
    padding: 25px 30px 30px;
}

.s-blog.type2 .blog_wrap .blog_list li p {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 18px;
}

@media (max-width: 1199px) {
    .s-blog .blog_wrap .blog_list li .buttons {
        gap: 24px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .desc {
        padding: 25px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1130px) {
    .s-blog .blog_wrap .blog_list li .desc {
        padding: 15px;
    }

    .s-blog .blog_wrap .blog_list li .buttons {
        gap: 0;
        justify-content: space-between;
    }

    .s-blog .blog_wrap .blog_list li .buttons .btn {
        white-space: nowrap;
    }
}

@media (max-width: 1034px) {
    .s-blog .blog_wrap .blog_list li .image {
        height: 254px;
    }

    .s-blog .blog_wrap .blog_list li .buttons {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 996px) {
    .s-blog .blog_wrap .blog_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .s-blog .blog_wrap .blog_list li .image {
        height: 254px;
    }
}

@media (max-width: 768px) {
    .s-blog:not(.section2) {
        padding-bottom: 10px;
    }

    .s-blog .blog_wrap .blog_list {
        gap: 20px;
    }

    .s-blog .blog_wrap .blog_list .desc {
        padding: 20px 20px 25px;
    }

    .s-blog .blog_wrap .blog_list .buttons {
        flex-direction: row !important;
        margin-top: 15px;
    }

    .s-blog.type2 .blog_wrap .blog_list {
        gap: 30px;
    }

    .s-blog.type2 .blog_wrap .blog_list li p {
        margin: 11px 0 0;
    }

    .s-blog.type2 .blog_wrap .blog_list li .image {
        height: 200px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .desc {
        padding: 16.15px 22px 34px;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .image {
        height: 300px;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .buttons {
        display: none;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .desc {
        padding: 20px 20px 25px;
    }
}

@media (max-width: 750px) {
    .s-blog:not(.section2) {
        padding-bottom: 0;
    }

    .s-blog .blog_wrap .blog_list li .desc {
        padding: 15px 15px 20px;
    }

    .s-blog .blog_wrap .blog_list li .image {
        height: 300px;
    }

    .s-blog .blog_wrap .blog_list li .title {
        font-size: 18px;
        line-height: 22px;
    }

    .s-blog .blog_wrap .blog_list li .buttons {
        flex-direction: row !important;
        margin-top: 15px;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .image {
        height: 242px;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .desc {
        padding: 15px 20px 18px;
    }

    .s-blog .blog_wrap .blog_list.swiper-wrapper li .title {
        font-size: 16px;
    }

    .s-blog.type2 .blog_wrap .blog_list {
        gap: 20px;
    }

    .s-blog.type2 .blog_wrap .blog_list li {
        background: 0 0;
        border: none;
        border-radius: 0;
    }

    .s-blog.type2 .blog_wrap .blog_list li .image {
        height: 200px;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .desc {
        padding: 21px;
        background: #FFFFFF;
        border-radius: 7.83784px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .title {
        font-size: 16px;
        line-height: 19px;
    }

    .s-blog.type2 .blog_wrap .blog_list li p {
        margin: 8px 0 0;
        font-size: 14px;
        line-height: 15px;
    }
}

@media (max-width: 680px) {
    .s-blog .blog_wrap .blog_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .s-blog .blog_wrap .blog_list li {
        max-width: 345px;
        margin: 0 auto;
    }

    .s-blog .blog_wrap .blog_list li .image {
        height: 242px;
    }

    .s-blog.type2 .blog_wrap .blog_list li .image {
        height: 200px;
    }

    .s-blog.type2 .blog_wrap:not(.mob) {
        display: none;
    }

    .s-blog.type2 .blog_wrap.mob {
        display: block;
    }
}

@media (max-width: 430px) {
    .s-blog .blog_wrap .blog_list li .buttons .btn {
        min-width: 121px;
    }
}

.page.typ2 {
    padding-bottom: 76px;
}

.page.typ3 {
    padding-bottom: 0;
}

.page {
    padding-bottom: 35px;
}

.page .page-inner h2 {
    margin-top: 30px;
    margin-bottom: 15px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.page .page-inner h2:first-child {
    margin-top: 0;
}

.page .page-inner h4, .page .page-inner h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}

.page .page-inner h4:first-child, .page .page-inner h3:first-child {
    margin-top: 0;
}

.page .page-inner p:has(img) {
    margin-top: 30px;
    margin-bottom: 30px;
}

.page .page-inner p:has(img) img {
    max-width: 570px;
    border-radius: 10px;
}

.page .page-inner p { /*max-width: 872px;*/
}

.page .page-inner p, .page .page-inner ul li {
    margin-bottom: 15px;
    color: #293740;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.page .page-inner ul {
    max-width: 570px;
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
}

.page .page-inner ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 4px;
}

.page .page-inner ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #293740;
    border-radius: 50%;
}

.page .page-inner ul li:last-child {
    margin-bottom: 0;
}

.page .page-inner .gallery {
    padding-bottom: 40px;
}

.page .page-inner .gallery .im {
    max-height: 173px;
    border-radius: 10px;
    overflow: hidden;
}

.page .page-inner .gallery .im img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page .proj_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.page .proj_list .right h4 {
    margin-top: 15px;
}

.page .proj_list .right h4:first-child {
    margin-top: 0;
}

.page .proj_list .right .btn {
    min-width: 136px;
    margin-top: 20px;
}

.page .swiper-button-prev, .page .swiper-button-next {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translate(0, -50%);
    z-index: 3;
}

.page .swiper-button-prev svg {
    transform: scaleX(-1);
}

.page .swiper-button-next {
    right: 13px;
    left: unset;
}

.page .thumbs-slider {
    position: relative;
    width: 100%;
    max-width: 570px;
}

.page .thumbs-slider .swiper-pagination {
    display: none;
}

.page .thumbs-slider .linee {
    position: absolute;
    bottom: 25px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 10px;
    cursor: pointer;
    z-index: 4;
}

.page .thumbs-slider .linee img {
    max-width: 76px;
}

.page .thumbs-slider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.page .thumbs-slider ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 580px;
    border-radius: 0;
    padding: 0 !important;
}

.page .thumbs-slider ul li::before {
    display: none;
}

.page .thumbs-slider ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.page .thumbs-slider ul li img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    border-radius: 10px;
}

.page .thumbs-slider.type2 ul li img {
    background: #ffff;
}

.page .card-slider.type2 ul li {
    border: 1px solid transparent;
}

.page .card-slider.type2 ul li.swiper-slide-thumb-active {
    border: 1px solid #53B4F3;
}

.page .card-slider.type2 ul li img {
    background: #ffff;
}

.page .card-slider {
    position: relative;
    width: 100%;
    max-width: 570px;
    margin-top: 30px;
}

.page .card-slider ul {
    max-width: unset;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.page .card-slider ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    border-radius: 10px;
    padding: 0 !important;
    transition: all ease 0.3s;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
}

.page .card-slider ul li:hover {
    border-color: #53B4F3;
}

.page .card-slider ul li::before {
    display: none;
}

.page .card-slider ul li.swiper-slide-thumb-active {
    border: 6px solid #53B4F3;
}

.page .card-slider ul li.swiper-slide-thumb-active img {
    border-radius: 4px;
}

.page .card-slider ul li img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    border-radius: 10px;
    overflow: hidden;
}

.page .page-inner .page-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.page .page-inner .page-box .item {
    max-width: 772px;
    padding: 30px 10px 20px 30px;
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

.page .page-inner .page-box h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
}

.page .page-inner .page-box p {
    margin-bottom: 10px;
}

.page .page-inner .page-box p a {
    color: #293740;
    font-weight: 700;
    text-decoration: underline;
    transition: 0.3s;
}

.page .page-inner .page-box p a:hover {
    text-decoration: none;
}

.page .page-inner .page-box h4 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 19px;
}

.page .page-inner .page-box ul {
    max-width: unset;
    margin-bottom: 10px;
}

.page .page-inner .page-box ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
    line-height: 19px;
}

.page .page-inner .page-box ul li:last-child {
    margin-bottom: 0;
}

.page .page-inner .page-box ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 11px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0tMC4wMDA0NDQ0NDUgMC43NTA0M0wtMC4wMDA0NDUwMzUgMTQuMjUwNEMtMS42ODQxM2UtMDUgMTQuMzg3MSAwLjAzNzY4IDE0LjUyMTEgMC4xMDg1ODkgMTQuNjM3OUMwLjE3OTQ5NiAxNC43NTQ4IDAuMjgwOTI4IDE0Ljg1MDEgMC40MDE5NjkgMTQuOTEzNkMwLjUyMzAxIDE0Ljk3NzEgMC42NTkwNzUgMTUuMDA2MyAwLjc5NTUxNiAxNC45OTgzQzAuOTMxOTU4IDE0Ljk5MDIgMS4wNjM2MSAxNC45NDUgMS4xNzYzMSAxNC44Njc3TDEwLjkyNjMgOC4xMTc2OEMxMS4zMzA2IDcuODM3OTMgMTEuMzMwNiA3LjE2NDQzIDEwLjkyNjMgNi44ODM5M0wxLjE3NjMxIDAuMTMzOTNDMS4wNjM4NSAwLjA1NTc5ODUgMC45MzIxMjggMC4wMDk5ODA0NyAwLjc5NTQ1OSAwLjAwMTQ1Mzc0QzAuNjU4NzkgLTAuMDA3MDcyOTkgMC41MjIzOTcgMC4wMjIwMTc3IDAuNDAxMSAwLjA4NTU2NTNDMC4yNzk4MDIgMC4xNDkxMTMgMC4xNzgyNCAwLjI0NDY4NyAwLjEwNzQ0NyAwLjM2MTkwM0MwLjAzNjY1NDUgMC40NzkxMTkgLTAuMDAwNjYwOTIzIDAuNjEzNDk1IC0wLjAwMDQ0NDQ0NSAwLjc1MDQzWiIgZmlsbD0iIzUzQjRGMyIvPg0KPC9zdmc+DQo=);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 1199px) {
    .page {
        padding-bottom: 11px;
    }

    .page .page-inner h4, .page .page-inner h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .page .page-inner p {
        max-width: unset;
    }

    .page .page-inner p, .page .page-inner ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .page .page-inner ul {
        max-width: unset;
    }

    .page .page-inner ul li {
        position: relative;
        padding-left: 15px;
        margin-bottom: 4px;
    }

    .page .page-inner ul li::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 3px;
        height: 3px;
        background: #293740;
        border-radius: 50%;
    }

    .page .page-inner ul li:last-child {
        margin-bottom: 0;
    }

    .page .proj_list {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
    }

    .page .proj_list .thumbs-slider {
        max-width: 359px;
    }

    .page .proj_list .thumbs-slider ul li {
        height: 359px;
    }

    .page .proj_list .card-slider {
        max-width: 359px;
        margin-top: 20px;
    }

    .page .proj_list .card-slider ul li {
        height: 76px;
    }

    .page .swiper-button-prev {
        left: 10px;
    }

    .page .swiper-button-next {
        right: 10px;
    }

    .page .thumbs-slider.type2 {
        max-width: 359px;
    }

    .page .thumbs-slider.type2 ul li {
        height: 359px;
    }

    .page .card-slider.type2 {
        max-width: 359px;
        margin-top: 20px;
    }

    .page .card-slider.type2 ul li {
        height: 76px;
    }

    .page .page-inner .page-box {
        gap: 20px;
    }

    .page .page-inner .page-box h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .page .page-inner .page-box h4 {
        font-size: 14px;
        line-height: 17px;
    }

    .page .page-inner .page-box p {
        max-width: unset;
    }

    .page .page-inner .page-box p, .page .page-inner .page-box ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .page .page-inner .page-box ul {
        max-width: unset;
    }

    .page .page-inner .page-box ul li {
        position: relative;
        padding-left: 28px;
    }
}

@media (max-width: 996px) {
    .page .page-inner .page-box .item {
        max-width: unset;
    }
}

@media (max-width: 768px) {
    .page.typ2 {
        padding-bottom: 43px;
    }

    .page {
        overflow: hidden;
    }

    .page .page-inner .gallery {
        padding-bottom: 50px;
        width: calc(100% + 20px);
        margin-right: -20px;
    }

    .page .page-inner p:has(img) img {
        max-width: 549px;
    }

    .page .thumbs-slider .linee {
        right: 16px;
        bottom: 16px;
        width: 75px;
        height: 75px;
    }

    .page .thumbs-slider .linee img {
        max-width: 47px;
    }
}

@media (max-width: 750px) {
    .page {
        padding-bottom: 0;
    }

    .page .page-inner h4, .page .page-inner h3, .page .page-inner h2 {
        margin: 20px 0 10px;
        font-size: 16px;
        line-height: 19px;
    }

    .page .page-inner .gallery {
        width: 100%;
        margin: 0;
    }

    .page .thumbs-slider .linee {
        width: 61px;
        height: 61px;
        right: 13px;
        bottom: 13px;
    }

    .page .thumbs-slider .linee img {
        max-width: 38px;
    }

    .page .thumbs-slider.type2 {
        max-width: 289px;
    }

    .page .thumbs-slider.type2 ul li {
        height: 289px;
    }

    .page .card-slider.type2 {
        max-width: 289px;
        margin-top: 12px;
    }

    .page .card-slider.type2 ul li {
        height: 61px;
    }

    .page .proj_list .thumbs-slider {
        max-width: 289px;
    }

    .page .proj_list .thumbs-slider ul li {
        height: 289px;
    }

    .page .proj_list .card-slider {
        max-width: 289px;
        margin-top: 12px;
    }

    .page .proj_list .card-slider ul li {
        height: 61px;
    }

    .page .proj_list {
        flex-direction: column;
        gap: 30px;
    }

    .page .proj_list .left {
        width: 100%;
    }

    .page .proj_list .right {
        width: 100%;
    }

    .page .proj_list .right .btn {
        min-width: 121px;
        max-width: 121px;
        margin-top: 5px;
        font-size: 12px;
    }

    .page .page-inner p:has(img) {
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .page .page-inner p:has(img) img {
        max-width: 100%;
    }

    .page .page-inner .gallery {
        padding-bottom: 30px;
    }

    .page .page-inner .page-box {
        gap: 10px;
    }

    .page .page-inner .page-box .item {
        padding: 15px 15px 5px;
    }

    .page .page-inner .page-box h3, .page .page-inner .page-box h2 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .page .page-inner .page-box h4 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .page .page-inner .page-box p {
        max-width: unset;
    }

    .page .page-inner .page-box p, .page .page-inner .page-box ul li {
        line-height: 17px;
    }

    .page .page-inner .page-box ul li {
        padding-left: 23px;
    }

    .page.typ2 {
        padding-bottom: 26px;
    }
}

@media (max-width: 350px) {
    .page .proj_list .thumbs-slider {
        max-width: unset;
    }

    .page .proj_list .card-slider {
        max-width: unset;
    }

    .page .thumbs-slider.type2 {
        max-width: unset;
    }

    .page .card-slider.type2 {
        max-width: unset;
    }
}

.title-b {
    margin-bottom: 15px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}

.s-reviews .reviews_wrap .reviews_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-reviews .reviews_wrap .reviews_list li {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
    padding: 40px;
    background: #ffff;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
}

.s-reviews .reviews_wrap .reviews_list li:last-child {
    margin-bottom: 0;
}

.s-reviews .reviews_wrap .reviews_list li .text {
    width: calc(100% - 310px);
}

.s-reviews .reviews_wrap .reviews_list li .image {
    width: 100%;
    max-width: 270px;
    height: 366px;
    margin: 0;
}

.s-reviews .reviews_wrap .reviews_list li .image .title-b {
    display: none;
}

.s-reviews .reviews_wrap .reviews_list li .image a {
    display: block;
    width: 100%;
    height: 100%;
}

.s-reviews .reviews_wrap .reviews_list li .image a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.s-reviews .reviews_wrap .reviews_list li p {
    margin-bottom: 15px;
    color: #293740;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.s-reviews .reviews_wrap .reviews_list li p:last-child {
    margin-bottom: 0;
}

.s-rev {
    background: #ffff;
}

.s-rev .rev_wrap .rev_list {
    margin: 0;
    padding: 2px 0 0;
    list-style-type: none;
}

.s-rev .rev_wrap .rev_list li {
    text-align: center;
}

.s-rev .rev_wrap .rev_list li .image {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 366px;
    margin-bottom: 15px;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
    overflow: hidden;
}

.s-rev .rev_wrap .rev_list li .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.s-rev .rev_wrap .rev_list li span {
    display: block;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-align: left;
}

@media (max-width: 1199px) {
    .title-b {
        margin-bottom: 19px;
        font-size: 18px;
        line-height: 22px;
    }

    .s-reviews .reviews_wrap .reviews_list li {
        padding: 30px;
    }

    .s-reviews .reviews_wrap .reviews_list li p {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width: 768px) {
    .s-reviews .reviews_wrap .reviews_list li {
        gap: 30px;
    }

    .s-reviews .reviews_wrap .reviews_list li .image img {
        max-height: 333px;
    }

    .s-reviews .reviews_wrap .reviews_list li .text {
        width: calc(100% - 275px);
    }

    .s-rev .rev_wrap .rev_list li span {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 750px) {
    .s-reviews .reviews_wrap .reviews_list li {
        padding: 25px 15px;
        margin-bottom: 20px;
    }

    .s-reviews .reviews_wrap .reviews_list li .text {
        display: none;
    }

    .s-reviews .reviews_wrap .reviews_list li .image {
        max-width: unset;
        margin: 0 6px;
    }

    .s-reviews .reviews_wrap .reviews_list li .image .title-b {
        display: flex;
        margin-bottom: 15px;
        margin-left: -6px;
    }

    .s-reviews .reviews_wrap .reviews_list li .image img {
        max-width: 245px;
    }

    .s-rev .rev_wrap .rev_list li .image {
        height: 185px;
    }

    .s-rev .rev_wrap .rev_list li span {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 430px) {
    .s-reviews .reviews_wrap .reviews_list li .image {
        margin: 0 auto;
    }

    .s-reviews .reviews_wrap .reviews_list li .image a {
        text-align: center;
    }
}

.form-title {
    color: #293740;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.form-desc {
    max-width: 732px;
    margin: 10px 0 25px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

form .form_row span {
    display: block;
    margin-bottom: 15px;
    color: #293740;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

/*form input[type="text"]*/
form .form_row > input[type="text"],
form .form_row > input[type="email"],
form .form_row > input[type="tel"] {
    width: 100%;
    height: 36px;
    padding: 0 7px;
    color: #6C7880;
    font-size: 16px;
    background: #F1F6FA;
    border: none;
    border-radius: 6px;
}

form .form_row > input[type="text"]::placeholder,
form .form_row > input[type="email"]::placeholder,
form .form_row > input[type="tel"]::placeholder {
    color: #6C7880;
    font-size: 16px;
}

form .form_row > textarea {
    width: 100%;
    height: 150px;
    padding: 9px 13px;
    color: #6C7880;
    font-size: 16px;
    background: #F1F6FA;
    border: none;
    border-radius: 6px;
    resize: none;
}

form .form_row > textarea::placeholder {
    color: #6C7880;
    font-size: 16px;
}

form .box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

form .box:last-child {
    margin-bottom: 0;
}

form .box input[type="radio"] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #53B4F3;
    border-radius: 50%;
    transition: 0.3s;
}

form .box input[type="radio"]:checked {
    border-width: 6px;
}

form .box label {
    width: calc(100% - 30px);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

form .check {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
}

form .check input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #41B943;
    border-radius: 6px;
    transition: all ease 0.3s;
}

form .check input[type="checkbox"]::after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjcwNzAzMSA0LjA0MDM2TDQuMzczNyA3LjcwNzAzTDExLjM3MzcgMC43MDcwMzEiIHN0cm9rZT0iIzQxQjk0MyIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}

form .check input[type="checkbox"]:checked::after {
    opacity: 1;
    transition: all ease 0.3s;
}

form .check label {
    padding-left: 32px;
    color: #293740;
    font-size: 14px;
    line-height: 15px;
}

form .check label a {
    color: #41B943;
    text-decoration: underline;
}

form .check label a:hover {
    text-decoration: none;
    transition: 0.3s;
}

form .file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 6px;
    cursor: pointer;
}

form .file input {
    display: none;
}

.s-form {
    margin: 69px 0 21px;
}

.s-form .form_wrap {
    position: relative;
    padding: 29px;
    background: #FFFFFF;
    border-radius: 10px;
    backdrop-filter: blur(15px);
    overflow: hidden;
}

.s-form .form_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 598px;
    height: 100%;
    background: url(../images/form-elem.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}

.s-form .form_wrap form {
    position: relative;
    max-width: 685px;
    z-index: 3;
}

.s-form .form_wrap form .btn {
    width: 100%;
}

.s-form .form_wrap .btn.mob {
    position: relative;
    display: none;
    z-index: 3;
}

.s-form .form_wrap .top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

.s-form.type1 {
    margin-top: 50px;
}

.s-form-article {
    margin: 50px 0 40px;
}

.s-form-article .form_wrap {
    position: relative;
    padding: 30px 32px 40px;
    background: #FFFFFF;
    border-radius: 10px;
    backdrop-filter: blur(15px);
    overflow: hidden;
}

.s-form-article .form_wrap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 698px;
    height: 100%;
    background: url(../images/form-elem2-2.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}

.s-form-article .form_wrap .form-title {
    display: block;
    margin-bottom: 25px;
}

.s-form-article .form_wrap .form_row {
    position: relative;
}

.s-form-article .form_wrap .file {
    position: absolute;
    bottom: 15px;
    right: 16px;
}

.s-form-article .form_wrap form {
    position: relative;
    max-width: 630px;
    z-index: 3;
}

.s-form-article .form_wrap form .btn.mob {
    display: none;
}

.s-form-article .form_wrap form .btn {
    width: 100%;
}

.s-form-article .form_wrap .check {
    margin: 20px 0 25px;
}

.s-form-article .form_wrap .column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

.form {
    position: relative;
    width: 100%;
    max-width: 747px;
    margin-top: 14px;
    padding: 35px 30px 30px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    z-index: 3;
}

.form .top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.form .btn {
    width: 100%;
}

.form form input[type="text"],
.form form input[type="tel"],
.form form input[type="email"] {
    background: #ffff;
}

.form-mini.type2 {
    margin-top: 50px;
}

.form-mini.type3 {
    margin-top: 50px;
}

.form-mini {
    position: relative;
    margin: 60px 0 0;
    padding: 29px;
    background: #F1F6FA;
    border-radius: 10px;
    backdrop-filter: blur(15px);
    overflow: hidden;
}

.form-mini::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 598px;
    height: 100%;
    background: url(../images/form-elem.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}

.form-mini form,
.form-mini .helper-form-container {
    position: relative;
    max-width: 685px;
    z-index: 3;
}

.form-mini .ajax-form-info {
    max-width: 500px;
}

.form-mini form .btn,
.form-mini .helper-form-container .btn{
    width: 100%;
}

.form-mini form input[type="text"],
.form-mini form input[type="tel"],
.form-mini form input[type="email"] {
    background: #ffff;
}

.form-mini .btn.mob {
    position: relative;
    display: none;
    z-index: 3;
}

.form-mini .top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .form-title {
        position: relative;
        font-size: 18px;
        z-index: 3;
    }

    .form-desc {
        position: relative;
        max-width: 371px;
        margin: 10px 0;
        font-size: 18px;
        line-height: 22px;
        z-index: 3;
    }

    .s-form-article {
        margin: 40px 0 10px;
    }

    .s-form-article .form_wrap {
        padding: 30px 25px;
    }

    .s-form-article .form_wrap::before {
        width: 598px;
        background: url(../images/form-elem3.png) center no-repeat;
        background-size: cover;
    }

    .s-form-article .form_wrap .form-title {
        margin-bottom: 20px;
    }

    .s-form-article .form_wrap .form_row.email {
        display: none;
    }

    .s-form-article .form_wrap form {
        max-width: none;
    }

    .s-form-article .form_wrap form .btn.mob {
        display: inline-flex;
        margin-left: auto;
        max-width: 160px;
    }

    .s-form-article .form_wrap form .btn:not(.mob) {
        display: none;
    }

    .s-form-article .form_wrap form input[type="text"] {
        max-width: 160px;
    }

    .s-form-article .form_wrap .column {
        display: flex;
        gap: 15px;
    }

    .s-form-article .form_wrap .check {
        margin: 15px 0 0;
    }

    .s-form {
        margin: 42px 0 60px;
    }

    .s-form .form_wrap {
        padding: 30px 25px;
    }

    .s-form .form_wrap::before {
        width: 598px;
        background: url(../images/form-elem5.png) center no-repeat;
        background-size: cover;
    }

    .s-form .btn.mob {
        display: flex !important;
        min-width: 160px;
    }

    .s-form form {
        display: none;
    }

    .form-mini {
        padding: 30px 25px;
    }

    .form-mini::before {
        width: 598px;
        background: url(../images/form-elem5.png) center no-repeat;
        background-size: cover;
    }

    .form-mini .btn.mob {
        display: flex !important;
        min-width: 160px;
    }

    .form-mini form,
    .form-mini .helper-form-container {
        display: none;
    }
}

@media (max-width: 991px) {
    .form-mini {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .s-form.type1 {
        margin-top: 40px;
    }

    .s-form.type2 {
        margin-bottom: 43px;
    }

    .form-mini.type2 {
        margin-top: 40px;
    }

    .form-mini.type3 {
        margin-top: 20px;
    }

    form .form_row span {
        font-size: 16px;
        line-height: 18px;
    }

    .form-mini {
        margin-top: 40px;
    }

    .form-mini .form-desc {
        max-width: 371px;
    }

    .form-mini .form-desc br {
        display: none;
    }
}

@media (max-width: 750px) {
    .form-title {
        font-size: 16px;
    }

    form textarea {
        /*height: 100px;*/
    }

    .form-desc {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 17px;
    }

    .s-form-article {
        margin: 30px 0 0;
    }

    .s-form-article .form_wrap {
        padding: 25px 15px 26px;
    }

    .s-form-article .form_wrap::before {
        width: 234px;
        background: url(../images/form-elem4.png) right no-repeat;
        background-size: cover;
    }

    .s-form-article .form_wrap .form-title {
        margin-bottom: 15px;
    }

    .s-form-article .form_wrap .form_row.email {
        display: block;
    }

    .s-form-article .form_wrap form {
        max-width: none;
    }

    .s-form-article .form_wrap form .btn.mob {
        display: none;
    }

    .s-form-article .form_wrap form .btn:not(.mob) {
        display: flex;
        max-width: unset;
    }

    .s-form-article .form_wrap form input[type="text"] {
        max-width: unset;
    }

    .s-form-article .form_wrap .column {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }

    .s-form-article .form_wrap .check {
        margin: 20px 0;
    }

    .s-form.type2 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .s-form {
        margin: 36px 0 0;
    }

    .s-form .form_wrap {
        padding: 25px 15px;
    }

    .s-form .form_wrap::before {
        width: 234px;
        background: url(../images/form-elem6.png) center no-repeat;
        background-size: cover;
    }

    .s-form .form_wrap .btn.mob {
        min-width: 159px;
    }

    .form-mini {
        margin: 25px 0 0;
        padding: 25px 15px;
    }

    .form-mini::before {
        width: 234px;
        background: url(../images/form-elem6.png) center no-repeat;
        background-size: cover;
    }

    .form-mini .btn.mob {
        min-width: 159px;
    }

    .form-mini .form-title {
        display: block;
        line-height: 18px;
    }

    .form-mini .form-desc {
        max-width: 371px;
    }
}

@media (max-width: 430px) {
    .form-desc {
        max-width: 169px;
    }

    .s-form .btn.mob {
        height: 36px;
        font-size: 14px;
    }

    .s-form.type1 .form-desc {
        max-width: 183px;
    }

    .form-mini .form-desc {
        max-width: 169px;
    }
}

.s-contacts .contacts_wrap {
    display: flex;
    gap: 60px;
}

.s-contacts .contacts_wrap .left {
    width: 100%;
    max-width: 370px;
}

.s-contacts .contacts_wrap .right {
    width: calc(100% - 430px);
}

.s-contacts .contacts_wrap #map {
    height: 444px;
    border-radius: 10px;
    overflow: hidden;
}

.s-contacts .contacts_wrap #map iframe {
    width: 100%;
    height: 100%;
}

.s-contacts .contacts_wrap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-contacts .contacts_wrap ul li:not(:last-child) {
    margin-bottom: 29px;
}

.s-contacts .contacts_wrap ul li .titles {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 15px;
    color: #293740;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
}

.s-contacts .contacts_wrap ul li .desc {
    padding-left: 42px;
}

.s-contacts .contacts_wrap ul li p, .s-contacts .contacts_wrap ul li a {
    color: #293740;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

.s-contacts .contacts_wrap ul li .tel {
    display: flex;
    gap: 27px;
}

.s-contacts .contacts_wrap ul li small {
    display: block;
    margin-top: 10px;
    color: #6C7880;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .s-contacts {
        margin-top: 15px;
    }

    .s-contacts .contacts_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .s-contacts .contacts_wrap .right, .s-contacts .contacts_wrap .left {
        width: 100%;
        max-width: unset;
    }

    .s-contacts .contacts_wrap #map {
        height: 216px;
    }

    .s-contacts .contacts_wrap ul li p, .s-contacts .contacts_wrap ul li a {
        font-size: 14px;
        line-height: 17px;
    }

    .s-contacts .contacts_wrap ul li .titles {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 9px;
        gap: 15px;
    }

    .s-contacts .contacts_wrap ul li .titles svg {
        max-width: 24px;
        max-height: 24px;
    }

    .s-contacts .contacts_wrap .tel {
        gap: 43px;
    }

    .s-contacts .contacts_wrap small {
        margin-top: 12px;
        font-size: 14px;
        line-height: 17px;
    }

    .s-contacts .contacts_wrap .desc {
        padding-left: 39px;
    }
}

@media (max-width: 996px) {
}

@media (max-width: 750px) {
    .s-contacts {
        margin-top: 0;
    }

    .s-contacts .contacts_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .s-contacts .contacts_wrap .right {
        order: 1;
    }

    .s-contacts .contacts_wrap .left {
        order: 2;
    }

    .s-contacts .contacts_wrap #map {
        height: 173px;
    }

    .s-contacts .contacts_wrap ul li .titles {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px;
        gap: 10px;
    }

    .s-contacts .contacts_wrap ul li .titles svg {
        max-width: 20px;
        max-height: 20px;
    }

    .s-contacts .contacts_wrap ul li p, .s-contacts .contacts_wrap ul li a {
        font-size: 14px;
        line-height: 17px;
    }

    .s-contacts .contacts_wrap ul li .tel {
        gap: 22px;
    }

    .s-contacts .contacts_wrap ul li small {
        margin-top: 8px;
        font-size: 14px;
        line-height: 17px;
    }

    .s-contacts .contacts_wrap ul li .desc {
        padding-left: 30px;
    }

    .s-contacts .contacts_wrap ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (max-width: 430px) {
}

.file-title {
    white-space: nowrap;
    margin-bottom: 10px;
}

.input-file {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.input-file .input-file-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    margin: 0;
    height: 36px;
    color: #293740;
    font-size: 14px;
    font-weight: 700;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 6px;
}

.input-file .input-file-text {
    color: #6C7880;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0;
}

.input-file input[type=file] {
    display: none;
}

.cart {
    padding-bottom: 10px;
}

.cart .cart_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cart .cart_list li {
    display: flex;
    align-items: center;
    gap: 32px;
    background: #ffff;
    margin-bottom: 15px;
    border-radius: 10px;
}

.cart .cart_list li:last-child {
    margin-bottom: 0;
}

.cart .cart_list li .images {
    max-width: 168px;
    height: 100%;
    margin: 0;
}

.cart .cart_list li .images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart .cart_list li .desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: calc(100% - 200px);
    padding-right: 30px;
}

.cart .cart_list li .title {
    color: #293740;
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
}

.cart .cart_list li .pp {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cart .cart_list li .art, .cart .cart_list li .status {
    color: #6C7880;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.cart .cart_list li .art strong, .cart .cart_list li .status strong {
    color: #293740;
    font-weight: 500;
}

.cart .cart_list li .qut {
    position: relative;
    max-width: 117px;
}

.cart .cart_list li .qut input {
    width: 100%;
    height: 40px;
    padding: 0 42px;
    background: 0 0;
    border: none;
    color: #293740;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
}

.cart .cart_list li .qut input::placeholder {
    color: #293740;
    font-size: 18px;
    font-weight: 900;
}

.cart .cart_list li .qut button {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(41, 55, 64, 0.1);
    backdrop-filter: blur(15px);
    border: none;
    border-radius: 50%;
}

.cart .cart_list li .qut button.minus {
    left: 0;
}

.cart .cart_list li .qut button.plus {
    right: 0;
}

.cart .cart_list li .qut button svg {
    max-width: 14px;
}

.cart .cart_list li .price {
    color: #53B4F3;
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
}

.cart .cart_list li .column {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
}

.cart .cart_list li .clear {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-left: auto;
    background: rgba(41, 55, 64, 0.1);
    border-radius: 6px;
}

.cart .cart_list li .clear svg {
    max-width: 30px;
}

.cart .cart_list li .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: calc(100% - 400px);
}

.cart .cart_list li .total {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 400px;
}

.cart .total-count {
    margin-top: 35px;
    padding-left: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #293740;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.cart .total-count strong {
    color: #53B4F3;
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
}

.cart .odd-orders {
    margin-top: 40px;
    padding: 35px 32px;
    background: #ffff;
    border-radius: 10px;
}

.cart .odd-orders .block_title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
}

.cart .odd-orders .page-desc {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
}

.cart .odd-orders .orders-tabs {
    display: flex;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cart .odd-orders .orders-tabs li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    height: 35px;
    color: #53B4F3;
    font-size: 14px;
    font-weight: 700;
    background: #ffff;
    border: 1px solid #53B4F3;
    border-radius: 6px;
    transition: 0.3s;
    cursor: pointer;
    transition: 0.3s;
}

.cart .odd-orders .orders-tabs li:not(.active):hover {
    background: #fff !important;
    color: #3D87B7 !important;
    border-color: #3D87B7;
}

.cart .odd-orders .orders-tabs li.active {
    background: #53B4F3;
    color: #ffff;
}

.cart .odd-orders .orders-content aside:not(.active) {
    display: none;
}

.cart .odd-orders .orders-content form {
    max-width: 630px;
    padding-top: 20px;
}

.cart .odd-orders .orders-content .file {
    position: absolute;
    bottom: 15px;
    right: 16px;
}

.cart .odd-orders .orders-content .form_row {
    position: relative;
    margin-bottom: 25px;
}

.cart .odd-orders .orders-content .form_row.mini {
    margin-bottom: 15px;
}

.cart .odd-orders .orders-content .column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

.cart .odd-orders .orders-content .column .form_row {
    margin-bottom: 0;
}

.cart .odd-orders .orders-content .total-count {
    padding: 0;
    margin-bottom: 16px;
}

.cart .odd-orders .orders-content .btn {
    min-width: 160px;
    margin-top: 25px;
}

@media (max-width: 1199px) {
    .cart .total-count strong {
        font-size: 28px;
    }

    .cart .cart_list li .price {
        font-size: 28px;
    }

    .cart .cart_list li .total {
        max-width: 360px;
    }
}

@media (max-width: 996px) {
    .cart .total-count {
        font-size: 20px;
    }

    .cart .cart_list li {
        gap: 16px;
        min-height: 107px;
    }

    .cart .cart_list li .images {
        max-width: 120px;
    }

    .cart .cart_list li .title {
        font-size: 19px;
    }

    .cart .cart_list li .price {
        font-size: 20px;
    }

    .cart .cart_list li .desc {
        width: calc(100% - 136px);
        padding-right: 30px;
    }

    .cart .cart_list li .total {
        max-width: 320px;
    }

    .cart .total-count strong {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .cart .total-count {
        margin-top: 30px;
        padding-left: 0;
        font-size: 18px;
    }

    .cart .total-count strong {
        font-size: 22px;
    }

    .cart .cart_list li .images {
        max-width: 115px;
    }

    .cart .cart_list li .desc {
        width: calc(100% - 132px);
    }

    .cart .cart_list li .title {
        font-size: 18px;
    }

    .cart .cart_list li .art, .cart .cart_list li .status {
        font-size: 14px;
        line-height: 18px;
    }

    .cart .cart_list li .info {
        width: calc(100% - 180px);
        gap: 16px;
    }

    .cart .cart_list li .qut {
        max-width: 96px;
        order: 2;
    }

    .cart .cart_list li .qut input {
        padding: 0 32px;
        height: 30px;
        font-size: 16px;
    }

    .cart .cart_list li .qut button {
        width: 30px;
        height: 30px;
    }

    .cart .cart_list li .pp {
        flex-direction: row;
        gap: 30px;
    }

    .cart .cart_list li .column {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .cart .cart_list li .total {
        max-width: 177px;
    }

    .cart .odd-orders {
        padding: 30px 25px;
    }

    .cart .odd-orders .block_title {
        font-size: 18px;
        line-height: 20px;
    }

    .cart .odd-orders .orders-content textarea {
        margin-bottom: 5px;
    }

    .cart .odd-orders .orders-content .form_row {
        margin-bottom: 20px;
    }

    .cart .odd-orders .orders-content .total-count {
        margin: 22px 0 17px;
    }

    .cart .odd-orders .orders-content .btn {
        margin-top: 20px;
    }
}

@media (max-width: 750px) {
    .cart .total-count {
        margin-top: 22px;
        font-size: 16px;
        line-height: 18px;
    }

    .cart .total-count strong {
        margin-top: -2px;
    }

    form .form_row span {
        white-space: normal;
        font-size: 14px;
        line-height: 15px;
    }

    .input-file {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .cart {
        padding-bottom: 0;
    }

    .cart .cart_list li {
        gap: 6px;
        min-height: 122px;
        margin-bottom: 10px;
    }

    .cart .cart_list li .images {
        max-width: 60px;
    }

    .cart .cart_list li .desc {
        gap: 13px;
        width: calc(100% - 66px);
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 14px 17px;
    }

    .cart .cart_list li .title {
        font-size: 14px;
        line-height: 15px;
    }

    .cart .cart_list li .art, .cart .cart_list li .status {
        font-size: 12px;
        line-height: 16px;
    }

    .cart .cart_list li .info {
        width: 100%;
        max-width: unset;
        gap: 4px;
    }

    .cart .cart_list li .qut {
        max-width: 76px;
        order: 2;
    }

    .cart .cart_list li .qut input {
        padding: 0 27px;
        height: 25px;
        font-size: 14px;
    }

    .cart .cart_list li .qut button {
        width: 25px;
        height: 25px;
    }

    .cart .cart_list li .pp {
        gap: 21px;
    }

    .cart .cart_list li .column {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .cart .cart_list li .total {
        max-width: unset;
        gap: 0;
    }

    .cart .cart_list li .price {
        font-size: 16px;
    }

    .cart .cart_list li .clear {
        width: 30px;
        height: 30px;
    }

    .cart .cart_list li .clear svg {
        max-width: 16px;
    }

    .cart .odd-orders {
        padding: 25px 15px 40px;
        margin-top: 30px;
    }

    .cart .odd-orders .block_title {
        font-size: 16px;
        margin-bottom: 0;
    }

    .cart .odd-orders .page-desc {
        margin-top: 6px !important;
    }

    .cart .odd-orders .orders-content .form_row.mini {
        margin-bottom: 10px;
    }

    .cart .odd-orders .orders-content textarea {
        margin-bottom: 5px;
    }

    .cart .odd-orders .orders-content .form_row {
        margin-bottom: 20px;
    }

    .cart .odd-orders .orders-content .total-count {
        margin: 22px 0 17px;
    }

    .cart .odd-orders .orders-content .btn {
        margin-top: 20px;
    }

    .cart .odd-orders .orders-content form {
        max-width: unset;
        padding-top: 15px;
    }

    .cart .odd-orders .orders-content .column {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }

    .cart .odd-orders .orders-content textarea {
        height: 284px;
        margin-bottom: 0;
    }

    .cart .odd-orders .orders-content .file {
        right: 12px;
        bottom: 12px;
        width: 34px;
        height: 34px;
    }

    .cart .odd-orders .orders-content .file svg {
        max-width: 20px;
    }

    .cart .odd-orders .orders-content .total-count {
        margin: 20px 0 10px;
        font-size: 16px;
        line-height: 18px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .cart .odd-orders .orders-tabs {
        gap: 20px;
    }

    .cart .odd-orders .orders-tabs li {
        height: 32px;
        font-size: 12px;
        padding: 0 10px;
    }
}

@media (max-width: 430px) {
    .cart .odd-orders .orders-tabs {
        justify-content: space-between;
    }

    .cart .odd-orders .orders-content .btn {
        width: 100%;
        height: 36px;
        font-size: 14px;
    }
}

.s-why {
    padding-top: 90px;
    background: #ffff;
}

.s-why .why_wrap.mob {
    display: none;
}

.s-why .why_wrap ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.s-why .why_wrap ul li {
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #C5CFD6;
    border-radius: 10px;
    min-height: 186px;
}

.s-why .why_wrap ul li.full {
    background-position: center;
    background-size: cover;
}

.s-why .why_wrap ul li span {
    font-size: 52px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #53B4F3;
    font-weight: 500;
    line-height: 1;
}

.s-why .why_wrap ul li p {
    margin: 0;
    color: #293740;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.s-why .why_wrap .images {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.s-why .why_wrap .images img {
    max-width: 100%;
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .s-why {
        padding-top: 80px;
    }

    .s-why .why_wrap ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 996px) {
    .s-why .why_wrap ul li {
        padding: 20px 28px;
    }

    .s-why .why_wrap ul li span {
        font-size: 49px;
        line-height: 57px;
    }

    .s-why .why_wrap ul li p {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .s-why .why_wrap ul li {
        gap: 27px;
        min-height: 177px;
    }
}

@media (max-width: 750px) {
    .s-why .why_wrap:not(.mob) {
        display: none;
    }

    .s-why .why_wrap.mob {
        display: block;
    }

    .s-why {
        padding-top: 40px;
    }

    .s-why .why_wrap ul {
        display: flex;
        gap: 0;
        padding-bottom: 2px;
    }

    .s-why .why_wrap ul li {
        padding: 15px;
        min-height: 140px;
    }

    .s-why .why_wrap ul li span {
        font-size: 30px;
        line-height: 34px;
    }

    .s-why .why_wrap ul li p {
        margin: 5px 0 0;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 520px) {
    .s-why .why_wrap .swiper {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}

.sort-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.sort-group button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: none;
    background: rgba(41, 55, 64, 0.1);
    transition: 0.3s;
    cursor: pointer;
}

.sort-group button.active {
    background: #53B4F3;
}

.sort-group button.g-1.active svg path {
    stroke: #fff;
    fill: #fff;
}

.sort-group button.g-2.active svg path {
    stroke: #fff;
}

.sort-group button.g-2.active svg circle {
    fill: #fff;
}

.sort-group button.g-3.active svg mask {
    fill: #fff;
}

.sort-group button.g-3.active svg mask rect {
    stroke: none;
}

.sort-group button.g-3.active rect {
    stroke: #fff;
}

.sort-group span {
    color: #6C7880;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

.sort-group .grid {
    display: flex;
    gap: 15px;
}

.sort-group .sort {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sort-group .col {
    flex: unset;
}

.catalog {
    padding: 0 0 61px;
}

.catalog .paginations {
    margin-bottom: 0;
}

.catalog .s-prod .container {
    padding: 0;
}

.catalog .sort-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 46px;
}

.catalog .sort-tag__item {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0 18px 0 25px;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    border: 1px solid #e4e5e6;
    border-radius: 100px;
}

.catalog .sort-tag__item span {
    color: #1F2021;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 2px;
}

.catalog .sort-tag__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-bottom: -1px;
}

.catalog .sort-type {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.catalog .sort-type.active .sort-type__label {
    color: #53B4F3;
    transition: 0.3s;
}

.catalog .sort-type.active .sort-type__label svg path {
    stroke: #53B4F3;
    transition: 0.3s;
}

.catalog .sort-type span.cl {
    display: none;
}

.catalog .sort-type .sort-type__label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1F2021;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
}

.catalog .sort-type .sort-type__label.mob {
    display: none;
}

.catalog .sort-type .sort-type__filter {
    display: none;
    justify-content: center;
    gap: 10px;
    align-items: center;
    height: 40px;
    padding: 0 31px;
    font-size: 14px;
    font-weight: 700;
    background: #ffff;
    border: 1px solid #E4E5E6;
    border-radius: 10px;
    box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.05);
}

.catalog .sort-type .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    border-top: 3px solid transparent;
    z-index: 3;
}

.catalog .sort-type .dropdown.show {
    display: block;
    transition: 0.3s;
}

.catalog .sort-type .dropdown .wrap {
    width: 212px;
    padding: 15px 20px 10px;
    background: #fff;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.catalog .sort-type .dropdown ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.catalog .sort-type .dropdown ul li {
    margin-bottom: 7px;
    line-height: 1;
}

.catalog .sort-type .dropdown ul li:last-child {
    margin-bottom: 0;
}

.catalog .sort-type .dropdown ul li a {
    color: #1F2021;
    font-size: 16px;
    line-height: 24px;
    transition: 0.3s;
}

.catalog .sort-type .dropdown ul li a:hover {
    color: #53B4F3;
}

.catalog .filter-tag {
    margin: 12px 0;
}

.catalog .filter-tag .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
}

.catalog .filter-tag .form-group .square-filter {
    position: relative;
    margin: 0;
    float: unset;
}

.catalog .filter-tag .form-group .square-filter.set button {
    color: #ffff;
    background: #53B4F3;
    border-color: #53B4F3;
}

.catalog .filter-tag .form-group .square-filter.set button .arrow1 {
    display: none;
}

.catalog .filter-tag .form-group .square-filter.set button .arrow2 {
    display: block;
}

.catalog .filter-tag .form-group .square-filter.set .dropdown-menu .clearf {
    display: inline-flex;
}

.catalog .filter-tag .form-group .square-filter.set .dropdown-menu .top {
    display: flex;
}

.catalog .filter-tag .form-group .square-filter.active button {
    color: #ffff;
    background: #53B4F3;
    border-color: #53B4F3;
}

.catalog .filter-tag .form-group .square-filter.active button .arrow1 {
    display: none;
}

.catalog .filter-tag .form-group .square-filter.active button .arrow2 {
    display: block;
}

.catalog .filter-tag .form-group .square-filter.active button svg {
    transform: rotate(180deg);
}

.catalog .filter-tag .form-group .square-filter .bx_filter_parameters_box_title {
    padding: 0;
    border: none;
    border-radius: 0;
}

.catalog .filter-tag .form-group .square-filter .bx_filter_parameters_box_title::before, .catalog .filter-tag .form-group .square-filter .bx_filter_parameters_box_title::after {
    display: none;
}

.catalog .filter-tag .form-group .square-filter button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 80px;
    padding: 0 14.7px;
    height: 35px;
    color: #6C7880;
    font-size: 14px;
    font-weight: bold;
    background: #FFFF;
    border-radius: 9px;
    border: none;
    transition: 0.3s;
}

.catalog .filter-tag .form-group .square-filter button svg {
    margin-left: 9px;
    transition: 0.3s;
}

.catalog .filter-tag .form-group .square-filter button .arrow2 {
    display: none;
}

.catalog .filter-tag .form-group .dropdown-menu.show {
    display: block;
}

.catalog .filter-tag .form-group .dropdown-menu.bg {
    width: calc(100% + 189px);
}

.catalog .filter-tag .form-group .dropdown-menu.bg .top {
    margin-bottom: 15px;
}

.catalog .filter-tag .form-group .dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 5px) !important;
    width: calc(100% + 119px) !important;
    padding: 9px 15px !important;
    background: #fff;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px !important;
    z-index: 3;
}

.catalog .filter-tag .form-group .dropdown-menu.mini {
    width: 139px !important;
}

.catalog .filter-tag .form-group .dropdown-menu.big {
    width: 240px !important;
}

.catalog .filter-tag .form-group .dropdown-menu small {
    display: block;
    margin-bottom: 5px;
    color: #929394;
    font-size: 14px;
    line-height: 21px;
}

.catalog .filter-tag .form-group .dropdown-menu span, .catalog .filter-tag .form-group .dropdown-menu .clearf {
    /*color: #929394;*/
    /*font-size: 16px;*/
    /*line-height: 24px;*/
}

.catalog .filter-tag .form-group .dropdown-menu .clearf {
    display: none;
    align-items: center;
    margin-left: auto;
    gap: 5px;
    color: #1F2021;
    font-weight: 700;
}

.catalog .filter-tag .form-group .dropdown-menu .clearf svg {
    margin-top: 4px;
}

.catalog .filter-tag .form-group .dropdown-menu .top {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E5E6;
}

.catalog .filter-tag .form-group .dropdown-menu .btn {
    margin-top: 20px;
    width: 100%;
    height: 40px;
}

.catalog .filter-tag .form-group .dropdown-menu .lsi {
    overflow: hidden;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap {
    margin-bottom: 5px;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap:last-child {
    margin-bottom: 0;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.inpt input {
    display: none;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.inpt input:checked + label {
    background: rgba(38, 182, 99, 0.05);
    border-color: #26B663;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.inpt label {
    width: 100%;
    padding: 7px 15px;
    color: #1F2021;
    font-size: 16px;
    line-height: 24px;
    background: #ffff;
    border: 1px solid #E4E5E6;
    border-radius: 5px;
    transition: 0.3s;
    cursor: pointer;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.inpt label::before, .catalog .filter-tag .form-group .dropdown-menu .input-wrap.inpt label::after {
    display: none;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price input[type="text"] {
    width: 100%;
    max-width: 100px;
    min-width: 100px;
    padding: 0 10px;
    height: 36px;
    font-size: 14px;
    color: #6C7880;
    background: #F1F6FA;
    border: 1px solid #F1F6FA;
    border-radius: 6px;
    box-sizing: border-box;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price input[type="text"]:placeholder {
    font-size: 16px;
    color: #6C7880;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price small {
    margin-bottom: 6px;
    font-size: 14px;
    color: #6C7880;
    font-weight: 500;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price .field {
    position: relative;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.price .rub {
    position: absolute;
    top: 8px;
    right: 15px;
    color: #1F2021;
    font-size: 16px;
    line-height: 24px;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 6px;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch input {
    display: block !important;
    position: relative;
    -webkit-appearance: none;
    margin-top: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #E4E5E6;
    background: #f6f7f8;
    border-radius: 5px;
    transition: all ease 0.3s;
    outline: none;
    order: 2;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch input:checked {
    background-color: #53B4F3;
    border-color: #53B4F3;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch input:checked::after {
    opacity: 1;
    transition: all ease 0.3s;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch input::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjE2NTYxIDAuNUw3LjI4NjYyIDEuNDA3MDlMMy43NDUyMiA0LjkwOTQ1TDIuNzEzMzggMy45MjY3N0wxLjc5NjE4IDMuMDE5NjlMMCA0Ljc5NjA2TDIuODI4MDMgNy41OTI5MUwzLjcwNzAxIDguNUwxMCAyLjI3NjM4TDguMTY1NjEgMC41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") center no-repeat;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch label {
    width: calc(100% - 35px);
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #6C7880;
    order: 1;
}

.catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch label::before, .catalog .filter-tag .form-group .dropdown-menu .input-wrap.ch label::after {
    display: none;
}

@media (max-width: 996px) {
}

@media (max-width: 768px) {
    .catalog {
        padding-bottom: 60px;
    }
}

@media (max-width: 750px) {
    .sort-group {
        margin-bottom: 20px;
    }

    .catalog {
        padding-bottom: 40px;
    }

    .catalog .filter-tag .form-group .square-filter button {
        min-width: 75px;
        height: 32px;
        font-size: 12px;
        border-radius: 6px;
    }
}

@media (max-width: 640px) {
    .catalog {
        padding: 3px 0 0;
    }

    .catalog .tag_list {
        margin-bottom: 30px;
    }

    .catalog .tag_list ul li {
        padding: 14px 20px;
    }

    .catalog .tag_list ul li a {
        gap: 15px;
    }

    .catalog .tag_list ul li .img {
        width: 50px;
        height: 50px;
    }

    .catalog .tag_list ul li .desc:not(.mob) {
        display: none;
    }

    .catalog .tag_list ul li .desc.mob {
        display: block !important;
    }

    .catalog .tag_list ul li p {
        font-size: 14px;
        line-height: 18px;
    }

    .catalog .sort-type {
        margin-bottom: 20px;
    }

    .catalog .sort-type .sort-type__label {
        font-size: 14px;
        line-height: 21px;
    }

    .catalog .sort-type .sort-type__label svg {
        max-width: 18px;
        max-height: 18px;
    }
}

@media (max-width: 520px) {
    .catalog {
        padding-bottom: 22px;
    }

    .catalog .container .tag_list {
        padding: 0 !important;
    }

    .tag_list {
        margin-bottom: 30px;
    }

    .catalog .sort-type {
        padding: 0 !important;
    }

    .sort-group .grid {
        gap: 10px;
    }
}

@media (max-width: 360px) {
    .catalog .sort-type .sort-type__filter {
        padding: 0 23px;
    }

    .catalog .sort-type span:not(.cl) {
        display: none;
    }

    .catalog .sort-type span.cl {
        display: block;
    }
}

.irs--round {
    height: 20px;
}

.irs--round .irs-bar {
    top: 9px;
    background: #53B4F3;
}

.irs-from, .irs-to {
    display: none;
}

.irs--round .irs-line {
    top: 9px;
}

.irs--round .irs-handle {
    top: 0;
    width: 20px;
    height: 20px;
    background: #53B4F3;
    border: none;
    box-shadow: none;
}

/*.scroll {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden; }*/

#buy .modal_wrap {
    max-width: 665px;
    padding: 0;
}

#buy .modal_wrap .top {
    position: relative;
    padding: 20px 30px;
    border-bottom: 1px solid #C5CFD6;
}

#buy .modal_wrap .top .close {
    position: absolute;
    top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 30px;
    width: 14px;
    height: 14px;
}

#buy .modal_wrap .top span {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    color: #293740;
}

#buy .modal_wrap .bottom {
    display: flex;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #C5CFD6;
}

#buy .modal_wrap .bottom .image {
    width: 100%;
    max-width: 163px;
    height: 130px;
}

#buy .modal_wrap .bottom .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#buy .modal_wrap .bottom .desc {
    width: calc(100% - 163px);
    padding-right: 28px;
    padding-left: 30px;
}

#buy .modal_wrap .bottom span {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.04em;
    color: #293740;
}

#buy .modal_wrap .bottom .price {
    color: #53B4F3;
    font-size: 32px;
    line-height: 37px;
    font-weight: 800;
}

#buy .modal_wrap .foot {
    display: flex;
    padding: 20px 30px;
    gap: 20px;
}

#buy .modal_wrap .foot .btn {
    padding: 0 4px;
    max-width: 180px;
    font-size: 14px;
}

header .catalog {
    position: relative;
}

header .catalog.opened::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxMSAxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEgMTFMMTEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.header-menu__dropdown-menu.type2 {
    height: calc(100% - 135px);
    background: #FFFFFF;
    padding: 20px 15px 32px;
    border-radius: 0px 0px 10px 10px;
}

.header-menu__dropdown-menu.type2 .hm_wrap {
    padding: 0;
    border-radius: 0;
}

.header-menu__dropdown-menu {
    width: 100%;
    position: fixed;
    top: 135px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    z-index: 3;
}

.header-menu__dropdown-menu .hm_wrap {
    padding: 20px 15px 32px;
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
}

.header-menu__dropdown-menu ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 13px;
    row-gap: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header-menu__dropdown-menu ul li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    text-align: left;
}

.header-menu__dropdown-menu ul li.cent {
    align-items: center;
}

.header-menu__dropdown-menu ul li.cent .text {
    padding: 0;
}

.header-menu__dropdown-menu ul li .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
}

.header-menu__dropdown-menu ul li .img img {
    max-width: 100%;
    max-height: 61px;
}

.header-menu__dropdown-menu ul li .text {
    width: calc(100% - 89px);
    padding-top: 16px;
}

.header-menu__dropdown-menu ul li .text a {
    display: block;
}

.header-menu__dropdown-menu ul li .text .tit {
    color: #293740;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    transition: 0.3s;
}

.header-menu__dropdown-menu ul li .text .tit:hover {
    color: #53B4F3;
}

.header-menu__dropdown-menu ul li .text .cat {
    margin-top: 15px;
}

.header-menu__dropdown-menu ul li .text .cat a {
    margin-bottom: 4px;
    color: #6C7880;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    transition: 0.3s;
}

.header-menu__dropdown-menu ul li .text .cat a:hover {
    color: #293740;
}

.header-menu__dropdown-menu ul li .text .cat a:last-child {
    margin-bottom: 0;
}

.over {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 52;
}

.messages_cookies {
    position: fixed;
    width: 100%;
    max-width: 449px;
    padding: 22px 25px;
    left: 50%;
    bottom: 18px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    transform: translate(-50%, 0);
    z-index: 20;
}

.messages_cookies .messages_cookies-wrp {
    display: flex;
    align-items: center;
    gap: 24px;
}

.messages_cookies p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #040404;
}

.messages_cookies p a {
    position: relative;
    color: #41B943;
}

.messages_cookies p a:hover::before {
    width: 0;
}

.messages_cookies p a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #41B943;
    transition: 0.3s;
}

.messages_cookies .btn {
    min-width: 64px;
    font-size: 14px;
}

.mnu {
    position: fixed;
    top: 90px;
    right: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    z-index: 101;
}

.mnu.active {
    opacity: 1;
    visibility: visible;
}

.mnu.active .mnu_wrap {
    transform: translateX(0);
}

.mnu .mnu_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    max-width: 420px;
    height: 100%;
    padding: 0;
    background: #fff;
    overflow-y: scroll;
    transition: all 0.4s ease;
    transform: translateX(100%);
}

.mnu .mnu_wrap .m_search {
    padding: 20px 15px;
}

.mnu .mnu_wrap .m_search form {
    position: relative;
}

.mnu .mnu_wrap .foot {
    padding: 15px;
    background: #f1f6fa;
}

.mnu .mnu_wrap .foot .box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}

.mnu .mnu_wrap .foot .soc {
    gap: 25px;
}

.mnu .mnu_wrap .foot .btn {
    margin: 15px 0;
    min-width: 136px;
    height: 36px;
    font-size: 14px;
}

.mnu .mnu_wrap .foot .m_info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 17px;
    row-gap: 10px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mnu .mnu_wrap .foot .m_info li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mnu .mnu_wrap .foot .m_info li.location {
    align-items: flex-start;
}

.mnu .mnu_wrap .foot .m_info li.location p {
    padding-top: 4px;
}

.mnu .mnu_wrap .foot .m_info li .icon {
    width: 22px;
}

.mnu .mnu_wrap .foot .m_info li a, .mnu .mnu_wrap .foot .m_info li p {
    color: #293740;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    transition: 0.3s;
}

.mnu .mnu_wrap .foot .m_info li a:hover, .mnu .mnu_wrap .foot .m_info li p:hover {
    color: #53B4F3;
}

.mnu .mnu_wrap .m_menu {
    margin: 0;
    padding: 10px 15px 11px;
    list-style-type: none;
    background: #F1F6FA;
}

.mnu .mnu_wrap .m_menu.white {
    padding-top: 5px;
    background: #ffff;
}

.mnu .mnu_wrap .m_menu.white li a {
    font-weight: 500;
}

.mnu .mnu_wrap .m_menu li {
    position: relative;
    margin-bottom: 6px;
    border-bottom: 1px solid #D8DFE4;
}

.mnu .mnu_wrap .m_menu li.menu-item-has-children {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.mnu .mnu_wrap .m_menu li.menu-item-has-children.del a.menu--active .icon svg path {
    fill: unset;
}

.mnu .mnu_wrap .m_menu li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li:last-child a {
    padding-bottom: 0;
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li:last-child .item-accordion-level-2.accordion--active {
    padding-bottom: 0;
}

.mnu .mnu_wrap .m_menu li a {
    display: block;
    width: 100%;
    padding-bottom: 6px;
    color: #293740;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    transition: 0.3s;
}

.mnu .mnu_wrap .m_menu li a.menu--active {
    padding-bottom: 12px;
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li a.menu--active button svg {
    transform: rotate(-90deg);
}

.mnu .mnu_wrap .m_menu li a.menu--active .button svg {
    transform: rotate(-90deg);
}

.mnu .mnu_wrap .m_menu li a:hover {
    color: #53B4F3;
}

.mnu .mnu_wrap .m_menu li button, .mnu .mnu_wrap .m_menu li .button {
    position: absolute;
    top: 4px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13px;
    height: 10px;
    padding: 0;
    text-align: right;
    background: 0 0;
    border: none;
    cursor: pointer;
}

.mnu .mnu_wrap .m_menu li button svg, .mnu .mnu_wrap .m_menu li .button svg {
    transform: rotate(0deg);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.mnu .mnu_wrap .m_menu li .item-accordion {
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.mnu .mnu_wrap .m_menu li .item-accordion.ttl li {
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion.ttl li a {
    padding-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion.accordion--active {
    max-height: unset;
    padding-left: 12px;
    padding-bottom: 12px;
    visibility: visible;
    opacity: 1;
}

.mnu .mnu_wrap .m_menu li .item-accordion li {
    margin-bottom: 6px;
}

.mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-has-children a {
    display: flex;
    align-items: center;
    gap: 26px;
}

.mnu .mnu_wrap .m_menu li .item-accordion li.menu-item-icon a {
    display: flex;
    gap: 20px;
    align-items: center;
}

.mnu .mnu_wrap .m_menu li .item-accordion li:last-child {
    margin-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion li .icon {
    display: flex;
    width: 38px;
    height: 25px;
}

.mnu .mnu_wrap .m_menu li .item-accordion li .icon svg {
    max-width: 100%;
    max-height: 100%;
    margin-top: 1px;
    transform: none;
}

.mnu .mnu_wrap .m_menu li .item-accordion li a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    border-bottom: none;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-2 {
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-2.accordion--active {
    max-height: unset;
    padding: 0 0 30px 64px;
    visibility: visible;
    opacity: 1;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-2 li {
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-2 li a {
    padding-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-3 {
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-3.accordion--active {
    max-height: unset;
    padding: 30px 0 0 42px;
    visibility: visible;
    opacity: 1;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-3 li {
    border-bottom: 0;
}

.mnu .mnu_wrap .m_menu li .item-accordion-level-3 li a {
    padding-bottom: 0;
}

@media (max-width: 1199px) {
    #buy .modal_wrap .bottom .image {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
    }

    #buy .modal_wrap .bottom .image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    #buy .modal_wrap .bottom span {
        font-size: 18px;
        line-height: 21px;
    }

    #buy .modal_wrap .bottom .price {
        font-size: 20px;
        line-height: 23px;
    }

    #buy .modal_wrap .bottom .desc {
        padding-left: 10px;
    }

    .header-menu__dropdown-menu {
        top: 131px;
    }

    .header-menu__dropdown-menu ul {
        column-gap: 30px;
        row-gap: 20px;
    }

    .header-menu__dropdown-menu ul li .img {
        display: none;
    }

    .header-menu__dropdown-menu ul li .text {
        width: 100%;
        padding-top: 0;
    }

    .header-menu__dropdown-menu ul li.cent {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .header-menu__dropdown-menu .hm_wrap {
        padding: 20px 25px 20px;
    }

    .header-menu__dropdown-menu ul li .text .tit {
        font-size: 13px;
        line-height: 16px;
    }

    .header-menu__dropdown-menu ul li .text .cat {
        margin-top: 6px;
    }

    .header-menu__dropdown-menu ul li .text .cat a {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 17px;
    }

    #buy .modal_wrap .top span {
        font-size: 18px;
    }

    #buy .modal_wrap {
        padding: 15px;
    }

    #buy .modal_wrap .close {
        display: none;
    }

    #buy .modal_wrap .top {
        padding: 0 0 15px;
    }

    #buy .modal_wrap .top span {
        display: block;
        line-height: 1.2;
    }

    #buy .modal_wrap .top .close {
        display: none;
    }

    #buy .modal_wrap .foot {
        padding: 15px 0 0;
    }

    #buy .modal_wrap .bottom .image {
        max-width: 96px;
        height: 96px;
    }

    #buy .modal_wrap .bottom span {
        display: block;
        font-size: 14px;
        line-height: 16px;
    }

    #buy .modal_wrap .bottom .price {
        margin-top: 10px;
        font-size: 20px;
        line-height: 23px;
    }

    #buy .modal_wrap .bottom .desc {
        width: calc(100% - 96px);
    }
}

@media (max-width: 750px) {
    .header-menu__dropdown-menu {
        display: none !important;
        opacity: 0 !important;
    }
}

@media (max-width: 620px) {
    #buy .modal_wrap .foot {
        flex-direction: column;
        gap: 10px;
    }

    #buy .modal_wrap .foot .btn {
        max-width: unset;
    }
}

@media (max-width: 430px) {

    .messages_cookies {
        width: 90%;
        padding: 20px;
        bottom: 15px;
    }

    .messages_cookies .messages_cookies-wrp {
        gap: 10px;
    }

    #buy .modal_wrap .foot .btn {
        font-size: 12px;
    }

    #buy .modal_wrap .top span {
        font-size: 14px;
    }

    #buy .modal_wrap .bottom .image {
        width: 76px;
    }

    #buy .modal_wrap .bottom .desc {
        width: calc(100% - 76px);
    }
}

/*# sourceMappingURL=style.css.map */

/* Прокрутка выпадающего меню каталога, если не помещается на экране */
.header-menu__dropdown-menu .hm_wrap {
    max-height: calc(100vh - 155px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* kl-banner-slide-height: слайды баннера одной высоты, декор тянется за блоком */
.banner .banner-list > .swiper-slide { height: auto; }
.banner .banner-list > .swiper-slide > * { height: 100%; }
.banner .banner_wrap { height: 100%; }
.banner .banner_wrap::before { background-size: 100% 100%; }
/* /kl-banner-slide-height */

/* kl-banner-type2: баннер внутренних страниц — фото и декор по высоте блока */
.banner.type2 .banner-list > .swiper-slide {
    background-size: contain;
    background-position: 100% center;
    background-repeat: no-repeat;
}
.banner.type2 .banner_wrap::before { background-size: 100% 100%; }
/* /kl-banner-type2 */

/* kl-solution-only-form: виджет «Помощь в подборе» без карусели — убираем верхний отступ */
.s-solution.only-form { padding-top: 0; }
.s-solution.only-form .form-mini.type2 { margin-top: 0; }
/* /kl-solution-only-form */

/* kl-messengers: кнопки мессенджеров, свои, без внешних скриптов */
.kl-msg { position: fixed; right: 20px; bottom: 24px; z-index: 9000; display: flex; flex-direction: column; gap: 12px; }
.kl-msg a { display: flex; align-items: center; justify-content: flex-end; text-decoration: none; }
.kl-msg .kl-msg-label { background: #2b333a; color: #fff; font: 600 13px/1 Arial, Helvetica, sans-serif; padding: 9px 13px; border-radius: 8px; margin-right: 10px; white-space: nowrap; opacity: 0; transform: translateX(8px); transition: opacity .18s ease, transform .18s ease; pointer-events: none; }
.kl-msg a:hover .kl-msg-label, .kl-msg a:focus-visible .kl-msg-label { opacity: 1; transform: translateX(0); }
.kl-msg .kl-msg-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.18); transition: transform .18s ease; overflow: hidden; }
.kl-msg a:hover .kl-msg-icon { transform: scale(1.06); }
.kl-msg a:focus-visible .kl-msg-icon { outline: 3px solid #53B4F3; outline-offset: 2px; }
.kl-msg .kl-msg-tg .kl-msg-icon { background: #2AABEE; }
.kl-msg .kl-msg-tg svg { width: 30px; height: 30px; color: #fff; }
.kl-msg .kl-msg-max img { width: 56px; height: 56px; display: block; }
@media (max-width: 768px) {
    .kl-msg { right: 12px; bottom: 16px; gap: 10px; }
    .kl-msg .kl-msg-icon { width: 48px; height: 48px; }
    .kl-msg .kl-msg-max img { width: 48px; height: 48px; }
    .kl-msg .kl-msg-label { display: none; }
}
@media print { .kl-msg { display: none; } }
/* /kl-messengers */

/* kl-similar-empty: не показывать блок похожих товаров, если список пуст */
.s-prod:has(> .similar-list:empty) { display: none; }
/* /kl-similar-empty */

/* kl-grid-card-align: плиточный вид — цена и кнопка на одной высоте во всех карточках */
.s-prod .prod-list:not(.grid2):not(.grid3) li:not(.full) > a {
    display: flex;
    flex-direction: column;
}
.s-prod .prod-list:not(.grid2):not(.grid3) li:not(.full) > a .product-item__img {
    flex: 0 0 auto;
}
.s-prod .prod-list:not(.grid2):not(.grid3) li:not(.full) > a .product-item__content {
    flex: 1 1 auto;
}
.s-prod .prod-list:not(.grid2):not(.grid3) li:not(.full) > a .product-item__price {
    margin-top: auto;
}
.s-prod .prod-list:not(.grid2):not(.grid3) li:not(.full) > a .product-item__param {
    flex: 1 1 auto;
}
/* /kl-grid-card-align */

/* kl-list-info-baseline: списочный вид — «Наличие» и «Артикул» по одной базовой линии */
@media (min-width: 769px) {
    .s-prod .prod-list.grid2 li a .product-item__info,
    .s-prod .prod-list.grid3 li a .product-item__info {
        align-items: baseline;
    }
}
/* /kl-list-info-baseline */

/* kl-price-request: «Цена: по запросу» — обычный кегль и регистр вместо кегля числовой цены */
.s-prod .prod-list li .product-item__price .new .price-request,
.s-prod .prod-list.grid2 li a .product-item__price .new .price-request,
.s-prod .prod-list.grid3 li a .product-item__price .new .price-request,
.sn_list .right .info .price .new .price-request,
.prod_wrap .product-item__price .new .price-request {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}
.sn_list .right .info .price .new .price-request {
    font-size: 22px;
    line-height: 28px;
}
@media (max-width: 768px) {
    .s-prod .prod-list li .product-item__price .new .price-request,
    .sn_list .right .info .price .new .price-request {
        font-size: 16px;
        line-height: 21px;
    }
}
/* /kl-price-request */

/* kl-price-request-2: списочный вид и блоки похожих товаров — span лежит прямо
   в .product-item__price, без обёртки .new, поэтому цвет и начертание задаём здесь */
.s-prod .prod-list li .product-item__price > .price-request,
.s-prod .prod-list.grid2 li a .product-item__price > .price-request,
.s-prod .prod-list.grid3 li a .product-item__price > .price-request,
.prod_wrap .product-item__price > .price-request,
.cols.right .product-item__price > .price-request,
.grids .cols .product-item__price > .price-request {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: #53B4F3;
}
@media (max-width: 768px) {
    .s-prod .prod-list li .product-item__price > .price-request,
    .cols.right .product-item__price > .price-request {
        font-size: 16px;
        line-height: 21px;
    }
}
/* /kl-price-request-2 */

/* kl-price-request-3: на странице товара контейнер .new имеет кегль 42px и задаёт
   высоту строки по себе, даже когда внутри текст 22px. Опускаем кегль контейнера,
   когда в нём лежит «Цена: по запросу» */
.sn_list .right .info .price .new:has(> .price-request) {
    font-size: 22px;
    line-height: 28px;
}
.s-prod .prod-list li .product-item__price .new:has(> .price-request) {
    font-size: 18px;
    line-height: 24px;
}
/* /kl-price-request-3 */
/* KLIMATO_FOOTER_DISCLAIMER */
footer .f_top .f_top_wrap .logo-s .footer-disclaimer {
    max-width: 390px;
    margin: 20px 0 0;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
}

footer .f_top .f_top_wrap .logo-s .footer-disclaimer + .search {
    margin-top: 22px;
}

@media (max-width: 767px) {
    footer .f_top .f_top_wrap .logo-s .footer-disclaimer {
        max-width: none;
        margin-top: 16px;
        font-size: 12px;
        line-height: 1.45;
        text-align: left;
    }

    footer .f_top .f_top_wrap .logo-s .footer-disclaimer + .search {
        margin-top: 18px;
    }
}
/* KLIMATO_FOOTER_DISCLAIMER_RESPONSIVE */
@media (min-width: 768px) and (max-width: 1199px) {
    footer .f_top .container {
        padding-right: 40px;
        padding-left: 40px;
    }

    footer .f_top .f_top_wrap .logo-s small {
        position: static;
        display: block;
        order: initial;
        width: auto;
        margin-top: 6px;
        transform: none;
    }

    footer .f_top .f_top_wrap .logo-s .footer-disclaimer {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    footer .f_top .f_top_wrap .logo-s small {
        position: static;
        display: block;
        order: initial;
        width: auto;
        margin-top: 6px;
        transform: none;
    }

    footer .f_top .f_top_wrap .logo-s .footer-disclaimer {
        margin-top: 20px;
        color: #000;
    }
}
/* KLIMATO_FOOTER_TABLET_FIX */
footer .f_top .f_top_wrap .logo-s .footer-company {
    display: block;
}

@media (min-width: 768px) and (max-width: 1199px) {
    footer .f_top .f_top_wrap .logo-s .footer-company {
        flex: 0 0 auto;
    }

    footer .f_top .f_top_wrap .logo-s .footer-company small {
        position: static;
        display: block;
        width: auto;
        margin-top: 6px;
        transform: none;
    }




}
/* KLIMATO_FOOTER_TABLET_LAYOUT_V2 */
@media (min-width: 768px) and (max-width: 1199px) {
    footer .f_top {
        padding-top: 36px;
    }

    footer .f_top .f_top_wrap .logo-s {
        display: grid;
        grid-template-columns: 200px minmax(0, 1fr) 220px;
        column-gap: 32px;
        align-items: start;
        width: 100%;
    }

    footer .f_top .f_top_wrap .logo-s .footer-company {
        align-self: start;
        margin: 0;
    }

    footer .f_top .f_top_wrap .logo-s .footer-company small {
        position: static;
        display: block;
        width: auto;
        margin-top: 8px;
        transform: none;
    }

    footer .f_top .f_top_wrap .logo-s .footer-disclaimer {
        align-self: start;
        max-width: none;
        margin: 0;
    }

    footer .f_top .f_top_wrap .logo-s .footer-disclaimer + .search {
        align-self: start;
        justify-self: end;
        width: 100%;
        max-width: 220px;
        margin-top: 0;
    }






    footer .f_top .f_top_wrap .f_info {
        display: flex;
        flex-direction: column;
    }

    footer .f_top .f_top_wrap .f_info > li:nth-child(1) {
        order: 1;
    }

    footer .f_top .f_top_wrap .f_info > li:nth-child(2) {
        order: 2;
    }

    footer .f_top .f_top_wrap .f_info > li:nth-child(3) {
        order: 3;
    }

    footer .f_top .f_top_wrap .f_info > li:nth-child(4) {
        order: 4;
    }
}

/* KLIMATO_FOOTER_RESPONSIVE_V3 */
@media (min-width: 768px) and (max-width: 1439px) {
    footer .f_top {
        padding-top: 28px !important;
    }

    footer .f_top .f_top_wrap {
        display: flex;
        flex-wrap: wrap !important;
        align-items: flex-start;
    }

    footer .f_top .f_top_wrap > .logo-s {
        display: grid !important;
        grid-template-columns: 220px minmax(0, 1fr) 240px;
        column-gap: 40px;
        align-items: start;
        flex: 0 0 100%;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 36px !important;
    }

    footer .logo-s .footer-company {
        position: static !important;
        align-self: start;
        width: auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    footer .logo-s .footer-company small {
        position: static !important;
        display: block;
        width: auto !important;
        margin: 8px 0 0 !important;
        transform: none !important;
    }

    footer .logo-s .footer-disclaimer {
        position: static !important;
        align-self: start;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        color: #000;
        line-height: 1.55;
        transform: none !important;
    }

    footer .logo-s .footer-disclaimer + .search {
        position: static !important;
        align-self: start;
        justify-self: end;
        width: 100% !important;
        max-width: 240px;
        margin: 0 !important;
        float: none !important;
        transform: none !important;
    }





}

/* KLIMATO_FOOTER_RESPONSIVE_V4 */
@media (min-width: 768px) and (max-width: 1439px) {
    footer .f_top .f_top_wrap {
        row-gap: 32px !important;
    }

    footer .f_top .f_top_wrap > .logo-s {
        margin-bottom: 0 !important;
    }


}