body {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	color: #555;
}

button, input[type='submit'], input[type='button'], .basket_button, .basket_button span {
	text-transform: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
}

h1 {
	color: #383838;
	font-size: 36px;
	font-weight: bold;
	line-height: 38px;
	padding-bottom: 25px;
}

h1.shifted {
	padding-right: 200px;
}

h2, h3, h4, h5 {
	color: #383838;
	line-height: 20px;
	font-weight: bold;
	margin: 30px 0 26px;
}

h2 {
	font-size: 24px;
	margin: 0 0 24px;
}

h3 {
	margin: 0 0 23px;
}

h3, h3 a {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

a h3 {
	display: inline-block;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h1 {
	font-size: 1.766em;
	line-height: 30px;
	margin: 0 0 18px;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	line-height: 28px;
	margin: 40px 0 26px;
}

h3 {
	font-size: 1.23em;
	line-height: 24px;
	margin: 40px 0 26px;
}

h4 {
	font-size: 1.1em;
	line-height: 20px;
	margin: 40px 0 26px;
}

h5 {
	font-size: 0.966em;
	line-height: 22px;
	margin: 40px 0 26px;
}

h6 {
	font-size: 0.866em;
	line-height: 22px;
	margin: 40px 0 26px;
}

.brand-align img {
	max-width: 100%;
	height: auto;
}

.brand-align {
	padding: 40px 40px 0px 0px
}

h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
	margin-top: 50px;
}

h1.no-top-space, h2.no-top-space, h3.no-top-space, h4.no-top-space, h5.no-top-space, h6.no-top-space {
	margin-top: 0px;
}

h1.no-bottom-space, h2.no-bottom-space, h3.no-bottom-space, h4.no-bottom-space, h5.no-bottom-space, h6.no-bottom-space {
	margin-bottom: 0px;
}

h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced {
	margin-top: 64px;
}

h1.bottom-spaced, h2.bottom-spaced, h3.bottom-spaced, h4.bottom-spaced, h5.bottom-spaced, h6.bottom-spaced {
	margin-bottom: 36px;
}

img {
	border: 0;
}

blockquote {
	color: #383838;
	margin: 43px 0 45px;
	min-height: 40px;
	padding-left: 25px;
	position: relative;
	vertical-align: middle;
	border: none;
}

blockquote:before {
	bottom: 3px;
	content: " ";
	display: block;
	left: 0;
	position: absolute;
	top: 3px;
	width: 3px;
	background-color: #ddd;
}

.medium {
	font-weight: 500;
	font-size: 14px;
}

hr {
	border: 0;
	height: 1px;
	margin: 20px 0;
	background: #f0f0f0;
}

p {
	margin: 0px 0px 20px;
}

a {
	cursor: pointer;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

ol {
	counter-reset: li;
}

ol li, ul li {
	position: relative;
	padding-left: 18px;
}

ol li:before, ul li:before {
	position: absolute;
	left: 0px;
}

ol li:before {
	content: counter(li) ". " !important;
	counter-increment: li;
	padding-right: 0 !important;
	color: #383838;
}

ul li:before {
	content: "\25CF";
	color: #383838;
}

li {
	list-style-type: none;
}

.big_text {
	font-size: 18px;
	font-weight: 500;
}

.middle_text {
	font-size: 14px;
}

hr.long {
	margin: 35px 0px 30px;
}

.border_block_wide {
	border: 1px solid #e5e5e5;
	padding: 9px 38px 34px;
}

.border_block_wide .props_list {
	width: 100%;
}

.border_block_wide .props_list td:first-child {
	font-size: 14px;
}

.border_block_wide .props_list td:first-child .txt {
	padding-right: 28px;
}

.border_block_wide .props_list td:last-child {
	font-size: 16px;
	font-weight: bold;
}

.border_block_wide .props_list td:last-child .txt {
	padding-left: 29px;
}

.border_block_wide .props_list td .txt {
	padding-left: 14px;
}

.border_block_wide .props_list td {
	padding-top: 6px;
}

table.props_list {
	border-collapse: collapse;
	border: 0px;
	table-layout: fixed;
}

table.table td {
	padding: 10px;
}

table[data-bx-no-border="Y"] td {
	border: 0px;
	border-bottom: 1px dotted #c3c3c3;
}

.props_list td {
	text-align: right;
	padding: 2px 0px 2px 10px;
	font-size: 13px;
}

.border_block_wide .props_list td {
	border-bottom: 1px dotted #c3c3c3;
}

.props_list td>span, .props_list td>.txt {
	position: relative;
	background: #FFF;
	padding: 0px;
	display: inline-block;
	color: #666;
}

.border_block_wide .props_list td>span, .border_block_wide .props_list td>.txt {
	bottom: -11px;
	background: #FFF;
	padding: 0px 0px 0px 10px;
	display: inline-block;
}

.props_list tr td:first-child {
	text-align: left;
	padding-right: 10px;
	padding-left: 0px;
}

.props_list tr td:first-child>span, .props_list tr td:first-child>.txt {
	padding-right: 12px;
	position: relative;
}

.props_list tr td:first-child>span.whint {
	padding-right: 32px;
}

.border_block_wide .props_list tr td:first-child>span:before, .border_block_wide .props_list tr td:first-child>.txt:before {
	content: "";
	display: block;
	position: absolute;
	background: #ddd;
	left: 1px;
	top: 10px;
	width: 2px;
	height: 2px;
}

.props_list tr td:first-child>.txt:before {
	top: 9px;
	width: 3px;
	height: 3px;
}

.tizer_bold_text {
	font-weight: 600;
	font-size: 18px;
}

.tizer_text {
	font-size: 16px;
}

.styled-block {
	border-left: 2px solid;
	background: url('images/background.png') #f5f5f5 0 0 repeat;
	color: #555555;
	margin-bottom: 40px;
	clear: both;
	margin-top: 30px;
	padding: 37px 50px;
	font-size: 15px;
}

.order-block {
	background: #fbfbfb;
	border: 1px solid #f5f5f5;
	color: #555555;
	clear: both;
	font-size: 1em;
	margin: 35px 0 51px;
	width: 100%;
}

.order-block .row {
	margin: 0;
}

.order-block .row>div {
	text-align: center;
	padding: 41px 0 40px;
	min-height: 83px;
}

.order-block td {
	padding: 41px 0px;
	vertical-align: top;
}

.order-block td .btns {
	text-align: center;
}

.order-block .btn {
	margin: 0;
}

.order-block .text {
	padding: 0px 0px 0px 128px;
	min-height: 54px;
	line-height: 24px;
	color: #222;
	text-align: left;
	position: relative;
}

.order-block .text:before {
	content: "";
	background: url(images/next.png) -405px -211px no-repeat;
	display: block;
	width: 48px;
	height: 58px;
	position: absolute;
	top: 39px;
	top: -2px;
	left: 50px;
}

.order-block .text h1, .order-block .text h2, .order-block .text h3, .order-block .text h4, .order-block .text h5, .order-block .text h6 {
	color: #333333;
	margin-bottom: 5px;
	margin-top: 0px;
}

.styled-block .row>div, .order-block .row>div {
	/*float:left;*/
	display: table-cell;
	vertical-align: middle;
}

.styled-block .row>div.col-md-3, .order-block .row>vib.col-md-3 {
	text-align: center;
}

.styled-block .row>div.col-md-3 .btn, .order-block .row>vib.col-md-3 .btn {
	position: relative;
	margin: 0;
}

.order-block.noicons .text:before {
	display: none;
}

.order-block.noicons .text {
	min-height: auto;
	padding-left: 30px;
}

.order-block.noicons td {
	vertical-align: middle;
}

.introtext {
	padding: 0px 0px 20px;
	font-size: 1.200em;
	color: #222222;
	border-bottom: 2px solid #de002b;
	line-height: 1.6em;
	margin-bottom: 40px;
	position: relative;
}

.btn-inline {
	cursor: pointer;
	white-space: nowrap;
}

.btn-inline i {
	margin: 0 14px;
}

.btn-inline.rounded i {
	margin: 0 8px;
	border-radius: 50%;
	width: 18px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
}

.btn-inline.rounded i:before {
	margin-left: 1px;
}

.bx-firefox .btn-inline.rounded i:before {
	margin-left: 0px;
}

.btn-inline.rounded:hover i {
	color: #fff;
	background: #ccc;
}

.btn-inline:hover {
	color: #222;
}

.btn-inline.sm {
	font-size: 0.867em;
}

.btn-inline.sm i {
	margin: 0 12px;
}

.btn-inline.sm.rounded i {
	margin: 0 6px;
}

.btn-inline.xs {
	font-size: 0.733em;
}

.btn-inline.xs i {
	margin: 0 10px;
}

.btn-inline.xs.rounded i {
	margin: 0 4px;
}

.btn-inline.black {
	color: #222;
}

.black {
	color: #222;
}

/* i.fa.big-icon /info/more/icons/ */
.fa.big-icon {
	height: 54px;
	width: 54px;
	line-height: 54px;
	font-size: 29px;
	border-radius: 50%;
	background: #666;
	color: #fff;
	text-align: center;
}

.fa.big-icon.grey {
	color: #222;
}

.fa.big-icon.s50 {
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 29px;
}

.fa.big-icon.s45 {
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 25px;
}

.fa.big-icon.s40 {
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 22px;
}

.fa.big-icon.s35 {
	height: 35px;
	width: 35px;
	line-height: 35px;
	font-size: 19px;
}

.fa.big-icon.s30 {
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 17px;
}

.fa.big-icon.s25 {
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-size: 13px;
}

/* .icon-text /info/more/icons/ */
.icon-text {
	padding: 0 20px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	border-radius: 27px;
	white-space: nowrap;
}

.icon-text .fa {
	font-size: 30px;
	margin-top: -7px;
	vertical-align: middle;
	margin-right: 10px;
}

a.icon-text:hover {
	color: #fff;
	text-decoration: underline;
}

a.icon-text:focus {
	color: #fff;
}

.icon-text.s50 {
	padding: 0 18px;
	height: 50px;
	line-height: 50px;
}

.icon-text.s50 .fa {
	margin-top: -2px;
	font-size: 26px;
	margin-right: 6px;
}

.icon-text.s45 {
	height: 45px;
	line-height: 45px;
}

.icon-text.s45 .fa {
	margin-top: -2px;
	font-size: 22px;
	margin-right: 4px;
}

.icon-text.s40 {
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
}

.icon-text.s40 .fa {
	font-size: 22px;
	margin-top: -4px;
	margin-right: 4px;
}

.icon-text.s35 {
	padding: 0 14px;
	height: 35px;
	line-height: 33px;
}

.icon-text.s35 .fa {
	margin-top: 0;
	font-size: 18px;
	margin-right: 4px;
}

.icon-text.s30 {
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	line-height: 29px;
}

.icon-text.s30 .fa {
	margin-top: 0;
	font-size: 15px;
	margin-right: 2px;
	line-height: 13px;
}

.icon-text.s25 {
	padding: 0 9px;
	height: 25px;
	font-size: 13px;
	line-height: 24px;
}

.icon-text.s25 .fa {
	margin-top: 0;
	font-size: 14px;
	margin-right: 2px;
	line-height: 13px;
}

/* BUTTONS */
.btn {
	font-family: 'Lora',Georgia,serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	border: 1px solid;
	border-radius: 3px;
	padding: 11px 26px 12px;
	overflow: hidden;
	transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
}

.more_page_buttons_block .btn {
	margin: 0 10px 10px 0;
}

.btn.bold {
	font-weight: bold;
}

.btn>* {
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.btn-lg {
	/*padding: 10px 25px 10px;
	font-weight: bold;*/
}

.btn.btn-lg {
	/*font-size: 14px;*/
}

.btn-sm {
	padding: 6px 15px 6px;
	font-size: 12px;
}

.btn.btn-sm {
	font-weight: normal;
}

.btn-xs {
	font-size: 11px;
	line-height: 12px;
	padding: 7px 14px 7px;
	border-radius: 1px;
}

.btn.btn-xs {
	font-weight: normal;
}

.btn[disabled], .btn.disabled {
	background: none !important;
	border: 1px solid #bbbbbb !important;
	color: #bbbbbb !important;
}

.btn[disabled]>*, .btn.disabled>* {
	background: none !important;
	border: none !important;
	color: #bbbbbb !important;
}

.btn-lg[disabled], .btn-lg.disabled {
	border-width: 2px;
}

.btn-icon i {
	margin-right: 10px;
}

.btn-icon-right i {
	margin-right: 0;
	margin-left: 10px;
}

.btn-default.wc {
	padding: 0 !important;
	font-size: 0;
}

.btn-default.wc .fa {
	display: inline-block;
	height: 31px;
	line-height: 32px;
	vertical-align: top;
	width: 32px;
	*display: inline;
	zoom: 1;
	font-size: 13px;
}

.btn-default.wc span {
	display: inline-block;
	padding: 6px 12px 5px 0px;
	line-height: 19px;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	font-size: 13px;
}

.btn-default.btn-xs.wc .fa {
	width: 25px;
	height: 26px;
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
}

.btn-default.btn-xs.wc span {
	line-height: 16px;
	padding: 5px 10px 4px 0;
	font-size: 11px;
}

.btn-default.wc.vert {
	background: none;
	border: none;
	padding: 0;
	min-width: 100px;
	width: 100%;
}

.btn-default.wc.vert .fa {
	background-color: #cdd8dd;
	border: none;
	display: block;
	height: 70px;
	line-height: 70px;
	vertical-align: top;
	font-size: 39px;
	border-radius: 1px 1px 0 0;
	width: 100%;
}

.btn-default.wc.vert span {
	color: #1d2029;
	background: #dfeaed;
	border-bottom: 1px solid #c8d2d5;
	border-top: 1px solid #eaf1f3;
	display: block;
	padding: 10px 12px 10px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 0 0 1px 1px;
	white-space: normal;
	text-shadow: none;
}

.btn-default.wc.vert:hover span {
	background: #cdd8dd;
	border-bottom: 1px solid #b8c2c6;
	border-top: 1px solid #dde5e8;
}

.btn.btn-responsive-nav {
	color: #FFF;
	padding: 5px 8px 3px;
	margin: 0;
	border: medium none;
}

.btn.btn-responsive-nav .fa {
	font-size: 21px;
}

.btn.btn-transparent-border {
	border: 1px solid rgba(243, 243, 243, 0.4);
}

.btn.btn-transparent-border:hover {
	color: #fff;
}

.btn.white.grey {
	color: #888888 !important;
	border: 1px solid #aaaaaa;
	background: #ffffff;
}

.to-order, .to-subscribe, .in-cart, .in-subscribe {
	display: block;
}

.btn.btn-default.in-cart, .btn.btn-default.in-cart:hover {
	background: #4fad00;
	border-color: #4fad00;
}

.btn.btn-default:focus:active {
	color: #fff;
}

.btn.btn-default.transparent.white:not(:hover) {
	background: transparent;
}

.btn:hover, .btn:active, .btn:focus {
	outline: none;
}

.btn.btn-default:active:hover {
	color: #fff;
}

.bx-ieaf-fdpp {
	padding: 10px 60% 10px 2%;
	position: relative;
}

.bx-ieaf-fdpp .close.jqmClose {
	top: 20px;
}

.bx-ieaf-fdpp select,
.bx-ieaf-fdpp textarea,
.bx-ieaf-fdpp input[type="text"] {
	padding: 4px 9px 4px 9px;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-banner {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 58%;
	height: 100%;
	overflow: hidden;
	background-image: url(/images/design_banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-text-0,
.bx-ieaf-fdpp .bx-ieaf-fdpp-text-1,
.bx-ieaf-fdpp .bx-ieaf-fdpp-item,
.bx-ieaf-fdpp .bx-ieaf-fdpp-captcha {
	margin: 0px 0px 2px 0px;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-title {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-name {
	font-weight: 400;
	font-size: 13px;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-text-1 a,
.bx-ieaf-fdpp .starrequired {
	color: red;
}

.bx-ieaf-fdpp textarea {
	height: 40px;
	min-height: 50px;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-captcha img {
	height: 30px;
	max-width: 100%;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-mess,
.bx-ieaf-fdpp .bx-ieaf-fdpp-text-0,
.bx-ieaf-fdpp .bx-ieaf-fdpp-text-1 a,
.bx-ieaf-fdpp .bx-ieaf-fdpp-text-1 {
	font-size: 11px;
}

.bx-ieaf-fdpp .bx-ieaf-fdpp-mess p {
	margin: 0px;
}

.free-design-project-bt {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
	z-index: 100;
}

.free-design-project-bt a {
	background-color: #e7edf2;
	border-radius: 4px 4px 0px 0px;
	padding: 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.table {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
}

.header-mobile.top-line {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #f6f6f6;
	position: relative;
	z-index: 4;
}

.header-mobile.top-line .table {
	margin: 0px;
}

.header-mobile.top-line .td {
	width: 33%;
	vertical-align: middle;
}

.header-mobile.top-line .td:first-child {
	padding-left: 5px;
}

.header-mobile.top-line .td:last-child {
	padding-right: 5px;
}

.header-mobile.top-line .region_wrapper .city_title {
	display: none;
}

.header-mobile.top-line .region_wrapper:before {
	background-position: 3px center;
}

.header-mobile.top-line .phone,
.header-mobile.top-line .phones {
	text-align: center;
}

.header-mobile.top-line .phone a,
.header-mobile.top-line .phones a {
	display: block;
	font-size: 12px;
	color: #000;
}

.header-mobile.top-line .phone a {
	font-weight: bold;
}

@media (max-width: 767px) {
	.bx-ieaf-fdpp {
		padding: 10px;
	}

	.bx-ieaf-fdpp .bx-ieaf-fdpp-banner {
		display: none;
	}
}



.logo_and_menu-row .phone-block.with_btn .phone {
	font-size: 20px;
}

footer .info .phone .phone {
	font-size: 20px;
	@media (max-width: 450px) {
		font-size: 16px;
	}
}

/*.logo {
	img.logo-desktop {
		display: inline-block;
		@media (max-width: 450px) {
			display: none;
		}
	}
	img.logo-mobile {
		display: none;
		@media (max-width: 450px) {
			display: inline-block;
		}
	}
}*/

@media (max-width: 450px) {
	body .top_slider_wrapp .flexslider .slides>li {
		background-size: cover !important;
	}
	#mobileheader .wrap_cabinet{
		display: table-cell!important;
	}
	.header-mobile.visible-sm.visible-xs{
		display: none!important;
	}
	.mobilemenu-v1.scroller .menu{
		margin-bottom:0;
	}
	.mobilemenu-v1.scroller .menu ul{
		width:100%;
	}
	#mobileheader{
		overflow: visible!important;
	}
	#mobileheader{

	}
	#mobileheader .wrap_icon.wrap_phone .with_dropdown{
		/*position:unset;*/
	}
	#mobileheader .wrap_icon.wrap_phone .dropdown{
		position:absolute;
		left:-70px;;
		top:63px;
		width:100%;
	}
}


.top-block-gray {
	background-color: #F9F9FA !important;
	font-family: 'Lora',Georgia,serif;
	font-weight: 400;
	font-size: 18px;

	& > .maxwidth-theme {
		display: flex;
		align-items: center;
		background: transparent;

		& .region_wrapper {
			max-width: 255px;
			padding-right: 30px;
			padding-left: 25px;

			&:before {
				content: "";
				position: absolute;
				left: 0px;
				top: 2px;
				width: 18px;
				height: 18px;
				background: url('/local/templates/aspro_next/images/svg/Marker.svg') left top / contain no-repeat;
			}

			& .city_title {
				font-weight: 700;
				color: #222222;
				font-size: 18px;
			}
			.dark-color:hover, a.colored, .colored {
				color: #CF2536;
			}
			 .js_city_chooser > span:not(.arrow) {
				font-size: 16px;
			}
		}

		& .phone {
			.svg-phone {
				margin: 0 5px 0 0;
				min-width: 18px;
				min-height: 18px;
				background-size: contain;
			}
			& a {
				color: #222222;
				font-size: 18px;
				font-weight: 700;
			}
			& .more_phone > a {
				font-size: 16px;
				font-weight: 400;
			}
		}

		& > .menu-topest {
			flex: 1;
			padding-right: 30px;

			.menu.topest {
				width: 100%; display: flex; justify-content: flex-end; margin-right: 30px;
				li {
					font-size: 18px;
				}
			}
			.top.menu_top_block {
				width: 100%; display: flex; justify-content: flex-end; margin-right: 30px;
				li {
					font-size: 18px;
				}
			}
		}
	}
}

.logo-row {
	padding: 10px 0px;
}

.logo_and_menu-row .catalog-block {
	min-width: 180px;
	&  > .btn {
		margin: 29px 0px;
	}
}

.catalog-btn {
	padding-left: 50px;
	position: relative;

	&:before {
		content: '';
		width: 18px;
		height: 18px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.9559C0 3.22765 0.59038 2.63727 1.31864 2.63727H19.7795C20.5078 2.63727 21.0982 3.22765 21.0982 3.9559C21.0982 4.68416 20.5078 5.27454 19.7795 5.27454H1.31864C0.59038 5.27454 0 4.68416 0 3.9559ZM0.105594 10.5491C0.105594 9.82083 0.695973 9.23045 1.42423 9.23045H19.7795C20.5078 9.23045 21.0982 9.82083 21.0982 10.5491C21.0982 11.2773 20.5078 11.8677 19.7795 11.8677H1.42423C0.695973 11.8677 0.105594 11.2773 0.105594 10.5491ZM0.105594 17.1423C0.105594 16.414 0.695973 15.8236 1.42423 15.8236H13.2919C14.0202 15.8236 14.6106 16.414 14.6106 17.1423C14.6106 17.8705 14.0202 18.4609 13.2919 18.4609H1.42423C0.695973 18.4609 0.105594 17.8705 0.105594 17.1423Z' fill='white'/%3e%3c/svg%3e ");
		position: absolute;
		top: 11px;
		left: 19px;
	}
}

.search .search-input {
	font-family: 'Lora',Georgia,serif;
	font-size: 18px !important;
}

.basket-link .count {

}

.maxwidth-theme {
	background-color: transparent;
}

h2 {
	font-family: 'Lora',Georgia,serif;
	font-weight: 700 !important;
	font-size: 35px;
	text-align: center;
	@media (max-width: 450px) {
		font-size: 24px;
		margin: 20px 0 0;
	}
}
.catalog_block.items {
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
	row-gap: 20px;
}

.item {
	& .catalog_item {
		& .item_info {
			text-align: left !important;

			& .item-title {
				& .product-section-name {
					color: #77797F;
					font-size: 16px;
					font-family: 'Lora',Georgia,serif;
				}
				& > a > span{
					color: #1D2029 !important;
					font-size: 20px !important;
					line-height: 28px;
					font-family: 'Lora',Georgia,serif;
					padding: 5px 5px 0;
				}
			}
		}
		& .cost.prices {
			font-family: 'Lora',Georgia,serif;
			position: relative;
			padding-bottom: 10px;
			& .price {
				width: 100%;
				margin-left: 0;
			}
			& .price.discount span {
				font-size: 15px;
				line-height: 17px;
			}
		}
		& .discount-percent {
			font-size: 15px;
			color: #CF2536;
			border: 1px solid #CF2536;
			display: inline-block;
			height: 22px;
			line-height: 17px;
			padding: 0px 4px;
			border-right: 0;
			position: absolute;
			bottom: 35px;
			right: 80px;
			&:after {
				content: '';
				width: 16px;
				height: 16px;
				border: 1px solid #CF2536;
				position: absolute;
				transform: rotate(45deg);
				top: 2px;
				right: -8px;
				border-left: 0;
				border-bottom: 0;
			}
		}

		& .item-property {
			color: #77797F;
			font-size: 17px;
			font-family: 'Lora',Georgia,serif;
			display: flex;
			line-height: 20px;
			& .item-property-line {
				flex: 1;
				border-bottom: 1px dotted #77797F;
			}
		}
	}
}

@media (max-width: 450px) {
    .flexslidermobail .items {
        display: block;
        margin: 0;
        padding: 0;
    }

    /* Обязательные стили для самих слайдов-дивов */
    .flexslidermobail .items > .item {
        display: none; /* Скроет остальные слайды до загрузки JS */
        float: left;
        -webkit-backface-visibility: hidden;
        width: 100%;
    }

    /* Очистка потока для плавающих элементов */
    .flexslidermobail .items::after {
        content: "";
        display: table;
        clear: both;
    }


    .catalog_block.items {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .specials.tab_slider_wrapp ul.tabs_content li.tab .catalog_block >div.item, .rows_block:not(.slides) .item_block {
        width: 100% !important;
        min-width: 100%;
    }
}

.btn-cover {
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}


.about-counters-block {
	background:
			linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
			url('/images/about_counters_bg.png') center/cover no-repeat;
	color: #fff;
	padding: 50px 0 75px;
	text-align: center;
	font-family: 'Lora',Georgia,serif;
	line-height: normal;

    @media (max-width: 450px) {
        padding: 20px 0 35px;
        text-align: left;

        & .btn.btn-primary {
            width: 100%;
        }
    }

	& .abc-title {
		font-weight: 700;
		font-size: 41px;
		padding-bottom: 30px;
        @media (max-width: 450px) {
            font-size: 22px;
        }
	}
	& .abc-text {
		font-weight: 400;
		font-size: 23px;
        @media (max-width: 450px) {
            font-size: 16px;
        }
	}
	& .abc-counters {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 35px 0px 75px;
		row-gap: 50px;

        @media (max-width: 450px) {
            justify-content: left;
            padding: 20px 0px 35px;
            gap: 30px 25px;
        }

		& .abc-counter {
			min-width: 395px;
			border-right: 1px solid #CF2536;
            @media (max-width: 450px) {
                min-width: 35%;
                max-width: 45%;
                &:nth-child(2n) {
                    border-right: none;
                }
            }
			&:last-child {
				border-right: none;
			}
			& .abc-pre {
				font-weight: 700;
				font-size: 20px;
				text-transform: uppercase;
                @media (max-width: 450px) {
                    font-size: 16px;
                }
			}
			& .abc-num {
				font-weight: 700;
				font-size: 70px;
                @media (max-width: 450px) {
                    font-size: 45px;
                }
			}
			& .abc-label {
				font-weight: 400;
				font-size: 24px;
				text-transform: lowercase;
                @media (max-width: 450px) {
                    font-size: 18px;
                }
			}
		}
	}
}

.repair-safes {
	font-family: 'Lora',Georgia,serif;
	line-height: normal;

	& p.rs-slogan {
		font-weight: 400;
		font-size: 25px;
		text-align: center;
		@media (max-width: 450px) {
			font-size: 14px;
		}
	}
	& .rs-body {
		display: flex;
		gap: 40px;

		@media (max-width: 450px) {
			flex-direction: column-reverse;
			& > img {
				width: 100%;
				max-width: 100%;
			}
		}
		&:last-child {
			flex: 1;
		}
		& .rs-text {
			box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
			padding: 40px;
			font-size: 20px;
			@media (max-width: 450px) {
				padding: 10px;
				font-size: 14px;
			}

			& ul li {
				position: relative;
				padding-left: 35px;
				@media (max-width: 450px) {
					padding-left: 15px;
				}
				&::before {
					content: "";
					display: inline-block;
					width: 20px;
					height: 20px;
					background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_78_996)'%3e%3cpath d='M20 0V0.409868L10.4274 10.2061L6.85485 6.63468L3.2925 10.197L10.4274 17.3319L20 7.59442V20H0V0H20Z' fill='%23CF2536'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_78_996'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
					background-size: contain;
					background-repeat: no-repeat;
					@media (max-width: 450px) {
						width: 11px;
						height: 11px;
						margin-top: 3px;
					}
				}
			}

			& > div {
				border: 1px solid rgba(210, 210, 210, 1);
				box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
				padding: 20px 30px 20px 180px;
				background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='144' height='162' viewBox='0 0 144 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7896 17.4336C7.71825 17.4251 4.87308 18.8424 3.04831 21.2896L1.98448 22.7162L-6.04513 69.0113L-14.0747 115.306L-13.5485 117.024C-12.8971 119.151 -11.2751 121.258 -9.38813 122.43L-7.95679 123.319L53.725 134.017L115.407 144.716L117.054 144.361C119.225 143.893 121.462 142.455 122.792 140.672L123.866 139.231L131.895 92.9363L139.925 46.6411L139.399 44.9232C138.747 42.7968 137.125 40.6891 135.238 39.5174L133.807 38.6284L72.9416 28.0328C39.4656 22.2051 11.4972 17.4357 10.7896 17.4336ZM133.012 43.9823C134.288 44.9404 134.843 45.949 134.928 47.4642C135.01 48.9261 120.008 135.425 119.438 136.774C118.847 138.172 117.985 138.934 116.461 139.407L115.167 139.808L54.5444 129.293L-6.07819 118.779L-7.16167 117.965C-8.43752 117.007 -8.9925 115.999 -9.07783 114.483C-9.1599 113.021 5.84278 26.5228 6.41234 25.174C7.00295 23.776 7.86516 23.0132 9.38916 22.5406L10.6833 22.1395L71.3059 32.6541L131.928 43.1687L133.012 43.9823ZM14.964 33.069L14.129 33.6575L13.2748 38.582L12.4206 43.5069L10.7394 43.339C9.32849 43.198 8.93582 43.272 8.29623 43.7981L7.53423 44.4256L6.19942 52.1728C5.22344 57.8367 4.93288 60.0506 5.11909 60.4055C5.55204 61.2311 6.38736 61.7135 7.81131 61.9605L9.17884 62.1977L7.58696 71.3757L5.99509 80.5538L4.41214 80.2792C3.06189 80.045 2.70662 80.091 1.99422 80.5928L1.15919 81.1812L-0.171856 88.8554C-1.03582 93.8367 -1.43379 96.7387 -1.30589 97.1252C-1.04807 97.904 0.310738 98.7542 1.67611 98.991L2.76451 99.1798L1.90471 104.137L1.04496 109.094L1.63307 109.929L2.22149 110.764L56.1363 120.115L110.051 129.467L110.886 128.879L111.721 128.29L118.263 90.5719L124.805 52.8536L124.217 52.0184L123.629 51.1833L69.714 41.8321L15.7993 32.4809L14.964 33.069ZM113.404 89.7291L107.411 124.282L56.9322 115.526L6.45298 106.771L7.03242 103.43L7.61187 100.089L9.13573 100.225C10.3227 100.331 10.8474 100.229 11.5101 99.7621L12.3606 99.1627L13.7214 91.3174L15.0821 83.4718L14.4377 82.689C13.9271 82.0688 13.4879 81.8533 12.3236 81.6514L10.854 81.3965L12.4459 72.2185L14.0378 63.0404L15.4053 63.2776C18.4654 63.8084 18.7078 63.3696 20.2421 54.5233C21.5922 46.7393 21.5869 46.0193 20.1733 45.2338C19.719 44.9815 18.8797 44.6939 18.3079 44.5947L17.2684 44.4144L17.8536 41.0401L18.4389 37.6658L68.9181 46.4212L119.397 55.1765L113.404 89.7291ZM80.6186 55.701C71.3017 55.0844 61.9924 59.4887 56.3517 67.1818C48.5259 77.8557 49.2224 92.4753 58.0301 102.404C65.1459 110.425 76.0243 113.693 86.2908 110.892C89.6249 109.983 91.7562 108.995 94.7978 106.952C98.9581 104.156 102.066 100.578 104.462 95.8249C105.547 93.6726 105.679 93.2002 106.489 88.5296C107.299 83.8591 107.334 83.37 107.037 80.9781C106.382 75.6951 104.66 71.2796 101.684 67.2465C97.7693 61.9405 92.9698 58.5712 86.7302 56.7491C84.0892 55.9779 83.6423 55.9013 80.6186 55.701ZM15.3831 53.6806L14.6106 58.1346L12.4511 57.7601L10.2915 57.3855L11.0641 52.9315L11.8366 48.4774L13.9961 48.852L16.1557 49.2265L15.3831 53.6806ZM80.0473 64.0178L79.4695 67.3492L77.8963 67.4253C77.0309 67.4673 75.2718 67.829 73.9872 68.2293L71.6512 68.9573L69.7653 66.2947C68.7279 64.8304 67.8921 63.5587 67.9078 63.4686C67.9513 63.2178 70.926 61.9241 72.5693 61.4414C74.9766 60.7339 78.0827 60.3739 79.8764 60.5944L80.6251 60.6864L80.0473 64.0178ZM89.6537 63.1397C90.565 63.617 91.8661 64.4118 92.5451 64.9058C93.9721 65.9447 96.5477 68.2461 96.5153 68.4535C96.5033 68.5309 95.2443 69.4699 93.7176 70.54L90.9418 72.4855L90.0238 71.5981C88.9272 70.5378 86.6582 69.0887 85.3017 68.5826L84.324 68.2176L84.9093 64.8427L85.4947 61.4679L86.7457 61.8701C87.4339 62.0912 88.7424 62.6624 89.6537 63.1397ZM65.758 69.0157C66.7742 70.4502 67.5907 71.7096 67.5725 71.8143C67.5543 71.9193 67.0491 72.5553 66.4498 73.2276C65.8504 73.9003 64.9261 75.3436 64.3955 76.4353L63.4309 78.4199L60.0182 77.9058L56.6055 77.3915L56.9137 76.5332C57.7495 74.204 58.687 72.3834 60.015 70.5096C61.3919 68.5671 63.4268 66.3235 63.7597 66.3812C63.8426 66.3956 64.7419 67.5812 65.758 69.0157ZM101.167 76.7508C101.921 79.136 102.344 81.8674 102.287 83.9774L102.251 85.2921L98.8655 84.7049L95.4799 84.1176L95.4446 83.3468C95.3652 81.6113 95.0282 79.9167 94.4284 78.235L93.7942 76.4566L96.5414 74.4867L99.2889 72.5165L99.8779 73.5246C100.202 74.0788 100.782 75.5306 101.167 76.7508ZM84.023 73.3501C85.9596 74.3253 87.1669 75.3711 88.436 77.1726C93.4964 84.357 89.0412 94.1673 80.2234 95.257C74.9157 95.9128 69.4153 92.2015 67.9767 86.9941C66.0972 80.1906 70.3421 73.5385 77.3296 72.3374C79.1158 72.0302 82.3832 72.5249 84.023 73.3501ZM62.7813 85.7424C62.9132 86.949 63.2975 88.6192 63.6354 89.4544C63.9733 90.2894 64.2347 91.0583 64.2165 91.1633C64.1984 91.268 62.9703 92.2034 61.4877 93.242L58.7919 95.1305L58.26 94.2054C56.9391 91.9087 55.7731 86.7241 55.7694 83.1306L55.7682 82.2186L59.1548 82.8836L62.5414 83.5488L62.7813 85.7424ZM100.999 91.4009C100.038 94.3354 97.7202 98.0192 95.4578 100.208L94.3903 101.241L92.4265 98.4664L90.4629 95.6922L91.8181 93.9455C93.1002 92.2926 93.6686 91.3351 94.344 89.6904L94.6372 88.9766L98.0228 89.5638L101.409 90.1511L100.999 91.4009ZM90.3371 104.075C90.2977 104.281 87.0976 105.58 85.4041 106.078C83.5272 106.629 80.6006 107.038 78.9211 106.983L77.6077 106.941L78.193 103.566L78.7784 100.191L79.8219 100.177C81.2696 100.157 83.8941 99.5566 85.2837 98.9276L86.4469 98.4011L88.4054 101.168C89.4826 102.69 90.3518 103.998 90.3371 104.075ZM69.134 96.7588C70.151 97.5308 71.6428 98.4352 72.4492 98.7683L73.915 99.374L73.3318 102.736L72.7486 106.099L71.2807 105.651C68.133 104.691 63.9624 101.912 61.8323 99.3563C61.6334 99.1177 66.7063 95.2547 67.1236 95.3271C67.2122 95.3424 68.1167 95.9868 69.134 96.7588ZM8.99223 90.5277L8.19629 95.1168L6.03676 94.7422L3.87722 94.3676L4.67315 89.7786L5.46909 85.1896L7.62863 85.5641L9.78817 85.9387L8.99223 90.5277Z' fill='%23D2D2D2'/%3e%3c/svg%3e ") left center no-repeat;
				display: flex;
				gap: 30px;
				font-size: 18px;

				@media (max-width: 1280px) {
					flex-direction: column;
					gap: 0;
				}
				@media (max-width: 450px) {
					padding: 5px;
					background: none;
					font-size: 13px;
					flex-direction: column;
					gap: 0;
				}

				& > div:first-child {
					flex: 1;
				}
				& > div:last-child {
					display: flex;
					flex-direction: column;
					justify-content: space-around;
				}
				& a:not(.btn) {
					font-size: 18px;
					color: #0C869B;
					display: inline-block;
					width: 268px;
					text-align: center;
					text-decoration: underline;
					@media (max-width: 1280px) {
						width: 100%;
					}
					@media (max-width: 450px) {
						font-size: 16px;
						width: 100%;
						padding: 5px 50px;
					}
				}
			}
		}
	}

}

.front-reviews-custom {
	display: flex;
	justify-content: space-between;
	@media (max-width: 450px) {
		flex-direction: column;
		gap: 20px;
		& > div, iframe {
			max-width: 100%;
		}
	}

	& .reviews-bg {
		width: 602px;
		height: 602px;
		background:
				linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
				url('/images/reviews_bg.png') center/cover no-repeat;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		color: #fff;
		font-family: 'Lora',Georgia,serif;
		line-height: normal;
		font-size: 22px;

		@media (max-width: 450px) {
			width: 100%;
			height: auto;
			aspect-ratio: 1;
		}

		& h5 {
			font-family: 'Lora',Georgia,serif;
			line-height: normal;
			color: #fff;
			font-size: 24px;
			font-weight: 700;
			text-align: center;
		}

		& .small-widgets {
			display: flex;
			gap: 20px;
			padding-bottom: 20px;
			& > iframe {
				margin-left: 0 !important;
			}
		}
		& .btn {
			font-size: 22px;
		}
	}
}

.front-licences-block {
	&  h3 {
		font-family: 'Lora', Georgia, serif;
		line-height: normal;
		font-size: 41px;
		font-weight: 700;
		@media (max-width: 450px) {
			font-size: 22px;
		}
	}

	& img {
		max-width: 433px;
		@media (max-width: 450px) {
			max-width: 100%;
		}
	}
	& .body-info {
		display: none;
	}
}

.cta-order-block {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
	linear-gradient(90deg, rgba(29, 32, 41, 0.7) 0%, rgba(29, 32, 41, 0) 100%),
	url('/images/footer-form-bg.png') center/cover no-repeat;
	color: #fff;
	font-family: 'Lora',Georgia,serif;
	line-height: normal;
	font-size: 22px;
	padding: 50px 0;
	@media (max-width: 450px) {
		font-size: 14px;
	}

	& .cta-inner {
		display: flex;
		gap: 50px;
		align-items: center;
		@media (max-width: 450px) {
			flex-direction: column;
		}

		& > div {
			flex: 1;
		}

		& .cta-title {
			font-weight: 700;
			font-size: 41px;
			padding-bottom: 25px;
			@media (max-width: 450px) {
				font-size: 22px;
				padding-bottom: 15px;
			}
		}
		& .cta-text {
			max-width: 690px;
			@media (max-width: 450px) {
				max-width: 100%;
			}
		}
		& .cta-right {
			& p {
				font-weight: 700;
				text-align: center;
			}
			& .form-control {
				background-color: transparent;
				display: flex;
				color: #fff;
				gap: 20px;
				flex-wrap: wrap;
			}
		}
		input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea, span  {
			font-size: 15px;
		}
		span:not(.slider)  {
			max-width: calc(100% - 60px);
		}
		@media (max-width: 450px) {
			input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea  {
				width: 100%;
			}
			span:not(.slider)  {
				font-size: 11px;
			}
		}
		& input.btn.btn-primary {
			padding-left: 90px;
			padding-right: 90px;
			margin: 0 auto;
			display: block;
			@media (max-width: 450px) {
				width: 100%;
			}

		}
	}
}

.switch {
	position: relative;
	display: inline-block !important;
	width: 40px;
	min-width: 40px;
	height: 24px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #EBEBEB;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: #949494;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
	transition: .4s;
}

input:checked + .slider {
	background-color: #34C759;
}

input:checked + .slider:before {
	transform: translateX(16px);
	background-color: white;
}

.footer_inner {
	font-family: 'Lora',Georgia,serif;
	line-height: normal;
	@media (max-width: 450px) {
		text-align: left !important;
	}
}

@media (max-width: 450px) {
	.wrap_icon.wrap_basket {
		display: none !important;
	}
	.popup {
		min-width: 250px;
		max-width: 84%;
	}
}

@media (max-width: 1280px) {
	.catalog_item_wrapp.col-m-20 {
		width: 24%;
	}
}


.skus {
	display: flex;
	gap: 15px;
	overflow-x: auto;

	& .sku_item_wrapper {
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: space-between;
		align-items: center;
		min-width: 100px;

		& .sku_img {
			cursor: pointer;
		}

		& .sku_name {
			font-size: 12px;
			line-height: 100%;
			max-height: 40px;
			overflow: hidden;
		}
	}
}


table.props_list > tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width:  100%;
    column-gap: 30px;

    & tr {
        display: flex;
        width:  100%;

        & td {
            width: 50%;
			& span {
				background-color: #F9F9FA !important;
			}
        }
    }

	@media (max-width: 450px) {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 500px) {
	body .catalog_block.block_list .item_block {
		width: 100%;
		min-width: 90%;
	}

	/* только слайдер серий (.custom-slider-wrap): без этого ограничения правило прижимало до 200px и главный баннер, ломая вертикальный мобильный формат */
	.top_slider_wrapp.custom-slider-wrap .flexslider .slides > li, .top_slider_wrapp.custom-slider-wrap .flexslider .slides > li td, .top_slider_wrapp.custom-slider-wrap .flexslider {
		height: 71vw !important;
	}
}
@media (max-width: 767px) {
.catalog .adaptive_filter {
	display: none !important;
}
}
/* ===== Доработки по ТЗ (a.L, 2026-10) ===== */
/* 3.1 Выравнивание карточек в блоках «Лидеры продаж» и «Товары со скидкой»:
   название резервирует 3 строки и обрезается на 3 строках — цена, размеры и кнопка в ряду выровнены. */
.tabs_slider .item-title {
	min-height: 78px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 2.18 Отступ между блоком доставки (с кнопкой «Подробнее») и «Варианты оплаты»
   на мобильных, где колонки встают друг под друга и слипаются. */
@media (max-width: 767px) {
	.bx-ce-m-id .col-xs-12 { margin-bottom: 22px; }
	.bx-ce-m-id .col-xs-12:last-child { margin-bottom: 0; }
}

/* 5 Выпадающее мега-меню по клику на кнопку «Каталог» (десктоп). Позицию задаёт custom.js. */
@media (min-width: 768px) {
	.menu-block.rows.js-cat-open .navs > ul {
		display: block !important;
		position: fixed;
		z-index: 2000;
		background: #fff;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		animation: toggle_opacity 300ms;
	}
	.catalog-btn { cursor: pointer; }
}

/* Адаптив списка каталога (стр.165-166): на телефоне карточки в один столбец,
   чтобы не вылезали за экран и цена «по запросу» не скакала из-за длины названия. */
@media (max-width: 767px) {
	.catalog_block.items.block_list { display: block !important; overflow-x: visible !important; }
	.catalog_block.items.block_list > .item_block { width: 100% !important; float: none !important; margin: 0 0 16px !important; }
}

/* 2.9 Заголовки групп товаров в серии */
.series-group-title {
	flex-basis: 100%;
	width: 100%;
	margin: 30px 0 15px;
	font-size: 24px;
	font-weight: 700;
}

/* Карточка товара: выбранная миниатюра под названием (рамка в цвет кнопок) */
.item_slider_thumbs #thumbs > li{cursor:pointer;border-radius:4px;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s;}
.item_slider_thumbs #thumbs > li.current{outline-color:#0c869b;}

/* ===== Главная: правки вёрстки 09.10 ===== */
/* «О компании»: четыре цифры в один ряд (было min-width 395px — четвёртая переносилась одна) */
@media (min-width: 451px) {
	.about-counters-block .abc-counters .abc-counter{min-width:0;flex:1 1 0;padding:0 15px;}
}
@media (min-width: 451px) and (max-width: 1199px) {
	.about-counters-block .abc-counters .abc-counter .abc-num{font-size:52px;}
	.about-counters-block .abc-counters .abc-counter .abc-label{font-size:20px;}
}
@media (min-width: 451px) and (max-width: 991px) {
	.about-counters-block .abc-counters .abc-counter{flex:0 0 50%;}
	.about-counters-block .abc-counters .abc-counter:nth-child(2n){border-right:none;}
}
/* «Товары со скидкой», «Лидеры продаж» — как в макете ТЗ: отдельные карточки с промежутками, ряд по центру */
@media (min-width: 992px) {
	.tab_slider_wrapp .tabs_slider{display:flex;justify-content:center;}
	.tab_slider_wrapp .catalog_block.items{justify-content:center;column-gap:24px;width:100%;max-width:1140px;}
	.tab_slider_wrapp .catalog_block.items > .catalog_item_wrapp{flex:0 0 calc((100% - 72px) / 4);width:calc((100% - 72px) / 4);max-width:calc((100% - 72px) / 4);}
}
/* бейдж скидки — сразу после цены, старая цена строкой ниже (как в макете) */
.tab_slider_wrapp .catalog_item .cost.prices{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:10px;row-gap:2px;}
.tab_slider_wrapp .catalog_item .cost.prices > .price{width:auto !important;order:1;}
.tab_slider_wrapp .catalog_item .cost.prices > .discount-percent{position:relative;top:auto;right:auto;bottom:auto;left:auto;order:2;margin-left:0;}
.tab_slider_wrapp .catalog_item .cost.prices > .price.discount{order:3;flex-basis:100%;}
/* Бейдж скидки: прижат к правому краю карточки, не наезжает на цену */
.catalog_item .cost.prices .discount-percent{right:14px;}
/* Подвал: телефон не вылезает из своей колонки на реквизиты */
footer .contacts_block_footer .phone > a,
footer .contacts_block_footer .phone .with_dropdown > a{font-size:18px;}
@media (max-width: 1199px) {
	footer .contacts_block_footer .phone > a,
	footer .contacts_block_footer .phone .with_dropdown > a{font-size:16px;white-space:normal;}
}
/* «Ремонт сейфов» на планшете: сертификат над текстом, как на телефоне (вёрстка была только для ≤450px — блок выходил за экран) */
@media (min-width: 451px) and (max-width: 991px) {
	.repair-safes .rs-body{flex-direction:column-reverse;}
	.repair-safes .rs-body > img{width:auto;max-width:100%;align-self:center;}
	.repair-safes .rs-body .rs-text{min-width:0;}
}

/* ===== Сайт: правки вёрстки 09.10 (2) ===== */
/* Карточки товара: название по одной линии с подписью раздела; подпись раздела — мельче и обычным начертанием */
.catalog_item .item-title .dark_link > span,
.item .catalog_item .item_info .item-title > a.dark_link > span{padding-left:0;}
.item .catalog_item .item_info .item-title a.product-section-name,
.catalog_item .item-title a.product-section-name{font-size:14px;font-weight:400;line-height:17px;margin-bottom:0;}
/* Строка свойства («Размеры …… 570*970*630»): точки по линии текста, а не под ним */
.catalog_item .item-property{align-items:baseline;font-size:15px;}
.catalog_item .item-property .item-property-line{height:auto;align-self:baseline;margin:0 6px;min-width:12px;}
/* Цена в карточках каталога и серий — по низу карточки, чтобы в ряду стояла на одной высоте */
.catalog_block .catalog_item .item_info{display:flex;flex-direction:column;}
.catalog_block .catalog_item .item_info > .cost.prices{margin-top:auto;}
/* на главной «Размеры» идут после цены — там цену не опускаем */
.tab_slider_wrapp .catalog_block .catalog_item .item_info > .cost.prices{margin-top:0;}
/* Серии: высоты карточек Аспро считает до группировки по типам — карточка растягивается на высоту своего ряда сама */
body:has(.catalog-description-cover) .catalog_block.items .item_block{display:flex;}
body:has(.catalog-description-cover) .catalog_block.items .item_block > .catalog_item_wrapp{height:auto !important;flex:1;display:flex;flex-direction:column;}
body:has(.catalog-description-cover) .catalog_block.items .item_block > .catalog_item_wrapp > .catalog_item{height:auto !important;flex:1;display:flex;flex-direction:column;}
body:has(.catalog-description-cover) .catalog_block.items .item_block > .catalog_item_wrapp > .catalog_item > div{flex:1;display:flex;flex-direction:column;}
body:has(.catalog-description-cover) .catalog_block.items .item_block .catalog_item .item_info{height:auto !important;flex:1;}
/* Страница серии, компьютер: длинная лента цветов не раздувает правую колонку — фото коллекции получает свои 3/5 ширины */
@media (min-width: 992px) {
	.catalog-description-cover > *{min-width:0;}
}
/* Описание серии на телефоне: выравнивание по ширине из редактора давало дыры между словами */
@media (max-width: 767px) {
	.tabs_section [style*="justify"]{text-align:left !important;}
}
/* Баннер в контенте на телефоне: заголовок не вылезает за края экрана */
@media (max-width: 767px) {
	.slide-info .slide-body{margin-left:0;margin-right:0;left:0;max-width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box;}
}
/* Виджет отзывов Яндекса: обёртка с жёсткой шириной 476px не шире колонки */
div[style*="width:476px"]{max-width:100%;}

/* ===== Серия: группы товаров отдельными рядами (09.10) ===== */
.catalog_block.items > .series-group{flex:0 0 100%;width:100%;}
.series-group-row{display:flex;flex-wrap:wrap;}
/* Телефон: группа — горизонтальная лента, а не длинный вертикальный список */
@media (max-width: 767px) {
	.catalog_block.items.block_list .series-group-row{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:10px;}
	.catalog_block.items.block_list .series-group-row > .item_block{flex:0 0 78% !important;width:78% !important;max-width:78%;margin:0 !important;scroll-snap-align:start;}
	.series-group-title{margin:24px 0 12px;font-size:20px;}
}

/* ===== Серия: лента цветов (09.10) ===== */
.colors-wrap{position:relative;}
.colors-wrap .colors-cover{scroll-behavior:smooth;scroll-snap-type:x proximity;}
.colors-wrap .colors-cover .colors-item{flex:0 0 auto;scroll-snap-align:start;}
@media (min-width: 768px) {
	.colors-wrap .colors-cover .colors-item img{width:110px;height:110px;border-radius:110px;}
	.colors-wrap .colors-cover .colors-item p{max-width:110px;}
}
.colors-arrow{display:none;position:absolute;top:calc(30px + 55px);width:36px;height:36px;margin-top:-18px;border-radius:50%;border:1px solid #d2d2d2;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;z-index:2;padding:0;}
.colors-arrow::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:2px solid #333;border-right:2px solid #333;}
.colors-prev{left:-6px;}
.colors-prev::after{transform:translate(-30%,-50%) rotate(-135deg);}
.colors-next{right:-6px;}
.colors-next::after{transform:translate(-70%,-50%) rotate(45deg);}
.colors-arrow:hover{background:#0c869b;border-color:#0c869b;}
.colors-arrow:hover::after{border-color:#fff;}
@media (min-width: 768px) {
	.colors-wrap.is-scrollable .colors-arrow{display:block;}
	.colors-wrap.is-scrollable.at-start .colors-prev,
	.colors-wrap.is-scrollable.at-end .colors-next{display:none;}
}

/* ===== Карточка товара: форма «Задать вопрос» (09.10) ===== */
/* обёртка поля была белой, а поле серым — над каждым полем белая полоса */
form[name=ASK] .form-control,
form[name=ASK] .form_body div.form-control{background:transparent;border:0;box-shadow:none;padding:0;height:auto;}
form[name=ASK] label{color:#555;font-size:15px;margin-bottom:6px;}
form[name=ASK] input.inputtext,
form[name=ASK] input.phone,
form[name=ASK] textarea{background:#fff;border:1px solid #d2d2d2;border-radius:4px;font-size:16px;padding:10px 12px;color:#333;}
form[name=ASK] input.inputtext:focus,
form[name=ASK] input.phone:focus,
form[name=ASK] textarea:focus{border-color:#0c869b;outline:none;box-shadow:0 0 0 2px rgba(12,134,155,.15);}
form[name=ASK] .licence_block label{font-size:14px;line-height:1.4;color:#555;}
form[name=ASK] .btn + .btn{margin-left:10px;}
@media (max-width: 767px) {
	form[name=ASK] .btn{display:block;width:100%;margin:0 0 10px;}
	form[name=ASK] .btn + .btn{margin-left:0;}
}

/* ===== Карточка товара: ровные миниатюры, без точек на телефоне (09.10) ===== */
/* фото разных пропорций давали миниатюры разной высоты — ряд «прыгал»; теперь одинаковые ячейки, фото по центру */
.item_slider_thumbs #thumbs > li > span{display:flex;align-items:center;justify-content:center;height:80px;}
.item_slider_thumbs #thumbs > li img{width:auto;max-width:100%;max-height:80px;object-fit:contain;}
/* телефон: листаем миниатюрами и свайпом, точки под фото не нужны */
@media (max-width: 767px) {
	.img_wrapper .item_slider.flexslider .flex-control-nav{display:none;}
}

/* Серии: блок картинки во всю ширину карточки (во flex-колонке он сжимался до 70px — фото крошечные) */
body:has(.catalog-description-cover) .catalog_block.items .item_block .image_wrapper_block{width:100%;align-self:stretch;}
/* средние экраны (992–1199): карточка уже — компактнее промежуток и бейдж, чтобы бейдж стоял в строке цены */
@media (max-width: 1199px) {
	.tab_slider_wrapp .catalog_item .cost.prices{column-gap:6px;}
	.tab_slider_wrapp .catalog_item .cost.prices > .discount-percent{font-size:13px;padding:0 3px;}
}
/* clearfix у блока цены во flex-строке становится пустым элементом и сдвигает цену — во flex он не нужен */
.tab_slider_wrapp .catalog_item .cost.prices::before,
.tab_slider_wrapp .catalog_item .cost.prices::after{display:none;}

/* Главный баннер: слайд с вертикальной мобильной картинкой (в ней уже нарисованы текст и кнопка) —
   на телефоне без HTML-текста поверх (было задвоение), весь слайд — ссылка */
.top_big_one_banner .mob-target{display:none;}
@media (max-width: 450px) {
	.top_big_one_banner li.has-mob-bg .slide-info{display:none;}
	.top_big_one_banner li.has-mob-bg .mob-target{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
}

/* Главный баннер на телефоне — слайдер: точки видны (тема прячет их до 600px), видно, что слайдов несколько */
@media (max-width: 600px) {
	body .top_big_one_banner .top_slider_wrapp .flex-control-paging{display:block;}
}

/* Серия на телефоне: фото коллекции во всю ширину экрана, высота по пропорции фото (~1,41) — фото целиком, без полей */
@media (max-width: 767px) {
	.catalog-description-cover .top_big_one_banner{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw !important;max-width:100vw !important;}
	.catalog-description-cover .top_slider_wrapp.custom-slider-wrap{margin-left:0;margin-right:0;width:100% !important;max-width:100% !important;}
	body .catalog-description-cover .top_slider_wrapp.custom-slider-wrap .flexslider,
	body .catalog-description-cover .top_slider_wrapp.custom-slider-wrap .flexslider .slides > li{height:71vw !important;}
	/* фото разных пропорций: заполнение по ширине (обрезка по высоте — несколько пикселей), без полей по бокам */
	body .catalog-description-cover .top_slider_wrapp.custom-slider-wrap .flexslider .slides > li.box{background-size:cover !important;}
}
/* Главный баннер на телефоне: подзаголовок по центру, как заголовок */
@media (max-width: 450px) {
	.top_big_one_banner .slide-info .slide-text{text-align:center;}
}