/* Start:/bitrix/templates/desktop/template_styles.css?175074600020938*/
/* -------------------------------------------------------------------- */
/* -------------------------------- H1 -------------------------------- */
/* -------------------------------------------------------------------- */
.title-back-arrow {
    display: none;
}

.main-desktop-wrap .main-title-wrap {
    font-size: 48px;
    text-align: left;
    justify-content: flex-start;
    text-transform: inherit;
    border-bottom: none;
    width: auto;
}

.main-directions-box {
    margin-top: 30px;
}

.desktop-main-title-wrap-all {
    display: flex;
}

.desktop-main-title-all {
    display: flex;
    align-items: flex-end;
}

.desktop-main-title-all > a {
    color: #272731;
    font-size: 16px;
    line-height: 18px;
    margin-left: 30px;
    text-decoration: underline;
}

/* -------------------------------------------------------------------- */
/* ---------------------------- breadcrumb ---------------------------- */
/* -------------------------------------------------------------------- */

.breadcrumbs-desktop-top li::before {
    display: none;
}

.breadcrumbs-desktop-wrap {
    height: 51px;
}

.breadcrumbs-desktop-top {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    height: 21px;
}

.breadcrumbs-desktop-top li {
    margin-right: 40px;
}

.breadcrumbs-desktop-top li a {
    font-size: 14px;
    color: #545454;
    text-decoration: underline;
    opacity: 1;
    transition: opacity 0.5s;
}

.breadcrumbs-desktop-top li a:hover {
    opacity: 0.6;
    transition: opacity 0.5s;
    cursor: pointer;
}

/* -------------------------------------------------------------------- */
/* ------------------------------- body ------------------------------- */
/* -------------------------------------------------------------------- */
.main-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 600px;
}

.inner-data-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inner-data-box .content-col {
    width: 100%;
}

.av-desktop-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.av-desktop-wrap .content-col {
    box-shadow: 0 4px 8px rgba(76, 82, 85, 0.25);
    padding: 20px 40px;
    z-index: 1;
    position: relative;
    background-color: #fff;
}

.content-col.content-col-clean {
    border: none;
    box-shadow: none;
    padding: 0;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ menu -------------------------------- */
/* -------------------------------------------------------------------- */
.menu-col + .content-col,
.menu-col + .content-col + .content-col {
    width: calc(100% / 3 * 2 + 40px);
}

.menu-col {
    width: calc(100% / 3 - 65px);
    margin-top: 30px;
}

.menu-col > a,
.menu-col .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 6px 13px 26px;
    transition: 0.3s;
    border: 1px solid #B6C0C6;
    border-bottom: none;
    cursor: pointer;
    color: #4C5255;
}

.menu-col > a:last-child,
.menu-col .list-item:last-child {
    border-bottom: 1px solid #B6C0C6;
}

.menu-col > a.selected .title,
.menu-col .list-item.selected .title {
    color: #cc0000;
}

.menu-col > a:hover,
.menu-col > a:focus,
.menu-col .list-item:hover,
.menu-col .list-item:focus {
    box-shadow: 0 2px 4px rgba(76, 82, 85, 0.2);
    text-decoration: none;
}

.menu-col .arrow {
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    transition: .3s;
    width: 24px;
    height: 24px;
}

.main-block .item-menu {
    padding: 13px 6px 13px 26px;
    max-width: 100%;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ metal ------------------------------- */
/* -------------------------------------------------------------------- */

.map-box {
    margin: auto;
    padding-bottom: 78px;
    text-align: center;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ directions -------------------------- */
/* -------------------------------------------------------------------- */

.main-directions {
    margin-top: 40px;
}

.main-directions. .av-menu-tablet {
    position: relative;
    z-index: 1;
}

/* -------------------------------------------------------------------- */
/* ------------------------------ services ---------------------------- */
/* -------------------------------------------------------------------- */

.our-services {
    width: 100%;
    margin-top: 40px;
}


.services-block-wrap {
    margin-top: 30px;
}

.main-desktop-wrap .services-block-wrap a {
    width: calc(100% / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    height: 284px;
}

.main-desktop-wrap .services-block-wrap a:last-child {
    margin-right: 0;
}

.service-prod-wrap {
    position: relative;
}

.services-block-wrap .service-prod-wrap > .production-pict img {
    transform: scale(1);
    transition: transform 0.5s;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.production-wrap .services-block-wrap .service-prod-wrap:hover > .production-pict img {
    transform: scale(1.1);
    transition: transform 0.5s;
}

.production-pict {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.press-center-title-box,
.main-desktop-wrap .services-block-wrap {
    display: flex;
}

.press-center-wrap .press-center-title-box {
    margin-top: 20px;
    margin-left: 0;
}

.press-center-inner-box .press-center-inner-slide.swiper-slide img {
    max-width: 100%;
    height: 280px;
    width: 100%;
    object-fit: cover;
}

.press-center-inner-box .press-center-inner-slide.swiper-slide {
    margin-bottom: 40px;
}

.press-center-inner-box .press-center-inner-slide.swiper-slide .swipe-picture-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    max-height: 280px;
    display: flex;
    align-items: center;
}

.press-center-inner-slide-wrap {
    height: 60px;
    overflow: hidden;
}

.press-center-inner-slide-wrap,
.news-detail-desktop .press-center-inner-slide-wrap p {
    color: #1d1d26;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.press-center-inner-box .swiper-wrapper {
    height: auto;
}

.press-center-inner .swiper-horizontal>.swiper-pagination-bullets,
.press-center-inner .swiper-pagination-bullets.swiper-pagination-horizontal,
.press-center-inner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 6px;
}

.main-desktop-wrap .main-more-metal-base-wrap {
    padding: 0;
    display: flex;
    position: relative;
    margin-top: 40px;
}

.main-map {
    height: 530px;
}

.main-more-metal-base-wrap .main-more-metal-base-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff url("/bitrix/templates/desktop/images/main-map/main-desktop-map.jpg") center no-repeat;
    font-weight: 700;
    padding: 0 10%;
    width: 50%;
    z-index: 991;
}

.main-desktop-wrap .main-more-metal-base-btn {
    margin: 20px auto 0 0;
}

.main-desktop-wrap .main-more-metal-base-btn:hover {
    background-color: transparent;
    color: #fb0000;
}

.main-desktop-wrap .main-more-metal-base-inner .main-more-metal-base-inner-text {
    display: block;
    text-align: left;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 40px;
    color: #fff;
    width: 100%;
}

.main-more-metal-base-inner-text .red {
    color: #fb0000;
    margin: 0 10px;
}

.news-main-info .main-effect-box {
    bottom: 10px;
}

.icon-plus {
    width: 56px;
    height: 56px;
    font-size: 33px;
}

.icon-text {
    font-size: 12px;
    margin-top: 10px;
    display: block;
    color: #fff;
}

.main-icon-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.swipe-picture-wrap img {
    filter: brightness(1);
    transform: scale(1);
    transition: all 0.3s;
}

.swipe-picture-wrap:hover img {
    filter: brightness(0.7);
    transform: scale(1.1);
    transition: all 0.3s;
}

.main-icon-block .icon-plus {
    border-radius: 8px;
    transform: rotate(0deg);
    transition: all 0.3s;
}

.main-icon-block:hover .icon-plus {
    border-radius: 50%;
    transform: rotate(-180deg);
    width: 45px;
    height: 45px;
    transition: all 0.3s;
}

.icon-plus {
    background: #fff url('/bitrix/images/av-new/icons/icon-plus.svg') center no-repeat;
    width: 56px;
    height: 56px;
    font-size: 33px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ccc;
}

.cutting-wrap .catalog-title,
.main-desktop-wrap .news-main-info-title .title-bold {
    font-size: 48px;
    font-weight: 700;
}

.main-desktop-wrap .news-main-info-title {
    font-size: 36px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}

.main-desktop-wrap .cooperation-inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-between;
}

.main-desktop-wrap .cooperation-inner-pict {
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
    width: calc(100% / 4);
}

.cooperation-inner-pict {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.cooperation-inner-pict::before {
    content: '';
    box-shadow: inset 0.4px 0.9px 13px 0 #0000000c;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    display: block;
}

.cooperation-pict-first::before {
    background: #fff url('/bitrix/templates/mobile/images/main-page/cooperation/cooperate-1.png') center no-repeat;
}

.cooperation-pict-second::before {
    background: #fff url('/bitrix/templates/mobile/images/main-page/cooperation/cooperate-2.png') center no-repeat;
}

.cooperation-pict-third::before {
    background: #fff url('/bitrix/templates/mobile/images/main-page/cooperation/cooperate-3.png') center no-repeat;
}

.cooperation-pict-fouth::before {
    background: #fff url('/bitrix/templates/mobile/images/main-page/cooperation/cooperate-4.png') center no-repeat;
}

.cooperation-inner-text {
    color: #545454;
    margin-top: 15px;
    padding: 0 10px;
    max-width: 135px;
}

.cooperation-inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}


.cooperation-inner-pict::before {
    min-width: 145px;
    height: 145px;
}

.cooperation-inner-text {
    font-size: 18px;
    text-align: left;
    max-width: fit-content;
}

.main-desktop-wrap .news-main-info-inner {
    padding: 30px;
}

.news-main-info-inner {
    box-shadow: 2.2px 3.3px 13.4px 0.6px rgba(29, 29, 38, 0.1);
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 225px;
    overflow: hidden;
    margin: 30px 10px 10px;
    position: relative;
    z-index: 1;
}

.news-main-info-inner::after {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 59px;
    width: 100%;
    border-radius: 0 0 10px 10px;
    filter: blur(8px);
}

.news-main-info-inner.active::after {
    display: none;
}

.main-desktop-wrap .news-main-info {
    margin-top: 50px;
}

.new-main-info-text h2 {
    text-align: left;
    font-size: 20px;
    padding: 0;
    margin: 20px 0;
}

/* -------------------------------------------------------------------- */
/* ----------------------------- up arrow ----------------------------- */
/* -------------------------------------------------------------------- */
#page-up-button {
    background: url('/bitrix/templates/desktop/images/icons/button-up.png') no-repeat;
    background-size: cover;
    cursor: pointer;
    display: none;
    position: fixed;
    bottom: 3%;
    left: 20px;
    width: 48px;
    height: 48px;
    z-index: 9999;
}

/* -------------------------------------------------------------------- */
/* ----------------------------- job ---------------------------------- */
/* -------------------------------------------------------------------- */

.job-form {
    padding-right: 40px;
}

.job-info {
    padding-left: 40px;
}


/* -------------------------------------------------------------------- */
/* ------------------------------ blog -------------------------------- */
/* -------------------------------------------------------------------- */

.av-index-block.dark {
    justify-content: center;
    flex-direction: column;
}


/* -------------------------------------------------------------------- */
/* ---------------------------- widget call -------------------------- */
/* ------------------------------------------------------------------- */

div.b24-widget-button-position-bottom-right {
    right: 20px;
    bottom: 20px;
}

/* ------------------------------------------------------------------- */
/* ------------------------------- OTHER ----------------------------- */
/* ------------------------------------------------------------------- */

.main-desktop-wrap .recommendation-inner,
.main-desktop-wrap .news-main-info {
    background: #fff url('/bitrix/templates/desktop/images/main-page/backgrounds/backgraund-home.jpg') center no-repeat;
    background-size: cover;
    height: 300px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.main-desktop-wrap .news-main-info.active {
    background-image: linear-gradient(to top, #272731, #3e3e57);
    height: 100%;
}

.main-desktop-wrap {
    display: flex;
    flex-direction: column;
}

.warehouse-catalog-wrap .catalog-title,
.catalog-main-title {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
}

.catalog-main-box:last-child {
    margin-bottom: 0;
}

.offer-wrapper {
    margin: 50px 0;
}

.offer-inner-box {
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 24px;
}

.offer-inner-box strong {
    position: relative;
    left: -20px;
    margin-bottom: 5px;
    display: inline-block;
}

.search-all-result .av-search-page {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.search-all-result .av-search-page form {
    width: 50%;
    margin-bottom: 10px;
    margin-right: 20px;
}

.search-all-result .av-search-page .items-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.search-all-result .av-search-page .items-list .category-item {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
}

.search-all-result .av-search-page .items-list .item {
    width: 50%;
}

.search-all-result .av-form-input-search {
    padding: 7px 10px;
    border: 1px solid #000;
    border-radius: 7px 0 0 7px;
    width: 100%;
}

.search-all-result .av-form-input-search .icon {
    font-size: 23px;
    cursor: pointer;
}

.search-all-result .av-form-button-shop {
    background-color: #fb0000;
    border: 2px solid #fb0000;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.3px;
    padding: 12px 45px;
    border-radius: 5px;
    width: 200px;
    overflow: hidden;
    white-space: normal;
    transition: background-color 0.3s;
}

.search-all-result .av-search-page .items-list > a {
    color: #1d1d26;
    text-transform: none;
    min-height: auto;
    padding: 10px 0 0 20px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 24px;
    font-family: 'Roboto-Bold', sans-serif;
}

.search-all-result .av-search-page .items-list > a:hover {
    text-decoration: none;
}

.search-all-result .av-search-page .items-list .category-item .item a {
    color: #1d1d26;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}

.search-all-result .av-search-page .items-list .item:hover,
.search-all-result .av-search-page .items-list .item:active,
.search-all-result .av-search-page .items-list .item:focus {
    box-shadow: none;
}

.search-all-result .navigation-pages .navigation-title,
.search-all-result .navigation-arrows .disabled,
.search-all-result .navigation-arrows .arrow,
.search-all-result .navigation-arrows #navigation_2_next_page,
.search-all-result .navigation-arrows .ctrl {
    display: none;
}

.search-all-result .navigation-pages {
    display: flex;
    align-items: center;
}

.search-all-result .navigation-arrows #navigation_2_previous_page,
.search-all-result .navigation-arrows #navigation_2_next_page {
    width: 30px;
    height: 30px;
    background-color: #cc0000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: transparent;
    position: absolute;
    top: 30px;
    left: -50px;
}

.search-all-result .navigation-arrows #navigation_2_next_page {
    left: auto;
    right: -50px;
}

.search-all-result .navigation {
    position: relative;
}

.search-all-result .navigation-arrows  #navigation_2_previous_page::before {
    content: "\f053";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-family: 'Font Awesome 5 Pro';
    margin-left: 10px;
}

.search-all-result .navigation-arrows  #navigation_2_next_page::before {
    content: "\f054";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-family: 'Font Awesome 5 Pro';
    margin-left: 13px;
}

.search-all-result .navigation-pages .nav-current-page,
.search-all-result .navigation-pages a {
    width: 48px;
    height: 48px;
    color: #cc0000;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-all-result .navigation-pages .nav-current-page {
    color: #1d1d1d;
    cursor: pointer;
}

.search-all-result .av-search-page .pager-cell.bottom {
    margin-top: 52px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.cutting-wrap,
.career-wrapper {
    margin-top: 30px;
}

.our-services-inner {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.our-services-inner .our-services-inner-text {
    height: 55px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #1d1d26;
    transition: all 0.5s;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.services-block-wrap .service-prod-wrap > .our-services-inner-text:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #f0f0f0;
    color: #fff;
    transition: all 0.5s;
}

.cutting-wrap .catalog-title {
    display: block;
    margin-bottom: 15px;
}

.our-services-pict-first {
    background: #fff url('/bitrix/templates/desktop/images/services/our-service-1.jpg') center no-repeat;
    background-size: cover;
}

.our-services-pict-second {
    background: #fff url('/bitrix/templates/desktop/images/services/our-service-2.jpg') center no-repeat;
    background-size: cover;
}

.our-services-pict-third {
    background: #fff url('/bitrix/templates/desktop/images/services/our-service-3.jpg') center no-repeat;
    background-size: cover;
}

.career-wrap {
    margin-top: 30px;
}

.av-sitemap {
    margin-top: 30px;
}

.simplebar-scrollbar {
    top: 5px;
}

.simplebar-scrollbar::before {
    background-color: #ccc;
}

.simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
}

.quick-file-field-form {
    border: 1px solid #ccc;
    padding: 30px;
}

.quick-file-field-form.popup-field-form .popup-field-inner-data {
    border: 1px solid #272731;
    color: #272731;
    padding: 10px;
    font-size: 16px;
    background-color: #fff;
    transition: background-color 0.5s;
}

.quick-file-field-form.popup-field-form .popup-field-inner-data:hover {
    background-color: #f0f0f0;
    transition: all 0.5s;
    cursor: pointer;
}

.pictures-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pictures-wrap .picture-products {
    border-radius: 10px;
}

.pictures-wrap .picture-half {
    width: calc(100% / 2 - 20px);
    object-fit: cover;
}

.services-catalog-title-wrap {
    margin-top: 40px;
}
/* End */
/* /bitrix/templates/desktop/template_styles.css?175074600020938 */