*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 150%;
	margin: 0;
	min-width: 1016px;
}

a {
	text-decoration: none;
}

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

iframe {
	border: none;
}

img {
	max-width: 100%;
}

.bold {
	font-weight: bold;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.half-width {
	width: calc(50% - 10px);
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

body,
.hamb-menu-text a,
.hamb-left-item a,
.hamb-center-item a,
.top-menu a,
.example-block.light-bg,
/* .call-block-balloon, */
.locks-list a,
.bc-item a,
.contacts-block-right .call-button .common-phone,
.how-block.light-bg {
	color: #000000;
}

.dark-bg,
.color-white,
.main-zamena-block-inner h1,
.main-zamena-block-list-item,
.call-button .common-phone,
.main-block-subtext,
.whatsapp-button a,
.works-block-title,
.works-block-text,
.common-form-button,
.promise-block .block-common-title,
.promise-list-item,
.doors-block .block-common-title,
.doors-text,
.doors-link,
.achievements-block,
.iron-door-block,
.how-block,
.example-block,
.call-block,
footer,
.footer-block-left .common-phone,
.contacts-block-right .call-button .common-phone:hover,
.page-404 .hamb-menu-text a,
.page-404 .hamb-left-item a,
.page-404 .hamb-center-item a {
	color: #FFFFFF;
}

.header-phone-block-line span,
.prices-block-item-title,
.promo-discount span,
.achievements-block-left .achievements-block-title,
.achievements-block-right-1 .achievements-colored-title,
.how-block-list-item a,
.works-prices-bottom a,
.director-form,
.doors-price-title,
.works-prices-item-left,
.top-menu a:hover,
.hamb-left-item a:hover,
.hamb-center-item a:hover,
.hamb-menu-text a:hover,
.locks-list a:hover,
.bc-item a:hover,
.remont-page-master .example-list-item span,
.vrezka-page-etapi .example-list-item span,
.ustanovka-page-how .example-list-item span,
.uslugi-list-item {
	color: #FF7E04;
}

.staff-block .slider-arrow-prev path,
.staff-block .slider-arrow-next path,
.promo-block .slider-arrow-prev path,
.promo-block .slider-arrow-next path,
.reviews-block .slider-arrow-prev path,
.reviews-block .slider-arrow-next path {
	fill: #939096;
}

.header-hamburger:hover path,
.slider-arrow-prev:hover path,
.slider-arrow-next:hover path,
.staff-block .slider-arrow-prev:hover path,
.staff-block .slider-arrow-next:hover path,
.promo-block .slider-arrow-prev:hover path,
.promo-block .slider-arrow-next:hover path,
.reviews-block .slider-arrow-prev:hover path,
.reviews-block .slider-arrow-next:hover path {
	fill: #FF7E04;
}

.call-block .call-button .common-phone svg path,
.call-block .call-button .common-phone:hover svg path {
	fill: #FFFFFF;
}

.staff-block .slider-dots li,
.promo-block .slider-dots li,
.reviews-block .slider-dots li {
	background: #939096;
}

.common-form-button,
.example-list-item::before,
.call-block,
.call-button .common-phone:hover,
.slider-dots li.slick-active,
.slider-dots li:hover,
.staff-block .slider-dots li.slick-active,
.staff-block .slider-dots li:hover,
.promo-block .slider-dots li.slick-active,
.promo-block .slider-dots li:hover,
.reviews-block .slider-dots li.slick-active,
.reviews-block .slider-dots li:hover,
.doors-link:hover,
.remont-page-master ul li::before {
	background: #FF7E04;
}

.call-button .common-phone:hover,
.doors-link:hover,
.contacts-block-right .call-button .common-phone:hover {
	border-color: #FF7E04;
}

.common-form-button:hover {
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
}

.light-bg,
.hamb-menu-inner,
.prices-block-item,
.promo-block,
.reviews-block,
.good-service-block,
.zamena-prices-block,
.faq-block,
.example-block.light-bg,
.map-block,
.doors-price-item,
.detailed-prices-block,
.works-prices-block,
.facts-block,
.locks-block,
.info-block,
.inner-first-line,
.how-block.light-bg,
.uslugi-list-item,
.prices-list .detailed-prices-item:nth-of-type(odd) {
	background: #EEF1F7;
}

.dark-bg,
.works-block,
.how-block,
.example-block,
footer,
.promise-block.vrezka-akkuratno-block .promise-block-inner {
	background: #2E3648;
}

.call-button .common-phone:hover svg path {
	fill: #FFFFFF;
}

.bg-white,
.slider-dots li,
.promo-slide,
.faq-block-list-item,
.works-prices-item,
.facts-list-item,
.header-first-line-outer {
	background: #FFFFFF;
}

.no-bold .example-list-item,
.no-bold .how-block-title {
	font-weight: normal;
}

.no-italic .example-list-item i {
	font-style: normal;
	opacity: 1;
	font-weight: 400;
}

header {
	position: relative;
}

.header-first-line-outer {
	position: relative;
	z-index: 10;
	padding-bottom: 11px;
}

.container {
	width: 1016px;
	margin: 0 auto;
	padding: 0 20px;
}

.logo {
	display: block;
	float: left;
	margin-top: 25px;
}

.header-pics {
	float: right;
	margin: 26px 6.14754% 0 0;
}

.header-pics svg {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: -2px;
}

.header-phone-block {
	float: right;
	margin-top: 16px;
}

.header-phone-block .common-phone a {
	font-weight: bold;
	font-size: 24px;
	color: #1D1B1B;
	cursor: default;
}

.common-phone svg {
	display: inline-block;
	margin-right: 1px;
	position: relative;
	top: 4px;
}

.header-phone-block-line {
	font-weight: 300;
	font-size: 15px;
	position: relative;
	top: -4px;
	padding-left: 2px;
}

.header-phone-block-line span {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.5);
	line-height: 1;
	margin-left: 3px;
	cursor: pointer;
}

.header-hamburger {
	float: right;
	cursor: pointer;
	text-align: center;
	margin: 25px 10px 0 40px;
}

.header-hamburger .cross,
.header-hamburger.opened .hamb {
	display: none;
}

.header-hamburger.opened .cross {
	display: inline-block;
}

.header-hamburger div {
	font-weight: 300;
	font-size: 15px;
	color: #A4A4A4;
	position: relative;
	top: -7px;
}

.hamb-menu {
	position: absolute;
	width: 100%;
	top: 90px;
	left: 0;
	z-index: 10;
	overflow: auto;
	display: none;
	background-color: #EEF1F7;
}

.hamb-menu-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	cursor: pointer;
}

.hamb-menu-inner {
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
	padding-top: 28px;
	height: 322px;
}

.hamb-menu-inner-preload-bg {
	background: url(/bitrix/site/img/hamb-menu-bg.webp) no-repeat;
}

.hamb-menu-inner::after {
	content: '';
	display: block;
	width: 878px;
	height: 322px;
	background: url(/bitrix/site/img/hamb-menu-bg.webp) no-repeat;
	position: absolute;
	top: 0;
	left: calc(50% + 73px)
}

.hamb-menu-left {
	float: left;
	width: 332px;
}

.hamb-menu-text {
	margin-bottom: 10px;
}

.hamb-menu-text a {
	font-weight: bold;
}

.hamb-left-item {
	margin-bottom: 6px;
}

.hamb-left-item a {
	font-size: 16px;
}

.hamb-center-item a {
	font-weight: bold;
	font-size: 18px;
}

.hamb-center-item {
	margin-bottom: 9px;
}

.hamb-menu-center {
	float: left;
}

.top-menu {
	padding: 12px 0 11px 0;
	margin: 0 0 20px 0;
}

.top-menu .container>a,
.top-menu .parent {
	display: inline-block;
	margin-right: 3.69%;
}

.top-menu .container>*:last-child {
	margin-right: 0;
}

.top-menu .parent {
	position: relative;
}

.top-menu .parent>div {
	padding: 20px;
	display: none;
	position: absolute;
	left: -16px;
	top: calc(100% + 11px);
	height: max-content;
	width: max-content;
	font-size: 16px;
	line-height: 145%;
	background: #EEF1F7;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

.top-menu .parent>a>svg.marker {
	margin-left: 1px;
}

.top-menu .parent>a:hover>svg.marker path {
	fill: #FF7E04;
}

.top-menu .parent>div::before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: -11px;
	height: 11px;
	background: transparent;
}

.top-menu .parent>div>* {
	display: block;
	margin-bottom: 0.542em;
}

.top-menu .parent>div>*:last-child {
	margin-bottom: 0;
}

.top-menu .parent:hover>div {
	display: block;
}

.top-menu .parent:hover>a {
	color: #FF7E04;
}

.top-menu .parent:hover>a>svg.marker path {
	fill: #FF7E04;
}

.main-zamena-block {
	overflow: hidden;
	height: 590px;
	border-radius: 5px;
	background: url(/bitrix/site/img/main-screen.jpg) no-repeat center 0;
	margin-bottom: 20px;
}

.main-zamena-block.zamena-zamkov-v-metallicheskoy-dveri {
	height: auto;
	background: url(/bitrix/site/img/main-screen.jpg) no-repeat center center;
}

.main-zamena-block.lichika-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/lichinka-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.auto-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/auto-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.seif-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/seif-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.door-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/door-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.zamena-cisa-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/zamena-cisa-page-bg.webp) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.remont-cisa-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/remont-cisa-page-bg.jpg) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.ustanovka-cisa-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/ustanovka-cisa-page-bg.webp) no-repeat center center;
	background-size: cover;
}

.main-zamena-block.vskrytie-cisa-page-first-block {
	height: auto;
	background: url(/bitrix/site/img/vskrytie-cisa-page-bg.jpg) no-repeat center center;
	background-size: cover;
}



.main-zamena-block-inner {
	width: 100%;
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
	padding: 41px 20px 35px 21px;
	position: relative;
}

.main-zamena-block-inner h1 {
	font-weight: bold;
	font-size: 50px;
	line-height: 115%;
	margin: 0;
}

.main-block-subtext {
	font-size: 24px;
	line-height: 150%;
	margin-top: 20px;
}

.main-zamena-block-list {
	margin-top: 44px;
}

.zamena-cisa-page-first-block .main-zamena-block-list {
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	.zamena-cisa-page-first-block .main-zamena-block-list {
		padding-bottom: 0;
	}
}

.main-zamena-block-list-item {
	font-weight: bold;
	font-size: 22px;
	padding: 10px 0 31px 57px;
}

.main-zamena-block-list-item.item-1 {
	background: url(/bitrix/site/img/priem-1.png) no-repeat 0 5px;
}

.main-zamena-block-list-item.item-2 {
	background: url(/bitrix/site/img/priem-2.png) no-repeat 4px 0;
}

.main-zamena-block-list-item.item-3 {
	background: url(/bitrix/site/img/priem-3.png) no-repeat 4px 7px;
}

.main-zamena-block-list-item.item-4 {
	background: url(/bitrix/site/img/priem-4.png) no-repeat 7px 2px;
}


.main-zamena-block-links {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
	width: 100%;
}

.main-zamena-block-links__link {
	display: block;
	padding: 10px 20px;
	border: 1px solid #FF7E04;
	border-radius: 6px;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
}

@media (min-width: 950px) {
	a.main-zamena-block-links__link:hover {
		background-color: #FF7E04;
	}
}

.main-zamena-block-subtitle {
	margin-bottom: 30px;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}


.main-zamena-block-buttons {
	position: absolute;
	bottom: 35px;
	left: 21px;
	width: calc(100% - 41px);
}

.zamena-zamkov-v-metallicheskoy-dveri .main-zamena-block-buttons,
.static-buttons .main-zamena-block-buttons {
	position: static;
	width: 100%;
}

.call-button {
	width: calc(50% - 10px);
	float: left;
}

.call-button .common-phone {
	display: block;
	height: 50px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 28px;
	text-align: center;
}

.call-button span {
	font-weight: bold;
}

.call-button svg {
	width: 34px;
	height: 34px;
	margin-right: 0;
	position: relative;
	top: 7px;
}

.whatsapp-button {
	width: calc(50% - 10px);
	float: right;
}

.whatsapp-button a {
	display: block;
	height: 50px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	background: #25C24A;
	border-radius: 5px;
}

.whatsapp-button a:hover {
	background: #16A237;
}

.whatsapp-button svg {
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 4px;
}

.whatsapp-button span {
	position: relative;
	top: -2px;
}

.prices-block {
	margin-top: 21px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prices-block-item {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 100px;
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

.prices-block-item:hover,
.uslugi-list-item:hover {
	background: #E1E7F3;
}

.prices-block-item-left {
	float: left;
	width: 152px;
	height: 152px;
	background: #E1E7F3;
	border: 3px solid #FFFFFF;
	margin-left: -68px;
	border-radius: 50%;
	position: relative;
	top: -26px;
}

.prices-block-item:hover .prices-block-item-left {
	background: #D2DBEC;
}

.prices-block-item-left svg {
	position: absolute;
}

.item-1 .prices-block-item-left svg {
	top: 52px;
	right: 19px;
}

.item-2 .prices-block-item-left svg {
	top: 53px;
	right: 23px;
}

.item-3 .prices-block-item-left svg {
	top: 51px;
	right: 23px;
}

.item-4 .prices-block-item-left svg {
	top: 53px;
	right: 23px;
}

.prices-block-item-right {
	float: right;
	width: calc(100% - 104px);
	padding: 20px 20px 0 0;
}

.prices-block-item-title {
	display: block;
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}

.prices-block-item-price {
	display: block;
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	color: #1D1B1B;
	margin-top: 3px;
}




.info-block {
	width: 100%;
	padding: 45px 25px;
	border-radius: 5px;
	cursor: default;
}

.info-block__title {
	margin: 0 0 35px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.info-block__text {
	margin: 0 0 40px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.info-block__subtitle {
	margin-bottom: 20px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.info-block__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.info-block__list-item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.info-block__list-item-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #FF7E04;
}

.info-block__list-item-text {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

@media (max-width: 768px) {
	.info-block {
		padding: 30px 15px;
	}

	.info-block__title {
		margin: 0 0 20px;
		font-size: 30px;
	}

	.info-block__text {
		margin: 0 0 20px;
		font-size: 16px;
	}

	.info-block__subtitle {
		font-size: 20px;
	}

	.info-block__list-item-icon {
		width: 30px;
		height: 30px;
	}

	.info-block__list-item-icon svg {
		width: 15px;
		height: 11px;
	}

	.info-block__list-item-text {
		font-size: 16px;
	}
}




.works-block {
	border-radius: 5px;
	padding: 40px 40px 19px 21px;
	margin: 20px 0;
}

.works-block-left {
	float: left;
	width: calc(50% - 19px);
}

.works-block-right {
	float: right;
	width: calc(50% - 19px);
	margin-top: 2px;
}

.works-block-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 115%;
}

.works-block-text {
	font-size: 20px;
	line-height: 150%;
	margin-top: 21px;
	padding-right: 7%;
}

.slider-nav {
	text-align: center;
}

.slider-arrow-prev,
.slider-arrow-next {
	display: inline-block;
	position: relative;
	top: -2px;
	cursor: pointer;
}

.master-locks {
	position: relative;
	border-radius: 5px;
	padding: 78px 21px;
	margin-bottom: 20px;
}

.master-locks__background {
	border-radius: 5px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/*background-size: cover;*/
	background-size: 150%;
	/*background-position: center;*/
	background-position: -10% 90%;
	background-image: url(/bitrix/site/img/master-locks.jpg);
}

.master-locks__content {
	position: relative;
	z-index: 3;
	max-width: 522px;
}

.note-block {
	position: relative;
	padding: 20px;
	background: rgba(238, 241, 248, 0.82);
	backdrop-filter: blur(4px);
	border-radius: 0px 5px 5px 0px;
}

.note-block::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #FF7F04;
}

.slider-dots {
	display: inline-block;
	margin: 30px 17px 0 16px;
}

.slider-dots li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 4px 0 5px;
	border-radius: 50%;
	cursor: pointer;
}

.slider-dots button {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.staff-block {
	float: left;
	width: calc(50% - 10px);
	height: 657px;
	border-radius: 5px;
	background: url(/bitrix/site/img/staff-bg.jpg) no-repeat center center;
	margin: 20px 0;
}

.staff-block-inner {
	height: 100%;
	background: url(/bitrix/site/img/staff-bg-logo.png) no-repeat center center;
	position: relative;
	background-size: auto 540px;
}

.staff-block-header {
	padding: 40px 20px 0 20px;
}

.block-common-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 115%;
	margin-bottom: 22px;
}

.block-common-title_min {
	font-size: 22px;
	line-height: 140%;
}

.block-common-title.alone-title {
	margin: 40px 0;
}

.staff-block-slider {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.staff-slide {
	position: relative;
	height: 356px;
}

.staff-slide img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.staff-slide::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 112px;
	width: 100%;
	background: linear-gradient(180deg, rgba(238, 241, 247, 0) 0%, #EEF1F7 100%);
	border-radius: 0 0 5px 5px;
}

.staff-balloon {
	position: absolute;
	top: 50px;
	right: 19px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.7);
	width: 210px;
	padding: 14px 20px 13px 20px;
}

.staff-balloon::before {
	content: '';
	display: inline-block;
	border-left: 14.5px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid rgba(255, 255, 255, 0.7);
	border-right: 14.5px solid rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 30px;
	left: -29px;
}

.staff-balloon-name {
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	margin-bottom: 4px;
}

.staff-balloon-skills {
	font-style: italic;
	font-size: 16px;
	line-height: 150%;
}

.staff-block .slider-nav,
.promo-block .slider-nav {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
}

.promo-block {
	float: right;
	width: calc(50% - 10px);
	height: 657px;
	border-radius: 5px;
	margin: 20px 0;
	padding: 40px 20px 0 20px;
	position: relative;
}

.promo-block-slider {
	margin-top: 46px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.promo-slide {
	height: 269px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 21px 20px 20px 20px;
}

.promo-discount {
	position: absolute;
	top: 0;
	right: 0;
	border: 8px solid #FFFFFF;
	overflow: hidden;
	width: 161px;
	height: 161px;
}

.promo-discount::before {
	content: '';
	display: block;
	background: #E1E7F3;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 290px;
	height: 290px;
	border-radius: 50%;
}

.promo-discount span {
	font-weight: 900;
	font-size: 50px;
	line-height: 150%;
	letter-spacing: -0.05em;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 2;
	left: 42px;
	top: 23px;
}

.promo-inner {
	position: relative;
	z-index: 3;
}

.promo-label {
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	color: #939096;
	text-transform: uppercase;
	width: calc(100% - 181px);
	position: relative;
	z-index: 3;
	height: 22px;
}

.promo-name {
	width: calc(100% - 181px);
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	margin: 4px 0 16px 0;
}

.promo-desc {
	width: 78%;
}

.promo-inner.full-width .promo-name,
.promo-inner.full-width .promo-desc {
	width: 100%;
}

.common-form-button {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	font-weight:
		/*bold*/
		500;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	cursor: pointer;
}

.promo-button {
	margin-top: 20px;
}

.reviews-block {
	border-radius: 5px;
	padding: 40px 40px 26px 21px;
	margin: 20px 0;
}

.reviews-block-left {
	float: left;
	width: calc(100% - 468px);
}

.reviews-quote {
	margin: 97px 0 0 14px;
}

.reviews-block .block-common-title {
	font-size: 42px;
	line-height: 115%;
	color: #1D1B1B;
	margin-bottom: 20px;
}

.reviews-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	color: #1D1B1B;
}

.reviews-block-right {
	float: right;
	width: 438px;
}

.reviews-block iframe {
	width: 438px;
	height: 286px;
	border-radius: 3px;
}

/* .reviews-block .slider-nav {
	position: relative;
	top: -8px;
} */

.reviews-button.common-form-button {
	margin-top: 11px;
	font-size: 18px;
	line-height: 150%;
	padding-top: 12px;
}

.promise-block {
	float: left;
	width: calc(50% - 10px);
	height: 567px;
	border-radius: 5px;
	background: url(/bitrix/site/img/promise-bg.jpg) no-repeat center center;
	margin: 20px 0;
}

.promise-block-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.82);
	border-radius: 5px;
	padding: 40px 20px 0 20px;
}

.promise-block .block-common-title {
	padding-left: 3px;
}

.promise-list-item {
	position: relative;
	padding: 0 30px 27px 52px;
}

.promise-list-item svg {
	position: absolute;
}

.promise-list-item.item-1 svg {
	top: -1px;
	left: 1px;
}

.promise-list-item.item-2 svg {
	top: 4px;
	left: 2px;
}

.promise-list-item.item-3 svg {
	top: 6px;
	left: 2px;
}

.doors-block {
	float: right;
	width: calc(50% - 10px);
	height: 567px;
	border-radius: 5px;
	background: linear-gradient(180deg, #3C4B6F 0%, #2E3648 100%);
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}

.doors-block-inner {
	background: url(/bitrix/site/img/doors-bg.png) no-repeat center bottom;
	padding: 0 0 244px 0;
}

.doors-block .block-common-title {
	text-align: center;
	margin-bottom: 0;
	padding: 40px 20px 22px 20px;
	background: #546994;
}

.doors-text {
	text-align: center;
	margin-top: 20px;
}

.doors-link {
	display: block;
	width: calc(100% - 40px);
	margin: 32px auto 0 auto;
	height: 50px;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	font-weight: bold;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding-top: 11px;
}

.achievements-block {
	height: 390px;
	border-radius: 5px;
	overflow: hidden;
	background: url(/bitrix/site/img/Minsk.webp) no-repeat left top;
	overflow: hidden;
	margin-bottom: 20px;
}

.achievements-block-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
}

.achievements-block-left,
.zamena-prices-block-left {
	width: calc(50% + 10px);
	height: calc(100% + 40px);
	margin-top: -20px;
	float: left;
	border: 20px solid #FFFFFF;
	border-left: none;
	border-radius: 0 25px 25px 0;
	padding: 40px 20px 0px 20px;

}

.achievements-block-left .achievements-block-title {
	margin-bottom: 11px;
}

.achievements-block-left .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin-top: -1px;
}

.achievements-block-right,
.zamena-prices-block-right {
	width: calc(50% - 10px);
	float: right;
	height: 100%;
}

.achievements-block-right-1,
.achievements-block-right-3,
.zamena-prices-block-right-1,
.zamena-prices-block-right-3 {
	width: calc(50% + 30px);
	height: calc(50% + 30px);
	margin: -20px 0 0 -20px;
	float: left;
	border: 20px solid #FFFFFF;
	border-radius: 25px;
}

.achievements-block-right-2,
.achievements-block-right-4,
.zamena-prices-block-right-2,
.zamena-prices-block-right-4 {
	width: calc(50% - 10px);
	float: right;
	height: calc(50% + 10px);
}

.achievements-block-right-2-inner,
.achievements-block-right-4-inner,
.zamena-prices-block-right-2-inner,
.zamena-prices-block-right-4-inner {
	width: calc(100% + 40px);
	height: calc(100% + 20px);
	margin: -20px 0 0 -20px;
	border: 20px solid #FFFFFF;
	border-radius: 25px;
}

.achievements-block-right-1,
.achievements-block-right-2-inner,
.achievements-block-right-3,
.achievements-block-right-4-inner,
.zamena-prices-block-right-1,
.zamena-prices-block-right-2-inner,
.zamena-prices-block-right-3,
.zamena-prices-block-right-4-inner {
	padding: 20px 22px 0px 22px;
	position: relative;
}

.achievements-colored-title {
	font-weight: 900;
	font-size: 40px;
	line-height: 150%;
}

.achievements-block-right-2 .achievements-colored-title {
	color: #FFC804;
}

.achievements-block-right-3 .achievements-colored-title {
	color: #25C24A;
}

.achievements-block-right-4 .achievements-colored-title {
	color: #FF4D00;
}

.achievements-text {
	position: absolute;
	left: 22px;
	bottom: 19px;
	width: calc(100% - 44px);
}

.iron-door-block {
	float: left;
	width: calc(50% - 10px);
	height: 592px;
	border-radius: 5px;
	background: url(/bitrix/site/img/iron-door-bg.png) no-repeat right top #1C2A35;
	padding: 40px 20px 0px 20px;
	position: relative;
}

.iron-door-block .block-common-text p {
	margin: 0 0 13px 0;
}

.iron-door-block-bottom {
	width: calc(100% - 40px);
	position: absolute;
	left: 20px;
	bottom: 40px;
}

.iron-door-block-bottom .bottom-text {
	font-weight: 300;
	margin-bottom: 29px;
}

.iron-door-block-bottom .call-button,
.iron-door-block-bottom .whatsapp-button,
.contacts-block-right .call-button,
.contacts-block-right .whatsapp-button,
.uslugi-first-right .call-button,
.uslugi-first-right .whatsapp-button {
	width: 100%;
	float: none;
}

.iron-door-block-bottom .call-button,
.contacts-block-right .call-button,
.uslugi-first-right .call-button {
	margin-bottom: 20px;
}

.good-service-block {
	float: right;
	width: calc(50% - 10px);
	height: 592px;
	border-radius: 5px;
	padding: 40px 20px 0px 20px;
}

.good-service-list {
	margin-top: -1px;
}

.good-service-list-item {
	position: relative;
	padding: 0 30px 22px 63px;
}

.good-service-list-item:last-of-type {
	padding: 0 30px 0 63px;
}

.good-service-list b {
	display: block;
	font-size: 20px;
	line-height: 135%;
	margin-bottom: 4px;
}

.good-service-list svg {
	position: absolute;
}

.good-service-list-item.item-1 svg {
	top: 7px;
	left: 8px;
}

.good-service-list-item.item-2 svg {
	top: 2px;
	left: 7px;
}

.good-service-list-item.item-3 svg {
	top: -1px;
	left: 2px;
}

.zamena-prices-block {
	height: 447px;
	border-radius: 5px;
	overflow: hidden;
	overflow: hidden;
	margin: 20px 0;
}

.zamena-prices-block .common-form-button {
	margin-top: 22px;
}

.zamena-prices-text {
	font-size: 20px;
	line-height: 130%;
}

.zamena-prices-block-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #E1E7F3;
	border-radius: 0px 0px 5px 5px;
	font-size: 22px;
	line-height: 150%;
	padding: 13px 20px 14px 20px;
	width: 100%;
	font-weight: bold;
}

.how-block {
	height: 431px;
	border-radius: 5px;
	padding: 40px 20px 0px 20px;
	margin: 20px 0;
}

.how-block-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.how-block-list-item {
	width: calc(50% - 15px);
	position: relative;
	padding: 9px 20px 13px 63px;
}

.how-block-list-item a svg,
.works-prices-bottom a svg {
	display: none;
}

.how-block-list-item a span,
.works-prices-bottom a span {
	font-weight: bold;
}

.how-block-list-item img {
	position: absolute;
	top: 0;
	left: 0;
}

.how-block-title {
	font-weight: bold;
	font-size: 24px;
	line-height: 135%;
	margin-bottom: 12px;
}

.how-block-list-item.item-1 img,
.how-block-list-item.item-3 img {
	top: 9px;
	left: 1px;
}

.how-block-list-item.item-2 img,
.how-block-list-item.item-4 img {
	top: 9px;
	left: 2px;
}

.faq-block {
	border-radius: 5px;
	padding: 44px 20px 20px 20px;
	margin: 20px 0;
}

.faq-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin: -1px 0 22px 0;
}

.faq-block-list-item {
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 26px 75px 13px 20px;
	cursor: pointer;
}

.faq-block-list-item.opened {
	padding: 26px 75px 32px 20px;
}

.faq-question {
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	position: relative;
	margin-bottom: 14px;
}

.faq-question svg {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -46px;
	transition: all 0.1s ease-out;
}

.faq-answer {
	display: none;
}

.opened .faq-question svg {
	right: -42px;
	transform: rotate(90deg);
}

.opened .faq-answer {
	display: block;
}

.example-block {
	border-radius: 5px;
	padding: 44px 22px 14px 22px;
	margin: 20px 0;
}

.example-block .block-common-title div {
	font-size: 30px;
	line-height: 135%;
	margin-top: 2px;
}

.example-list {
	padding-top: 11px;
}

.example-list-item {
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	padding-left: 20px;
	position: relative;
	margin-bottom: 27px;
}

.ustanovka-page-how .example-list-item {
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
}

.example-list-item i {
	display: block;
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	opacity: 0.7;
	margin-top: -1px;
	padding-bottom: 1px;
}

.example-list-item::before {
	content: '';
	display: block;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 13px;
	left: -1px;
}

.call-block {
	border-radius: 5px;
	padding: 40px 40px 37px 22px;
}

.call-block-left {
	width: calc(50% - 10px);
	float: left;
}

.call-block-right {
	width: calc(50% - 19px);
	float: right;
}

.call-block .block-common-text {
	font-size: 20px;
	line-height: 150%;
	margin: -1px 0 18px 0;
}

.call-block .call-button {
	width: 100%;
	float: none;
}

.call-block .call-button .common-phone {
	display: inline-block;
	text-align: left;
	border: none;
	font-size: 34px;
	line-height: 150%;
}

.call-block .call-block-right .call-button .common-phone {
	display: none;
}

.call-block .call-button svg {
	top: 6px;
}

.call-block-balloon {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 13px 20px 15px 20px;
	position: relative;
	margin-bottom: 39px;
}

.call-block-balloon::before {
	content: '';
	display: inline-block;
	border-bottom: 14.5px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 0.8);
	border-top: 14.5px solid rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: -29px;
	left: 42px;
}

.call-block-pic {
	position: relative;
	padding-left: 84px;
}

.call-block-pic img {
	position: absolute;
	left: 0;
	top: 4px;
}

.call-block-name {
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 3px;
}

.call-block-position {
	font-style: italic;
	font-size: 16px;
	line-height: 150%;
}

.map-block {
	border-radius: 5px;
	padding: 20px;
	margin: 20px 0;
}

.map-block .block-common-title {
	font-size: 30px;
	line-height: 135%;
	margin: 21px 0 20px 0;
}

.map-block-left {
	width: calc(50% - 10px);
	float: left;
}

.map-block-right {
	width: calc(50% - 11px);
	float: right;
}

.map-list-left,
.map-list-right {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
}

.map-list-item {
	font-size: 20px;
	line-height: 200%;
}

#map {
	height: 457px;
	border-radius: 5px;
	overflow: hidden;
	background: url(/image/map-spb.webp) no-repeat;
	background-size: cover;
}

.map-balloon {
	position: relative;
}

.map-balloon span {
	width: 240px;
	position: absolute;
	left: 50px;
	top: 15%;
	background: #fff;
	display: none;
	text-align: left;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #3333;
}

.map-balloon:hover span {
	display: inline-block;
}

.footer-block-left {
	width: calc(50% - 10px);
	float: left;
	padding: 27px 0 0 0;
}

.footer-block-left .common-phone {
	font-size: 20px;
	line-height: 150%;
	display: inline-block;
}

.footer-block-left .common-phone svg {
	top: 6px;
}

.footer-block-left .common-phone span {
	font-weight: bold;
}

.footer-left-text {
	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
	margin: 13px 0 0 0;
}

.director-form {
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.4);
	cursor: pointer;
}

.footer-block-right {
	width: calc(50% - 10px);
	float: right;
	font-size: 16px;
	line-height: 150%;
	padding: 35px 0 37px 0;
}

.footer-block-right div {
	margin: 11px 0;
}

.doors-price-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.doors-price-item {
	width: calc(50% - 10px);
	height: 129px;
	border-radius: 5px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	padding: 0 100px 0 20px;
}

.doors-price-block.full .doors-price-item {
	padding: 0 20px;
}

.doors-price-item.item-1 {
	background: url(/bitrix/site/img/door-1.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-2 {
	background: url(/bitrix/site/img/door-2.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-3 {
	background: url(/bitrix/site/img/door-3.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-item.item-4 {
	background: url(/bitrix/site/img/door-4.png) no-repeat #EEF1F7;
	background-position: right 20px bottom;
}

.doors-price-title {
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
}

.doors-price-title br {
	display: none;
}

.doors-price-price {
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
	color: #1D1B1B;
	margin-top: 3px;
}

.attention-block {
	background: #F2F2F2;
	border-radius: 5px;
	overflow: hidden;
}

.attention-left {
	height: 199px;
	float: left;
	width: calc(50% - 30px);
	background: url(/bitrix/site/img/attention-bg.png) no-repeat #E5E2E5;
	background-position: left 9px bottom;
	padding: 45px 0 0 196px;
	position: relative;
}

.attention-left-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 130%;
}

.attention-left-text {
	line-height: 130%;
	margin-top: 10px;
}

.attention-left::after {
	content: '';
	display: block;
	position: absolute;
	right: -60px;
	top: 0;
	border-right: 30px solid transparent;
	border-top: 99.5px solid transparent;
	border-bottom: 99.5px solid #E5E2E5;
	border-left: 30px solid #E5E2E5;
}

.attention-right {
	float: right;
	width: calc(50% - 10px);
	line-height: 130%;
	padding: 24px 0 0 40px;
}

.attention-right-title {
	font-weight: bold;
	margin-bottom: 21px;
}

.attention-right-item {
	position: relative;
	padding: 8px 0 13px 48px;
}

.attention-right-item svg {
	position: absolute;
	top: 0;
	left: 3px;
}

.attention-right-item img {
	position: absolute;
	top: 7px;
	left: 1px;
}

.detailed-prices-block {
	float: left;
	width: calc(50% - 10px);
	height: 694px;
	border-radius: 5px;
	padding: 40px 20px 31px 21px;
}

.detailed-prices-block .block-common-text {
	font-style: italic;
}

.detailed-prices-list {
	margin-top: 6px;
}

.detailed-prices-item {
	border-top: 1px solid #D0D7E7;
	padding: 17px 0 12px 0;
}

.detailed-prices-item:last-of-type {
	padding: 17px 0 0;
}

.detailed-prices-item:nth-of-type(1) {
	border: none;
}

.detailed-prices-item-left {
	float: left;
	width: 75%;
}

.detailed-prices-item-right {
	float: right;
	font-weight: bold;
}

.works-prices-block {
	float: right;
	width: calc(50% - 10px);
	height: 694px;
	border-radius: 5px;
	overflow: hidden;
}

.works-prices-inner {
	padding: 40px 20px 0 20px;
}

.works-prices-item {
	border-radius: 5px;
	padding: 1px 70px 1px 16px;
}

.works-prices-item:not(:last-of-type) {
	margin-bottom: 20px;
}

.works-prices-item:nth-of-type(4) {
	padding: 5px 70px 7px 16px;
}

.works-prices-item-left {
	float: left;
	font-weight: 900;
	font-size: 50px;
	line-height: 130%;
	width: 45px;
}

.works-prices-item-right {
	float: left;
	width: calc(100% - 45px);
	height: 65px;
	display: flex;
	align-items: center;
}

.works-prices-bottom {
	padding: 21px 30px 0 83px;
	position: relative;
	height: 190px;
	margin-top: -7px;
}

.works-prices-bottom svg {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}

.facts-block {
	border-radius: 5px;
	padding: 44px 22px 20px 22px;
	margin: 20px 0;
}

.facts-list {
	padding-top: 7px;
}

.facts-list-item {
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 23px 40px 26px 90px;
	position: relative;
}

.facts-list-item::before,
.vrezka-akkuratno-block .promise-list-item::before {
	flex-shrink: 0;
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	border: 2px solid #FF7E04;
	border-radius: 50%;
	background: url(/bitrix/site/img/fact.svg) no-repeat center center;
	position: absolute;
	top: 28px;
	left: 28px;
}

.garantii-priem-block .facts-list-item::before {
	top: 50%;
	margin-top: -22px;
}

.vrezka-akkuratno-block .promise-list-item::before {
	top: 0;
	left: 0;
}

.locks-block {
	border-radius: 5px;
	padding: 44px 22px 32px 22px;
	margin: 20px 0;
}

.locks-block .block-common-text {
	width: 90%;
}

.locks-block-subtext {
	margin-top: 23px;
}

.locks-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 22px;
}

.locks-list a {
	display: block;
	width: calc((100% - 60px) / 4);
	text-align: center;
}

.locks-list a span {
	display: block;
	margin-top: 13px;
}

.inner-first-line {
	border-radius: 5px;
	font-size: 14px;
	line-height: 16px;
	padding: 24px 21px 29px 21px;
	margin-bottom: 20px;
}

.breadcrumbs {
	padding: 0 3px 1px 3px;
}

.bc-item {
	float: left;
}

.bc-item a {
	float: left;
}

.bc-separ {
	float: left;
	margin: 0 4px 0 3px;
}

.inner-first-line h1 {
	font-size: 50px;
	line-height: 115%;
	margin: 0;
}

.contacts-block-left {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 26px 20px 29px 20px;
}

.contacts-block-title {
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 6px;
}

.contacts-block-right .call-button .common-phone {
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.contacts-map {
	margin: 20px 0;
	border-radius: 5px;
	overflow: hidden;
}

.how-block.light-bg,
.works-prices-block.remont-page-works-prices {
	width: 100%;
	float: none;
	height: auto;
}

.how-block.light-bg {
	padding: 40px 20px 32px 20px;
}

.works-prices-block.remont-page-works-prices {
	padding: 40px 20px 12px 20px;
}

.remont-page-how .how-block-title {
	font-size: 20px;
	/* line-height: 135%; */
	margin-bottom: 0;
	/* height: 39px; */
	display: flex;
	align-items: center;
}

.remont-page-master ul li {
	padding-left: 20px;
	position: relative;
}

.remont-page-master ul li::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 5px;
}

.remont-page-master .example-list-item::before,
.vrezka-page-etapi .example-list-item::before,
.ustanovka-page-how .example-list-item::before {
	display: none;
}

.remont-page-master .example-list-item span,
.vrezka-page-etapi .example-list-item span,
.ustanovka-page-how .example-list-item span {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 22px;
	line-height: 150%;
}

.ustanovka-page-how .example-list-item span {
	top: -3px;
}

.promise-block.vrezka-akkuratno-block {
	width: 100%;
	float: none;
	height: auto;
	background: none;
}

.full-width-parent div {
	width: 100% !important;
	float: none;
	height: auto;
	margin: 20px 0;
}

.full-width-parent .good-service-block {
	padding: 20px 20px 1px 20px;
}

.full-width-parent .good-service-block br {
	display: none;
}

.closed-door-block {
	padding: 40px 20px;
	border-radius: 5px;
	height: 300px;
}

.closed-door-block .block-common-title {
	font-size: 22px;
	margin-bottom: 13px;
	line-height: 150%;
}

.lock-class-block {
	padding: 41px 20px 0px 20px;
	border-radius: 5px;
	height: 300px;
}

.lock-class-list-item {
	padding: 0 0 23px 63px;
	position: relative;
}

.lock-class-list-item::before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 32px;
	height: 32px;
	border: 2px solid #FF7E04;
	border-radius: 50%;
	background: url(/bitrix/site/img/fact.svg) no-repeat center center;
	background-size: 15px 12px;
}

.locks-types-block {
	padding: 41px 21px 32px 21px;
	border-radius: 5px;
	margin: 20px 0;
}

.locks-types-block.auto {
	padding: 41px 40px 32px 40px;
}

.locks-types-block .block-common-title {
	font-size: 40px;
	line-height: 135%;
	margin-bottom: 31px;
}

.locks-types-list {
	padding-bottom: 1px;
}

.locks-types-item {
	text-align: center;
}

.locks-types-name {
	margin-top: -7px;
}

.defensive-classes-block {
	padding: 41px 21px 0 21px;
	border-radius: 5px;
	margin: 20px 0;
}

.defensive-list {
	margin-top: 13px;
}

.defensive-list-text {
	width: calc(100% - 147px);
	margin-top: 1px;
}

.defensive-list-item {
	padding: 9px 0 23px 0;
}

.defensive-classes-block.seif {
	padding: 44px 21px 27px 21px;
}

.defensive-classes-block.seif img {
	position: relative;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(2) img {
	top: -2px;
	left: 3px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(3) img {
	left: 10px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(4) img {
	left: 28px;
}

.defensive-classes-block.seif .defensive-list-item:nth-of-type(5) img {
	left: 9px;
}

.uslugi-first-block {
	height: 360px;
	border-radius: 5px;
	background: url(/bitrix/site/img/uslugi-bg.jpg) no-repeat center center;
	margin-bottom: 20px;
}

.uslugi-first-inner {
	height: 100%;
	background: rgba(14, 18, 27, 0.75);
	border-radius: 5px;
	padding: 41px 22px 27px 22px;
}

.uslugi-first-block .block-common-title {
	font-size: 50px;
	line-height: 115%;
	margin: 0 0 19px 0;
}

.uslugi-first-block .block-common-text {
	font-size: 22px;
	line-height: 150%;
	margin-bottom: 51px;
}

.uslugi-first-left {
	background: url(/bitrix/site/img/priem-1.png) no-repeat 22px 27px rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	font-size: 22px;
	line-height: 150%;
	padding: 29px 60px 25px 77px;
}

.uslugi-list-item {
	font-weight: bold;
	font-size: 22px;
	line-height: 130%;
	height: 129px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 45px 0 20px;
}

.uslugi-list-item img {
	margin-right: 27px;
}

.zaklinilo-block {
	border-radius: 5px;
	background: url(/bitrix/site/img/zaklinilo-bg.png) no-repeat 0 0 #1C2A35;
	margin-bottom: 20px;
}

.zaklinilo-block-inner {
	background: rgba(28, 42, 53, 0.6);
	padding: 40px 21px 47px 21px;
	border-radius: 5px;
}

.zaklinilo-right {
	padding-right: 59px;
}

.zaklinilo-block .block-common-text {
	font-size: 28px;
	line-height: 150%;
	margin: 2px 0 49px 0;
}

.main-zamena-block.o-kompanii-first-block {
	height: auto;
	background-position: center top;
}

.o-kompanii-first-block .main-zamena-block-inner {
	padding-right: 30%;
}

.example-block.o-kompanii-cenim {
	padding: 44px 22px 36px 22px;
}

.example-block.o-kompanii-cenim .bold {
	font-size: 24px;
	line-height: 115%;
	margin: 20px 0;
}

.video-block {
	display: flex;
	margin: 20px 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

.video-block iframe {
	width: 478px;
	height: 312px;
	border-radius: 5px 7px 7px 5px;
}

.video-block video {
	width: 478px;
	height: 312px;
	border-radius: 5px 7px 7px 5px;
}

.video-item {
	margin-bottom: 12px;
}

.page-404 .inner-first-line {
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 20px;
	background: url(/bitrix/site/img/404-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 0;
}

.page-404 .inner-first-line-inner {
	padding: 42px 21px 34px 21px;
	background: rgba(14, 18, 27, 0.75);
	border-radius: 5px;
}

.page-404 .block-common-text {
	font-size: 18px;
	line-height: 150%;
}

.page-404 .inner-first-line h1 {
	margin-bottom: 21px;
}

.page-404 .hamb-menu-left {
	width: 395px;
}

.page-404 .hamb-menu-links {
	margin-top: 25px;
}

.page-404 .hamb-menu-text {
	margin-bottom: 13px;
}

.page-404 .hamb-menu-text a {
	font-size: 18px;
	line-height: 21px;
}

.page-404 .hamb-left-item {
	margin-bottom: 9px;
}

.page-404 .hamb-center-item {
	margin-bottom: 12px;
}

.garantii-remont-block {
	padding: 40px 22px 36px 22px;
	margin: 20px 0;
	border-radius: 5px;
}

.garantii-remont-block .block-common-title {
	font-size: 30px;
	line-height: 115%;
}

.prices-list .detailed-prices-block {
	background: transparent;
	width: 100%;
	float: none;
	margin: 20px 0;
	height: auto;
	padding: 20px 0 0 0;
}

.prices-list .block-common-title,
.prices-list .block-common-text {
	padding: 0 20px;
}

.prices-list .block-common-text {
	font-weight: bold;
	font-size: 24px;
	font-style: normal;
	margin: 22px 0;
}

.prices-list .detailed-prices-item {
	border: none;
	padding: 17px 20px 12px 20px;
}

.prices-page-works .works-prices-block {
	width: 100%;
	float: none;
	height: auto;
	margin: 40px 0 20px 0;
}

.sovet {
	background: rgba(255, 126, 4, 0.1);
	border-radius: 4px;
	color: #4A4A4B;
	padding: 50px 95px;
	position: relative;
	line-height: 1.5;
	font-style: italic;
	margin: 20px 0 30px;
}

.sovet .sovet-zag {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
}

.sovet:after {
	background: url(/bitrix/site/img/sovet.svg) no-repeat;
	content: "";
	position: absolute;
	left: 40px;
	top: 50px;
	width: 40px;
	height: 40px;
}

/***********************FORM***********************/
.callback-form {
	position: fixed;
	width: 620px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin: -175px 0 0 -310px;
	z-index: 100;
	background: #EEF1F7;
	display: none;
	padding: 20px 20px 40px 20px;
}

.form-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	cursor: pointer;
}

.form-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

.callback-form-title {
	font-weight: bold;
	font-size: 28px;
	line-height: 115%;
	text-align: center;
}

.callback-form-subtitle {
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	margin-top: 11px;
}

.callback-form-inner {
	margin-top: 30px;
}

.callback-form .afbf_item_pole {
	position: relative;
	width: calc(50% - 10px);
}

.callback-form .afbf_item_pole input {
	background: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	outline: none;
	border: 1px solid white;
	height: 50px;
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 18px;
	color: #000000;
	padding: 0 25px 0 12px;
	font-family: 'Roboto', sans-serif;
}

.callback-form .afbf_item_pole.error_pole input,
.callback-form .afbf_item_pole.error_pole textarea {
	border: 1px solid red;
}

.callback-form .afbf_item_pole.error_pole path,
.callback-form .afbf_item_pole.error_pole path {
	fill: red;
}

.callback-form .afbf_required_text {
	position: absolute;
	top: 1px;
	right: 9px;
}

.callback-form .afbf_submit_block {
	width: calc(50% - 10px);
}

.callback-form #alx_feed_back_FID3 .afbf_feedback_poles .afbf_submit_block,
.callback-form #alx_feed_back_FID2 .afbf_feedback_poles .afbf_submit_block,
.callback-form #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block {
	background: #FF7E04 !important;
	border-radius: 5px;
	outline: none;
	border: none;
	height: 50px;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	position: relative;
}

.callback-form #alx_feed_back_FID3 .afbf_feedback_poles .afbf_submit_block input,
.callback-form #alx_feed_back_FID2 .afbf_feedback_poles .afbf_submit_block input,
.callback-form #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block input {
	background: transparent !important;
	border-radius: 5px;
	outline: none;
	border: none;
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	position: relative;
}


.callback-form #alx_feed_back_FID3 .afbf_feedback_poles .afbf_submit_block::before,
.callback-form #alx_feed_back_FID2 .afbf_feedback_poles .afbf_submit_block::before,
.callback-form #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block::before {
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
	transition: opacity .15s ease;
	z-index: 0;
}

.callback-form #alx_feed_back_FID3 .afbf_feedback_poles .afbf_submit_block:hover::before,
.callback-form #alx_feed_back_FID2 .afbf_feedback_poles .afbf_submit_block:hover::before,
.callback-form #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block:hover::before {
	opacity: 1;
}

.callback-form .afbf_submit_block input:hover {
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
}

.callback-form-subtitle.second-line {
	margin: 31px 0 12px 0;
}

.callback-form .call-button .common-phone {
	border: 1px solid rgba(0, 0, 0, 0.5);
	font-size: 24px;
	color: #000000;
	line-height: 50px;
}

.callback-form .call-button svg {
	width: 31px;
	height: 31px;
	margin-right: 0;
	position: relative;
	top: 6px;
}

.callback-form .call-button .common-phone:hover {
	border-color: #FF7E04;
	color: white;
}

.callback-form-ok-pic {
	text-align: center;
	margin-top: 82px;
}

.afbf_mess_ok .callback-form-title {
	margin-top: 5px;
}

.form-close {
	cursor: pointer;
}

.form-close:hover svg path {
	fill: #FF7E04;
}

._catalog.callback-form {
	height: 250px;
}

._catalog .callback-form-ok-pic {
	margin-top: 35px;
}

#afbf_product_fid2 {
	display: none;
	visibility: hidden;
}



.second-body {
	overflow: hidden;
}

.callback-form.director-callback-form {
	position: fixed;
	width: 620px;
	height: 607px;
	top: 50%;
	left: 50%;
	margin: -304px 0 0 -310px;
	z-index: 100;
	background: #EEF1F7;
	display: none;
	padding: 20px 20px 40px 20px;
}

.callback-form.director-callback-form .callback-form-inner {
	margin-top: 34px;
}

.callback-form.director-callback-form .afbf_item_pole {
	width: 100%;
	margin-bottom: 20px;
}

.callback-form .afbf_item_pole textarea {
	background: #FFFFFF;
	border-radius: 5px;
	width: 100%;
	outline: none;
	border: 1px solid white;
	height: 181px;
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 18px;
	color: #8F8F8F;
	padding: 14px 25px 14px 12px;
	font-family: 'Roboto', sans-serif;
}

.pole-fio,
.pole-email {
	display: none;
}

.car-logos-wp {
	background: #EEF1F7;
	border-radius: 5px;
	margin-top: 20px;
	padding: 44px 20px 36px 20px;
}

.car-logos-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.car-logo {
	width: 25%;
	text-align: center;
	margin-bottom: 37px;
	padding-top: 13px;
}

.car-logo div {
	margin-top: -7px;
}

.popular-cont .popular-uslugi {
	display: flex;
	flex-wrap: wrap;
}

.popular-cont .popular-uslugi a {
	width: 270px;
	margin-right: 25px;
	text-align: center;
	background: #fff;
	padding: 15px 20px 20px;
	border-radius: 5px;
	border: 1px solid #E0DCE5;
}

.popular-cont .popular-uslugi a:not(:last-of-type) {
	margin-bottom: 25px;
}

.popular-cont .popular-uslugi a:hover {
	opacity: 0.95;
}

.popular-cont .popular-uslugi a span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #3A3834;
}

.popular-cont {
	border-radius: 5px;
	padding: 44px 25px 20px 25px;
	margin: 20px 0;
}

.popular-cont .popular-uslugi a .popular-img {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 69px;
	margin-bottom: 10px;
}








@media (max-width: 768px) {
	body {
		min-width: 518px;
	}

	.popular-cont .popular-uslugi {
		justify-content: center;
	}

	.popular-cont .popular-uslugi a {
		width: 100%;
		margin-right: 0;
		padding: 35px 20px 40px;
	}

	.master-locks {
		padding: 0;
		padding-top: 152px;
	}

	.master-locks__background {
		border-radius: 5px;
		z-index: 2;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 152px;
		bottom: unset;
		border-radius: 5px 5px 0 0;
	}

	.master-locks__content {}

	.note-block {}

	.container {
		width: 518px;
		padding: 0 20px;
	}

	.header-hamburger {
		margin: 25px 11px 0 25px;
	}

	.header-pics,
	.hamb-menu-inner::after,
	/*.hamb-left-item,*/
	.top-menu,
	/* .slider-arrow-prev,
	.slider-arrow-next, */
	.reviews-quote,
	.promise-block .block-common-title br:nth-of-type(1),
	.good-service-block .block-common-title br,
	.call-block-left .call-button,
	.attention-left::after,
	.locks-types-list .clearfix {
		display: none !important;
	}

	.hamb-menu-text.without_border-bottom a {
		border-bottom: none;
		padding-bottom: 12px;
	}

	.hamb-left-item:last-child {
		border-bottom: 1px solid #C9C9C9;
		margin-bottom: 0;
		padding-bottom: 17px;
	}

	.half-width,
	.hamb-menu-left,
	.hamb-menu-center,
	.call-button,
	.whatsapp-button,
	.prices-block-item,
	.works-block-left,
	.works-block-right,
	.staff-block,
	.promo-block,
	.reviews-block-left,
	.reviews-block-right,
	.promise-block,
	.doors-block,
	.iron-door-block,
	.good-service-block,
	.call-block-left,
	.call-block-right,
	.map-block-left,
	.map-block-right,
	.footer-block-left,
	.footer-block-right,
	.doors-price-item,
	.attention-left,
	.attention-right,
	.detailed-prices-block,
	.works-prices-block,
	.defensive-list-text {
		width: 100%;
		float: none;
	}

	.promise-block,
	.promo-block,
	.good-service-block,
	.detailed-prices-block,
	.works-prices-block {
		height: auto;
	}

	.hamb-menu {
		position: fixed;
		width: 100%;
		height: calc(100% - 85px);
		top: 85px;
	}

	.hamb-menu-inner {
		background: #EEF1F7;
		box-shadow: none;
		padding-top: 17px;
		height: 100%;
	}

	.hamb-menu-inner::after {
		display: none;
	}

	.hamb-menu-text,
	.hamb-center-item {
		margin-bottom: 0;
	}

	.hamb-menu-text a,
	.hamb-center-item a {
		font-weight: bold;
		font-size: 18px;
		line-height: 21px;
		display: block;
		border-bottom: 1px solid #C9C9C9;
		padding: 14px 0 15px 0;
	}

	.main-zamena-block {
		height: 100%;
		background-size: cover;
	}

	.main-zamena-block-inner {
		padding: 40px 20px;
	}

	.main-zamena-block-inner h1 {
		font-size: 40px;
		line-height: 125%;
	}

	.main-zamena-block-list {
		margin-top: 24px;
	}

	.main-zamena-block-list-item {
		font-size: 18px;
		line-height: 150%;
		padding: 10px 0 31px 54px;
	}

	.main-zamena-block-list-item.item-1 {
		background-position: 0 7px;
	}

	.main-zamena-block-list-item.item-2 {
		background-position: 4px 2px;
	}

	.main-zamena-block-list-item.item-3 {
		background-position: 4px 9px;
	}

	.main-zamena-block-list-item.item-4 {
		background-position: 4px 5px;
	}

	.main-zamena-block-buttons {
		position: static;
		width: 100%;
		margin-top: 31px;
	}

	.main-zamena-block-buttons .call-button,
	.uslugi-first-right .common-phone {
		margin-bottom: 23px;
	}

	.main-zamena-block-buttons .call-button .common-phone,
	.iron-door-block .call-button .common-phone,
	.contacts-block-right .call-button .common-phone,
	.uslugi-first-block .call-button .common-phone {
		border-color: #FF7E04;
		background: #FF7E04;
	}

	.main-zamena-block-buttons .call-button .common-phone path,
	.iron-door-block .call-button .common-phone path,
	.contacts-block-right .call-button .common-phone path,
	.uslugi-first-block .call-button .common-phone path {
		fill: #FFFFFF;
	}

	.prices-block-item-title {
		font-size: 20px;
		line-height: 130%;
	}

	.prices-block-item-price {
		font-size: 18px;
		line-height: 150%;
		margin-top: 3px;
	}

	.prices-block-item-right {
		width: calc(100% - 103px);
	}

	.works-block {
		padding: 40px 20px 19px 20px;
	}

	.works-block-title {
		font-size: 30px;
		line-height: 150%;
	}

	.works-block-text {
		font-size: 18px;
		line-height: 150%;
		margin: 9px 0 22px 0;
		padding-right: 0;
	}

	.slider-nav {
		line-height: 1;
	}

	.slider-dots {
		margin: 20px 16px 18px;
	}

	.block-common-title {
		font-size: 30px;
		line-height: 135%;
		margin-bottom: 11px;
	}

	.staff-block-header {
		padding: 42px 20px 0 20px;
	}

	.staff-block .block-common-title {
		width: 80%;
	}

	.staff-block .slider-nav,
	.promo-block .slider-nav {
		bottom: 19px;
	}

	.promo-block {
		padding: 43px 20px 72px 20px;
	}

	.promo-block-slider {
		margin-top: 22px;
	}

	.reviews-block {
		padding: 40px 20px 40px 21px;
	}

	.reviews-block .block-common-title {
		font-size: 30px;
		line-height: 150%;
		margin-bottom: 9px;
	}

	.reviews-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin-bottom: 22px;
	}

	.reviews-block iframe {
		border-radius: 5px 7px 7px 5px;
	}

	.reviews-button.common-form-button {
		margin-top: 1px;
	}

	.promise-block-inner {
		padding: 42px 20px 5px 20px;
	}

	.promise-block .block-common-title {
		margin-bottom: 21px;
	}

	.doors-block {
		height: auto;
		padding-bottom: 40px;
	}

	.doors-block .block-common-title {
		padding: 42px 40px 22px 40px;
	}

	.doors-link {
		margin: 37px auto 0 auto;
	}

	.achievements-block,
	.achievements-block-inner {
		height: auto;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.achievements-block-inner {
		margin-bottom: -20px;
	}

	.achievements-block_cisa,
	.achievements-block_cisa .achievements-block-inner {
		height: 676px;
	}

	.achievements-block-left,
	.zamena-prices-block-left {
		width: calc(100% + 40px);
		height: auto;
		margin: -20px 0 0 -20px;
		float: none;
		border: 20px solid #FFFFFF;
		padding: 41px 20px 32px 20px;
		border-radius: 25px;
	}

	.zamena-prices-block-right {
		overflow: hidden;
		margin-bottom: -20px;
	}

	.achievements-block-right,
	.zamena-prices-block-right {
		width: calc(100% + 40px);
		height: auto;
		float: none;
	}

	.achievements-block-right-1,
	.achievements-block-right-3,
	.achievements-block-right-2-inner,
	.achievements-block-right-4-inner {
		height: 225px;
		margin: -20px 0 0 -20px;
	}

	.achievements-block-right-1,
	.achievements-block-right-3,
	.zamena-prices-block-right-1,
	.zamena-prices-block-right-3 {
		width: calc(50% + 10px);
	}

	.achievements-block-right-2,
	.achievements-block-right-4,
	.zamena-prices-block-right-2,
	.zamena-prices-block-right-4 {
		width: calc(50% + 10px);
	}

	.achievements-block-right-2-inner,
	.achievements-block-right-4-inner,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-4-inner {
		width: 100%;
	}

	.achievements-colored-title {
		font-size: 35px;
		line-height: 150%;
	}

	.achievements-text {
		left: 22px;
		bottom: 19px;
		width: calc(100% - 44px);
	}

	.iron-door-block {
		height: auto;
		background: url(/bitrix/site/img/iron-door-bg.png) no-repeat right top #1C2A35;
		background-size: contain;
		padding: 42px 20px 40px 20px;
	}

	.iron-door-block-bottom {
		width: 100%;
		position: static;
	}

	.iron-door-block-bottom .bottom-text {
		margin: 9px 0 22px 0;
	}

	.good-service-block {
		padding: 42px 20px 10px 20px;
	}

	.good-service-block .block-common-title {
		margin-bottom: 21px;
	}

	.zamena-prices-block {
		height: auto;
	}

	.zamena-prices-block_cisa {
		height: 776px;
	}

	.zamena-prices-block-left {
		padding-bottom: 40px;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-4-inner {
		height: 196px;
		margin: -20px 0 0 -20px;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4-inner {
		padding: 23px 21px 0px 21px;
	}

	.zamena-prices-text {
		font-size: 18px;
		line-height: 130%;
	}

	.zamena-prices-block-bottom {
		font-size: 18px;
		line-height: 150%;
		padding: 13px 20px 10px 20px;
	}

	.how-block {
		height: auto;
		padding: 41px 0px 9px 20px;
	}

	.how-block-list-item {
		width: 100%;
		padding: 9px 20px 23px 63px;
	}

	.faq-block {
		padding: 42px 20px 20px 20px;
	}

	.faq-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin: 0 0 22px 0;
	}

	.faq-block-list-item {
		padding: 14px 63px 4px 20px;
	}

	.faq-block-list-item.opened {
		padding: 14px 63px 23px 20px;
	}

	.faq-question {
		font-size: 20px;
		line-height: 130%;
		margin-bottom: 14px;
	}

	.faq-question svg {
		right: -40px;
	}

	.opened .faq-question svg {
		right: -39px;
	}

	.faq-answer {
		font-size: 16px;
		line-height: 150%;
	}

	.example-block {
		padding: 41px 22px 15px 22px;
		margin: 20px 0;
	}

	.example-block .block-common-title div {
		font-size: 24px;
		line-height: 135%;
		margin-top: -2px;
	}

	.example-list-item {
		font-size: 18px;
		line-height: 150%;
		padding-left: 20px;
	}

	.example-list-item::before {
		top: 9px;
		left: 0;
	}

	.call-block {
		padding: 42px 20px 40px 20px;
	}

	.call-block .block-common-title {
		width: 80%;
	}

	.call-block .block-common-text {
		font-size: 18px;
		line-height: 150%;
		margin: 0 0 22px 0;
	}

	.call-block .call-block-right .call-button {
		margin-top: 23px;
	}

	.call-block .call-block-right .call-button .common-phone {
		display: block;
		text-align: center;
		background-color: #FFFFFF;
		color: #FF7E04;
		font-size: 28px;
		line-height: 150%;
	}

	.call-block .call-block-right .call-button .common-phone path {
		fill: #FF7E04;
	}

	.map-block {
		padding: 0;
		overflow: hidden;
	}

	.map-block-left {
		padding: 21px 20px 27px 20px;
	}

	.map-block .block-common-title {
		font-size: 30px;
		line-height: 135%;
	}

	.map-list-left {
		margin-right: 20px;
	}

	.map-list-right {
		margin: 0;
	}

	.footer-block-right {
		padding: 18px 0 33px 0;
	}

	.doors-price-item {
		height: 100px;
	}

	.doors-price-title {
		font-size: 20px;
		line-height: 130%;
	}

	.doors-price-title br {
		display: block;
	}

	.doors-price-price {
		font-size: 18px;
		line-height: 150%;
		margin-top: 3px;
	}

	.doors-price-item.item-1 {
		background-size: 47px 84px;
		background-position: right 37px bottom;
		order: 1;
	}

	.doors-price-item.item-2 {
		background-size: 41px 84px;
		background-position: right 40px bottom;
		order: 3;
	}

	.doors-price-item.item-3 {
		height: 115px;
		background-size: 52px 100px;
		background-position: right 35px bottom;
		order: 2;
	}

	.doors-price-item.item-4 {
		background-size: 46px 84px;
		background-position: right 38px bottom;
		order: 4;
	}

	.attention-left {
		background-position: left bottom;
		padding: 44px 35px 0 186px;
		position: relative;
	}

	.attention-left-title {
		font-size: 30px;
		line-height: 130%;
	}

	.attention-left-text {
		margin-top: 11px;
	}

	.attention-right {
		padding: 30px 0 18px 21px;
	}

	.attention-right-title {
		margin-bottom: 17px;
	}

	.detailed-prices-block .block-common-title,
	.works-prices-block .block-common-title {
		font-size: 30px;
		line-height: 115%;
		margin-bottom: 24px;
	}

	.facts-block {
		padding: 42px 20px 20px 20px;
	}

	.facts-list {
		padding-top: 9px;
	}

	.facts-list-item {
		padding: 14px 30px 17px 54px;
		font-size: 16px;
		line-height: 150%;
	}

	.facts-list-item::before,
	.vrezka-akkuratno-block .promise-list-item::before {
		width: 22px;
		height: 22px;
		border: 1px solid #FF7E04;
		background-size: 10px 8px;
		top: 20px;
		left: 20px;
	}

	.garantii-priem-block .facts-list-item::before {
		top: 50%;
		margin-top: -11px;
	}

	.vrezka-akkuratno-block .promise-list-item::before {
		top: 6px;
		left: 12px;
	}

	.locks-block {
		padding: 42px 22px 2px 22px;
	}

	.locks-block .block-common-title {
		margin-bottom: 21px;
	}

	.locks-block .block-common-text {
		width: 100%;
	}

	.locks-list a {
		width: calc(50% - 10px);
		margin-bottom: 31px;
	}

	.locks-list a span {
		display: block;
		margin-top: 13px;
	}

	.inner-first-line h1 {
		font-size: 40px;
		line-height: 115%;
	}

	.contacts-block-left {
		padding: 19px 20px 26px 20px;
	}

	.contacts-block-right {
		margin-top: 20px;
	}

	.contacts-block-right .call-button .common-phone {
		color: #FFFFFF;
	}

	.closed-door-block {
		border-radius: 5px 5px 0 0;
		padding: 40px 20px 10px 20px;
		height: auto;
	}

	.lock-class-block {
		padding: 13px 20px 9px 20px;
		border-radius: 0 0 5px 5px;
		height: auto;
	}

	.lock-class-list-item {
		padding: 0 0 23px 58px;
		position: relative;
	}

	.lock-class-list-item::before {
		left: 2px;
	}

	.locks-types-block .block-common-title,
	.locks-types-block.seif .block-common-title {
		font-size: 30px;
		line-height: 150%;
		margin-bottom: 18px;
	}

	.cl {
		clear: left;
	}

	.defensive-classes-block .block-common-title {
		font-size: 30px;
		line-height: 150%;
	}

	.defensive-list-item img {
		width: auto;
		float: none;
	}

	.defensive-list-text {
		padding: 12px 0 8px 0;
	}

	.uslugi-first-block {
		height: auto;
		background: url(/bitrix/site/img/uslugi-bg-mobile.jpg) no-repeat center center;
	}

	.uslugi-first-inner {
		padding: 41px 21px 40px 21px;
	}

	.uslugi-first-block .block-common-title {
		font-size: 40px;
		line-height: 125%;
	}

	.uslugi-first-block .block-common-text {
		margin-bottom: 31px;
	}

	.uslugi-first-left {
		margin-bottom: 20px;
	}

	.zaklinilo-block {
		background-size: cover;
	}

	.zaklinilo-block-inner {
		padding: 40px 21px 40px 21px;
		border-radius: 5px;
	}

	.zaklinilo-block .block-common-title {
		font-size: 40px;
		line-height: 125%;
		margin-bottom: 9px;
	}

	.zaklinilo-right {
		padding-right: 0;
	}

	.zaklinilo-block .block-common-text {
		font-size: 24px;
		line-height: 150%;
		margin: 2px 0 30px 0;
	}

	.o-kompanii-first-block .main-zamena-block-inner {
		padding-right: 20px;
	}

	.page-404 .inner-first-line {
		background: url(/bitrix/site/img/404-bg-mobile.jpg) no-repeat center center;
	}

	.page-404 .inner-first-line h1 {
		width: 80%;
	}

	.page-404 .hamb-menu-left {
		width: 227px;
		float: left;
	}

	.page-404 .hamb-menu-center {
		float: left;
		width: calc(100% - 227px);
	}

	.page-404 .hamb-left-item {
		display: block !important;
	}

	.page-404 .hamb-menu-text a,
	.page-404 .hamb-center-item a {
		border-bottom: none;
		padding: 0;
	}

	/***********************FORM***********************/
	.callback-form,
	.callback-form.director-callback-form,
	._catalog.callback-form {

		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 100;
		padding: 70px 20px 40px 20px;
	}


	.form-close svg {
		width: 40px;
		height: 40px;
	}

	.callback-form-inner {
		margin-top: 32px;
	}

	.callback-form .afbf_item_pole,
	.callback-form .afbf_submit_block {
		width: 100%;
		float: none;
	}

	.callback-form .afbf_submit_block {
		margin-top: 20px;
	}

	.callback-form-subtitle.second-line {
		margin: 0 0 22px 0;
	}

	.callback-form .call-button svg {
		width: 34px;
		height: 34px;
	}

	.callback-form .call-button .common-phone {
		font-size: 28px;
		margin-bottom: 23px;
	}

	.callback-form-buttons {
		position: absolute;
		left: 0;
		bottom: 75px;
		width: 100%;
		padding: 0 20px;
	}

	.car-logo {
		width: 50%;
	}

	.header-phone-block {
		display: none;
	}
}

.footer__link {
	display: block;
	margin-top: 5px;
}

.footer__link a {
	color: #FF7E04;
	font-size: 17px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(255, 126, 4, 0.4);
	cursor: pointer;
}

.two-blocks {
	display: flex;
	flex-wrap: wrap;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 20px;
	margin-bottom: 20px;

}

.two-blocks>div {
	height: auto;
	background-size: auto 100%;
	margin: 0 0;
}

.two-blocks .doors-block {
	min-height: 567px;
}

.two-blocks .promise-block {
	min-height: 567px;
}

.two-blocks .iron-door-block {
	min-height: 592px;
}

/*.two-blocks .detailed-prices-block {
	min-height: 694px;
}*/
.two-blocks .promo-block {
	/*min-height: 657px;*/
	padding: 40px 20px 40px 20px;
}

.promo-block a,
.faq-block a,
.works-block a,
.locks-block .block-common-text a,
.good-service-block a,
.example-list a {
	color: #FF7E04;
}

.reviews-block-slider {
	height: 300px;
}

.reviews-block-slider .slick-track,
.reviews-block-slider .reviews-slide,
.reviews-block-slider .slick-list {
	height: 100%;
}

.prices-block-item-right {
	float: right;
	width: calc(100% - 103px);
}

.how-block {

	padding: 40px 20px 40px 20px;
	height: auto;
}

.how-block .block-common-text {
	font-size: 18px;
}

.how-block .block-common-text {
	margin-bottom: 13px;
}

h2.block-common-title,
h2.works-block-title {
	margin-top: 0;
}

.promo-block .slider-nav {
	position: unset;
}

.iron-door-block-bottom .bottom-text {
	font-weight: 400;
	margin-bottom: 29px;
}

@media (min-width: 769px) {

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4-inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.zamena-prices-block-bottom {
		position: unset;

		width: calc(100% + 44px);
		margin-left: -22px;
	}

	.zamena-prices-block-left {
		width: calc(50%);
		height: auto;
		margin-top: 0;
		float: left;
		border: 0;
		border-left: none;
		border-radius: 0 25px 25px 0;
		padding: 40px 40px 40px 20px;
	}

	.zamena-prices-block {
		height: auto;
		border-radius: 5px;
		overflow: hidden;
		overflow: hidden;
		margin: 20px 0;
		display: flex;
		flex-wrap: wrap;
	}

	.zamena-prices-block-right {
		width: calc(50% - 10px);
		float: right;
		height: auto;
	}


}


.good-service-block {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.good-service-list {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-bottom: auto;
}

.promise-block-inner {
	padding: 40px 20px 40px 20px;
}

.promise-list {
	display: grid;
	grid-row-gap: 27px;
}

.promise-list-item {
	padding: 0 30px 0 0px;
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
}

.promise-list-item svg {
	min-width: 35px;
	position: unset;
	margin-right: 20px;
}

.vrezka-akkuratno-block .promise-list-item::before {
	position: unset;
}

.defensive-list {
	margin-top: 13px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	width: 100%;
}

.defensive-list .fl {

	min-width: 80px;
	width: 80px;
	height: auto;
}

.defensive-list-item {
	padding: 9px 0 23px 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.defensive-list .fl {
	min-width: 80px;
	width: 80px;
	height: auto;
	object-fit: contain;
	left: 0 !important;
	margin-right: 20px;
}

.defensive-list-text {
	width: 100%;
	margin-top: 1px;
}

.defensive-list-text {
	width: calc(100% - 110px);
	margin-top: 1px;
}

.example-list-item {
	font-weight: normal;

}

.how-block .block-common-text {
	margin-top: 17px;
	margin-bottom: 0px;
}

.prices-block-item {
	height: auto;
}

.prices-block-item .prices-block-item-left {
	height: calc(100% + 52px);
	top: auto;
	margin-right: 20px;
}

.prices-block-item .prices-block-item-left svg {
	top: 50%;
	transform: translate(0, -50%);
}

.prices-block-item .prices-block-item-right {
	padding: 20px;
}

.two-blocks .staff-block {
	background-size: cover;
	min-height: 657px;
}

/*.prices-block, .doors-price-block{
	margin-bottom: -20px;
}*/
.doors-price-block {
	display: grid;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-bottom: 20px;
}

.prices-block {
	display: grid;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

	margin-bottom: 20px;
}

.doors-price-item {
	width: 100%;
	height: 129px;
	border-radius: 5px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	padding: 0 100px 0 20px;
}

.prices-block-item {
	width: 100%;
	margin-bottom: 0;

	display: flex;
	align-items: center;
}

@media (max-width: 768px) {

	.doors-price-block {
		display: grid;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 20px;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

	.prices-block {
		display: grid;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 20px;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;

		margin-bottom: 20px;
	}

	.defensive-list {
		grid-template-columns: 1fr;
	}
}

.promo-slide {
	min-height: 269px;
	height: auto;
}

.promo-block-slider .slick-track {
	display: flex;
}

.footer-left-adress {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
	align-items: center;
	display: flex;
	margin-top: 7px;
}

.footer-left-adress::before {
	content: url(../img/geo-ico.svg);
	display: flex;
	margin-right: 11px;
	margin-left: 6px;
}

.attantion-right-items {
	display: flex;
	flex-wrap: wrap;
}

.attention-right-item:nth-child(odd) {
	margin-right: 40px;
}

.attention-right-item svg {
	top: 4px;
}

@media (max-width: 768px) {
	.attantion-right-items {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.attention-right-item:nth-child(odd) {
		margin-right: 0;
	}
}

/* custom 12.01.23 */
.header--fixed {
	position: fixed;
	z-index: 99;
	transition: 0.3s;
}


.call-block-balloon_custom {
	/* background: rgba(255, 255, 255, 0.8); */
	background-color: #ffe5cd;
	border-radius: 5px;
	padding: 13px 20px 15px 20px;
	position: relative;
	margin-bottom: 39px;
	color: black;
}

.call-block-balloon_custom p {
	margin: 0;
}

.call-block-balloon_custom:before {
	content: '';
	border-bottom: 14.5px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid #ffe5cd;
	border-top: 14.5px solid #ffe5cd;
	position: absolute;
	bottom: -27px;
	left: 42px;
	z-index: 10;
}

body .call-block-name_custom {
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 3px;
	color: #FFFFFF !important;
	appearance: none;
	-webkit-appearance: unset;
	-moz-appearance: unset;
	appearance: unset;
	-webkit-text-fill-color: #FFFFFF;
}

/* .locks-types-block.auto .locks-types-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
} */

.works-popup._video img {
	width: 100%;
	height: 277px;
	/* pointer-events: none */
}

.play_button {
	position: absolute;
	inset: 50%;
	/* background-image: url(/include/youtube_button/play.svg); */
	background-image: url(/include/youtube_button/youtube-button-alter.png);
	background-repeat: no-repeat;
	width: 68px;
	height: 48px;
	background-size: contain;
	transform: translate(-50%, -50%);
}

/* .play_button:hover {
	background-image: url(/include/youtube_button/playh.svg);
} */

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

	.vrezka-akkuratno-block .promise-list-item::before {
		min-width: 22px;
	}

	.mfp-bg,
	.mfp-wrap {
		width: 518px;
	}
}

.locks-list a:hover {
	color: #000000;
}

/* custom 12.01.23 */


.works-block-right iframe,
.works-block-right img {
	width: 100%;
	height: 277px;
	border-radius: 3px;
}

.works-block-right img {
	object-fit: cover;
	cursor: pointer;
}

.video-for-works {
	position: relative;
	aspect-ratio: 478 / 312;
	overflow: hidden;
}

.video-for-works .play_button {
	cursor: pointer;
}



.inner-catalog-block {
	margin: 20px 0;
	padding: 45px 0;
}

.inner-catalog-block__title {
	margin: 0;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.inner-catalog-block__tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 35px;
}

.inner-catalog-block__tag {
	padding: 10px 20px;
	border-radius: 6px;
	border: 1px solid #E1E7F3;
	background-color: #EEF1F7;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	cursor: pointer;
	transition: 200ms;
}

.inner-catalog-block__tag.active {
	border: 1px solid #FF7E04;
	cursor: default;
}

.inner-catalog-block__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}

.inner-catalog-block__pagination {}

@media (min-width: 950px) {
	.inner-catalog-block__tag:not(.active):hover {
		background-color: #e7ebf5;
	}
}

@media (max-width: 768px) {
	.inner-catalog-block {
		padding: 30px 0;
	}

	.inner-catalog-block__tags {
		margin-top: 20px;
	}

	.inner-catalog-block__tag {
		padding: 10px 10px;
	}

	.inner-catalog-block__items {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		margin-top: 20px;
	}
}



.catalog__item {
	padding: 20px;
	border: 1px solid #D6D0DC;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	transition: box-shadow .3s ease, border-color .3s ease;
	color: black;
}

.catalog__item:hover {
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.095);
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, 0.0);
	color: black !important;
}

.catalog__item:focus {
	text-decoration: none;
	color: black;
}

.catalog__item-img {
	height: 130px;
	margin-bottom: 15px;
}

.catalog__item-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.catalog__item-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.catalog__item-title span {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 36px;
	text-align: center;
}

@media (min-width: 768px) {
	.catalog__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}


.inner-catalog-block__items .catalog__item {
	display: none;
}

.inner-catalog-block__items .catalog__item.active {
	display: flex;
}

.inner-catalog-block__pagination {
	display: none;
	justify-content: center;
	margin-top: 20px;
	width: 100%;
}

.inner-catalog-block__pagination.active {
	display: flex;
}

.inner-catalog-block__pagination-btn {
	color: #808080;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	transition: 200ms;
	cursor: pointer;
}

@media (min-width: 950px) {
	.inner-catalog-block__pagination-btn:hover {
		color: #FF7E04;
	}
}





.text-container {
	margin-bottom: 40px;
}

.text-container h2 {
	margin: 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 115%;
	margin-bottom: 20px;
}

.text-container p {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #000000;
}

.text-container p:last-child {
	margin-bottom: 0;
}





.thin-form {
	padding: 20px;
	margin: 20px 0;
	border-radius: 5px;
	background-image: url(/bitrix/site/img/thin-form-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right, center;
}

.thin-form__form {}

.thin-form .callback-form-title {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-align: left;
}

.thin-form .callback-form-inner {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.thin-form .afbf_item_pole input {
	display: flex;
	align-items: center;
	width: 315px;
	height: 50px;
	padding: 10px 14px;
	border: none;
	border-radius: 5px;
	background-color: #fff;
	color: #80807E;
	color: #000;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.thin-form .afbf_item_pole input::placeholder {
	color: #80807E;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.thin-form .afbf_submit_block input {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 250px;
	height: 50px;
	padding: 10px;
	border: none;
	border-radius: 5px;
	background: #FF7E04 !important;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 0;
	text-transform: uppercase;
	cursor: pointer;
}

.thin-form .alx-feedb-error {
	margin-top: 0 !important;
}

.thin-form .afbf_success_block .callback-form-ok-pic {
	margin-top: 0;
}

.thin-form .afbf_success_block .callback-form-title {
	text-align: center;
}

.thin-form .afbf_success_block .callback-form-subtitle {
	color: #FFF;
}

@media (min-width: 950px) {
	.thin-form .afbf_submit_block input:hover {
		background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%) !important;
	}
}

@media (max-width: 768px) {
	.thin-form {
		padding: 15px;
		background-image: url(/bitrix/site/img/thin-form-bg-min.jpg);
	}

	.thin-form .callback-form-inner {
		flex-direction: column;
	}

	.thin-form .afbf_item_pole {
		width: 100%;
	}

	.thin-form .afbf_item_pole input {
		width: 100%;
	}

	.thin-form .afbf_submit_block {
		width: 100%;
	}

	.thin-form .afbf_submit_block input {
		width: 100%;
	}
}







.works-block_cisa {
	padding: 45px 25px;
}

.works-block-cisa__title {
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.works-block-slider-wrapper {
	width: 100%;
	overflow: hidden;
}

.works-block-slider-double {
	margin-top: 35px;
	width: calc(100% + 20px);
}

.works-block-slider-double .video-for-works {
	margin-right: 20px;
	aspect-ratio: 16 / 11;
}

.works-block-slider-double .video-for-works img {
	aspect-ratio: 16 / 9;
}

.works-block-slider-double .video-for-works video {
	width: 100%;
	/* object-fit: cover; */
	aspect-ratio: 16 / 9;
}

.works-block-slider-double .video-for-works iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.works-block-slider-double .video-for-works .play_button {
	top: 40%;
}

.works-block-slider-double .video-for-works .video-name {
	margin-top: 20px;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

@media (max-width: 768px) {
	.works-block_cisa {
		padding: 30px 15px;
	}

	.works-block-slider-double {
		margin-top: 20px;
	}
}











.new-prices-block {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin: 20px 0;
	cursor: default;
}

.new-prices-block__left {
	flex: 0 0 calc(50% - 10px);
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 25px;
	border-radius: 5px;
	background: #EEF1F7;
}

.new-prices-block__title {
	margin: 0;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.new-prices-block__text {
	margin: 0 0 20px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.new-prices-block__button-wrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.new-prices-block__button {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	padding: 10px;
	background: #FF7E04;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-transform: uppercase;
	cursor: pointer;
}

.new-prices-block__button:hover {
	background: linear-gradient(180deg, #FF7E04 0%, #EB5500 100%);
}

.new-prices-block__right {
	flex: 0 0 calc(50% - 10px);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 20px;
}

.new-prices-block__price-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	border-radius: 5px;
	background: #EEF1F7;
	overflow: hidden;
}

.new-prices-block__price-name {
	padding: 20px 20px 0;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.new-prices-block__price-bottom {
	width: 100%;
	padding: 17px 20px;
	background: #E1E7F3;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.banner-crumb {
	color: #fff;
	margin-top: -10px;
	font-size: 16px;
}

.banner-crumb a {
	color: #fff;
}

.banner-crumb .bc-item>span {
	opacity: 0.6;
}

@media (max-width: 768px) {
	.new-prices-block {
		flex-direction: column;
	}

	.works-block .slick-arrow {
		display: flex !important;
		width: 60px;
		height: 50px;
		position: absolute;
		align-items: center;
		justify-content: center;
		margin-top: -25px;
		top: 40%;
	}

	.works-block-right {
		position: relative;
	}

	.works-block .slider-arrow-prev {
		left: 2%;
	}

	.works-block .slider-arrow-next {
		right: 2%;
	}

}

.container-cisa {
	min-height: calc(100vh - 354px);
}

.container-cisa h1 {
	margin-bottom: 1.2em;
}



.fixed_down {
	display: block;
	position: fixed;
	bottom: 0px;
	z-index: 300;
	background: #FF7E04;
	background: url('/image/m_phone.png') no-repeat 25px center #FF7E04;
	width: 100%;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	padding-right: 15px;
	text-align: center;
	font-weight: bold;
}

.fixed_down span {
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 5px;
}







@media (max-width: 520px) {
	.container {
		width: 100%;
		min-width: 319px;
	}

	body {
		width: 100%;
		min-width: 319px;
	}

	.main-zamena-block-inner h1 {
		font-size: 32px;
	}

	.main-block-subtext {
		font-size: 20px;
	}

	.promo-label {
		font-size: 14px;
		width: auto;
	}

	.promo-name {
		width: calc(100% - 80px);
	}

	.block-common-title {
		font-size: 26px;
	}

	.achievements-block-left .block-common-text {
		font-size: 18px;
	}

	.header--fixed {
		width: 100%;
	}

	.reviews-block .block-common-title {
		font-size: 26px;
		line-height: 1.3;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4-inner {
		padding: 10px 10px 0px 10px;
	}

	.zamena-prices-block {
		height: auto;
	}

	.map-block .block-common-title {
		font-size: 26px;
	}

	.map-list-item {
		font-size: 16px;
	}

	.achievements-block,
	.achievements-block-inner {
		height: auto;
	}

	.fixed_down {
		font-size: 24px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.fixed_down span {
		font-size: 16px;
		margin-bottom: 0;
	}

	.works-block-right iframe,
	.works-block-right img {
		height: auto;
	}
}

@media (max-width: 400px) {
	.header-hamburger {
		margin: 21px 0px 0 15px;
	}

	.logo svg {
		width: 220px;
	}

	.main-zamena-block-inner h1 {
		font-size: 24px;
	}

	.main-block-subtext {
		font-size: 16px;
	}

	.main-zamena-block-list-item {
		font-size: 16px;
		padding-top: 0;
	}

	.call-button .common-phone {
		font-size: 20px;
	}

	.call-button svg {
		height: 31px;
		top: 9px;
	}

	.good-service-list-item {
		padding: 0 0px 22px 50px;
	}

	.promo-discount {
		/* display:none; */
	}

	.promo-name {
		width: 100%;
		font-size: 21px;
	}

	.promo-desc {
		width: 100%;
	}

	.common-form-button {
		font-size: 18px;
		padding-top: 12px;
	}

	.achievements-block,
	.achievements-block-inner {
		height: auto;
	}

	.reviews-block-slider {
		height: 190px;
	}

	.block-common-title {
		font-size: 22px;
	}

	body {
		font-size: 16px;
	}

	.promise-list-item {
		padding-right: 0;
	}

	.two-blocks .iron-door-block {
		min-height: 460px;
	}

	/* .zamena-prices-block-right>div>div {
		width:100%;
		height:auto;
		float:none;
		padding:0;
		margin:0;
		border:none;
		border-radius:5px;
		text-align:center;
	}	
	.zamena-prices-block-right>div {
		width:100%;
		height:auto;
		float:none;
		padding:0;
		margin:0 0 25px 0;
		background: #EEF1F7;
		border:none;
		border-radius:5px;
		text-align:center;
	} */
	.zamena-prices-block-bottom {
		position: static;
	}

	.zamena-prices-block {
		height: auto;
		/* background:none; */
	}

	/* .zamena-prices-block-right {
		width:100%;
	}
	.zamena-prices-block-left {
		background: #EEF1F7;
	}
	.zamena-prices-text {
		padding:10px !important;
	}
	.zamena-prices-block-bottom {
		padding:12px !important;
	} */
	.example-block .block-common-title div {
		font-size: 22px;
	}

	.opened .faq-answer {
		margin-right: -45px;
	}

	.call-block .call-block-right .call-button .common-phone {
		font-size: 20px;
	}

	.call-block .call-button svg {
		top: 10px;
	}

	.map-block .block-common-title {
		font-size: 22px;
	}

	.map-list-item {
		font-size: 13px;
	}

	#map {
		background-position: 50% 50%;
	}

	.uslugi-first-left {
		font-size: 18px;
		padding-right: 20px;
	}

	.uslugi-first-block .block-common-text {
		font-size: 18px;
	}

	.uslugi-list-item {
		font-size: 20px;
		padding-right: 10px;
	}

	.uslugi-list-item img {
		margin-right: 15px;
	}

	.zaklinilo-block .block-common-title {
		font-size: 30px;
	}

	.zaklinilo-block .block-common-text {
		font-size: 20px;
	}

	.good-service-list-item {
		margin-top: 0 !important;
	}

	.how-block-list {
		margin-top: 20px;
	}

	.remont-page-how .how-block-title {
		height: auto;
	}

	.how-block-list-item {
		padding: 9px 0 23px 55px;
	}

	.detailed-prices-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.detailed-prices-item-left {
		width: auto;
		word-wrap: break-word;
		max-width: 60%;
		padding-right: 5px;
	}

	.detailed-prices-item-right {
		white-space: nowrap;
	}

	.defensive-classes-block .block-common-title {
		font-size: 26px;
	}

	.defensive-list-text {
		width: auto;
	}

	.how-block .block-common-text,
	.how-block .how-block-list .how-block-list-item .how-block-title {
		font-size: 16px;
	}

	.main-zamena-block-list-item {
		padding-bottom: 10px;
	}

	.doors-price-item {
		height: auto !important;
	}

	.doors-price-title {
		font-size: 16px;
	}

	.doors-price-item-inner {
		padding: 15px 0;
	}

	.doors-price-item {
		background-position: right 15px bottom !important;
		padding-right: 75px;
	}

	.attention-left {
		padding: 30px 20px 0 20px;
		background: none;
		height: auto;
	}

	.works-prices-item {
		padding: 1px 10px 1px 16px;
	}

	.works-prices-item:nth-of-type(4) {
		padding: 5px 10px 7px 16px;
	}

	.works-prices-bottom {
		height: auto;
		padding-bottom: 10px;
		padding-left: 30px;
	}

	.prices-block-item-title {
		font-size: 16px;
	}

	.staff-slide img {
		/* bottom: -150px; */
	}

	.locks-types-list .clearfix {
		display: none;
	}

	/* .locks-types-list {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	} */
	.locks-types-name {
		word-wrap: break-word;
	}

	.locks-types-item img {
		max-height: 97px;
	}

	.detailed-prices-block .block-common-title,
	.works-prices-block .block-common-title {
		font-size: 24px;
	}

	.detailed-prices-item.clearfix::after {
		display: none;
	}

	.defensive-list-item {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.faq-question {
		font-size: 18px;
	}

	.locks-types-block.auto {
		padding: 20px 10px 15px 10px;
	}

	.car-logo {
		width: 45%;
	}

	/* .catalog__sections-item {
		flex-wrap:wrap;
		justify-content:center;
		padding: 15px 20px;
		height:auto;
		text-align:center;
	} */
	/* .catalog__sections-item .img {
		margin-right:0;
		margin-bottom:10px;
		width:100%;
		height:auto;
	} */
	.catalog__main .catalog__right {
		display: block;
	}

	.catalog__grid {
		/* display:flex;
		flex-wrap:wrap;
		justify-content:center; */
	}

	.catalog__main .why-me h2 {
		font-size: 25px;
	}

	.why-me__item {
		align-items: center;
		text-align: center;
		margin-bottom: 25px;
	}

	.catalog__main .why-me__wrapper {
		display: block;
	}

	.catalog-cont section.title .breadcrumbs span {
		font-size: 13px;
		line-height: 1;
	}

	.catalog-cont section.title h1 {
		font-size: 24px;
	}

	.catalog-cont .img__wrapper {
		width: auto;
		height: auto;
	}

	.catalog-cont .img {
		padding: 0;
	}

	.catalog-cont .offer .call-button .common-phone,
	.catalog-cont .offer .call-button .common-phone:hover {
		height: 40px;
		font-size: 22px;
	}

	.catalog-cont .promotion__text {
		font-size: 20px;
	}

	.catalog-cont .promotion__wrapper-btn span {
		font-size: 14px;
		white-space: nowrap;
	}

	.catalog-cont .prop h2 {
		font-size: 28px;
	}

	.catalog-cont .see-also h2 {
		font-size: 30px;
	}

	.catalog-cont .catalog__item-img {
		height: 155px;
		margin-bottom: 40px;
	}

	.catalog-cont section.title .breadcrumbs {
		padding: 0;
	}

	.container-cisa section.title h1 {
		font-size: 34px;
	}

	.works-block_cisa {
		position: relative;
	}

	.info-block__title {
		font-size: 24px;
	}

	.info-block__subtitle {
		font-size: 18px;
	}

	.info-block__list-item-icon {
		min-width: 30px;
	}

	.info-block__list-item {
		gap: 10px;
	}

	.works-block-cisa__title {
		font-size: 30px;
	}

	.works-block-slider-double .video-for-works .video-name {
		margin-top: 5px;
	}

	.works-block-slider-double .video-for-works {
		aspect-ratio: unset;
	}

	.works-block .slick-arrow {
		height: 92%;
	}

	.new-prices-block__right {
		grid-template-columns: repeat(1, 1fr);
	}

	.new-prices-block__price-bottom {
		text-align: center;
	}

	.inner-catalog-block__title {
		font-size: 32px;
	}

	.inner-catalog-block__tag {
		font-size: 13px;
		padding: 5px;
	}

	.inner-catalog-block__items {
		grid-template-columns: repeat(1, 1fr);
	}

	.catalog__item-img {
		height: 155px;
	}

	.achievements-block-right-1,
	.achievements-block-right-3,
	.achievements-block-right-2-inner,
	.achievements-block-right-4-inner {
		height: 212px;
	}

	.achievements-text {
		line-height: 1.4;
	}

	.contacts-block-right .call-button .common-phone {
		line-height: 2.1 !important;
	}

	.catalog-cont {}
}






















.iron-door-block .block-common-text {
	margin-bottom: 20px;
}

.iron-door-block .block-common-text .bottom-text {
	margin-top: 40px;
	font-style: italic;
	width: 80%;
}

.iron-door-block .iron-door-block-bottom .call-button {
	margin: 0;
}

.iron-door-block-bottom {
	bottom: auto;
}

.zamena-prices-block-right .common-form-button {
	display: none;
}

.promo-discount_mobile {
	display: none;
}

.promo-inner {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
}

.promo-desc {
	flex-grow: 1;
}

.prices-block-img {
	height: 100%;
}

.detailed-prices-item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.detailed-prices-item-right {
	flex: 0 0 110px;
	text-align: right;
}

.locks-types-name_desktop {}

.locks-types-name_mobile {
	display: none;
}

.locks-types-list {
	display: grid;
	grid-template-columns: repeat(3, 235px);
	grid-template-rows: repeat(2, 1fr);
	row-gap: 20px;
	column-gap: 20px;
	width: max-content;
	margin: 0 auto;
	padding: 0;
}

.locks-list_white-bg .locks-popup img {
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid rbga(0, 0, 0, 0.15);
}

.how-block .how-block-list {
	margin-top: 30px;
	gap: 20px;
}

/*.how-block .how-block-list .how-block-list-item {
	display: flex;
	gap: 10px;
	align-self: flex-start;
	padding: 0;
}
.how-block .how-block-list .how-block-list-item::before {
	flex-shrink: 0;
	display: block;
	content: '';
	margin-top: 7px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #FF7E04;
}
.how-block .how-block-list .how-block-list-item img {
	display: none;
}*/

main section.title h1.container__title {
	font-size: 40px;
}

.how-block>.how-block-list>.how-block-list-item>.how-block-title {
	flex: 0 0 25%;
}

.how-block>.how-block-list>.how-block-list-item>.how-block-text>.no-wrap {
	white-space: nowrap;
}

.catalog__sections-item {
	gap: 25px;
	height: auto;
	padding: 20px;
}

.catalog__sections-item>.img {
	flex-shrink: 0;
	margin-right: 0;
}


@media (max-width: 768px) {
	.main-zamena-block .call-button {
		margin-bottom: 0;
	}

	.uslugi-first-block .call-button {
		margin-bottom: 0;
	}

	.uslugi-first-block .call-button>.common-phone {
		margin-bottom: 0;
	}

	.good-service-block,
	.achievements-block-left,
	.reviews-block,
	.promise-block-inner,
	.iron-door-block,
	.zamena-prices-block-left,
	.locks-block,
	.example-block,
	.faq-block,
	.call-block,
	.promo-block.last {
		padding: 30px 20px !important;
	}

	.defensive-classes-block,
	.works-prices-bottom,
	.locks-types-block,
	.locks-types-block.auto,
	.defensive-classes-block,
	.defensive-classes-block.seif,
	.car-logos-wp,
	.zaklinilo-block-inner,
	.map-block-left,
	.detailed-prices-block,
	.how-block,
	.how-block.light-bg,
	.popular-cont,
	.facts-block,
	.garantii-remont-block {
		padding: 30px 20px;
	}

	.works-block,
	.promo-block {
		padding: 30px 20px 0 !important;
	}

	.works-prices-inner,
	.staff-block .staff-block-header {
		padding: 30px 20px 0;
	}

	.footer-block-left,
	.footer-block-right {
		padding: 30px 0 0;
	}

	.two-blocks .iron-door-block {
		min-height: 0;
	}

	.iron-door-block-bottom .bottom-text {
		margin-bottom: 20px;
	}

	.two-blocks .promise-block {
		min-height: 0;
	}

	.locks-list a:nth-child(3),
	.locks-list a:nth-child(4) {
		margin-bottom: 0;
	}

	.example-list-item:last-of-type {
		margin-bottom: 0;
	}

	.faq-block-list-item:last-of-type {
		margin-bottom: 0;
	}

	.locks-types-name_desktop {
		display: none;
	}

	.locks-types-name_mobile {
		display: block;
	}

	.locks-types-list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		width: 100%;
		margin: 0;
	}

	.locks-types-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.how-block .how-block-list {
		margin-top: 20px;
	}

	.defensive-list-item {
		padding: 9px 0 0 0;
	}

	.works-prices-block {
		margin-top: 20px;
	}

	.example-block>.block-common-text>p:last-of-type {
		margin-bottom: 0;
	}

	.uslugi-first-inner {
		border-radius: 0;
	}

	.inner-first-line {
		border-radius: 0;
	}

	.good-service-block {
		gap: 20px;
	}

	.good-service-block>.good-service-list {
		margin: 0;
	}

	.good-service-block>.good-service-list>.good-service-list-item {
		margin: 0;
	}

	.facts-block>.facts-list>.facts-list-item:last-of-type {
		margin: 0;
	}

	.how-block>.how-block-list>.how-block-list-item>.how-block-title {
		flex: 0 0 30%;
	}

	.reviews-block-right {
		position: relative;
	}

	.reviews-block-right .slick-arrow {
		display: flex !important;
		width: 60px;
		height: 75%;
		position: absolute;
		align-items: center;
		justify-content: center;
	}

	.reviews-block-right .slider-nav {
		margin-top: 20px;
	}

	.reviews-block-right .slider-dots {
		margin: 0;
	}

	.reviews-block .slider-arrow-next {
		right: 0;
	}

	.reviews-block-right .reviews-button {
		margin-top: 12px;
	}

	.promo-block .slider-nav {
		margin-top: 10px;
	}

	.hamb-menu-links {
		padding-bottom: 60px;
	}

	.works-prices-bottom svg {
		display: none;
	}
}

@media (max-width: 520px) {
	.container_mobile-wild {
		padding: 0;
	}

	.block-in-twin_mobile-wild {
		width: calc(100% + 40px);
		margin: 0 -20px !important;
		border-radius: 0;
	}

	.works-block {
		border-radius: 0;
	}

	.main-zamena-block {
		border-radius: 0;
	}

	.reviews-block {
		border-radius: 0;
	}

	.main-block-subtext {
		font-size: 18px;
	}

	.works-block-title,
	.block-common-title {
		font-size: 26px !important;
		line-height: 100% !important;
		margin-top: 0 !important;
		margin-bottom: 15px !important;
	}

	.reviews-block-slider {
		height: auto;
	}

	.map-block {
		border-radius: 0;
		margin: 20px 0 0;
	}

	.achievements-block {
		background-size: cover;
	}

	.achievements-block-right {
		width: 100%;
	}

	.achievements-block-right-1,
	.achievements-block-right-2,
	.achievements-block-right-2-inner,
	.achievements-block-right-3,
	.achievements-block-right-4,
	.achievements-block-right-4-inner {
		width: 100%;
		height: auto;
		float: none;
	}

	.achievements-block-right-1,
	.achievements-block-right-2-inner,
	.achievements-block-right-3,
	.achievements-block-right-4-inner {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: calc(100% + 40px);
		padding: 30px 20px;
	}

	.achievements-text {
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.achievements-text br {
		display: none;
	}

	.achievements-colored-title {
		line-height: 100%;
	}

	.iron-door-block .block-common-text .bottom-text {
		width: 100%;
	}

	.zamena-prices-block-left {
		width: 100%;
		margin: 0;
		border: none;
	}

	.zamena-prices-block-right {
		width: 100%;
		padding: 0 20px 30px;
		margin-bottom: 0;
	}

	.zamena-prices-text {
		font-style: italic;
	}

	.zamena-prices-text br {
		display: none;
	}

	.zamena-prices-block-bottom {
		flex: 0 0 40%;
		text-align: right;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4,
	.zamena-prices-block-right-4-inner {
		float: none;
		width: 100%;
		border-radius: 0;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2-inner,
	.zamena-prices-block-right-3,
	.zamena-prices-block-right-4-inner {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		height: auto;
		margin: 0;
		padding: 10px 0;
		border: none;
	}

	.zamena-prices-block-right-1,
	.zamena-prices-block-right-2,
	.zamena-prices-block-right-3 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}

	.zamena-prices-block-bottom {
		position: relative;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	.zamena-prices-block-left .common-form-button {
		display: none;
	}

	.zamena-prices-block-right .common-form-button {
		display: block;
	}

	.promo-block .promo-block-slider .promo-slide .promo-discount {
		position: relative;
		background-color: #E1E7F3;
		width: max-content;
		height: auto;
		margin-bottom: 15px;
		padding: 5px;
		border: none;
		border-radius: 5px;
	}

	.promo-block .promo-block-slider .promo-slide .promo-discount::before {
		display: none;
	}

	.promo-block .promo-block-slider .promo-slide .promo-discount>span {
		position: relative;
		top: 0;
		left: 0;
		line-height: 50px;
		transform: rotate(0);
	}

	.promo-slide {
		display: flex !important;
		flex-direction: column;
	}

	.promo-inner {
		flex-grow: 1;
		height: auto;
	}

	.promo-name {
		width: 100%;
	}

	.promo-desc {
		width: 100%;
	}

	.promo-discount_mobile {
		display: block;
	}

	.attention-block .attention-left {
		padding: 30px 35px 30px 186px;
	}

	.attention-block .attention-left .attention-left-text {
		font-size: 16px;
	}

	.two-blocks .staff-block {
		min-height: 0;
	}

	.staff-block-slider {
		position: relative;
	}

	.staff-balloon {
		top: auto;
		right: 0;
		bottom: 30px;
		width: calc(100% - 40px);
		margin: 20px;
	}

	.staff-balloon::before {
		display: none;
	}

	.staff-block .slider-nav {
		bottom: 0;
	}

	.works-prices-item-right {
		height: auto;
	}

	.works-prices-item,
	.works-prices-item:nth-of-type(4) {
		display: flex;
		align-items: center;
		padding: 10px 16px;
	}

	.container.catalog-cont>.title {
		width: calc(100% + 40px);
		margin: 0 -20px 20px;
		border-radius: 0;
	}

	.video-block>.video-item>div {
		aspect-ratio: 8 / 5;
	}

	.video-block>.video-item>div>iframe {
		width: 100%;
		height: 100%;
	}

	.video-block>.video-item>div>video {
		width: 100%;
		height: 100%;
	}

	.how-block>.how-block-list>.how-block-list-item>.how-block-title {
		flex: 0 0 35%;
	}

	.staff-block .slider-nav .slick-arrow {
		display: none !important;
	}

	.promo-block .slider-nav .slick-arrow {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.catalog__grid {
		grid-template-columns: 1fr;
	}

	.prices-block-item>.prices-block-img {
		min-height: 140px;
	}

	.prices-block-item>.prices-block-item-right {
		padding: 16px;
	}
}

@media (max-width: 400px) {
	.zamena-prices-text {
		font-size: 16px;
	}

	.zamena-prices-block-bottom {
		font-size: 16px;
	}

	.attention-block .attention-left {
		padding: 30px 20px 0;
	}

	.attention-block .attention-right {
		padding: 30px 20px 20px;
	}

	.detailed-prices-item-right {
		flex: 0 0 100px;
	}

	main section.title h1.container__title {
		font-size: 30px;
	}

	.catalog__sections-item {
		gap: 20px;
		padding: 15px;
	}

	.catalog__sections-item>.img {
		width: 60px;
		height: 60px;
	}

	.prices-block-item>.prices-block-img {
		min-height: 0;
	}
}

@media (max-width: 350px) {
	.how-block>.how-block-list>.how-block-list-item>.how-block-title {
		font-size: 14px;
	}

	.how-block>.how-block-list>.how-block-list-item>.how-block-text {
		font-size: 14px;
	}

	.catalog__sections-item {
		font-size: 18px;
	}

	.locks-types-name {
		font-size: 14px;
	}
}



















/* history block */
:root {
	--history-size: 72.55px;
	/* --margin-top-section: 27px; */
	--history-font-size: 11px;
	--history-item-width: 96.73px;
	--history-title: 24px;
}

@media screen and (min-width: 768px) {
	:root {
		--history-size: clamp(72.55px, calc(4.534375rem + (110 - 72.55) * ((100vw - 768px) / (1024 - 768))), 110px);
		--margin-top-section: clamp(27px, calc(1.6875rem + (40 - 27) * ((100vw - 768px) / (1024 - 768))), 40px);
		--history-font-size: clamp(11px, calc(0.6875rem + (13 - 11) * ((100vw - 768px) / (1024 - 768))), 13px);
		--history-item-width: clamp(96.73px, calc(6.045625rem + (140 - 96.73) * ((100vw - 768px) / (1024 - 768))), 140px);
	}
}

@media screen and (min-width: 1024px) {
	:root {
		--margin-top-section: clamp(40px, calc(2.5rem + (60 - 40) * ((100vw - 1024px) / (1200 - 1024))), 60px);
	}
}

@media screen and (min-width: 1200px) {
	:root {
		--history-title: clamp(24px, calc(1.5rem + (28 - 24) * ((100vw - 1200px) / (1400 - 1200))), 28px);
		--margin-top-section: clamp(60px, calc(3.75rem + (100 - 60) * ((100vw - 1200px) / (1400 - 1200))), 100px);
	}
}

section.history {
	/* margin-top: var(--margin-top-section); */
}

.history__container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: calc(var(--indent) * -1);
}

.history__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: var(--history-item-width) !important;
	width: auto;
	text-align: center;
	max-width: 140px;
	cursor: pointer;
}

.history__item * {
	pointer-events: none;
}

.history__item-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min-content;
	height: min-content;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: double 2px transparent;
	border-radius: 50%;
	background-image: linear-gradient(white, white), linear-gradient(to right, #ffffff, #ffffff);
}

.history__item._new .history__item-image {
	background-image: linear-gradient(white, white), linear-gradient(to right, var(--add-color8), #FFC700);
}

.history__item-image span {
	min-width: var(--history-size);
	max-width: var(--history-size);
	height: var(--history-size);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	border: 1.38px solid white;
	background: #F3F3F3;
}

.history__item-image span:before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: #003959;
	z-index: 1;
	opacity: 0;
	will-change: opacity;
	transition: opacity 0.3s ease;
}

.history__item-title {
	font-style: normal;
	font-weight: 400;
	font-size: var(--history-font-size);
	line-height: 140%;
	margin-top: 7px;
}

@media screen and (min-width: 1024px) {
	.history__item:hover .history__item-image span:before {
		opacity: 0.3;
	}
}

.site-arrow._history.swiper-button-disabled,
.site-arrow._history.swiper-button-disabled+.history__overlay {
	opacity: 0 !important;
}

.site-arrow._next._history {
	z-index: 5;
	transform: rotate(180deg) translateY(100%);
	width: 32px;
	height: 32px;
	display: flex;
	position: absolute;
	right: 0;
	will-change: opacity;
	transition: opacity 0.2s ease;
	top: 50%;
	display: none;
}

.site-arrow._history:before {
	width: 6.6px;
	height: 11.22px;
}

.site-arrow._prev._history {
	left: 0;
	z-index: 5;
	transform: rotate(180deg) translateY(100%);
	width: 32px;
	height: 32px;
	display: flex;
	position: absolute;
	right: 0;
	will-change: opacity;
	transition: opacity 0.2s ease;
	top: 50%;
	display: none;
}

.site-arrow._prev._history+.history__overlay {
	left: 0;
	transform: scale(-1);
}

span.history__overlay {
	position: absolute;
	right: 0;
	background: var(--add-gradient3);
	width: 100px;
	z-index: 3;
	pointer-events: none;
	top: -1px;
	bottom: -1px;
	opacity: 1;
	will-change: opacity;
	transition: opacity 0.2s ease;
	display: none;
}

.site-arrow._next._history.swiper-button-disabled+.history__overlay {
	opacity: 0;
}

/* @media screen and (min-width: 1024px) {
	.history__container .swiper-wrapper {
		gap: clamp(15px, calc(0.9375rem + (20 - 15) * ((100vw - 1024px) / (1200 - 1024))), 20px)
	}
} */
@media screen and (min-width: 1100px) {
	.history__wrapper {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.history .section__title {
		display: block;
	}

	.site-arrow._history,
	span.history__overlay {
		display: flex !Important;
	}

	.history__container {
		margin-left: 0;
		margin-right: unset;
	}
}

/* history block */

/* detail history test */
.history-detail__item.swiper-slide-active {
	filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.4));
}

.history-detail__item {
	width: auto;
	height: 100vh;
}

.history-detail {
	position: fixed;
	inset: 0;
	z-index: 100;
	background-color: rgb(18 42 56 / 85%);
	width: 100%;
	height: 100%;
	top: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	display: flex;
	opacity: 0;
	pointer-events: none;
	will-change: opacity;
	transition: opacity 0.3s ease
}

.history-detail._active {
	opacity: 1;
	pointer-events: unset;
}

.history-detail__container {
	margin: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.icon.window-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	fill: white;
	top: 20px;
	right: 20px;
	z-index: 999;
	cursor: pointer;
}

span.icon.window-close * {
	pointer-events: none;
}

.history-detail__element {
	width: 100%;
	height: 100%;
}

.history-detail__image {
	width: 100%;
	height: 100%;
	position: absolute;
}

.history-detail__wrapper {
	overflow: unset;
	width: 100%;
}

.history-detail__item:not(.history-detail__elements .history-detail__item) {
	scale: 0.75;
	will-change: scale, filter;
	transition: scale 0.4s ease, filter 0.4s ease;
	filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0));
}

.history-detail__item:not(.history-detail__elements .history-detail__item):before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 9;
}

.history-detail__item.swiper-slide-active:before {
	content: unset !important;
}

.history-detail__item.swiper-slide-active {
	scale: 1 !important;
	filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.4)) !important;
}

.history-detail__info {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 15px;
	padding-top: 99px;
	z-index: 2;
}

.history-detail__title {
	text-shadow: 0px 0px 22.716px rgba(0, 66, 102, 0.6);
	color: #FFFFFF;
	font-style: normal;
	font-weight: 900;
	font-size: 42.4033px;
	line-height: 120%;
}

.history-detail__description {
	font-style: normal;
	font-weight: 900;
	font-size: 21.2016px;
	line-height: 25px;
	color: white;
	padding: 3.02881px 5.30041px;
	max-width: fit-content;
	margin-top: 12px;
}

.history-detail__description._selected {
	background: linear-gradient(89.01deg, #FF7A00 1.02%, #FFAB2E 103.44%);
}

.history-detail__buttons {
	height: 50px;
	margin-top: auto;
}

.history-detail__buttons .site-button {
	height: 100%;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	width: 100%;
}

.history-detail__buttons .site-button span {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}

.history-detail__title span {
	font-style: normal;
	font-weight: 900;
	font-size: 48.46px;
	line-height: 58.15px;
	color: inherit;
}

.swiper-pagination._history-detail__elements {
	top: 10px;
	bottom: unset;
	height: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0 10px;
	z-index: 2;
}

.swiper-pagination._history-detail__elements span {
	width: 100%;
	height: 100%;
	border-radius: unset;
	margin: 0 !Important;
	background: #FFFFFF;
	opacity: 0.4;
}

.swiper-pagination._history-detail__elements span.swiper-pagination-bullet-active {
	opacity: 1;
}

.history-detail__image:before,
.history-detail__image:after {
	content: '';
	position: absolute;
	height: 15%;
	width: 100%;
	left: 0;
	z-index: 2;
}

.history-detail__image:before {
	top: 0;
	background: linear-gradient(180deg, #122A38 0.02%, rgba(18, 42, 56, 0) 99.99%);
}

.history-detail__image:after {
	bottom: 0;
	background: linear-gradient(0deg, #122A38 0.02%, rgba(18, 42, 56, 0) 99.99%);
}

.history-detail__text {
	padding: 0 17px;
}

.history-arrow._history-detail:after {
	content: '';
}

.history-arrow._history-detail {
	top: 0;
	bottom: 80px;
	margin: 0 !important;
	height: auto;
	width: calc(100%/2);
	z-index: 5;
}

.swiper-button-next._history-detail.history-arrow {
	right: 0;
}

.swiper-button-prev._history-detail.history-arrow {
	left: 0;
}

.video-wrapper video {
	width: 100%;
	height: 100%;
}

.works-block .video-wrapper {
	width: 439px;
	height: 277px;
}

@media screen and (max-width: 480px) {
	.works-block .video-wrapper {
		width: 100%;
		height: 210px;
	}

	.works-block .slick-arrow {
		height: 50px;
		top: 45%;
	}

	.catalog__right .catalog__grid {
		grid-template-columns: repeat(1, 1fr);
	}
}


@media screen and (min-width: 501px) {
	.history-detail__item {
		width: 501px !important;
		height: calc(100vh - 50px);
	}

}

@media screen and (min-width: 1200px) {
	.history-detail__item {
		height: calc(100vh - 200px);
	}
}

/* detail history test */