/* Настройки шаблона */
: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;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 20px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Montserrat'; position: relative; overflow: hidden; color: var(--color-main-blue); outline: 1px solid #ddd; overflow-x: hidden;}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1520px) {.container {max-width: 1520px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, a, span {margin: 0; line-height: normal !important;}

h1, .h1 {font-size: 3.5rem;}
h2, .h2 {font-size: 3rem;}
h3, .h3 {font-size: 2rem;}
h4, .h4 {font-size: 1.2rem;}
h5, .h5 {font-size: 0.8rem;}
h6, .h6 {}

a {text-decoration: none; color: var(--color-main-blue);}
a:hover {color: var(--color-main-blue);}

:root {
	--color-main-warning: #FFC700;
	--color-main-warning-hover: #c4a32b;
	--color-main-warning-active: #917920;
	--color-main-blue-light: #303D5C;
	--color-main-blue: #242C40;
	--color-main-blue-active: #1e2538;
	--color-main-white: #FFFFFF;
	--color-main-white-hover: #eeeeee;
	--color-main-white-active: #dcdcdc;
	--background-filter: rgba(255, 255, 255, 0.30);
	--background-filter-blur: blur(10.649999618530273px);
}

/* попап */
.modal-content {border-radius: 0;}

/* Изменение bootstrap */
.z--101 {z-index: -101;}
.z--10 {z-index: -10;}
.z--9 {z-index: -9;}
.z--8 {z-index: -8;}
.z--7 {z-index: -7;}
.z--6 {z-index: -6;}
.z--5 {z-index: -5;}
.z--4 {z-index: -4;}
.z--3 {z-index: -3;}
.z--2 {z-index: -2;}
.z--1 {z-index: -1;}
.z-0 {z-index: 0;}
.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-3 {z-index: 3;}
.z-4 {z-index: 4;}
.z-5 {z-index: 5;}
.z-6 {z-index: 6;}
.z-7 {z-index: 7;}
.z-8 {z-index: 8;}
.z-9 {z-index: 9;}
.z-10 {z-index: 10;}

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

.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

.w-fit {width: fit-content;}
.h-fit {height: fit-content;}
.text-light {color: var(--color-main-white);}
.text-warning {color: var(--color-main-warning) !important;}
.text-black {color: var(--color-main-blue);}
.text-ultra-black {color: black;}

.btn,.btn:hover, .btn:active, .btn:focus {box-shadow: none !important;}

.btn-warning {background-color: var(--color-main-warning) !important; color: var(--color-main-blue) !important; border-radius: 0 !important; border: none !important; padding: 0.75rem 1.5rem !important; width: fit-content;}
.btn-warning:hover {background-color: var(--color-main-blue) !important; color: var(--color-main-white) !important;}
.btn-warning:active {background-color: var(--color-main-blue-active) !important; color: var(--color-main-white) !important;}

.btn-transparent {background: none !important; color: var(--color-main-white) !important; border-radius: 0 !important; border: 1px solid var(--color-main-white); padding: 0.75rem 1.5rem !important; width: fit-content;}
.btn-transparent:hover {background-color: var(--color-main-warning) !important; color: var(--color-main-blue) !important; border: 1px solid var(--color-main-warning);}
.btn-transparent:active {background-color: var(--color-main-warning-active) !important; color: var(--color-main-blue) !important; border: 1px solid var(--color-main-warning-active);}

.input-transparent {background: none !important; color: var(--color-main-white) !important; border-radius: 0 !important; border: 1px solid var(--color-main-white) !important; padding: 0.75rem 1.5rem !important; width: 100%;}
.input-transparent::placeholder {color: var(--color-main-white);}

.btn-transparent-blue {background: none !important; color: var(--color-main-blue) !important; border-radius: 0 !important; border: 1px solid var(--color-main-blue); padding: 0.75rem 1.5rem !important; width: fit-content;}
.btn-transparent-blue:hover {background-color: var(--color-main-warning) !important; color: var(--color-main-blue) !important; border: 1px solid var(--color-main-warning);}
.btn-transparent-blue:active {background-color: var(--color-main-warning-active) !important; color: var(--color-main-blue) !important; border: 1px solid var(--color-main-warning-active);}

.input-transparent-blue {background: none !important; color: var(--color-main-blue) !important; border-radius: 0 !important; border: 1px solid var(--color-main-blue) !important; padding: 0.75rem 1.5rem !important; width: 100%;}
.input-transparent-blue::placeholder {color: var(--color-main-blue);}

/* Шапка */
header {padding: 2rem 0 !important;}
header .container {gap: 6rem;}
header #header_items {width: 100%; justify-content: space-between; gap: 4rem;}
header .mod-header-menu {width: 100%; justify-content: space-between; align-items: center;}
header .mod-header-menu * a {font-weight: 500;}
.home header .mod-header-menu * a {color: var(--color-main-white);}
.home header .mod-header-menu * a:hover {color: var(--color-main-white-hover);}
header .mod-header-menu * a:active {color: var(--color-main-warning);}
header .mod-header-contacts {display: flex; gap: 1.5rem;}
header .mod-header-contacts svg * {transition: all 0.2s;}
header .mod-header-contacts svg:hover path {fill: var(--color-main-warning-hover);}
header .mod-header-contacts svg:active path {fill: var(--color-main-warning-active);} 
header .nav-item:hover .mod-menu__sub {position: absolute; display: flex; flex-direction: column; gap: 0.5rem; background: var(--background-filter); backdrop-filter: var(--background-filter-blur); border: 1px solid var(--color-main-white); padding: 1rem;}
header .mod-menu__sub {display: none;}

/* Подвал */
footer .footer_items {display: grid; grid-template-columns: auto auto; align-items: flex-start; justify-content: space-between; padding: 4.5rem 0; position: relative;}
footer .footer_items:before {content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; height: 1px; background-size: 100%; background-repeat: no-repeat; background-image: url('/images/icons/full-line.svg');}
footer .mod-logo-footer {width: fit-content; display: flex; padding: 0;}
footer .mod-footer-menu {width: fit-content; gap: 1.5rem;}
footer .mod-footer-menu .nav-item {}
footer .mod-footer-contacts {display: flex; flex-direction: column; width: 100%; justify-content: center; gap: 1rem; padding: 0;}
footer .mod-footer-contacts .contacts-block {display: flex; align-items: center; justify-content: center; gap: 1.5rem; width: 100%;}
footer .mod-footer-contacts svg * {transition: all 0.2s;}
footer .mod-footer-contacts svg:hover path {fill: var(--color-main-warning-hover);}
footer .mod-footer-contacts svg:active path {fill: var(--color-main-warning-active);} 
footer .mod-rostsayt-contacts {grid-column-start: 1; grid-column-end: 3; margin-top: 2rem; padding: 0;}
footer .mod-rostsayt-contacts .content-block {display: flex; justify-content: space-between;}

/* Модули */

.mod-404 {display: flex; flex-direction: column; gap: 2rem; text-align: center; margin: 2.5rem 0; text-align: center; align-items: center;}
 
.mod-main-banner {display: flex; padding: 5rem 0 2rem 0; height: 48rem;}
.mod-main-banner::before {background-image: url('/images/modules/mod-banner/001.png'); background-size: cover; background-position: center; top: -8rem;}
.mod-main-banner .text-block {display: flex; flex-direction: column; gap: 2.5rem;}
.mod-main-banner .text-block .title-block {display: flex; flex-direction: column; gap: 1.5rem;}
.mod-main-banner .text-block .title-block .subtitle {width: 50%;}
.mod-main-banner .items-block {display: flex; gap: 2rem; align-items: flex-end;}
.mod-main-banner .items-block .item-col {display: flex; flex-direction: column; gap: 2rem;}
.mod-main-banner .items-block .item-col .item {display: flex; flex-direction: column; gap: 1.5rem; width: 11rem; height: 11rem; align-items: center; justify-content: center; background: var(--background-filter); backdrop-filter: var(--background-filter-blur); border: 1px solid var(--color-main-white);}
.mod-main-banner .items-block .item-col .item .image img {width: 4rem; height: fit-content;}
.mod-main-banner .items-block .item-col .item .title {width: 80%; text-align: center;}
.mod-main-banner .items-block .item-col:nth-child(2) {margin-bottom: 4rem;}
 
.mod-catalog-otdelka {display: flex; gap: 2rem; margin: 7rem 0;}
.mod-catalog-otdelka .item-catalog-otdelka {position: relative; width: 100%; height: 35rem;}
.mod-catalog-otdelka .item-catalog-otdelka:hover {transform: scale(105%);}
.mod-catalog-otdelka .item-catalog-otdelka img {width: 100%; height: 100%; object-fit: cover;}
.mod-catalog-otdelka .item-catalog-otdelka .yellow-block {width: 11.1rem; height: 11.1rem; background: var(--color-main-warning); position: absolute; bottom: 0; left: -1rem; margin-bottom: 4.5rem; transition: all 0.2s;}
.mod-catalog-otdelka .item-catalog-otdelka:hover .yellow-block {width: 11.1rem; height: 11.1rem; background: var(--color-main-blue); position: absolute; bottom: 0; left: -1rem; margin-bottom: 4.5rem;}
.mod-catalog-otdelka .item-catalog-otdelka .yellow-block .title {position: absolute; bottom: 0; right: -8rem; margin-bottom: 2.65rem;}

.mod-door-series {display: flex; flex-direction: column; gap: 7rem; margin: 5rem 0 7rem 0;}
.mod-door-series .title {position: relative; width: fit-content;}
.mod-door-series .title::before {content: ''; display: flex; position: absolute; z-index: -100; bottom: 0.75rem; left: 98%; width: 100vw; height: 1px; background-color: var(--color-main-warning);}
.mod-door-series .content-block {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem;}
.mod-door-series .content-block .item-door-series {width: 100%; height: 20rem; position: relative;}
.mod-door-series .content-block .item-door-series .animation-item {width: 100%; height: 100%;}
.mod-door-series .content-block .item-door-series:hover {transform: scale(105%);}
.mod-door-series .content-block .item-door-series img {width: 100%; height: 100%; object-fit: cover;}
.mod-door-series .content-block .item-door-series .title-item {position: absolute; bottom: 0; margin-bottom: 2rem; left: 0; margin-left: 2rem;}

.mod-production {padding: 10rem 0 15rem 0;}
.mod-production::before {background-image: url('/images/modules/mod-production/001.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.mod-production .content-block {display: flex; flex-direction: column; gap: 6rem; width: 80%;}
.mod-production .content-block .title {position: relative; padding-bottom: 1.25rem; border-bottom: 1px solid var(--color-main-white);}
.mod-production .content-block .fulltext {display: flex; justify-content: space-between; align-items: flex-end;}
.mod-production .content-block .fulltext .text-block {width: 30rem; display: flex; flex-direction: column; gap: 0.5rem;}

.mod-about {display: flex; align-items: center; justify-content: space-between; margin: 7rem 0 25rem 0;}
.mod-about .title-block {width: 100%; padding-bottom: 1.25rem; border-bottom: 1px solid var(--color-main-warning);}
.mod-about .info-block {display: flex; align-items: center; justify-content: center; position: absolute; right: 0;}
.mod-about .info-block .item-col {display: flex; flex-direction: column;}
.mod-about .info-block .item-col .white-block {display: flex; flex-direction: column; justify-content: space-between; width: 28rem; height: 21rem; padding: 2.8rem 2rem; background: var(--color-main-white);}
.mod-about .info-block .item-col .white-block .desc {width: 75%;}
.mod-about .info-block .item-col .yellow-block {display: flex; flex-direction: column; justify-content: space-between; width: 28rem; height: 21rem; padding: 2.8rem 2rem; background: var(--color-main-warning);}
.mod-about .info-block .item-col .yellow-block .desc {width: 75%;}
.mod-about .info-block .item-col .dark-block {display: flex; flex-direction: column; justify-content: space-between; width: 26rem; height: 14rem; padding: 2.8rem 2rem; background: var(--color-main-blue);}
.mod-about .info-block .item-col .dark-block .desc {width: 48%;}

.mod-we-welcome-new-employees {padding: 15rem 0 10rem 0; display: flex; justify-content: flex-end;}
.mod-we-welcome-new-employees::before {background-image: url('/images/modules/mod-we-welcome-new-employees/001.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.mod-we-welcome-new-employees .content-block {display: flex; flex-direction: column; gap: 6rem; width: 70%; align-items: flex-end;}
.mod-we-welcome-new-employees .content-block .title {position: relative; padding-bottom: 1.25rem; border-bottom: 1px solid var(--color-main-blue); width: 100%; text-align: end;} 
.mod-we-welcome-new-employees .content-block .fulltext {display: flex; justify-content: space-between; align-items: flex-end; width: 100%;}
.mod-we-welcome-new-employees .content-block .fulltext .text-block {width: 30rem;}

.mod-we-are-working {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin: 8rem 0;}
.mod-we-are-working .title-item {width: 100%; position: relative; height: fit-content;}
.mod-we-are-working .title-item:before {content: ''; display: flex; position: absolute; z-index: -100; top: 0; left: 0; width: 20rem; height: 1px; background-color: var(--color-main-warning);}
.mod-we-are-working .item-block {display: flex; flex-direction: column; gap: 1rem; width: 100%;}
.mod-we-are-working .item-block .image {width: 100%; max-height: 20rem;}
.mod-we-are-working .item-block .image img {width: 100%; height: 100%; object-fit: cover;}

.mod-advantages {display: flex; justify-content: right; gap: 3rem; padding: 15rem 0 5rem 0;}
.mod-advantages:before {background-image: url('/images/modules/mod-advantages/001.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.mod-advantages .title {margin-top: 4.35rem; position: relative; height: fit-content;}
.mod-advantages .title:before {content: ''; display: flex; position: absolute; z-index: -100; bottom: -1rem; left: -5rem; width: 100vw; height: 1px; background-color: var(--color-main-warning);}
.mod-advantages .accordion {position: relative; width: 50%; background: var(--color-main-white);}
.mod-advantages .accordion::before {content: ''; position: absolute; width: 100%; height: 100%; background-color: var(--color-main-white); left: 100%;}
.mod-advantages .accordion .accordion-item {display: flex; align-items: center; justify-content: space-between; background: none; position: relative; padding: 3rem 2rem; border-radius: 0; border: 0;}
.mod-advantages .accordion .accordion-item:before {content: ''; width: 100vw; height: 1px; position: absolute; left: 0; bottom: 0; background: var(--color-main-blue);}
.mod-advantages .accordion .accordion-item .accordion-header {width: 12rem;}
.mod-advantages .accordion .accordion-item .accordion-body {padding: 0; width: 14rem;}
.mod-advantages .accordion .accordion-item .accordion-body ul {display: flex; flex-direction: column; gap: 0.5rem; margin: 0;}
.mod-advantages .accordion .accordion-item .accordion-button:not(.collapsed) svg circle {fill: none;}
.mod-advantages .accordion .accordion-item .accordion-button:not(.collapsed) svg line {stroke: var(--color-main-blue);}
.mod-advantages .accordion .accordion-item .accordion-button:not(.collapsed) svg .plus-line {stroke: none;}
.mod-advantages .accordion .accordion-item .accordion-button::after {display: none;}
.mod-advantages .accordion .accordion-item .accordion-button {padding: 0; background: none; box-shadow: none;}

.mod-manager-address {display: flex;}
.mod-manager-address .content-block {display: flex; gap: 1rem;}
.mod-manager-address::before {background-color: var(--color-main-blue); background-repeat: no-repeat; background-position: center; background-size: cover;}
.mod-manager-address .text-block {display: flex; flex-direction: column; justify-content: space-between; margin: 2.85rem 0 4rem 0; gap: 1rem; max-width: 50%;}
.mod-manager-address .text-block .title-block {width: 100%; display: flex; flex-direction: column; gap: 1.5rem;}
.mod-manager-address .text-block .title-block .subtitle-block {display: flex; flex-direction: column; gap: 0.65rem;}
.mod-manager-address .text-block .desc {width: 100%;}
/* .mod-manager-address .text-block .desc::before {content: url(/images/modules/mod-manager-address/003.svg); width: fit-content; height: fit-content; position: absolute; left: -11rem; bottom: -4rem; z-index: -1;} */
.mod-manager-address .image-block {width: 100%; position: relative; margin-right: 4rem;}
.mod-manager-address .image-block img {width: 100%; height: 100%; object-fit: cover;}
.mod-manager-address .image-block .title-block {display: none;}
.mod-manager-address .image-block::before {content: ''; width: 100%; height: 50%; left: 100%; top: 0; background-color: var(--color-main-warning); position: absolute;} 

.mod-selected-front-door {padding: 10rem 0; display: flex; flex-direction: column; gap: 6rem;}
.mod-selected-front-door:before {background-image: url('/images/modules/mod-selected-front-door/001.jpg'); background-position: center; background-size: cover;}
.mod-selected-front-door .title-block {display: flex; flex-direction: column; width: fit-content;}
.mod-selected-front-door .title-block hr {background-color: var(--color-main-white); height: 2px; opacity: 1;}
.mod-selected-front-door .title-block .subtitle {text-align: end;}
.mod-selected-front-door .href-block {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 11rem; height: 11rem; padding: 2.8rem 1.6rem; border: 1px solid #FFFDFD; background: var(--background-filter); backdrop-filter: var(--background-filter-blur);}
.mod-selected-front-door .href-block .title {text-decoration: underline;}
.mod-selected-front-door .href-block img {width: 100%; height: fit-content;}

.mod-our-partners {display: flex; align-items: center; flex-direction: column; margin: 5rem 0; gap: 4rem;}
.mod-our-partners .owl-carousel .owl-stage-outer {overflow: visible;}
.mod-our-partners .owl-carousel .owl-stage-outer .owl-stage {display: flex;}
.mod-our-partners .owl-carousel .owl-stage-outer .owl-stage .owl-item {height: 10rem;}
.mod-our-partners .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.mod-our-partners .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {width: 100%; height: 100%; object-fit: contain;}
.mod-our-partners .title {position: relative;}
.mod-our-partners .title::before {content: ''; display: flex; position: absolute; z-index: -100; bottom: 0.75rem; left: 98%; width: 100vw; height: 1px; background-color: var(--color-main-warning);}

.mod-charity-letter {display: flex; flex-direction: column; gap: 5rem; margin: 5rem 0;}
.mod-charity-letter .title-block {display: flex; justify-content: space-between; align-items: center;}
.mod-charity-letter .title-block .navs-block {display: flex; gap: 0.5rem; height: fit-content;}
.mod-charity-letter .title-block .navs-block .nav-prev, .mod-charity-letter .title-block .navs-block .nav-next {cursor: pointer;}
.mod-charity-letter .title-block .navs-block .nav-prev svg *, .mod-charity-letter .title-block .navs-block .nav-next svg * {transition: all 0.2s;}
.mod-charity-letter .title-block .navs-block .nav-prev:hover svg path, .mod-charity-letter .title-block .navs-block .nav-next:hover svg path {fill: var(--color-main-warning-hover);}
.mod-charity-letter .title-block .navs-block .nav-prev:active svg path, .mod-charity-letter .title-block .navs-block .nav-next:active svg path {fill: var(--color-main-warning-active);}
.mod-charity-letter .carousel-charity:before {content: ''; background-color: var(--color-main-warning); height: 1px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;}
.mod-charity-letter .item {position: relative; transition: all .2s;}
.mod-charity-letter .text-block {opacity: 0; display: flex; align-items: center; transition: all .2s; padding: 1rem; gap: 0.4rem; flex-direction: column; height: fit-content; width: fit-content; width: 80%; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; background-color: var(--color-main-white); position: absolute;}
.mod-charity-letter .item:hover .text-block {opacity: 1;}
.mod-charity-letter .text-block .title {font-size: 0.6rem;}
.mod-charity-letter .text-block .desc {font-size: 0.4rem;}

.mod-contacts-page {display: flex; align-items: center; justify-content: center; background-color: var(--color-main-warning) !important; margin: 5rem 0;}
.mod-contacts-page .content-block {width: 100%; max-width: 1920px; justify-content: flex-end;}
.mod-contacts-page .left-block {width: 29.8rem; padding: 2rem 3rem 2rem 0 !important; display: flex; flex-direction: column; gap: 1rem;}
.mod-contacts-page .left-block .item-contacts {display: flex; flex-direction: column; gap: 0.5rem;}
.mod-contacts-page .left-block .tel-block {display: flex; justify-content: space-between;}
.mod-contacts-page .left-block .numbers {display: flex; flex-direction: column; gap: 0.5rem;}
.mod-contacts-page .left-block .tels-block {display: flex; flex-direction: column; gap: 1rem;}
.mod-contacts-page .contacts-block {display: flex; gap: 1rem;}

.mod-for-home {display: flex; flex-direction: column; gap: 3rem; margin-top: 5rem;}
.mod-for-home .title-block {display: flex; flex-direction: column; gap: 1rem;}
.mod-for-home .title-block .line img {height: 1px;}
.mod-for-home .desc {display: flex; flex-direction: column; gap: 1rem; max-width: 40rem;}

.mod-catalog-categories-page {display: flex; flex-direction: column; gap: 3rem; margin: 5rem 0;}
.mod-catalog-categories-page .catalog-carousel-block {display: flex; flex-direction: column; gap: 2rem;}
.mod-catalog-categories-page .catalog-carousel-block .title-block {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem;}
.mod-catalog-categories-page .catalog-carousel-block .title-block .navs-block {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.mod-catalog-categories-page .catalog-carousel-block .title-block .navs-block .nav-prev, .mod-catalog-categories-page .catalog-carousel-block .title-block .navs-block .nav-next {cursor: pointer;}
.mod-catalog-categories-page .catalog-carousel-block .owl-carousel .owl-item .item {display: flex; width: 100%; aspect-ratio: 1/1; height: 100%; position: relative; /*background: var(--color-main-blue);*/}
/* .mod-catalog-categories-page .catalog-carousel-block .owl-carousel .owl-item .item::after {content: ''; background-image: url('/images/icons/yellow-arch.svg'); width: 100%; height: 100%; z-index: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-size: 100% 100%; background-position-y: 1rem; background-repeat: no-repeat;} */
.mod-catalog-categories-page .catalog-carousel-block .owl-carousel .owl-item .item::before {content: ''; width: 100%; height: 100%; z-index: 3; position: absolute;   -webkit-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; -moz-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset;}
.mod-catalog-categories-page .catalog-carousel-block .owl-carousel .owl-item .item .image {width: 100%; height: 100%; object-fit: cover; padding: 1rem; z-index: 2;}
.mod-catalog-categories-page .catalog-carousel-block .catalog-carousel .owl-item img {aspect-ratio: 1/1; object-fit: contain;}
.mod-catalog-categories-page .catalog-carousel-block .owl-carousel .owl-item .item .text {position: absolute; bottom: 5%; color: var(--color-main-white); font-weight: 600; left: 5%; right: 5%; z-index: 3;}

.com-tags-items-catalog {display: flex; flex-direction: column; gap: 3rem; margin: 5rem 0;}
.com-tags-items-catalog .catalog-carousel-block {display: flex; flex-direction: column; gap: 2rem;}
.com-tags-items-catalog .catalog-carousel-block .title-block {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem;}
.com-tags-items-catalog .catalog-carousel-block .title-block .navs-block {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.com-tags-items-catalog .catalog-carousel-block .title-block .navs-block .nav-prev, .com-tags-items-catalog .catalog-carousel-block .title-block .navs-block .nav-next {cursor: pointer;}
.com-tags-items-catalog .catalog-carousel-block .owl-carousel .owl-item .item {width: 100%; height: 100%; position: relative;}
.com-tags-items-catalog .catalog-carousel-block .owl-carousel .owl-item .item .image {width: 100%; aspect-ratio: 1/1; height: 100%; object-fit: cover;}
.com-tags-items-catalog .catalog-carousel-block .owl-carousel .owl-item .item .text {position: absolute; bottom: 5%; color: var(--color-main-white); font-weight: 600; left: 5%;}


.katalog-item {margin: 5rem 0; display: flex; flex-direction: column; gap: 3rem;}
.katalog-item .top-block {display: flex; justify-content: space-between;}
.katalog-item .top-block .images-block {display: flex; flex-direction: column; gap: 1rem; width: 50%;}
.katalog-item .top-block .images-block .line-block {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-between; gap: 2rem; width: 100%; background-color: var(--color-main-blue); height: 1px;}
.katalog-item .top-block .images-block .line-block .yellow-line.active {background-color: var(--color-main-warning);}
.katalog-item .top-block .images-block .all-images {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-between; gap: 2rem; width: 100%;}
.katalog-item .top-block .images-block .all-images img {width: 100%; aspect-ratio: 1/1; cursor: pointer; object-fit: contain;}
.katalog-item .top-block .main-block img {transition: opacity 0.5s ease-in-out; opacity: 1; width: 100%; aspect-ratio: 15 / 10; object-fit: contain;}
.katalog-item .top-block .main-block img.fade-out {opacity: 0;}
.katalog-item .top-block .text-block {display: flex; flex-direction: column; gap: 2rem; width: 40%;}
.katalog-item .top-block .text-block .info {display: flex; flex-direction: column; gap: 1rem;}
.katalog-item .top-block .text-block .info .info-item {display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid var(--color-main-blue-active); font-size: 0.9rem;}
.katalog-item .top-block .text-block .info .info-item .left-item {text-align: start;}
.katalog-item .top-block .text-block .info .info-item .right-item {text-align: end;}
.katalog-item .catalog-carousel-block {display: flex; flex-direction: column; gap: 2rem;}
.katalog-item .catalog-carousel-block .title-block {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem;}
.katalog-item .catalog-carousel-block .title-block .navs-block {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.katalog-item .catalog-carousel-block .title-block .navs-block .nav-prev, .katalog-item .catalog-carousel-block .title-block .navs-block .nav-next {cursor: pointer;}
.katalog-item .catalog-carousel-block .owl-carousel .owl-item .item {display: flex; width: 100%; aspect-ratio: 1/1; height: 100%; position: relative; background: var(--color-main-blue);}
.katalog-item .catalog-carousel-block .owl-carousel .owl-item .item::after {content: ''; background-image: url('/images/icons/yellow-arch.svg'); width: 100%; height: 100%; z-index: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-size: 100% 100%; background-position-y: 1rem; background-repeat: no-repeat;}
.katalog-item .catalog-carousel-block .owl-carousel .owl-item .item::before {content: ''; width: 100%; height: 100%; z-index: 3; position: absolute;   -webkit-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; -moz-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset;}
.katalog-item .catalog-carousel-block .owl-carousel .owl-item .item .image {width: 100%; height: 100%; object-fit: cover; padding: 1rem; z-index: 2;}
.katalog-item .catalog-carousel-block .catalog-carousel .owl-item img {aspect-ratio: 1/1; object-fit: contain;}
.katalog-item .catalog-carousel-block .owl-carousel .owl-item .item .text {position: absolute; bottom: 5%; color: var(--color-main-white); font-weight: 600; left: 5%; right: 5%; z-index: 3;}

.mod-catalog {display: grid; margin: 5rem 0; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; width: 100%;}
.mod-catalog .item-catalog {position: relative;}
.mod-catalog .item-catalog:hover {transform: scale(1.1);}
.mod-catalog .item-catalog img {width: 100%; height: 100%; object-fit: cover;}
.mod-catalog .item-catalog .title {position: absolute; bottom: 1rem; left: 1rem;}

.katalog-item .bottom-block {display: flex; flex-direction: column; gap: 3rem;}
.katalog-item .bottom-block .content-block {display: grid; grid-template-columns: 1fr 1fr; gap: 3rem;}
.katalog-item .bottom-block .info {display: flex; flex-direction: column; gap: 1rem;}
.katalog-item .bottom-block .info .info-item {display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid var(--color-main-blue-active); font-size: 0.9rem;}
.katalog-item .bottom-block .info .info-item .left-item {text-align: start;}
.katalog-item .bottom-block .info .info-item .right-item {text-align: end;}

.mod-form {margin: 5rem 0; display: flex; align-items: center; justify-content: center;} 
.mod-form .form-catalog-item {display: flex; flex-direction: column; align-items: center; gap: 2rem; background-color: var(--color-main-blue); padding: 3rem; max-width: 35rem;}
.mod-form .form-catalog-item .title-block {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; text-align: center;}
.mod-form .form-catalog-item .title-block .inputs-block {display: flex; flex-direction: column; gap: 1rem; width: 100%;}
.mod-form .form-catalog {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; width: 100%; gap: 2rem;}
.mod-form .form-catalog .item-form {display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center;}
.mod-form .form-catalog .item-form .title-block {display: flex; width: 100%; flex-direction: column; align-items: center; gap: 1rem;}
.mod-form .form-catalog .item-form .title-block .inputs-block {display: flex; width: 80%; flex-direction: column; gap: 1rem;}
.mod-form .form-catalog .item-form-blue { padding: 1rem; aspect-ratio: 1/1; background-color: var(--color-main-blue); text-align: center; color: var(--color-main-white); display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center;} 
.mod-form .form-catalog .item-form:nth-child(1) {grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3;}
.mod-form .form-catalog .item-form:nth-child(2) {grid-column-start: 5;} 
.mod-form .form-catalog .item-form:nth-child(6)  {grid-column-start: 3;}
.btn-back {display: flex; align-items: center; justify-content: center; gap: 0.5rem} 
.btn-back svg path {transition: .3s;}
.btn-back:hover svg path {fill: var(--color-main-white);}

.com-tags-catalog {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.com-tags-catalog {display: grid; margin: 5rem 0; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; width: 100%;}
.com-tags-catalog .item-catalog {position: relative; padding: 0; border-radius: 0; border: none; transition: 0.2s;}
.com-tags-catalog .item-catalog:hover {transform: scale(1.1);}
.com-tags-catalog .item-catalog img {width: 100%; height: 100%; object-fit: cover;}
.com-tags-catalog .item-catalog .title {position: absolute; bottom: 1rem; left: 1rem;}

.com-tags .title-catalog {width: 100%; margin: 5rem 0; padding-bottom: 2rem; position: relative;}
.com-tags .title-catalog::after {content: ''; background: url('/images/icons/left-to-right-line.svg'); position: absolute; bottom: 0; width: 100%; height: 1px; left: 0;}

.mod-otdelka {margin: 5rem 0; display: flex; flex-direction: column; gap: 5rem;}
.mod-otdelka .title-block {padding-bottom: 2rem; position: relative;}
.mod-otdelka .title-block:after {content: ''; background: url(/images/icons/left-to-right-line.svg); position: absolute; bottom: 0; width: 100%; height: 1px; left: 0;}
.mod-otdelka .content-block {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem;}
.mod-otdelka .content-block .item-catalog {position: relative; width: 100%; height: 20rem;}
.mod-otdelka .content-block .item-catalog:hover {transform: scale(1.1);}
.mod-otdelka .content-block .item-catalog img {width: 100%; height: 100%; object-fit: cover;}
.mod-otdelka .content-block .item-catalog .title {position: absolute; bottom: 10%; left: 5%; right: 5%;}

.mod-inner-panel {margin: 5rem 0; display: flex; flex-direction: column; gap: 5rem;}
.mod-inner-panel .title-block {padding-bottom: 2rem; position: relative;}
.mod-inner-panel .title-block:after {content: ''; background: url(/images/icons/left-to-right-line.svg); position: absolute; bottom: 0; width: 100%; height: 1px; left: 0;}
.mod-inner-panel .content-block {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem;}
.mod-inner-panel .content-block .item-catalog {position: relative; width: 100%; height: 18rem;}
.mod-inner-panel .content-block .item-catalog:hover {transform: scale(1.1);}
.mod-inner-panel .content-block .item-catalog img {width: 100%; height: 100%; object-fit: cover;}
.mod-inner-panel .content-block .item-catalog .title {position: absolute; bottom: 10%; left: 5%; right: 5%;}

.com-content-odelka-blog {display: flex; flex-direction: column; gap: 5rem; margin: 5rem 0;}
.com-content-odelka-blog .title-block {padding-bottom: 2rem; position: relative;}
.com-content-odelka-blog .title-block:after {content: ''; background: url(/images/icons/left-to-right-line.svg); position: absolute; bottom: 0; width: 100%; height: 1px; left: 0;}
.com-content-odelka-blog .content-block {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem;}
.com-content-odelka-blog .content-block .item-content {width: 100%; height: 100%; position: relative; height: 18rem;}
.com-content-odelka-blog .content-block .item-content:hover {transform: scale(1.1);}
.com-content-odelka-blog .content-block .item-content img {width: 100%; height: 100%; object-fit: cover;}
.com-content-odelka-blog .content-block .item-content .title {position: absolute; bottom: 10%; left: 5%; right: 5%;}

.otdelka-item {margin: 5rem 0; display: flex; flex-direction: column; gap: 3rem;}
.otdelka-item .top-block {display: flex; justify-content: space-between;}
.otdelka-item .top-block .images-block {display: flex; flex-direction: column; gap: 1rem; width: 50%;}
.otdelka-item .top-block .images-block .line-block {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-between; gap: 2rem; width: 100%; background-color: var(--color-main-blue); height: 1px;}
.otdelka-item .top-block .images-block .line-block .yellow-line.active {background-color: var(--color-main-warning);}
.otdelka-item .top-block .images-block .all-images {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-between; gap: 2rem; width: 100%;}
.otdelka-item .top-block .images-block .all-images img {width: 100%; aspect-ratio: 1/1; cursor: pointer; object-fit: contain;}
.otdelka-item .top-block .main-block img {transition: opacity 0.5s ease-in-out; opacity: 1; width: 100%; aspect-ratio: 15 / 10; object-fit: contain;}
.otdelka-item .top-block .main-block img.fade-out {opacity: 0;}
.otdelka-item .top-block .text-block {display: flex; flex-direction: column; gap: 2rem; width: 40%;}
.otdelka-item .top-block .text-block .info {display: flex; flex-direction: column; gap: 1rem;}
.otdelka-item .top-block .text-block .info .info-item {display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid var(--color-main-blue-active); font-size: 0.9rem;}
.otdelka-item .top-block .text-block .info .info-item .left-item {text-align: start;}
.otdelka-item .top-block .text-block .info .info-item .right-item {text-align: end;}

.otdelka-item .bottom-block {display: flex; flex-direction: column; gap: 3rem;}
.otdelka-item .bottom-block .content-block {display: grid; grid-template-columns: 1fr 1fr; gap: 3rem;}
.otdelka-item .bottom-block .info {display: flex; flex-direction: column; gap: 1rem;}
.otdelka-item .bottom-block .info .info-item {display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid var(--color-main-blue-active); font-size: 0.9rem;}
.otdelka-item .bottom-block .info .info-item .left-item {text-align: start;}
.otdelka-item .bottom-block .info .info-item .right-item {text-align: end;}

.otdelka-item .catalog-carousel-block {display: flex; flex-direction: column; gap: 2rem;}
.otdelka-item .catalog-carousel-block .title-block {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem;}
.otdelka-item .catalog-carousel-block .title-block .navs-block {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.otdelka-item .catalog-carousel-block .title-block .navs-block .nav-prev, .otdelka-item .catalog-carousel-block .title-block .navs-block .nav-next {cursor: pointer;}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item .item {display: flex; width: 100%; height: 100%; position: relative; background: var(--color-main-blue);}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item .item::after {content: ''; background-image: url('/images/icons/yellow-arch.svg'); width: 100%; height: 100%; z-index: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-size: 100% 100%; background-position-y: 1rem; background-repeat: no-repeat;}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item .item::before {content: ''; width: 100%; height: 100%; z-index: 3; position: absolute;   -webkit-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; -moz-box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset; box-shadow: 0px -150px 100px -100px rgb(0, 0, 0) inset;}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item .item .image {width: 100%; height: 100%; object-fit: cover; padding: 1rem; z-index: 2;}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item img {aspect-ratio: 1/1; object-fit: contain;}
.otdelka-item .catalog-carousel-block .catalog-carousel .owl-item .item .text {position: absolute; bottom: 5%; color: var(--color-main-white); font-weight: 600; left: 5%; right: 5%; z-index: 3;}


.otdelka-item .catalog-carousel-block .catalog-carousel-design .owl-item .item {display: flex; width: 100%; height: 100%; position: relative; background: var(--color-main-blue);}
.otdelka-item .catalog-carousel-block .catalog-carousel-design .owl-item .item .image {width: 100%; height: 100%; object-fit: cover; padding: 0; z-index: 2;}
.otdelka-item .catalog-carousel-block .catalog-carousel-design .owl-item img {aspect-ratio: 1/1; object-fit: cover;}
.otdelka-item .catalog-carousel-block .catalog-carousel-design .owl-item .item .text {position: absolute; bottom: 5%; color: var(--color-main-white); font-weight: 600; left: 5%; right: 5%; z-index: 3;}

.mod-series-desc {display: flex; flex-direction: column; gap: 3rem; margin-top: 5rem;}
.mod-series-desc .title-block {display: flex; flex-direction: column; gap: 1rem;}
.mod-series-desc .title-block .line img {height: 1px;}
.mod-series-desc .desc {display: flex; flex-direction: column; gap: 1rem; max-width: 40rem;}

/* Адаптация */

@media screen and (max-width: 1755px) {
	.mod-about .info-block .item-col .white-block {width: 24rem; height: 17rem;}
	.mod-about .info-block .item-col .white-block .desc {width: 100%;}
	.mod-about .info-block .item-col .yellow-block {width: 24rem; height: 17rem;}
	.mod-about .info-block .item-col .yellow-block .desc {width: 100%;}
	.mod-about .info-block .item-col .dark-block {width: 20rem;}
	.mod-about .info-block .item-col .dark-block .desc {width: 100%;}
}

@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1519px) {
	header .mod-header-menu {gap: 0.5rem;}

	.mod-main-banner {flex-direction: column; gap: 2rem;}
	.mod-main-banner .items-block {gap: 0.5rem; justify-content: space-between;}
	.mod-main-banner .items-block .item-col {flex-direction: row; gap: 0.5rem; justify-content: space-between;}
	.mod-main-banner .items-block .item-col:nth-child(2) {margin-bottom: 0;}

	footer .footer_items {display: grid; grid-template-columns: auto auto; gap: 1rem; align-items: flex-start; column-gap: 3rem;}
	footer .mod-logo-footer {align-items: center; justify-content: center; width: 100%;}
	footer .mod-footer-menu {align-items: flex-start; justify-content: space-between; width: 100%;}
	footer .mod-footer-contacts {align-items: center; justify-content: center; width: 100%;}

	.mod-about {flex-direction: column; gap: 4rem; margin: 5rem 0;}
	.mod-about .info-block {position: static; align-self: flex-start;}
	.mod-about .info-block .item-col {flex-direction: column;  gap: 1rem;}
	.mod-about .info-block .item-col .white-block {width: 100%; gap: 1rem; background: var(--color-main-warning); height: 15rem;}
	.mod-about .info-block .item-col .white-block .title {color: var(--color-main-white) !important;}
	.mod-about .info-block .item-col .yellow-block {width: 100%; gap: 1rem; height: 15rem;}
	.mod-about .info-block .item-col .dark-block {width: 100%; gap: 1rem; height: 15rem;}

	/* .mod-manager-address .text-block .desc::before {bottom: -3rem;} */

	
	.mod-form .form-catalog {display: flex; flex-direction: column;}
	.mod-form .form-catalog .item-form-blue {aspect-ratio: none; height: 15rem;}
}

@media screen and (max-width: 1430px) {
	.mod-contacts-page .left-block {width: 100%; padding: 2rem !important;}
	.mod-contacts-page .map-block {width: 100%; height: 30rem;}
}

@media screen and (max-width: 1399px) {
	.mod-door-series .content-block {grid-template-columns: 1fr 1fr 1fr;}

	.mod-production .content-block .fulltext {align-items: flex-start; gap: 2rem; flex-direction: column-reverse;}
	.mod-we-welcome-new-employees .content-block .fulltext {gap: 2rem; flex-direction: column; text-align: end;}

	.mod-advantages {flex-direction: column;}
	.mod-advantages .accordion {width: 100%;}
	.mod-advantages .title:before {left: 0;}
	.mod-advantages .accordion::before {content: none;}
	.mod-advantages .accordion .accordion-item .accordion-body {width: 30rem;}
	.mod-advantages .accordion .accordion-item:before {width: 100%;}

	.mod-manager-address .text-block {max-width: 100%; margin: 0 0 4rem 0;}
	.mod-manager-address .content-block {gap: 1rem; flex-direction: column-reverse; height: fit-content;}
	.mod-manager-address .content-block .title-block {display: none;}
	.mod-manager-address .image-block {display: flex; justify-content: flex-end; gap: 2rem;}
	.mod-manager-address .image-block .title-block {display: flex; flex-direction: column; gap: 1rem; justify-content: space-evenly;}
	.mod-manager-address .image-block .title-block .subtitle-block {display: flex; flex-direction: column; gap: 0.5rem;}
	/* .mod-manager-address .image-block img {height: 50%;} */
	.mod-manager-address .image-block img {width: 15rem;}
	/* .mod-manager-address .text-block .desc::before {bottom: -10rem;} */
}
@media screen and (max-width: 1351px) {

	.mod-catalog-otdelka .item-catalog-otdelka {height: 25rem;}
}

@media screen and (max-width: 1199px) {
	header .container {gap: 0;}
	header #header_items {margin-top: 4rem;}

	.mod-main-banner::before {top: -25rem;}

	.mod-we-are-working {grid-template-columns: repeat(2, 1fr);}
	.mod-we-are-working .title-item:before {display: none;}

	.com-content-odelka-blog .content-block {grid-template-columns: 1fr 1fr;}
	.mod-inner-panel .content-block {grid-template-columns: 1fr 1fr;}

	/* .mod-manager-address .text-block .desc::before {bottom: -19rem;} */

}

@media screen and (max-width: 991px) {
	.mod-door-series .content-block {grid-template-columns: 1fr 1fr;}

	.mod-manager-address .image-block {display: none;}
	/* .mod-manager-address .text-block {gap: 5rem;} */
	.mod-manager-address .text-block .desc {width: 100%;}
	/* .mod-manager-address .text-block .desc::before {content: none;} */

	footer .footer_items {grid-template-columns: 1fr;}
	footer .mod-footer-menu {flex-direction: column; font-size: 1.4rem; align-items: center;}
	footer .mod-footer-menu .nav-item {display: flex; flex-direction: column; align-items: center; gap: 0.5rem;}
	footer .mod-footer-menu .nav-item .mod-menu__sub {display: flex; flex-direction: column; text-align: center; gap: 0.5rem;}
	footer .mod-rostsayt-contacts {grid-column-end: 2;}
	footer .mod-rostsayt-contacts .content-block {flex-direction: column; align-items: center; gap: 1rem; font-size: 1.2rem;}

	.mod-manager-address .content-block .title-block {display: flex; margin-top: 1rem;}
	.mod-manager-address .image-block .title-block {display: none;}

	.mod-otdelka .content-block {grid-template-columns: 1fr 1fr;}
	.otdelka-item .top-block {flex-direction: column; gap: 2rem;}
	.otdelka-item .top-block .images-block {width: 100%;}
	.otdelka-item .top-block .text-block {width: 100%;}
	
	.otdelka-item .bottom-block .content-block {grid-template-columns: 1fr;}
}
@media screen and (max-width: 767px) {
	header .mod-header-menu {flex-direction: column; align-items: center; gap: 1rem; font-size: 1.4rem;}
	header .mod-header-contacts {justify-content: center;}

	.mod-main-banner {height: fit-content;}
	.mod-main-banner::before {top: -45rem;}
	.mod-main-banner .items-block {flex-direction: column; gap: 1rem;}
	.mod-main-banner .items-block .item-col {flex-direction: column; width: 100%; gap: 1rem;}
	.mod-main-banner .items-block .item-col .item {width: 100%;}

	.mod-catalog-otdelka {flex-direction: column;}

	.mod-production::before {background-position: 75% 100%;}
	.mod-production .content-block {width: 100%;}

	.mod-we-welcome-new-employees .content-block {width: 100%;}
	.mod-we-welcome-new-employees .content-block .title {text-align: start;}
	.mod-we-welcome-new-employees .content-block .fulltext {align-items: flex-start;}
	.mod-we-welcome-new-employees .content-block .fulltext .text-block {width: 100%;}
	.mod-we-welcome-new-employees .content-block .fulltext {text-align: start;}

	.mod-we-are-working {grid-template-columns: 1fr;}

	.mod-advantages .accordion .accordion-item {display: grid; grid-template-columns: 1fr 1fr;}
	.mod-advantages .accordion .accordion-item .accordion-header {margin-bottom: 2rem;}
	.mod-advantages .accordion .accordion-item .accordion-collapse.show {display: flex;}
	.mod-advantages .accordion .accordion-item .accordion-collapse {grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3;}
	.mod-advantages .accordion .accordion-item .accordion-collapse .accordion-body {width: 100%;}
	.mod-advantages .accordion .accordion-item .accordion-bottom {display: flex; justify-content: flex-end; margin-bottom: 2rem;}
	.mod-advantages .accordion .accordion-item .accordion-bottom .accordion-button {width: fit-content;}

	.mod-charity-letter .title-block {flex-direction: column; align-items: flex-start; gap: 1rem;}
	.mod-charity-letter .title-block .title {font-size: 2rem;}

	.katalog-item .top-block {flex-direction: column; gap: 5rem;}
	.katalog-item .top-block .images-block {width: 100%;}
	.katalog-item .top-block .text-block {width: 100%;}

	.mod-catalog {grid-template-columns: 1fr 1fr;}
	.com-tags-catalog {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 575px) {
	.mod-logo-header {width: 50vw;}
	
	.mod-main-banner .text-block .title-block .subtitle {width: 100%;}

	.mod-about .info-block {flex-direction: column; width: 100%; gap: 1rem;}
	.mod-about .info-block .item-col {width: 100%;}

	.katalog-item .bottom-block .content-block {display: flex; flex-direction: column;}

	.mod-otdelka .content-block {grid-template-columns: 1fr;}
	.com-content-odelka-blog .content-block {grid-template-columns: 1fr;}
	.mod-inner-panel .content-block {grid-template-columns: 1fr;}
}

@media screen and (max-width: 475px) {
	.mod-door-series .content-block {grid-template-columns: 1fr;}
	
	.mod-production .content-block .fulltext .text-block {width: 100%;}

	.mod-catalog {grid-template-columns: 1fr;} 
	.com-tags-catalog {grid-template-columns: 1fr;}
}

@media screen and (max-width: 350px) {
} 

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

.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}

.mod-rostsayt-contacts { order: 2 !important; }

._article { margin-top: 2rem; margin-bottom: 2rem; box-sizing: border-box; }
._article * { margin-bottom: 1rem; margin-top: 0px; font-family: Arial; }
._article li { margin-bottom: 1rem; margin-left: 2.5rem; }
._article li > p { padding: 0px; margin: 0px; }
._article ol, ._article ul { margin-bottom: 0.5rem !important; padding: 0px !important; }
._article ul > li { list-style-type: disc; }
._article ul ul > li { list-style-type: circle; }
._article ol > li { list-style-type: decimal; }
._article h2 { font-size: 2rem; }

form div:has(> input[type="checkbox"]) { all: unset; display: flex; gap: 1ch; padding-top: 0.5rem; }
form div:has(> input[type="checkbox"]) > p { all: unset; text-align: left; }
form div:has(> input[type="checkbox"]) a { color: var(--accentColor) !important; }
form input[type="checkbox"] { cursor: pointer; }