/* Настройки шаблона */
:root, body {font-size: 12px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 14px;}
	h1, .h1 {font-size: 3.2rem;}
	h2, .h2 {font-size: 2.8rem;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}
@media (min-width: 1400px) {
	:root, body {font-size: 20px;}
}

* {font-family: "Montserrat", sans-serif; line-height: normal; color: var(--color-black);}

#center main {overflow:inherit}

.kontakty .mod-breadcrumbs span {color: var(--color-white) ;}
.kontakty .breadcrumb-item+.breadcrumb-item::before {color: var(--color-white);}
.kontakty .mod-breadcrumbs .mod-breadcrumbs__here a{border:0.1rem solid var(--color-light); border-radius: 0.5rem; padding: 0.3rem 0.6rem; margin-right: 1rem;}
.kontakty .mod-breadcrumbs .mod-breadcrumbs__here svg path{stroke: var(--color-light);}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Roboto', sans-serif; color: #000; outline: 1px solid #ddd; overflow-x: hidden;}



button, .btn {width: fit-content; border-radius: 1rem;}

h1, .h1 {font-family: "Montserrat"; font-size: 3.2rem; font-weight: bold;}
h2, .h2 {font-family: "Montserrat"; font-size: 2.8rem; font-weight: bold;}
h3, .h3 {font-family: "Montserrat"; font-size: 1.6rem; font-weight: bold;}
h4, .h4 {font-family: "Montserrat"; font-size: 1.2rem;}
h5, .h5 {font-family: "Montserrat"; font-size: 0.9rem;} 
h6, .h6 {font-family: "Montserrat"; font-size: 0.8rem}

:root {
	--color-black: #232323;
	--color-white: #fff;
	--color-light: #EFEFEF;
	--color-danger: #C21A21;
	--color-dangerHover: #9c161b;
	--color-policy: #7B7B7B;
	--color-inputText: #f1f1f1;
	--color-bgGrey: #E3E3E3;
	--color-input: #F9F9F9;
}

a {color: var(--color-black);text-decoration: none; border-radius: 1rem;}
a:hover {color: var(--color-danger)}


/* Общие классы */

/* Переопределения Bootstrap */
.text-light {color: var(--color-light)!important;}

.btn-danger {background: var(--color-danger) !important;}
.btn-danger:hover {background: var(--color-dangerHover) !important;}


.btn-outline-danger {border-color: var(--color-danger)!important; color: var(--color-danger)!important;}
.btn-outline-danger:hover {background: var(--color-danger)!important; color: var(--color-light) !important;}

.btn-outline-light {border-color: var(--color-white)!important; color: var(--color-light)!important;}
.btn-outline-light:hover {background: rgb(35, 35, 35, 0.25);}

.bg-danger {background-color: var(--color-danger)!important;}

.ps-6 {padding-left: 5rem;}

.text-danger {color: var(--color-danger)!important;}
.text-policy {color: var(--color-policy);}

.p-25 {padding: 0.8rem;}

.fw-light-normal {font-weight: 400 !important;}
.fw-normal {font-weight: 500 !important;}
.fw-medium {font-weight: 600 !important;}

.gap-6 {gap: 4rem;}
.gap-7 {gap: 5rem;}
.gap-8 {gap: 6rem;}
.gap-9 {gap: 8rem;}
.gap-10 {gap: 10rem;}

/* Шапка */
header {background: #fff; border-radius: 0 0 5rem 5rem;}
header .mod-contain__navbar {display: flex; justify-content: flex-end; gap: 1.5rem; width: 100%; align-items: center;} 
header .navbar-nav {gap: 1rem;}
header .mod-menu {gap: 1.5rem;}
header .mod-menu .nav-item a{font-weight: 500;}
header .mod-menu .nav-item:hover a{color: var(--color-danger);}
header .mod-menu .active a{color: var(--color-danger);}
header .mod-menu .mod-menu__sub {transition: opacity .2s ease; opacity: 0; pointer-events: none; display: flex; flex-direction: column; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); gap: 0.5rem; position: absolute; padding: 1rem; border-radius: 1rem; background: var(--color-white);}
header .mod-menu .nav-item:hover .mod-menu__sub {opacity: 1; pointer-events: all; }
header .mod-menu .nav-item:hover .mod-menu__sub .nav-item a{color: var(--color-black);}
header .mod-menu .nav-item:hover .mod-menu__sub .nav-item:hover a{color: var(--color-danger);}
header .mod-menu .nav-item:hover .mod-menu__sub .active a{color: var(--color-danger);}

/* Подвал */
footer {background: var(--color-white);}
footer .container {padding: 5rem 0;}
footer .footer_items .mod-menu__sub {display: none;}
footer .footer_items {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 3rem;}
footer .footer_items .footer-logo {width: fit-content;}
footer .footer_items .mod-menu {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 5rem; grid-row-gap: 0.2rem;}
footer .footer_items .mod-questions {display: flex; flex-direction: column;}
footer .footer_items .mod-adress-mail .adress-line:before{height: 0.1rem; top: -1.5rem; z-index: 0;}
footer .footer_items .mod-privacy {display: flex; flex-direction: column; justify-content: space-between; gap: 2rem;}

/* Модули */
.mod-breadcrumbs {display:flex; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; gap: 0.5rem; align-items: center; background: none; color: var(--color-policy); padding: 2rem 0 !important;}
.mod-breadcrumbs * {font-size: 0.8rem; font-weight: 500; color: var(--color-policy);}
.mod-breadcrumbs .mod-breadcrumbs__item:nth-last-child(1) {overflow: hidden; text-overflow: ellipsis;}
.mod-breadcrumbs .mod-breadcrumbs__here a{border:0.1rem solid var(--color-danger); border-radius: 0.5rem; padding: 0.3rem 0.6rem; margin-right: 1rem;}
.mod-breadcrumbs .mod-breadcrumbs__here svg path{stroke: var(--color-danger);}

.mod-cart-button {display: flex; align-items: center; justify-content: center;}
.mod-cart-button p {margin: 0;}
.mod-cart-button p button {padding: 0;}

.mod-search-button {display: flex; align-items: center; justify-content: center;}
.mod-search-button p {margin: 0;}
.mod-search-button p button {padding: 0;}

.mod-slider {padding-top: 5.5rem;}
.mod-slider img {position: absolute; width: auto; max-width: none; top: -5rem;}
.mod-slider a {border-radius: 1rem;}
.mod-slider .desc {max-width: 30rem; font-size: 0.7rem;}
.mod-slider .bg-img {z-index: -1; left: -23%; top: 33%;}
.mod-slider .screw {top: 13%; left: -26%;}
.mod-slider:before, .mod-slider:after {background: none;}

.mod-about {padding: 15rem 0 15em 0;}
.mod-about img {position: absolute; width: auto; max-width: none; top: 5rem; left: 45.75%; margin-left: -50rem; border-radius: 0 9rem 0 0; cursor: pointer;}
.mod-about .video {display: flex; position: absolute; height: 35rem; width: auto; max-width: none; top: 5rem; left: 13.05rem; ;margin-left: -50rem; border-radius: 0 9rem 0 0; ; overflow: hidden; }
.mod-about .video video {position: relative; left: 10rem;}
.mod-about .bg-img {z-index: -1; left: 114%; top: -20%;}
.mod-about:before {background: none;}

.mod-benefits {}
.mod-benefits .title {padding-bottom: 3.5rem;}
/* .mod-benefits .link {font-size: 1.5rem;} */
.mod-benefits .item-2 {padding-top: 3em;}
.mod-benefits .item-3 {padding-top: 6em;}
.mod-benefits .desc {box-sizing: content-box; display: flex; flex-direction: column; gap: 4.875rem;} 
.mod-benefits .item-3 .btn-danger {display: none;}

.mod-inzh {display: flex; flex-direction: row; justify-content: space-between; padding-top: 9rem;} 
.mod-inzh .order-md-2 {gap:3rem;}

.mod-map {max-height: 40rem; background-color: var(--color-danger); border-radius: 0 0 0 10rem; margin-top: 9rem;}
.mod-map.moduletable.fullbg {background-color: var(--color-danger);}
.mod-map:before, .mod-map:after {background: none;}
.mod-map .bg-img {position: absolute; width: auto; max-width: none; top: 3rem; left: 44%; margin-left: -50rem;}
.mod-map .map-img {max-width: 48rem; border-radius: 0 10rem;}
.mod-map iframe {width: 100%; height: 40rem; border: none; border-radius: 10rem 0px;}

.mod-service {min-height: 40rem; padding-top: 6.6rem; padding-bottom: 7rem;}
.mod-service img {position: absolute; width: auto; max-width:none; left: 38rem; top: 9.45rem;}
.mod-service .image-block {}
.mod-service .img-block {}
.mod-service .bg-img {z-index: -1; left: -36.2rem; top: 1.85rem;}
.mod-service::before, .mod-services::after {background: none;}

.mod-service-svarka {margin-top: 6.25rem; min-height: 32.55rem;}
.mod-service-svarka img {position: absolute; width: auto; max-width:none; left: 50%; margin-left: -48rem; border-radius: 8rem 0;}
.mod-service-svarka::before, .mod-service-svarka::after {background: var(--color-danger); border-radius: 8.1rem 0rem;}

.mod-service-rezka {margin-top: 6.25rem; min-height: 32.55rem;}
.mod-service-rezka img {position: absolute; width: auto; max-width:none; border-radius: 0 8rem;}
.mod-service-rezka::before, .mod-service-rezka::after {background: var(--color-light); border-radius: 0rem 8.1rem ;}

.mod-service-obrabotka {margin-top: 6.25rem; min-height: 32.55rem;}
.mod-service-obrabotka img {position: absolute; width: auto; max-width:none; left: 50%; margin-left: -48rem; border-radius: 8rem 0;}
.mod-service-obrabotka::before, .mod-service-svarka::after {background: var(--color-danger); border-radius: 8.1rem 0rem;}

.mod-about-video {}
.mod-about-video::before, .mod-about-video::after {background: none;}
.mod-about-video .bg-img {position: absolute; width: auto; max-width: none; z-index: -1; top: -12.05rem; left: -15rem;}
.mod-about-video .videoAbout {width: 100%; max-height: 30.65rem; cursor: pointer; border-radius: 0 10rem; overflow: hidden;}
.mod-about-video video {width: 100%; height: 100%;} 
.mod-about-video video::-webkit-media-controls { opacity: 0;}

.mod-about-text {padding-top: 7rem;}
.mod-about-text::before, .mod-about-text::after {background: none;}
.mod-about-text .bg-img {position: absolute; margin: 0; height: auto; width: auto; max-width: none; z-index: -1; top: -0.2rem; left: -15.7rem; border-radius: 0;}
.mod-about-text img {height: 31.85rem; border-radius: 0 10rem 10rem 0; margin-top: 5.55rem;}      

.mod-dealer { padding-bottom: 11rem;}
.mod-dealer::before, .mod-dealer::after {background: none;}
.mod-dealer .bg-img {position: absolute; margin: 0; height: auto; width: auto; max-width: none; z-index: -1; top: -11rem; left: -15rem; border-radius: 0;}
.mod-dealer img {position: absolute; border-radius: 0 10rem; top: 5.1rem;}

.mod-benefits-dealers {padding: 7rem 0;}

.mod-map2 {max-height: 40rem; background-color: var(--color-danger); border-radius: 0 0 0 10rem;}
.mod-map2.moduletable.fullbg {background-color: var(--color-danger);}
.mod-map2:before, .mod-map:after {background: var(--color-danger); top: -15rem;}
.mod-map2 .bg-img {position: absolute; width: auto; max-width: none; top: 3rem; left: 44%; margin-left: -50rem;}
.mod-map2 .map-img {max-width: 48rem; border-radius: 10rem 0 0 0;}
.mod-map2 iframe {width: 100%; height: 100%; max-height: 28rem; border-radius: 10rem 0 0 0;}

.mod-news-title {display:flex; min-height: 13rem; border-radius: 1rem; padding: 0 1rem; flex-direction: column; justify-content: center; background: url('/images/news/006.jpg');}

.mod-blog {display: grid; padding-top: 3.5rem; grid-template-columns: auto auto auto; justify-content: space-between; row-gap: 2.25rem;}
.mod-blog .item {box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 1.5rem; width: 20rem; padding: 0 1.5rem 0 0;}
.mod-blog .title-item {position: absolute; width: 18.5rem;}
.mod-blog .title {padding: 0.75rem 1.25rem; position: relative; top: 1rem; background: var(--color-black); border-radius: 0rem 0.5rem 0.5rem 0rem;}
.mod-blog .desc {display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem 0 1.5rem 1.5rem;}
.mod-blog .img img {width: 100%; height: 16.25rem; object-fit:cover; border-radius: 0.75rem;}
.mod-blog .introtext {margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.mod-blog .btn {width: 100%;}

.mod-partners {margin: 5rem 0; display: flex; flex-direction: column; gap: 3rem;}
.mod-partners .owl-stage {display: flex; align-items: center;}
.mod-partners .item {width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important;}
.mod-partners img {width: 10rem !important;}

.pagination__wrapper *:focus {box-shadow: none;}
.pagination__wrapper {padding: 5rem 0;}
.pagination__wrapper .pagination {justify-content: center; gap: 0.2rem;}
.com-content-category-blog__counter {display: none;}
.page-item {display: flex; align-items: center;}
.page-item .page-link {border: none; background: none; color: var(--color-black);}
.page-item:nth-child(1) .page-link .icon-angle-double-left {display: flex; width: 0.4rem; height: 0.7rem; background: url('/images/icons/Arrow-left.svg');}
.page-item:nth-child(2) .page-link {pointer-events: none;}
.page-item:nth-last-child(1) .page-link .icon-angle-double-right {display: flex; width: 0.4rem; height: 0.7rem; background: url('/images/icons/Arrow-right.svg');}
.page-item:nth-last-child(2) .page-link {pointer-events: none;}
.page-item.active .page-link {background: var(--color-danger); color: var(--color-white); border: none; border-radius: 0.45rem;}

.mod-full-news {display: flex; flex-direction: column; gap: 2rem;}
.mod-full-news .news-block {display: inline;}
.mod-full-news .title {font-size: 2.4rem;}
.mod-full-news img {width: 27rem; height: 23rem; object-fit:cover; border-radius: 1rem; }
.mod-full-news .carousel {display: flex; flex-direction: column; gap: 1rem; align-items: flex-end; width: 28rem; float: left; padding-bottom: 1rem;}
.mod-full-news .wrapper {display: flex; position: relative; transform: translateX(0);}

.modal-dialog {max-width: 30rem;}
.modal-dialog *:focus {box-shadow: none;}
.modal-dialog .modal-content {background: var(--color-light); border-radius: 2rem;}
.modal-dialog .modal-header {border: none; align-items: flex-start; flex-direction: column-reverse; padding: 1.6rem 1.6rem 0 1.6rem;}
.modal-dialog .modal-body {padding: 1.6rem;}
.modal-dialog .modal-title {text-align: center;}
.modal-dialog form {display: flex; flex-direction: column; gap: 5rem;}
.modal-dialog .form-group {display: flex; flex-direction: column; gap: 0.8rem;}
.modal-dialog .form-buttons {display: flex; flex-direction: column; gap: 0.8rem;}
.modal-dialog .form-group input {border-radius: 1rem; padding: 0.5rem 0.8rem; border: none; background: var(--color-inputText); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15);}
.modal-dialog .form-check-input {cursor: pointer; border-color: var(--color-danger);}
.modal-dialog .form-check-input:checked {background-color: var(--color-danger);}

.mod-news {display: flex; flex-direction: column; gap: 2rem; padding-top: 9rem;}
.mod-news .owl-nav{display: none;}
.mod-news .owl-item {padding: 1rem;}
.mod-news .mod-slider_news .owl-stage-outer {overflow: visible;}
.mod-news .mod-slider_news .item {box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 1.5rem; width: 100%; padding: 0 1.5rem 0 0;}
.mod-news .mod-slider_news .title-item {position: absolute; width: 100%; padding-right: 3.5rem;}
.mod-news .mod-slider_news .title {padding: 0.75rem 1.25rem; position: relative; top: 1rem; background: var(--color-black); border-radius: 0rem 0.5rem 0.5rem 0rem;}
.mod-news .mod-slider_news .desc {display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem 0 1.5rem 1.5rem;}
.mod-news .mod-slider_news .img img {width: 100%; height: 16.25rem; object-fit:cover; border-radius: 0.75rem;}
.mod-news .mod-slider_news .introtext {margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.mod-news .mod-slider_news .btn {width: 100%;}

.mod-error {}
.mod-error .h1{font-size: 2.4rem;}

.mod-categories {display: flex; flex-direction: column; gap: 5rem; margin-top: 9rem; padding: 6.6rem 0;}
.mod-categories .content {display: grid; grid-template-columns: auto auto; gap: 1.5rem;}
.mod-categories .jshop_menu_level_0 {border-radius: 1.5rem; padding: 1.2rem; border: 0.01rem solid var(--color-white, #FFF); background: var(--10, rgba(255, 255, 255, 0.10)); backdrop-filter: blur(7.5px);}
.mod-categories::before, .mod-categories::after {background: var(--color-bgGrey); border-radius: 0 8rem;}
.mod-categories .bg-img {position: absolute; left: 50rem; z-index: -1;}
.mod-categories .vector1-img {position: absolute; left: -50vw; margin-left: 32rem; top: -7.5rem;}
.mod-categories .vector2-img {position: absolute; left: 50vw; margin-left: 25rem; top: 62.8rem;}

.mod-menu-categories {display: flex; flex-direction: column; gap: 2rem; padding-bottom: 2.4rem;}
.mod-menu-categories .content {display: flex; justify-content: space-between;}
.mod-menu-categories .jshop_menu_level_0 {display: flex; align-items: center; justify-content: center; color: var(--color-black) !important; padding: 0.2rem 0.6rem !important;}
.mod-menu-categories .jshop_menu_level_0:hover {color: var(--color-light) !important;}
.mod-menu-categories .jshop_menu_level_0_a{display: flex; align-items: center; justify-content: center; background: var(--color-danger) !important; color: var(--color-light) !important; padding: 0.2rem 0.6rem !important;}

.jshop h1 {display: none;}
.productfull h1 {display: block; font-size: 1.6rem;}
.productfull .jshop_code_prod {display: none;}

.row-fluid .sblock2 {margin-bottom: 2rem; width: 49%;}

.jshop_list_product .block_product {height: 100%; border-radius: 1.5rem; border: 1px solid var(--color-danger); padding: 0;}
.jshop_list_product .block_product:hover {border-radius: 1.5rem; border: 1px solid var(--color-danger);}
.jshop_list_product .product {display: flex; height: 100%; padding: 1.2rem; gap: 1rem;}
.jshop_list_product .product .info{gap: 2rem;}
.jshop_list_product .product img {min-width: 10rem; aspect-ratio: 1/1; object-fit: contain;}
.jshop_list_product .product .btn {display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.4rem 3rem;}
.jshop_list_product .product .btn svg {width: 15%;}

.productfull .image_middle, .productfull .jshop_oiproduct {max-width: 60%; gap: 2rem;}
.productfull .image_middle, .productfull .jshop_oiproduct ul{display: flex; flex-direction: column; gap: 0.5rem; padding-left: 1rem;}
.productfull .image_middle, .productfull .jshop_oiproduct li::marker{color: var(--color-danger);}
.productfull .prod_buttons .buttons .btn {display: flex; align-items: center; justify-content: center; gap: 0.4rem; padding: 0.4rem 3rem;}
.productfull .prod_buttons .buttons .btn svg {width: 15%;}

.mod-props {display: flex; flex-direction: column; gap: 1.6rem;}
.mod-props::before, .mod-props::after {background: var(--color-bgGrey); border-radius: 8rem 0;}
.mod-props .block_efg {width: 100%; border-spacing: 1.5rem 0; border-collapse: separate;}
.mod-props .block_efg tr th {width: 50%;}
.mod-props .block_efg tr:nth-child(2n+1) th {background: var(--color-light); border-radius: 1rem;}
.mod-props .block_efg tr:nth-child(2n+1) th:nth-child(1) {border-radius: 1rem 0 0 1rem;}
.mod-props .block_efg tr:nth-child(2n+1) th:nth-child(2) {border-radius:0 1rem 1rem 0;}
.jshop_list_product .product .description {overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-clamp: 7; box-orient: vertical; padding: 0;}

.mod-shop-search {display: flex; align-items: center;}
.mod-shop-search .inputbox {opacity: 0; position: absolute; border-style: none; width: 2.5rem; height: 2.5rem; padding: 0; font-size: 1rem; border-radius: 0; outline: none; border-bottom: 0.05rem solid var(--color-policy); cursor: pointer;}
.mod-shop-search .show-search {opacity: 1; width: auto; height: auto; left: 50%; margin-left: 14rem; cursor: text;}
.mod-shop-search .button-search {padding: 0.2rem; padding-bottom: 0.1rem;}

.mod-product {display: flex; flex-direction: column; gap: 1.6rem; padding-top: 5rem;}
.mod-product .related_header {border-bottom: 0; margin-bottom: 0;}
.mod-product .owl-nav{display: none;}
.mod-product .mod-slider_product .owl-stage-outer {overflow: visible;}
.mod-product .mod-slider_product .owl-stage{display: flex;}
.mod-product .mod-slider_product .sblock3 {height: 100%;}

.mod-cart {display: flex; flex-direction: column; gap: 3rem;}
.mod-cart .mod-cart-empty {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6rem 0; gap: 1.6rem;}
.mod-cart .mod-cart-empty .h2 {font-size: 2.4rem;}
.mod-cart .mod-cart-empty::before, .mod-cart-empty::after {background: var(--color-danger); border-radius: 0 8rem;}

.mod-cart .mod-form {display: flex; flex-direction: column; gap: 1.45rem; padding: 2.5rem 0;}
.mod-cart .mod-form .title {display: flex; flex-direction: column; gap: 1rem; text-align: center;}
.mod-cart .mod-form .form-group {display: flex; flex-direction: column; gap: 0.8rem;}
.mod-cart .mod-form .form-group input[type="text"], input[type="tel"], input[type="email"] {border-radius: 1rem; background: rgba(255, 255, 255, 0.30); padding: 0.8rem; align-self: stretch; border: 0;}
.mod-cart .mod-form .form-group input[type="file"] {display: none;}
.mod-cart .mod-form .form-group .feedback_text {display: flex; align-items: center; gap: 0.4rem; cursor: pointer;}
.mod-cart .mod-form::before, .mod-form::after {background: var(--color-bgGrey); border-radius: 8rem 0;}
.mod-cart .mod-form .form-buttons {display: flex; flex-direction: column; gap: 0.8rem;}
.mod-cart .form-check .form-check-input {cursor: pointer; border-color: var(--color-danger);}
.mod-cart .form-check .form-check-input:checked {background-color: var(--color-danger);}
.mod-cart .mod-all-carts {display: flex; flex-direction: column; gap: 0.6rem;}
.mod-cart .mod-all-carts .jshop_prod_cart {display: flex; justify-content: space-between; border: 0.01rem solid var(--color-danger); border-radius: 1.5rem; padding: 1rem 1.2rem;}
.mod-cart .mod-all-carts .jshop_prod_cart .cart_img {min-width: 8rem; aspect-ratio: 1 / 1; object-fit: contain;}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data .quantity {display: flex; gap: 0.2rem;}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data .quantity .inputbox {text-align: center; width: 3rem; border: none; padding: 0; outline: none;}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data .quantity .inputbox::-webkit-outer-spin-button, .inputbox::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data .quantity .minus-btn {background: var(--color-light) !important; border-color: var(--color-light); color: var(--color-black);}
.mod-cart .mod-all-carts .jshop_prod_cart .product_name .data .quantity .btn {display: flex; border-radius: 0.45rem; width: 2.5rem; height: 2.5rem; padding: 0.5rem; justify-content: center; align-items: center; font-size: 2rem; font-style: normal; font-weight: 400; line-height: 125%;}

.mod-cart .mod-all-carts .jshop_prod_cart .remove { display: flex; justify-content: flex-end;}

.mod-cart-button .btn {padding: 0.2rem}

.jshop_pagination .pagination {justify-content: center;}
.jshop .row-fluid {display: flex; flex-wrap: wrap; justify-content: space-between;}
.pagination_result_counter {text-align: center;}
/* Адаптация */

@media screen and (max-width: 1399px) {
	.mod-contain__navbar {display: flex; justify-content: space-around !important; padding: 1rem 0;}
	.navbar-nav {flex-direction: row;}

	.page-item:nth-child(1) .page-link .icon-angle-double-left {background-size: 102%;}
	.page-item:nth-last-child(1) .page-link .icon-angle-double-right {background-size: 102%;}
 
	.mod-dealer img {width: 43rem;}
	.mod-dealer .bg-img {width: 73rem; left: -9.6rem;}

	.mod-about-video .bg-img {top: -10.6rem; left: -14rem; width: 106rem;}
	.mod-about-text .bg-img {top: -0.25rem; width: 49rem; left: -13.35rem;}

	.mod-service .bg-img {width: 92.8rem; left: -51.7rem; top: -11rem;}
	.mod-service img {width: 43rem; left: 41rem; top: 7.45rem;}

	.mod-service-svarka img {width: 43rem;}

	.mod-service-rezka img {width: 47rem;}
	
	.mod-service-obrabotka img{width: 43rem;}

	.mod-breadcrumbs .mod-breadcrumbs__here svg {width: 0.5rem; height: 0.7rem;}
	.mod-breadcrumbs .mod-breadcrumbs__here a {border-width: 0.15rem;}
	
	.mod-slider img:nth-child(1) {width: 65rem; top: -9rem; left: 43rem;}
	.mod-slider .bg-img {left: -12%; top: 30%;}
	.mod-slider .screw {width: 8rem; top: 30%; left: -12%;}

	.mod-about img {width: 48rem;top: 6rem; left: 46.7%;}
	.mod-about .video {width: 48rem;top: 6rem; left: 46.7%;}
	.mod-about .bg-img {width: 50rem; left: 114%; top: -12%;}

	.mod-map .bg-img {width: 25rem;}

	.mod-categories .bg-img{left: 56rem; width: 45rem;}
	.mod-categories .vector1-img {margin-left: 34.9rem; top: -9.3rem;}
	.mod-categories .vector2-img {margin-left: 25.5rem; top: 60.4rem;}

	.mod-shop-search .show-search {opacity: 1; width: 15rem; height: auto; left: 50%; margin-left: 10rem; cursor: text;}
}

@media screen and (max-width: 1199px) {
	.mod-slider img:nth-child(1) {width: 50rem; top: -8rem; left: 35rem;}
	.mod-slider .bg-img {width: 60rem; top: 30%; left: -13%;}
	.mod-slider .screw {width: 9rem; top: 25%; left: -14%;}

	.mod-dealer .bg-img {left: -10.9rem;}

	.mod-about .video {left: 44%;}
	.mod-about img {left: 44%;}

	.mod-categories .vector1-img {margin-left: 33.5rem; top: -10.5rem;}
	.mod-categories .vector2-img {margin-left: 23rem; top: 64rem;}

	.mod-shop-search .show-search {opacity: 1; width: 17rem; height: auto; left: 50%; margin-left: 4rem; cursor: text;}
}
@media screen and (max-width: 991px){
	.mod-slider .bg-img {left: -19%;}
	.mod-slider .screw {top: 28%; left: -19%;}

	.mod-dealer .bg-img {left: -15.2rem;}

	.mod-about-video .bg-img {top: -13.4rem;}
	.mod-about-text .bg-img {top: -0.5rem; width: 50rem;left: -19.9rem;}
	.mod-blog .item {width: 18rem;}
	.mod-blog .title-item{width: 16.5rem;}

	.mod-about .bg-img {left: 131.6%; top: -6%;}
	.mod-about img {width: 45rem;}
	.mod-about .video {width: 45rem;}

	.mod-categories .bg-img{left: 53rem; width: 45rem;}
	.mod-categories .vector1-img {margin-left: 25rem; top: -10.5rem;}
	.mod-categories .vector2-img {margin-left: 14.9rem; top: 82.5rem;}

	.mod-about-text img {margin-left: 4rem; height: 31.85rem; border-radius: 0 10rem 10rem 0; margin-top: 5.55rem;}

	.row-fluid .sblock2 {width: 100% !important;}

	.mod-menu-categories .content {display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; font-size: 0.8rem;}
	.mod-menu-categories .content .jshop_menu_level_0 {width: 100%; margin: 0; padding: 1rem !important; border-radius: 1.5rem;}
	.mod-menu-categories .content .jshop_menu_level_0_a {width: 100%; margin: 0; padding: 1rem !important;  border-radius: 1.5rem;}


	.jshop_list_product .product .btn {border-radius: 2rem;}

	.mod-shop-search .inputbox {width: 3rem; height: 3rem;}
	.mod-shop-search .show-search {opacity: 1; width: 14rem; height: auto; left: 50%; margin-left: 2rem; cursor: text;}

	.productfull .image_middle, .productfull .jshop_oiproduct {max-width: 100%; gap: 2rem;} 
}
@media screen and (max-width: 767px) {
	.mod-slider img:nth-child(1) {display: none;}
	.mod-slider .bg-img {width: 87rem; top: 17%; left: -21%;}
	.mod-slider .screw {display: none;}

	.mod-dealer .bg-img {width: 129rem; top: -45rem; left: -12.2rem;}

	.mod-dealer > div:nth-child(1) img {display: none;}
 
	.mod-slider .desc {max-width: none; font-size: 1rem;}

	.mod-benefits .item-1 .btn-danger {display: none;}
	.mod-benefits .item-3 .btn-danger {display: block;}

	.mod-about .video {display: none;}

 	/* .mod-service img {display: none;} */
	.mod-service{padding-top: 0;padding-bottom: 0;}
	.mod-service img {position: static; margin-left: 0;width: 100%; border-radius: 0; } 
	.mod-service .bg-img {display: block; width: 100rem; left: -15rem; top: 0;height: 100%; position: absolute;}

	.mod-service-svarka {position: relative; left: 50%; margin-left: -50vw; width: calc(100% + calc(100vw - 100%));}
	.mod-service-svarka > div:nth-child(1) {padding: 0; max-height: 25rem; border-radius: 8rem 0; overflow: hidden;}
	.mod-service-svarka > div:nth-child(2) {padding: 5rem calc(var(--bs-gutter-x)/ 2);}
	.mod-service-svarka img {position: static; margin-left: 0; left: 0; width: 100%; border-radius: 0; height: 100%; object-fit: cover;} 
	.mod-service-svarka::before, .mod-service-svarka::after {border-radius: 0;}

	.mod-service-rezka {position: relative; left: 50%; margin-left: -50vw; width: calc(100% + calc(100vw - 100%));}
	.mod-service-rezka > div:nth-child(1) {padding: 0; max-height: 25rem; border-radius:0 8rem; overflow: hidden;}
	.mod-service-rezka > div:nth-child(2) {padding: 5rem calc(var(--bs-gutter-x)/ 2);}
	.mod-service-rezka img {position: static; margin-left: 0; left: 0; width: 100%; border-radius: 0; height: 100%; object-fit: cover;}
	.mod-service-rezka::before, .mod-service-rezka::after {border-radius: 0;}
	
	.mod-service-obrabotka {position: relative; left: 50%; margin-left: -50vw; width: calc(100% + calc(100vw - 100%));}
	.mod-service-obrabotka > div:nth-child(1) {padding: 0; max-height: 25rem; border-radius: 8rem 0; overflow: hidden;}
	.mod-service-obrabotka > div:nth-child(2) {padding: 5rem calc(var(--bs-gutter-x)/ 2);}
	.mod-service-obrabotka img {position: static; margin-left: 0; left: 0; width: 100%; border-radius: 0; height: 100%; object-fit: cover;}
	.mod-service-obrabotka::before, .mod-service-obrabotka::after {border-radius: 0;}


	.mod-blog {grid-template-columns: auto auto;}
	.mod-blog .item {width: 25rem;}
	.mod-blog .title-item{width: 23.5rem;}

	.mod-map2 {max-height: none; flex-direction: column-reverse;} 
	.mod-map2 .map-img {max-width: none;}
	.mod-map2 iframe {height: 30rem; max-height: none;}
	
	.mod-breadcrumbs__here {display: none;}
	.mod-breadcrumbs__item {display: none;}
	
	.mod-about-video .bg-img {top: -15.8rem;}
	
	.mod-about-text {padding-bottom: 5rem;}
	.mod-about-text img {display: none;}
	.mod-about-text::before {background: var(--color-danger); top: -0.4rem;}

	.mod-menu__sub {display: none !important;}

	.mod-inzh {gap: 3rem;}

	.mod-about {padding: 5rem 0 15em 0;}
	.mod-about img {display: none;}

	.mod-map.moduletable.fullbg {padding: 0;}
	.mod-map {max-height: none; border-radius: 0;}
	.mod-map .bg-img {display: none;}
	.mod-map .map-img {object-fit: cover; max-width: none; height: 25rem;}
	.mod-map iframe {height: 25rem; border-radius: 0;}
	.mod-map .adress-block {width: 100% !important;}
	.mod-map .info {flex-direction: row !important; justify-content: center; padding: 5rem 0;}
	
	.mod-categories .bg-img {left: 45rem; width: 45rem;}
	.mod-categories::before, .mod-categories::after {border-radius: 0;}
	.mod-categories .vector1-img {display: none;}
	.mod-categories .vector2-img {display: none;}

	footer .footer_items {grid-template-columns: 1fr 1fr;}
	footer .footer_items .adress-line:before{background: none;}
	footer .footer_items .mod-adress-mail > div {display: flex; flex-direction: column; align-items: center;}
	footer .footer_items .mod-contact-details > div > div {display: flex; flex-direction: column; align-items: center;}
	footer .footer_items *{display: flex; align-items: center; justify-content: center;}
	footer .footer_items .mod-privacy {grid-row-start: 3; grid-column-start: 2;}

	.mod-shop-search .inputbox {width: 3.5rem; height: 3.5rem;}
	.mod-shop-search .show-search {opacity: 1; width: 12rem;  height: auto; left: 50%; margin-left: 2rem; cursor: text;}

	.mod-cart .mod-form::before, .mod-form::after {border-radius:0;}

	.mod-cart .form-check {font-size: 1.5rem;}

	header .mod-menu {gap: 0.8rem;}
}

@media screen and (max-width: 575px) {
	.mod-about-video .bg-img {top: -14rem;}

	.modal-dialog {margin: 1.75rem auto; margin-top: 1.75rem; margin-right: auto; margin-bottom: 1.75rem; margin-left: auto;}
	.modal-dialog * {font-size: 1.5rem;}

	.container .moduletable.fullbg {padding: 0;} 

	.mod-blog {grid-template-columns:auto;}
	.mod-blog .item {width: 100%;}
	.mod-blog .title-item {width: 100%; padding-right: 3rem;}
	
	footer .footer_items .mod-privacy {grid-row-start: 6; grid-column-start: auto;}

	.mod-categories .content {grid-template-columns: auto;}
	.mod-categories .bg-img {display: none;}

	.jshop_list_product .product .name{font-size: 1rem;}

	.mod-props::before, .mod-props::after {border-radius: 0;}

	.jshop_list_product .product .btn {border-radius: 1.8rem; padding: 0.2rem 3rem;}
	.productfull .prod_buttons .buttons .btn {border-radius: 1.8rem; padding: 0.2rem 3rem;}

	.mod-cart .form-check {font-size: 1.8rem;}
}

@media screen and (max-width: 483px){
	.mod-slider .bg-img {top: 15%; width: 98rem;}
	.mod-slider .title {font-size: 10vw; padding-bottom: 15vw;}
	
	.mod-about .col-md-6:nth-child(2) {background: var(--color-danger); padding-bottom: 2rem;}

	.footer_items * {font-size: 1.5rem;}

	.mod-full-news .carousel {width: 100%;}
	.mod-full-news img {width: 100%;}

	.mod-menu {flex-direction: column; align-items: center; font-size: 1.5rem;}
	
	header .mod-contain__navbar {flex-direction: column-reverse;}
	header { border-radius: 0 0 1rem 1rem}
	
	footer .footer_items {grid-template-columns: 1fr;}
	.mod-contact-details {padding: 0; margin: 0;}
	.mod-contact-details *{padding: 0; margin: 0;}

	.mod-map .info {flex-direction: column !important; padding-left: 1rem;}

	.mod-shop-search .show-search {opacity: 1; width: 15rem; height: auto; left: 50%; top: 12rem; font-size: 2rem; margin-left: -7rem; cursor: text;}
	.mod-cart .mod-cart-empty .h2 {max-width: 56%; text-align: center;}
	.navbar-light .navbar-brand {width: 65%;}
	.jshop_list_product .product img {min-width: 0;}
}

@media screen and (max-width: 300px){
	.mod-slider .bg-img {top: 11%; left: -30%;
		width: 110rem;}
}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}

@keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
} 
