@charset "UTF-8";


::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

:-moz-placeholder {
    color: #fff;
    opacity: 1
}

::-moz-placeholder {
    color: #fff;
    opacity: 1
}

:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

* {
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.75;
    font-family: SuisseIntl, sans-serif;
    overflow: hidden;
    opacity: 1;
    margin: 0
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a {
    transition: all .5s ease;
    text-decoration: none
}

.main-wrapper {
    overflow: hidden;
    position: relative
}

.my-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    max-width: 1920px
}

    .my-container.small {
        max-width: 1308px
    }

    .my-container.flex {
        display: flex
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.h1 {
    display: block;
    font-size: 100px;
    line-height: 112%;
    font-family: SuisseIntl, sans-serif;
    font-weight: 400;
    color: #000
}

.h2 {
    display: block;
    font-size: 66px;
    line-height: 60px;
    letter-spacing: -.03em;
    font-weight: 400;
    color: #000
}

    .h2 .anim-over:nth-child(2) {
        position: relative;
        top: -10px
    }

.swiper-container {
    overflow: hidden
}

.scroller {
    height: 100vh
}

@keyframes line-infinite {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.anim-line {
    display: flex;
    white-space: nowrap;
    overflow: hidden
}

    .anim-line .al-itm {
        animation: line-infinite 20s linear 0s infinite;
        margin-right: .15em
    }

.product-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background: #000;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease
}

    .product-menu.active {
        opacity: 1;
        visibility: visible
    }

    .product-menu .pm-flex {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        padding-top: 182px;
        overflow-y: auto
    }

        .product-menu .pm-flex .pm-left {
            width: 39.8%;
            padding-left: 50px;
            padding-right: 50px
        }

            .product-menu .pm-flex .pm-left .pm-nav-itm {
                display: block;
                color: #fff;
                font-size: 45px;
                line-height: 48px;
                font-weight: 400;
                cursor: pointer;
                transition: all .5s ease;
                margin-bottom: 48px
            }

                .product-menu .pm-flex .pm-left .pm-nav-itm:last-child {
                    margin-bottom: 0
                }

                .product-menu .pm-flex .pm-left .pm-nav-itm.active,
                .product-menu .pm-flex .pm-left .pm-nav-itm:hover {
                    color: #ec5900
                }

        .product-menu .pm-flex .pm-right {
            width: 60.2%;
            padding-left: 128px;
            padding-right: 50px
        }

            .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content {
                display: none
            }

                .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content.active {
                    display: block
                }

                .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list {
                    margin-bottom: 13px
                }

                    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list:last-child {
                        margin-bottom: 0
                    }

                    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li {
                        margin-bottom: 7px
                    }

                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li:last-child {
                            margin-bottom: 0
                        }

                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.active a,
                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.active span {
                            color: #ec5900
                        }

                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr {
                            margin-bottom: 10px
                        }

                            .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr a,
                            .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr span {
                                font-size: 30px;
                                line-height: 36px;
                                color: #fff
                            }

                                .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr a:hover,
                                .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr span:hover {
                                    color: #ec5900
                                }

                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li a,
                        .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li span {
                            display: block;
                            font-family: Inter, sans-serif;
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 18px;
                            color: #6f6f6d
                        }

                            .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li a:hover,
                            .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li span:hover {
                                color: #ec5900
                            }

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 10;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto
}

    .mobile-menu.active {
        opacity: 1;
        visibility: visible
    }

    .mobile-menu .my-container {
        padding-left: 34px;
        padding-right: 15px
    }

    .mobile-menu .mm-top {
        padding-top: 130px;
        margin-bottom: 30px
    }

        .mobile-menu .mm-top .mmt-sub-list {
            display: none
        }

        .mobile-menu .mm-top .mmt-list li a.active,
        .mobile-menu .mm-top .mmt-list li a:hover {
            color: #ec5900;
            user-select: none
        }

        .mobile-menu .mm-top .mmt-list li span {
            position: relative;
            user-select: none;
            cursor: pointer
        }

            .mobile-menu .mm-top .mmt-list li span::after,
            .mobile-menu .mm-top .mmt-list li span::before {
                content: "";
                position: absolute;
                right: 0;
                top: 13px;
                width: 14px;
                height: 8px;
            }

            .mobile-menu .mm-top .mmt-list li span::after {
                transform: rotate(180deg);
                display: none
            }

        .mobile-menu .mm-top .mmt-list li.active > span::before {
            display: none
        }

        .mobile-menu .mm-top .mmt-list li.active > span::after {
            display: block
        }

        .mobile-menu .mm-top .mmt-list > li.active > span::after {
            transform: rotate(180deg)
        }

        .mobile-menu .mm-top .mmt-list > li {
            margin-bottom: 24px
        }

            .mobile-menu .mm-top .mmt-list > li:last-child {
                margin-bottom: 0
            }

            .mobile-menu .mm-top .mmt-list > li > a,
            .mobile-menu .mm-top .mmt-list > li > span {
                color: #fff;
                font-size: 22px;
                line-height: 36px;
                font-weight: 400;
                text-transform: uppercase;
                display: block;
                cursor: pointer
            }

            .mobile-menu .mm-top .mmt-list > li > span {
                color: #ec5900;
                position: relative;
                padding-right: 27px;
                display: inline-block
            }

                .mobile-menu .mm-top .mmt-list > li > span::before {
                    display: none
                }

                .mobile-menu .mm-top .mmt-list > li > span::after {
                    display: block;
                    transform: rotate(0)
                }

            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list {
                padding-left: 20px;
                padding-top: 24px
            }

                .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li {
                    margin-bottom: 27px
                }

                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li:last-child {
                        margin-bottom: 0
                    }

                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li.active span {
                        color: #ec5900
                    }

                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > span {
                        color: #fff;
                        font-size: 20px;
                        line-height: 27px;
                        font-weight: 400;
                        display: block;
                        position: relative
                    }

                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list {
                        padding-top: 29px
                    }

                        .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li {
                            margin-bottom: 23px
                        }

                            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li.active span::before {
                                display: block;
                                transform: rotate(180deg);
                                opacity: 1
                            }

                            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li.active span::after {
                                display: none
                            }

                            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li:last-child {
                                margin-bottom: 0
                            }

                            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li span {
                                display: block;
                                color: #fff;
                                font-size: 16px;
                                line-height: 27px;
                                font-weight: 400
                            }

                                .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li span::before {
                                    opacity: .5
                                }

                            .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li .mmt-sub-list {
                                padding-top: 18px
                            }

                                .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li .mmt-sub-list li {
                                    margin-bottom: 17px
                                }

                                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li .mmt-sub-list li:last-child {
                                        margin-bottom: 0
                                    }

                                    .mobile-menu .mm-top .mmt-list > li > .mmt-sub-list > li > .mmt-sub-list > li .mmt-sub-list li a {
                                        display: block;
                                        color: #6f6f6d;
                                        font-size: 16px;
                                        line-height: 27px;
                                        font-weight: 400
                                    }

    .mobile-menu .mm-btm {
        padding-bottom: 53px
    }

        .mobile-menu .mm-btm .mmb-top {
            margin-bottom: 102px
        }

            .mobile-menu .mm-btm .mmb-top .mmb-t-descr {
                display: block;
                color: #6f6f6d;
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                letter-spacing: -.05em;
                margin-bottom: 17px
            }

            .mobile-menu .mm-btm .mmb-top .mmb-t-w {
                display: block;
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                letter-spacing: -.05em;
                margin-bottom: 24px;
                color: #fff
            }

                .mobile-menu .mm-btm .mmb-top .mmb-t-w a {
                    display: block;
                    color: #fff
                }

                    .mobile-menu .mm-btm .mmb-top .mmb-t-w a:hover {
                        color: #ec5900
                    }

        .mobile-menu .mm-btm .mmb-btm {
            display: flex;
            justify-content: space-between;
            align-items: flex-end
        }

            .mobile-menu .mm-btm .mmb-btm .mmb-b-mail {
                display: block;
                color: #fff;
                font-size: 30px;
                line-height: 29px;
                font-weight: 400;
                letter-spacing: -.05em
            }

                .mobile-menu .mm-btm .mmb-btm .mmb-b-mail:hover {
                    color: #ec5900
                }

            .mobile-menu .mm-btm .mmb-btm .mmb-b-soc {
                display: flex
            }

                .mobile-menu .mm-btm .mmb-btm .mmb-b-soc .mmb-bs {
                    color: #fff;
                    font-size: 14px;
                    line-height: 29px;
                    font-weight: 400;
                    letter-spacing: -.05em;
                    margin-right: 23px
                }

                    .mobile-menu .mm-btm .mmb-btm .mmb-b-soc .mmb-bs:last-child {
                        margin-right: 0
                    }

                    .mobile-menu .mm-btm .mmb-btm .mmb-b-soc .mmb-bs:hover {
                        color: #ec5900
                    }

.default-arrows .df-arr {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #efebe9;
    border-radius: 50%;
    transition: all .5s ease;
    color: #2d2d2d;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    cursor: pointer
}

    .default-arrows .df-arr.swiper-button-disabled {
        opacity: 0
    }

    .default-arrows .df-arr:hover {
        background: #ec5900;
        color: #fff
    }

.default-top .dt-left {
    width: 50%
}

    .default-top .dt-left .h2 {
        margin-bottom: 70px
    }

        .default-top .dt-left .h2:last-child {
            margin-bottom: 0
        }

    .default-top .dt-left .h1 {
        margin-bottom: 84px
    }

        .default-top .dt-left .h1:last-child {
            margin-bottom: 0
        }

        .default-top .dt-left .h1 .anim-over:nth-child(2) {
            position: relative;
            top: -20px
        }

.default-top .dt-right {
    width: 50%;
    padding-right: 66px;
    padding-top: 10px
}

    .default-top .dt-right .dt-descr {
        display: block;
        color: #2d2d2d;
        font-size: 28px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: -0.015em;
        /* max-width: 100%; */
        margin-left: auto;
        margin-right: 0;
        width: 100%;
    }

.btn-long {
    display: block;
    max-width: 341px;
    width: 100%;
    color: #2d2d2d;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    position: relative;
    transition: all .5s ease;
    cursor: pointer;
    padding-bottom: 17px
}

    .btn-long.border-top {
        padding-bottom: 0;
        padding-top: 17px
    }

        .btn-long.border-top::before {
            bottom: auto;
            top: 0
        }

        .btn-long.border-top::after {
            top: auto;
            bottom: 2px
        }

    .btn-long.white {
        color: #fff
    }

        .btn-long.white::before {
            background: #fff
        }

        .btn-long.white::after {
            color: #fff
        }

    .btn-long.toggleClass.animated::before {
        width: 100%
    }

    .btn-long.toggleClass::before {
        width: 0;
        transition: width 1s ease, background .5s ease
    }

    .btn-long::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(75, 75, 77, .7);
        transition: all .5s ease
    }

    .btn-long::after {
        content: "→";
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        color: #2d2d2d;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .5s ease
    }

    .btn-long:hover {
        color: #ec5900
    }

        .btn-long:hover::after {
            color: #ec5900
        }

        .btn-long:hover::before {
            background: #ec5900
        }

.btn-top {
    display: block;
    position: relative;
    color: #000;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    padding-top: 16px;
    transition: all .5s ease;
    padding-right: 25px
}

    .btn-top.angle::before {
        transform: rotate(-45deg)
    }

    .btn-top:hover {
        color: #ec5900
    }

        .btn-top:hover::after {
            background: #ec5900
        }

        .btn-top:hover::before {
            color: #ec5900
        }

    .btn-top::before {
        content: "↓";
        position: absolute;
        right: 0;
        bottom: 0;
        transition: all .5s ease
    }

    .btn-top::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background: #000;
        transition: background .5s ease, width 1s ease
    }

.btn-ell {
    display: inline-block;
    background: #fff;
    border-radius: 90px;
    color: #2d2d2d;
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding-bottom: 23px;
    padding-left: 38px;
    padding-right: 30px;
    padding-top: 23px;
    transition: all .5s ease
}

    .btn-ell .be-arr {
        margin-left: 5px;
        position: relative;
        top: -1px
    }

    .btn-ell.black {
        color: #fff;
        background: #000
    }

    .btn-ell.small {
        font-size: 10px;
        line-height: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 26px;
        padding-right: 26px
    }

    .btn-ell.red {
        color: #fff;
        font-size: 15px;
        line-height: 17px;
        letter-spacing: .06em;
        text-transform: uppercase;
        font-weight: 400;
        background: #ec5900;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
        padding-right: 15px
    }

        .btn-ell.red:hover {
            color: #000;
            background: #fff
        }

    .btn-ell:hover {
        background: #ec5900;
        color: #fff
    }

.blog-item {
    display: block
}

    .blog-item:hover .bi-photo span {
        transform: scale(1.1)
    }

    .blog-item:hover .bi-text p {
        color: #ec5900
    }

    .blog-item.small {
        display: flex;
        max-width: 811px;
        width: 100%
    }

        .blog-item.small .bi-photo {
            width: 57%;
            height: 309px
        }

        .blog-item.small .bi-text {
            width: 43%;
            order: -1;
            padding-top: 18px;
            padding-left: 0;
            padding-bottom: 18px;
            padding-right: 15px
        }

            .blog-item.small .bi-text .bi-top {
                justify-content: flex-start
            }

                .blog-item.small .bi-text .bi-top .bit-category {
                    margin-right: 44px
                }

    .blog-item .bi-photo {
        height: 536px;
        position: relative;
        overflow: hidden
    }

        .blog-item .bi-photo span {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: 50%;
            transition: all .8s ease;
            background-repeat: no-repeat
        }

    .blog-item .bi-text {
        padding-left: 22px;
        padding-top: 21px;
        padding-bottom: 21px
    }

        .blog-item .bi-text .bi-top {
            display: flex;
            justify-content: space-between;
            margin-bottom: 19px
        }

            .blog-item .bi-text .bi-top .bit-category {
                color: rgba(75, 75, 77, .8);
                font-size: 12px;
                line-height: 14px;
                font-weight: 400;
                display: inline-block;
                position: relative
            }

                .blog-item .bi-text .bi-top .bit-category::after,
                .blog-item .bi-text .bi-top .bit-category::before {
                    content: "]";
                    font-size: inherit;
                    line-height: inherit;
                    color: #ec5900;
                    margin-left: 3px
                }

                .blog-item .bi-text .bi-top .bit-category::before {
                    content: "[";
                    margin-right: 3px;
                    margin-left: 0
                }

            .blog-item .bi-text .bi-top .bit-date {
                display: block;
                color: rgba(75, 75, 77, .8);
                font-size: 12px;
                line-height: 14px;
                font-weight: 400
            }

        .blog-item .bi-text p {
            margin: 0;
            color: #2d2d2d;
            font-size: 18px;
            line-height: 22px;
            font-weight: 400;
            display: block;
            transition: all .5s ease
        }

.bg-gray {
    background: #f5f5f5
}

.anim-over {
    overflow: hidden;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px
}

    .anim-over.animated span {
        transform: translateY(0)
    }

    .anim-over span {
        display: block;
        transform: translateY(100%);
        transition: transform 1.2s cubic-bezier(.23, 1, .32, 1)
    }

.flow-btn {
    border-radius: 50%;
    width: 133px;
    height: 133px;
    display: inline-block;
    cursor: pointer;
    pointer-events: none;
    touch-action: none;
    transition: opacity .3s ease, visibility .3s ease;
    position: absolute;
    top: 0;
    z-index: 1
}

    .flow-btn::after {
        content: "";
        position: absolute;
        width: 118px;
        height: 118px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s ease
    }

    .flow-btn.big::after {
        width: 133px;
        height: 133px
    }

    .flow-btn.play::after {
        background-size: cover
    }

    .flow-btn.drag::after {
        background-size: cover
    }

    .flow-btn.disable {
        opacity: 0;
        visibility: hidden
    }

.flow-drag,
.flow-play {
    cursor: none
}

.s-breadcrumbs ul {
    display: flex;
    flex-wrap: wrap
}

    .s-breadcrumbs ul li {
        margin-right: 22px;
        position: relative;
        margin-bottom: 10px
    }

        .s-breadcrumbs ul li::after {
            content: "/";
            position: absolute;
            right: -15px;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(151, 151, 151, .7)
        }

        .s-breadcrumbs ul li:last-child {
            margin-right: 0
        }

            .s-breadcrumbs ul li:last-child::after {
                display: none
            }

        .s-breadcrumbs ul li a,
        .s-breadcrumbs ul li span {
            color: rgba(151, 151, 151, .7);
            display: block;
            font-size: 12px;
            line-height: 14px;
            font-weight: 400;
            font-family: SuisseIntl, sans-serif
        }

        .s-breadcrumbs ul li span {
            color: #979797
        }

        .s-breadcrumbs ul li a:hover {
            color: #979797
        }

.see-more {
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    color: #f7f6f4;
    cursor: pointer
}

    .see-more:hover {
        color: #ec5900
    }

    .see-more .sm-arr {
        display: inline-block
    }

    .see-more.active .sm-arr {
        transform: rotate(180deg)
    }

.def-pag.black .swiper-pagination-bullet {
    background: #e0dedc
}

    .def-pag.black .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #4b4b4d
    }

.def-pag .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, .5);
    margin-left: 12px;
    margin-right: 12px
}

    .def-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff
    }

.tag-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: SuisseIntl, sans-serif;
    border: 1px solid #fff;
    border-radius: 53px;
    color: #fff;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-left: 22px;
    padding-right: 22px
}

.def-select {
    max-width: 317px;
    width: 100%
}

    .def-select .selectize-input input::-webkit-input-placeholder {
        color: #1a1a1a;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        opacity: 1
    }

    .def-select .selectize-input input:-moz-placeholder {
        color: #1a1a1a;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        opacity: 1
    }

    .def-select .selectize-input input::-moz-placeholder {
        color: #1a1a1a;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        opacity: 1
    }

    .def-select .selectize-input input:-ms-input-placeholder {
        color: #1a1a1a;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        opacity: 1
    }

    .def-select .item,
    .def-select .selectize-dropdown,
    .def-select .selectize-input,
    .def-select .selectize-input input {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: #1a1a1a
    }

    .def-select .selectize-input {
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 5px;
        box-shadow: none;
        padding-left: 20px;
        padding-top: 9px;
        background: #f2f2f2;
        padding-bottom: 8px
    }

    .def-select .selectize-dropdown .create,
    .def-select .selectize-dropdown .no-results,
    .def-select .selectize-dropdown .optgroup-header,
    .def-select .selectize-dropdown .option {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 9px
    }

    .def-select .selectize-input.dropdown-active::before {
        display: none
    }

    .def-select .selectize-dropdown .option.active {
        background: #e0dedc
    }

    .def-select .selectize-dropdown .option.selected {
        color: #ec5900;
        background: #fafafa
    }

        .def-select .selectize-dropdown .option.selected:hover {
            background: #e0dedc
        }

    .def-select .selectize-dropdown {
        border-color: #fafafa;
        background: #fafafa;
        transform: translateY(4px);
        border-radius: 5px;
        box-shadow: none;
        overflow: hidden
    }

    .def-select .selectize-dropdown-content {
        border-radius: 5px
    }

    .def-select .selectize-control.single .selectize-input:after {
        padding: 0;
        margin: 0;
        width: 12px;
        height: 8px;
        margin-top: -4px;
        right: 17px;
        border: 0 solid #000;
    }

    .def-select .selectize-control.single .selectize-input.input-active:after {
        transform: rotate(180deg)
    }

    .def-select.ds-brs {
        max-width: 295px;
        width: 100%
    }

        .def-select.ds-brs .selectize-input {
            font-size: 15px;
            line-height: 17px;
            letter-spacing: .06em;
            text-transform: uppercase;
            font-weight: 400;
            color: #1a1a1a;
            border: 1px solid #1a1a1a;
            border-radius: 32px;
            background: #fff;
            padding-top: 19.5px;
            padding-bottom: 19.5px;
            padding-left: 23px;
            padding-right: 40px;
            display: block
        }

            .def-select.ds-brs .selectize-input input {
                width: 100%;
                display: block
            }

                .def-select.ds-brs .selectize-input input::-webkit-input-placeholder {
                    color: #1a1a1a;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-input input:-moz-placeholder {
                    color: #1a1a1a;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-input input::-moz-placeholder {
                    color: #1a1a1a;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-input input:-ms-input-placeholder {
                    color: #1a1a1a;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

        .def-select.ds-brs .selectize-control.single .selectize-input:after {
            content: "↓";
            width: auto;
            height: auto;
            font-size: 15px;
            line-height: 17px;
            letter-spacing: .06em;
            color: #1a1a1a;
            top: 21px;
            right: 25px;
            margin: 0;
            background: 0 0
        }

        .def-select.ds-brs .selectize-dropdown .create,
        .def-select.ds-brs .selectize-dropdown .no-results,
        .def-select.ds-brs .selectize-dropdown .optgroup-header,
        .def-select.ds-brs .selectize-dropdown .option {
            font-size: 15px;
            line-height: 17px;
            font-weight: 400;
            letter-spacing: .06em;
            text-transform: uppercase;
            padding-left: 23px;
            padding-right: 23px;
            padding-top: 23px;
            padding-bottom: 23px
        }

        .def-select.ds-brs .selectize-control.single .selectize-input.input-active {
            background: #4b4b4d;
            border-color: #4b4b4d
        }

            .def-select.ds-brs .selectize-control.single .selectize-input.input-active::after {
                color: #fff
            }

            .def-select.ds-brs .selectize-control.single .selectize-input.input-active .item {
                color: #fff
            }

            .def-select.ds-brs .selectize-control.single .selectize-input.input-active input {
                color: #fff
            }

                .def-select.ds-brs .selectize-control.single .selectize-input.input-active input::-webkit-input-placeholder {
                    color: #fff;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-control.single .selectize-input.input-active input:-moz-placeholder {
                    color: #fff;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-control.single .selectize-input.input-active input::-moz-placeholder {
                    color: #fff;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

                .def-select.ds-brs .selectize-control.single .selectize-input.input-active input:-ms-input-placeholder {
                    color: #fff;
                    text-transform: uppercase;
                    font-size: inherit;
                    line-height: inherit;
                    opacity: 1
                }

.rb-wrap .container {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #1a1a1a
}

    .rb-wrap .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

.rb-wrap .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 17px;
    width: 17px;
    border: 1px solid #4b4b4d;
    background: 0 0;
    border-radius: 50%
}

.rb-wrap .container input:checked ~ .checkmark:after {
    display: block
}

.rb-wrap .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #1a1a1a;
    content: "";
    position: absolute;
    display: none
}

.back {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 53px;
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    transition: all .5s ease;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px
}

    .back:hover {
        background: #ec5900;
        border-color: #ec5900
    }

.ui-slider-horizontal {
    height: 2px;
    border: 0 solid #000
}

.ui-widget.ui-widget-content {
    border: 0 solid #000
}

.ui-slider .ui-slider-range {
    background: #1a1a1a
}

.ui-widget-content {
    background: 0 0
}

    .ui-button,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    html .ui-button.ui-state-disabled:active,
    html .ui-button.ui-state-disabled:hover {
        width: 17px;
        height: 17px;
        border: 3px solid #fff;
        border-radius: 50%;
        background: #1a1a1a;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
        top: -8px;
        outline: 0
    }

.s-map .ymaps-2-1-79-balloon__content {
    padding: 25px 15px
}

.btn-share {
    display: inline-block;
    position: relative;
    transition: all .5s ease;
    color: #2d2d2d;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    transition: all .5s ease;
    padding-right: 30px
}

    .btn-share::after,
    .btn-share::before {
        content: "";
        position: absolute;
        right: 0;
        top: 6px;
        width: 12px;
        height: 10px;
        transition: all .5s ease;
    }

    .btn-share::after {
        opacity: 0;
    }

    .btn-share:hover {
        color: #ec5900
    }

        .btn-share:hover::before {
            opacity: 0
        }

        .btn-share:hover::after {
            opacity: 1
        }

.big-btn {
    display: block;
    border: 2px solid #4b4b4d;
    border-radius: 80px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -.025em;
    color: #1a1a1a;
    padding-left: 119px;
    padding-right: 25px;
    padding-top: 60px;
    padding-bottom: 61px;
    transition: all .5s ease;
    background: #fff
}

    .big-btn:hover {
        color: #fff;
        background: #1a1a1a;
        border-color: #1a1a1a
    }

        .big-btn:hover span svg path {
            stroke: #fff
        }

    .big-btn span {
        position: relative;
        padding-right: 58px
    }

        .big-btn span svg {
            position: absolute;
            right: 0;
            top: -3px
        }

            .big-btn span svg path {
                stroke: #1a1a1a;
                transition: all .5s ease
            }

.mCSB_inside > .mCSB_container {
    margin-right: 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: 0 0
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #ec5900 !important
}

.default-popup {
    z-index: 12;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

    .default-popup.active {
        opacity: 1;
        visibility: visible
    }

    .default-popup .dp-shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .2)
    }

    .default-popup .dp-content {
        width: 53.5%;
        margin-left: auto;
        margin-right: 0;
        background: #fff;
        position: relative;
        height: 100%;
        padding-top: 58px;
        padding-bottom: 58px;
        overflow-y: auto
    }

        .default-popup .dp-content.thx-content .my-container {
            display: flex;
            text-align: center;
            align-items: center;
            height: 100%;
            flex-wrap: wrap
        }

            .default-popup .dp-content.thx-content .my-container .tc-content {
                width: 100%
            }

        .default-popup .dp-content .my-container {
            padding-left: 25px;
            padding-right: 25px;
            max-width: 935px;
            position: relative
        }

        .default-popup .dp-content .dp-close {
            position: absolute;
            right: 13px;
            cursor: pointer;
            top: 16px;
            width: 29px;
            height: 28px;
        }

        .default-popup .dp-content .dpc-hdr {
            display: block;
            color: #000;
            font-size: 48px;
            line-height: 53px;
            font-weight: 400;
            letter-spacing: -.03em;
            margin-bottom: 60px;
            width: 100%
        }

        .default-popup .dp-content .def-inp {
            margin-bottom: 10px
        }

        .default-popup .dp-content .def-file {
            padding-top: 27px;
            padding-left: 59px;
            margin-bottom: 41px
        }

        .default-popup .dp-content .dp-btn-wrap {
            display: flex;
            align-items: center
        }

            .default-popup .dp-content .dp-btn-wrap .btn-ell.black {
                border: 0 solid #000;
                font-size: 15px;
                line-height: 17px;
                font-family: SuisseIntl, sans-serif;
                letter-spacing: .06em;
                position: relative;
                padding-top: 38px;
                padding-bottom: 38px;
                padding-left: 58px;
                padding-right: 208px;
                cursor: pointer
            }

                .default-popup .dp-content .dp-btn-wrap .btn-ell.black .be-arr {
                    position: absolute;
                    right: 53px;
                    top: 50%;
                    transform: translateY(-50%)
                }

            .default-popup .dp-content .dp-btn-wrap .dp-bw-descr {
                width: calc(100% - 328px);
                color: rgba(26, 26, 26, .5);
                font-size: 18px;
                line-height: 22px;
                font-weight: 400;
                padding-left: 75px
            }

    .default-popup.dp-download .dp-content {
        width: 100%
    }

        .default-popup.dp-download .dp-content .my-container {
            padding-right: 77px;
            padding-left: 77px;
            max-width: 100%
        }

        .default-popup.dp-download .dp-content .dpw-hdr {
            display: block;
            color: #000;
            font-size: 61px;
            line-height: 71px;
            letter-spacing: -.025em;
            font-weight: 400;
            margin-bottom: 45px
        }

        .default-popup.dp-download .dp-content .dpw-items {
            border-top: 1px solid rgba(75, 75, 77, .5)
        }

            .default-popup.dp-download .dp-content .dpw-items .dpw-itm {
                display: flex;
                justify-content: space-between;
                border-bottom: 1px solid rgba(75, 75, 77, .5);
                padding-top: 50px;
                padding-bottom: 46px
            }

                .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left {
                    display: flex;
                    justify-content: space-between;
                    padding-right: 15px;
                    max-width: 702px;
                    width: 100%
                }

                    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-name {
                        display: block;
                        color: #000;
                        font-size: 24px;
                        line-height: 28px;
                        font-weight: 400;
                        letter-spacing: -.025em;
                        padding-right: 15px
                    }

                    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-mb {
                        color: #979797;
                        font-size: 24px;
                        line-height: 28px;
                        letter-spacing: -.025em;
                        font-weight: 400
                    }

                .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-right .dpw-red {
                    display: block;
                    color: #ec5900;
                    font-size: 24px;
                    line-height: 28px;
                    font-weight: 400;
                    letter-spacing: -.025em
                }

                    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-right .dpw-red:hover {
                        color: #000
                    }

.def-file {
    position: relative;
    display: flex;
    align-items: center
}

    .def-file input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1
    }

    .def-file .df-descr {
        display: block;
        color: #1a1a1a;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        position: relative;
        padding-left: 40px;
        margin-right: 45px
    }

        .def-file .df-descr::before {
            content: "";
            position: absolute;
            left: 0;
            top: -2px;
            width: 24px;
            height: 24px;
        }

    .def-file .df-items {
        display: flex;
        align-items: center;
        z-index: 2
    }

        .def-file .df-items .df-itm {
            display: flex;
            align-items: center;
            margin-right: 53px
        }

            .def-file .df-items .df-itm:last-child {
                margin-right: 0
            }

            .def-file .df-items .df-itm .dfi-descr {
                display: block;
                color: #1a1a1a;
                font-size: 18px;
                line-height: 22px;
                font-weight: 400
            }

            .def-file .df-items .df-itm .dfi-delete {
                margin-left: 8px;
                width: 15px;
                height: 15px;
                display: block;
                cursor: pointer;
            }

.def-inp textarea {
    resize: none;
    height: 194px
}

.def-inp input,
.def-inp textarea {
    display: block;
    width: 100%;
    outline: 0;
    border: 1px solid rgba(75, 75, 77, .5);
    border-radius: 48px;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 22px;
    font-weight: 400;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 57px;
    padding-right: 25px
}

    .def-inp input::-webkit-input-placeholder,
    .def-inp textarea::-webkit-input-placeholder {
        color: rgba(75, 75, 77, .5);
        font-size: inherit;
        line-height: inherit;
        font-weight: 400;
        font-family: SuisseIntl, sans-serif
    }

    .def-inp input:-moz-placeholder,
    .def-inp textarea:-moz-placeholder {
        color: rgba(75, 75, 77, .5);
        font-size: inherit;
        line-height: inherit;
        font-weight: 400;
        font-family: SuisseIntl, sans-serif
    }

    .def-inp input::-moz-placeholder,
    .def-inp textarea::-moz-placeholder {
        color: rgba(75, 75, 77, .5);
        font-size: inherit;
        line-height: inherit;
        font-weight: 400;
        font-family: SuisseIntl, sans-serif
    }

    .def-inp input:-ms-input-placeholder,
    .def-inp textarea:-ms-input-placeholder {
        color: rgba(75, 75, 77, .5);
        font-size: inherit;
        line-height: inherit;
        font-weight: 400;
        font-family: SuisseIntl, sans-serif
    }

header {
    position: relative
}

    header.full-red::before {
        width: 100%
    }

    header.full-red .hd-right {
        z-index: 2
    }


        header.full-red .hd-right .hdr-right-wrap .hdr-eng-wrap span.active {
            border-color: #fff
        }

            header.full-red .hd-right .hdr-right-wrap .hdr-eng-wrap span.active:hover {
                border-color: #000
            }

        header.full-red .hd-right .hdr-right-wrap .hdr-eng-wrap span:hover {
            color: #000;
            border-color: #000
        }

        header.full-red .hd-right .hdl-list ul li a:hover {
            color: #000
        }

            header.full-red .hd-right .hdl-list ul li a:hover::before {
                background: #000
            }

    header.animated::before {
        transform: translateX(0)
    }

    header.animated .hd-left .hdl-logo {
        opacity: 1;
        transition-delay: .5s;
        transform: translateY(0)
    }

    header.animated .hd-left .hd-product-btn {
        opacity: 1;
        transform: translateY(0)
    }

    header.animated .hd-right .hdl-list ul li {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .7s
    }

        header.animated .hd-right .hdl-list ul li:nth-child(1) {
            transition-delay: .7s
        }

        header.animated .hd-right .hdl-list ul li:nth-child(2) {
            transition-delay: .8s
        }

        header.animated .hd-right .hdl-list ul li:nth-child(3) {
            transition-delay: .9s
        }

        header.animated .hd-right .hdl-list ul li:nth-child(4) {
            transition-delay: 1s
        }

    header.animated .hd-right .hdr-right-wrap .hdr-search-btn {
        opacity: 1;
        transition-delay: 1.1s;
        transform: translateY(0)
    }

    header.animated .hd-right .hdr-right-wrap .hdr-eng-wrap {
        opacity: 1;
        transition-delay: 1.2s;
        transform: translateY(0)
    }

    header.animated .hd-right .hdr-mobile-burger {
        opacity: 1;
        transition-delay: .7s;
        transform: translateY(0)
    }

    header .my-container.flex {
        padding: 0;
        max-width: 100%
    }

    header::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 39.8%;
        height: 100%;
        z-index: 2;
        background: #ec5900;
        transition: transform .9s cubic-bezier(.4, 0, 0, 1);
        transform: translateX(-102%)
    }

    header.abs {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 11
    }

    header .hd-left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        width: 39.8%;
        padding-left: 50px;
        padding-right: 57px;
        padding-top: 24px;
        padding-bottom: 24px;
        z-index: 2
    }

        header .hd-left .hdl-logo {
            display: block;
            opacity: 0;
            transform: translateY(50px);
            transition: transform .6s cubic-bezier(.4, 0, 0, 1), opacity .6s cubic-bezier(.4, 0, 0, 1)
        }

            header .hd-left .hdl-logo img {
                display: block;
                max-width: 100%;
                margin: 0 auto
            }

        header .hd-left .hd-product-btn {
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            line-height: 22px;
            font-weight: 400;
            position: relative;
            padding-right: 58px;
            top: -2px;
            opacity: 0;
            transform: translateY(50px);
            transition: transform .6s cubic-bezier(.4, 0, 0, 1) .6s, opacity .6s cubic-bezier(.4, 0, 0, 1) .6s, color .5s ease
        }

            header .hd-left .hd-product-btn.active::before {
                transform: rotate(-45deg);
                top: 12px;
                right: 1px
            }

            header .hd-left .hd-product-btn.active::after {
                transform: rotate(45deg);
                top: 12px
            }

            header .hd-left .hd-product-btn:hover {
                color: #000
            }

                header .hd-left .hd-product-btn:hover::after,
                header .hd-left .hd-product-btn:hover::before {
                    background: #000
                }

            header .hd-left .hd-product-btn::after,
            header .hd-left .hd-product-btn::before {
                content: "";
                position: absolute;
                width: 37px;
                height: 1px;
                background: #fff;
                right: 0;
                top: 8px;
                transition: all .5s ease
            }

            header .hd-left .hd-product-btn::after {
                top: 16px
            }

        header .hd-left p {
            margin: 0% 2%;
            padding-top: 5%;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }

    header .hd-right {
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center;
        width: 60.2%;
        padding-right: 50px;
        padding-left: 128px;
        padding-top: 24px;
        padding-bottom: 24px
    }

        header .hd-right .hdr-mobile-burger {
            width: 37px;
            height: 40px;
            cursor: pointer;
            display: none;
            align-items: flex-start;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: center;
            opacity: 0;
            transform: translateY(50px);
            transition: transform .6s cubic-bezier(.4, 0, 0, 1), opacity .6s cubic-bezier(.4, 0, 0, 1)
        }

            header .hd-right .hdr-mobile-burger.active .hdr-mb-line {
                transform: rotate(45deg);
                top: 5px;
                transition: width .5s ease, top .5s ease .3s, transform .5s ease .8s
            }

                header .hd-right .hdr-mobile-burger.active .hdr-mb-line:nth-child(2) {
                    width: 100%;
                    transform: rotate(-45deg);
                    top: -4px
                }

            header .hd-right .hdr-mobile-burger .hdr-mb-line {
                width: 100%;
                background: #fff;
                display: block;
                height: 2px;
                margin-bottom: 7px;
                position: relative;
                transition: all .5s ease;
                top: 0;
                transition: transform .5s ease, top .5s ease .5s, width .5s ease .5s
            }

                header .hd-right .hdr-mobile-burger .hdr-mb-line:nth-child(2) {
                    width: 20px;
                    margin-bottom: 0
                }

        header .hd-right .hdr-hidden-search {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            align-items: center;
            padding-left: 128px;
            padding-right: 158px;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease;
            transform: translateY(-100%)
        }

            header .hd-right .hdr-hidden-search.active {
                opacity: 1;
                visibility: visible;
                transform: translateY(0)
            }

            header .hd-right .hdr-hidden-search .hdr-hs-wrap {
                position: relative;
                top: -2px;
                display: block;
                width: 100%;
                padding-right: 76px
            }

                header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close {
                    position: absolute;
                    width: 21px;
                    height: 21px;
                    cursor: pointer;
                    right: 116px;
                    top: 7px
                }

                    header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close::after,
                    header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        transition: all .5s ease
                    }

                    header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close::after {
                        opacity: 0;
                    }

                    header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close:hover::before {
                        opacity: 0
                    }

                    header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-close:hover::after {
                        opacity: 1
                    }

                header .hd-right .hdr-hidden-search .hdr-hs-wrap .hdr-hs-search {
                    position: absolute;
                    width: 17px;
                    height: 20px;
                    cursor: pointer;
                    right: 18px;
                    border: 0 solid #000;
                    top: 9px;
                }

                header .hd-right .hdr-hidden-search .hdr-hs-wrap input {
                    color: #1a1a1a;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 400;
                    outline: 0;
                    border: 0 solid #000;
                    display: block;
                    width: 100%;
                    font-family: SuisseIntl, sans-serif;
                    border-right: 1px solid rgba(151, 151, 151, .5);
                    padding-top: 7px;
                    padding-bottom: 7px;
                    padding-right: 90px
                }

        header .hd-right .hdl-list ul {
            display: flex
        }

            header .hd-right .hdl-list ul li {
                margin-right: 55px;
                opacity: 0;
                transform: translateY(50px);
                transition: transform .6s cubic-bezier(.4, 0, 0, 1), opacity .6s cubic-bezier(.4, 0, 0, 1)
            }

                header .hd-right .hdl-list ul li:last-child {
                    margin-bottom: 0
                }

                header .hd-right .hdl-list ul li a {
                    display: block;
                    color: #fff;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 400;
                    position: relative;
                    padding-bottom: 6px
                }

                    header .hd-right .hdl-list ul li a::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        height: 1.5px;
                        width: 0%;
                        background: #ec5900;
                        transition: all .5s ease
                    }

                    header .hd-right .hdl-list ul li a:hover {
                        color: #ec5900
                    }

                        header .hd-right .hdl-list ul li a:hover::before {
                            width: 30%
                        }

        header .hd-right .hdr-right-wrap {
            display: flex;
            align-items: center;
            position: relative;
            top: 1px
        }

            header .hd-right .hdr-right-wrap .hdr-search-btn {
                width: 17px;
                height: 20px;
                cursor: pointer;
                position: relative;
                top: -3px;
                opacity: 0;
                transform: translateY(50px);
                transition: transform .6s cubic-bezier(.4, 0, 0, 1), opacity .6s cubic-bezier(.4, 0, 0, 1);
                display: none
            }

                header .hd-right .hdr-right-wrap .hdr-search-btn::after,
                header .hd-right .hdr-right-wrap .hdr-search-btn::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    transition: all .5s ease;
                }

                header .hd-right .hdr-right-wrap .hdr-search-btn::after {
                    opacity: 0;
                }

                header .hd-right .hdr-right-wrap .hdr-search-btn:hover::before {
                    opacity: 0
                }

                header .hd-right .hdr-right-wrap .hdr-search-btn:hover::after {
                    opacity: 1
                }

            header .hd-right .hdr-right-wrap .hdr-eng-wrap {
                position: relative;
                cursor: pointer;
                margin-left: 94px;
                opacity: 0;
                transform: translateY(50px);
                transition: transform .6s cubic-bezier(.4, 0, 0, 1), opacity .6s cubic-bezier(.4, 0, 0, 1);
                min-width: 24px
            }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap.active .he-items {
                    display: block
                }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap .he-top {
                    border-bottom: 1px solid #fff;
                    transition: all .5s ease;
                    padding-bottom: 4px
                }

                    header .hd-right .hdr-right-wrap .hdr-eng-wrap .he-top:hover {
                        border-color: #ec5900
                    }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap .he-items {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    transform: translateY(30px);
                    display: none
                }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap .he-itm {
                    font-size: 18px;
                    line-height: 22px;
                    color: #fff;
                    display: block;
                    transition: color .5s ease
                }

                    header .hd-right .hdr-right-wrap .hdr-eng-wrap .he-itm:hover {
                        color: #ec5900
                    }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap.active span {
                    display: block
                }

                header .hd-right .hdr-right-wrap .hdr-eng-wrap span {
                    color: #fff;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 400;
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 0;
                    transform: translateY(150%);
                    display: none;
                    transition: color .5s ease, border .5s ease
                }

                    header .hd-right .hdr-right-wrap .hdr-eng-wrap span:nth-child(3) {
                        transform: translateY(250%)
                    }

                    header .hd-right .hdr-right-wrap .hdr-eng-wrap span:hover {
                        color: #ec5900;
                        border-color: #ec5900
                    }

                    header .hd-right .hdr-right-wrap .hdr-eng-wrap span.active {
                        display: block;
                        border-bottom: 1.5px solid #fff;
                        position: relative;
                        top: 0;
                        left: 0;
                        padding-bottom: 6px;
                        transform: translateY(0)
                    }

                        header .hd-right .hdr-right-wrap .hdr-eng-wrap span.active:hover {
                            border-color: #ec5900
                        }

.s-main-banner {
    position: relative;
    height: 100vh
}

    .s-main-banner.animated .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-btm,
    .s-main-banner.animated .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr,
    .s-main-banner.animated .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .s-main-banner.animated .smb-image-slider .smb-arrows,
    .s-main-banner.animated .smb-image-slider .swiper-pagination {
        transform: translateX(-50%) translate3d(0, 0, 0);
        opacity: 1
    }

    .s-main-banner .smb-image-slider {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }

        .s-main-banner .smb-image-slider .swiper-pagination {
            right: 50px;
            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.8s;
            transform: translate3d(0, 120%, 0);
            opacity: 0
        }

            .s-main-banner .smb-image-slider .swiper-pagination .swiper-pagination-bullet {
                background: rgba(255, 255, 255, .5);
                opacity: 1;
                width: 6px;
                height: 6px;
                margin: 0;
                margin-bottom: 24px
            }

                .s-main-banner .smb-image-slider .swiper-pagination .swiper-pagination-bullet:last-child {
                    margin-bottom: 0
                }

                .s-main-banner .smb-image-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background: #fff
                }

        .s-main-banner .smb-image-slider .smb-arrows {
            display: flex;
            width: 233px;
            position: absolute;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%) translate3d(0, 120%, 0);
            z-index: 1;
            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.7s;
            opacity: 0
        }

            .s-main-banner .smb-image-slider .smb-arrows::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 0;
                width: 1px;
                height: 100%;
                background: rgba(255, 255, 255, .15)
            }

            .s-main-banner .smb-image-slider .smb-arrows .swiper-button-next,
            .s-main-banner .smb-image-slider .smb-arrows .swiper-button-prev {
                background: 0 0;
                padding: 0;
                margin: 0;
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                font-size: 50px;
                line-height: 18px;
                font-weight: 400;
                color: #fff;
                width: 116px;
                height: 72px;
                display: flex;
                justify-content: center;
                align-items: center;
                opacity: 1;
                user-select: none
            }

                .s-main-banner .smb-image-slider .smb-arrows .swiper-button-next::after,
                .s-main-banner .smb-image-slider .smb-arrows .swiper-button-prev::after {
                    display: none
                }

        .s-main-banner .smb-image-slider .swiper-container {
            height: 100vh
        }

        .s-main-banner .smb-image-slider .swiper-slide.swiper-slide-active .smb-i-itm img {
            transform: scale(1)
        }

        .s-main-banner .smb-image-slider .swiper-slide.no-transition .smb-i-itm img {
            transition: all 0s ease 0s;
            transform: none
        }

        .s-main-banner .smb-image-slider .swiper-slide .smb-i-itm {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%
        }

            .s-main-banner .smb-image-slider .swiper-slide .smb-i-itm img {
                display: block;
                margin: auto;
                max-width: 100%;
                transform: scale(.8);
                transition: all 1.5s ease .3s
            }

    .s-main-banner .smb-tb-slider {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

        .s-main-banner .smb-tb-slider .swiper-slide {
            width: 100%;
            height: 100vh;
            opacity: 1 !important
        }

            .s-main-banner .smb-tb-slider .swiper-slide.no-transition .smb-tb-itm .smb-tb-bg {
                transition: 0s
            }

            .s-main-banner .smb-tb-slider .swiper-slide.no-transition .smb-tb-itm .my-container .smb-tb-text {
                transition: 0s
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-prev .smb-tb-itm .smb-tb-img-bg {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-prev .smb-tb-itm .smb-tb-bg {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-prev .smb-tb-itm .my-container .smb-tb-text {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-next .smb-tb-itm .smb-tb-img-bg {
                transform: translateY(100%)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-next .smb-tb-itm .smb-tb-bg {
                transform: translateY(100%)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-next .smb-tb-itm .my-container .smb-tb-text {
                transform: translateY(100%)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-active .smb-tb-itm .smb-tb-img-bg {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-active .smb-tb-itm .smb-tb-bg {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-active .smb-tb-itm .my-container .smb-tb-text {
                transform: translateY(0)
            }

            .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm {
                position: relative;
                height: 100%
            }

                .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .smb-tb-img-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%;
                    transition: transform 1s ease;
                    transform: translateY(100%);
                    z-index: 2
                }

                .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .smb-tb-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%;
                    transition: transform 1s ease;
                    transform: translateY(100%);
                    z-index: 1
                }

                .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container {
                    display: flex;
                    align-items: flex-end;
                    height: 100%;
                    position: relative;
                    z-index: 3
                }

                    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text {
                        padding-bottom: 45px;
                        transform: translateY(100%);
                        transition: transform 1s ease
                    }

                        .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
                            display: block;
                            color: #ec5900;
                            font-size: 36px;
                            line-height: 100%;
                            font-weight: 700;
                            font-style: italic;
                            letter-spacing: -.03em;
                            margin-bottom: 35px;
                            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.3s;
                            transform: translate3d(0, 120%, 0);
                            opacity: 0
                        }

                        .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
                            display: block;
                            color: #fff;
                            font-size: 80px;
                            line-height: 68px;
                            letter-spacing: -.03em;
                            text-transform: uppercase;
                            font-weight: 500;
                            margin-bottom: 88px;
                            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.4s;
                            transform: translate3d(0, 120%, 0);
                            opacity: 0
                        }

                        .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-btm {
                            display: block;
                            color: #fff;
                            font-size: 18px;
                            line-height: 22px;
                            font-weight: 500;
                            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.6s;
                            transform: translate3d(0, 120%, 0);
                            opacity: 0
                        }

.s-products {
    padding-top: 151px;
    position: relative;
    background: #fff;
    z-index: 1
}

    .s-products .btn-arr {
        position: absolute;
        display: none
    }

    .s-products .sp-top {
        margin-bottom: 71px
    }

        .s-products .sp-top .my-container.flex {
            align-items: center
        }

    .s-products .sp-slider {
        position: relative
    }

        .s-products .sp-slider::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #e0dedc;
            transition: all 1.5s ease
        }

        .s-products .sp-slider.toggleClass::after {
            width: 0
        }

        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(1) .sp-itm::after,
        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(2) .sp-itm::after,
        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(3) .sp-itm::after,
        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(4) .sp-itm::after,
        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(5) .sp-itm::after,
        .s-products .sp-slider.toggleClass .swiper-slide:nth-child(6) .sp-itm::after {
            height: 0
        }

        .s-products .sp-slider.toggleClass.animated::after {
            width: 100%;
            transition-delay: .1s
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(1) .sp-itm::after {
            transition-delay: .3s;
            height: 100%
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(2) .sp-itm::after {
            transition-delay: .4s;
            height: 100%
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(3) .sp-itm::after {
            transition-delay: .5s;
            height: 100%
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(4) .sp-itm::after {
            transition-delay: .6s;
            height: 100%
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(5) .sp-itm::after {
            transition-delay: .7s;
            height: 100%
        }

        .s-products .sp-slider.toggleClass.animated .swiper-slide:nth-child(6) .sp-itm::after {
            transition-delay: .8s;
            height: 100%
        }

        .s-products .sp-slider .df-arr {
            top: 29%;
            position: absolute;
            z-index: 1
        }

            .s-products .sp-slider .df-arr.prev {
                left: 5px
            }

            .s-products .sp-slider .df-arr.next {
                right: 5px
            }

        .s-products .sp-slider .swiper-slide {
            width: 20%
        }

            .s-products .sp-slider .swiper-slide .sp-itm {
                text-align: center;
                padding-top: 115px;
                padding-left: 15px;
                padding-right: 15px;
                padding-bottom: 109px;
                display: block;
                position: relative
            }

                .s-products .sp-slider .swiper-slide .sp-itm::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 1px;
                    height: 100%;
                    background: #e0dedc;
                    transition: all 1.5s ease
                }

                .s-products .sp-slider .swiper-slide .sp-itm:hover .spi-img img {
                    transform: scale(1.1)
                }

                .s-products .sp-slider .swiper-slide .sp-itm:hover .spi-text .spi-t-hdr {
                    color: #ec5900
                }

                .s-products .sp-slider .swiper-slide .sp-itm .spi-img {
                    margin-bottom: 68px;
                    height: 241px;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                    .s-products .sp-slider .swiper-slide .sp-itm .spi-img img {
                        margin: 0 auto;
                        max-width: 100%;
                        display: block;
                        height: 100%;
                        transition: all .8s ease
                    }

                .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-hdr {
                    display: block;
                    color: #2d2d2d;
                    font-size: 24px;
                    line-height: 28px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    margin-bottom: 29px;
                    min-height: 56px;
                    transition: all .5s ease
                }

                .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-gray {
                    display: block;
                    color: #979797;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 400;
                    letter-spacing: -.025em
                }

.s-work-quality {
    background: #000;
    padding-top: 42px;
    padding-bottom: 42px;
    z-index: 1;
    position: relative
}

    .s-work-quality.anim-over .swq-items::before {
        width: 0
    }

    .s-work-quality.anim-over.animated .swq-items::before {
        transition: all 1s ease .6s;
        width: 54.5%
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(1) .swq-i-hdr .swq-over span {
        transition-delay: 0s
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(2) .swq-i-hdr .swq-over span {
        transition-delay: 1.4s
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm .swq-i-hdr .swq-over:nth-child(2) {
        position: relative;
        top: -20px
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm .swq-i-hdr .swq-over span {
        transform: translateY(0)
    }

    .s-work-quality .swq-hdr {
        display: block;
        color: #716f6f;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: -.06em;
        margin-bottom: 100px
    }

    .s-work-quality .swq-items {
        display: flex;
        position: relative
    }

        .s-work-quality .swq-items::before {
            content: "";
            position: absolute;
            left: 20%;
            background: rgba(239, 235, 233, .4);
            height: 1px;
            width: 54.5%;
            top: 55%
        }

        .s-work-quality .swq-items .swq-itm {
            width: 50%;
        }

            .s-work-quality .swq-items .swq-itm:nth-child(2) {
                text-align: right;
                padding-top: 120px;
            }

            .s-work-quality .swq-items .swq-itm .swq-i-hdr {
                display: block;
                color: #f7f5f4;
                font-size: 65px;
                line-height: 100px;
                font-weight: 400;
                letter-spacing: -.03em
            }

                .s-work-quality .swq-items .swq-itm .swq-i-hdr .swq-over {
                    overflow: hidden;
                    display: block;
                    padding: 5px;
                }

                    .s-work-quality .swq-items .swq-itm .swq-i-hdr .swq-over span {
                        transition: transform 1.2s cubic-bezier(.23, 1, .32, 1);
                        transform: translateY(100%);
                        display: block
                    }

.s-panel {
    /* height: 100vh; */
    position: relative;
    padding: 5%;
}


.s-two .st-items {
    display: flex
}

    .s-two .st-items .st-itm {
        width: 50%;
        height: 970px;
        position: relative;
        overflow: hidden
    }

        .s-two .st-items .st-itm:nth-child(2) .sti-p-items {
            left: 40px
        }

        .s-two .st-items .st-itm.black .sti-top .sti-t-hdr {
            color: #000
        }

        .s-two .st-items .st-itm.black .sti-top .sti-t-num {
            color: #000
        }

        .s-two .st-items .st-itm .sti-bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: 50%
        }

        .s-two .st-items .st-itm .sti-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 89px
        }

            .s-two .st-items .st-itm .sti-top.align-start {
                align-items: flex-start
            }

            .s-two .st-items .st-itm .sti-top .sti-t-hdr {
                display: block;
                color: #fff;
                font-size: 66px;
                line-height: 66px;
                font-weight: 400;
                letter-spacing: -.03em
            }

                .s-two .st-items .st-itm .sti-top .sti-t-hdr .anim-over:nth-child(2) {
                    position: relative;
                    top: -15px
                }

            .s-two .st-items .st-itm .sti-top .sti-t-logo img {
                display: block;
                max-width: 100%
            }

            .s-two .st-items .st-itm .sti-top .sti-t-num {
                color: #fff;
                font-size: 66px;
                line-height: 60px;
                font-weight: 400;
                font-family: SuisseIntl, sans-serif;
                letter-spacing: -.03em
            }

        .s-two .st-items .st-itm .sti-p-items {
            position: absolute;
            left: -102px;
            bottom: 123px;
            display: flex
        }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                text-align: center;
                width: 275px;
                height: 432px;
                margin-right: 20px;
                border-radius: 100px;
                background-repeat: no-repeat;
                background-position: 50%;
                background-size: cover;
                padding-top: 32px;
                position: relative;
                overflow: hidden
            }

                .s-two .st-items .st-itm .sti-p-items .sti-p-itm .sti-pi-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%;
                    background-repeat: no-repeat;
                    transform: scale(1.2)
                }

                .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                    top: 173px
                }

                .s-two .st-items .st-itm .sti-p-items .sti-p-itm .sti-pi-year {
                    display: block;
                    color: #fff;
                    font-size: 24px;
                    line-height: 38px;
                    font-weight: 400;
                    letter-spacing: -.03em;
                    position: relative
                }

        .s-two .st-items .st-itm .btn-ell {
            position: absolute;
            bottom: 48px;
            left: 40px
        }

.s-blog {
    padding-top: 151px;
    padding-bottom: 180px
}

    .s-blog .sb-top {
        margin-bottom: 139px
    }

        .s-blog .sb-top .dt-right .btn-long {
            display: none
        }

    .s-blog .sb-items-wrap {
        display: flex
    }

        .s-blog .sb-items-wrap.toggleClass .blog-item .bi-photo span {
            transform: scale(1.2)
        }

        .s-blog .sb-items-wrap.toggleClass.animated .blog-item:hover .bi-photo span {
            transform: scale(1.1)
        }

        .s-blog .sb-items-wrap.toggleClass.animated .blog-item .bi-photo span {
            transform: scale(1)
        }

        .s-blog .sb-items-wrap .my-container.flex {
            padding-left: 20px;
            padding-right: 20px
        }

        .s-blog .sb-items-wrap .sb-left {
            width: 50%
        }

        .s-blog .sb-items-wrap .sb-right {
            width: 50%;
            position: relative;
            padding-left: 25px;
            height: 723px;
            overflow: hidden
        }

            .s-blog .sb-items-wrap .sb-right .bi-items {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: auto;
                padding-left: 25px
            }

                .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
                    margin-left: auto;
                    margin-right: 0;
                    margin-bottom: 105px
                }

                    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small:last-child {
                        margin-bottom: 0
                    }

.s-help {
    padding-top: 161px;
    padding-bottom: 12%;
}

    .s-help .sh-top {
        margin-bottom: 100px
    }

        .s-help .sh-top .dt-right {
            position: relative
        }

            .s-help .sh-top .dt-right .btn-long {
                display: none
            }

    .s-help .sh-items .my-container.flex {
        padding-left: 20px;
        padding-right: 20px;
        align-items: flex-start
    }

    .s-help .sh-items .sh-itm {
        position: relative;
        width: calc(50% - 10px);
        padding-left: 18px;
        /* padding-top: 78px; */
        padding-right: 18px;
        min-height: 550px;
        overflow: hidden;
        transition: 0s
    }

        .s-help .sh-items .sh-itm:hover .btn-ell {
            background: #ec5900;
            color: #fff
        }

        .s-help .sh-items .sh-itm:nth-child(odd) {
            margin-right: 10px
        }

        .s-help .sh-items .sh-itm:nth-child(even) {
            margin-left: 10px;
            margin-top: 163px;
            padding-left: 33px
        }

        .s-help .sh-items .sh-itm .shi-bg, .shi-bg2, .shi-bg3, .shi-bg4, .shi-bg5, .shi-bg6 {
            position: absolute;
            width: 100%;
            height: 100%;
            background-size: cover;
            transition: 0s;
            background-repeat: no-repeat;
            background-position: top;
        }




        .s-help .sh-items .sh-itm .shi-hdr {
            position: relative;
            display: block;
            color: #fff;
            font-size: 48px;
            line-height: 60px;
            font-weight: 400;
            font-family: SuisseIntl, sans-serif;
            letter-spacing: -.025em
        }

        .s-help .sh-items .sh-itm .btn-ell {
            position: absolute;
            bottom: 0;
            left: 39px
        }

.s-phone {
    /* padding-top: 121px; */
    padding-bottom: 5%;
}

    .s-phone .sp-top {
        text-align: center;
        margin-bottom: 146px
    }

        .s-phone .sp-top .h2 {
            margin-bottom: 66px
        }

        .s-phone .sp-top .spt-descr {
            display: block;
            color: #2d2d2d;
            font-size: 22px;
            line-height: 32px;
            font-weight: 400;
            letter-spacing: -.025em;
            max-width: 606px;
            margin-left: auto;
            margin-right: auto
        }

    .s-phone .sp-items .my-container.flex {
        justify-content: space-between;
        align-items: flex-start
    }

    .s-phone .sp-items .sp-small {
        max-width: 264px;
        width: 100%
    }

        .s-phone .sp-items .sp-small:nth-child(2) {
            align-self: flex-end
        }

        .s-phone .sp-items .sp-small:nth-child(5) {
            align-self: flex-end
        }

        .s-phone .sp-items .sp-small.toggleClass:nth-child(2),
        .s-phone .sp-items .sp-small.toggleClass:nth-child(4),
        .s-phone .sp-items .sp-small.toggleClass:nth-child(5) {
            overflow: hidden
        }

            .s-phone .sp-items .sp-small.toggleClass:nth-child(2) img,
            .s-phone .sp-items .sp-small.toggleClass:nth-child(4) img,
            .s-phone .sp-items .sp-small.toggleClass:nth-child(5) img {
                transform: scale(1.2);
                transition: all .8s ease
            }

        .s-phone .sp-items .sp-small.toggleClass.animated:nth-child(2) img,
        .s-phone .sp-items .sp-small.toggleClass.animated:nth-child(4) img,
        .s-phone .sp-items .sp-small.toggleClass.animated:nth-child(5) img {
            transform: scale(1)
        }

    .s-phone .sp-items .sps-img img {
        display: block;
        max-width: 100%;
        margin: 0 auto
    }

    .s-phone .sp-items .sps-date {
        background: #222025;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 28px;
        padding-left: 10px;
        padding-right: 10px
    }

        .s-phone .sp-items .sps-date .sps-d-num {
            display: block;
            color: #fff;
            font-size: 112px;
            line-height: 100%;
            font-weight: 400;
            letter-spacing: -.03em;
            margin-bottom: 13px
        }

        .s-phone .sp-items .sps-date .sps-d-descr {
            display: inline-block;
            position: relative;
            padding-left: 39px;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            letter-spacing: -.03em;
            margin-bottom: 85px;
            color: #fff
        }

            .s-phone .sp-items .sps-date .sps-d-descr::before {
                content: "";
                position: absolute;
                left: 0;
                top: -4px;
                width: 24px;
                height: 25px;
            }

    .s-phone .sp-items .sp-big {
        max-width: 400px;
        width: 100%;
        height: 809px;
        background: no-repeat url(../img/phone_bg.png) 50%;
        text-align: center;
        padding-top: 81px;
        padding-left: 21px;
        padding-right: 21px
    }

        .s-phone .sp-items .sp-big .spb-descr {
            display: block;
            color: rgba(26, 26, 26, .4);
            font-size: 16px;
            line-height: 22px;
            font-weight: 400
        }

        .s-phone .sp-items .sp-big .spb-logo {
            border-bottom: 1px solid rgba(0, 0, 0, .2);
            padding-bottom: 34px
        }

            .s-phone .sp-items .sp-big .spb-logo img {
                display: block;
                max-width: 100%;
                margin: 0 auto
            }

        .s-phone .sp-items .sp-big .spb-mid {
            padding-top: 21px
        }

            .s-phone .sp-items .sp-big .spb-mid .spb-descr {
                margin-bottom: 25px
            }

            .s-phone .sp-items .sp-big .spb-mid .spb-send {
                display: block;
                color: #4b4b4d;
                font-size: 20px;
                line-height: 23px;
                font-weight: 400;
                margin-bottom: 10px
            }

            .s-phone .sp-items .sp-big .spb-mid .spb-mail {
                display: inline-block;
                color: #000;
                font-size: 28px;
                line-height: 32px;
                font-weight: 400;
                letter-spacing: -.025em;
                border-bottom: 1px solid rgba(0, 0, 0, .2);
                padding-bottom: 2px
            }

                .s-phone .sp-items .sp-big .spb-mid .spb-mail:hover {
                    color: #ec5900;
                    border-color: #ec5900
                }

            .s-phone .sp-items .sp-big .spb-mid .spb-image {
                padding-bottom: 11px;
                border-bottom: 1px solid rgba(0, 0, 0, .2)
            }

                .s-phone .sp-items .sp-big .spb-mid .spb-image img {
                    display: block;
                    margin: 0 auto;
                    max-width: 100%
                }

        .s-phone .sp-items .sp-big .spb-btm {
            padding-top: 23px
        }

            .s-phone .sp-items .sp-big .spb-btm .spb-descr {
                margin-bottom: 55px
            }

.s-faq {
    padding-top: 162px;
    padding-bottom: 133px;
    position: relative;
    z-index: 1
}

    .s-faq.toggleClass .sf-right .sfr-items .sfr-itm .sfr-top::before {
        width: 0%;
        transition: width 1s ease, opacity .5s ease, color .5s ease
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(1) .sfr-top::before {
        transition-delay: .3s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(2) .sfr-top::before {
        transition-delay: .4s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(3) .sfr-top::before {
        transition-delay: .5s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(4) .sfr-top::before {
        transition-delay: .6s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(5) .sfr-top::before {
        transition-delay: .7s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(6) .sfr-top::before {
        transition-delay: .8s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(7) .sfr-top::before {
        transition-delay: .9s
    }

    .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm .sfr-top::before {
        width: 100%
    }

    .s-faq .my-container.flex {
        flex-wrap: wrap
    }

    .s-faq .sf-left {
        width: 50%
    }

        .s-faq .sf-left .h2 {
            margin-bottom: 45px
        }

        .s-faq .sf-left .sfl-descr {
            display: block;
            color: #2d2d2d;
            font-size: 17px;
            line-height: 35px;
            font-weight: 400;
            letter-spacing: -.025em;
            margin-bottom: 101px
        }

    .s-faq .sf-right {
        width: 50%;
        padding-top: 6px
    }

        .s-faq .sf-right .sfr-items {
            max-width: 884px
        }

            .s-faq .sf-right .sfr-items .sfr-itm {
                margin-bottom: 25px;
                position: relative
            }

                .s-faq .sf-right .sfr-items .sfr-itm:last-child {
                    margin-bottom: 0
                }

                .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
                    padding-left: 71px;
                    padding-bottom: 18px;
                    padding-right: 15px;
                    cursor: pointer;
                    transition: all .5s ease
                }

                    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover {
                        padding-left: 108px
                    }

                        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover .sfr-t-num {
                            left: 41px
                        }

                        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top.active .sfr-t-num,
                        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover .sfr-t-num {
                            color: #ec5900
                        }

                        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top.active .sfr-t-hdr,
                        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover .sfr-t-hdr {
                            color: #ec5900
                        }

                    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 1px;
                        background: #000;
                        transition: all .5s ease
                    }

                    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-num {
                        color: #2d2d2d;
                        font-size: 13px;
                        line-height: 13px;
                        font-weight: 400;
                        letter-spacing: -.025em;
                        position: absolute;
                        left: 3px;
                        top: 4px;
                        transition: all .5s ease
                    }

                    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
                        display: block;
                        color: #2d2d2d;
                        font-size: 28px;
                        line-height: 35px;
                        font-weight: 400;
                        letter-spacing: -.025em;
                        transition: all .5s ease
                    }

                .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
                    padding-top: 0;
                    padding-bottom: 25px;
                    padding-left: 74px;
                    padding-right: 15px;
                    display: none
                }

                    .s-faq .sf-right .sfr-items .sfr-itm .sfr-content p {
                        margin: 0
                    }

.s-two-button {
    position: relative;
    background: #fff;
    z-index: 1
}

    .s-two-button.toggleClass .stb-flex::after {
        width: 0%
    }

    .s-two-button.toggleClass .stb-button:nth-child(1)::after {
        height: 0%
    }

    .s-two-button.toggleClass.animated .stb-flex::after {
        width: 100%
    }

    .s-two-button.toggleClass.animated .stb-button:nth-child(1)::after {
        height: 100%
    }

    .s-two-button .stb-flex {
        display: flex;
        position: relative
    }

        .s-two-button .stb-flex::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #000;
            transition: all 1s ease
        }

    .s-two-button .stb-button {
        width: 50%;
        color: #2d2d2d;
        font-size: 30px;
        line-height: 35px;
        font-weight: 400;
        letter-spacing: -.025em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 187px;
        padding-left: 15px;
        padding-right: 15px;
        transition: color .5s ease
    }

        .s-two-button .stb-button:hover {
            color: #ec5900
        }

        .s-two-button .stb-button:nth-child(1) {
            position: relative
        }

            .s-two-button .stb-button:nth-child(1)::after {
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                width: 1px;
                height: 100%;
                background: #000;
                transition: all 1s ease .5s
            }

.s-project {
    background: linear-gradient(90deg, #000 50%, #ec5900 50%);
    position: relative;
    height: 100vh;
    padding-top: 125px;
    overflow: hidden
}

    .s-project.toggleClass.animated .sp-img img {
        transform: scale(1)
    }

    .s-project.toggleClass.animated .sp-text .spt-hdr,
    .s-project.toggleClass.animated .sp-text .spt-items .spt-itm,
    .s-project.toggleClass.animated .sp-text .spt-no {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    .s-project .my-container.flex {
        position: relative;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .s-project .s-breadcrumbs {
        position: absolute;
        top: 33px;
        left: 10px
    }

    .s-project .sp-text {
        position: absolute;
        left: 40px;
        bottom: 0;
        padding-bottom: 46px;
        width: calc(50% - 40px);
        padding-right: 15px
    }

        .s-project .sp-text .spt-hdr {
            display: block;
            color: #fff;
            font-size: 40px;
            line-height: 45px;
            font-weight: 400;
            letter-spacing: -.03em;
            margin-bottom: 54px;
            transition: all .75s cubic-bezier(.4, 0, 0, 1);
            transform: translate3d(0, 120%, 0);
            opacity: 0
        }

        .s-project .sp-text .spt-no {
            display: block;
            color: #979797;
            font-size: 20px;
            line-height: 23px;
            font-weight: 400;
            margin-bottom: 58px;
            transition: all .75s cubic-bezier(.4, 0, 0, 1) .1s;
            transform: translate3d(0, 120%, 0);
            opacity: 0
        }

        .s-project .sp-text .spt-items {
            display: flex;
            flex-wrap: wrap
        }

            .s-project .sp-text .spt-items .spt-itm {
                margin-bottom: 20px;
                margin-right: 96px;
                transition: all .75s cubic-bezier(.4, 0, 0, 1);
                transform: translate3d(0, 120%, 0);
                opacity: 0
            }

                .s-project .sp-text .spt-items .spt-itm:nth-child(1) {
                    transition-delay: .2s
                }

                .s-project .sp-text .spt-items .spt-itm:nth-child(2) {
                    transition-delay: .3s
                }

                .s-project .sp-text .spt-items .spt-itm:nth-child(3) {
                    transition-delay: .4s
                }

                .s-project .sp-text .spt-items .spt-itm:last-child {
                    margin-right: 0
                }

                .s-project .sp-text .spt-items .spt-itm .spt-i-descr {
                    display: block;
                    color: #979797;
                    font-size: 20px;
                    line-height: 23px;
                    font-weight: 400;
                    margin-bottom: 14px
                }

                    .s-project .sp-text .spt-items .spt-itm .spt-i-descr:last-child {
                        margin-bottom: 0
                    }

                    .s-project .sp-text .spt-items .spt-itm .spt-i-descr.w {
                        color: #fff
                    }

    .s-project .sp-icons {
        position: absolute;
        display: flex;
        right: 40px;
        bottom: 0;
        padding-bottom: 46px
    }

        .s-project .sp-icons .sp-icn {
            margin-right: 12px;
            margin-bottom: 15px;
            max-width: 56px;
            width: 100%
        }

            .s-project .sp-icons .sp-icn img {
                display: block;
                max-width: 100%
            }

            .s-project .sp-icons .sp-icn:last-child {
                margin-right: 0
            }

    .s-project .sp-img {
        transform: translateY(-10%)
    }

        .s-project .sp-img img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            transition: all 1.5s ease;
            transform: scale(1.15)
        }

    .s-project .anim-line {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

        .s-project .anim-line .al-itm {
            color: #fff;
            font-size: 174.5px;
            line-height: 100%;
            letter-spacing: -.03em;
            text-transform: uppercase;
            font-weight: 400
        }

.s-features {
    background: #000;
    padding-top: 235px;
    overflow: hidden
}

    .s-features .my-container.flex {
        flex-wrap: wrap
    }

    .s-features .sf-text {
        width: 60%
    }

        .s-features .sf-text .sft-hdr {
            display: block;
            color: #fff;
            font-size: 61px;
            line-height: 71px;
            font-weight: 400;
            letter-spacing: -.025em;
            margin-bottom: 80px
        }

        .s-features .sf-text .sft-hidden {
            position: relative;
            transition: all .5s ease
        }

            .s-features .sf-text .sft-hidden.active {
                padding-bottom: 88px
            }

                .s-features .sf-text .sft-hidden.active::after {
                    transform: rotate(180deg) translateY(-100%);
                    opacity: 0
                }

                .s-features .sf-text .sft-hidden.active .see-more {
                    bottom: 0
                }

            .s-features .sf-text .sft-hidden::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(180deg, #000 33.52%, rgba(0, 0, 0, .75) 69.72%, rgba(0, 0, 0, 0) 100%);
                transform: rotate(180deg);
                transition: all .5s ease
            }

            .s-features .sf-text .sft-hidden p {
                margin: 0;
                color: #fff;
                font-size: 28px;
                line-height: 40px;
                letter-spacing: -.025em
            }

            .s-features .sf-text .sft-hidden .see-more {
                position: absolute;
                bottom: 46px;
                left: 0;
                z-index: 1;
                transition: all .5s ease
            }

    .s-features .sf-feat {
        width: 40%;
        text-align: right;
        padding-top: 17px
    }

        .s-features .sf-feat .sff-hdr {
            display: block;
            color: #fff;
            font-size: 20px;
            line-height: 23px;
            font-weight: 400;
            margin-bottom: 39px
        }

        .s-features .sf-feat .sff-tags {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            max-width: 500px;
            margin-left: auto
        }

            .s-features .sf-feat .sff-tags .tag-btn {
                margin-bottom: 15px;
                margin-left: 15px
            }

                .s-features .sf-feat .sff-tags .tag-btn:first-child {
                    margin-left: 0
                }

    .s-features .sf-slider {
        width: 100%;
        padding-top: 56px
    }

        .s-features .sf-slider .def-pag {
            display: none
        }

        .s-features .sf-slider .swiper-container {
            padding-bottom: 20px;
            position: relative
        }

        .s-features .sf-slider .swiper-slide {
            width: 841px;
            height: 546px
        }

            .s-features .sf-slider .swiper-slide .sfs-itm {
                position: relative;
                height: 100%;
                width: 100%
            }

                .s-features .sf-slider .swiper-slide .sfs-itm span {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%
                }

.s-tech {
    padding-top: 161px;
    padding-bottom: 177px
}

    .s-tech .my-container.flex {
        flex-wrap: wrap
    }

    .s-tech .st-top {
        width: 100%;
        margin-bottom: 49px
    }

        .s-tech .st-top .stl-hdr {
            display: block;
            color: #000;
            font-size: 36px;
            line-height: 50px;
            letter-spacing: -.025em;
            font-weight: 400
        }

    .s-tech .st-left {
        width: 289px;
        padding-top: 5px;
        padding-right: 15px
    }

        .s-tech .st-left .stl-img img {
            display: block;
            max-width: 100%
        }

    .s-tech .st-right {
        width: calc(100% - 289px)
    }

        .s-tech .st-right .hidden {
            display: none
        }

        .s-tech .st-right .str-row {
            display: flex
        }

            .s-tech .st-right .str-row .str-itm {
                width: calc(50% - 35px);
                margin-bottom: 85px
            }

                .s-tech .st-right .str-row .str-itm:nth-child(1) {
                    margin-right: 35px
                }

                .s-tech .st-right .str-row .str-itm:nth-child(2) {
                    margin-left: 35px
                }

                .s-tech .st-right .str-row .str-itm .str-i-descr {
                    display: block;
                    color: #979797;
                    font-size: 24px;
                    line-height: 37px;
                    font-weight: 400;
                    letter-spacing: -.015em
                }

                    .s-tech .st-right .str-row .str-itm .str-i-descr.b {
                        color: #000
                    }

        .s-tech .st-right .str-btm {
            display: flex;
            flex-wrap: wrap;
            padding-top: 10px
        }

            .s-tech .st-right .str-btm .str-b-left {
                width: calc(50% - 35px);
                margin-right: 35px
            }

                .s-tech .st-right .str-btm .str-b-left .btn-top.active::before {
                    transform: rotate(-180deg)
                }

            .s-tech .st-right .str-btm .str-b-right {
                width: calc(50% - 35px);
                margin-left: 35px
            }

.s-access {
    background: #000;
    padding-top: 161px;
    padding-bottom: 161px
}

    .s-access .sa-top {
        margin-bottom: 100px
    }

        .s-access .sa-top .h2 {
            color: #fff
        }

    .s-access .sa-slider .swiper-container {
        position: relative
    }

    .s-access .sa-slider .def-pag {
        display: none
    }

    .s-access .sa-slider .swiper-slide {
        width: 33.33%;
        height: auto
    }

        .s-access .sa-slider .swiper-slide.black {
            background: #000
        }

        .s-access .sa-slider .swiper-slide.gray {
            background: #3a3a3a
        }

        .s-access .sa-slider .swiper-slide.white {
            background: #a1a1a1
        }

        .s-access .sa-slider .swiper-slide .sas-itm {
            display: block;
            position: relative;
            height: 100%;
            padding-bottom: 20px;
            cursor: none
        }

            .s-access .sa-slider .swiper-slide .sas-itm .tag-btn {
                left: 43px;
                top: 44px;
                position: absolute
            }

            .s-access .sa-slider .swiper-slide .sas-itm .sas-img {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 640px;
                padding-left: 25px;
                padding-right: 25px;
                margin-bottom: 13px
            }

                .s-access .sa-slider .swiper-slide .sas-itm .sas-img img {
                    display: block;
                    max-width: 100%;
                    width: 100%;
                    height: auto
                }

            .s-access .sa-slider .swiper-slide .sas-itm .sas-text {
                padding-left: 43px;
                padding-right: 43px
            }

                .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-hdr {
                    display: block;
                    color: #fff;
                    font-size: 24px;
                    line-height: 28px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    margin-bottom: 8px
                }

                .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-descr {
                    display: block;
                    color: rgba(255, 255, 255, .8);
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    margin-bottom: 33px
                }

                .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items {
                    display: flex;
                    flex-wrap: wrap
                }

                    .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
                        width: 33.33%;
                        padding-right: 15px
                    }

                        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr {
                            display: block;
                            color: #979797;
                            font-size: 16px;
                            line-height: 22px;
                            font-weight: 400
                        }

    .s-access.sa-related-products {
        background: #fff
    }

        .s-access.sa-related-products .srp-top {
            margin-bottom: 87px
        }

            .s-access.sa-related-products .srp-top .dt-right .btn-long {
                display: none
            }

        .s-access.sa-related-products .sa-slider {
            position: relative
        }

            .s-access.sa-related-products .sa-slider .swiper-container {
                position: relative
            }

                .s-access.sa-related-products .sa-slider .swiper-container::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background: #e0dedc;
                    transition: all 1.5s ease
                }

            .s-access.sa-related-products .sa-slider::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #e0dedc;
                transition: all 1.5s ease
            }

            .s-access.sa-related-products .sa-slider::before {
                top: auto;
                bottom: 0
            }

            .s-access.sa-related-products .sa-slider.toggleClass::after {
                width: 0
            }

            .s-access.sa-related-products .sa-slider.toggleClass .swiper-container::before {
                width: 0
            }

            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(1) .sas-itm::after,
            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(2) .sas-itm::after,
            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(3) .sas-itm::after,
            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(4) .sas-itm::after,
            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(5) .sas-itm::after,
            .s-access.sa-related-products .sa-slider.toggleClass .swiper-slide:nth-child(6) .sas-itm::after {
                height: 0
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated::after {
                width: 100%;
                transition-delay: .1s
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-container::before {
                width: 100%;
                transition-delay: .1s
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(1) .sas-itm::after {
                transition-delay: .3s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(2) .sas-itm::after {
                transition-delay: .4s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(3) .sas-itm::after {
                transition-delay: .5s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(4) .sas-itm::after {
                transition-delay: .6s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(5) .sas-itm::after {
                transition-delay: .7s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider.toggleClass.animated .swiper-slide:nth-child(6) .sas-itm::after {
                transition-delay: .8s;
                height: 100%
            }

            .s-access.sa-related-products .sa-slider .swiper-slide {
                width: 25%
            }

                .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm {
                    padding-bottom: 9px
                }

                    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-img {
                        height: 483px;
                        margin-bottom: 6px
                    }

                    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-text .sas-hdr {
                        color: #000
                    }

                    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-text .sas-descr {
                        color: rgba(26, 26, 26, .8);
                        margin-bottom: 43px
                    }

                    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
                        width: 50%;
                        margin-bottom: 42px
                    }

                    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm::after {
                        content: "";
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background: #e0dedc;
                        transition: all 1.5s ease
                    }

.s-line-sliders {
    background: #000;
    position: relative;
    padding-top: 99px;
    padding-bottom: 99px
}

    .s-line-sliders.padding-btm {
        padding-bottom: 266px
    }

    .s-line-sliders.white {
        background: #fff
    }

        .s-line-sliders.white .sls-slider:nth-child(1)::after {
            background: rgba(151, 151, 151, .5)
        }

        .s-line-sliders.white .sls-slider::before {
            background: rgba(151, 151, 151, .5)
        }

        .s-line-sliders.white .sls-slider .swiper-slide .sls-itm .sls-i-descr {
            color: #000
        }

    .s-line-sliders.toggleClass .sls-slider:nth-child(1)::after {
        width: 0%
    }

    .s-line-sliders.toggleClass .sls-slider::before {
        width: 0%
    }

    .s-line-sliders.toggleClass.animated .sls-slider:nth-child(1)::after {
        width: 100%;
        transition-delay: 0s
    }

    .s-line-sliders.toggleClass.animated .sls-slider:nth-child(1)::before {
        transition-delay: .2s
    }

    .s-line-sliders.toggleClass.animated .sls-slider::before {
        width: 100%;
        transition-delay: .4s
    }

    .s-line-sliders .sls-slider {
        position: relative;
        padding-top: 52px;
        padding-bottom: 49px;
        user-select: none
    }

        .s-line-sliders .sls-slider::before {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, .5);
            content: "";
            position: absolute;
            transition: all 1s ease
        }

        .s-line-sliders .sls-slider .swiper-wrapper {
            align-items: center
        }

        .s-line-sliders .sls-slider:nth-child(1)::after {
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, .5);
            content: "";
            position: absolute;
            transition: all 1s ease
        }

        .s-line-sliders .sls-slider .swiper-slide {
            width: auto
        }

            .s-line-sliders .sls-slider .swiper-slide .sls-itm {
                display: flex;
                align-items: center;
                cursor: none
            }

                .s-line-sliders .sls-slider .swiper-slide .sls-itm:hover .sls-i-descr {
                    color: #ec5900
                }

                .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
                    color: #fff;
                    font-size: 174px;
                    line-height: 100%;
                    font-weight: 400;
                    letter-spacing: -.03em;
                    text-transform: uppercase;
                    margin-right: 38px;
                    transition: all .5s ease
                }

                .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-img img {
                    display: block;
                    max-width: 100%
                }

.s-advantages {
    background: #000;
    padding-top: 153px;
    padding-bottom: 182px
}

    .s-advantages .sa-center {
        text-align: center;
        margin-bottom: 113px;
        position: relative
    }

        .s-advantages .sa-center::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 67px;
            width: 1px;
            height: 0;
            background: #f2f2f2;
            transition: all 1s ease
        }

        .s-advantages .sa-center.toggleClass.animated::before {
            height: 303px
        }

        .s-advantages .sa-center .sac-hdr {
            display: block;
            color: #f2f2f2;
            font-size: 24px;
            line-height: 28px;
            font-weight: 400
        }

    .s-advantages .sa-items .sa-itm {
        padding-left: 50%;
        position: relative;
        margin-top: -152px
    }

        .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
            height: 303px
        }

        .s-advantages .sa-items .sa-itm:nth-child(1) {
            margin-top: 0
        }

        .s-advantages .sa-items .sa-itm:last-child::before {
            display: none
        }

        .s-advantages .sa-items .sa-itm::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 63%;
            width: 1px;
            height: 0;
            background: #f2f2f2;
            transition: all 1s ease
        }

        .s-advantages .sa-items .sa-itm.reverse {
            padding-left: 0;
            padding-right: 50%
        }

            .s-advantages .sa-items .sa-itm.reverse .sa-flex .sai-text {
                left: auto;
                right: -7px;
                text-align: right
            }

            .s-advantages .sa-items .sa-itm.reverse .sa-flex .sai-photo {
                margin-right: auto;
                margin-left: 0
            }

        .s-advantages .sa-items .sa-itm .sa-flex {
            position: relative
        }

            .s-advantages .sa-items .sa-itm .sa-flex .sai-text {
                position: absolute;
                left: -7px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1
            }

                .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-descr {
                    display: block;
                    color: #f2f2f2;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 400;
                    margin-bottom: 22px
                }

                .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-hdr {
                    display: block;
                    color: #f2f2f2;
                    font-size: 48px;
                    line-height: 44px;
                    font-weight: 400;
                    letter-spacing: -.03em
                }

            .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
                width: 776px;
                height: 621px;
                margin-left: auto;
                margin-right: 0;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(180deg, #222125 65.45%, #423e46 110.23%)
            }

                .s-advantages .sa-items .sa-itm .sa-flex .sai-photo::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, .4)
                }

                .s-advantages .sa-items .sa-itm .sa-flex .sai-photo span {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%
                }

.s-high {
    position: relative;
    padding-top: 98px;
    padding-bottom: 155px;
    background: #fff;
    z-index: 1
}

    .s-high::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        transition: all 1s ease;
        background: #000;
        height: 1px
    }

    .s-high.toggleClass.animated::after {
        width: 100%
    }

    .s-high .sh-top {
        margin-bottom: 148px
    }

        .s-high .sh-top .sht-descr {
            display: block;
            color: #2d2d2d;
            font-size: 25px;
            line-height: 29px;
            font-weight: 400;
            letter-spacing: -.025em
        }

    .s-high .anim-line .al-itm {
        display: flex
    }

        .s-high .anim-line .al-itm .sh-itm {
            display: flex;
            align-items: flex-start;
            margin-right: 65px
        }

            .s-high .anim-line .al-itm .sh-itm:hover .shi-descr {
                color: #ec5900
            }

            .s-high .anim-line .al-itm .sh-itm:hover .btn-ell {
                background: #ec5900;
                color: #fff
            }

            .s-high .anim-line .al-itm .sh-itm .shi-descr {
                color: #000;
                font-size: 174px;
                line-height: 100%;
                font-weight: 400;
                letter-spacing: -.03em;
                text-transform: uppercase;
                margin-right: 26px;
                transition: all .5s ease
            }

            .s-high .anim-line .al-itm .sh-itm .btn-ell {
                margin-top: 28px
            }

.s-text {
    padding-top: 101px;
    padding-bottom: 92px;
    position: relative;
    z-index: 1;
    background: #fff
}

    .s-text .st-status {
        display: block;
        color: #716f6f;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        letter-spacing: -.025em;
        margin-bottom: 150px
    }

    .s-text p {
        margin: 0;
        color: #000;
        font-size: 61px;
        line-height: 71px;
        letter-spacing: -.025em;
        font-weight: 400;
        max-width: 1359px
    }

.s-half {
    padding-top: 151px;
    padding-bottom: 167px
}

    .s-half .my-container.flex {
        flex-wrap: wrap
    }

    .s-half .sh-left {
        width: 50%;
        padding-right: 15px
    }

    .s-half .sh-right {
        width: 50%;
        padding-top: 6px
    }

        .s-half .sh-right p {
            margin: 0;
            color: #000;
            font-size: 48px;
            line-height: 60px;
            font-weight: 400;
            letter-spacing: -.025em
        }

.s-top-slider {
    background: #000;
    padding-top: 159px;
    position: relative;
    overflow: hidden
}

    .s-top-slider.sts-catalog-level .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
        padding-bottom: 95px
    }

    .s-top-slider.sts-catalog-level .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text {
        padding-bottom: 90px
    }

    .s-top-slider.sts-blog-page {
        padding-bottom: 31px
    }

        .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-container {
            padding-bottom: 47px
        }

        .s-top-slider.sts-blog-page .sts-hidden-slider .def-pag {
            display: none;
            bottom: 0
        }

        .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date {
            display: flex;
            justify-content: space-between;
            margin-bottom: 27px
        }

            .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-hs-theme {
                font-size: 12px;
                line-height: 23px;
                font-weight: 400;
                letter-spacing: -.05em;
                position: relative;
                display: inline-block;
                color: rgba(255, 255, 255, .8)
            }

                .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-hs-theme::after,
                .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-hs-theme::before {
                    content: "]";
                    font-size: inherit;
                    line-height: inherit;
                    color: #ec5900;
                    margin-left: 3px
                }

                .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-hs-theme::before {
                    content: "[";
                    margin-right: 3px;
                    margin-left: 0
                }

            .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-bi-descr,
            .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-date .sts-hs-d {
                color: rgba(255, 255, 255, .8);
                font-size: 12px;
                line-height: 23px;
                font-weight: 400;
                letter-spacing: -.05em;
                display: block
            }

        .s-top-slider.sts-blog-page .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text p {
            margin: 0;
            color: #f7f5f4;
            font-size: 16px;
            line-height: 22px;
            font-weight: 400;
            letter-spacing: -.05em
        }

    .s-top-slider .s-breadcrumbs {
        margin-bottom: 0
    }

    .s-top-slider .sts-hidden-slider {
        display: none;
        position: relative
    }

        .s-top-slider .sts-hidden-slider .default-arrows {
            max-width: 87px;
            width: 100%;
            justify-content: space-between;
            transform: translateX(0) translate3d(0, 120%, 0);
            left: auto;
            right: 20px;
            bottom: 49px;
            display: flex;
            height: 32px;
            position: absolute;
            z-index: 1
        }

            .s-top-slider .sts-hidden-slider .default-arrows .swiper-button-next,
            .s-top-slider .sts-hidden-slider .default-arrows .swiper-button-prev {
                background: #2d2d2d;
                color: #fff;
                font-size: 18px;
                line-height: 18px;
                width: 32px;
                position: relative;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                height: 32px;
                opacity: 1;
                transform: none;
                margin: 0
            }

                .s-top-slider .sts-hidden-slider .default-arrows .swiper-button-next::after,
                .s-top-slider .sts-hidden-slider .default-arrows .swiper-button-prev::after {
                    display: none
                }

        .s-top-slider .sts-hidden-slider .swiper-slide {
            width: 100%
        }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-img {
                margin-bottom: 30px
            }

                .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-img img {
                    display: block;
                    max-width: 100%;
                    margin: 0 auto
                }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-red {
                display: block;
                font-size: 20px;
                line-height: 40px;
                font-weight: 700;
                letter-spacing: -.05em;
                color: #ec5900;
                margin-bottom: 7px
            }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-hdr {
                display: block;
                color: #fff;
                font-size: 42px;
                line-height: 37px;
                font-weight: 500;
                letter-spacing: -.05em;
                text-transform: uppercase;
                margin-bottom: 36px
            }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .sts-hs-descr {
                display: block;
                color: #fff;
                font-size: 14px;
                line-height: 16px;
                font-weight: 400;
                letter-spacing: -.03em;
                padding-right: 121px;
                margin-bottom: 42px
            }

    .s-top-slider .sts-cols.toggleClass .border-top.btn-long::before {
        width: 0%;
        transition: background .5s ease, width 1s ease
    }

    .s-top-slider .sts-cols.toggleClass.animated .border-top.btn-long::before {
        width: 100%
    }

    .s-top-slider .sts-cols .my-container.flex {
        flex-wrap: wrap;
        position: relative
    }

        .s-top-slider .sts-cols .my-container.flex.align-end {
            align-items: flex-end
        }

        .s-top-slider .sts-cols .my-container.flex .swiper-pagination {
            right: 50px;
            transition: all .75s cubic-bezier(.4, 0, 0, 1) 1.8s;
            transform: translateY(-50%);
            top: 50%
        }

            .s-top-slider .sts-cols .my-container.flex .swiper-pagination .swiper-pagination-bullet {
                background: rgba(255, 255, 255, .5);
                opacity: 1;
                width: 6px;
                height: 6px;
                margin: 0;
                margin-bottom: 24px
            }

                .s-top-slider .sts-cols .my-container.flex .swiper-pagination .swiper-pagination-bullet:last-child {
                    margin-bottom: 0
                }

                .s-top-slider .sts-cols .my-container.flex .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background: #fff
                }

    .s-top-slider .sts-cols .sts-col {
        position: relative;
        height: 100%
    }

        .s-top-slider .sts-cols .sts-col:nth-child(1) {
            width: 28%;
            padding-top: 234px
        }

        .s-top-slider .sts-cols .sts-col:nth-child(2) {
            width: 21%;
            padding-top: 264px
        }

        .s-top-slider .sts-cols .sts-col:nth-child(3) {
            width: 51%
        }

        .s-top-slider .sts-cols .sts-col .sts-slider {
            position: relative
        }

            .s-top-slider .sts-cols .sts-col .sts-slider .swiper-container {
                height: 600px
            }

                .s-top-slider .sts-cols .sts-col .sts-slider .swiper-container .sts-itm {
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                    .s-top-slider .sts-cols .sts-col .sts-slider .swiper-container .sts-itm img {
                        display: block;
                        max-width: 100%;
                        margin: auto
                    }

        .s-top-slider .sts-cols .sts-col .sts-content-wrap {
            position: relative;
            width: 100%
        }

            .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content {
                display: none
            }

                .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content.active {
                    display: block
                }

                .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm {
                    padding-bottom: 69px
                }

                    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date {
                        display: flex;
                        margin-bottom: 4px
                    }

                        .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date .sts-bi-theme {
                            font-size: 12px;
                            line-height: 14px;
                            font-weight: 400;
                            display: inline-block;
                            color: rgba(255, 255, 255, .8);
                            position: relative;
                            margin-right: 44px
                        }

                            .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date .sts-bi-theme::after,
                            .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date .sts-bi-theme::before {
                                content: "]";
                                font-size: inherit;
                                line-height: inherit;
                                color: #ec5900;
                                margin-left: 3px
                            }

                            .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date .sts-bi-theme::before {
                                content: "[";
                                margin-right: 3px;
                                margin-left: 0
                            }

                        .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm .sts-bi-date .sts-bi-descr {
                            display: block;
                            color: rgba(255, 255, 255, .8);
                            font-size: 12px;
                            line-height: 14px;
                            font-weight: 400
                        }

                    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm p {
                        margin: 0;
                        color: #fff;
                        font-size: 36px;
                        line-height: 50px;
                        font-weight: 400;
                        letter-spacing: -.025em
                    }

                .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text {
                    padding-bottom: 70px
                }

                    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-red {
                        display: block;
                        color: #ec5900;
                        font-size: 36px;
                        line-height: 100%;
                        font-weight: 700;
                        letter-spacing: -.03em;
                        font-style: italic;
                        margin-bottom: 35px
                    }

                    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-hdr {
                        display: block;
                        color: #fff;
                        font-size: 60px;
                        line-height: 66px;
                        font-weight: 400;
                        letter-spacing: -.03em;
                        text-transform: uppercase
                    }

                .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
                    padding-bottom: 77px
                }

                    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text p {
                        margin: 0;
                        color: #fff;
                        font-size: 18px;
                        line-height: 26px;
                        font-weight: 400;
                        margin-bottom: 91px
                    }

                        .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text p.low-margin {
                            margin-bottom: 35px
                        }

        .s-top-slider .sts-cols .sts-col .sts-slider .swiper-slide {
            width: 100%
        }

            .s-top-slider .sts-cols .sts-col .sts-slider .swiper-slide .sts-itm img {
                display: block;
                max-width: 100%;
                margin: auto
            }

.s-welders {
    padding-top: 90px
}

    .s-welders.toggleClass .sw-mobile-slider::after,
    .s-welders.toggleClass .sw-mobile-slider::before {
        width: 0
    }

    .s-welders.toggleClass .sw-filters .sw-row::after,
    .s-welders.toggleClass .sw-filters .sw-row::before {
        width: 0
    }

    .s-welders.toggleClass.animated .sw-mobile-slider::after,
    .s-welders.toggleClass.animated .sw-mobile-slider::before {
        width: 100%
    }

    .s-welders.toggleClass.animated .sw-filters .sw-row::after,
    .s-welders.toggleClass.animated .sw-filters .sw-row::before {
        width: 100%
    }

    .s-welders .sw-top {
        margin-bottom: 63px
    }

    .s-welders .sw-mobile-slider {
        display: none;
        position: relative
    }

        .s-welders .sw-mobile-slider::after,
        .s-welders .sw-mobile-slider::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #e0dedc;
            transition: all 1s ease
        }

        .s-welders .sw-mobile-slider::after {
            top: auto;
            bottom: 0
        }

        .s-welders .sw-mobile-slider .df-arr.next,
        .s-welders .sw-mobile-slider .df-arr.prev {
            position: absolute;
            top: 50%;
            margin-top: -25px;
            z-index: 2
        }

        .s-welders .sw-mobile-slider .df-arr.next {
            right: 5px
        }

        .s-welders .sw-mobile-slider .df-arr.prev {
            left: 5px
        }

        .s-welders .sw-mobile-slider .swiper-slide {
            width: auto
        }

            .s-welders .sw-mobile-slider .swiper-slide .sw-fl {
                width: 100%;
                padding-left: 45px;
                padding-right: 45px
            }

                .s-welders .sw-mobile-slider .swiper-slide .sw-fl.active {
                    border-color: #000
                }

                .s-welders .sw-mobile-slider .swiper-slide .sw-fl .swf-img {
                    margin-bottom: 20px
                }

    .s-welders .sw-filters {
        position: relative
    }

        .s-welders .sw-filters::after {
            content: "";
            position: absolute;
            width: 25%;
            height: calc(50% - 2px);
            border: 1px solid #000;
            left: 0;
            top: 0;
            transition: all .5s ease;
            user-select: none;
            pointer-events: none
        }

        .s-welders .sw-filters.sw-active-one::after {
            left: 0;
            top: 0
        }

        .s-welders .sw-filters.sw-active-two::after {
            top: 0;
            left: 25%
        }

        .s-welders .sw-filters.sw-active-three::after {
            left: 50%;
            top: 0
        }

        .s-welders .sw-filters.sw-active-four::after {
            left: 75%;
            top: 0
        }

        .s-welders .sw-filters.sw-active-five::after {
            top: 50%;
            left: 0
        }

        .s-welders .sw-filters.sw-active-six::after {
            top: 50%;
            left: 25%
        }

        .s-welders .sw-filters .sw-row {
            display: flex;
            position: relative
        }

            .s-welders .sw-filters .sw-row::after,
            .s-welders .sw-filters .sw-row::before {
                content: "";
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 1px;
                background: #e0dedc;
                transition: all 1s ease
            }

            .s-welders .sw-filters .sw-row::after {
                top: 0;
                bottom: auto;
                display: none
            }

            .s-welders .sw-filters .sw-row:nth-child(1)::after {
                display: block
            }

    .s-welders .sw-fl {
        width: 25%;
        padding-top: 52px;
        padding-bottom: 19px;
        position: relative;
        z-index: 1;
        border: 1px solid transparent;
        cursor: pointer
    }

        .s-welders .sw-fl .swf-img {
            height: 106px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 44px
        }

            .s-welders .sw-fl .swf-img img {
                display: block;
                max-width: 100%;
                margin: auto
            }

        .s-welders .sw-fl .swf-text {
            padding-left: 5px;
            padding-right: 5px
        }

            .s-welders .sw-fl .swf-text .swf-descr {
                display: block;
                color: #2d2d2d;
                font-size: 24px;
                line-height: 28px;
                letter-spacing: -.025em;
                font-weight: 400;
                text-align: center
            }

.s-filter {
    background: #f2f2f2;
    padding-top: 35px;
    padding-bottom: 25px;
    min-height: 100px;
    position: relative
}

    .s-filter .sf-mobile-btn {
        text-align: center;
        color: #000;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        cursor: pointer;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
        transition: all .5s ease;
        z-index: 2;
        display: none
    }

        .s-filter .sf-mobile-btn.open {
            top: 0
        }

            .s-filter .sf-mobile-btn.open.active span::after {
                transform: rotate(-90deg)
            }

        .s-filter .sf-mobile-btn.close {
            bottom: 0;
            opacity: 0;
            visibility: hidden
        }

            .s-filter .sf-mobile-btn.close.active {
                opacity: 1;
                visibility: visible
            }

            .s-filter .sf-mobile-btn.close span::after {
                transform: rotate(-90deg);
                right: 3px
            }

        .s-filter .sf-mobile-btn span {
            position: relative;
            padding-right: 18px
        }

            .s-filter .sf-mobile-btn span::after {
                content: "→";
                position: absolute;
                right: 0;
                top: 0;
                font-size: 15px;
                line-height: 17px;
                color: #000;
                transform: rotate(90deg)
            }

    .s-filter .sf-block {
        position: relative
    }

        .s-filter .sf-block .sfb-sort {
            position: absolute;
            right: 0;
            display: flex
        }

            .s-filter .sf-block .sfb-sort .sfb-s-hdr {
                display: block;
                color: #2d2d2d;
                font-size: 24px;
                line-height: 28px;
                letter-spacing: -.025em;
                font-weight: 400;
                margin-right: 28px
            }

            .s-filter .sf-block .sfb-sort .sfb-s-items {
                display: flex
            }

                .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm {
                    display: block;
                    color: rgba(75, 75, 77, .6);
                    font-size: 24px;
                    line-height: 28px;
                    letter-spacing: -.025em;
                    font-weight: 400;
                    transition: all .5s ease;
                    cursor: pointer;
                    margin-right: 28px
                }

                    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm:last-child {
                        margin-right: 0
                    }

                    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm.active,
                    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm:hover {
                        color: #2d2d2d
                    }

                    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm.active {
                        cursor: default
                    }

        .s-filter .sf-block .sfb-nav {
            margin-bottom: 39px
        }

            .s-filter .sf-block .sfb-nav .sfb-n-hdr {
                display: block;
                color: #2d2d2d;
                font-size: 24px;
                line-height: 28px;
                letter-spacing: -.025em;
                font-weight: 400;
                margin-bottom: 18px
            }

            .s-filter .sf-block .sfb-nav .sfb-n-slider .swiper-slide {
                width: auto
            }

                .s-filter .sf-block .sfb-nav .sfb-n-slider .swiper-slide .sfb-ns-itm {
                    letter-spacing: -.025em;
                    padding-top: 13px;
                    padding-bottom: 14px;
                    text-transform: inherit;
                    padding-left: 29px;
                    padding-right: 29px;
                    cursor: pointer
                }

                    .s-filter .sf-block .sfb-nav .sfb-n-slider .swiper-slide .sfb-ns-itm.active {
                        background: #000;
                        color: #fff;
                        cursor: default
                    }

        .s-filter .sf-block .sfb-flex {
            display: flex;
            align-items: flex-start
        }

            .s-filter .sf-block .sfb-flex .sfb-itm {
                margin-right: 40px;
                margin-bottom: 20px;
                max-width: 317px;
                width: 100%;
                position: relative
            }

                .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons {
                    max-width: 132px
                }

                .s-filter .sf-block .sfb-flex .sfb-itm input {
                    display: block;
                    border-radius: 5px;
                    border: 1px solid rgba(0, 0, 0, .1);
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 400;
                    color: #1a1a1a;
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 9px;
                    padding-bottom: 8px;
                    outline: 0;
                    width: 100%;
                    background: #f2f2f2
                }

                .s-filter .sf-block .sfb-flex .sfb-itm .sfb-inp {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%
                }

                .s-filter .sf-block .sfb-flex .sfb-itm .sfb-i-inp-descr {
                    display: block;
                    color: rgba(75, 75, 77, .6);
                    font-size: 12px;
                    line-height: 14px;
                    font-weight: 400;
                    position: absolute
                }

                    .s-filter .sf-block .sfb-flex .sfb-itm .sfb-i-inp-descr:nth-child(4) {
                        left: 5px;
                        bottom: -25px
                    }

                    .s-filter .sf-block .sfb-flex .sfb-itm .sfb-i-inp-descr:nth-child(5) {
                        right: 3px;
                        bottom: -25px
                    }

                .s-filter .sf-block .sfb-flex .sfb-itm .sfb-i-hdr {
                    display: block;
                    color: rgba(75, 75, 77, .6);
                    font-size: 15px;
                    line-height: 17px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    margin-bottom: 21px
                }

                .s-filter .sf-block .sfb-flex .sfb-itm .rb-wrap {
                    display: flex;
                    padding-top: 8px
                }

                    .s-filter .sf-block .sfb-flex .sfb-itm .rb-wrap .container {
                        margin-right: 20px
                    }

                        .s-filter .sf-block .sfb-flex .sfb-itm .rb-wrap .container:last-child {
                            margin-right: 0
                        }

.s-models {
    padding-top: 89px;
    padding-bottom: 177px
}

    .s-models .sm-top {
        margin-bottom: 63px
    }

    .s-models .sm-items {
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

        .s-models .sm-items.toggleClass::after {
            width: 0
        }

        .s-models .sm-items.toggleClass .sas-itm .sas-borders span {
            width: 0%
        }

            .s-models .sm-items.toggleClass .sas-itm .sas-borders span:nth-child(2) {
                height: 0%
            }

        .s-models .sm-items.toggleClass.animated::after {
            width: 100%
        }

        .s-models .sm-items.toggleClass.animated .sas-itm .sas-borders span {
            width: 100%
        }

            .s-models .sm-items.toggleClass.animated .sas-itm .sas-borders span:nth-child(2) {
                width: 1px;
                height: 100%
            }

        .s-models .sm-items::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ddd;
            transition: all 1.5s ease
        }

        .s-models .sm-items .sas-itm {
            display: block;
            position: relative;
            height: 100%;
            padding-bottom: 20px;
            width: 25%;
            cursor: pointer
        }

            .s-models .sm-items .sas-itm:hover .sas-img img {
                transform: scale(1.1)
            }

            .s-models .sm-items .sas-itm.hidden {
                display: none
            }

            .s-models .sm-items .sas-itm .sas-borders span {
                background: #ddd;
                position: absolute;
                transition: all 1.5s ease;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px
            }

                .s-models .sm-items .sas-itm .sas-borders span:nth-child(2) {
                    left: auto;
                    right: 0;
                    width: 1px;
                    height: 100%;
                    bottom: auto;
                    top: 0
                }

            .s-models .sm-items .sas-itm .sas-img {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-left: 25px;
                padding-right: 25px;
                height: 483px;
                margin-bottom: 6px
            }

                .s-models .sm-items .sas-itm .sas-img img {
                    display: block;
                    max-width: 100%;
                    width: 100%;
                    height: auto;
                    transition: all .8s ease
                }

            .s-models .sm-items .sas-itm .sas-text {
                padding-left: 43px;
                padding-right: 43px
            }

                .s-models .sm-items .sas-itm .sas-text .sas-hdr {
                    display: block;
                    color: #000;
                    font-size: 24px;
                    line-height: 28px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    margin-bottom: 8px
                }

                .s-models .sm-items .sas-itm .sas-text .sas-descr {
                    display: block;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 400;
                    letter-spacing: -.025em;
                    color: rgba(26, 26, 26, .8);
                    margin-bottom: 43px
                }

                .s-models .sm-items .sas-itm .sas-text .sast-items {
                    display: flex;
                    flex-wrap: wrap
                }

                    .s-models .sm-items .sas-itm .sas-text .sast-items .sast-itm {
                        padding-right: 15px;
                        width: 50%;
                        margin-bottom: 42px
                    }

                        .s-models .sm-items .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr {
                            display: block;
                            color: #979797;
                            font-size: 16px;
                            line-height: 22px;
                            font-weight: 400
                        }

    .s-models .sm-btn-wrap {
        text-align: center;
        padding-top: 179px
    }

        .s-models .sm-btn-wrap.disable {
            display: none
        }

        .s-models .sm-btn-wrap .btn-ell {
            display: inline-block;
            border: 1px solid #1a1a1a;
            border-radius: 90px;
            padding-top: 22px;
            padding-bottom: 22px;
            padding-left: 23px;
            padding-right: 179px;
            position: relative
        }

            .s-models .sm-btn-wrap .btn-ell::after {
                content: "+";
                position: absolute;
                font-size: inherit;
                right: 23px;
                top: 20px
            }

            .s-models .sm-btn-wrap .btn-ell:hover {
                border-color: #ec5900
            }

.s-blog-page {
    padding-top: 88px;
    padding-bottom: 180px
}

    .s-blog-page .sbp-top {
        margin-bottom: 46px
    }

        .s-blog-page .sbp-top .h2 {
            margin-bottom: 37px
        }

        .s-blog-page .sbp-top .sbp-filters {
            display: flex
        }

            .s-blog-page .sbp-top .sbp-filters .def-select.ds-brs {
                margin-right: 20px
            }

                .s-blog-page .sbp-top .sbp-filters .def-select.ds-brs:last-child {
                    margin-right: 0
                }

    .s-blog-page .s-blog {
        padding: 0;
        margin-bottom: 0
    }

        .s-blog-page .s-blog.hidden {
            display: none
        }

        .s-blog-page .s-blog:last-child {
            margin-bottom: 0
        }

        .s-blog-page .s-blog .sb-items-wrap .sb-right {
            width: 100%;
            height: auto;
            padding-left: 0
        }

            .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items {
                position: relative;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between
            }

                .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item {
                    width: calc(33.33% - 30px);
                    display: block
                }

                    .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
                        max-width: 100%;
                        flex-wrap: wrap;
                        margin-left: 0;
                        margin-right: 0
                    }

                        .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small.hidden {
                            display: none
                        }

                        .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small .bi-photo {
                            width: 100%;
                            order: -1
                        }

                        .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small .bi-text {
                            width: 100%
                        }

    .s-blog-page .sb-btn-wrap {
        text-align: center
    }

        .s-blog-page .sb-btn-wrap.disable {
            display: none
        }

        .s-blog-page .sb-btn-wrap .btn-ell {
            display: inline-block;
            border: 1px solid #1a1a1a;
            border-radius: 90px;
            padding-top: 22px;
            padding-bottom: 22px;
            padding-left: 23px;
            padding-right: 179px;
            position: relative
        }

            .s-blog-page .sb-btn-wrap .btn-ell::after {
                content: "+";
                position: absolute;
                font-size: inherit;
                right: 23px;
                top: 20px
            }

            .s-blog-page .sb-btn-wrap .btn-ell:hover {
                border-color: #ec5900
            }

.s-news-detail {
    background: #000;
    padding-top: 125px
}

    .s-news-detail .my-container.flex {
        max-width: 100%;
        padding: 0;
        position: relative;
        flex-wrap: wrap
    }

    .s-news-detail .back {
        position: absolute;
        left: 50px;
        top: 27px
    }

    .s-news-detail .snd-text {
        width: 39.8%;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 128px;
        padding-bottom: 60px
    }

        .s-news-detail .snd-text .snd-theme {
            position: relative;
            color: rgba(255, 255, 255, .8);
            font-size: 12px;
            line-height: 14px;
            font-weight: 400;
            display: inline-block;
            margin-bottom: 3px
        }

            .s-news-detail .snd-text .snd-theme::after,
            .s-news-detail .snd-text .snd-theme::before {
                content: "]";
                font-size: inherit;
                line-height: inherit;
                color: #ec5900;
                margin-left: 3px
            }

            .s-news-detail .snd-text .snd-theme::before {
                content: "[";
                margin-right: 3px;
                margin-left: 0
            }

        .s-news-detail .snd-text .snd-hdr {
            display: block;
            color: #fff;
            font-size: 36px;
            line-height: 50px;
            font-weight: 400;
            letter-spacing: -.025em;
            margin-bottom: 23px;
            max-width: 550px;
            width: 100%
        }

        .s-news-detail .snd-text p {
            margin: 0;
            color: #fff;
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            max-width: 550px;
            width: 100%
        }

    .s-news-detail .snd-image {
        width: 60.2%;
        position: relative;
        min-height: 602px
    }

        .s-news-detail .snd-image span {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: 50%
        }

.s-news-text {
    padding-top: 160px
}

    .s-news-text .my-container {
        max-width: 1248px
    }

    .s-news-text .snt-btm {
        padding-top: 36px;
        position: relative
    }

        .s-news-text .snt-btm::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 1.5px;
            background: #e0dedc;
            transition: all 1s ease
        }

        .s-news-text .snt-btm.toggleClass::after {
            width: 0
        }

        .s-news-text .snt-btm.toggleClass.animated::after {
            width: 100%
        }

    .s-news-text .my-container .s-breadcrumbs {
        margin-bottom: 13px
    }

    .s-news-text .my-container .snt-i-half-hdr,
    .s-news-text .my-container h3 {
        display: block;
        font-size: 24px;
        line-height: 30px;
        font-weight: 450;
        letter-spacing: -.01em;
        color: #000;
        margin-bottom: 28px
    }

        .s-news-text .my-container .snt-i-half-hdr:last-child,
        .s-news-text .my-container h3:last-child {
            margin-bottom: 0
        }

    .s-news-text .my-container .snt-i-hdr,
    .s-news-text .my-container h2 {
        display: block;
        font-size: 36px;
        line-height: 50px;
        font-weight: 400;
        letter-spacing: -.025em;
        margin-bottom: 22px;
        color: #000
    }

        .s-news-text .my-container .snt-i-hdr:last-child,
        .s-news-text .my-container h2:last-child {
            margin-bottom: 0
        }

    .s-news-text .my-container ol {
        margin: 0
    }

    .s-news-text .my-container > ul li {
        position: relative;
        padding-left: 20px
    }

        .s-news-text .my-container > ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 5px;
            background: #000;
            border-radius: 50%
        }

    .s-news-text .my-container p,
    .s-news-text .my-container > ol li,
    .s-news-text .my-container > ul li {
        margin: 0;
        color: #1a1a1a;
        font-size: 24px;
        line-height: 39px;
        font-weight: 400;
        letter-spacing: -.01em;
        margin-bottom: 40px
    }

        .s-news-text .my-container p.italic,
        .s-news-text .my-container > ol li.italic,
        .s-news-text .my-container > ul li.italic {
            font-style: italic
        }

    .s-news-text .my-container .snt-awards {
        margin-bottom: 92px
    }

        .s-news-text .my-container .snt-awards .snt-aw {
            background: #f7f5f4;
            position: relative;
            padding-left: 312px;
            padding-top: 36px;
            padding-right: 25px;
            padding-bottom: 37px;
            margin-bottom: 20px
        }

            .s-news-text .my-container .snt-awards .snt-aw:last-child {
                margin-bottom: 0
            }

            .s-news-text .my-container .snt-awards .snt-aw .snt-aw-img {
                max-width: 221px;
                width: 100%;
                position: absolute;
                left: 45px;
                top: 45px
            }

                .s-news-text .my-container .snt-awards .snt-aw .snt-aw-img img {
                    display: block;
                    max-width: 100%
                }

            .s-news-text .my-container .snt-awards .snt-aw .snt-aw-hdr {
                display: block;
                color: #1a1a1a;
                font-size: 24px;
                font-weight: 450;
                line-height: 30px;
                letter-spacing: -.01em;
                margin-bottom: 28px
            }

            .s-news-text .my-container .snt-awards .snt-aw p {
                margin: 0;
                color: #1a1a1a;
                font-size: 18px;
                line-height: 30px;
                font-weight: 400
            }

    .s-news-text .my-container .snt-image-wrap {
        margin-bottom: 96px
    }

        .s-news-text .my-container .snt-image-wrap .snt-img {
            margin-bottom: 20px;
            display: block
        }

            .s-news-text .my-container .snt-image-wrap .snt-img.snt-video {
                position: relative
            }

                .s-news-text .my-container .snt-image-wrap .snt-img.snt-video::after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 20px;
                    height: 23px;
                    transform: translate(-50%, -50%);
                    transition: all .5s ease
                }

                .s-news-text .my-container .snt-image-wrap .snt-img.snt-video::before {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 146px;
                    height: 146px;
                    border-radius: 50%;
                    background: #ec5900;
                    transform: translate(-50%, -50%);
                    transition: all .5s ease
                }

                .s-news-text .my-container .snt-image-wrap .snt-img.snt-video:hover::before {
                    transform: translate(-50%, -50%) scale(1.1)
                }

            .s-news-text .my-container .snt-image-wrap .snt-img:last-child {
                margin-bottom: 0
            }

            .s-news-text .my-container .snt-image-wrap .snt-img img {
                display: block;
                margin: 0 auto;
                max-width: 100%
            }

.s-related-news {
    padding-bottom: 157px
}

    .s-related-news .srn-top {
        margin-bottom: 106px
    }

        .s-related-news .srn-top .dt-right .btn-long {
            display: none
        }

    .s-related-news .srn-slider .swiper-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .s-related-news .srn-slider .swiper-slide .blog-item.small {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        cursor: none
    }

        .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-photo {
            width: 100%;
            height: 413px;
            order: 1
        }

        .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-text {
            width: 100%;
            order: 2;
            padding-left: 22px
        }

            .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-text .bi-top {
                justify-content: space-between
            }

.s-catalog-dw {
    background: #000;
    padding-top: 158px;
    padding-bottom: 133px
}

    .s-catalog-dw .s-breadcrumbs {
        padding-left: 9px;
        margin-bottom: 96px
    }

    .s-catalog-dw .scd-content .h2 {
        margin-bottom: 99px;
        color: #fff
    }

    .s-catalog-dw .scd-content .scd-items {
        display: flex;
        flex-wrap: wrap
    }

        .s-catalog-dw .scd-content .scd-items .scd-itm {
            background: rgba(114, 114, 114, .2);
            width: calc(50% - 23px);
            display: flex;
            margin-bottom: 46px
        }

            .s-catalog-dw .scd-content .scd-items .scd-itm:hover .scd-image span {
                transform: scale(1.1)
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm:hover .scd-text .scd-t-top .scd-t-hdr {
                color: #ec5900
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm:hover .scd-text .scd-t-btm .btn-ell.red {
                color: #000;
                background: #fff
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(odd) {
                margin-right: 23px
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(even) {
                margin-left: 23px
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
                width: 48%;
                position: relative;
                min-height: 613px;
                overflow: hidden
            }

                .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image span {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: 50%;
                    transition: all .8s ease
                }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text {
                width: 52%;
                padding-left: 45px;
                padding-right: 45px;
                padding-top: 59px;
                padding-bottom: 43px;
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

                .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top {
                    margin-bottom: 30px
                }

                    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-mb {
                        display: block;
                        font-size: 16px;
                        line-height: 19px;
                        font-weight: 400;
                        letter-spacing: -.025em;
                        margin-bottom: 10px;
                        color: #979797
                    }

                    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-t-hdr {
                        display: block;
                        color: #fff;
                        font-size: 40px;
                        line-height: 45px;
                        font-weight: 400;
                        transition: all .5s ease;
                        letter-spacing: -.03em
                    }

                .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-btm .btn-ell {
                    margin-bottom: 30px
                }

                .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-btm p {
                    margin: 0;
                    color: #979797;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 400;
                    letter-spacing: -.025em
                }

.s-second-banner {
    background: #000;
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 158px
}

    .s-second-banner::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 726px;
        width: 1420px;
    }

    .s-second-banner .s-breadcrumbs {
        margin-bottom: 384px;
        padding-left: 10px;
        position: relative;
        z-index: 1
    }

    .s-second-banner .h2 {
        color: #fff;
        position: relative;
        z-index: 1
    }

.s-contact-info .sci-top {
    padding-top: 98px;
    padding-bottom: 80px
}

    .s-contact-info .sci-top .sci-t-top {
        display: block;
        color: #4b4b4d;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 13px
    }

    .s-contact-info .sci-top .sci-t-mail {
        letter-spacing: -.03em;
        display: block;
        color: #000;
        font-size: 100px;
        line-height: 90px;
        font-weight: 400;
        margin-bottom: 62px
    }

        .s-contact-info .sci-top .sci-t-mail:hover {
            color: #ec5900
        }

.s-contact-info .sci-btm {
    padding-top: 87px;
    padding-bottom: 171px
}

    .s-contact-info .sci-btm .my-container.flex {
        flex-wrap: wrap
    }

    .s-contact-info .sci-btm .sci-b-left {
        width: 38%;
        padding-right: 25px
    }

        .s-contact-info .sci-btm .sci-b-left .sci-bl-descr {
            display: block;
            color: #1a1a1a;
            font-size: 30px;
            line-height: 35px;
            font-weight: 400;
            letter-spacing: -.025em;
            margin-bottom: 36px
        }

        .s-contact-info .sci-btm .sci-b-left .sci-bl-hdr {
            display: block;
            color: #000;
            font-size: 100px;
            line-height: 90px;
            font-weight: 400;
            letter-spacing: -.03em
        }

        .s-contact-info .sci-btm .sci-b-left .sci-btn-wrap {
            padding-top: 35px
        }

            .s-contact-info .sci-btm .sci-b-left .sci-btn-wrap .btn-ell.black.small {
                color: #fff;
                font-size: 15px;
                line-height: 17px;
                letter-spacing: .06em;
                text-transform: uppercase;
                padding-left: 13px;
                padding-right: 13px;
                padding-top: 8px;
                padding-bottom: 8px;
                margin-right: 10px;
                margin-bottom: 10px
            }

                .s-contact-info .sci-btm .sci-b-left .sci-btn-wrap .btn-ell.black.small:last-child {
                    margin-right: 0
                }

    .s-contact-info .sci-btm .sci-b-right {
        width: 62%;
        padding-top: 42px
    }

        .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm {
            margin-bottom: 65px
        }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm:last-child {
                margin-bottom: 0
            }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-descr {
                display: inline-block;
                color: #4b4b4d;
                font-size: 18px;
                line-height: 22px;
                font-weight: 400;
                position: relative;
                padding-right: 62px;
                margin-bottom: 60px
            }

                .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-descr::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    width: 42px;
                    height: 1px;
                    background: #4b4b4d
                }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big {
                display: block;
                color: #000;
                font-size: 66px;
                line-height: 60px;
                font-weight: 400;
                letter-spacing: -.03em;
                margin-bottom: 27px
            }

                .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big:last-child {
                    margin-bottom: 0
                }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm a.sci-br-big:hover {
                color: #ec5900
            }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-time {
                display: block;
                color: #2d2d2d;
                font-size: 30px;
                line-height: 35px;
                font-weight: 400;
                letter-spacing: -.025em
            }

.sci-choose-wrap {
    display: flex;
    position: relative
}

    .sci-choose-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background: #000;
        transition: all 1s ease
    }

    .sci-choose-wrap .sci-ch-btn-wrap {
        position: relative;
        width: 38.5%;
        z-index: 2
    }

        .sci-choose-wrap .sci-ch-btn-wrap::after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 1px;
            transition: all 1s ease;
            background: #000
        }

        .sci-choose-wrap .sci-ch-btn-wrap .sci-close-btn {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 2;
            background: #fff;
            text-align: center;
            padding-top: 17px;
            padding-bottom: 17px;
            cursor: pointer;
            display: none
        }

            .sci-choose-wrap .sci-ch-btn-wrap .sci-close-btn span {
                font-size: 16px;
                line-height: 20px;
                letter-spacing: -.05em;
                color: #000
            }

                .sci-choose-wrap .sci-ch-btn-wrap .sci-close-btn span .sci-ch-arr {
                    transform: rotate(180deg);
                    display: inline-block;
                    margin-left: 7px
                }

        .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden {
            max-height: 961px;
            overflow-y: auto;
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: 0;
            transform: translateY(100%);
            width: 100%;
            background: #fff;
            display: none
        }

            .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm {
                color: #4b4b4d;
                font-size: 30px;
                line-height: 35px;
                font-weight: 400;
                letter-spacing: -.025em;
                padding-top: 35.5px;
                padding-bottom: 35.5px;
                text-align: center;
                background: 0 0;
                transition: all .5s ease;
                padding-left: 20px;
                padding-right: 20px;
                cursor: pointer
            }

                .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm.active {
                    color: #ec5900
                }

                .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm:hover {
                    background: #e0dedc
                }

        .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn {
            color: #000;
            font-size: 30px;
            line-height: 35px;
            font-weight: 400;
            letter-spacing: -.025em;
            text-align: center;
            padding-top: 76px;
            padding-bottom: 76px;
            cursor: pointer;
            transition: all .5s ease
        }

            .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn:hover {
                color: #ec5900
            }

            .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn.active {
                color: #ec5900
            }

                .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn.active span .sci-ch-arr {
                    transform: rotate(180deg)
                }

            .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn span .sci-ch-arr {
                margin-left: 7px;
                display: inline-block
            }

    .sci-choose-wrap .sci-ch-search {
        width: 61.5%;
        position: relative
    }

        .sci-choose-wrap .sci-ch-search.active .sci-ch-search-icn::before {
            opacity: 0
        }

        .sci-choose-wrap .sci-ch-search.active .sci-ch-search-icn::after {
            opacity: 1
        }

        .sci-choose-wrap .sci-ch-search.close-active .sci-ch-clear {
            opacity: 1;
            visibility: visible
        }

        .sci-choose-wrap .sci-ch-search .sci-ch-search-icn {
            width: 36px;
            height: 36px;
            position: absolute;
            left: 72px;
            top: 50%;
            margin-top: -18px
        }

            .sci-choose-wrap .sci-ch-search .sci-ch-search-icn::after,
            .sci-choose-wrap .sci-ch-search .sci-ch-search-icn::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: all .5s ease
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-search-icn::after {
                opacity: 0
            }

        .sci-choose-wrap .sci-ch-search input {
            display: block;
            width: 100%;
            font-size: 30px;
            line-height: 35px;
            font-weight: 400;
            letter-spacing: -.01em;
            color: #000;
            height: 100%;
            outline: 0;
            border: 0 solid #000;
            padding-left: 138px;
            padding-right: 90px
        }

            .sci-choose-wrap .sci-ch-search input::-webkit-input-placeholder {
                color: rgba(0, 0, 0, .5);
                font-size: inherit;
                line-height: inherit;
                letter-spacing: -.01em
            }

            .sci-choose-wrap .sci-ch-search input:-moz-placeholder {
                color: rgba(0, 0, 0, .5);
                font-size: inherit;
                line-height: inherit;
                letter-spacing: -.01em
            }

            .sci-choose-wrap .sci-ch-search input::-moz-placeholder {
                color: rgba(0, 0, 0, .5);
                font-size: inherit;
                line-height: inherit;
                letter-spacing: -.01em
            }

            .sci-choose-wrap .sci-ch-search input:-ms-input-placeholder {
                color: rgba(0, 0, 0, .5);
                font-size: inherit;
                line-height: inherit;
                letter-spacing: -.01em
            }

        .sci-choose-wrap .sci-ch-search .sci-ch-clear {
            cursor: pointer;
            z-index: 1;
            width: 31px;
            height: 30px;
            position: absolute;
            right: 40px;
            top: 50%;
            margin-top: -15px;
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease
        }

            .sci-choose-wrap .sci-ch-search .sci-ch-clear::after,
            .sci-choose-wrap .sci-ch-search .sci-ch-clear::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: all .5s ease
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-clear::after {
                opacity: 0
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-clear:hover::before {
                opacity: 0
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-clear:hover::after {
                opacity: 1
            }

.s-map {
    height: 960px;
    position: relative;
    background: #fff;
    z-index: 1
}

    .s-map .sm-map {
        width: 100%;
        height: 100%
    }

        .s-map .sm-map iframe {
            width: 100%;
            height: 100%
        }

.cluster-descr {
    color: #fff;
    font-size: 29px;
    line-height: 34px;
    font-weight: 400;
    font-family: SuisseIntl, sans-serif;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

[class*=ground-pane] {
    filter: grayscale(1)
}

.s-result {
    padding-top: 91px;
    padding-bottom: 179px;
    background: #fff;
    position: relative;
    z-index: 1
}

    .s-result .sci-choose-wrap {
        border-bottom: 1px solid #000;
        margin-bottom: 60px
    }

    .s-result .sr-items .sr-itm {
        margin-bottom: 77px
    }

        .s-result .sr-items .sr-itm:last-child {
            margin-bottom: 0
        }

        .s-result .sr-items .sr-itm .sri-word {
            display: block;
            color: #000;
            font-size: 64px;
            line-height: 78px;
            font-weight: 400;
            letter-spacing: -.05em;
            padding-left: 30px;
            padding-right: 30px;
            margin-bottom: 23px
        }

            .s-result .sr-items .sr-itm .sri-word span {
                color: #ec5900;
                font-size: 18px;
                line-height: 22px;
                font-weight: 400;
                letter-spacing: normal;
                vertical-align: top;
                position: relative;
                top: 12px;
                left: 1px
            }

        .s-result .sr-items .sr-itm .sri-rows .sri-row {
            display: flex;
            position: relative;
            padding-bottom: 20px
        }

            .s-result .sr-items .sr-itm .sri-rows .sri-row:not(:first-child) .sri-col {
                padding-top: 37px;
                padding-bottom: 27px
            }

            .s-result .sr-items .sr-itm .sri-rows .sri-row::before {
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: rgba(75, 75, 77, .3);
                content: "";
                position: absolute;
                transition: all 1.5s ease
            }

            .s-result .sr-items .sr-itm .sri-rows .sri-row.toggleClass::before {
                width: 0%
            }

            .s-result .sr-items .sr-itm .sri-rows .sri-row.toggleClass.animated::before {
                width: 100%
            }

            .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col {
                padding-right: 15px
            }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(1) {
                    width: 26%;
                    padding-left: 30px
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(2) {
                    width: 25%
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(3) {
                    width: 15%
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(4) {
                    width: 14%
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(5) {
                    width: 20%
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr {
                    display: block;
                    position: relative;
                    color: #4b4b4d;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 400
                }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0
                    }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.map {
                        padding-left: 26px
                    }

                        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.map::before {
                            width: 19px;
                            height: 19px;
                        }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.phone {
                        padding-left: 26px
                    }

                        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.phone::before {
                            top: 1px;
                            width: 18px;
                            height: 18px;
                        }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.mail {
                        padding-left: 26px
                    }

                        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.mail::before {
                            top: 1px;
                            width: 19px;
                            height: 19px;
                        }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.schedule {
                        padding-left: 26px
                    }

                        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr.schedule::before {
                            top: 1px;
                            width: 19px;
                            height: 19px;
                        }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-hdr {
                    display: block;
                    color: #000;
                    font-size: 20px;
                    line-height: 23px;
                    font-weight: 500;
                    margin-bottom: 53px
                }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-hdr:last-child {
                        margin-bottom: 0
                    }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-hdr.red {
                        color: #ec5900
                    }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .btn-ell.small.black {
                    color: #fff;
                    font-size: 15px;
                    line-height: 17px;
                    letter-spacing: .06em;
                    text-transform: uppercase;
                    padding-left: 13px;
                    padding-right: 13px;
                    padding-top: 8px;
                    padding-bottom: 8px
                }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-descr {
                    display: block;
                    color: #22252a;
                    font-size: 20px;
                    line-height: 23px;
                    font-weight: 400
                }

                    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-descr.black {
                        color: #000
                    }

                .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col a.sri-c-descr:hover {
                    color: #ec5900
                }

.s-awards-page {
    padding-bottom: 20px;
    background: #000;
    margin-bottom: 100px
}

    .s-awards-page .sap-top {
        padding-bottom: 189px;
        padding-top: 106px;
        background: #fff
    }

        .s-awards-page .sap-top .sap-t-theme {
            display: block;
            color: #716f6f;
            font-size: 24px;
            line-height: 28px;
            font-weight: 600;
            letter-spacing: -.025em;
            text-transform: uppercase;
            font-family: SuisseIntl, sans-serif;
            margin-bottom: 150px
        }

        .s-awards-page .sap-top .sap-t-hdr {
            display: block;
            color: #000;
            font-size: 61px;
            line-height: 71px;
            letter-spacing: -.025em;
            font-family: SuisseIntl, sans-serif;
            font-weight: 400;
            max-width: 1210px;
            width: 100%
        }

    .s-awards-page .s-two .st-itm {
        height: 791px
    }

    .s-awards-page .sap-items {
        background: #000;
        position: relative
    }

        .s-awards-page .sap-items::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 0;
            background: #f2f2f2;
            width: 1px;
            height: 90%;
            transform: translateX(-50%)
        }

        .s-awards-page .sap-items .sap-i-top {
            text-align: center;
            background: #000;
            position: relative;
            padding-top: 101px;
            padding-bottom: 41px;
            margin-bottom: 192px
        }

            .s-awards-page .sap-items .sap-i-top .sap-t-descr {
                display: block;
                color: #f2f2f2;
                font-size: 24px;
                line-height: 28px;
                font-weight: 400;
                font-family: SuisseIntl, sans-serif
            }

        .s-awards-page .sap-items .sap-itm {
            display: flex;
            margin-bottom: 165px
        }

            .s-awards-page .sap-items .sap-itm:last-child {
                margin-bottom: 0
            }

            .s-awards-page .sap-items .sap-itm.reverse .sap-text {
                order: -1
            }

                .s-awards-page .sap-items .sap-itm.reverse .sap-text .sap-t-date {
                    left: auto;
                    right: 0;
                    transform: translate(50%, -50%)
                }

            .s-awards-page .sap-items .sap-itm.reverse .sap-photo {
                padding-right: 0;
                padding-left: 100px
            }

                .s-awards-page .sap-items .sap-itm.reverse .sap-photo img {
                    margin-left: auto
                }

            .s-awards-page .sap-items .sap-itm .sap-photo {
                width: 50%;
                padding-right: 100px
            }

                .s-awards-page .sap-items .sap-itm .sap-photo img {
                    display: block;
                    max-width: 100%
                }

            .s-awards-page .sap-items .sap-itm .sap-text {
                width: 50%;
                position: relative;
                padding-left: 75px;
                padding-right: 75px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 45px;
                padding-bottom: 45px
            }

                .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    background: #000;
                    padding-top: 34px;
                    padding-bottom: 34px;
                    text-align: center
                }

                    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date .sap-td-name {
                        display: block;
                        color: #f2f2f2;
                        font-size: 14px;
                        line-height: 16px;
                        font-weight: 400;
                        font-family: SuisseIntl, sans-serif;
                        margin-bottom: 22px
                    }

                    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date .sap-td-year {
                        display: block;
                        color: #f2f2f2;
                        font-size: 48px;
                        line-height: 44px;
                        font-weight: 400;
                        font-family: SuisseIntl, sans-serif;
                        letter-spacing: -.03em
                    }

                .s-awards-page .sap-items .sap-itm .sap-text .sap-text-wrap {
                    max-width: 600px;
                    margin-left: auto;
                    margin-right: auto
                }

                .s-awards-page .sap-items .sap-itm .sap-text .sap-t-hdr {
                    display: block;
                    color: #fff;
                    font-size: 24px;
                    line-height: 39px;
                    font-family: Inter, sans-serif;
                    font-weight: 700;
                    letter-spacing: -.025em;
                    margin-bottom: 39px
                }

                .s-awards-page .sap-items .sap-itm .sap-text p {
                    margin: 0;
                    font-size: 24px;
                    line-height: 39px;
                    letter-spacing: -.025em;
                    font-family: Inter, sans-serif;
                    font-weight: 400;
                    color: #fff;
                    margin-bottom: 59px
                }

                .s-awards-page .sap-items .sap-itm .sap-text .sap-t-btn-wrap {
                    display: flex
                }

                    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-btn-wrap .btn-ell {
                        margin-right: 27px;
                        margin-bottom: 20px
                    }

                        .s-awards-page .sap-items .sap-itm .sap-text .sap-t-btn-wrap .btn-ell:last-child {
                            margin-right: 0
                        }

    .s-awards-page .sap-btm {
        background: #000;
        padding-top: 331px;
        padding-bottom: 100px
    }

        .s-awards-page .sap-btm .sap-b-flex {
            display: flex;
            justify-content: space-between;
            margin-bottom: 66px
        }

            .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
                display: block;
                color: #fff;
                font-size: 61px;
                line-height: 71px;
                letter-spacing: -.025em;
                max-width: 1425px;
                padding-right: 15px
            }

            .s-awards-page .sap-btm .sap-b-flex .sap-b-logo {
                position: relative;
                top: 25px
            }

                .s-awards-page .sap-btm .sap-b-flex .sap-b-logo img {
                    display: block;
                    max-width: 100%
                }

    .s-awards-page .s-features {
        padding-top: 0
    }

footer {
    background: #000
}

    footer .ft-hidden {
        display: none
    }

        footer .ft-hidden .ftt-hidden-menu {
            display: flex;
            justify-content: space-between
        }

            footer .ft-hidden .ftt-hidden-menu li a {
                display: block;
                font-size: 16px;
                line-height: 35px;
                font-weight: 400;
                letter-spacing: -.05em;
                color: #fff
            }

    footer .ft-top {
        padding-top: 67px;
        padding-bottom: 62px;
        border-bottom: 1px solid rgba(239, 235, 233, .2);
    }

        footer .ft-top .my-container.flex {
            flex-wrap: wrap;
            align-items: center
        }

        footer .ft-top .ftt-left {
            width: calc(100% - 779px);
            display: block;
            align-items: center;
        }

            footer .ft-top .ftt-left .ftt-logo {
                position: relative;
                top: 6px;
                display: block
            }

                footer .ft-top .ftt-left .ftt-logo img {
                    display: block;
                    max-width: 100%
                }

        footer .ft-top .ftt-right {
            width: 779px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

            footer .ft-top .ftt-right .ftt-list {
                position: relative;
                top: 3px
            }

                footer .ft-top .ftt-right .ftt-list ul {
                    display: flex
                }

                    footer .ft-top .ftt-right .ftt-list ul li {
                        margin-right: 40px
                    }

                        footer .ft-top .ftt-right .ftt-list ul li:last-child {
                            margin-bottom: 0
                        }

                        footer .ft-top .ftt-right .ftt-list ul li a {
                            display: block;
                            color: #fff;
                            font-size: 18px;
                            line-height: 22px;
                            font-weight: 400;
                            position: relative;
                            padding-bottom: 6px
                        }

                            footer .ft-top .ftt-right .ftt-list ul li a::before {
                                content: "";
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                height: 1.5px;
                                width: 0%;
                                background: #ec5900;
                                transition: all .5s ease
                            }

                            footer .ft-top .ftt-right .ftt-list ul li a:hover {
                                color: #ec5900
                            }

                                footer .ft-top .ftt-right .ftt-list ul li a:hover::before {
                                    width: 30%
                                }

    footer .ft-mid {
        padding-bottom: 28px;
        padding-top: 28px;
        border-bottom: 1px solid rgba(239, 235, 233, .2)
    }

        footer .ft-mid .ftm-mail {
            display: block;
            color: #fff;
            font-size: 35px;
            font-weight: 500;
            /* letter-spacing: -.03em; */
            text-align: center;
            /* background: white; */
            border-radius: 15px;
        }

            footer .ft-mid .ftm-mail .anim-over.animated span {
                transform: translateY(-13%)
            }

    footer .firma-anahtar ul li a:hover {
        color: #ec5900 !important;
    }

    footer .firma-isim:hover {
        color: #ec5900 !important;
    }

    footer .ft-mid .ftm-mail .red {
        display: block;
        color: #ec5900;
    }

    footer .ft-mid .ftm-mail .anim-over:nth-child(2) {
        position: relative;
        top: -20px
    }

    footer .ft-btm-hidden {
        display: none
    }

    footer .ft-btm {
        padding-top: 55px;
        padding-bottom: 55px;
    }

        footer .ft-btm .ftb-itm .ftb-btn-wrap {
            display: none
        }

        footer .ft-btm .ftb-itm .ftb-i-descr {
            display: block;
            color: #4b4b4d;
            font-size: 16px;
            line-height: 19px;
            font-weight: 400;
            margin-bottom: 32px
        }

        footer .ft-btm .ftb-itm .ftb-i-w {
            display: block;
            color: #fff;
            font-size: 20px;
            line-height: 23px;
            font-weight: 400;
            margin-bottom: 6px
        }

            footer .ft-btm .ftb-itm .ftb-i-w:last-child {
                margin-bottom: 0
            }

            footer .ft-btm .ftb-itm .ftb-i-w.margin-btm {
                margin-bottom: 35px
            }

        footer .ft-btm .ftb-itm a.ftb-i-w:hover {
            color: #ec5900
        }

        footer .ft-btm .my-container.flex {
            flex-wrap: wrap
        }

        footer .ft-btm .ftb-left {
            width: calc(100% - 779px)
        }

        footer .ft-btm .ftb-right {
            width: 779px;
            display: flex;
            justify-content: space-around;
            padding-right: 3%;
        }

.ftb-logo {
    margin: auto;
    width: 430px;
}

.s-test {
    background: red;
    height: 100vh
}

.s-test_2 {
    background: green;
    height: 100vh
}


.mobil-block {
    display: none;
}


.shi-bg {
    background-image: url('../images/img/polikim-web-sitesi.webp');
    transition: 6s !important;
}

    .shi-bg:hover {
        background-position: bottom !important;
    }

.shi-bg2 {
    background-image: url('../images/img/akcan-web-sitesi.webp');
    transition: 6s !important;
}

    .shi-bg2:hover {
        background-position: bottom !important;
    }


.shi-bg3 {
    background-image: url('../images/img/kilimli-web-sitesi.jpg');
    transition: 6s !important;
}

    .shi-bg3:hover {
        background-position: bottom !important;
    }


.shi-bg4 {
    background-image: url('../images/img/nihad-web-sitesi.jpg');
    transition: 6s !important;
}

    .shi-bg4:hover {
        background-position: bottom !important;
    }

.shi-bg5 {
    background-image: url('../images/img/light-212.webp');
    transition: 6s !important;
}

    .shi-bg5:hover {
        background-position: bottom !important;
    }

.shi-bg6 {
    background-image: url('../images/img/tumpar-plas.webp');
    transition: 6s !important;
}

    .shi-bg6:hover {
        background-position: bottom !important;
    }


@media only screen and (max-width:1600px) {
    .my-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .default-top .dt-left {
        width: 60%
    }

    .default-top .dt-right {
        width: 40%
    }

    .s-line-sliders.padding-btm {
        padding-bottom: 219px
    }

    .s-awards-page .sap-top .sap-t-theme {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 100px
    }

    .s-awards-page .sap-top .sap-t-hdr {
        font-size: 52px;
        line-height: 110%;
        max-width: 900px
    }

    .s-awards-page .sap-top {
        padding-top: 150px;
        padding-bottom: 90px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-hdr {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 30px
    }

    .s-awards-page .sap-items .sap-itm .sap-text p {
        font-size: 21px;
        line-height: 36px;
        margin-bottom: 30px
    }

    .s-awards-page .sap-items .sap-itm {
        margin-bottom: 120px
    }

    .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
        font-size: 52px;
        line-height: 110%;
        max-width: 1000px
    }

    .s-awards-page .sap-btm {
        padding-top: 220px;
        padding-bottom: 90px
    }

    .s-two .st-items .st-itm .sti-top .sti-t-num {
        font-size: 60px;
        line-height: 54px
    }

    .default-popup.dp-download .dp-content .my-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .s-top-slider .sts-cols .sts-col:nth-child(2) {
        padding-top: 258px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
        width: 560px;
        height: 440px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-descr {
        margin-bottom: 10px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-hdr {
        font-size: 36px;
        line-height: 34px
    }

    .s-advantages .sa-center.toggleClass.animated::before {
        height: 230px
    }

    .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
        height: 230px
    }

    .s-advantages .sa-items .sa-itm {
        margin-top: -104px
    }

    .s-half .sh-right p {
        font-size: 40px;
        line-height: 58px
    }

    .s-half {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .default-popup .dp-content .dpc-hdr {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 30px
    }

    .s-contact-info .sci-top .sci-t-mail {
        font-size: 80px;
        line-height: 70px
    }

    .s-contact-info .sci-top {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-descr,
    .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-time {
        font-size: 24px;
        line-height: 30px
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-hdr {
        font-size: 80px;
        line-height: 70px
    }

    .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big {
        font-size: 50px;
        line-height: 40px
    }

    .s-contact-info .sci-btm {
        padding-bottom: 100px
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-hdr {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 30px
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-descr {
        font-size: 18px;
        line-height: 20px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 45px;
        padding-bottom: 45px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
        min-height: 560px
    }

    .s-catalog-dw .scd-content .h2 {
        margin-bottom: 60px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-t-hdr {
        font-size: 34px;
        line-height: 40px
    }

    .s-news-text .my-container .snt-i-hdr,
    .s-news-text .my-container h2 {
        font-size: 30px;
        line-height: 44px
    }

    .s-news-text .my-container p,
    .s-news-text .my-container > ol li,
    .s-news-text .my-container > ul li {
        font-size: 21px;
        line-height: 30px
    }

    .s-news-detail .snd-text .snd-hdr {
        font-size: 30px;
        line-height: 44px;
        max-width: 450px
    }

    .s-news-detail .snd-text p {
        font-size: 16px;
        line-height: 24px;
        max-width: 450px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm p {
        font-size: 28px;
        line-height: 44px;
        max-width: 320px
    }

    .s-welders .sw-fl .swf-text .swf-descr {
        font-size: 21px;
        line-height: 24px
    }

    .s-high .anim-line .al-itm .sh-itm .btn-ell {
        margin-top: 19px
    }

    .s-models .sm-items .sas-itm .sas-img {
        height: 400px
    }

    .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-photo {
        height: 340px
    }

    .blog-item .bi-photo {
        height: 444px
    }

    .blog-item.small .bi-photo {
        height: 254px
    }

    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
        margin-bottom: 86px
    }

    .blog-item.small .bi-photo {
        width: 55%
    }

    .blog-item.small .bi-text {
        width: 45%
    }

    .s-blog .sb-items-wrap .sb-right {
        height: 594px
    }

    .blog-item.small {
        max-width: 689px
    }

    .s-high .anim-line .al-itm .sh-itm .shi-descr,
    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
        font-size: 140px
    }

    .s-models .sm-items .sas-itm .sas-text {
        padding-left: 20px;
        padding-right: 20px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-img {
        height: 400px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-img {
        height: 540px;
        padding-left: 20px;
        padding-right: 20px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-text {
        padding-left: 20px;
        padding-right: 20px
    }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
            width: 50%;
            margin-bottom: 15px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-hdr,
        .s-models .sm-items .sas-itm .sas-text .sas-hdr {
            font-size: 21px;
            line-height: 24px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-descr,
        .s-models .sm-items .sas-itm .sas-text .sas-descr {
            font-size: 14px;
            line-height: 17px;
            margin-bottom: 20px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr,
        .s-models .sm-items .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr {
            font-size: 14px;
            line-height: 20px
        }

    .s-access .sa-slider .swiper-slide .sas-itm .tag-btn {
        left: 20px;
        top: 20px
    }

    .s-features .sf-text .sft-hdr {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 60px
    }

    .s-features .sf-text .sft-hidden p {
        font-size: 24px;
        line-height: 36px
    }

    .s-features .sf-slider .swiper-slide {
        width: 700px;
        height: 480px
    }

    .s-features {
        padding-top: 150px
    }

    .s-tech {
        padding-top: 94px;
        padding-bottom: 146px
    }

    .s-project .sp-img {
        max-width: 711px
    }

    .s-project .anim-line .al-itm {
        font-size: 145px;
        line-height: 145px
    }

    .s-project .anim-line {
        top: 45%
    }

    .s-project .sp-text {
        padding-bottom: 37px
    }

        .s-project .sp-text .spt-no {
            margin-bottom: 66px
        }

    .s-project .sp-icons {
        padding-bottom: 36px
    }

    footer .ft-mid .ftm-mail {
        font-size: 100px;
        line-height: 100px
    }

    footer .ft-top {
        padding-bottom: 54px
    }

        footer .ft-btm .ftb-right,
        footer .ft-top .ftt-right {
            width: 696px
        }

        footer .ft-btm .ftb-left,
        footer .ft-top .ftt-left {
            width: calc(100% - 696px)
        }

    footer .ft-mid {
        padding-bottom: 133px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
        font-size: 26px;
        line-height: 35px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
        padding-left: 50px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
        padding-left: 53px
    }

    .s-phone .sp-items .sp-small {
        margin-left: 12.5px;
        margin-right: 12.5px
    }

        .s-phone .sp-items .sp-small:nth-child(1) {
            margin-left: 0
        }

        .s-phone .sp-items .sp-small:last-child {
            margin-right: 0
        }

    .s-phone .sp-items .sp-big {
        width: 399px;
        min-width: 399px;
        max-width: 100%;
        margin-left: 12.5px;
        margin-right: 12.5px
    }

    .s-help .sh-items .sh-itm {
        min-height: 816px
    }

        .s-help .sh-items .sh-itm:nth-child(even) {
            margin-top: 143px
        }

        .s-help .sh-items .sh-itm .btn-ell {
            left: 23px;
            bottom: 68px
        }

    .s-two .st-items .st-itm .sti-top .sti-t-hdr {
        font-size: 60px;
        line-height: 57px
    }

    .s-two .st-items .st-itm .sti-top {
        padding-top: 77px
    }

    .s-two .st-items .st-itm {
        height: 810px
    }

        .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
            width: 230px;
            height: 360px
        }

        .s-two .st-items .st-itm .sti-p-items {
            left: -88px;
            bottom: 105px
        }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                top: 146px
            }

    .product-menu .pm-flex .pm-left .pm-nav-itm {
        font-size: 40px;
        line-height: 43px;
        margin-bottom: 30px
    }

    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr a,
    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr span {
        font-size: 24px;
        line-height: 30px
    }

    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li a,
    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li span {
        font-size: 16px;
        line-height: 16px
    }

    .s-products .sp-slider .swiper-slide {
        width: 25%
    }

    .s-work-quality .swq-items::before {
        left: 30%;
        width: 45%
    }

    .s-work-quality.anim-over.animated .swq-items::before {
        width: 45%
    }

    .s-work-quality .swq-hdr {
        margin-bottom: 78px
    }

    .s-work-quality {
        padding-bottom: 94px
    }
}

@media only screen and (max-width:1500px) {
    .s-two .st-items .st-itm .btn-ell {
        left: 29px
    }

    .s-two .st-items .st-itm .sti-top .sti-t-hdr .anim-over:nth-child(2) {
        top: -10px
    }

    .default-top .dt-left .h1 .anim-over:nth-child(2) {
        top: 0
    }

    footer .ft-mid .ftm-mail .anim-over:nth-child(2) {
        top: -10px
    }

    .my-container.small {
        max-width: 1290px
    }

    .big-btn {
        font-size: 20px;
        line-height: 24px;
        padding-left: 45px;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .h1 {
        font-size: 80px;
        line-height: 90px;
        letter-spacing: -.03em
    }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm {
        font-size: 24px;
        line-height: 30px
    }

    .default-popup.dp-download .dp-content .dpw-hdr {
        font-size: 50px;
        line-height: 60px
    }

    .default-top .dt-left .h2 {
        margin-bottom: 61px
    }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden {
        max-height: 800px
    }

    .s-map {
        height: 800px
    }

    .s-contact-info .sci-top .sci-t-mail {
        font-size: 60px;
        line-height: 50px
    }

    .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big {
        font-size: 40px;
        line-height: 34px
    }

    .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-descr {
        margin-bottom: 30px
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-hdr {
        font-size: 60px;
        line-height: 50px
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-descr,
    .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-time {
        font-size: 21px;
        line-height: 26px
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-descr {
        margin-bottom: 20px
    }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn {
        font-size: 24px;
        line-height: 30px;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sci-choose-wrap .sci-ch-search input {
        font-size: 24px;
        line-height: 30px
    }

    .s-second-banner .s-breadcrumbs {
        margin-bottom: 300px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-t-hdr {
        font-size: 30px;
        line-height: 40px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-mb {
        font-size: 14px;
        line-height: 16px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-btm p {
        font-size: 14px;
        line-height: 16px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-hdr {
        font-size: 50px;
        line-height: 56px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-red {
        font-size: 30px
    }

    .s-high .anim-line .al-itm .sh-itm .btn-ell {
        margin-top: 15px
    }

    .s-blog {
        padding-top: 127px
    }

        .s-blog .sb-top {
            margin-bottom: 60px
        }

    .s-news-detail .snd-text {
        width: 38%;
        padding-left: 20px;
        padding-right: 20px
    }

    .s-news-detail .back {
        left: 25px
    }

    .s-news-detail .snd-image {
        width: 62%;
        min-height: 500px
    }

    .s-news-detail {
        padding-top: 109px
    }

        .s-news-detail .snd-text .snd-hdr {
            font-size: 24px;
            line-height: 34px
        }

    .s-high .anim-line .al-itm .sh-itm .shi-descr,
    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
        font-size: 120px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-hdr {
        font-size: 30px;
        line-height: 28px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-descr {
        font-size: 12px;
        line-height: 14px
    }

    .s-advantages .sa-center .sac-hdr {
        font-size: 20px;
        line-height: 24px
    }

    .s-advantages {
        padding-top: 120px;
        padding-bottom: 150px
    }

    .s-access {
        padding-top: 120px;
        padding-bottom: 120px
    }

        .s-access .sa-top {
            margin-bottom: 80px
        }

    .s-features .sf-text .sft-hdr {
        font-size: 40px;
        line-height: 50px
    }

    .s-features .sf-text .sft-hidden p {
        font-size: 21px;
        line-height: 28px
    }

    .s-features .sf-text .sft-hidden.active {
        padding-bottom: 50px
    }

    .s-features .sf-text .sft-hidden .see-more {
        bottom: 26px
    }

    .s-features .sf-text {
        padding-right: 15px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
        font-size: 24px;
        line-height: 35px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
        padding-left: 41px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
        padding-left: 44px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover {
        padding-left: 75px
    }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover .sfr-t-num {
            left: 25px
        }

    .s-tech {
        padding-top: 80px;
        padding-bottom: 109px
    }

        .s-tech .st-right .str-row .str-itm .str-i-descr {
            font-size: 22px;
            line-height: 37px
        }

    .s-two-button .stb-button {
        font-size: 28px;
        line-height: 35px;
        height: 165px
    }

    .s-project .s-breadcrumbs {
        left: 22px;
        top: 13px
    }

    .s-project .sp-img {
        max-width: 603px
    }

    .s-project .anim-line .al-itm {
        font-size: 110px;
        line-height: 100%
    }

    .s-project .anim-line {
        top: 41%
    }

    .s-project .sp-img {
        transform: translateY(-16%)
    }

    .s-project .sp-text .spt-hdr {
        font-size: 38px;
        line-height: 43px
    }

    .s-project .sp-text .spt-items .spt-itm {
        margin-right: 76px
    }

    .s-project .sp-text .spt-no {
        margin-bottom: 56px
    }

    .s-project .sp-icons {
        padding-bottom: 34px
    }

    .s-project .sp-text {
        width: calc(50% - 40px)
    }

    footer .ft-top {
        padding-top: 54px;
        padding-bottom: 41px
    }

    footer .ft-mid .ftm-mail {
        font-size: 90px;
        line-height: 90px
    }

    footer .ft-top .ftt-right .ftt-list ul li {
        margin-right: 45px
    }

    footer .ft-mid {
        padding-bottom: 101px
    }

    footer .ft-btm {
        padding-top: 105px
    }

    .blog-item .bi-photo {
        height: 399px
    }

    .blog-item .bi-text {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .blog-item.small {
        max-width: 595px
    }

        .blog-item.small .bi-photo {
            width: 57%
        }

        .blog-item.small .bi-text {
            width: 43%
        }

    .blog-item .bi-text p {
        font-size: 16px;
        line-height: 22px
    }

    .blog-item.small .bi-photo {
        height: 230px
    }

    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
        margin-bottom: 65px
    }

    .s-blog .sb-items-wrap .sb-right {
        height: 525px
    }

    .s-blog {
        padding-bottom: 157px
    }

    .s-phone {
        padding-top: 114px;
        padding-bottom: 232px
    }

        .s-phone .sp-top {
            margin-bottom: 112px
        }

        .s-phone .sp-items .sp-big {
            width: 359px;
            min-width: 359px;
            height: 728px;
            background-size: contain;
            background-position: 50%;
            background-repeat: no-repeat
        }

            .s-phone .sp-items .sp-big .spb-mid .spb-image img {
                max-width: 295px
            }

            .s-phone .sp-items .sp-big .spb-btm {
                padding-top: 20px
            }

                .s-phone .sp-items .sp-big .spb-btm .spb-descr {
                    margin-bottom: 43px
                }

    .s-help .sh-items .sh-itm .shi-hdr {
        font-size: 40px;
        line-height: 50px
    }

    .default-top .dt-left .h1 {
        line-height: 75px
    }

    .default-top .dt-left .h1 {
        margin-bottom: 70px
    }

    .default-top .dt-right .dt-descr {
        font-size: 24px;
        line-height: 28px
    }

    .default-top .dt-right {
        padding-right: 0
    }

    .s-two .st-items .st-itm .sti-top {
        padding-top: 82px;
        padding-left: 29px;
        padding-right: 29px
    }

        .s-two .st-items .st-itm .sti-top .sti-t-logo {
            max-width: 151px
        }

    .s-two .st-items .st-itm {
        height: 730px
    }

        .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
            width: 207px;
            height: 324px
        }

        .s-two .st-items .st-itm .sti-p-items {
            left: -81px;
            bottom: 94px
        }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                top: 128px
            }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr {
        font-size: 80px;
        line-height: 80px
    }

    .s-work-quality .swq-hdr {
        margin-bottom: 64px
    }

    .s-work-quality .swq-items .swq-itm:nth-child(2) {
        padding-top: 75px
    }

    .s-work-quality {
        padding-bottom: 100px
    }

        .s-work-quality .swq-items::before {
            left: 27%;
            width: 51%
        }

        .s-work-quality.anim-over.animated .swq-items::before {
            width: 51%
        }

    .s-help .sh-top {
        margin-bottom: 111px
    }

    .s-help .sh-items .sh-itm {
        padding-left: 20px;
        padding-right: 20px
    }

    .s-help .sh-items .sh-itm {
        min-height: 734px
    }

        .s-help .sh-items .sh-itm .btn-ell {
            left: 20px;
            bottom: 66px
        }

        .s-help .sh-items .sh-itm:nth-child(even) {
            margin-top: 123px
        }

    .s-help {
        padding-bottom: 100px
    }

    header .hd-left .hdl-logo {
        max-width: 142px
    }

    header .hd-left {
        padding-top: 21px;
        padding-bottom: 21px;
        padding-left: 41px;
        padding-right: 41px;
        width: 38%
    }

        header .hd-left .hd-product-btn {
            top: 0
        }

    header.half-red::before {
        width: 38%
    }

    header .hd-right {
        width: 62%;
        padding-top: 21px;
        padding-bottom: 21px;
        padding-left: 99px;
        padding-right: 40px
    }

        header .hd-right .hdl-list ul li {
            margin-right: 45px
        }

        header .hd-right .hdl-list {
            position: relative;
            top: 2px
        }

        header .hd-right .hdr-right-wrap .hdr-eng-wrap {
            margin-left: 44px
        }

        header .hd-right .hdr-right-wrap {
            top: 2px
        }

        header .hd-right .hdr-hidden-search {
            padding-left: 97px;
            padding-right: 98px
        }

            header .hd-right .hdr-hidden-search .hdr-hs-wrap {
                top: -1px
            }

    .s-products {
        padding-top: 118px
    }

        .s-products .sp-top {
            margin-bottom: 67px
        }

        .s-products .sp-slider .swiper-slide .sp-itm {
            padding-top: 72px
        }

            .s-products .sp-slider .swiper-slide .sp-itm .spi-img {
                height: 222px;
                margin-bottom: 57px
            }

            .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-hdr {
                margin-bottom: 20px
            }

        .s-products .sp-slider .swiper-slide .sp-itm {
            padding-bottom: 95px
        }

    .product-menu .pm-flex .pm-left {
        width: 38%;
        padding-left: 41px;
        padding-right: 15px
    }

    .product-menu .pm-flex .pm-right {
        width: 62%;
        padding-left: 99px;
        padding-right: 15px
    }

    .product-menu .pm-flex .pm-left .pm-nav-itm {
        font-size: 36px;
        line-height: 40px
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
        font-size: 70px;
        line-height: 64px;
        margin-bottom: 86px
    }

    .s-main-banner .smb-image-slider .swiper-pagination {
        right: 40px
    }

    .h2 {
        font-size: 60px;
        line-height: 57px
    }
}

@media only screen and (max-width:1300px) {
    .s-two .st-items .st-itm .btn-ell {
        left: 39px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date .sap-td-year {
        font-size: 36px;
        line-height: 100%
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date .sap-td-name {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px
    }

    .s-awards-page .sap-items .sap-itm .sap-text p {
        font-size: 18px;
        line-height: 30px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-hdr {
        font-size: 18px;
        line-height: 24px
    }

    .s-awards-page .sap-items .sap-i-top {
        margin-bottom: 100px;
        padding-top: 70px
    }

    .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
        font-size: 42px;
        max-width: 900px
    }

    .s-awards-page .sap-top .sap-t-hdr {
        font-size: 42px
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm .swq-i-hdr .swq-over:nth-child(2) {
        top: 0
    }

    .s-two .st-items .st-itm .sti-top .sti-t-hdr .anim-over:nth-child(2) {
        top: 0
    }

    .h2 .anim-over:nth-child(2) {
        top: 0
    }

    footer .ft-mid .ftm-mail .anim-over:nth-child(2) {
        top: 0
    }

    .s-top-slider.sts-catalog-level .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
        padding-bottom: 0
    }

    .s-top-slider.sts-catalog-level .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text {
        padding-bottom: 0
    }

    .s-top-slider.sts-catalog-level {
        padding-bottom: 60px
    }

    .s-top-slider .sts-cols .sts-col:nth-child(1) {
        padding-top: 120px
    }

    .s-top-slider .sts-cols .sts-col:nth-child(2) {
        padding-top: 142px
    }

    .s-top-slider .sts-cols .sts-col .sts-slider .swiper-container {
        height: 300px
    }

        .s-top-slider .sts-cols .sts-col .sts-slider .swiper-container .sts-itm {
            max-width: 360px;
            margin-left: auto;
            margin-right: auto
        }


    .s-half .sh-right p {
        font-size: 40px;
        line-height: 52px
    }

    .s-text p {
        font-size: 40px;
        line-height: 50px
    }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-img {
        max-width: 320px
    }

    .my-container.small {
        max-width: 1140px
    }

    .h1 {
        font-size: 70px;
        line-height: 90px
    }

    .s-phone .sp-items .sp-small:nth-child(1),
    .s-phone .sp-items .sp-small:nth-child(4) {
        margin-top: 120px
    }

    .default-popup.dp-download .dp-content .dpw-hdr {
        font-size: 40px;
        line-height: 50px
    }

    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-mb,
    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-name,
    .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-right .dpw-red {
        font-size: 20px;
        line-height: 24px
    }

    .default-popup.dp-download .dp-content .dpw-items .dpw-itm {
        padding-top: 30px;
        padding-bottom: 28px
    }

    .default-top .dt-right .dt-descr {
        font-size: 21px;
        line-height: 23px;
        max-width: 100%;
        width: auto
    }

    .default-top .dt-right {
        display: flex;
        justify-content: flex-end
    }

    .def-inp input,
    .def-inp textarea {
        font-size: 16px;
        line-height: 18px;
        padding-left: 25px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .default-popup .dp-content .dpc-hdr {
        font-size: 34px;
        line-height: 40px
    }

    .default-popup .dp-content .dp-btn-wrap .btn-ell.black {
        padding-left: 40px;
        padding-right: 150px
    }

    .default-popup .dp-content .def-file {
        padding-left: 25px
    }

    .default-popup .dp-content .dp-btn-wrap .dp-bw-descr {
        padding-left: 25px;
        font-size: 16px;
        line-height: 18px;
        width: calc(100% - 253px)
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-descr {
        font-size: 16px;
        line-height: 18px
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(1),
    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(2),
    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(3),
    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(4),
    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(5) {
        width: 25%
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-nav-descr {
        font-size: 16px;
        line-height: 18px
    }

    .s-result {
        padding-bottom: 91px
    }

    .s-contact-info .sci-top .sci-t-top {
        font-size: 16px;
        line-height: 20px
    }

    .s-contact-info .sci-top .sci-t-mail {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .s-contact-info .sci-btm {
        padding-top: 70px;
        padding-bottom: 70px
    }

        .s-contact-info .sci-btm .sci-b-right {
            padding-top: 0
        }

            .s-contact-info .sci-btm .sci-b-left .sci-bl-descr,
            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-time {
                font-size: 18px;
                line-height: 24px
            }

        .s-contact-info .sci-btm .sci-b-left .sci-bl-hdr {
            font-size: 45px;
            line-height: 45px
        }

        .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big {
            font-size: 34px;
            line-height: 40px
        }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm {
        font-size: 24px;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(odd) {
        margin-right: 10px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(even) {
        margin-left: 10px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm {
        width: calc(50% - 10px);
        margin-bottom: 20px
    }

        .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
            min-height: 440px
        }

        .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text {
            padding-top: 25px;
            padding-bottom: 25px
        }

    .s-catalog-dw {
        padding-bottom: 80px
    }

    .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-photo {
        height: 280px
    }

    .s-related-news {
        padding-bottom: 100px
    }

    .s-news-text {
        padding-top: 100px
    }

        .s-news-text .my-container p,
        .s-news-text .my-container > ol li,
        .s-news-text .my-container > ul li {
            font-size: 18px;
            line-height: 26px
        }

        .s-news-text .my-container .snt-i-hdr,
        .s-news-text .my-container h2 {
            font-size: 24px;
            line-height: 34px
        }

        .s-news-text .my-container .snt-awards .snt-aw .snt-aw-hdr,
        .s-news-text .my-container .snt-i-half-hdr,
        .s-news-text .my-container h3 {
            font-size: 21px;
            line-height: 26px
        }

        .s-news-text .my-container .snt-awards .snt-aw p {
            font-size: 16px;
            line-height: 24px
        }

        .s-news-text,
        .s-news-text .my-container .snt-awards,
        .s-news-text .my-container .snt-image-wrap {
            margin-bottom: 60px
        }

    .s-news-detail .snd-text {
        width: 42.8%;
        padding-top: 80px;
        padding-bottom: 60px
    }

    .s-news-detail .snd-image {
        width: 57.2%;
        min-height: 440px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm p {
        font-size: 26px;
        line-height: 34px
    }

    .s-models .sm-btn-wrap {
        padding-top: 100px
    }

    .s-models {
        padding-bottom: 100px
    }

        .s-models .sm-items .sas-itm {
            width: 33.33%
        }

    .s-filter .sf-block .sfb-nav .sfb-n-hdr,
    .s-filter .sf-block .sfb-sort .sfb-s-hdr,
    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm {
        font-size: 21px;
        line-height: 24px
    }

    .s-welders .sw-fl .swf-text .swf-descr {
        font-size: 18px;
        line-height: 21px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-red {
        font-size: 24px;
        margin-bottom: 20px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text .sts-t-hdr {
        font-size: 40px;
        line-height: 46px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 60px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
        padding-bottom: 90px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-text {
        padding-bottom: 90px
    }

    .s-top-slider .sts-cols .sts-col:nth-child(3) {
        width: 44%
    }

    .s-top-slider .sts-cols .sts-col:nth-child(2) {
        width: 28%
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
        width: 420px;
        height: 360px
    }

    .s-advantages .sa-center {
        margin-bottom: 80px
    }

        .s-advantages .sa-center.toggleClass.animated::before {
            height: 160px
        }

    .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
        height: 160px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-hdr {
        font-size: 24px;
        line-height: 22px
    }

    .s-advantages {
        padding-top: 90px;
        padding-bottom: 120px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide {
        width: 33.33%
    }

    .s-access .sa-slider .swiper-slide {
        width: 50%
    }

    .s-features .sf-text .sft-hdr {
        font-size: 30px;
        line-height: 40px
    }

    .s-features .sf-text .sft-hidden p {
        font-size: 16px;
        line-height: 24px
    }

    .s-features .sf-text .sft-hidden .see-more {
        bottom: 10px
    }

    .s-features .sf-feat .sff-hdr {
        font-size: 18px;
        line-height: 23px
    }

    .s-features .sf-slider .swiper-slide {
        width: 600px;
        height: 400px
    }

    .s-tech .st-left {
        width: 276px
    }

    .s-tech .st-right {
        width: calc(100% - 276px)
    }

        .s-tech .st-right .str-row .str-itm .str-i-descr {
            font-size: 24px;
            line-height: 37px
        }

            .s-tech .st-right .str-row .str-itm .str-i-descr:nth-child(2) {
                font-size: 20px;
                line-height: 37px
            }

        .s-tech .st-right .str-row .str-itm {
            margin-bottom: 74px
        }

    .s-tech {
        padding-bottom: 136px
    }

    .s-project .sp-img {
        max-width: 525px
    }

    .s-project .anim-line .al-itm {
        font-size: 100px;
        line-height: 100%
    }

    .s-project .anim-line {
        top: 46%
    }

    .s-project .sp-icons {
        padding-bottom: 14px
    }

    .s-project .sp-text .spt-items .spt-itm .spt-i-descr {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 11px
    }

    .s-project .sp-text {
        padding-bottom: 15px
    }

        .s-project .sp-text .spt-items .spt-itm {
            margin-right: 66px
        }

        .s-project .sp-text .spt-no {
            font-size: 18px;
            line-height: 23px;
            margin-bottom: 48px
        }

        .s-project .sp-text .spt-hdr {
            font-size: 34px;
            line-height: 40px;
            margin-bottom: 43px
        }

    footer .ft-top .ftt-right .ftt-list ul li a {
        font-size: 16px;
        line-height: 22px
    }

    footer .ft-top .ftt-right .ftt-list ul li {
        margin-right: 53px
    }

    footer .ft-btm .ftb-right,
    footer .ft-top .ftt-right {
        width: 654px
    }

    footer .ft-btm .ftb-left,
    footer .ft-top .ftt-left {
        width: calc(100% - 654px)
    }

    footer .ft-mid .ftm-mail {
        font-size: 70px;
        line-height: 73px;
        letter-spacing: -.03em
    }

    footer .ft-mid {
        padding-bottom: 94px
    }

    footer .ft-btm {
        padding-top: 94px
    }

    .s-faq {
        padding-top: 135px;
        padding-bottom: 104px
    }

        .s-faq .sf-left .sfl-descr {
            font-size: 28px;
            line-height: 35px
        }

        .s-faq .sf-left .h2 {
            margin-bottom: 50px
        }

        .s-faq .sf-left .sfl-descr {
            margin-bottom: 103px
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
            font-size: 21px;
            line-height: 35px
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-num {
            left: 1px;
            top: 6px
        }

    .s-two-button .stb-button {
        letter-spacing: -.025em;
        height: 144px
    }

    .s-phone .sp-items .sp-big .spb-mid .spb-send {
        font-size: 18px;
        line-height: 23px
    }

    .s-phone .sp-items .sp-big .spb-mid {
        padding-top: 14px
    }

        .s-phone .sp-items .sp-big .spb-mid .spb-descr {
            margin-bottom: 40px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-mail {
            font-size: 22px;
            line-height: 32px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-send {
            margin-bottom: 2px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-image {
            padding-bottom: 10px
        }

    .s-phone .sp-items .sp-big .spb-btm {
        padding-top: 14px
    }

        .s-phone .sp-items .sp-big .spb-btm .spb-descr {
            margin-bottom: 30px
        }

    .s-phone {
        padding-bottom: 200px
    }

        .s-phone .sp-items .sps-date .sps-d-num {
            font-size: 90px;
            line-height: 60px
        }

        .s-phone .sp-items .sps-date {
            padding-top: 49px
        }

            .s-phone .sp-items .sps-date .sps-d-descr {
                padding-left: 30px
            }

            .s-phone .sp-items .sps-date .btn-ell {
                padding-left: 15px;
                padding-right: 15px
            }

            .s-phone .sp-items .sps-date .sps-d-descr {
                margin-bottom: 42px
            }

                .s-phone .sp-items .sps-date .sps-d-descr::before {
                    width: 18px;
                    height: 18px;
                    background-size: contain;
                    top: 0
                }

    .s-help .sh-items .sh-itm {
        min-height: 650px
    }

    .s-help {
        padding-top: 131px
    }

        .s-help .sh-items .sh-itm .shi-hdr {
            font-size: 38px;
            line-height: 46px
        }

        .s-help .sh-items .sh-itm .btn-ell {
            bottom: 56px
        }

        .s-help .sh-items .sh-itm:nth-child(even) {
            margin-top: 110px
        }

    .s-help {
        padding-bottom: 80px
    }

    .s-blog .sb-top {
        margin-bottom: 110px
    }

    .blog-item .bi-photo {
        height: 340px
    }

    .blog-item.small {
        max-width: 554px
    }

        .blog-item.small .bi-photo {
            width: 55%
        }

        .blog-item.small .bi-text {
            width: 45%
        }

        .blog-item.small .bi-photo {
            height: 204px
        }

    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
        margin-bottom: 57px
    }

    .s-blog .sb-items-wrap .sb-right {
        height: 465px
    }

    .s-blog {
        padding-bottom: 150px
    }

    .default-top .dt-left .h1 {
        margin-bottom: 64px
    }

    .s-two .st-items .st-itm .sti-top .sti-t-hdr {
        font-size: 50px;
        line-height: 47px
    }

    .s-two .st-items .st-itm .sti-top {
        padding-left: 39px;
        padding-right: 39px;
        padding-top: 73px
    }

        .s-two .st-items .st-itm .sti-top .sti-t-logo {
            max-width: 134px
        }

    .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
        width: 185px;
        height: 288px
    }

        .s-two .st-items .st-itm .sti-p-items .sti-p-itm .sti-pi-year {
            font-size: 22px;
            line-height: 38px
        }

    .s-two .st-items .st-itm {
        height: 649px
    }

        .s-two .st-items .st-itm .sti-p-items {
            left: -70px;
            bottom: 84px
        }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                padding-top: 23px
            }

                .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                    top: 118px
                }

    header.half-red::before {
        width: 30.8%;
    }

    header .hd-left {
        width: 30.8%;
    }

    header .hd-right {
        width: 69.2%;
        padding-left: 52px
    }

    header .hd-left .hd-product-btn {
        font-size: 16px;
        padding-right: 64px;
        top: 0
    }

    header .hd-right .hdl-list ul li a {
        font-size: 16px
    }

    header .hd-right .hdl-list ul li {
        margin-right: 53px
    }

    header .hd-right .hdr-right-wrap .hdr-eng-wrap span {
        font-size: 16px
    }

    header .hd-right .hdr-right-wrap .hdr-eng-wrap {
        margin-left: 45px
    }

    header .hd-right .hdr-right-wrap .hdr-search-btn {
        top: -1px
    }

    header .hd-right .hdr-hidden-search {
        padding-left: 49px;
        padding-right: 97px
    }

        header .hd-right .hdr-hidden-search .hdr-hs-wrap input {
            font-size: 16px
        }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr {
        font-size: 70px;
        line-height: 100%
    }

    .s-work-quality .swq-items .swq-itm:nth-child(2) {
        padding-top: 69px
    }

    .s-work-quality {
        padding-bottom: 69px
    }

        .s-work-quality .swq-items::before {
            top: 52%
        }

    .s-products .sp-top {
        margin-bottom: 40px
    }

    .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-hdr {
        font-size: 22px;
        line-height: 24px;
        min-height: 48px
    }

    .s-products .sp-slider .swiper-slide .sp-itm {
        padding-bottom: 53px
    }

    .s-products .sp-slider .df-arr {
        top: 24%
    }

    .product-menu .pm-flex .pm-left {
        width: 42.8%
    }

    .product-menu .pm-flex .pm-right {
        width: 57.2%;
        padding-left: 52px
    }

    .product-menu .pm-flex .pm-left .pm-nav-itm {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 20px
    }

    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr a,
    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li.pmc-hdr span {
        font-size: 21px;
        line-height: 24px
    }

    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li a,
    .product-menu .pm-flex .pm-right .pm-content-wrap .pm-content .pmc-list li span {
        font-size: 14px;
        line-height: 100%
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-btm {
        font-size: 16px;
        line-height: 19px
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
        font-size: 64px;
        line-height: 60px;
        margin-bottom: 84px
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
        font-size: 30px;
        line-height: 36px
    }

    .firma-anahtar {
        font-size: 25px;
    }

    .firma-isim {
        font-size: 25px;
    }
}

@media only screen and (max-width:1200px) {
    .s-two .st-items .st-itm .btn-ell {
        left: 30px
    }

    .s-two .st-items .st-itm .sti-top .sti-t-num {
        font-size: 44px;
        line-height: 90%
    }

    .s-awards-page .sap-top .sap-t-hdr {
        font-size: 34px;
        max-width: 800px
    }

    .s-awards-page .sap-top .sap-t-theme {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 50px
    }

    .s-awards-page .sap-top {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .s-awards-page .sap-items .sap-i-top .sap-t-descr {
        font-size: 21px;
        line-height: 24px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-hdr {
        font-size: 16px;
        line-height: 21px
    }

    .s-awards-page .sap-items .sap-itm .sap-text p {
        font-size: 16px;
        line-height: 28px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-text-wrap {
        max-width: 330px
    }

    .s-awards-page .sap-items .sap-itm .sap-text .sap-t-btn-wrap .btn-ell {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .s-awards-page .sap-items .sap-i-top {
        margin-bottom: 50px
    }

    .s-awards-page .sap-items .sap-itm {
        margin-bottom: 70px
    }

    .s-awards-page .sap-btm {
        padding-top: 150px;
        padding-bottom: 100px
    }

        .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
            font-size: 34px;
            max-width: 700px
        }

        .s-awards-page .sap-btm .sap-b-flex {
            margin-bottom: 30px
        }

    .h2 {
        font-size: 50px;
        line-height: 100%
    }

    .btn-ell {
        font-size: 13px;
        line-height: 15px;
        padding-left: 25px;
        padding-bottom: 13px;
        padding-top: 13px;
        padding-right: 23px
    }

    .s-line-sliders.padding-btm {
        padding-bottom: 180px
    }

    .s-half .sh-right p {
        font-size: 30px;
        line-height: 45px
    }

    .s-phone .sp-items .sp-small:nth-child(1),
    .s-phone .sp-items .sp-small:nth-child(4) {
        margin-top: 0
    }

    .default-popup .dp-content {
        width: 100%
    }

        .default-popup .dp-content .my-container {
            position: static
        }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-img {
        max-width: 260px
    }

    .s-filter .sf-block .sfb-flex {
        flex-wrap: wrap
    }

    .s-high .anim-line .al-itm .sh-itm .btn-ell {
        margin-top: 9px
    }

    .s-high .sh-top {
        margin-bottom: 100px
    }

    .s-high {
        padding-bottom: 107px
    }

        .s-high .anim-line .al-itm .sh-itm {
            margin-right: 20px
        }

            .s-high .anim-line .al-itm .sh-itm .shi-descr {
                font-size: 105px;
                line-height: 105px
            }

            .s-high .anim-line .al-itm .sh-itm .btn-ell {
                margin-top: 11px
            }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text {
        padding-left: 15px;
        padding-right: 15px
    }

        .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-t-hdr {
            font-size: 24px;
            line-height: 30px
        }

    .s-news-detail .snd-text {
        width: 39.8%
    }

    .s-news-detail .snd-image {
        width: 60.2%
    }

    .s-news-detail {
        padding-top: 80px
    }

        .s-news-detail .snd-text .snd-hdr {
            font-size: 21px;
            line-height: 30px;
            max-width: 340px
        }

        .s-news-detail .snd-text p {
            font-size: 14px;
            line-height: 21px;
            max-width: 340px
        }

    .s-phone .sp-top .spt-descr {
        font-size: 18px;
        line-height: 22px
    }

    .s-phone .sp-top .h2 {
        margin-bottom: 52px
    }

    .s-phone .sp-top {
        margin-bottom: 80px
    }

    .s-phone {
        padding-top: 94px
    }

    .s-line-sliders .sls-slider {
        padding-top: 52px;
        padding-bottom: 52px
    }

    .s-line-sliders {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
            font-size: 80px;
            margin-right: 20px
        }

    .s-tech .st-top .stl-hdr {
        font-size: 32px;
        line-height: 42px
    }

    .s-tech .st-top {
        margin-bottom: 65px
    }

    .s-tech .st-left {
        width: 296px
    }

    .s-tech .st-right {
        width: calc(100% - 296px)
    }

        .s-tech .st-right .str-row .str-itm .str-i-descr {
            font-size: 22px;
            line-height: 37px;
            margin-bottom: 4px
        }

            .s-tech .st-right .str-row .str-itm .str-i-descr:nth-child(2) {
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 0
            }

        .s-tech .st-right .str-row .str-itm {
            margin-bottom: 92px
        }

            .s-tech .st-right .str-row .str-itm:nth-child(1) {
                margin-right: 45px
            }

            .s-tech .st-right .str-row .str-itm:nth-child(2) {
                margin-left: 45px
            }

        .s-tech .st-right .str-row .str-itm {
            width: calc(50% - 45px)
        }

        .s-tech .st-right .str-btm .str-b-left {
            width: calc(50% - 45px);
            margin-right: 45px
        }

        .s-tech .st-right .str-btm .str-b-right {
            width: calc(50% - 45px);
            margin-left: 45px
        }

    .s-tech {
        padding-bottom: 94px
    }

    .s-breadcrumbs ul li {
        margin-bottom: 0
    }

    .s-project .sp-img {
        max-width: 441px
    }

    .s-project {
        padding-top: 80px
    }

        .s-project .s-breadcrumbs {
            left: 0;
            top: 20px;
            width: 50%
        }

        .s-project .anim-line .al-itm {
            font-size: 80px;
            line-height: 100%
        }

        .s-project .anim-line {
            top: 42.3%
        }

        .s-project .sp-img {
            transform: translateY(-14%)
        }

        .s-project .sp-icons {
            padding-bottom: 10px;
            right: 28px
        }

        .s-project .sp-text .spt-items .spt-itm .spt-i-descr {
            font-size: 16px;
            line-height: 23px
        }

        .s-project .sp-text .spt-no {
            font-size: 16px;
            line-height: 23px
        }

        .s-project .sp-text .spt-hdr {
            font-size: 30px;
            line-height: 38px
        }

        .s-project .sp-text {
            left: 30px;
            width: calc(50% - 30px);
            padding-bottom: 10px
        }

            .s-project .sp-text .spt-items .spt-itm {
                margin-right: 40px
            }

                .s-project .sp-text .spt-items .spt-itm .spt-i-descr {
                    margin-bottom: 6px
                }

            .s-project .sp-text .spt-no {
                margin-bottom: 39px
            }

            .s-project .sp-text .spt-hdr {
                margin-bottom: 35px
            }

    footer .ft-top .ftt-left .ftt-logo {
        max-width: 89px;
        top: 3px
    }

    footer .ft-top {
        padding-top: 55px;
        padding-bottom: 53px
    }

        footer .ft-top .ftt-right .ftt-list ul li a {
            font-size: 14px
        }

        footer .ft-top .ftt-right .ftt-list ul li {
            margin-right: 30px
        }

        footer .ft-btm .ftb-right,
        footer .ft-top .ftt-right {
            width: 500px
        }

        footer .ft-btm .ftb-left,
        footer .ft-top .ftt-left {
            width: calc(100% - 500px)
        }

    footer .ft-mid .ftm-mail {
        font-size: 60px;
        line-height: 62px
    }

    footer .ft-mid {
        padding-bottom: 87px
    }

    footer .ft-btm .ftb-itm .ftb-i-descr {
        font-size: 14px;
        line-height: 16px
    }

    footer .ft-btm .ftb-itm .ftb-i-w {
        font-size: 16px;
        line-height: 19px
    }

    footer .ft-btm {
        padding-top: 90px
    }

        footer .ft-btm .ftb-itm .ftb-i-descr {
            margin-bottom: 35px
        }

    .s-faq .sf-left {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 78px
    }

        .s-faq .sf-left .h2 {
            width: calc(100% - 341px)
        }

        .s-faq .sf-left .sfl-block {
            width: 341px;
            position: relative;
            margin-top: 3px
        }

        .s-faq .sf-left .sfl-descr {
            font-size: 24px;
            line-height: 35px;
            margin-bottom: 36px
        }

    .s-faq .sf-right {
        width: 100%;
        padding-top: 0
    }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
            padding-left: 92px
        }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
                font-size: 18px;
                line-height: 35px
            }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
            padding-left: 95px
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover {
            padding-left: 92px
        }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover .sfr-t-num {
                left: 3px
            }

    .s-two-button .stb-button {
        font-size: 24px;
        line-height: 35px;
        height: 142px
    }

    .s-faq .sf-right .sfr-items .sfr-itm:last-child .sfr-content {
        border-bottom: 0 solid #000
    }

    .s-faq .sf-right .sfr-items .sfr-itm:last-child .sfr-top::before {
        display: none
    }

    .s-phone .sp-items .sp-big {
        width: 262px;
        min-width: 262px;
        height: 544px;
        padding-top: 68px
    }

        .s-phone .sp-items .sp-big .spb-logo {
            padding-bottom: 25px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-image img {
            max-width: 100%
        }

        .s-phone .sp-items .sp-big .spb-logo img {
            max-width: 75px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-descr {
            font-size: 14px;
            line-height: 22px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-send {
            font-size: 16px;
            line-height: 23px
        }

        .s-phone .sp-items .sp-big .spb-mid {
            padding-top: 5px
        }

            .s-phone .sp-items .sp-big .spb-mid .spb-descr {
                margin-bottom: 24px
            }

            .s-phone .sp-items .sp-big .spb-mid .spb-mail {
                padding-bottom: 0
            }

            .s-phone .sp-items .sp-big .spb-mid .spb-image {
                padding-bottom: 3px
            }

        .s-phone .sp-items .sp-big .spb-btm .spb-descr {
            font-size: 14px;
            line-height: 22px
        }

        .s-phone .sp-items .sp-big .spb-btm {
            padding-top: 6px
        }

            .s-phone .sp-items .sp-big .spb-btm .spb-descr {
                margin-bottom: 25px
            }

    .s-phone {
        padding-bottom: 172px
    }

    .s-help .sh-items .sh-itm {
        min-height: 522px
    }

    .s-blog .default-top .dt-right {
        padding-top: 20px
    }

    .default-top .dt-right .dt-descr {
        font-size: 18px;
        line-height: 22px
    }

    .default-top .dt-right {
        padding-top: 6px
    }

    .s-help .sh-items .sh-itm:nth-child(even) {
        margin-top: 92px;
        padding-left: 15px
    }

    .s-help .sh-top {
        margin-bottom: 102px
    }

    .s-help {
        padding-bottom: 70px
    }

        .s-help .sh-items .sh-itm .btn-ell {
            left: 15px;
            bottom: 62px
        }

        .s-help .sh-items .sh-itm .shi-hdr {
            font-size: 30px;
            line-height: 35px
        }

        .s-help .sh-items .sh-itm {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 62px
        }

    .h1 {
        font-size: 60px;
        line-height: 90px
    }

    .my-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .s-blog .sb-top {
        margin-bottom: 92px
    }

    .blog-item .bi-photo {
        height: 258px
    }

    .blog-item .bi-text {
        padding-left: 0;
        padding-top: 22px
    }

        .blog-item .bi-text .bi-top {
            margin-bottom: 12px
        }

        .blog-item .bi-text p {
            font-size: 14px;
            line-height: 20px
        }

    .s-blog .sb-items-wrap .sb-left {
        left: 40%
    }

    .s-blog .sb-items-wrap .sb-right {
        width: 60%
    }

    .blog-item.small {
        max-width: 461px
    }

        .blog-item.small .bi-photo {
            width: 51%
        }

        .blog-item.small .bi-text {
            width: 49%
        }

            .blog-item.small .bi-text .bi-top {
                margin-bottom: 18px
            }

        .blog-item.small .bi-photo {
            height: 156px
        }

    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
        margin-bottom: 30px
    }

    .s-blog .sb-items-wrap .sb-right {
        height: 342px
    }

    .s-blog {
        padding-bottom: 144px
    }

    .s-two .st-items .st-itm .sti-top {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 59px
    }

        .s-two .st-items .st-itm .sti-top .sti-t-hdr {
            font-size: 45px;
            line-height: 42px
        }

        .s-two .st-items .st-itm .sti-top .sti-t-logo {
            max-width: 107px
        }

    .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
        width: 148px;
        height: 230px;
        margin-right: 9px
    }

    .s-two .st-items .st-itm {
        height: 518px
    }

        .s-two .st-items .st-itm .sti-p-items {
            left: -57px;
            bottom: 67px
        }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                top: 94px
            }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                padding-top: 20px
            }

    header .hd-left .hdl-logo {
        max-width: 105px
    }

    header .hd-left {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 31px;
        padding-right: 37px;
        width: 39.8%
    }

    header.half-red::before {
        width: 39.8%
    }

    header .hd-left .hd-product-btn {
        font-size: 14px;
        padding-right: 74px
    }

    header .hd-right .hdl-list ul li a {
        font-size: 14px
    }

    header .hd-right {
        width: 60.2%;
        padding-right: 12px;
        padding-top: 15px;
        padding-bottom: 15px
    }

        header .hd-right .hdl-list ul li {
            margin-right: 40px
        }

        header .hd-right .hdr-right-wrap .hdr-eng-wrap span {
            font-size: 14px
        }

            header .hd-right .hdr-right-wrap .hdr-eng-wrap span.active {
                padding-bottom: 1px
            }

        header .hd-right .hdr-right-wrap {
            top: -2px
        }

            header .hd-right .hdr-right-wrap .hdr-search-btn {
                top: 0
            }

            header .hd-right .hdr-right-wrap .hdr-eng-wrap {
                margin-left: 41px
            }

        header .hd-right .hdr-hidden-search .hdr-hs-wrap input {
            font-size: 14px
        }

        header .hd-right .hdr-hidden-search {
            padding-right: 60px
        }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr {
        font-size: 60px;
        line-height: 60px
    }

    .s-work-quality .swq-hdr {
        font-size: 22px;
        line-height: 25px;
        letter-spacing: -.025em;
        margin-bottom: 52px
    }

    .s-work-quality {
        padding-top: 26px;
        padding-bottom: 53px
    }

        .s-work-quality .swq-items .swq-itm:nth-child(2) {
            padding-top: 58px
        }

        .s-work-quality .swq-items::before {
            top: 54%;
            left: 25%;
            width: 48%
        }

        .s-work-quality.anim-over.animated .swq-items::before {
            width: 48%
        }

    .s-products {
        padding-top: 116px
    }

        .s-products .sp-top {
            margin-bottom: 37px
        }

        .s-products .sp-slider .swiper-slide {
            width: 33.33%
        }

            .s-products .sp-slider .swiper-slide .sp-itm .spi-img {
                height: 206px
            }

            .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-hdr {
                font-size: 22px;
                line-height: 28px;
                min-height: 56px
            }

    .product-menu .pm-flex .pm-left {
        width: 39.8%
    }

    .product-menu .pm-flex .pm-right {
        width: 60.2%
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
        font-size: 54px;
        line-height: 50px;
        margin-bottom: 69px
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
        margin-bottom: 30px
    }

    .s-main-banner .smb-image-slider .swiper-pagination {
        right: 12px
    }

    .see-more {
        font-size: 18px;
        line-height: 23px
    }

    header .hd-left p {
        font-size: 9px !important;
        text-align: center;
    }
}

@media only screen and (max-width:1024px) {
    .s-top-slider .sts-cols .sts-col:nth-child(1) {
        padding-top: 60px;
        width: 100%;
        margin-bottom: 50px;
        max-width: 100%
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm {
        padding-bottom: 0;
        max-width: 400px
    }

        .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-blog-itm p {
            max-width: 100%
        }

    .s-top-slider .sts-cols .sts-col:nth-child(2) {
        padding-top: 0;
        width: 100%;
        max-width: 100%
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
        max-width: 400px
    }

    .s-top-slider .sts-cols .sts-col:nth-child(3) {
        position: absolute;
        width: calc(100% - 400px);
        right: 30px
    }

    .s-top-slider .sts-cols .sts-col .sts-content-wrap .sts-content .sts-mid-text {
        padding-bottom: 60px
    }
}

@media only screen and (max-width:992px) {

    .form_content {
        margin-top: 40px;
    }

    .mobil-block {
        display: block;
    }

    .mobil-none {
        display: none;
    }

    .big-btn {
        font-size: 18px;
        line-height: 20px;
        padding-left: 25px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm {
        cursor: pointer
    }

        .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-img {
            max-width: 220px
        }

    .s-awards-page .sap-items .sap-itm {
        flex-wrap: wrap;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }

    .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
        font-size: 30px
    }

    .s-awards-page .sap-btm .sap-b-flex {
        flex-wrap: wrap
    }

        .s-awards-page .sap-btm .sap-b-flex .sap-b-logo {
            width: 100%;
            top: 0;
            order: -1;
            margin-bottom: 30px
        }

    .s-awards-page .sap-btm {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .s-awards-page .sap-items .sap-itm .sap-photo {
        width: 100%;
        padding-right: 0
    }

        .s-awards-page .sap-items .sap-itm .sap-photo img {
            margin-left: auto;
            margin-right: auto
        }

    .s-awards-page .sap-items .sap-itm .sap-text {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

        .s-awards-page .sap-items .sap-itm .sap-text .sap-text-wrap {
            max-width: 600px;
            margin-left: 0;
            margin-right: auto
        }

    .s-awards-page .sap-items .sap-itm.reverse .sap-text .sap-t-date {
        right: auto;
        left: 0;
        position: relative;
        top: 0;
        transform: none
    }

    .s-awards-page .sap-items .sap-itm .sap-text {
        display: block
    }

    .s-awards-page .sap-items .sap-itm.reverse .sap-text {
        order: 1
    }

    .s-awards-page .sap-items .sap-itm.reverse .sap-photo {
        padding-left: 0
    }

    .s-awards-page .sap-items {
        padding-left: 0
    }

        .s-awards-page .sap-items .sap-itm .sap-text .sap-t-date {
            transform: none;
            position: relative;
            left: 0;
            top: 0;
            padding: 0;
            text-align: left;
            margin-bottom: 30px
        }

        .s-awards-page .sap-items::before {
            display: none
        }

        .s-awards-page .sap-items .sap-i-top {
            position: relative;
            left: 0;
            text-align: center;
            padding: 45px 15px;
            margin-bottom: 0
        }

    .s-half .sh-left {
        width: 100%;
        margin-bottom: 50px
    }

    .s-text .st-status {
        margin-bottom: 25px
    }

    .s-half .sh-right {
        width: 100%
    }

    .s-text p {
        font-size: 30px;
        line-height: 40px
    }

    .s-half .sh-right p {
        font-size: 24px;
        line-height: 30px
    }

    .s-contact-info .sci-top .sci-t-mail {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .s-contact-info .sci-btm .sci-b-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 62px
    }

    .s-contact-info .sci-btm .sci-b-right {
        width: 100%
    }

    .sci-choose-wrap .sci-ch-btn-wrap {
        width: 100%
    }

        .sci-choose-wrap .sci-ch-btn-wrap::after {
            right: auto;
            left: 0;
            top: auto;
            bottom: 0;
            width: 100%;
            height: 1px
        }

        .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn {
            padding-top: 40px;
            padding-bottom: 40px
        }

    .sci-choose-wrap {
        flex-wrap: wrap
    }

        .sci-choose-wrap .sci-ch-search {
            width: 100%
        }

            .sci-choose-wrap .sci-ch-search input {
                padding-top: 40px;
                padding-bottom: 40px;
                padding-left: 60px;
                padding-right: 60px
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-search-icn {
                left: 15px
            }

            .sci-choose-wrap .sci-ch-search .sci-ch-clear {
                right: 15px
            }

    .s-result .sr-items .sr-itm .sri-rows .sri-row:nth-child(1) {
        display: none
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row {
        flex-wrap: wrap
    }

        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(1),
        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(2),
        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(3),
        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(4),
        .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col:nth-child(5) {
            width: 100%
        }

        .s-result .sr-items .sr-itm .sri-rows .sri-row:not(:first-child) .sri-col {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 35px
        }

            .s-result .sr-items .sr-itm .sri-rows .sri-row:not(:first-child) .sri-col:last-child {
                margin-bottom: 0
            }

    .s-result .sr-items .sr-itm .sri-word {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        padding-bottom: 25px;
        margin-bottom: 35px
    }

        .s-result .sr-items .sr-itm .sri-word::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 1px;
            background: rgba(75, 75, 77, .3);
            transition: all 1s ease
        }

        .s-result .sr-items .sr-itm .sri-word.toggleClass.animated::before {
            width: 100%
        }

    .s-result .sr-items .sr-itm .sri-rows .sri-row .sri-col .sri-c-hdr {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 36px
    }

    .s-result .sr-items .sr-itm .sri-rows .sri-row {
        padding-bottom: 36px;
        margin-bottom: 32px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(even) {
        margin-left: 0
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm:nth-child(odd) {
        margin-right: 0
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm {
        width: 100%;
        margin-bottom: 395px;
        position: relative
    }

        .s-catalog-dw .scd-content .scd-items .scd-itm:last-child {
            margin-bottom: 0
        }

    .s-catalog-dw .s-breadcrumbs {
        padding-left: 0
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
        position: absolute;
        width: 290px;
        height: 389px;
        min-height: 1px;
        right: 21px;
        top: -330px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text {
        width: 100%;
        padding-bottom: 36px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 57px
    }

        .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top {
            margin-bottom: 66px
        }

    .s-news-detail .snd-text {
        width: 50%
    }

    .s-news-detail .snd-image {
        width: 50%;
        min-height: 400px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm {
        cursor: pointer
    }

    .s-related-news .srn-slider .swiper-slide .blog-item.small {
        cursor: pointer
    }

    .s-top-slider.sts-blog-page .sts-hidden-slider .def-pag {
        display: block
    }

    .s-models .sm-items .sas-itm .sas-img {
        height: 360px
    }

    .s-models .sm-items .sas-itm {
        width: 50%
    }

    .s-welders .sw-filters {
        display: none
    }

    .s-welders .sw-mobile-slider {
        display: block
    }

    .s-welders {
        padding-bottom: 60px
    }

    .s-top-slider .sts-cols {
        display: none
    }

    .s-top-slider .sts-hidden-slider {
        display: block
    }

    .s-top-slider {
        padding-top: 110px;
        padding-bottom: 13px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide {
        width: 50%
    }

        .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-img {
            height: 360px
        }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
        width: 327px;
        height: 265px
    }

    .s-advantages .sa-items .sa-itm {
        margin-top: -60px
    }

    .s-advantages .sa-center {
        margin-bottom: 60px
    }

        .s-advantages .sa-center::before {
            top: 50px
        }

        .s-advantages .sa-center.toggleClass.animated::before {
            height: 120px
        }

    .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
        height: 120px;
        top: 66%
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-text {
        left: -3px
    }

    .s-advantages .sa-items .sa-itm.reverse .sa-flex .sai-text {
        right: -3px
    }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
        font-size: 60px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-img {
        height: 440px
    }

    .s-features .sf-slider .swiper-slide {
        width: 500px;
        height: 380px
    }

    .s-features .sf-text {
        padding-right: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .s-features .sf-feat {
        width: 100%;
        padding-top: 0;
        text-align: left
    }

        .s-features .sf-feat .sff-tags {
            justify-content: flex-start;
            max-width: 100%
        }

            .s-features .sf-feat .sff-tags .tag-btn {
                margin-left: 0;
                margin-right: 15px
            }

    .s-tech .st-top {
        margin-bottom: 30px
    }

    .s-tech .st-left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }

        .s-tech .st-left img {
            margin-left: auto;
            margin-right: auto
        }

    .s-tech .st-right {
        width: 100%
    }

    .s-project {
        height: 700px
    }

    .flow-play {
        cursor: pointer
    }

    .flow-drag {
        cursor: default
    }

    header.animated .hd-right .hdr-right-wrap .hdr-eng-wrap {
        transition-delay: .6s
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
        transition-delay: .8s
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
        transition-delay: .8s
    }

    .product-menu {
        display: none
    }

    header .hd-right .hdr-hidden-search {
        display: none
    }

    header .hd-right .hdr-mobile-burger {
        display: flex
    }

    header .hd-right .hdl-list {
        display: none
    }

    header .hd-right .hdr-right-wrap .hdr-search-btn {
        display: none
    }

    header .hd-right .hdr-right-wrap .hdr-eng-wrap {
        margin-left: 0
    }

        header .hd-right .hdr-right-wrap .hdr-eng-wrap span.active {
            padding-bottom: 0;
            border-bottom: 0 solid #000
        }

    header .hd-right {
        padding-right: 15px;
        padding-left: 14px;
        width: 50%
    }

    header .hd-left {
        width: 50%
    }

    header.half-red::before {
        width: 50%
    }

    header .hd-left .hd-product-btn {
        display: none
    }

    .s-work-quality .swq-items::before {
        left: 30%;
        width: 45%
    }

    .s-work-quality.anim-over.animated .swq-items::before {
        width: 45%
    }

    .s-phone .sp-items .sp-big {
        margin-bottom: 31px
    }

    .s-phone .sp-items .sp-small:nth-child(4) {
        display: none
    }

    .s-phone .sp-items .sp-small:nth-child(5) {
        display: none
    }

    .s-phone .sp-items .sp-big {
        order: 1;
        margin-left: auto;
        margin-right: auto
    }

    .s-phone .sp-items .sp-small {
        max-width: 150px
    }

    .s-phone .sp-items .my-container.flex {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: wrap
    }

    .s-phone .sp-items .sp-small {
        margin-left: 0;
        margin-right: 0
    }

        .s-phone .sp-items .sp-small:nth-child(1) {
            order: 2
        }

        .s-phone .sp-items .sp-small:nth-child(2) {
            order: 2
        }
}

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

    [btn_group] button {
        background: #ffff;
        padding: 0px 15px !important;
        border-width: 0px;
        cursor: pointer;
        opacity: .7;
        transition: opacity 0.5s linear;
    }

    [btn_group] button i {
        font-size: 19px !important;
        background: #ec5900;
        padding: 6px 13px !important;
        border-radius: 55px;
        color: white;
        margin-top: 0px !important;
    }
    
    .panel-yazi {
        display: block;
        color: #2d2d2d;
        font-size: 14px !important;
        line-height: 26px !important;
        font-weight: 400;
        letter-spacing: -0.015em;
        padding-top: 2% !important;
    }
    

    .s-two .st-items .st-itm .btn-ell {
        left: 15px;
        bottom: 20px
    }

    .s-awards-page .sap-items .sap-itm .sap-text {
        padding-bottom: 0
    }

    .s-awards-page .sap-btm .sap-b-flex .sap-b-descr {
        font-size: 24px
    }

    .s-awards-page .sap-btm {
        padding-top: 45px;
        padding-bottom: 45px
    }

        .s-awards-page .sap-btm .sap-b-flex .sap-b-logo img {
            max-width: 150px
        }

    .s-awards-page .s-features .sf-slider {
        padding-top: 0
    }

    .s-awards-page .s-features {
        padding-bottom: 0
    }

    .s-filter {
        min-height: 1px
    }

    .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item {
        width: calc(50% - 10px)
    }

    header .hd-right .hdr-right-wrap .hdr-eng-wrap span {
        transform: translateY(100%)
    }

    .anim-over {
        padding: 0
    }

    .s-work-quality.anim-over {
        padding-top: 26px;
        padding-bottom: 53px
    }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr .swq-over {
        padding: 0;
        padding-right: 3px;
        padding-left: 3px
    }

    .s-main-banner {
        height: 80vh
    }

        .s-main-banner .smb-tb-slider .swiper-slide {
            height: 80vh
        }

    .big-btn {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -.025em;
        padding-left: 27px;
        padding-right: 15px;
        padding-top: 19px;
        padding-bottom: 19px;
        border: 1px solid #4b4b4d
    }

        .big-btn span svg {
            max-width: 13px;
            top: -6px
        }

        .big-btn span {
            padding-right: 21px
        }

    .btn-share {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -.05em;
        padding-right: 20px
    }

        .btn-share::after,
        .btn-share::before {
            top: 3px
        }

    .btn-top {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -.05em;
        padding-top: 12px
    }

    .see-more {
        font-size: 14px;
        line-height: 16px
    }

    .tag-btn {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -.025em;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 19px;
        padding-right: 19px
    }

    .s-line-sliders.padding-btm {
        padding-bottom: 119px
    }

    .s-panel {
        height: 242px;
        transform: none
    }

    .s-text .st-status {
        font-size: 14px;
        line-height: 22px
    }

    .s-text p {
        font-size: 28px;
        line-height: 29px;
        letter-spacing: -.03em
    }

    .s-text {
        padding-top: 71px;
        padding-bottom: 66px
    }

    .s-half .sh-right p {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: -.03em
    }

    .s-half .sh-left {
        margin-bottom: 43px
    }

    .s-half {
        padding-top: 69px;
        padding-bottom: 64px
    }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-img {
        max-width: 160px
    }

    .default-popup.dp-download .dp-content .dpw-hdr {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -.03em;
        margin-bottom: 32px
    }

    .default-popup.dp-download .dp-content .dpw-items .dpw-itm {
        padding-top: 32px;
        padding-bottom: 34px;
        flex-wrap: wrap
    }

        .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left {
            width: 100%;
            margin-bottom: 28px;
            padding-right: 0
        }

            .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-mb {
                min-width: 60px;
                text-align: right
            }

            .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-name {
                width: calc(100% - 60px)
            }

        .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-right {
            width: 100%
        }

    .default-popup.dp-download .dp-content {
        padding-top: 27px;
        padding-bottom: 27px
    }

        .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-mb,
        .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-left .dpw-name,
        .default-popup.dp-download .dp-content .dpw-items .dpw-itm .dpw-right .dpw-red {
            font-size: 14px;
            line-height: 20px
        }

    .def-pag .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin-left: 8px;
        margin-right: 8px
    }

    .def-select .item,
    .def-select .selectize-dropdown,
    .def-select .selectize-input,
    .def-select .selectize-input input {
        font-size: 10px;
        line-height: 14px
    }

    .def-select.ds-brs .selectize-input {
        padding-top: 7.5px;
        padding-bottom: 9.5px;
        padding-left: 15px;
        padding-right: 25px
    }

    .s-blog-page .sbp-top .sbp-filters .def-select.ds-brs {
        max-width: 165px;
        margin-right: 15px
    }

    .def-select.ds-brs .selectize-control.single .selectize-input:after {
        right: 15px;
        top: 12px;
        font-size: 10px;
        line-height: 12px
    }

    .def-select.ds-brs .selectize-dropdown .create,
    .def-select.ds-brs .selectize-dropdown .no-results,
    .def-select.ds-brs .selectize-dropdown .optgroup-header,
    .def-select.ds-brs .selectize-dropdown .option {
        font-size: 10px;
        line-height: 14px;
        padding-top: 7.5px;
        padding-bottom: 9.5px;
        padding-left: 15px;
        padding-right: 15px
    }

    .default-popup .dp-content .dpc-hdr {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 31px
    }

    .def-inp input,
    .def-inp textarea {
        font-size: 16px;
        line-height: 22px;
        padding-top: 19px;
        padding-bottom: 19px
    }

    .def-inp textarea {
        height: 110px;
        border-radius: 40px
    }

    .def-file .df-descr {
        font-size: 16px;
        line-height: 22px;
        padding-left: 35px;
        margin-right: 0;
        width: 100%
    }

        .def-file .df-descr::before {
            transform: scale(.9)
        }

    .default-popup .dp-content .def-file {
        padding-left: 32px;
        margin-bottom: 23px;
        flex-wrap: wrap
    }

    .default-popup .dp-content .def-inp {
        margin-bottom: 8px
    }

    .default-popup .dp-content .my-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .def-file .df-items .df-itm .dfi-descr {
        font-size: 16px;
        line-height: 22px
    }

    .def-file .df-items .df-itm {
        margin-right: 25px;
        margin-bottom: 10px
    }

    .def-file .df-items {
        width: 100%;
        padding-top: 15px
    }

    .default-popup .dp-content {
        padding-top: 84px
    }

        .default-popup .dp-content .dp-btn-wrap .btn-ell.black {
            padding-top: 21px;
            padding-bottom: 21px;
            padding-left: 29px;
            width: 100%;
            padding-right: 15px;
            text-align: left
        }

            .default-popup .dp-content .dp-btn-wrap .btn-ell.black .be-arr {
                right: 21px;
                transform: scale(.8) translateY(-53%)
            }

        .default-popup .dp-content .dp-btn-wrap .dp-bw-descr {
            width: 100%;
            padding-left: 0;
            font-size: 12px;
            line-height: 15px;
            padding-top: 35px;
            color: rgba(34, 37, 42, .3)
        }

        .default-popup .dp-content .dp-btn-wrap {
            flex-wrap: wrap
        }

    .s-second-banner {
        padding-top: 95px;
        padding-bottom: 46px
    }

        .s-second-banner .h2 {
            font-size: 30px;
            line-height: 60px;
            letter-spacing: -.03em
        }

        .s-second-banner .s-breadcrumbs {
            margin-bottom: 220px
        }

        .s-second-banner::before {
            background-size: contain;
            width: 640px;
            height: 320px;
            background-repeat: no-repeat
        }

    .s-contact-info .sci-top .sci-t-top {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 21px
    }

    .s-contact-info .sci-top .sci-t-mail {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -.03em;
        margin-bottom: 33px
    }

    .s-contact-info .sci-top {
        padding-top: 61px;
        padding-bottom: 0
    }

    .s-contact-info .sci-btm .sci-b-left .sci-bl-descr {
        font-size: 16px;
        line-height: 22px
    }

    .s-contact-info .sci-btm {
        padding-top: 63px;
        padding-bottom: 65px
    }

        .s-contact-info .sci-btm .sci-b-left .sci-bl-hdr {
            font-size: 40px;
            line-height: 40px;
            letter-spacing: -.03em
        }

        .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-descr {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 24px
        }

        .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-big {
            font-size: 28px;
            line-height: 29px
        }

        .s-contact-info .sci-btm .sci-b-left {
            margin-bottom: 49px
        }

        .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm {
            margin-bottom: 53px
        }

            .s-contact-info .sci-btm .sci-b-right .sci-br-items .sci-br-itm .sci-br-time {
                font-size: 16px;
                line-height: 22px
            }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.05em;
        padding-top: 18px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .sci-choose-wrap .sci-ch-search input {
        font-size: 16px;
        line-height: 20px;
        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 40px;
        padding-right: 40px
    }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden {
        max-height: 512px;
        position: relative;
        transform: none;
        padding-bottom: 62px
    }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-close-btn {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease
    }

    .sci-choose-wrap .sci-ch-btn-wrap::after {
        bottom: auto;
        top: 0
    }

    .sci-choose-wrap::after {
        display: none
    }

    .sci-choose-wrap .sci-ch-search {
        position: relative
    }

        .sci-choose-wrap .sci-ch-search.toggleClass.animated::after {
            width: 100%
        }

        .sci-choose-wrap .sci-ch-search::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 1px;
            background: #000;
            transition: all 1s ease
        }

    .sci-choose-wrap .sci-ch-btn-wrap.active .sci-close-btn {
        opacity: 1;
        visibility: visible
    }

    .sci-choose-wrap .sci-ch-search .sci-ch-search-icn {
        width: 16px;
        height: 16px;
        margin-top: -8px
    }

        .sci-choose-wrap .sci-ch-search .sci-ch-search-icn::after,
        .sci-choose-wrap .sci-ch-search .sci-ch-search-icn::before {
            background-size: contain
        }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn {
        transition: all .5s ease;
        border-bottom: 1px solid transparent
    }

        .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-btn.active {
            border-bottom: 1px solid #000
        }

    .sci-choose-wrap .sci-ch-btn-wrap .sci-ch-hidden .sci-ch-h-itm {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.05em;
        padding-top: 17px;
        padding-bottom: 17px
    }

    .sci-choose-wrap .sci-ch-search .sci-ch-clear {
        width: 16px;
        height: 15px;
        margin-top: -7.5px
    }

        .sci-choose-wrap .sci-ch-search .sci-ch-clear::after,
        .sci-choose-wrap .sci-ch-search .sci-ch-clear::before {
            background-size: contain
        }

    .s-result .sr-items .sr-itm .sri-word {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -.05em
    }

        .s-result .sr-items .sr-itm .sri-word span {
            font-size: 14px;
            line-height: 22px;
            top: 0
        }

    .s-result {
        padding-top: 109px
    }

        .s-result .sr-items .sr-itm .sri-word {
            padding-bottom: 34px
        }

        .s-result .sr-items .sr-itm {
            margin-bottom: 116px
        }

    .s-map {
        height: 812px
    }

    .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
        width: 213px;
        height: 306px
    }

    .s-catalog-dw {
        padding-top: 95px;
        overflow: hidden
    }

        .s-catalog-dw .scd-content .h2 {
            font-size: 30px;
            line-height: 30px;
            letter-spacing: -.03em;
            margin-bottom: 279px
        }

        .s-catalog-dw .s-breadcrumbs {
            margin-bottom: 45px
        }

        .s-catalog-dw .scd-content .scd-items {
            position: relative;
            left: -15px;
            width: calc(100% + 30px)
        }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-mb {
                font-size: 16px;
                line-height: 19px;
                letter-spacing: -.025em
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-top .scd-t-hdr {
                font-size: 28px;
                line-height: 29px;
                letter-spacing: -.03em
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-image {
                top: -245px
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm .scd-text .scd-t-btm p {
                font-size: 16px;
                line-height: 19px;
                letter-spacing: -.025em
            }

            .s-catalog-dw .scd-content .scd-items .scd-itm {
                margin-bottom: 285px
            }

    .s-catalog-dw {
        padding-bottom: 0
    }

    .s-related-news .srn-slider {
        position: relative
    }

        .s-related-news .srn-slider .swiper-container {
            padding-bottom: 39px
        }

    .s-related-news {
        padding-bottom: 53px
    }

        .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-text {
            padding-left: 14px;
            padding-right: 14px
        }

        .s-related-news .srn-top .dt-left .btn-long {
            display: none
        }

        .s-related-news .srn-top .dt-right {
            position: relative
        }

            .s-related-news .srn-top .dt-right .btn-long {
                display: block;
                position: absolute;
                right: 0;
                bottom: 0
            }

        .s-related-news .srn-top {
            margin-bottom: 36px
        }

        .s-related-news .srn-slider .swiper-slide .blog-item.small .bi-photo {
            height: 217px
        }

    .s-news-text .my-container .snt-i-hdr,
    .s-news-text .my-container h2 {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.05em;
        margin-bottom: 27px
    }

    .s-news-text .my-container p,
    .s-news-text .my-container > ol li,
    .s-news-text .my-container > ul li {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -.03em;
        margin-bottom: 20px
    }

    .s-news-text {
        padding-top: 61px
    }

    .s-news-text {
        margin-bottom: 64px
    }

        .s-news-text .my-container .snt-awards .snt-aw .snt-aw-img {
            position: relative;
            left: 0;
            top: 0;
            max-width: 119px;
            margin-bottom: 32px
        }

        .s-news-text .my-container .snt-awards .snt-aw {
            padding-left: 15px;
            padding-top: 16px;
            padding-right: 15px
        }

            .s-news-text .my-container .snt-awards .snt-aw .snt-aw-hdr {
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -.05em;
                margin-bottom: 28px
            }

            .s-news-text .my-container .snt-awards .snt-aw p {
                font-size: 14px;
                line-height: 20px;
                letter-spacing: -.03em
            }

        .s-news-text .my-container .snt-awards .snt-aw {
            padding-bottom: 34px;
            margin-bottom: 16px
        }

        .s-news-text .my-container .snt-awards {
            margin-bottom: 64px
        }

        .s-news-text .my-container .snt-image-wrap .snt-img {
            margin-bottom: 15px
        }

            .s-news-text .my-container .snt-image-wrap .snt-img.snt-video::before {
                width: 80px;
                height: 80px
            }

            .s-news-text .my-container .snt-image-wrap .snt-img.snt-video::after {
                transform: translate(-50%, -50%) scale(.5)
            }

        .s-news-text .my-container .snt-i-half-hdr,
        .s-news-text .my-container h3 {
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -.05em
        }

        .s-news-text .my-container .snt-image-wrap {
            margin-bottom: 63px
        }

        .s-news-text:last-child {
            margin-bottom: 33px
        }

        .s-news-text .snt-btm {
            padding-top: 29px
        }

    .s-news-detail .snd-text {
        width: 100%;
        order: 2;
        padding-top: 3px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 35px
    }

        .s-news-detail .snd-text .snd-theme {
            margin-bottom: 30px
        }

        .s-news-detail .snd-text .snd-hdr {
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -.05em;
            max-width: 100%;
            margin-bottom: 28px
        }

        .s-news-detail .snd-text p {
            line-height: 20px;
            letter-spacing: -.03em;
            max-width: 100%
        }

    .s-news-detail .snd-image {
        width: 100%;
        order: 1;
        min-height: 340px
    }

    .s-news-detail {
        padding-top: 60px
    }

        .s-news-detail .my-container.flex {
            padding-top: 104px
        }

        .s-news-detail .back {
            left: 15px;
            top: 29px
        }

    .s-blog-page {
        padding-top: 55px;
        padding-bottom: 48px
    }

        .s-blog-page .sbp-top .h2 {
            margin-bottom: 31px
        }

        .s-blog-page .sbp-top {
            margin-bottom: 40px
        }

        .s-blog-page .s-blog {
            margin-bottom: 47px
        }

    .s-models .sm-btn-wrap {
        padding-top: 69px
    }

    .s-models {
        padding-bottom: 69px
    }

        .s-models .sm-items .sas-itm {
            width: 100%;
            border: 1px solid #ddd;
            margin-bottom: 15px
        }

            .s-models .sm-items .sas-itm:last-child {
                margin-bottom: 0
            }

        .s-models .sm-items::after {
            display: none
        }

        .s-models .sm-items {
            padding-left: 15px;
            padding-right: 15px
        }

            .s-models .sm-items .sas-itm .sas-borders {
                display: none
            }

    .s-filter .sf-block .sfb-flex .sfb-itm {
        max-width: 343px;
        margin-right: 0;
        width: 100%;
        margin-bottom: 64px
    }

        .s-filter .sf-block .sfb-flex .sfb-itm:last-child {
            margin-bottom: 0
        }

    .s-filter .sf-block {
        padding-top: 40px;
        padding-bottom: 40px;
        display: none
    }

    .s-filter .sf-mobile-btn {
        display: block
    }

    .s-filter {
        border-bottom: 1px solid #6f6f6d;
        border-top: 1px solid #6f6f6d;
        padding-top: 27px;
        padding-bottom: 27px
    }

        .s-filter .sf-block .sfb-flex .sfb-itm .def-select {
            max-width: 343px
        }

        .s-filter .sf-block .sfb-flex {
            max-width: 350px
        }

        .s-filter .sf-block .sfb-sort .sfb-s-hdr,
        .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm {
            font-size: 20px;
            line-height: 23px
        }

        .s-filter .sf-block .sfb-sort {
            position: relative;
            margin-bottom: 56px
        }

            .s-filter .sf-block .sfb-sort .sfb-s-hdr {
                margin-right: 60px
            }

            .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm {
                margin-right: 60px
            }

        .s-filter .sf-block .sfb-nav .sfb-n-hdr {
            font-size: 24px;
            line-height: 28px;
            letter-spacing: -.025em
        }

        .s-filter .sf-block .sfb-nav .sfb-n-slider .swiper-slide .sfb-ns-itm {
            font-size: 15px;
            line-height: 17px;
            letter-spacing: -.025em
        }

        .s-filter .sf-block .sfb-nav {
            margin-bottom: 63px
        }

        .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons {
            max-width: 343px;
            width: 100%
        }

            .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons .rb-wrap .container {
                padding-left: 52px;
                margin-right: 88px
            }

                .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons .rb-wrap .container:last-child {
                    margin-right: 0
                }

            .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons .rb-wrap .checkmark {
                width: 40px;
                height: 40px;
                top: -11px
            }

                .s-filter .sf-block .sfb-flex .sfb-itm.sfb-radio-buttons .rb-wrap .checkmark::after {
                    width: 21px;
                    height: 21px;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%)
                }

    .s-welders .sw-fl .swf-text .swf-descr {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.05em
    }

    .s-welders {
        padding-top: 55px
    }

        .s-welders .sw-top {
            margin-bottom: 48px
        }

        .s-welders .sw-mobile-slider .swiper-slide:nth-child(1) .sw-fl .swf-img {
            max-width: 45px;
            margin-left: auto;
            margin-right: auto
        }

        .s-welders .sw-mobile-slider .swiper-slide .sw-fl .swf-img {
            max-width: 189px;
            margin: 0 auto;
            margin-bottom: 34px
        }

        .s-welders .sw-fl {
            padding-top: 47px
        }

    .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-img {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto
    }

    .s-top-slider {
        padding-top: 94px;
        padding-bottom: 24px
    }

        .s-top-slider .s-breadcrumbs {
            margin-bottom: 45px
        }

        .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-img {
            margin-bottom: 6px
        }

        .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .btn-long.border-top {
            max-width: 345px;
            width: 100%;
            display: block;
            padding-top: 12px
        }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .btn-long.border-top::before {
                display: block
            }

            .s-top-slider .sts-hidden-slider .swiper-slide .sts-hs-itm .sts-hs-text .btn-long.border-top::after {
                top: 10px
            }

        .s-top-slider .sts-hidden-slider .default-arrows {
            bottom: 110px
        }

    .s-high .anim-line .al-itm .sh-itm {
        margin-right: 15px
    }

        .s-high .anim-line .al-itm .sh-itm .shi-descr {
            margin-right: 15px
        }

    .s-high .sh-top .sht-descr {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.05em
    }

    .s-high {
        padding-top: 63px
    }

    .s-access.sa-related-products {
        padding-top: 164px
    }

        .s-access.sa-related-products .srp-top .dt-left .btn-long {
            display: none
        }

        .s-access.sa-related-products .srp-top .dt-right .btn-long {
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 0
        }

        .s-access.sa-related-products .srp-top .dt-right {
            position: relative
        }

    .s-advantages .sa-items .sa-itm {
        padding-left: 15px;
        padding-right: 15px
    }

        .s-advantages .sa-items .sa-itm .sa-flex .sai-text {
            position: relative;
            left: 0;
            top: 0;
            transform: none;
            margin-bottom: 27px
        }

    .s-advantages .sa-center .sac-hdr {
        font-size: 16px;
        line-height: 19px
    }

    .s-access.sa-related-products .srp-top {
        margin-bottom: 36px
    }

    .s-advantages .sa-center {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 60px
    }

    .s-advantages {
        padding-top: 59px
    }

        .s-advantages .sa-center.toggleClass.animated::before {
            height: 34px;
            left: 14px;
            top: 31px
        }

        .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
            left: 14px;
            height: 297px;
            top: 51px
        }

        .s-advantages .sa-items .sa-itm::before {
            top: 51px;
            left: 14px
        }

        .s-advantages .sa-center::before {
            left: 14px;
            top: 31px
        }

        .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-descr {
            font-size: 10px;
            line-height: 12px;
            margin-bottom: 5px
        }

        .s-advantages .sa-items .sa-itm .sa-flex .sai-text .sai-t-hdr {
            font-size: 16px;
            line-height: 22px
        }

        .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
            margin-left: 9px;
            margin-right: auto
        }

        .s-advantages .sa-items .sa-itm {
            margin-top: 0;
            margin-bottom: 30px
        }

            .s-advantages .sa-items .sa-itm.reverse {
                padding-right: 15px;
                padding-left: 15px
            }

                .s-advantages .sa-items .sa-itm.reverse .sa-flex .sai-text {
                    right: auto;
                    left: 0;
                    text-align: left
                }

                .s-advantages .sa-items .sa-itm.reverse .sa-flex .sai-photo {
                    margin-left: 9px
                }

            .s-advantages .sa-items .sa-itm:last-child::before {
                display: block
            }

    .s-advantages {
        padding-bottom: 59px
    }

    .s-line-sliders .sls-slider .swiper-slide .sls-itm .sls-i-descr {
        font-size: 41px;
        line-height: 49px;
        letter-spacing: -.03em;
        margin-right: 10px
    }

    .s-line-sliders {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .s-features .sf-slider .swiper-slide {
        width: 490px;
        height: 318px
    }

    .s-features .sf-slider .def-pag {
        display: block;
        bottom: 0
    }

    .s-features .sf-slider .swiper-container {
        padding-bottom: 51px
    }

    .s-features .sf-text .sft-hdr {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.05em;
        margin-bottom: 28px
    }

    .s-features .sf-feat .sff-hdr {
        margin-bottom: 12px
    }

    .s-features .sf-text .sft-hidden p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -.03em
    }

    .s-features .sf-text {
        margin-bottom: 111px
    }

    .s-features {
        padding-top: 78px;
        padding-bottom: 62px
    }

        .s-features .sf-text .sft-hidden .see-more {
            bottom: 0
        }

        .s-features .sf-feat .sff-hdr {
            font-size: 16px;
            line-height: 19px
        }

        .s-features .sf-feat .sff-tags .tag-btn {
            margin-right: 10px;
            margin-bottom: 16px
        }

    .s-tech {
        padding-top: 57px;
        padding-bottom: 66px
    }

        .s-tech .st-right .str-btm .str-b-left {
            width: calc(50% - 15px);
            margin-right: 15px
        }

        .s-tech .st-right .str-btm .str-b-right {
            width: calc(50% - 15px);
            margin-left: 15px
        }

        .s-tech .st-top {
            margin-bottom: 34px
        }

            .s-tech .st-top .stl-hdr {
                font-size: 30px;
                line-height: 36px;
                letter-spacing: -.03em
            }

        .s-tech .st-right .str-row {
            flex-wrap: wrap
        }

            .s-tech .st-right .str-row .str-itm {
                width: 100%;
                margin-bottom: 27px
            }

                .s-tech .st-right .str-row .str-itm:nth-child(1) {
                    margin-right: 0
                }

                .s-tech .st-right .str-row .str-itm:nth-child(2) {
                    margin-left: 0
                }

                .s-tech .st-right .str-row .str-itm .str-i-descr {
                    font-size: 16px;
                    line-height: 20px;
                    letter-spacing: -.025em;
                    margin-bottom: 7px
                }

                    .s-tech .st-right .str-row .str-itm .str-i-descr:nth-child(2) {
                        font-size: 16px;
                        line-height: 20px;
                        letter-spacing: -.025em
                    }

        .s-tech .st-left {
            margin-bottom: 35px
        }

    .s-breadcrumbs ul li {
        margin-bottom: 4px;
        margin-right: 17px
    }

        .s-breadcrumbs ul li::after {
            right: -11px
        }

        .s-breadcrumbs ul li a,
        .s-breadcrumbs ul li span {
            letter-spacing: -.05em
        }

    .s-project {
        background: linear-gradient(0deg, #000 64%, #ec5900 36%)
    }

        .s-project .sp-text {
            position: relative;
            left: 0;
            width: 100%;
            padding-bottom: 0;
            margin-top: -5px;
            padding-right: 0
        }

        .s-project .sp-icons {
            display: none
        }

        .s-project .anim-line .al-itm {
            font-size: 55px;
            line-height: 100%
        }

        .s-project .anim-line {
            top: 185px
        }

        .s-project .sp-text .spt-no {
            font-size: 16px;
            line-height: 16px;
            letter-spacing: -.05em;
            margin-bottom: 30px
        }

        .s-project .sp-text .spt-items .spt-itm .spt-i-descr {
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -.05em;
            margin-bottom: 3px
        }

        .s-project .sp-text .spt-items .spt-itm {
            width: 50%;
            margin-right: 0;
            margin-bottom: 27px
        }

            .s-project .sp-text .spt-items .spt-itm:nth-child(odd) {
                padding-right: 15px
            }

            .s-project .sp-text .spt-items .spt-itm:nth-child(even) {
                padding-left: 15px
            }

        .s-project .sp-text .spt-hdr {
            margin-bottom: 25px
        }

        .s-project .sp-img {
            max-width: 100%;
            width: 100%;
            transform: none;
            margin-top: -10px;
            margin-bottom: 0
        }

            .s-project .sp-img img {
                max-width: 324px;
                margin-left: auto;
                margin-right: auto
            }

        .s-project .s-breadcrumbs {
            position: relative;
            top: 0;
            width: 100%
        }

            .s-project .s-breadcrumbs .my-container {
                padding: 0
            }

            .s-project .s-breadcrumbs li::after {
                color: rgba(247, 246, 244, .4)
            }

            .s-project .s-breadcrumbs li a {
                color: rgba(247, 246, 244, .4)
            }

                .s-project .s-breadcrumbs li a:hover {
                    color: #fff
                }

            .s-project .s-breadcrumbs li span {
                color: rgba(247, 246, 244, .7)
            }

                .s-project .s-breadcrumbs li span:hover {
                    color: rgba(247, 246, 244, .7)
                }

        .s-project .my-container.flex {
            justify-content: flex-start;
            align-items: flex-start
        }

    .s-project {
        height: auto;
        padding-top: 95px
    }

    .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
        position: relative
    }

    .h2 {
        font-size: 33px !important;
        line-height: 45px !important;
    }

        .h2 br {
            display: none
        }

    .btn-ell {
        font-size: 12px;
        line-height: 12px;
        padding-left: 21px;
        padding-bottom: 16px;
        padding-top: 16px;
        padding-right: 21px;
        letter-spacing: -.02em
    }

        .btn-ell .be-arr {
            margin-left: 5px;
            font-size: 19px;
            top: 0;
            line-height: 10px
        }

    .default-top .dt-left .h2 {
        margin-bottom: 0
    }

    .s-main-banner.animated .smb-image-slider .smb-arrows {
        transform: translateX(0) translate3d(0, 0, 0)
    }

    footer .ft-top .ftt-left {
        width: 100%
    }

    footer .ft-top .ftt-right {
        display: none
    }

    footer .ft-top .ftt-left .ftt-logo {
        max-width: 77px;
        top: 0
    }

    footer .ft-top {
        padding-top: 60px;
        padding-bottom: 47px
    }

    footer .ft-mid {
        border-bottom: 0 solid #000;
        padding-bottom: 46px
    }

    footer .ft-hidden {
        border-bottom: 1px solid rgba(239, 235, 233, .2);
        display: block;
        padding-bottom: 29px
    }

    footer .ft-mid .ftm-mail {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: -.05em
    }

    footer .ft-btm .ftb-left {
        display: none
    }

    footer .ft-btm .ftb-right {
        width: 100%
    }

        footer .ft-btm .ftb-right .ftb-itm:nth-child(1) .ftb-i-w {
            line-height: 35px;
            font-size: 14px;
            margin-bottom: 0
        }

        footer .ft-btm .ftb-right .ftb-itm:nth-child(2) .ftb-i-descr {
            margin-bottom: 18px
        }

        footer .ft-btm .ftb-right .ftb-itm:nth-child(2) .ftb-i-w {
            margin-bottom: 2px
        }

    footer .ft-btm .ftb-itm .ftb-btn-wrap {
        display: block
    }

    footer .ft-btm .ftb-itm .ftb-btm-wrap {
        display: flex;
        padding-top: 29px;
        padding-bottom: 35px
    }

        footer .ft-btm .ftb-itm .ftb-btm-wrap .ftb-i-w {
            margin-right: 24px;
            margin-bottom: 0
        }

            footer .ft-btm .ftb-itm .ftb-btm-wrap .ftb-i-w:last-child {
                margin-right: 0
            }

    footer .ft-btm .ftb-itm .ftb-i-w {
        font-size: 14px;
        letter-spacing: -.05em
    }

    footer .ft-btm .ftb-itm .ftb-i-descr {
        letter-spacing: -.05em;
        margin-bottom: 11px
    }

    footer .ft-btm {
        border-bottom: 1px solid rgba(239, 235, 233, .2);
        padding-bottom: 53px
    }

    footer .ft-btm-hidden {
        display: block;
        padding-top: 33px;
        padding-bottom: 65px
    }

        footer .ft-btm-hidden .ft-bh-descr {
            display: block;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -.05em;
            font-weight: 400;
            color: #fff
        }

            footer .ft-btm-hidden .ft-bh-descr:nth-child(1) {
                color: #6f6f6d;
                width: calc(100% - 167px)
            }

    .s-faq {
        padding-top: 53px
    }

        .s-faq .sf-left .h2 {
            letter-spacing: -.05em;
            width: 100%;
            margin-bottom: 23px
        }

            .s-faq .sf-left .h2 br {
                display: block
            }

        .s-faq .sf-left .sfl-block {
            width: 100%;
            margin-top: 0;
            position: relative
        }

            .s-faq .sf-left .sfl-block .btn-long {
                position: absolute;
                right: 0;
                bottom: 0
            }

        .s-faq .sf-left .sfl-descr {
            font-size: 16px;
            line-height: 20px;
            letter-spacing: -.05em;
            margin-bottom: 0
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-num {
            display: none
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top .sfr-t-hdr {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: -.05em
        }

        .s-faq .sf-left {
            margin-bottom: 37px
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover {
            padding-left: 0
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-content p {
            font-size: 12px;
            line-height: 20px
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
            padding-left: 0
        }

        .s-faq .sf-right .sfr-items .sfr-itm {
            margin-bottom: 0
        }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-content {
                border-bottom: 0 solid #000
            }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top::before {
                bottom: auto;
                top: 0;
                transition: width 1s ease, background .5s ease
            }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(1) .sfr-top::before {
            transition: width 1s ease .3s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(2) .sfr-top::before {
            transition: width 1s ease .4s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(3) .sfr-top::before {
            transition: width 1s ease .5s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(4) .sfr-top::before {
            transition: width 1s ease .6s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(5) .sfr-top::before {
            transition: width 1s ease .7s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(6) .sfr-top::before {
            transition: width 1s ease .8s, background .5s ease
        }

        .s-faq.toggleClass.animated .sf-right .sfr-items .sfr-itm:nth-child(7) .sfr-top::before {
            transition: width 1s ease .9s, background .5s ease
        }

        .s-faq .sf-right .sfr-items .sfr-itm:last-child .sfr-top::before {
            display: block
        }

        .s-faq .sf-right .sfr-items .sfr-itm .sfr-top {
            padding-left: 0;
            padding-right: 45px;
            padding-top: 22px;
            padding-bottom: 22px
        }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top::after {
                content: "+";
                position: absolute;
                display: block;
                color: #000;
                right: 17px;
                top: 19px;
                font-size: 20px;
                line-height: 20px
            }

            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top.active,
            .s-faq .sf-right .sfr-items .sfr-itm .sfr-top:hover {
                border-color: #ec5900
            }

                .s-faq .sf-right .sfr-items .sfr-itm .sfr-top.active::after {
                    content: "-";
                    right: 20px
                }

    .s-faq {
        padding-bottom: 68px
    }

    .s-two-button .stb-button {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.05em;
        height: 70px
    }

    .s-phone {
        padding-top: 53px
    }

        .s-phone .sp-items .sp-big {
            width: 223px;
            min-width: 223px;
            margin-left: auto;
            margin-right: auto;
            height: 465px;
            padding-top: 53px
        }

            .s-phone .sp-items .sp-big .spb-logo img {
                max-width: 57px
            }

            .s-phone .sp-items .sp-big .spb-logo {
                padding-bottom: 19px
            }

            .s-phone .sp-items .sp-big .spb-mid .spb-descr {
                font-size: 9px;
                line-height: 13px;
                margin-bottom: 14px
            }

            .s-phone .sp-items .sp-big .spb-mid {
                padding-top: 13px
            }

                .s-phone .sp-items .sp-big .spb-mid .spb-mail {
                    font-size: 16px;
                    line-height: 19px
                }

                .s-phone .sp-items .sp-big .spb-mid .spb-image {
                    padding-bottom: 10px
                }

            .s-phone .sp-items .sp-big .spb-btm .spb-descr {
                font-size: 9px;
                line-height: 13px;
                margin-bottom: 23px
            }

        .s-phone .sp-items .sps-date .sps-d-num {
            font-size: 63px;
            line-height: 34px
        }

        .s-phone .sp-items .sps-date {
            padding-top: 36px
        }

            .s-phone .sp-items .sps-date .sps-d-descr {
                margin-bottom: 44px
            }

        .s-phone .sp-items .sps-date {
            padding-bottom: 14px
        }

    .s-phone {
        padding-bottom: 71px
    }

        .s-phone .sp-items .sp-big .spb-btm {
            padding-top: 14px
        }

        .s-phone .sp-items .sp-big .spb-mid .spb-send {
            font-size: 11.5px;
            line-height: 13px
        }

        .s-phone .sp-top .spt-descr {
            font-size: 16px;
            line-height: 20px
        }

            .s-phone .sp-top .spt-descr br {
                display: none
            }

        .s-phone .sp-top .h2 {
            letter-spacing: -.05em;
            margin-bottom: 22px
        }

        .s-phone .sp-top {
            margin-bottom: 29px
        }

    .s-help .sh-top .dt-right .btn-long {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block
    }

    .s-help {
        padding-top: 52px;
        padding-bottom: 0
    }

        .s-help .default-top .dt-left .btn-long {
            display: none
        }

        .s-help .sh-top {
            margin-bottom: 5px !important;
        }

        .s-help .sh-items .sh-itm .shi-hdr {
            line-height: 29px;
            letter-spacing: -.05em
        }

        .s-help .sh-items .sh-itm {
            padding-top: 33px;
            min-height: 398px;
            margin-bottom: 16px;
        }

            .s-help .sh-items .sh-itm:last-child {
                margin-bottom: 0
            }

            .s-help .sh-items .sh-itm .btn-ell {
                bottom: 15px
            }

            .s-help .sh-items .sh-itm:nth-child(even) {
                margin-top: 0
            }

        .s-help .sh-items .my-container.flex {
            flex-wrap: wrap;
            padding-left: 0;
            padding-right: 0
        }

        .s-help .sh-items .sh-itm {
            width: 100%
        }

            .s-help .sh-items .sh-itm:nth-child(odd) {
                margin-right: 0
            }

            .s-help .sh-items .sh-itm:nth-child(even) {
                margin-left: 0
            }

    .default-top .my-container.flex {
        flex-wrap: wrap
    }

    .btn-long {
        font-size: 14px;
        line-height: 16px;
        border-bottom: 0 solid #000;
        display: inline-block;
        width: auto;
        letter-spacing: -.05em;
        padding-right: 20px;
        padding-bottom: 0
    }

        .btn-long::before {
            display: none
        }

        .btn-long::after {
            font-size: 18px;
            line-height: 18px;
            top: -2px;
            right: -2px
        }

    .s-blog .sb-top .dt-right {
        padding-right: 84px
    }

    .s-blog .sb-top {
        margin-bottom: 37px
    }

    .s-blog .sb-items-wrap .sb-left {
        display: none
    }

    .s-blog .sb-items-wrap .sb-right {
        width: 100%;
        height: auto
    }

        .s-blog .sb-items-wrap .sb-right .bi-items {
            position: relative;
            padding: 0
        }

    .s-blog .sb-items-wrap .sb-right {
        padding-left: 0
    }

    .s-blog .sb-items-wrap .my-container.flex {
        padding: 0
    }

    .s-blog-page .s-blog .sb-items-wrap .my-container.flex {
        padding-left: 15px;
        padding-right: 15px
    }

    .blog-item.small {
        flex-wrap: wrap;
        max-width: 100%
    }

        .blog-item.small .bi-photo {
            width: 100%;
            height: 217px;
            order: -1
        }

        .blog-item.small .bi-text {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 14px
        }

            .blog-item.small .bi-text .bi-top .bit-category {
                margin-right: 0
            }

            .blog-item.small .bi-text .bi-top {
                justify-content: space-between;
                margin-bottom: 28px
            }

    .blog-item .bi-text p {
        font-size: 16px;
        line-height: 22px
    }

    .s-blog .sb-items-wrap .sb-right .bi-items .blog-item.small {
        margin-bottom: 47px
    }

    .s-blog .default-top .dt-left .btn-long {
        display: none
    }

    .s-blog .default-top .dt-left {
        position: relative
    }

        .s-blog .default-top .dt-left .h1 {
            line-height: 48px
        }

        .s-blog .default-top .dt-left .h1 {
            margin-bottom: 0
        }

    .s-blog {
        padding-top: 53px;
        padding-bottom: 47px
    }

        .s-blog .default-top .dt-right {
            padding-top: 0
        }

    .s-two .st-items {
        flex-wrap: wrap
    }

        .s-two .st-items .st-itm {
            width: 100%;
            height: 376px
        }

            .s-two .st-items .st-itm:nth-child(2) {
                order: -1
            }

            .s-two .st-items .st-itm .sti-top {
                padding-left: 15px;
                padding-right: 15px;
                padding-top: 34px
            }

                .s-two .st-items .st-itm .sti-top .sti-t-hdr {
                    font-size: 30px;
                    line-height: 29px;
                    letter-spacing: -.05em
                }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                width: 135px;
                height: 209px;
                border-radius: 47px
            }

            .s-two .st-items .st-itm .sti-p-items {
                left: 15px;
                bottom: 40px
            }

            .s-two .st-items .st-itm:nth-child(2) .sti-p-items {
                left: 15px;
                bottom: 60px
            }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm .sti-pi-year {
                font-size: 11.5px;
                line-height: 18px
            }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                padding-top: 18px
            }

            .s-two .st-items .st-itm .sti-top .sti-t-logo {
                max-width: 77px;
                position: relative;
                top: -8px
            }

            .s-two .st-items .st-itm .sti-p-items .sti-p-itm {
                top: 64px
            }

                .s-two .st-items .st-itm .sti-p-items .sti-p-itm:nth-child(even) {
                    top: 5px
                }

    .my-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .h1 {
        font-size: 42px;
        line-height: 48px
    }

    .default-top .dt-right {
        padding-top: 0
    }

        .default-top .dt-right .dt-descr {
            font-size: 16px;
            line-height: 20px;
            letter-spacing: -.05em
        }

    .s-blog .sb-top .dt-right .btn-long {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .s-blog .sb-top .dt-right {
        position: relative
    }

    .default-top .dt-left {
        width: 100%;
        margin-bottom: 24px
    }

    .default-top .dt-right {
        width: 100%;
        justify-content: flex-start
    }

        .default-top .dt-right .dt-descr {
            margin-left: 0;
            margin-right: 64px;
        }

    .s-work-quality .swq-items .swq-itm {
        width: 100%;
        margin-bottom: 45px;
        position: relative;
        overflow: hidden
    }

        .s-work-quality .swq-items .swq-itm::before {
            content: "";
            position: absolute;
            left: 280px;
            bottom: 24px;
            background: #6f6f6d;
            height: 1px;
            width: 0;
            transition: all 1s ease .6s
        }

        .s-work-quality .swq-items .swq-itm:last-child {
            margin-bottom: 0
        }

    .s-work-quality .swq-items {
        flex-wrap: wrap
    }

        .s-work-quality .swq-items .swq-itm:nth-child(2) {
            padding-top: 0
        }

            .s-work-quality .swq-items .swq-itm:nth-child(2)::before {
                left: 0;
                width: 0;
                bottom: 84px;
                transition: all 1s ease 1.4s
            }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(2)::before {
        width: calc(100% - 200px)
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(1)::before {
        width: calc(100% - 280px)
    }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr .swq-over span {
        transition-delay: 1.7s
    }

    .s-work-quality .swq-items::before {
        display: none
    }

    .s-products .sp-slider .swiper-slide {
        width: 50%
    }

    .s-products {
        padding-top: 52px
    }

        .s-products .sp-top .my-container.flex {
            flex-wrap: wrap
        }

    .s-main-banner .smb-image-slider {
        position: absolute;
        padding-top: 59px
    }

        .s-main-banner .smb-image-slider .swiper-container {
            height: 40vh
        }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .smb-tb-img-bg {
        height: 40vh;
        background-repeat: no-repeat;
        transform: translateY(200%)
    }

    .s-main-banner .smb-tb-slider .swiper-slide.swiper-slide-next .smb-tb-itm .smb-tb-img-bg {
        transform: translateY(200%)
    }

    .s-main-banner {
        padding-top: 0
    }

        .s-main-banner .smb-tb-slider {
            position: relative
        }

            .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
                font-size: 20px;
                line-height: 40px;
                margin-bottom: 6px
            }

            .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
                font-size: 42px;
                line-height: 37px;
                margin-bottom: 37px;
                letter-spacing: -.05em
            }

            .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-btm {
                font-size: 14px;
                line-height: 16px;
                letter-spacing: -.03em
            }

        .s-main-banner .smb-image-slider .swiper-pagination .swiper-pagination-bullet {
            width: 5px;
            height: 5px;
            margin-bottom: 16px
        }

        .s-main-banner .smb-image-slider .smb-arrows .swiper-button-next,
        .s-main-banner .smb-image-slider .smb-arrows .swiper-button-prev {
            width: 32px;
            height: 32px;
            background: #2d2d2d
        }

        .s-main-banner .smb-image-slider .smb-arrows {
            max-width: 87px;
            width: 100%;
            justify-content: space-between;
            transform: translateX(0) translate3d(0, 120%, 0);
            left: auto;
            right: 20px;
            bottom: 49px
        }

            .s-main-banner .smb-image-slider .smb-arrows::after {
                display: none
            }

    .mobile-menu .mm-top {
        padding-top: 105px
    }

    header .hd-left .hdl-logo {
        max-width: 87px
    }

    header .hd-left {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
        padding-right: 15px
    }

    header .hd-right {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .s-access .sa-slider .def-pag {
        display: block;
        bottom: 0
    }

    .s-access .sa-slider .swiper-container {
        padding-bottom: 53px
    }

    .s-access {
        padding-bottom: 56px
    }

        .s-access.sa-related-products .sa-slider .swiper-container {
            padding-bottom: 0
        }

        .s-access.sa-related-products .sa-slider {
            padding-bottom: 53px
        }
}

@media only screen and (max-width:600px) {
    .s-related-news .srn-slider .swiper-container {
        padding-left: 0;
        padding-right: 0
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-img {
        height: 187px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
        width: 100%;
        margin-bottom: 9px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm .sas-text .sas-descr {
        margin-bottom: 10px
    }

    .s-access.sa-related-products .sa-slider .swiper-slide .sas-itm {
        padding-bottom: 27px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-text {
        padding-left: 16px;
        padding-right: 16px
    }

    .s-access .sa-top .h2 {
        font-size: 30px;
        line-height: 36px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-img {
        height: 187px;
        margin-bottom: 9px
    }

    .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
        width: 100%;
        padding-right: 0
    }

    .s-access {
        padding-top: 56px;
        padding-bottom: 56px
    }

        .s-access .sa-top {
            margin-bottom: 34px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-hdr {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -.03em
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sas-descr {
            font-size: 10px;
            line-height: 14px;
            letter-spacing: -.04em;
            margin-bottom: 9px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr {
            font-size: 10px;
            line-height: 14px;
            letter-spacing: -.04em
        }

        .s-access .sa-slider .swiper-slide .sas-itm .tag-btn {
            left: 15px;
            top: 16px;
            font-size: 10px;
            line-height: 12px;
            letter-spacing: -.025em;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 7px;
            padding-right: 7px
        }

        .s-access .sa-slider .swiper-slide .sas-itm .sas-text .sast-items .sast-itm {
            margin-bottom: 9px
        }

        .s-access .sa-slider .swiper-slide .sas-itm {
            padding-bottom: 27px
        }
}

@media only screen and (max-width:480px) {
    .s-awards-page .s-two .st-items .st-itm .sti-bg {
        background-position: 50%
    }

    .s-two .st-items .st-itm .sti-top .sti-t-num {
        font-size: 32px
    }

    .s-blog-page .s-blog .sb-items-wrap .sb-right .bi-items .blog-item {
        width: 100%
    }

    .s-work-quality.anim-over {
        padding-top: 34px
    }

    .s-two .st-items .st-itm .sti-bg {
        background-repeat: no-repeat;
        background-position: 50px 50%
    }

    .s-news-detail .snd-image {
        min-height: 235px
    }

    .s-models .sm-items .sas-itm .sas-text .sas-hdr {
        font-size: 20px;
        line-height: 23px;
        letter-spacing: -.025em;
        margin-bottom: 6px
    }

    .s-models .sm-items .sas-itm .sas-text .sas-descr {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 32px
    }

    .s-models .sm-items .sas-itm .sas-text .sast-items .sast-itm .sast-i-descr {
        font-size: 14px;
        line-height: 16px
    }

    .s-models .sm-items .sas-itm .sas-text .sast-items .sast-itm {
        margin-bottom: 31px
    }

    .s-models .sm-items .sas-itm .sas-img {
        height: auto
    }

    .s-work-quality .swq-items .swq-itm .swq-i-hdr {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: -.05em
    }

    .s-work-quality .swq-hdr {
        margin-bottom: 50px
    }

    .s-work-quality .swq-items .swq-itm::before {
        width: 0;
        bottom: 23px
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(1)::before {
        width: calc(100% - 180px);
        left: 180px
    }

    .s-work-quality .swq-items .swq-itm::before {
        left: 167px
    }

    .s-work-quality.anim-over.animated .swq-items .swq-itm:nth-child(2)::before {
        width: calc(100% - 150px)
    }

    .s-work-quality .swq-items .swq-itm:nth-child(2)::before {
        bottom: 68px;
        width: 0
    }

    .s-products .sp-slider .swiper-slide .sp-itm .spi-img {
        height: 135px;
        margin-bottom: 30px
    }

    .s-products .sp-slider .swiper-slide .sp-itm {
        padding-top: 15px;
        padding-bottom: 35px
    }

        .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-hdr {
            font-size: 16px;
            line-height: 22px;
            min-height: 44px;
            margin-bottom: 4px
        }

        .s-products .sp-slider .swiper-slide .sp-itm .spi-text .spi-t-gray {
            font-size: 12px;
            line-height: 20px
        }

    .s-products .sp-slider .df-arr {
        top: calc(50% - 25px)
    }

    .s-main-banner .smb-image-slider .swiper-slide.swiper-slide-active .smb-i-itm img {
        opacity: 1;
        transition: transform 1.5s ease .3s, opacity .8s ease .8s
    }
}

@media only screen and (width:414px) and (height:896px) {
    .s-main-banner .smb-image-slider {
        padding-top: 120px
    }

    .s-main-banner.animated .smb-image-slider .swiper-pagination {
        top: 34%
    }
}

@media only screen and (width:390px) and (height:844px) {
    .s-main-banner .smb-image-slider {
        padding-top: 120px
    }

    .s-main-banner.animated .smb-image-slider .swiper-pagination {
        top: 34%
    }
}

@media only screen and (width:375px) and (height:667px) {

    .s-main-banner,
    .s-main-banner .smb-tb-slider .swiper-slide {
        height: 90vh
    }
}

@media only screen and (max-width:360px) {
    .s-filter .sf-block .sfb-sort .sfb-s-items .sfb-si-itm {
        margin-right: 30px
    }

    .s-filter .sf-block .sfb-sort .sfb-s-hdr {
        margin-right: 30px
    }

    .s-advantages .sa-items .sa-itm .sa-flex .sai-photo {
        width: 270px;
        height: 240px
    }

    .s-advantages .sa-items .sa-itm.toggleClass.animated::before {
        height: 274px
    }

    .s-phone .sp-items .sp-small {
        max-width: 136px
    }

    .s-main-banner .smb-image-slider {
        padding-top: 30px
    }
}

@media only screen and (max-width:320px) {
    .s-main-banner .smb-image-slider {
        padding-top: 59px
    }

    .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .smb-tb-img-bg {
        height: 50vh
    }

    .s-main-banner,
    .s-main-banner .smb-tb-slider .swiper-slide {
        height: 100vh
    }

        .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-red {
            font-size: 16px;
            line-height: 34px
        }

        .s-main-banner .smb-tb-slider .swiper-slide .smb-tb-itm .my-container .smb-tb-text .smb-tb-hdr {
            font-size: 28px;
            line-height: 26px
        }
}

.spb-logo {
    font-size: 40px;
    font-weight: bold;
    color: #ec5900;
}

/*Teklif Al*/
.teklif_bg {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    padding: 50px 0px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
    display: none;
    bottom: 0;
    overflow-x: auto;
}

.teklif_bg_active {
    display: none !important;
    background-color: #ffffff;
    animation-name: fadeInTop;
    animation-delay: .5s;
}

.body_fixed {
    overflow: visible;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1
    }
}

.deskop_menu {
    position: relative;
}

.teklif_title {
    font-size: 22px;
    font-weight: 400;
    color: #FF7700;
    margin-bottom: 20px;
    display: inline-block;
}

.teklif_formu .form-group label {
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    margin-bottom: 0px;
}

.teklif_formu .form-group input {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(112, 112, 112, 0.45);
    border-radius: 0px;
    outline: 0;
    transition: ease-in-out .5s;
    position: relative;
    padding: 0px 10px;
}

.teklif_formu .form-control:focus {
    border-color: #FF7700;
    color: #495057;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

.teklif_formu .form-group {
    margin-bottom: 20px;
}

    .teklif_formu .form-group textarea {
        margin-top: 10px;
    }

.checkbox_title {
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    margin-bottom: 10px;
}

.checkbox {
    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #1E2235;
    --tick: #fff;
    position: relative;
    margin-left: 10px;
}

    .checkbox span {
        display: inline-block;
        margin-left: 5px;
        cursor: pointer;
    }

.checkbox_item {
    width: calc(100%/3);
    float: left;
    margin: 5px 0px;
}

.checkbox input,
.checkbox svg {
    width: 21px;
    height: 21px;
    display: block;
}

.checkbox input {
    position: relative;
    outline: none;
    background: var(--background);
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
    display: inline-block;
    vertical-align: middle;
}

    .checkbox input:hover {
        --s: 2px;
        --b: var(--border-hover);
    }

    .checkbox input:checked {
        --b: var(--border-active);
    }

.checkbox svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 2px;
    left: 0;
    width: 21px;
    height: 21px;
    -webkit-transform: scale(var(--scale, 1)) translateZ(0);
    transform: scale(var(--scale, 1)) translateZ(0);
}

.checkbox.path input:checked {
    --s: 2px;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

    .checkbox.path input:checked + svg {
        --a: 16.1 86.12;
        --o: 102.22;
    }

.checkbox.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    -webkit-transition: stroke-dasharray .6s, stroke-dashoffset .6s;
    transition: stroke-dasharray .6s, stroke-dashoffset .6s;
}

.checkbox.bounce {
    --stroke: var(--tick);
}

    .checkbox.bounce input:checked {
        --s: 11px;
    }

        .checkbox.bounce input:checked + svg {
            -webkit-animation: bounce .4s linear forwards .2s;
            animation: bounce .4s linear forwards .2s;
        }

    .checkbox.bounce svg {
        --scale: 0;
    }

@-webkit-keyframes bounce {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.overlay_bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
    display: none;
    transition: all 0.5s ease-in-out;
    top: 0;
}

#dismiss {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    color: #000000;
    transition: ease-in-out .5s;
    right: 16%;
    position: absolute;
}

    #dismiss:hover {
        color: #FF7700;
    }

.overlay_bg_active {
    display: block;
    opacity: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 35px;
    color: #ff7700;
    font-size: 35px;
    z-index: 9;
    display: none;
}

    .back-to-top:hover {
        color: #ee9445;
    }

.teklif_gonder {
    border: 1px solid #FF7700;
    border-radius: 0px;
    padding: 5px 30px;
    margin-right: auto;
    transition: ease-in-out .5s;
    margin-left: 5px;
}

    .teklif_gonder:hover {
        background-color: #FF7700;
        color: #ffffff;
    }

.form-row .form-group label {
    position: relative;
}

    .form-row .form-group label.required::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 5px;
        width: 4px;
        height: 4px;
        background-color: #FF7700;
    }

.teklif_formu .form-group {
    position: relative;
}

    .teklif_formu .form-group span {
        /* position: absolute;
    bottom: -57px;*/
        width: 100%;
        left: 0;
        font-size: 12px;
        color: red;
    }

/*Teklif AL Btn*/
.ttr_teklif_al {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 200;
}

    .ttr_teklif_al .ttr_teklif_al_btn {
        background-color: #ff7700;
        border-radius: 40px;
        bottom: 10px;
        color: #fff !important;
        display: table;
        height: 62px;
        left: 10px;
        min-width: 62px;
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        cursor: pointer;
        animation-name: heartbeatSlow;
        animation-iteration-count: infinite;
        animation-duration: 5s
    }


@keyframes heartbeatSlow {

    35%, 65% {
        transform: scale(1.2)
    }
}

/* .ttr_teklif_al .ttr_teklif_al_btn i {
    display: inline-block;
    width: 36px;
    margin: 12px 10px 0;
} */

.ttr_teklif_al .ttr_teklif_al_btn i {
    display: inline-block;
    font-size: 25px;
    margin-top: 17px;
}

.ttr_teklif_al .ttr_teklif_al_btn img {
    display: inline-block;
    max-width: 100%;
}

.ttr_teklif_al .ttr_teklif_al_btn span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: inherit;
    letter-spacing: -15px;
    opacity: 0;
    line-height: 50px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    text-transform: uppercase;
}

.ttr_teklif_al .ttr_teklif_al_btn:hover {
    color: #fff;
    padding: 0 20px;
    animation-name: initial;
}

    .ttr_teklif_al .ttr_teklif_al_btn:hover span {
        opacity: 1;
        letter-spacing: 1px;
        padding-left: 10px;
    }

@media (max-width:600px) {
    .ttr_teklif_al .ttr_teklif_al_btn span {
        opacity: 1;
        letter-spacing: 1px;
        padding-left: 10px;
        font-size: 10px;
    }

    .ttr_teklif_al .ttr_teklif_al_btn {
        color: #fff;
        padding: 0 85px;
    }

    .swiper-button-prev {
        color: #ff7700;
    }

    .swiper-button-next {
        color: #ff7700;
    }
}

logo-slider {
    /* --image-size: 215px; */
    /* border: 1px solid #575757; */
    padding: 20px;
    overflow: hidden;
    /* max-width: 1014px; */
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
}

    logo-slider:hover div {
        animation-play-state: paused;
    }

    logo-slider div {
        display: flex;
        position: relative;
        animation: marquee 20s linear infinite;
        justify-content: space-around;
    }

    logo-slider img {
        display: block;
        width: 200px;
        height: 100px;
        margin: 0 2vw;
        object-fit: contain;
    }

    logo-slider span {
        width: 300px;
        margin: 0 1%;
    }

    logo-slider:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), white);
    }

@media (max-width: 900px) {
    logo-slider {
        --image-size: 160px !important;
    }

    .ref-baslik {
        font-size: 30px !important;
        padding-bottom: 0px !important;
        padding: 30px 0 !important;
        line-height: 35px !important;
    }

    .s-main-banner .smb-image-slider .swiper-slide .smb-i-itm img {
        width: 100% !important;
    }

    .firma-isim {
        font-size: 30px;
    }

    .firma-anahtar {
        font-size: 25px;
    }

    .ttr_teklif_al {
        bottom: 0px !important;
        right: 32px !important;
    }
}

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

    100% {
        transform: translateX(-100%);
    }
}



.sektorler-title {
    color: #312783;
    text-align: center;
    font-size: 45px;
    font-weight: bolder;
    position: relative;
    padding: 2% 0;
}

.containers {
    display: flex;
    height: 600px;
    position: relative;
    color: #fff;
    width: 100%;
}

.image {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    transition: .5s;
    width: 18%;
}


    .image:before {
        display: block;
        content: '';
        padding-left: 7rem;
        background: #00000070;
        position: absolute;
        z-index: 9;
        width: 100%;
        height: 200vh;
    }

    .image:hover::before {
        display: block;
        content: '';
        padding-left: 7rem;
        background: none;
        position: absolute;
        z-index: 8;
        width: 100%;
        height: 200vh;
    }

    .image .icbox a {
        width: 100%;
        height: 100%;
        color: #ffff;
    }

    .image .icbox {
        z-index: 8;
        width: 100%;
        height: 100%;
    }


        .image .icbox:hover {
            z-index: 8;
            position: absolute;
            width: 100%;
            height: 100%;
        }



.containers img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


    .containers img::before {
        content: "";
        width: auto;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #00000070;
    }

.containers .image:hover {
    flex-grow: 2;
    transition: .5s;
}

.containers .image .sektorler-liste {
    display: none;
    transition: .5s;
    position: absolute;
    width: 100%;
    z-index: 99;
    left: 15px;
}

.containers .image:hover .sektorler-liste {
    display: block;
    transition: .5s;
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 28%;
    left: 10px;
    font-weight: bold;
}

.sektorler-baslik {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: 15%;
    left: 40px;
    z-index: 10;
    width: 70%;
}


    .sektorler-baslik::before {
        content: "";
        width: 6px;
        position: absolute;
        top: -15px;
        left: -18px;
        height: 90px;
        z-index: 99;
        background-color: #fff;
    }

.sektorler-liste ul li {
    padding: 2px 0px;
    list-style-type: circle !important;
    font-size: 15px;
    text-shadow: 2px 2px 4px black;
}



.containers-mobil {
    display: none;
}



@media all and (max-width: 992px) {

    .navbar-brand img {
        width: 50%;
    }

    .navbar-toggler-icon {
        height: 1em;
    }

    .containers {
        display: none;
    }

    .containers-mobil {
        display: grid;
        height: 108vh;
    }


    .image-mobil {
        position: relative;
        overflow: hidden;
        flex-grow: 1;
        transition: .5s;
        width: 100%;
    }


        .image-mobil:before {
            display: block;
            content: '';
            padding-left: 7rem;
            background: #00000070;
            position: absolute;
            z-index: 9;
            width: 100%;
            height: 200vh;
        }

        .image-mobil .icbox-mobil a {
            width: 100%;
            height: 100%;
            color: #ffff;
        }

        .image-mobil .icbox-mobil {
            z-index: 8;
            width: 100%;
            height: 100%;
        }

    .containers-mobil img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


        .containers-mobil img::before {
            content: "";
            width: auto;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #00000070;
        }

    .sektorler-baslik {
        font-weight: bold;
        font-size: 20px;
        position: relative;
        top: 15%;
        left: 50px;
        z-index: 10;
        color: #fff;
    }

        .sektorler-baslik i {
            margin-top: 7%;
            padding: 4%;
            font-size: 35px;
            border: 2px solid #fff;
            border-radius: 100%;
        }

        .sektorler-baslik::before {
            content: "";
            width: 5px;
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100px;
            z-index: 99;
            background-color: #fff;
            left: -15px;
        }
}

.ref-baslik {
    font-size: 40px;
    text-align: center;
    padding: 55px 0;
    line-height: 60px;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #000;
}


li.teklif_bg_title {
    font-weight: bold;
}

.form_content ul li {
    padding-bottom: 15px;
}


    .form_content ul li a {
        color: black;
    }

    .form_content ul li i {
        padding-right: 10px;
        color: #ff7700;
    }



[swiper_scale_active] .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    border-radius: 20px;
    border-color: transparent;
    /* shadow */
    box-shadow: 0 0 100px 40px var(--main-bg-color);
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    [swiper_scale_active] .swiper-slide {
        border-radius: 10px;
    }
}

[swiper_scale_active] .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CUSTOM CSS "TRICK" => the link should work only on the active slide  */
[swiper_scale_active] .swiper-slide:not(.swiper-slide-active) a {
    pointer-events: none;
}

/* #### CUSTOM NEXT/PREV #### */
[btn_group] {
    text-align: center;
    margin-top: 16px;
}

    [btn_group] button {
        background: #ffff;
        padding: 0px 35px;
        border-width: 0px;
        cursor: pointer;
        opacity: .7;
        transition: opacity 0.5s linear;
    }

        [btn_group] button:hover {
            opacity: 1;
        }

        [btn_group] button i {
            font-size: 35px;
            background: #ec5900;
            padding: 10px 20px;
            border-radius: 55px;
            color: white;
            margin-top: 15px;
        }

.back-to-top {
    position: fixed;
    color: #1e2e56;
    font-size: 35px;
    z-index: 9;
}


    .back-to-top:hover {
        position: fixed;
        color: #1e2e56;
        font-size: 35px;
        z-index: 9;
    }

.b--marque-a__content__media {
    transition: .6s;
    width: 200px !important;
    margin: 0px 20px !important;
}

    .b--marque-a__content__media:hover {
        cursor: pointer;
        transform: scale(1.2);
        transition: .6s;
    }

.form_Content ul li a {
    color: #000 !important;
    font-size: 19px;
}

    .form_Content ul li a i {
        margin-right: 10px;
        color: #FF7700;
    }

.form_Content ul li {
    margin-bottom: 20px;
}

.firma-isim {
    font-weight: bold;
    font-size: 30px;
    color: #Ffff;
}

.firma-anahtar {
    font-size: 20px;
}

    .firma-anahtar li a {
        color: #b1b1b1 !important;
    }

.teklif-banner {
    text-align: center;
    background-color: #f7f7f7;
}

    .teklif-banner img {
        width: 65%;
        transition: .65s;
    }

    .teklif-banner:hover img {
        width: 90%;
        transition: .65s;
    }

.panel-yazi {
    display: block;
    color: #2d2d2d;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.015em;
    padding-top: 2%;
}

.ftt-left p {
    margin: 0% 3%;
    /* padding-top: 2%; */
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.scrollbar-thumb {
    background: #ec5900 !important;
}