/* Start:/bitrix/templates/bo/components/bitrix/menu/top_bo/style.min.css?1701416742490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/bo/components/bitrix/menu/top_bo/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/bo/components/bitrix/catalog.section.list/bottom_bo/style.css?17014166887305*/
/* line */
.bx_catalog_line{margin-bottom: 30px;}
.bx_catalog_line .bx_catalog_line_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_line .bx_catalog_line_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_line .bx_catalog_line_ul{padding: 0;}
.bx_catalog_line .bx_catalog_line_ul li{
	margin-bottom: 20px;
	list-style: none;
}
.bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important}

.bx_catalog_line .bx_catalog_line_img{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 40px;
	width: 125px;
	height: 125px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}

.bx_catalog_line .bx_catalog_line_title{
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 18px;
}
.bx_catalog_line .bx_catalog_line_title a{
	color: #4c7da6;
	font-size: 18px;
}
.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;}
.bx_catalog_line .bx_catalog_line_title span{font-size: 16px}
.bx_catalog_line .bx_catalog_line_description{
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
}


@media (max-width:639px) {
	.bx-touch .bx_catalog_line .bx_catalog_line_img{
		margin-right: 10px;
		width: 50px;
		height: 50px;
	}

	.bx-touch .bx_catalog_line .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;}
	.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;}
}



.bx_catalog_line .bx_catalog_line_img,
.bx_catalog_line .bx_catalog_line_title,
.bx_catalog_line .bx_catalog_line_title a,
.bx_catalog_line .bx_catalog_line_description{
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	 		transition: all 0.3s ease;
}

/* text */
.bx_catalog_text{margin-bottom: 30px;}
.bx_catalog_text .bx_catalog_text_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_text .bx_catalog_text_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_text .bx_catalog_text_ul{padding: 0;}
.bx_catalog_text .bx_catalog_text_ul li{
	float: left;
	margin: 0 10px 10px;
	list-style: none;
}
.bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important}
.bx_catalog_text .bx_catalog_text_title{
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_text .bx_catalog_text_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 14px;
}
.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none}
.bx_catalog_text .bx_catalog_text_title span{font-size: 12px;}

@media (max-width:639px) {
	.bx-touch .bx_catalog_text .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_catalog_text .bx_catalog_line_title,
	.bx_catalog_text .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* tile */

.bx_catalog_tile{margin-bottom: 30px;}
.bx_catalog_tile .bx_catalog_tile_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_tile .bx_catalog_tile_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul{padding: 0;}
.bx_catalog_tile .bx_catalog_tile_ul li{
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	width:12.5%;
	list-style: none;
	text-align: center;
}
.bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important}
.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;}

.bx_catalog_tile .bx_catalog_tile_img{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 78px;
	height: 78px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-color: #fff;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}
.bx_catalog_tile .bx_catalog_tile_title{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a{
	color: #4c7da6;
	font-size: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;}
.bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;}




/*2*/
@media (max-width:980px){
	.bx_catalog_tile .bx_catalog_tile_ul li{width:20%;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;}
}
/*3*/
@media (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;}
}
@media (min-width:480px) and (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;}
}
/*4*/
@media (max-width:479px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_img{
		width: 100%;
		height: 80px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;}

}


	.bx_catalog_tile .bx_catalog_tile_title,
	.bx_catalog_tile .bx_catalog_tile_title a,
	.bx_catalog_tile .bx_catalog_tile_ul li,
	.bx_catalog_tile .bx_catalog_tile_img{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* list */

.bx_sitemap{margin-bottom: 30px;}
.bx_sitemap .bx_sitemap_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_sitemap .bx_sitemap_title a{
	color: #000;
	text-decoration: none;
}

.bx_sitemap .bx_sitemap_ul li{
	padding: 0;
	line-height: 14px;
}
.bx_sitemap .bx_sitemap_ul li:before {content: '' !important}
.bx_sitemap .bx_sitemap_li_title{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 10px;
}
.bx_sitemap .bx_sitemap_li_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 13px;
}
.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none}
.bx_sitemap .bx_sitemap_li_title span{font-size: 11px;}

@media (max-width:639px) {
	.bx-touch .bx_sitemap .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_sitemap .bx_catalog_line_title,
	.bx_sitemap .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
/* End */


/* Start:/bitrix/templates/bo/template_styles.css?1786815112372146*/
:root {
    --cont-w: 1280px;
    --cont-p: 20px;
    --banner-height: 40px;
    --top-height: 45px;
    --header-height: 100px;
    --menu-height: 64px;
}


/*@mixin colWidth($cols, $of, $gap) {
	width:calc((100% - ($of - 1) * $gap) / $of * $cols + ($gap * ($cols - 1)));
}*/


/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}


/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


/* CSS Mode */

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}


/* Slide styles start */


/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* Slide styles end */


/*** GENERAL ***/

* {
    margin: 0;
    padding: 0;
    outline: none;
}

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

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: default;
    background: #fff;
    color: #313438;
    font-family: "Roboto";
    font-weight: 400;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.disabled {
    pointer-events: none;
    cursor: default !important;
}

img {
    width: 100%;
    display: block;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

a {
    cursor: pointer;
}

.svg-sprite {
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 0;
    height: 0;
}

svg {
    display: block;
    width: 100%;
    height: 100%;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
}

.ui-text-left {
    text-align: left;
}

.ui-text-center {
    text-align: center;
}

.ui-text-right {
    text-align: right;
}

.ui-text-nowrap {
    white-space: nowrap;
}

.ui-text-upper {
    text-transform: uppercase;
}

.ui-text-lower {
    text-transform: lowercase;
}

.ui-display-ib {
    display: inline-block;
}

.ui-display-b {
    display: block;
}

.ui-display-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ui-cover img,
.ui-cover video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


/* Grid */

.ui-grid {
    --g-gap: 20px;
    --g-gap-b: var(--g-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--g-gap-b) var(--g-gap);
}

.ui-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - (var(--g-of) - 1) * var(--g-gap)) / var(--g-of) * var(--g-cols) + var(--g-gap) * (var(--g-cols) - 1));
}

.ui-grid__col--1 {
    --g-cols: 1;
    --g-of: 1;
}

.ui-grid__col--1of2,
.ui-grid__col--2of4,
.ui-grid__col--3of6,
.ui-grid__col--4of8 {
    --g-cols: 1;
    --g-of: 2;
}

.ui-grid__col--1of3 {
    --g-cols: 1;
    --g-of: 3;
}

.ui-grid__col--2of3 {
    --g-cols: 2;
    --g-of: 3;
}

.ui-grid__col--1of4 {
    --g-cols: 1;
    --g-of: 4;
}

.ui-grid__col--3of4 {
    --g-cols: 3;
    --g-of: 4;
}

.ui-grid__col--1of5 {
    --g-cols: 1;
    --g-of: 5;
}

.ui-grid__col--2of5 {
    --g-cols: 2;
    --g-of: 5;
}

.ui-grid__col--3of5 {
    --g-cols: 3;
    --g-of: 5;
}

.ui-grid__col--4of5 {
    --g-cols: 4;
    --g-of: 5;
}


/* Grid - end */


/* Forms */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 0.6;
    text-align: inherit !important;
    color: inherit !important;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.6;
    text-align: inherit !important;
    color: inherit !important;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

textarea::-webkit-input-placeholder {
    opacity: 0.6;
    text-align: inherit !important;
    color: inherit !important;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

textarea::-moz-placeholder {
    opacity: 0.6;
    text-align: inherit !important;
    color: inherit !important;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 1;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 1;
}

label {
    display: block;
    position: relative;
}

input,
textarea,
button {
    border-radius: 0;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

.ui-input {
    --inp-font: 16px;
    --inp-line: 20px;
    --inp-weight: 400;
    --inp-radius: 2px;
    --inp-pad: 13px 14px;
    padding: 0;
    position: relative;
    cursor: text;
    margin: 0;
    width: 100%;
}

.ui-input input,
.ui-input textarea {
    width: 100%;
    display: block;
    color: var(--inp-color);
    font-size: var(--inp-font);
    line-height: var(--inp-line);
    font-weight: var(--inp-weight);
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: var(--inp-border) solid 1px;
    padding: var(--inp-pad);
    border-radius: var(--inp-radius);
    background: transparent;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ui-input--border-white {
    --inp-color: #fff;
    --inp-border: #E5E9ED;
}

.ui-input--border-light {
    --inp-color: #28333D;
    --inp-border: #E5E9ED;
}

.ui-form {
    --g-gap: 15px;
}

.ui-form__col {
    --g-cols: 1;
    --g-of: 1;
    display: block;
}

.ui-form__btn {
    margin-top: var(--g-gap);
}

.ui-form__agree {
    --agree-link: #003B75;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
}

.ui-form__agree a {
    color: var(--agree-link)!important;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}

.ui-form__agree a:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}


/* Forms - end */


/* Buttons */

.ui-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    --btn-font: 16px;
    --btn-line: 1.2em;
    --btn-weight: 500;
    --btn-height: 48px;
    --btn-radius: 2px;
    --btn-pad: 10px 40px;
    --btn-gap: 10px;
    --btn-icon-size: 32px;
    font-size: var(--btn-font);
    line-height: var(--btn-line);
    font-weight: var(--btn-weight);
    border-radius: var(--btn-radius);
    background: var(--btn-bg);
    color: var(--btn-color) !important;
    min-height: var(--btn-height);
    padding: var(--btn-pad);
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ui-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ui-btn,
.ui-btn__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--btn-gap);
}

.ui-btn__text {
    display: block;
}

.ui-btn__icon {
    width: var(--btn-icon-size);
    aspect-ratio: 1/1;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ui-btn__icon svg {
    fill: var(--btn-color);
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s;
}

.ui-btn:hover {
    --btn-bg: var(--btn-bg-h);
    --btn-color: var(--btn-color-h);
    color: var(--btn-color) !important;
}

.ui-btn--fw {
    width: 100%;
}

.ui-btn--nobg {
    --btn-pad: 0;
    --btn-height: 1px;
}

.ui-btn--red {
    --btn-bg: #EF3D34;
    --btn-color: #fff;
    --btn-bg-h: #C12A23;
    --btn-color-h: #fff;
}

.ui-btn--blue {
    --btn-bg: #003B75;
    --btn-color: #fff;
    --btn-bg-h: #022E5A;
    --btn-color-h: #fff;
}

.ui-btn--nobg-blue {
    --btn-bg: transparent;
    --btn-color: #003B75;
    --btn-bg-h: transparent;
    --btn-color-h: #C12A23;
}

button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* Buttons - end */


/*** POPUPS ***/

.ui-crossbtn {
    --cross-color: rgba(40, 51, 61, 0.5);
    --cross-color-h: #EF3D34;
    position: relative;
    z-index: 3;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ui-crossbtn:before,
.ui-crossbtn:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    top: 7px;
    background: var(--cross-color);
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.ui-crossbtn:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-crossbtn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

html.no-touch .ui-crossbtn:hover {
    --cross-color: var(--cross-color-h);
}

.popups-overlay {
    --overlay-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--overlay-color);
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}

body:not(.body--popup) .popups-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
    .popups-overlay {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}

.popup {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    scroll-behavior: contain;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.popup__content {
    width: 100%;
    margin: auto;
    position: relative;
}

.popup__close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.popup__head {
    margin: 0 auto 20px auto;
}

.popup__head-title {
    font-size: 20px;
    line-height: 24px;
}

.popup__head-subtitle {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
}

.popup__video {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
}

.popup__video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}


/*** POPUPS - end ***/


/*** GENERAL - end ***/


/*** PAGES ***/

.section,
.header,
.footer {
    width: 100%;
    position: relative;
}

.content,
.head {
    width: calc(100% - var(--cont-p) * 2);
    max-width: var(--cont-w);
    margin: 0 auto;
    position: relative;
}

.head {
    --head-mar: 50px;
    margin-bottom: var(--head-mar);
}

.head__title {
    font-size: 30px;
    line-height: 30px;
}

.head__subtitle {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
}

.head--ic {
    width: 100%;
    max-width: none;
}

.head--nm {
    --head-mar: 0 !important;
}

.ui-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}

.ui-dots__item {
    display: block;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 100%;
    position: relative;
    border: #fff solid 2px;
    background: transparent;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.ui-dots__item:before {
    content: "";
    display: block;
    position: absolute;
    inset: -8px;
}

.ui-dots__item:hover,
.ui-dots__item.active {
    background: #fff;
}

.ui-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ui-pages__item {
    width: 36px;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2em;
    color: #003B75;
    font-weight: 500;
    border-radius: 2px;
    background: #E5E9ED;
    -webkit-transition: background 0.2s, color 0.2s;
    -o-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.ui-pages__item:hover,
.ui-pages__item.active {
    background: #003B75;
    color: #fff;
}


/* header */

.header a,
.topinfo a,
.menu a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.header {
    position: relative;
    z-index: 20;
    padding: 20px 0;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}

.header__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo-i {
    display: block;
    width: 133px;
    height: 40px;
}

.header__logo-i svg {
    fill: #003B75;
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s;
}

.header__logo-i:hover svg {
    fill: #EF3D34;
}

.header__logo-t {
    font-size: 14px;
    line-height: 1.4em;
    color: rgba(40, 51, 61, 0.8);
}

.header__center {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header__right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.header__phone-tel {
    color: #28333D;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    white-space: nowrap;
}

.header__phone-tel:hover {
    color: #EF3D34;
}

.header__phone-cb {
    margin-top: 2px;
    color: #003B75;
    font-size: 14px;
    line-height: 1.2em;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}

.header__phone-cb:hover {
    color: #EF3D34;
}

.header__order-btn {
    --btn-font: 14px;
    --btn-line: 1.2em;
    --btn-pad: 12px 20px;
    --btn-height: 44px;
}

.topinfo {
    height: var(--top-height);
    position: relative;
    z-index: 20;
}

.topinfo__in {
    width: 100%;
    background: #F3F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: var(--top-height);
}

.topinfo__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    height: var(--top-height);
}

.topinfo__of {
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
}

.topinfo__of a {
    color: #003B75;
}

.topinfo__of a:hover {
    color: #EF3D34;
}

.topinfo__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.topinfo__links-item {
    font-size: 14px;
    line-height: 1.2em;
    color: rgba(40, 51, 61, 0.8);
}

.topinfo__links-item:hover {
    color: #EF3D34;
}

.menu {
    height: var(--menu-height);
    position: relative;
    z-index: 20;
}

.menu__in {
    width: 100%;
    background: #003B75;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: var(--menu-height);
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.menu__btn {
    --btn-height: 44px;
    --btn-pad: 12px 20px;
}

.menu__item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.menu__item--b {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.menu__link {
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    height: var(--menu-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.menu__link:hover {
    color: #EF3D34;
}

.menu__sublist,
.menu__subsublist {
    position: absolute;
    left: 0;
    top: 100%;
    background: #003B75;
    border-radius: 2px;
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
}

.menu__subsublist {
    left: 275px;
    top: 0px;
}

.menu__item:nth-last-child(1) .menu__sublist,
.menu__item:nth-last-child(2) .menu__sublist,
.menu__item:nth-last-child(3) .menu__sublist,
.menu__item:nth-last-child(3) .menu__subsublist,
.menu__item:nth-last-child(1) .menu__subsublist,
.menu__item:nth-last-child(2) .menu__subsublist {
    left: auto;
    right: 0;
}

.menu__subitem:not(:last-child) {
    border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}

.menu__sublink {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    padding: 7px 12px;
    color: #fff;
    white-space: nowrap;
}

.menu__sublink:hover {
    background: #022E5A;
    color: #fff;
}

.menu__item:not(:hover) .menu__sublist,
.menu__subitem:not(:hover) .menu__subsublist {
    opacity: 0;
    pointer-events: none;
}

.menu__toggle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.menu__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.menu__order-btn {
    --btn-font: 14px;
    --btn-line: 1.2em;
    --btn-pad: 12px 30px;
    --btn-height: 54px;
    --btn-radius: 0;
}

.menu__mob {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-width: 300px;
    background: #022E5A;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu__mob-item:not(:last-child) {
    border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}

.menu__mob-link {
    display: block;
    padding: 7px 15px;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;
}

.menu__mob-link:hover {
    color: #fff;
    background: #022548;
}

.body--scrolled .menu__in {
    position: fixed;
    left: 0;
    top: var(--top-height);
    z-index: 20;
}

.ui-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: #E5E9ED solid 1px;
    border-radius: 2px;
    overflow: hidden;
}

.ui-search__inp {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    padding: 13px 14px;
    font-size: 14px;
    line-height: 16px;
    color: #28333D;
    background: #fff;
}

.ui-search__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 59px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #E5E9ED;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.ui-search__btn svg {
    width: 24px;
    height: 24px;
    fill: #003B75;
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s;
}

.ui-search__btn:hover svg {
    fill: #EF3D34;
}

.ui-toggle {
    cursor: pointer;
    width: var(--menu-height);
    height: var(--menu-height);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    background: #022E5A;
}

.ui-toggle__in {
    width: 24px;
    height: 24px;
    position: relative;
}

.ui-toggle__line {
    height: 2px;
    background: #fff;
    position: absolute;
    border-radius: 2px;
    left: 0;
    top: 12px;
    width: 24px;
    -webkit-transition: all 0.2s, margin-top 0.2s 0.2s;
    -o-transition: all 0.2s, margin-top 0.2s 0.2s;
    transition: all 0.2s, margin-top 0.2s 0.2s;
}

.ui-toggle__line:nth-child(1) {
    margin-top: -6px;
}

.ui-toggle__line:nth-child(3) {
    margin-top: 6px;
}

.app--menu .ui-toggle__line {
    margin-top: 0 !important;
    -webkit-transition: all 0.2s, -webkit-transform 0.2s 0.2s;
    transition: all 0.2s, -webkit-transform 0.2s 0.2s;
    -o-transition: transform 0.2s 0.2s, all 0.2s;
    transition: transform 0.2s 0.2s, all 0.2s;
    transition: transform 0.2s 0.2s, all 0.2s, -webkit-transform 0.2s 0.2s;
}

.app--menu .ui-toggle__line:nth-child(1) {
    -webkit-transform: rotate(45deg) translateY(0);
    -ms-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0);
}

.app--menu .ui-toggle__line:nth-child(2) {
    opacity: 0;
}

.app--menu .ui-toggle__line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(0);
    -ms-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0);
}


/* header - end */

.intro {
    position: relative;
}

.intro__slider {
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
}

.intro__item {
    min-height: 500px;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.intro__item-img {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.intro__item-cont {
    max-width: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

.intro__item-ttl {
    font-size: 50px;
    line-height: 1.4em;
    font-weight: 600;
}

.intro__item-text {
    font-size: 20px;
    line-height: 1.4em;
}

.intro__item-btn {
    margin-top: 10px;
}

.intro__dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    translate: -50% 0;
    z-index: 3;
}

.works {
    padding-bottom: 100px;
}

.works__ttl {
    margin-bottom: 0 !important;
}

.works__block {
    position: relative;
}

.works__slider {
    background: #F3F4F4;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
}

.works__item {
    padding: 60px 0;
}

.works__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.works__item-left {
    width: 46.1%;
    max-width: 590px;
}

.works__item-img {
    width: 100%;
    aspect-ratio: 590/412;
}

.works__item-right {
    width: calc(53.9% - 30px);
    max-width: 630px;
    color: #28333D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}

.works__item-ttl {
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 600;
}

.works__item-text {
    font-size: 16px;
    line-height: 1.4em;
}

.works__item-text p {
    margin-bottom: 0;
}

.works__item-text p:not(:last-child) {
    margin-bottom: 1.4em;
}

.works__item-text a {
    color: #003B75;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.works__item-text a:hover {
    color: #003B75;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.works__item-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.works__nav {
    margin-top: 40px;
}

.consult {
    padding: 80px 0;
    background: #003B75;
    color: #fff;
}

.consult__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1170px;
    gap: 20px;
}

.consult__left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 545px;
}

.consult__ttl {
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 600;
    max-width: 420px;
}

.consult__text {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 30px;
}

.consult__right {
    width: 420px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.consult__form {
    --g-gap: 20px;
}

.consult__form-btn {
    margin-top: 5px;
}

.consult__form-agree a {
    color: currentColor !important;
}

.request {
    background: #fff;
    color: #28333D;
    max-width: 550px;
    padding: 50px 20px;
}

.request__inner {
    max-width: 450px;
    margin: 0 auto;
}

.request__head {
    margin: 0 auto 30px auto;
}

.request__head-title {
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 600;
}

.request__head-subtitle {
    font-size: 16px;
    line-height: 1.4em;
    padding-top: 20px;
}


/* footer */

.footer {
    background: #131416;
    color: #fff;
    padding: 50px 0;
}

.footer a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.footer__text {
    font-size: 14px;
    line-height: 1.3em;
    color: rgba(255, 255, 255, 0.5);
}

.footer__text a {
    color: currentColor;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}

.footer__text a:hover {
    color: #fff;
}

.footer__col--1 {
    grid-area: contacts;
}

.footer__col--2 {
    grid-area: menu;
}

.footer__col--3 {
    grid-area: copy;
}

.footer__logo {
    display: block;
    width: 154px;
    aspect-ratio: 154/49;
}

.footer__logo svg {
    fill: #fff;
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s;
}

.footer__logo:hover svg {
    fill: rgba(255, 255, 255, 0.7);
}

.footer__phone {
    margin-top: 25px;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
}

.footer__phone a:hover {
    color: #EF3D34;
}

.footer__email {
    margin-top: 8px;
    font-weight: 500;
}

.footer__email a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    color: #fff;
}

.footer__email a:hover {
    color: #EF3D34;
}

.footer__schedule {
    margin-top: 30px;
}

.footer__socials {
    margin-top: 20px;
}

.footer__schedule span {
    display: block;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

.footer__menu-subttl {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    max-width: 255px;
}

.footer__menu-list a {
    font-size: 14px;
    line-height: 1.3em;
    color: rgba(255, 255, 255, 0.7);
}

.footer__menu-list a:hover {
    color: #fff;
}

.footer__copy {
    max-width: 255px;
}

.footer__copy p {
    margin-bottom: 0;
}

.footer__copy p:not(:last-child) {
    margin-bottom: 25px;
}


/* footer - end */


/*** PAGES - end ***/


/*** RESPONSIVE ***/


/*** RESPONSIVE - end ***/

@media only screen and (min-width: 600px) {
    .footer__block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 3fr;
        grid-template-columns: 1fr 3fr;
        -ms-grid-rows: auto 45px auto;
        grid-template-rows: auto auto;
        gap: 45px 20px;
        grid-template-areas: "contacts menu""copy menu";
    }
    .footer__col--3 {
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
    }
    .footer__menu-list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer__col--1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .footer__col--2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
    }
    .footer__col--3 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}

@media only screen and (min-width: 768px) {
    .footer__menu {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .footer__menu-col {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }
    .footer__menu-col:not(:last-child) {
        margin-bottom: 45px;
    }
}

@media only screen and (min-width: 1024px) {
    .body--scrolled .topinfo__in {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 20;
    }
    .menu__toggle,
    .menu__search,
    .menu__order,
    .menu__mob {
        display: none;
    }
}

@media only screen and (max-width: 1279px) {
    .menu__btn em {
        display: none;
    }
    .menu__link {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1199px) {
    .topinfo__links {
        gap: 20px;
    }
    .topinfo__links-item {
        font-size: 13px;
    }
    .header__block {
        gap: 20px;
    }
    .header__logo-i {
        width: 123px;
        height: 37px;
    }
    .header__logo-t {
        font-size: 13px;
    }
    .intro__item {
        min-height: auto;
        padding: 40px 0 50px;
    }
    .intro__item-cont {
        max-width: 400px;
        gap: 20px;
    }
    .intro__item-ttl {
        font-size: 40px;
    }
    .intro__item-text {
        font-size: 18px;
    }
    .works__item {
        padding: 40px 0;
    }
    .works__item-inner {
        gap: 20px;
    }
    .works__item-right {
        width: calc(53.9% - 20px);
        gap: 20px;
    }
    .works__item-ttl {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
     :root {
        --menu-height: 54px;
    }
    .topinfo__block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .topinfo__links {
        display: none;
    }
    .header {
        min-height: auto;
    }
    .header__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .header__center {
        display: none;
    }
    .menu__list {
        display: none;
    }
    .menu__block {
        width: 100%;
        max-width: none;
        padding-right: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 5px;
    }
    body:not(.body--menu) .menu__mob {
        opacity: 0;
        pointer-events: none;
    }
    body:not(.body--scrolled) .menu__order {
        display: none;
    }
    .body--scrolled .menu__in {
        top: 0;
    }
    .body--scrolled .menu__block {
        padding-right: 0;
    }
    .body--scrolled .menu__search {
        display: none;
    }
    .consult__right {
        width: 360px;
    }
}

@media only screen and (max-width: 767px) {
    .ui-pages {
        gap: 5px;
    }
    .ui-pages__item {
        width: 24px;
        font-size: 12px;
    }
    .header__right {
        gap: 10px;
    }
    .works__item {
        padding: 20px 0;
    }
    .works__item-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .works__item-left {
        width: 100%;
        max-width: none;
    }
    .works__item-right {
        width: 100%;
    }
    .works__nav {
        margin-top: 20px;
    }
    .consult {
        padding: 40px 0;
    }
    .consult__block {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
    .consult__left {
        max-width: none;
    }
    .consult__right {
        width: 100%;
    }
    .consult__text {
        margin-top: 20px;
    }
    .footer__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .footer__menu-col--1,
    .footer__menu-col--4 {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .popup {
        padding: 0;
    }
    .popup__content {
        min-height: 100%;
        max-width: none;
    }
    .header__logo {
        gap: 10px;
    }
    .intro__item-ttl {
        font-size: 30px;
    }
    .intro__item-text {
        font-size: 16px;
    }
    .consult__ttl {
        font-size: 24px;
    }
    .footer__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        gap: 30px;
    }
    .footer__logo {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 459px) {
    .header__left,
    .header__right {
        width: 100%;
    }
    .header__logo,
    .header__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header__phone-tel {
        font-size: 18px;
    }
    .works__item {
        padding-top: 0;
    }
    .works__item-left {
        width: auto;
        margin: 0 -20px;
    }
    .works__item-ttl {
        font-size: 20px;
    }
}

@media only screen and (max-width: 399px) {
    .topinfo__of {
        text-align: center;
        width: 200px;
    }
    .header__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header__logo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header__logo-t {
        text-align: center;
    }
    .header__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header__phone {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 600px) {
    .footer__block {
        -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
        gap: 30px 20px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .footer__menu {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .footer__menu-col:not(:last-child) {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 460px) {
    .header__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media only screen and (max-width: 767px) and (min-width: 600px) {
    .footer__block {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
}

@media only screen and (max-width: 599px) and (min-width: 460px) {
    .header__logo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.form-request-success {
    font-size: 20px;
    font-weight: 500;
}

.menu__subitem.submenu.menu__item:hover .menu__sublist {
    left: 100%;
    top: 0px;
}

.menu__sublist,
.menu__subsublist {
    overflow: visible;
}

.menu__subitem.submenu.menu__item {
    z-index: 2;
}

.menu__subitem.submenu.menu__item .menu__sublist,
.menu__subsublist {
    z-index: 1;
}

.menu__sublist,
.menu__subsublist {
    width: 275px;
    max-width: 275px;
}

a.menu__sublink {
    white-space: break-spaces;
}

a.menu__link,
span.menu__link {
    font-size: 13px;
}

.menu__list>.menu__item>a,
.menu__list>.menu__item>span {
    justify-content: center;
}

a.menu__link.special_styles {
    text-transform: uppercase;
    font-size: 16px;
}

a.menu__link.special_styles:before {
    content: '\2630';
    margin-right: 10px;
}

a.menu__link.special_styles:after {
    content: '\25BC';
    margin-left: 10px;
}

.menu__subitem.submenu.menu__item:after {
    content: '\25BA';
    margin-left: 10px;
}

.menu__subitem.submenu.menu__item {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    align-items: center;
    color: #fff;
}

.menu__subitem.submenu.menu__item:hover {
    background: #022E5A;
}

.menu__mob.updated {
    padding-left: 15px;
}

.menu__mob.updated a.menu__link,
.menu__mob.updated span.menu__link {
    font-size: 14px;
}

.menu__mob.updated a.menu__link.special_styles:before,
.menu__mob.updated a.menu__link.special_styles:after {
    display: none;
}

.menu__mob.updated a.menu__link.special_styles {
    text-transform: none;
}

.boxes:has(.to-articles__swiper) {
    position: relative;
}

.to-articles__swiper .swiper-wrapper {
    max-height: 420px !important;
    &:has(.bx_catalog_item_price) {
        max-height: 480px !important;
    }
}

.to-articles__swiper .box {
    display: initial !important;
    vertical-align: initial !important;
    padding: initial !important;
    margin-bottom: 0 !important;
}

.to-articles__swiper .box .inner {
    height: 100% !important;
}

.to-articles__swiper .box .inner>img {
    max-width: 100% !important;
    max-height: 300px !important;
    object-fit: cover;
}

.boxes:has(.to-articles__swiper) .swiper-navigation-wr>div {
    min-height: unset !important;
    translate: 0 -50%;
    font-size: initial !important;
}

.boxes:has(.to-articles__swiper) .swiper-navigation-wr .swiper-button-prev {
    left: -0.5% !important;
}

.boxes:has(.to-articles__swiper) .swiper-navigation-wr .swiper-button-next {
    right: -0.5% !important;
}

@media (max-width: 1400px) {
    .boxes:has(.to-articles__swiper) .swiper-navigation-wr {
        top: 50%;
        bottom: initial;
    }
}

.topinfo,
.header-pk,
.header.header-adapt,
.header-fix {
    position: relative;
    z-index: 20;
}


/* style.css end  */

#myBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #EF3D34;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
    width: 40px;
    height: 40px;
    padding: 0px;
    right: 25px;
    bottom: 5px;
}

#myBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

.swiper-navigation-wr {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    height: 0px;
    width: 100%;
}

.intro__slider {
    position: relative;
}

.swiper-navigation-wr .swiper-button-prev {
    left: 5%;
    position: absolute;
    padding-left: 3px;
}

.swiper-navigation-wr>div {
    cursor: pointer;
    background: lightgray;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 3px;
    user-select: none;
    color: #000;
}

.swiper-navigation-wr .swiper-button-next {
    right: 5%;
    position: absolute;
    padding-right: 3px;
}

@media (max-width: 1400px) {
    .swiper-navigation-wr {
        top: unset;
        bottom: 40px;
    }
}

.header__right-favorite a {
    min-width: 30px;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #003b75;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.to_fav:before {
    background: url('/bitrix/templates/bo/img/heart-icon.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.to_fav.from-fav:before {
    background: url('/bitrix/templates/bo/img/heart-icon-in.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 540px) {
    .header__right {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.header_center_ajax_result {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
}

.header__center {
    position: relative;
    z-index: 2;
}

.header_center_ajax_result a.tip {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: white;
}

.header_center_ajax_result a.tip .thumb {
    width: 50px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header_center_ajax_result a.tip .thumb img {
    height: 100%;
    width: auto;
    max-width: unset;
}

.header_center_ajax_result .info {
    padding: 0px 10px;
    margin-right: auto;
}

.header_center_ajax_result .scroll {
    max-height: 300px;
    overflow-y: auto;
}

.content.header__block {
    position: relative;
}

.menu {
    z-index: 10 !important;
}

.works__item-btns {
    justify-content: center;
}

.works__item-btns>a {
    width: 260px;
}

.works__item-all {
    justify-content: center;
    display: flex;
}

#wrap #promo .inner .gocat {
    margin: 40px auto 0px;
    display: block;
    width: fit-content;
    text-align: center;
}

.menu__mob-item .menu__sublist {
    display: none;
}

.fil {
    margin-bottom: 20px !important;
}

#cat-section .section-list-wrapper {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.fav-active a {
    color: #f14848;
}

.fav-count {
    position: absolute;
    top: 0;
    right: -10px;
    background-color: #f14848;
    color: white;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    border-radius: 50%;
}

#vaks .box {
    width: 100%;
    margin: 0;
}

@media (max-width: 767px) {
    #cookies-notify span {
        font-size: 12px;
    }
}

.topinfo,
.header-pk,
.header.header-adapt,
.header-fix {
    position: relative;
    z-index: 20;
}


/* layout.css */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
input,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

@-moz-document url-prefix() {
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"]>input[type="button"]::-moz-focus-inner {
        border: 0;
        margin: 0;
        padding: 0;
    }
    button:focus,
    input[type="reset"]:focus,
    input[type="button"]:focus,
    input[type="submit"]:focus,
    input[type="file"]>input[type="button"]:focus {
        outline: 1px dotted;
    }
}

body {
    overflow-x: hidden;
}

#wrap .clr {
    clear: both;
}

#wrap {
    font-family: arial, sans-serif;
    min-width: 320px;
    font-size: 16px;
    line-height: 20px;
    color: #313438;
    margin: 0 auto;
}

#wrap a {
    color: #043e7c;
    text-decoration: underline;
}

#wrap a:hover {
    text-decoration: none;
}

#wrap #main-content ul {
    list-style: none;
    padding: 0;
}

#wrap #main-content ul li {
    padding: 0 0 0 30px;
    position: relative;
}

#wrap #main-content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap header #top-menu {
    width: 100%;
    background: url(/bitrix/templates/bo/img/x1.png);
}

#wrap header #top-menu .inner {
    max-width: 1430px;
    margin: 0 auto;
    display: table;
    width: 100%
}

#wrap header #top-menu span {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    text-align: center;
    width: 10%;
    white-space: nowrap;
}

#wrap header #top-menu span a {
    color: #313438;
    font-size: 12px;
    text-decoration: none;
}

#wrap header #top-menu span a:hover {
    text-decoration: underline;
}

#wrap header #top-menu span:first-child {
    padding-left: 4.8%;
    text-align: left;
}

#wrap header #top-menu span:last-child {
    padding-right: 4.8%;
}

#wrap header #top-wrap {
    padding: 0 4.8%;
    max-width: 1440px;
    margin: 10px auto;
    box-sizing: border-box;
}

#wrap header #top-wrap .logo {
    float: left;
    padding: 9px 15px 0 0;
    border-right: 1px solid #bfbfbf;
    height: 43px;
    box-sizing: border-box;
    margin: 0;
}

#wrap header #top-wrap .promo {
    float: left;
    padding: 0 15px;
    font-size: 15px;
    line-height: 18px;
    color: #37393d;
    width: 300px;
    box-sizing: unset;
}

#wrap header #search {
    float: left;
    background: #f0f0f0;
    margin: 0;
}

.btn_fixed.float {
    float: left;
    margin: 6px 0 0 0;
    max-width: 180px;
}

#wrap header #search input {
    height: 43px;
    background: transparent;
    border: none;
    font-size: 13px;
}

#wrap header #search input[type="text"] {
    text-indent: 14px;
    border: 1px solid transparent;
    width: 297px;
    height: 41px;
    box-sizing: unset;
}

#wrap header #search input[type="text"]::-webkit-input-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

#wrap header #search input[type="text"]::-moz-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

#wrap header #search input[type="text"]:-moz-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

#wrap header #search input[type="text"]:-ms-input-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

#wrap header #search input:focus {
    border-color: #043e7c;
}

#wrap header #search input[type="submit"] {
    background: url(/bitrix/templates/bo/img/x2.png) no-repeat 0 0;
    width: 30px;
    height: 38px;
    cursor: pointer;
    margin: 0 0 0 -31px;
    text-indent: -99999px;
}

#wrap header #search input:focus+input[type="submit"] {
    background-position: 100% 0;
}

#wrap header #top-wrap .phone {
    float: right;
    background: url(/bitrix/templates/bo/img/x3.png) no-repeat 0 0;
    padding: 0 0 0 36px;
    text-align: right;
    font-size: 20px;
    margin: 0;
    position: relative;
}

#wrap header #top-wrap .phone .big {
    font-size: 28px;
    font-weight: 700;
}

#wrap header #top-wrap .phone .callback,
.header_scroll .callback {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

#wrap header #top-wrap .phone .callback:hover,
.header_scroll .callback {
    text-decoration: none;
}

#wrap header #top-wrap .logo-wrap,
.header_scroll .logo-wrap {
    float: left;
}

#wrap header #menu {
    background: url(/bitrix/templates/bo/img/x4.png);
    margin: 0;
    position: relative;
}

#wrap header #menu .inner {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
}

#wrap header #menu .inner>ul {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

#wrap header #menu .inner>ul>li {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    background: url(/bitrix/templates/bo/img/x4.png);
    position: relative;
    padding: 5px;
    width: 9%;
}

#wrap header #menu .inner>ul>li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    border-right: 1px solid #002d5e;
    height: 35px;
}

#wrap header #menu .inner>ul>li.hover:before {
    display: none;
}

#wrap header #menu .inner>ul>li>span>a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
}

#wrap header #menu .inner>ul>li>span {
    display: block;
}


/*#wrap header #menu .inner >ul>li:first-child a {width:110px;}*/


/*#wrap header #menu .inner >ul>li:last-child>span {padding:8px 13px 10px 15px;background:url(/bitrix/templates/bo/img/x6.png) no-repeat 22px 50%;}*/

#wrap header #menu .inner>ul>li:last-child:before {
    display: none;
}

#wrap header #menu .inner>ul>li:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#wrap header #menu .inner>ul>li>ul {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    background: #002d5e;
    list-style: none;
    z-index: 5;
}

#wrap header #menu .inner>ul>li>ul>li>a {
    display: block;
    white-space: nowrap;
    padding: 0 25px 0 14px;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    text-decoration: none;
    width: auto!important;
}

#wrap header #menu .inner>ul>li>ul>li {
    border-bottom: 1px solid #001f40;
    position: relative;
}

#wrap header #menu .inner>ul>li>ul>li:last-child {
    border: none;
}

#wrap header #menu .inner>ul>li>ul>li:hover {
    border-color: transparent;
    margin-top: -1px;
}

#wrap header #menu .inner>ul>li>ul>li:hover>a {
    background: url(/bitrix/templates/bo/img/x7.png);
    padding-top: 1px;
}

#wrap header #menu .inner>ul>li>ul>li.parent:after {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/bo/img/x8.png) no-repeat 0 100%;
    width: 8px;
    height: 13px;
    right: 5px;
    top: 11px;
}

#wrap header #menu .inner>ul>li>ul>li.parent:hover:after {
    background-position: 0 0;
}

#wrap header #menu .inner>ul>li>ul>li>ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 1px;
    background: #00356f;
    list-style: none;
    z-index: 6;
}

#wrap header #menu .inner>ul>li>ul>li>ul>li>a {
    display: block;
    white-space: nowrap;
    padding: 0 20px 0 14px;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    text-decoration: none;
    width: auto!important;
}

#wrap header #menu .inner>ul>li>ul>li>ul>li {
    border-bottom: 1px solid #002a57;
    position: relative;
}

#wrap header #menu .inner>ul>li>ul>li>ul>li:last-child {
    border: none;
}

#wrap header #menu .inner>ul>li>ul>li>ul>li:hover {
    border-color: transparent;
    margin-top: -1px;
}

#wrap header #menu .inner>ul>li>ul>li>ul>li:hover>a {
    background: url(/bitrix/templates/bo/img/x7.png);
    padding-top: 1px;
}

#wrap header #menu .inner>ul>li:hover>ul {
    display: block;
}

#wrap header #menu .inner>ul>li>ul>li:hover ul {
    display: block;
}

#wrap header #menu .inner>ul>li:last-child:hover {
    background: url(/bitrix/templates/bo/img/x5.png);
}

#wrap header #menu .inner>ul>li:last-child:hover .izbr {
    display: block;
}

#wrap header #menu .inner .izbr {
    border: 4px solid #f14848;
    background: #f8f8f8;
    position: absolute;
    right: -20px;
    top: 52px;
    width: 288px;
    padding: 0;
    white-space: normal;
    display: none;
}

#wrap header #menu .inner .izbr .item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e6e6e6
}

#wrap header #menu .inner .izbr .item:last-child {
    border: none;
}

#wrap header #menu .inner .izbr .item .img {
    display: table-cell;
    vertical-align: top;
    width: 78px;
    padding: 20px 9px 22px 12px;
    font-size: 0;
}

#wrap header #menu .inner .izbr .item .img img {
    border: 1px solid #999999;
    display: block;
}

#wrap header #menu .inner .izbr .item .img a {
    display: block;
    font-size: 0px;
}

#wrap header #menu .inner .izbr .item .text {
    display: table-cell;
    vertical-align: top;
    padding: 17px 13px 55px 0;
    position: relative;
}

#wrap header #menu .inner .izbr .item .text .ttl {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #043e7c;
    text-decoration: none;
}

#wrap header #menu .inner .izbr .item .text .view,
#wrap header #menu .inner .izbr .item .text .order {
    position: absolute;
    bottom: 22px;
    left: 0;
    color: #f3f0ed;
    font-size: 13px;
    padding: 0 8px;
    line-height: 28px;
    background: url(/bitrix/templates/bo/img/x9.png);
    text-decoration: none;
}

#wrap header #menu .inner .izbr .item .text .order {
    left: auto;
    right: 13px;
}

#wrap header #menu .inner .izbr .item .text .view:hover,
#wrap header #menu .inner .izbr .item .text .order:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
    color: #fff;
}

#wrap header #menu .inner .izbr .show_all_favs {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
}

#wrap header #mob-menu {
    display: none;
}

#wrap header #callback {
    position: fixed;
    right: 35%;
    top: 95px;
    border: 4px solid #043e7c;
    box-sizing: border-box;
    background: #f8f8f8;
    z-index: 10;
    padding: 17px 15px 22px;
    color: #313438;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    width: 288px;
    display: none;
}

#wrap header #callback input[type="text"] {
    height: 40px;
    border: 1px solid #e6e6e6;
    width: 100%;
    text-indent: 10px;
    margin: 12px 0 0 0;
}

#wrap header #callback input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap header #callback input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap header #callback input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap header #callback input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap header #callback input[type="submit"] {
    font-size: 16px;
    color: #fff;
    width: 136px;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
    margin: 19px auto 0;
    display: block;
    background: url(/bitrix/templates/bo/img/x4.png);
    cursor: pointer;
}

#wrap header #callback input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#wrap header #callback>span {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png) no-repeat 0 0;
    cursor: pointer;
}

#wrap header #callback>span:hover {
    background-position: 100% 0;
}

.anythingSlider-default {
    margin: 0 auto;
    padding: 0 45px 28px 45px;
}

.anythingSlider-default .anythingWindow {
    border-top: 3px solid #777;
    border-bottom: 3px solid #777;
}

.anythingSlider-default .anythingControls a {
    background: #777;
    color: #000;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.anythingSlider-default .anythingControls a span {
    visibility: visible;
}

.anythingSlider-default .anythingControls a.cur {
    background: #888;
    color: #000;
}

.anythingSlider-default .anythingControls a.start-stop {
    background-color: #040;
    color: #ddd;
}

.anythingSlider-default .anythingControls a.start-stop.playing {
    background-color: #800;
}

.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
    background-image: none;
    color: #ddd;
}

.anythingSlider-default.activeSlider .anythingWindow {
    border-color: #7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a {
    background-color: #7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
    background: #7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a.start-stop {
    background-color: #080;
    color: #fff;
}

.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
    background-color: #d00;
    color: #fff;
}

.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
    color: #fff;
}

.anythingSlider-default .arrow {
    top: 50%;
    position: absolute;
    display: block;
}

.anythingSlider-default .arrow a {
    display: block;
    width: 45px;
    height: 140px;
    margin: -70px 0 0 0;
    text-align: center;
    outline: 0;
}

.anythingSlider-default .back {
    left: 0;
}

.anythingSlider-default .back a {
    background-position: left top;
}

.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover {
    background-position: left -140px;
}

.anythingSlider-default .forward {
    right: 0;
}

.anythingSlider-default .forward a {
    background-position: right top;
}

.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover {
    background-position: right -140px;
}

.anythingSlider-default .anythingControls {
    outline: 0;
    display: none;
}

.anythingSlider-default .anythingControls ul {
    margin: 0;
    padding: 0;
    float: left;
}

.anythingSlider-default .anythingControls ul li {
    display: inline;
}

.anythingSlider-default .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    text-align: center;
    outline: 0;
}

.anythingSlider-default .anythingControls .anythingNavWindow {
    overflow: hidden;
    float: left;
}

.anythingSlider-default .anythingControls .start-stop {
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    z-index: 100;
    outline: 0;
}

.as-oldie .anythingSlider-default .arrow {
    top: 30%;
}

.as-oldie .anythingSlider-default .arrow a {
    margin: 0;
}

.as-oldie .anythingSlider-default .anythingControls li {
    margin-left: 3px;
}

.as-oldie .anythingSlider-default .anythingControls a {
    margin: 0;
}

.as-oldie .anythingSlider-default .anythingNavWindow {
    margin: 0 2px;
}

.as-oldie .anythingSlider-default .anythingNavWindow li {
    padding: 3px 0 0 0;
}

.anythingSlider {
    display: block;
    overflow: visible !important;
    position: relative;
}

.anythingSlider .anythingWindow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.anythingSlider .anythingBase {
    background: transparent;
    list-style: none;
    position: absolute;
    overflow: visible !important;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.anythingSlider .arrow span {
    display: block;
    visibility: hidden;
}

.anythingSlider .arrow.disabled {
    display: none;
}

.anythingSlider .panel {
    background: transparent;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}

.anythingSlider .vertical .panel {
    float: none;
}

.anythingSlider .fade .panel {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.anythingSlider .fade .activePage {
    z-index: 0;
}

.anythingSlider.rtl .anythingWindow {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.anythingSlider.rtl .anythingControls ul {
    float: left;
}

.anythingSlider.rtl .anythingControls ul a {
    float: right;
}

.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0;
}

.b-core-ui-select {
    position: relative;
    min-width: 250px;
    padding: 0 0 0 0;
    font-size: 13px;
    line-height: 14px;
    color: #313438;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #fff;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e6e6e6;
}

.b-core-ui-select__select {
    position: static;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

span.b-core-ui-select__value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 35px 0 10px;
    color: #313438;
    line-height: 38px;
}

.b-core-ui-select__select_state_hide {
    height: 1px !important;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1px !important;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
}

.b-core-ui-select.focus {
    outline: 0;
}

.b-core-ui-select.disabled,
.b-core-ui-select.disabled:active {
    opacity: .5;
    color: #333333;
    background-color: #fff;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select__button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 22px;
    height: 38px;
    margin-top: 0;
    margin-left: 0;
    background: url(/bitrix/templates/bo/img/x27.png) no-repeat 0 0;
}

.open .b-core-ui-select__button {
    background-position: 0 100%;
}

.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    color: #3c4957;
    margin: 0;
    max-height: 191px;
    font-size: 13px;
}

.b-core-ui-select__dropdown.hide {
    display: none;
}

.b-core-ui-select__dropdown.show {
    display: block;
}

.b-core-ui-select__dropdown__wrap {
    max-height: 191px;
    overflow: auto;
    outline: none;
    margin: 0;
}

.j-scroll-pane .b-core-ui-select__dropdown__item {
    margin-right: 20px;
}

.b-core-ui-select__dropdown__list {
    overflow: hidden;
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
}

.b-core-ui-select__dropdown__item {
    padding: 5px 0 6px 10px!important;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
    background: #fff;
    font-size: 13px;
    color: #313438;
    background: #d9d9d9;
    border-bottom: 1px solid #cccccc;
}

.b-core-ui-select__dropdown__label {
    padding: 10px;
    min-height: 18px;
    font-style: italic;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.b-core-ui-select__dropdown__item.disabled,
.b-core-ui-select__dropdown__item.disabled:hover {
    color: #ccc;
    background: none;
}

.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item.selected:hover {
    color: #313438;
    background: url(/bitrix/templates/bo/img/x9.png);
}

.b-core-ui-select__dropdown__item:hover {
    color: #313438;
    background: url(/bitrix/templates/bo/img/x9.png);
}

#wrap #main-content ul li.b-core-ui-select__dropdown__item:before {
    display: none;
}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    cursor: pointer
}

div.pp_default .pp_expand {
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    cursor: pointer
}

div.pp_default .pp_contract {
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    cursor: pointer
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    cursor: pointer
}

div.pp_default .pp_gallery ul li a {
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.light_rounded .pp_next:hover {
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    cursor: pointer
}

div.light_rounded .pp_expand {
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    cursor: pointer
}

div.light_rounded .pp_contract {
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_next:hover {
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    cursor: pointer
}

div.dark_rounded .pp_expand {
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    cursor: pointer
}

div.dark_rounded .pp_contract {
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    cursor: pointer
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff
}

div.dark_rounded .pp_nav .pp_play {
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    height: 15px;
    width: 14px
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_expand {
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    cursor: pointer
}

div.dark_square .pp_contract {
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    cursor: pointer
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    height: 15px;
    width: 14px
}

div.dark_square .pp_next:hover {
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    cursor: pointer
}

div.light_square .pp_expand {
    cursor: pointer
}

div.light_square .pp_expand:hover {
    cursor: pointer
}

div.light_square .pp_contract {
    cursor: pointer
}

div.light_square .pp_contract:hover {
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    ;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    height: 15px;
    width: 14px
}

div.light_square .pp_next:hover {
    cursor: pointer
}

div.light_square .pp_previous:hover {
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(/bitrix/templates/bo/img/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(/bitrix/templates/bo/img/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(/bitrix/templates/bo/img/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(/bitrix/templates/bo/img/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(/bitrix/templates/bo/img/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(/bitrix/templates/bo/img/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(/bitrix/templates/bo/img/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(/bitrix/templates/bo/img/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(/bitrix/templates/bo/img/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px!important
}

a.pp_next {
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1!important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px!important
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade,
.pp_gallery li.default a img {
    display: none
}

#wrap #main-slider .wrap {
    max-width: 1040px;
    margin: 0 auto;
    padding: 69px 20px 0;
    box-sizing: border-box;
    color: #fff;
}

#wrap #main-slider .wrap .ttl {
    display: inline-block;
    border-bottom: 1px solid #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    padding: 0 0 7px;
    margin: 0 0 13px;
    text-decoration: none;
}

#wrap #main-slider .wrap .ttl:hover {
    border-color: transparent;
}

#wrap #main-slider {
    height: 473px;
    border-top: 10px solid #002d5e;
    border-bottom: 29px solid #002d5e;
}

#wrap #main-slider .wrap p {
    font-size: 18px;
    line-height: 24px;
}

#wrap #main-slider .wrap .go {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    line-height: 50px;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x11.png);
    margin: 150px 0 0 0;
    float: right;
}

#wrap #main-slider .wrap .go:hover {
    background: url(/bitrix/templates/bo/img/x12.png)
}

#wrap #main-slider .anythingControls {
    position: absolute;
    width: 100%;
    bottom: -30px;
    left: 0;
    text-align: center;
}

#wrap #main-slider .anythingControls li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}

#wrap #main-slider .anythingControls li a {
    display: block;
    text-indent: -999999px;
    width: 8px;
    height: 8px;
    background: url(/bitrix/templates/bo/img/x13.png) no-repeat 100% 0;
}

#wrap #main-slider .anythingControls li a.cur {
    background-position: 0 0;
}

#wrap #main-slider .back {
    position: absolute;
    left: 70px;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x14.png) no-repeat 0 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #main-slider .back:hover {
    background-position: 0 100%;
}

#wrap #main-slider .forward {
    position: absolute;
    right: 70px;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x14.png) no-repeat 100% 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #main-slider .forward:hover {
    background-position: 100% 100%;
}

#newest {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#newest h3,
#newest h2,
#newest h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #313438;
    line-height: 30px;
    margin: 60px 0 32px 0;
}

#newest h3:before,
#newest h2:before,
#newest h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 22px 0 0;
}

#newest h3:after,
#newest h2:after,
#newest h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 0 0 22px;
}

#newest .boxes {
    font-size: 0;
}

#newest .boxes .box,
.box {
    display: inline-block;
    vertical-align: top;
    width: 23.7%;
    padding: 0 1.7% 0 0;
    margin: 0 0 40px;
}

#actions .item .inner .box {
    width: auto!important
}


/*#newest .boxes .box:nth-child(4n+4){padding:0;}*/

#newest .boxes .box .inner,
.box .inner {
    border: 1px solid #cccccc;
    padding: 12px;
    position: relative;
}

#newest .boxes .box .inner img,
.box .inner img {
    width: 100%;
    margin: 0 0 15px;
}

#newest .boxes .box .inner .ttl {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    color: #313438;
    font-weight: 700;
    padding: 0 0 10px;
}

#newest .boxes .box .inner p,
.box .inner p {
    font-size: 16px;
    line-height: 24px;
    color: #6f7780;
}

#newest .boxes .box .inner .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s linear;
}

#newest .boxes .box .inner .hover:before {
    background: rgba(41, 51, 60, 0.53);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#newest .boxes .box .inner .hover .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 0;
    z-index: 1;
}

#newest .boxes .box .inner .content .ttl2 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
    padding: 50px 10px 15px;
    text-align: center;
}

#newest .boxes .box .inner .content .list {
    text-align: left;
    padding: 0 30px;
}

#newest .boxes .box .inner .content .list a {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
}

#newest .boxes .box .inner .content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: block;
}

#newest .boxes .box .inner .show_all {
    position: absolute;
    right: 25px;
    left: 25px;
    bottom: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 15px;
    text-decoration: none;
    padding: 15px 0 15px;
    z-index: 4;
}

#newest .boxes .box .inner .show_products {
    position: absolute;
    right: 25px;
    left: 25px;
    bottom: 155px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x5.png);
    line-height: 15px;
    text-decoration: none;
    padding: 15px 0 15px;
    z-index: 4;
}

#newest .boxes .box .inner .show_all:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#newest .boxes .box .inner .content .desc {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 0 30px;
}

#newest .boxes .box .inner .to_fav {
    position: absolute;
    right: 25px;
    left: 25px;
    bottom: 99px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x9.png);
    line-height: 15px;
    text-decoration: none;
    padding: 15px 0 15px;
    z-index: 4;
}

#newest .boxes .box .inner .to_fav:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    background: url(/bitrix/templates/bo/img/x6.png);
    width: 17px;
    height: 16px;
    margin: 0 9px 0 0;
}

#newest .boxes .box .inner:hover .hover {
    opacity: 1;
    transition: all 0.3s linear;
}

#newest .boxes .box .inner .to_fav:hover {
    background: url(/bitrix/templates/bo/img/x15.png)
}

#newest.my_fav .boxes .box .inner .content .to_fav {
    background: url(/bitrix/templates/bo/img/x11.png);
}

#newest.my_fav .boxes .box .inner .content .to_fav:hover {
    background: url(/bitrix/templates/bo/img/x12.png);
}

#newest.my_fav {
    padding: 0;
}

#sample {
    margin: 0 auto 125px;
    padding: 0;
    box-sizing: border-box;
}

#sample h3,
#sample h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #313438;
    line-height: 30px;
    margin: 41px 0 32px 0;
}

#sample h3:before,
#sample h2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 22px 0 0;
}

#sample h3:after,
#sample h2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 0 0 22px;
}

#sample .boxes {
    font-size: 0;
}

#sample .wrap {
    display: table;
    width: 100%;
}

#sample .wrap .img {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    height: 494px;
}

#sample .wrap .text {
    display: table-cell;
    vertical-align: top;
    padding: 50px 140px 0 30px;
    box-sizing: border-box;
    background: #f2eee9;
}

#sample .wrap .text .ttl {
    display: block;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 28px;
    color: #313438;
    padding: 0 0 10px;
}

#sample .wrap .text p {
    font-size: 16px;
    line-height: 20px;
    color: #383b3f;
}

#sample>div>div {
    height: 494px;
    max-widt h: 1440px;
    margin: 0 auto;
}

#sample>div {
    background: #f2eee9;
}

#sample .show_stuff {
    display: block;
    width: 210px;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x9.png);
    font-size: 13px;
    margin: 25px 0 10px;
}

#sample .show_stuff:hover {
    background: url(/bitrix/templates/bo/img/x15.png)
}

#sample .get_same {
    display: block;
    width: 210px;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x4.png);
    font-size: 13px;
    margin: 0 0 35px;
}

#sample .get_same:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#sample .get_port {
    display: block;
    color: #313438;
    text-decoration: underline;
    font-size: 13px;
    width: 160px;
    white-space: nowrap;
}

#sample .get_port:hover {
    text-decoration: none;
}

#wrap #sample .back {
    position: absolute;
    left: 70px;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x14.png) no-repeat 0 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #sample .back:hover {
    background-position: 0 100%;
}

#wrap #sample .forward {
    position: absolute;
    right: 70px;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x14.png) no-repeat 100% 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #sample .forward:hover {
    background-position: 100% 100%;
}

#wrap #sample .anythingControls {
    text-align: center;
    padding: 10px;
}

#wrap #sample .anythingControls li {
    display: inline-block;
    margin: 0 4px;
}

#wrap #sample .anythingControls li span {
    display: inline-block;
    width: 35px;
    line-height: 35px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    background: #b3b3b3;
    cursor: pointer;
}

#wrap #sample .anythingControls li span:hover,
#wrap #sample .anythingControls li .cur span {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#wrap header #menu .inner>ul>li:nth-last-child(2):hover .izbr {
    display: block;
}

#wrap #main-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#wrap #main-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #313438;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 6px 0;
}

#wrap #main-content .pathway {
    text-align: center;
    font-size: 13px;
    color: #313438;
    padding: 0 0 15px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2) {
    background: url(/bitrix/templates/bo/img/x5.png);
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2)>span>a {
    padding-right: 12px;
    white-space: nowrap;
    background: url(/bitrix/templates/bo/img/x6.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2):before {
    display: none;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1) {
    background: url(/bitrix/templates/bo/img/x5.png);
    padding-right: 15px;
    padding-left: 15px;
    width: 60px;
    white-space: normal;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1)>span>a {
    padding-right: 12px;
    background: url(/bitrix/templates/bo/img/x20.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu .inner>ul>li:nth-last-child(2):hover .izbr {
    display: block;
}

#wrap.inner-page header #top-wrap .phone .callback {
    display: none;
}

#wrap.inner-page header #top-wrap .phone {
    background: none;
    padding: 0;
    font-size: 26px;
    margin: 47px 0 0 0;
}

#wrap.inner-page header #top-wrap .phone .big {
    font-size: 36px;
}

#wrap header #menu.inner-page {
    border-bottom: 3px solid #002d5e;
    margin: 0;
}

#wrap.inner-page #top-wrap .logo {
    margin-bottom: 33px;
}

#wrap #main-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#wrap #main-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #313438;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 0 0;
}

#wrap #main-content .pathway {
    text-align: center;
    font-size: 13px;
    color: #313438;
    padding: 0 0 15px;
}

#wrap #main-content .pathway a {
    color: #313438;
    text-decoration: none;
}

#wrap #main-content .pathway a:hover {
    text-decoration: underline;
}

#wrap #main-content #vaks {
    font-size: 0;
}

#wrap #main-content #vaks .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 0 60px;
}

#wrap #main-content #vaks .item .inner {
    margin: 0 20px 0 0;
    border: 1px solid #cccccc;
    background: #fafafa;
    padding: 0 39px 23px;
    font-size: 16px;
    line-height: 24px;
    color: #313438;
}

#wrap #main-content #vaks .item .inner .ttl {
    display: block;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 28px;
    padding: 34px 0 23px
}

#wrap #main-content #vaks .item .inner .ttl2 {
    display: block;
    font-size: 19px;
    font-weight: 700;
    padding: 0 0 2px;
}

#wrap #main-content #vaks .item .inner .box {
    padding: 0 0 23px;
}

#wrap #main-content #vaks .item .inner .button {
    text-align: center;
    padding: 18px 0 0 0;
}

#wrap #main-content #vaks .item .inner .button span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 39px;
    padding: 0 15px;
    cursor: pointer;
}

#wrap #main-content #vaks .item .inner .button span:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #main-content #vaks .item:nth-child(even) .inner {
    margin: 0 0 0 20px;
}

#wrap #main-content #actions {
    font-size: 0;
}

#wrap #main-content #actions .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 0 20px;
}

#wrap #main-content #actions .item .inner {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #313438;
}

#wrap #main-content #actions .item .inner .ttl {
    display: block;
}

#wrap #main-content #actions .item .inner .box {
    padding: 0 0 23px;
    width: auto!important
}

#wrap #main-content #actions .item:nth-child(even) .inner {
    margin: 0 0 0 20px;
}

#wrap #main-content #actions .item .name {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #043366;
}

#wrap #main-content #actions .item span.name {
    display: block;
    padding: 0 0 10px;
}

#wrap #main-content #actions .item img {
    margin: 14px 0 3px 0;
    max-width: 100%;
}

#wrap #main-content #actions h3 {
    text-transform: uppercase;
    color: #313438;
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 31px;
}

#wrap header #menu.inner-page:after {
    display: none;
}

#wrap header #menu.inner-page {
    background: none;
}

#wrap header #menu.inner-page .inner>ul {
    margin: 0;
    width: 100%;
}

#wrap header #menu.inner-page .inner>ul>li:first-child {
    padding-left: 0;
}

#wrap header #menu.inner-page .inner>ul>li:first-child a {
    width: auto;
    padding-left: 18px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(2) a {
    width: auto;
    text-align: left;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(3) a {
    width: auto;
    text-align: left;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(2) span {
    text-align: left;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(3) span {
    text-align: left;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(4) a {
    width: auto;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(5) a {
    width: auto;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(6) a {
    width: auto;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(7) a {
    width: auto;
}

#wrap header #menu.inner-page .inner>ul>li:nth-child(8) a {
    width: auto;
}

#wrap header #menu.inner-page .inner>ul>li {
    padding-bottom: 6px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2) {
    background: url(/bitrix/templates/bo/img/x5.png);
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2)>span>a {
    padding-right: 12px;
    white-space: nowrap;
    background: url(/bitrix/templates/bo/img/x6.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2):before {
    display: none;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1) {
    background: url(/bitrix/templates/bo/img/x5.png);
    padding-right: 15px;
    padding-left: 15px;
    width: 60px;
    white-space: normal;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1)>span>a {
    padding-right: 12px;
    background: url(/bitrix/templates/bo/img/x20.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu .inner>ul>li:nth-last-child(2):hover .izbr {
    display: block;
}

#wrap.inner-page header #top-wrap .phone .callback {
    display: none;
}

#wrap.inner-page header #top-wrap .phone {
    background: none;
    padding: 0;
    font-size: 26px;
    margin: 47px 0 0 0;
}

#wrap.inner-page header #top-wrap .phone .big {
    font-size: 36px;
}

#wrap header #menu.inner-page {
    border-bottom: 3px solid #002d5e;
    margin: 0;
}

#wrap.inner-page #top-wrap .logo {
    margin-bottom: 33px;
}

#wrap #main-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#wrap #main-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #313438;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 0 0;
}

#wrap #main-content .pathway {
    text-align: center;
    font-size: 13px;
    color: #313438;
    padding: 0 0 15px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2) {
    background: url(/bitrix/templates/bo/img/x5.png);
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2)>span>a {
    padding-right: 12px;
    white-space: nowrap;
    background: url(/bitrix/templates/bo/img/x6.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(2):before {
    display: none;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1) {
    background: url(/bitrix/templates/bo/img/x5.png);
    padding-right: 15px;
    padding-left: 15px;
    width: 60px;
    white-space: normal;
}

#wrap header #menu.inner-page .inner>ul>li:nth-last-child(1)>span>a {
    padding-right: 12px;
    background: url(/bitrix/templates/bo/img/x20.png) no-repeat 0 50%;
    padding-left: 28px;
}

#wrap header #menu .inner>ul>li:nth-last-child(2):hover .izbr {
    display: block;
}

#wrap.inner-page header #top-wrap .phone .callback {
    display: none;
}

#wrap.inner-page header #top-wrap .phone {
    background: none;
    padding: 0;
    font-size: 26px;
    margin: 47px 0 0 0;
}

#wrap.inner-page header #top-wrap .phone .big {
    font-size: 36px;
}

#wrap header #menu.inner-page {
    border-bottom: 3px solid #002d5e;
    margin: 0;
}

#wrap.inner-page #top-wrap .logo {
    margin-bottom: 33px;
}

#wrap #main-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px 60px;
    box-sizing: border-box;
}

#wrap #main-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #313438;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 0 0;
}

#wrap #main-content .pathway {
    text-align: center;
    font-size: 13px;
    color: #313438;
    padding: 0 0 15px;
}

#wrap #main-content .pathway a {
    text-decoration: underline
}

#wrap #main-content .pathway a:hover {
    text-decoration: none;
}

#newest .boxes .hide-show,
#newest .boxes .go-cat {
    display: none;
}

#serv {
    padding: 80px 0 0 0;
    box-sizing: border-box;
    background: #f6f3ef;
}

#serv .inner {
    max-width: 1440px;
    margin: 0 auto;
}

#serv h3,
#serv h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #313438;
    line-height: 30px;
    margin: 0;
}

#serv h3:before,
#serv h2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 22px 0 0;
}

#serv h3:after,
#serv h2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 0 0 22px;
}

#serv .icos {
    text-align: center;
    padding: 50px 0 0 0;
    font-size: 0;
}

#serv .icos span {
    width: 305px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #313438;
    display: inline-block;
    vertical-align: top;
    padding: 164px 0 0 0;
}

#serv .icos .i1 {
    background: url(/bitrix/templates/bo/img/i1.png) no-repeat 50% 0;
}

#serv .icos .i2 {
    background: url(/bitrix/templates/bo/img/i2.png) no-repeat 50% 0;
    margin: 0 9%;
}

#serv .icos .i3 {
    background: url(/bitrix/templates/bo/img/i3.png) no-repeat 50% 0;
}

#serv .more {
    width: 470px;
    margin: 70px auto 0;
    height: 4px;
    background: #043e7c;
    text-align: center;
}

#serv .more a {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 0 23px;
    background: url(/bitrix/templates/bo/img/x4.png);
    margin: -25px 0 0 0;
    font-size: 13px;
}

#serv .more a:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#serv .text {
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 20px 55px;
    font-size: 18px;
    line-height: 24px;
    box-sizing: border-box;
}

#feed2 {
    background: url(/bitrix/templates/bo/img/x16.png);
    margin: 0 auto;
}

#feed2 .inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

#feed2 .inner .left span {
    display: block;
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    padding: 57px 234px 13px 0;
    background: url(/bitrix/templates/bo/img/x17.png) no-repeat 100% 62px;
}

#feed2 .inner .left {
    float: left;
    width: 59%;
    background: url(/bitrix/templates/bo/img/x18.png) no-repeat right;
}

#feed2 .inner .left div {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 0 115px 55px 0;
}

#feed2 .inner form {
    float: left;
    width: 41%;
    height: 220px;
    padding: 20px 0 0 43px;
    box-sizing: border-box;
}

#feed2 .inner form input[type="text"] {
    width: 100%;
    height: 50px;
    border: 1px solid #e6e6e6;
    text-indent: 16px;
    font-size: 13px;
    vertical-align: top;
    box-sizing: border-box;
}

#feed2 .inner form input[type="text"]::-webkit-input-placeholder {
    color: #313438;
    opacity: 1;
}

#feed2 .inner form input[type="text"]::-moz-placeholder {
    color: #313438;
    opacity: 1;
}

#feed2 .inner form input[type="text"]:-moz-placeholder {
    color: #313438;
    opacity: 1;
}

#feed2 .inner form input[type="text"]:-ms-input-placeholder {
    color: #313438;
    opacity: 1;
}

#feed2 .inner form input[type="submit"] {
    color: #fff;
    cursor: pointer;
    width: 117px;
    margin: 0;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x11.png);
    height: 50px;
    vertical-align: top;
    font-size: 13px;
}

#feed2 .inner form input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x12.png);
}

#why {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 0 0 0;
    box-sizing: border-box;
    background: #fff;
}

#why h3,
#why h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #313438;
    line-height: 30px;
    margin: 0;
}

#why h3:before,
#why h2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 22px 0 0;
}

#why h3:after,
#why h2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 0 0 22px;
}

#why .tab {
    max-width: 1300px;
    margin: 0 auto 100px;
    font-size: 0;
    padding: 40px 20px 0;
    box-sizing: border-box;
}

#why .tab .control span {
    display: inline-block;
    width: 16.5%;
    height: 185px;
    background: url(/bitrix/templates/bo/img/x19.png);
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #4c4b4b;
    box-sizing: border-box;
    vertical-align: top;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    padding: 140px 10px 0;
    cursor: pointer;
    position: relative;
}

#why .tab .control .t1:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t1.png) no-repeat 50% 0;
    width: 100%;
    top: 42px;
    left: 0;
    height: 72px;
}

#why .tab .control .t1 {
    border-left: none;
}

#why .tab .control .t2:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t2.png) no-repeat 50% 0;
    width: 100%;
    top: 40px;
    left: 0;
    height: 80px;
}

#why .tab .control .t3:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t3.png) no-repeat 50% 0;
    width: 100%;
    top: 29px;
    left: 0;
    height: 100px;
}

#why .tab .control .t4:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t4.png) no-repeat 50% 0;
    width: 100%;
    top: 31px;
    left: 0;
    height: 100px;
}

#why .tab .control .t5:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t5.png) no-repeat 50% 0;
    width: 100%;
    top: 30px;
    left: 0;
    height: 110px;
}

#why .tab .control .t6:before {
    content: '';
    position: Absolute;
    background: url(/bitrix/templates/bo/img/t6.png) no-repeat 50% 0;
    width: 100%;
    top: 22px;
    left: 0;
    height: 120px;
}

#why .tab .control .t6 {
    border-right: none;
}

#why .tab .control .cur {
    box-shadow: 0 0 0 2px #f14848 inset;
}

#why .tab .control .cur:after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -2px;
    height: 4px;
    background: url(/bitrix/templates/bo/img/x19.png);
    right: 2px;
}

#why .tab .cont div.cont-item {
    display: none;
    font-size: 18px;
    color: #313438;
    line-height: 24px;
    border: 2px solid #f14848;
    padding: 35px 19px 20px;
    background: url(/bitrix/templates/bo/img/x19.png);
}

#why .tab .cont div:first-child {
    display: block;
}

#reviews {
    margin: 0 auto;
    padding: 55px 0 70px 0;
    box-sizing: border-box;
    background: url(/bitrix/templates/bo/img/x21.png);
}

#reviews .inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

#reviews h3,
#reviews h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #313438;
    line-height: 30px;
    margin: 0;
}

#reviews h3:before,
#reviews h2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 22px 0 0;
}

#reviews h3:after,
#reviews h2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 59px;
    height: 2px;
    background: #313438;
    margin: -9px 0 0 22px;
}

#reviews .inner>div {
    display: table;
    width: 100%;
    margin: 30px 0 0 0;
}

#reviews .inner .left {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    font-size: 18px;
    line-height: 24px;
}

#reviews .inner .right {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 50px;
}

#wrap .m_show_all {
    text-align: center;
    display: none;
}

#wrap .m_show_all>span {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 15px;
    text-decoration: none;
    padding: 15px 15px 15px;
    z-index: 4;
}

#wrap .m_show_all>span:hover {
    background: url(/bitrix/templates/bo/img/x7.png)
}

#reviews .inner .left a,
#reviews .inner .right a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x11.png);
    line-height: 48px;
    padding: 2px 25px 0;
    text-transform: uppercase;
    margin: 29px 0 0 0;
}

#reviews .inner .left a:hover,
#reviews .inner .right a:hover {
    background: url(/bitrix/templates/bo/img/x12.png)
}

#reviews .inner .right img {
    width: 100%;
    max-width: 100%;
}

#reviews .inner .right a {
    display: none;
}

#promo {
    margin: 0 auto;
    background: #353841 url(/bitrix/templates/bo/img/img5.jpg) no-repeat 50% 0;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    /*background-size:cover;*/
}

#wrap #promo .inner {
    max-width: 1300px;
    padding: 60px 20px 63px;
    box-sizing: border-box;
    margin: 0 auto;
}

#wrap #promo .inner h1 {
    font-size: 26px;
    line-height: 30px;
    padding: 0 0 25px;
}

#wrap #promo .inner h1 span {
    font-size: 40px;
    font-weight: 700;
}

#wrap #promo .inner ul {
    list-style: none;
    padding: 12px 0 0 0;
}

#wrap #promo .inner ul li {
    padding: 0 0 0 30px;
    position: relative;
}

#wrap #promo .inner ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    background: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap #promo .inner .gocat {
    display: inline-block;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 35px;
    background: url(/bitrix/templates/bo/img/x7.png);
    font-size: 12px;
    margin: 40px 0 0 0;
}

#wrap #promo .inner .gocat:hover {
    background: url(/bitrix/templates/bo/img/x4.png)
}

#wrap footer {
    background: #f5f5f5;
    border-top: 3px solid #002d5e;
}

#wrap footer .inner {
    max-width: 1300px;
    padding: 40px 20px 78px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

#wrap footer .inner .c1 {
    font-size: 13px;
    line-height: 20px;
    color: #313438;
    display: table-cell;
    vertical-align: top;
    width: 300px;
}

#wrap footer .inner .c1 b {
    font-size: 18px;
    line-height: 36px;
    display: block;
    padding: 4px 0 0 0;
}

#wrap footer .inner .c1 span {
    color: #033d7b
}

#wrap footer .inner .c2 {
    font-size: 0;
    line-height: 24px;
    color: #313438;
    border-left: 1px solid #bfbfbf;
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 60px;
}

#wrap footer .inner .red {
    display: table;
    width: 100%;
}

#wrap footer .inner .menus b {
    display: block;
    font-size: 18px;
    line-height: 36px;
}

#wrap footer .inner .menus a {
    color: #313438;
    text-decoration: none;
    font-size: 13px;
}

#wrap footer .inner .menus a:hover {
    text-decoration: underline;
}

#wrap footer .inner .menus {
    margin: -10px 0 0 0;
}

#wrap footer .inner .menus .men {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

#wrap footer .inner .copy {
    position: absolute;
    left: 20px;
    bottom: 23px;
    font-size: 13px;
    color: #999999;
}

#wrap footer .inner .maker {
    position: absolute;
    right: 20px;
    bottom: 23px;
    font-size: 13px;
    color: #999999;
}

#wrap #cat-section .tags {
    font-size: 0;
    margin: -10px 0 60px 0;
}

#wrap #cat-section .tags span {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    box-sizing: border-box;
    padding: 0 20px 5px 0;
}

#wrap #cat-section .tags span:nth-child(4n+4) {
    padding-right: 0;
}

#wrap #cat-section .tags span a {
    color: #313438;
    font-size: 15px;
    padding: 8px 9px;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    background: #e6e6e6;
    line-height: 15px;
}

#wrap #cat-section .tags span a:hover,
#wrap #cat-section .tags span a.cur {
    background: url(/bitrix/templates/bo/img/x16.png);
    color: #fff;
}

#wrap #cat-section #newest {
    padding: 0;
}

#wrap #cat-section h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 28px;
    color: #313438;
    font-weight: 400;
    padding: 20px 0 12px 0;
}

#wrap #cat-section .promo {
    font-size: 16px;
    line-height: 26px;
}

#wrap #komplekt .anons {
    font-size: 16px;
    line-height: 24px;
}

#wrap #komplekt .img {
    text-align: center;
    padding: 37px 0 80px 0;
}

#wrap #komplekt .img img {
    max-width: 100%;
}

#wrap #komplekt h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 28px;
    color: #313438;
    font-weight: 400;
    padding: 20px 0 12px 0;
}

#wrap #komplekt .promo {
    font-size: 16px;
    line-height: 26px;
}

#wrap #komplekt .info {
    display: table;
    width: 100%;
    margin: 0 0 50px;
}

#wrap #komplekt .info .table {
    display: table-cell;
    vertical-align: top;
    width: 48%;
    padding: 0 40px 0 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
}

#wrap #komplekt .info .text {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
}

#wrap #komplekt .info .table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 10px;
}

#wrap #komplekt .info .table table th {
    border-collapse: collapse;
    background: url(/bitrix/templates/bo/img/x1.png);
    padding: 0 15px;
    font-weight: 700;
    height: 37px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
}

#wrap #komplekt .info .table table th:first-child {
    width: 10px;
}

#wrap #komplekt .info .table table th:last-child {
    width: 10px;
    white-space: nowrap;
}

#wrap #komplekt .info .table table td {
    border-collapse: collapse;
    padding: 9px 15px 10px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    text-align: left;
}

#wrap #komplekt .info .table table tr td:first-child,
#wrap #komplekt .info .table table tr td:last-child {
    text-align: center;
}

#wrap #komplekt .info .table table tr td:last-child {
    vertical-align: middle;
}

#wrap .clearfix:before,
#wrap .clearfix:after {
    content: "";
    display: table;
}

#wrap .clearfix:after {
    clear: both;
}

#wrap .clearfix {
    *zoom: 1;
}

#wrap .prettycheckbox {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#wrap .prettycheckbox a {
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/bo/img/x22.png) 0 0 no-repeat;
    display: block;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
}

#wrap .prettycheckbox a.checked {
    background-position: 0 100%;
}

#wrap .prettycheckbox label {
    display: inline-block;
    font-size: 16px;
    color: #838b90;
    margin: 0 0 0 6px;
    cursor: pointer;
}

#wrap #komplekt .info .table .ord {
    text-align: center;
}

#wrap #komplekt .info .table .ord input {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    padding: 0 19px;
    height: 39px;
    background: url(/bitrix/templates/bo/img/x11.png);
    margin: 15px 0 0 0;
}

#wrap #komplekt .info .table .ord input:hover {
    background: url(/bitrix/templates/bo/img/x12.png);
}

#wrap #komplekt .info .text h3 {
    text-transform: uppercase;
    font-size: 26px;
    color: #313438;
    font-weight: 400;
    line-height: 26px;
    margin: -3px 0 12px 0;
}

#wrap #komplekt .info .text .files a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #043e7c;
    position: relative;
    margin: 0 0 12px;
}

#wrap #komplekt .info .text .files {
    padding: 20px 0 30px 27px;
}

#wrap #komplekt .info .text .files a:before {
    content: '';
    background: url(/bitrix/templates/bo/img/x23.png) no-repeat 0 0;
    width: 19px;
    height: 22px;
    left: -27px;
    top: 0;
    position: absolute;
}

#wrap #komplekt .info .text .phone {
    font-size: 22px;
    margin: 8px 0 0 0;
    color: #313438;
}

#wrap #komplekt .info .text .phone .big {
    font-size: 30px;
}

#wrap #serv-cat h2 {
    font-size: 26px;
    color: #313438;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0 23px;
}

#wrap #serv-cat .rem {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
}

#wrap #serv-cat .rem a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    color: #043e7c;
    font-size: 19px;
    text-align: center;
    text-decoration: none;
}

#wrap #serv-cat .rem a span {
    display: block;
    height: 222px;
    font-size: 0;
    line-height: 22px;
}

#wrap #serv-cat .rem a span img {
    max-width: 100%;
}

#wrap #serv-cat .rem a:hover {
    text-decoration: underline;
}

#wrap #serv-cat .rem img {
    max-height: 200px;
}

#wrap #serv-cat>div {
    font-size: 0px;
}

#wrap #serv-cat .anons {
    font-size: 16px;
    line-height: 24px;
    padding: 30px 0 0 0;
}

#wrap #serv-cat .item {
    padding: 0 0 70px;
}

#wrap #two-col {
    display: table;
    width: 100%;
}

#wrap #two-col .left {
    width: 280px;
    display: table-cell;
    vertical-align: top;
    position: relative;
}

#wrap #two-col .right {
    display: table-cell;
    vertical-align: top;
    position: relative;
    font-size: 18px;
    line-height: 24px;
}

#wrap #two-col .left .scroll-menu {
    width: 220px;
    z-index: 2;
    background: #fff;
}

#wrap #two-col .left .scroll-menu .men1 a {
    display: block;
    padding: 0 0 0 14px;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    color: #313438;
    text-decoration: none;
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
    position: relative;
}

#wrap #two-col .left .scroll-menu .men1 a:hover {
    color: #fff;
    background: url(/bitrix/templates/bo/img/x34.png)
}

#wrap #two-col .left .scroll-menu .men1 a.cur {
    background: url(/bitrix/templates/bo/img/x11.png);
    color: #fff;
}

#wrap #two-col .left .scroll-menu .men1 a.cur:after {
    content: '';
    position: absolute;
    right: -20px;
    height: 100%;
    width: 20px;
    top: 0;
    background: url(/bitrix/templates/bo/img/x11.png);
}

#wrap #two-col .left .scroll-menu .men1 a.cur:before {
    content: '';
    position: absolute;
    right: -20px;
    height: 100%;
    width: 20px;
    top: 0;
    background: url(/bitrix/templates/bo/img/x24.png) no-repeat 0 0;
    z-index: 1;
}

#wrap #two-col .left .scroll-menu .men1 {
    margin: 0 0 40px;
}

#wrap #two-col .left .scroll-menu .men2 a {
    display: block;
    padding: 0;
    line-height: 44px;
    color: #fff;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x16.png);
    text-align: center;
    margin: 0 0 5px;
}

#wrap #two-col .left .scroll-menu .men2 a:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
    color: #fff;
}

#wrap #two-col .right h2 {
    font-size: 26px;
    color: #313438;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0 15px;
}

#wrap #two-col .right img {
    width: 100%;
    max-width: 100%;
    margin: 0px 0 44px;
    /*margin:23px 0 44px;*/
}

#wrap #two-col .right img[align="left"] {
    width: auto;
    margin: 0 40px 0 0;
}

#wrap #two-col .right img+ul {
    padding: 0 0 0 430px;
    line-height: 20px;
    margin: 0 0 40px;
}

#wrap #two-col .right img+ul li {
    padding-bottom: 8px;
}

#wrap #two-col .right img+ul:after {
    content: '';
    display: table;
    clear: both;
}

#wrap #two-col .right h2+ul li {
    padding-bottom: 7px;
}

#wrap #two-col .right h2+ul {
    margin-bottom: 50px;
}

#wrap #two-col .right .order {
    text-align: center;
    padding: 35px 0 0 0;
}

#wrap #two-col .right .order .m_o {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 16px;
    line-height: 39px;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x16.png);
    font-size: 13px;
    margin: 0 12px 0 0;
}

#wrap #two-col .right .order .m_o:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #two-col .right .order .z_k {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 16px;
    line-height: 39px;
    text-decoration: none;
    background: url(/bitrix/templates/bo/img/x9.png);
    font-size: 13px;
    margin: 0 0 0 12px;
}

#wrap #two-col .right .order .z_k:hover {
    background: url(/bitrix/templates/bo/img/x15.png);
}

#wrap #two-col .right.tovar {
    font-size: 16px;
}

#wrap #two-col .right.tovar h4 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 4px;
}

#wrap #two-col .right.tovar .dl-ins a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #043e7c;
    padding: 0 0 0 28px;
    background: url(/bitrix/templates/bo/img/x35.png) no-repeat 0 50%;
    margin: 5px 0;
}

#wrap #two-col .right.tovar .dl-ins {
    padding: 10px 0 30px;
}

#wrap #two-col .right.tovar .price-box {
    background: #f14848;
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding: 27px 0 22px;
    margin: 20px 0 20px;
}

#wrap #two-col .right.tovar .price-box b {
    font-size: 28px;
}

#wrap #two-col .right.tovar .price-box .morder {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0 18px;
    font-size: 13px;
    margin: -5px 16px 0 24px;
    background: url(/bitrix/templates/bo/img/x36.png);
    text-decoration: none;
}

#wrap #two-col .right.tovar .price-box .morder:hover {
    background: url(/bitrix/templates/bo/img/x37.png);
}

#wrap #two-col .right.tovar .price-box .tofav {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0 22px 0 40px;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x37.png);
    text-decoration: none;
    position: relative;
    margin: -5px 0 0 0;
}

#wrap #two-col .right.tovar .price-box .fromfav {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0 22px 0 40px;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x37.png);
    text-decoration: none;
    position: relative;
    margin: -5px 0 0 0;
}

#wrap #two-col .right.tovar .free-html-content {
    margin-bottom: 30px;
}

#wrap article table {
    border-collapse: collapse;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 60px;
}

#wrap article table th {
    border-collapse: collapse;
    background: url(/bitrix/templates/bo/img/x1.png);
    padding: 0 15px;
    font-weight: 700;
    height: 37px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
    width: 50%;
    word-break: break-all;
}

#wrap article table td {
    border-collapse: collapse;
    padding: 10px 15px 10px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 14px;
    word-br eak: break-all;
}

#wrap #two-col .right.tovar .price-box .tofav:hover {
    background: url(/bitrix/templates/bo/img/x36.png);
}

#wrap #two-col .right.tovar .price-box .fromfav:hover {
    background: url(/bitrix/templates/bo/img/x36.png);
}

#wrap #two-col .right.tovar .price-box .fromfav:before {
    width: 17px;
    height: 16px;
    background: url(/bitrix/templates/bo/img/heart-icon-in.png) no-repeat 0 0;
    position: absolute;
    left: 14px;
    top: 11px;
    content: '';
}

#wrap #two-col .right.tovar .price-box .tofav:before {
    width: 17px;
    height: 16px;
    background: url(/bitrix/templates/bo/img/heart-icon.png) no-repeat 0 0;
    position: absolute;
    left: 14px;
    top: 11px;
    content: '';
}

#wrap #two-col .right.tovar table {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 0px;
}

#wrap #two-col .right.tovar table th {
    border-collapse: collapse;
    background: url(/bitrix/templates/bo/img/x1.png);
    padding: 0 30px;
    font-weight: 700;
    height: 37px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
    width: 50%;
    word-break: break-all;
}

#wrap #two-col .right.tovar table td {
    border-collapse: collapse;
    padding: 10px 30px 10px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 14px;
    word-br eak: break-all;
}

#wrap #two-col .right.tovar .construction {
    font-size: 0;
}

#wrap #two-col .right.tovar .construction .item {
    display: inline-block;
    vertical-align: top;
    width: 31.5%;
    padding: 0 2.7% 0 0;
    margin: 0 0 30px;
}

#wrap #two-col .right.tovar .cons truction .item:nth-child(3n+3) {
    padding-right: 0;
}

#wrap #two-col .right.tovar .construction .item p {
    font-size: 16px;
}

#wrap #two-col .right.tovar .construction .item img {
    border: 2px solid #cccccc;
    box-sizing: border-box;
    margin: 0;
}

#wrap #delivery .wrap {
    display: table;
    width: 100%;
    margin: 80px 0 45px 0;
}

#wrap #delivery .wrap .left {
    width: 410px;
    display: table-cell;
    vertical-align: top;
    padding: 0 40px 0 0;
}

#wrap #delivery .wrap .right {
    display: table-cell;
    vertical-align: top;
}

#wrap #delivery .wrap .right img {
    width: 100%;
    max-width: 100%;
}

#wrap #delivery .wrap .left table {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 10px;
}

#wrap #delivery .wrap .left table th {
    border-collapse: collapse;
    background: url(/bitrix/templates/bo/img/x1.png);
    padding: 0 10px;
    font-weight: 700;
    height: 37px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
}

#wrap #delivery .wrap .left table td {
    border-collapse: collapse;
    padding: 9px 10px 10px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
}

#wrap #delivery .wrap .left table tr td:first-child {
    font-weight: 700;
}

#wrap #delivery .wrap .left .red {
    font-weight: 700;
    color: #f14848;
    padding: 10px 0 0 0;
}

#wrap #delivery .wrap .left table tr.c1 {
    background: #feffd6;
}

#wrap #delivery .wrap .left table tr.c2 {
    background: #b2eebb;
}

#wrap #delivery .wrap .left table tr.c3 {
    background: #dff7f8;
}

#wrap #delivery .wrap .left table tr.c4 {
    background: #ffe4e1;
}

#wrap #delivery .gocat a {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 39px;
    padding: 0 25px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #delivery .gocat a:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #delivery .gocat {
    text-align: center;
    padding: 40px 0 0 0;
}

#wrap #video {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 720px;
    margin: -260px 0 0 -360px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 25px 44px 22px;
    text-align: center;
    display: none;
}

#wrap #video .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #video p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 13px;
}

#wrap #video iframe {
    width: 100%!important;
}

#wrap #video .but {
    padding: 20px 0 0 0;
}

#wrap #video .but span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 39px;
    padding: 0 30px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #video .but span:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #video .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #video .close:hover {
    background-position: 100% 0;
}

#wrap #alpha {
    background: #111c29;
    opacity: 0.68;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
    display: none;
}

#wrap #order {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    margin: -120px 0 0 -200px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 40px 24px 40px;
    text-align: center;
    display: none;
}

#wrap #order .ttl2 {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #order p {
    font-size: 13px;
    line-height: 16px;
    color: #484a4d;
    padding: 0 0 13px;
}

#wrap #order .but {
    padding: 20px 0 0 0;
}

#wrap #order .but span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #order .but span:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #order .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #order .close:hover {
    background-position: 100% 0;
}


/* ###################### */

#wrap #order2,
#wrap #order3 {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 510px;
    margin: -310px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #order2 .ttl,
#wrap #order3 .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #order2 p,
#wrap #order3 p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #order2 .close,
#order3 .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}


/* ###################### */

#wrap #order2 .close:hover,
#order3 .close:hover {
    background-position: 100% 0;
}

#wrap #order2 ul,
#wrap #order3 ul {
    text-align: left;
    color: #484a4d;
    padding: 0 0 30px;
}

#wrap #order2 ul,
#wrap #order3 ul {
    list-style: none;
}

#wrap #order2 ul li,
#wrap #order3 ul li {
    padding: 0 0 6px 30px;
    position: relative;
}

#wrap #order2 ul li:before,
#wrap #order3 ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}


/* ###################### */

#wrap #order2 input[type="text"],
#wrap #order3 input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}


/* ###################### */

#wrap #order2 input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 25px;
    font-family: arial, sans-serif;
}

#wrap #order2 textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order2 input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

#wrap #order2 input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #order2 .prettycheckbox {
    float: left;
    margin: 10px 0 0 0;
}

#wrap #order2 .prettycheckbox label {
    color: #313438;
}

#wrap #order2 form {
    padding: 7px 0 0 0;
}


/* ###################### */

#wrap #order4 {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 510px;
    margin: -310px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #order4 .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #order4 p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #order4 .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #order4 .close:hover {
    background-position: 100% 0;
}

#wrap #order4 ul {
    text-align: left;
    color: #484a4d;
    padding: 0 0 30px;
}

#wrap #order4 ul {
    list-style: none;
}

#wrap #order4 ul li {
    padding: 0 0 6px 30px;
    position: relative;
}

#wrap #order4 ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap #order4 input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #order4 input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 25px;
    font-family: arial, sans-serif;
}

#wrap #order4 textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order4 input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

#wrap #order4 input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #order4 .prettycheckbox {
    float: left;
    margin: 10px 0 0 0;
}

#wrap #order4 .prettycheckbox label {
    color: #313438;
}

#wrap #order4 form {
    padding: 7px 0 0 0;
}


/* ###################### */

#wrap #order5 {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 510px;
    margin: -310px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #order5 .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #order5 p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #order5 .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #order5 .close:hover {
    background-position: 100% 0;
}

#wrap #order5 ul {
    text-align: left;
    color: #484a4d;
    padding: 0 0 30px;
}

#wrap #order5 ul {
    list-style: none;
}

#wrap #order5 ul li {
    padding: 0 0 6px 30px;
    position: relative;
}

#wrap #order5 ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap #order5 input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #order5 input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 25px;
    font-family: arial, sans-serif;
}

#wrap #order5 textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order5 input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

#wrap #order5 input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #order5 .prettycheckbox {
    float: left;
    margin: 10px 0 0 0;
}

#wrap #order5 .prettycheckbox label {
    color: #313438;
}

#wrap #order5 form {
    padding: 7px 0 0 0;
}

#wrap #rezume {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 510px;
    margin: -300px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #order3 input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 25px;
    font-family: arial, sans-serif;
}

#wrap #order3 textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #order3 input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

#wrap #order3 input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #order3 .prettycheckbox {
    float: left;
    margin: 10px 0 0 0;
}

#wrap #order3 .prettycheckbox label {
    color: #313438;
}

#wrap #order3 form {
    padding: 7px 0 0 0;
}

#wrap #rezume .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #rezume p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #rezume .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #rezume .close:hover {
    background-position: 100% 0;
}

#wrap #rezume ul {
    text-align: left;
    color: #484a4d;
    padding: 0 0 30px;
}

#wrap #rezume ul {
    list-style: none;
}

#wrap #rezume ul li {
    padding: 0 0 6px 30px;
    position: relative;
}

#wrap #rezume ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap #rezume input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #rezume input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 20px;
    font-family: arial, sans-serif;
}

#wrap #rezume textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #rezume input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #rezume input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #rezume form {
    padding: 7px 0 0 0;
}

#wrap #rezume .file .add {
    display: inline-block;
    color: #043e7c;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0 0 23px;
    position: relative;
}

#wrap #rezume .file .add:before {
    width: 16px;
    height: 16px;
    background: url(/bitrix/templates/bo/img/x25.png) no-repeat 0 0;
    top: 2px;
    left: -23px;
    position: absolute;
    content: '';
}

#wrap #rezume .file .add:hover {
    text-decoration: none;
}

#wrap #rezume .file input {
    display: none;
}

#wrap #rezume .file {
    text-align: left;
    padding: 0 0 33px;
}

#wrap #rezume .file i {
    display: block;
}

#wrap #feed {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 510px;
    margin: -300px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #feed .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #feed p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #feed .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png) no-repeat 0 0;
    cursor: pointer;
}

#wrap #feed .close:hover {
    background-position: 100% 0;
}

#wrap #feed input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #feed input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 20px;
    font-family: arial, sans-serif;
}

#wrap #feed textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #feed input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #feed input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #feed form {
    padding: 7px 0 0 0;
}

#wrap #p404 .ttl {
    font-size: 40px;
    font-weight: 700;
    color: #313438;
    padding: 75px 0 16px 0;
    display: block;
    line-height: 45px;
}

#wrap #p404 .ttl span {
    font-size: 120px;
}

#wrap #p404 .menus b {
    display: block;
    font-size: 20px;
    line-height: 36px;
}

#wrap #p404 .menus a {
    color: #313438;
    text-decoration: none;
    font-size: 14px;
}

#wrap #p404 .menus a:hover {
    text-decoration: underline;
}

#wrap #p404 .menus {
    margin: 30px 0 35px 0;
    font-size: 0;
}

#wrap #p404 .menus .men {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

#wrap #p404 {
    padding: 0 0 0 630px;
    background: url(/bitrix/templates/bo/img/404.png) no-repeat 0 50px;
}

#wrap #p404 .go1 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    line-height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
}

#wrap #p404 .go1:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap .fil {
    font-size: 0;
    text-align: center;
    margin: 10px 0 35px 0;
}

#wrap .fil a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 13px;
    line-height: 38px;
    background: url(/bitrix/templates/bo/img/x9.png);
    text-decoration: none;
    margin: 0 2px 5px;
    position: relative;
}

#wrap .fil a.cur,
#wrap .fil a:hover {
    background: url(/bitrix/templates/bo/img/x16.png)
}

#wrap .fil a.cur:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 16px;
    height: 8px;
    background: url(/bitrix/templates/bo/img/x26.png);
    margin: 0 0 0 -8px;
}

#wrap #main-content #actions.portfolio .item .inner {
    margin: 0 11px 0 0;
    font-size: 0;
}

#wrap #main-content #actions.portfolio .item:nth-child(2n) .inner {
    margin: 0 0 0 11px;
}

#wrap #main-content #actions.portfolio .item img {
    margin: 0;
    display: block;
}

#wrap #main-content #actions.portfolio .item a {
    display: block;
    font-size: 0;
    position: relative;
}

#wrap #main-content #actions.portfolio .item a .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

#wrap #main-content #actions.portfolio .item a .text-image-count {
    background-color: #0606064f;
}

#wrap #main-content #actions.portfolio .item a .text .ttl {
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    padding: 28px 23px 24px;
    background: transparent;
    line-height: 25px;
    font-weight: 700;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a .text p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 0 23px 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 0;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a:before {
    opacity: 0;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #29333c;
    opacity: 0;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a:hover:before {
    opacity: 0.53;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a:hover p {
    height: 110px;
    padding-bottom: 0;
    transition: all 0.3s linear;
}

#wrap #main-content #actions.portfolio .item a:hover .ttl {
    background: none;
    color: #fff;
    padding-bottom: 12px;
    transition: all 0.3s linear;
}

#wrap #main-content .flamp img {
    margin: 14px 0 3px 0;
    max-width: 100%;
}

#wrap #main-content #actions.articles .item a {
    text-decoration: none;
}

#wrap #main-content #actions.articles .item a:hover {
    text-decoration: underline;
}

#wrap #main-content #actions.articles .gocat a {
    display: inline-block;
    line-height: 39px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 25px;
    background: url(/bitrix/templates/bo/img/x7.png);
    font-size: 13px;
    margin: -18px 0 0 0;
    vertical-align: top;
}

#wrap #main-content #actions.articles .gocat a:hover {
    background: url(/bitrix/templates/bo/img/x4.png)
}

#wrap #main-content #actions.articles .gocat {
    text-align: center;
}

#wrap #main-content #actions.articles .gocat span {
    height: 4px;
    background: #043e7c;
    width: 436px;
    display: inline-block;
    margin: 30px 0 80px 0;
}

#wrap #main-content article h2 {
    font-size: 26px;
    color: #313438;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 28px;
    padding: 0 0 30px;
}

#wrap #main-content article img {
    max-width: 100%;
}

#wrap #main-content article img[align="left"] {
    margin: 0 50px 0 0;
}

#wrap #main-content article h3 {
    font-size: 26px;
    color: #313438;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 28px;
    padding: 0 0 12px;
}

#wrap #main-content article .filter-doc {
    padding: 20px 32000px;
    margin: 25px -32000px 0;
    background: url(/bitrix/templates/bo/img/x4.png);
}

#wrap #main-content article .filter-doc form {
    font-size: 0;
}

#wrap #main-content article .filter-doc form .sep {
    width: 40px;
    height: 1px;
    display: inline-block;
}

#wrap #main-content #filter-result-doc #newest {
    padding: 40px 0 0 0;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner {
    border: none;
    padding: 0;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner img {
    box-shadow: 0 3px 3px 0 #000;
    margin: 0 0 6px;
    transition: all 0.3s linear;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner img:hover {
    box-shadow: 0 3px 3px 0 #c0c0c0;
    transition: all 0.3s linear;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner .ttl {
    font-size: 18px;
    line-height: 20px;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner .show {
    display: inline-block;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 8px;
    background: url(/bitrix/templates/bo/img/x7.png);
    font-size: 12px;
    margin: 0;
    vertical-align: top;
    float: left;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner .show:hover {
    background: url(/bitrix/templates/bo/img/x4.png)
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner .dl {
    display: inline-block;
    line-height: 30px;
    color: #808080;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0 23px;
    background: url(/bitrix/templates/bo/img/x28.png) no-repeat 0 50%;
    font-size: 12px;
    margin: 0;
    vertical-align: top;
    float: right;
}

#wrap #main-content #filter-result-doc #newest .boxes .box .inner .dl:hover {
    text-decoration: underline;
}

#wrap #main-content #filter-result-doc #newest .boxes .box {
    margin: 0 0 60px;
}

#wrap #main-content #portfolio #sample ul li {
    padding: 0;
    position: relative;
}

#wrap #main-content #portfolio #sample ul li:before {
    display: none;
}

#wrap #main-content #portfolio #sample {
    padding: 35px 0 0 0;
    margin: 0 0 25px;
}

#wrap #main-content #portfolio #sample .back {
    left: 0;
    background: url(/bitrix/templates/bo/img/x29.png) no-repeat 0 0;
}

#wrap #main-content #portfolio #sample .forward {
    right: 0;
    background: url(/bitrix/templates/bo/img/x29.png) no-repeat 100% 0;
}

#wrap #main-content #portfolio #sample .back:hover {
    background-position: 0 100%;
}

#wrap #main-content #portfolio #sample .forward:hover {
    background-position: 100% 100%;
}

#wrap #main-content #portfolio #sample .wrap img {
    width: 100%;
    display: block;
}

#wrap #main-content #portfolio #sample .wrap {
    height: auto!important
}

#wrap #main-content #portfolio #sample>div {
    height: auto;
    background: none;
}

#wrap #main-content #portfolio #sample>div>div {
    height: auto;
}

#wrap #main-content #portfolio #sample .anythingControls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background: rgba(242, 238, 233, 0.87);
}

#wrap #main-content #portfolio .collect {
    font-size: 0;
    padding: 30px 0 0 0;
}

#wrap #main-content #portfolio .collect a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 32px 0;
    font-size: 0;
    width: 23.7%;
    padding-right: 1.7%;
}

#wrap #main-content #portfolio .collect a:nth-child(4n+4) {
    padding-right: 0;
}

#wrap #main-content #portfolio .collect a img {
    margin: 0;
    display: block;
    border: 2px solid #cccccc;
    width: 100%;
}

#wrap #main-content #portfolio .collect a:hover img {
    border-color: #f14848
}

#actions #newest h3:before,
#actions #newest h3:after {
    display: none;
}

#actions #newest h3 {
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    padding: 0;
    margin: 70px 0 0 0;
}

#actions #newest {
    padding: 0;
}

#wrap #main-content #promo1 {
    padding: 0 32000px;
    margin: 0 -32000px 0;
    background: url(/bitrix/templates/bo/img/img21.png) no-repeat 50% 0;
    min-height: 410px;
}

#wrap #main-content #promo1 .text {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    vertical-align: top;
    margin: 60px 0 0 0;
    padding: 40px 50px;
    font-size: 18px;
    line-height: 26px;
    max-width: 730px;
}

#wrap #main-content #promo1 .text .ttl {
    display: block;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 26px;
    width: 390px;
    border-bottom: 1px solid #313438;
    padding: 0 0 8px;
    margin: 0 0 17px;
}

#wrap #main-content #corp h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
    padding: 78px 0 0 0;
}

#wrap #main-content #corp .etap .item {
    display: table;
    width: 100%;
}

#wrap #main-content #corp .etap .item .img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 170px;
    border-bottom: 1px solid #d4d4d4;
}

#wrap #main-content #corp .etap .item .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #d4d4d4;
    padding: 20px 0 20px 20px;
    height: 180px;
    font-size: 18px;
    line-height: 24px;
}

#wrap #main-content #corp .etap .item:last-child>div {
    border: none;
}

#wrap #main-content #form {
    padding: 0 32000px;
    margin: 0 -32000px -60px;
    background: #e1e1e1;
    border-top: 4px solid #002d5e;
    text-align: center;
}

#wrap #main-content #form .des {
    font-size: 20px;
    line-height: 30px;
    color: #313438;
    padding: 49px 0 0 0;
}

#wrap #main-content #corp .etap {
    padding: 0 0 15px;
}

#wrap #main-content #form form {
    padding: 25px 0 60px 0;
    width: 370px;
    display: inline-block;
}

#wrap #main-content #form form input[type="text"] {
    background: #fff;
    text-indent: 15px;
}

#wrap #main-content #form form input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #main-content #form form input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form form input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form form input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form form input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form form input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 50px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    margin: 25px 0 0 0;
}

#wrap #main-content #form form input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #main-content .about #promo1 {
    padding: 0 32000px;
    margin: 0 -32000px 0;
    background: url(/bitrix/templates/bo/img/img27.png) no-repeat 50% 0;
    min-height: 340px;
}

#wrap #main-content .about #promo1 .text {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    vertical-align: top;
    margin: 60px 0 0 0;
    padding: 30px 40px;
    font-size: 18px;
    line-height: 26px;
    max-width: 600px;
}

#wrap #main-content #corp.about h2 {
    font-size: 30px;
    line-height: 30px;
}

#wrap #main-content #corp.about .why {
    padding: 30px 0 20px 0;
}

#wrap #main-content #corp.about .why .line {
    font-size: 0;
    padding: 0 0 40px;
}

#wrap #main-content #corp.about .why .line .item {
    display: inline-block;
    width: 50%;
}

#wrap #main-content #corp.about .why .line .item .img {
    display: table-cell;
    vertical-align: middle;
}

#wrap #main-content #corp.about .why .line .item .text {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    padding: 0 45px 0 30px;
}

#wrap #main-content .about .numbs {
    padding: 0 32000px;
    margin: 0 -32000px 0;
    background: url(/bitrix/templates/bo/img/x32.png);
    min-height: 230px;
    font-size: 0;
}

#wrap #main-content .about .numbs .box {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: 230px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

#wrap #main-content .about .numbs .box>span {
    font-size: 60px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    padding: 44px 0 24px 0;
}


/*#wrap #main-content .about .numbs .box>span>span {font-size:16px;line-height:20px;font-weight: normal;}*/

#wrap #main-content .about .numbs .box>span>span {
    font-size: 30px;
}

#wrap #main-content .about .numbs .box:nth-child(2),
#wrap #main-content .about .numbs .box:nth-child(4) {
    background: url(/bitrix/templates/bo/img/x30.png)
}

#wrap #main-content .about .numbs .box:nth-child(3) {
    background: url(/bitrix/templates/bo/img/x31.png)
}

#wrap #main-content .about .mission {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0 75px;
}

#wrap #main-content .about .mission>div {
    background: url(/bitrix/templates/bo/img/x33.png) no-repeat 0 50%;
    padding: 20px 0 20px 55px;
}

#wrap #main-content .about .princ {
    padding: 0 32000px;
    margin: 0 -32000px 0;
    background: url(/bitrix/templates/bo/img/img32.png) no-repeat 50% 0;
    min-height: 642px;
    font-size: 0;
}

#wrap #main-content #corp.about .princ h2 {
    color: #fff;
    font-size: 30px;
    padding: 73px 0 0 0;
}

#wrap #main-content #corp.about .princ .list .i {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 40%;
    vertical-align: top;
    position: relative;
    padding: 0 0 40px;
    box-sizing: border-box;
}

#wrap #main-content #corp.about .princ .list .i .ttl {
    display: block;
    font-weight: 700;
    font-size: 20px;
    padding: 0 0 8px;
}

#wrap #main-content #corp.about .princ .list .i .num {
    position: absolute;
    left: -60px;
    top: -17px;
    font-size: 50px;
    font-weight: 700;
    width: 76px;
    line-height: 76px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    text-align: center;
}

#wrap #main-content #corp.about .princ .list {
    padding: 55px 120px 0;
}

#wrap #main-content #corp.about .princ .list .i:nth-child(odd) {
    width: 60%
}

#wrap #main-content #corp.about .client-list {
    font-size: 0;
    padding: 28px 0 30px 0;
}

#wrap #main-content #corp.about .client-list .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.7% 40px 0;
    border: 2px solid #cccccc;
    height: 176px;
    line-height: 176px;
    text-align: center;
    padding: 0 15px;
    width: 23.7%;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

#wrap #main-content #corp.about .client-list .item:hover {
    border-color: #f14848;
    transition: all 0.3s linear;
}

#wrap #main-content #corp.about .client-list .item img {
    vertical-align: middle;
    width: 100%;
}

#wrap #main-content #corp.about .client-list .item:nth-child(4n+4) {
    margin-right: 0;
}

#wrap #main-content #form h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
}

#wrap #main-content #form.f2 .des {
    font-size: 14px;
}

#wrap #main-content #form.f2 form {
    width: 540px;
    font-size: 14px;
    padding-top: 15px;
}

#wrap #main-content #form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 20px;
    font-family: arial, sans-serif;
}

#wrap #main-content #form textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #main-content #form.f2 form input[type="submit"] {
    margin: 15px 0 0 0;
}

#wrap #two-col .right.tovar h3 {
    font-weight: 700;
    padding: 0 0 10px;
    text-transform: uppercase;
}

#wrap #two-col .right.tovar .some-list {
    font-size: 0;
}

#wrap #two-col .right.tovar .some-list .item {
    display: inline-block;
    vertical-align: top;
    width: 16.8%;
    padding: 0 4% 0 0;
    margin: 0 0 30px;
    line-height: 16px;
}

#wrap #two-col .right.tovar .some-list .item:nth-child(5n+5) {
    padding-right: 0;
}

#wrap #two-col .right.tovar .some-list .item p {
    font-size: 14px;
}

#wrap #two-col .right.tovar .some-list .item img {
    margin: 0;
}

#wrap #two-col .right.tovar .some-list .item i {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-style: normal;
    text-align: center;
    height: 170px;
    position: relative;
}

#wrap #two-col .right.tovar .some-list .item i span {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: -16px 0 0 0;
    left: 0;
}

#wrap #two-col .right.tovar .some-list.border .item img {
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

#wrap #two-col .right #slider img {
    width: auto;
    margin: 0;
    display: block;
}

#wrap #two-col .right #slider .panel a {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(242, 238, 233, 0.87);
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
}

#wrap #two-col .right #slider .panel a:hover {
    text-decoration: underline;
}

#wrap #two-col .right #slider .panel {
    padding: 0;
    margin: 0;
}

#wrap #two-col .right #slider .panel:before {
    display: none;
}

#wrap #two-col .right #slider .panel .wp {
    border-right: 30px solid transparent;
    position: relative;
}

#wrap #two-col .right.tovar .anythingSlider {
    margin: 0;
    width: 100%!important;
}

#wrap #two-col .right.tovar .anythingWindow {
    marg in: 0 -20px 0 0;
}

#wrap #two-col .right #slider .panel {
    width: 340px!important
}

#wrap #two-col .right .back {
    position: absolute;
    left: 0;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x29.png) no-repeat 0 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #two-col .right .forward {
    position: absolute;
    right: 0;
    top: 50%;
    width: 52px;
    height: 52px;
    background: url(/bitrix/templates/bo/img/x29.png) no-repeat 100% 0;
    cursor: pointer;
    margin: -26px 0 0 0;
}

#wrap #two-col .right .back:hover {
    background-position: 0 100%;
}

#wrap #two-col .right .forward:hover {
    background-position: 100% 100%;
}

#wrap #two-col .right.tovar .get-but {
    text-align: center;
    padding: 50px 0 0 0;
}

#wrap #two-col .right.tovar .get-but a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}

#wrap #two-col .right.tovar .get-but .get {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    line-height: 39px;
    text-decoration: none;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x7.png);
    margin: 0 0 14px;
}

#wrap #two-col .right.tovar .get-but .get:hover {
    background: url(/bitrix/templates/bo/img/x4.png);
}

#wrap #two-col .right.tovar .get-but .add {
    color: #f5a700;
    padding: 0 0 0 25px;
    line-height: 29px;
    text-decoration: none;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x38.png) no-repeat 0 50%;
    text-decoration: underline;
}

#wrap #two-col .right.tovar .get-but .add:hover {
    text-decoration: none;
}

#wrap #two-col .right.tovar .get-but .rem {
    color: #043972;
    padding: 0;
    line-height: 39px;
    text-decoration: none;
    font-size: 13px;
    text-decoration: underline;
}

#wrap #two-col .right.tovar .get-but .rem:hover {
    text-decoration: none;
}

.contact #wrap #main-content {
    padding: 0;
    max-width: 100%;
}

#wrap #gogospec {
    position: fixed;
    right: -292px;
    top: 50%;
    width: 288px;
    height: 374px;
    background: #f14848 url(/bitrix/templates/bo/img/x555.png) no-repeat 0 0;
    margin: -280px 0 0 0;
    padding: 4px 4px 4px 51px;
    transition: right 0.3s linear;
    box-sizing: unset;
    z-index: 200;
}

#wrap #gogospec div {
    background: #f8f8f8;
    height: 100%;
}

#wrap #show_vid {
    position: fixed;
    right: 0;
    top: 50%;
    width: 50px;
    height: 58px;
    background: #f14848 url(/bitrix/templates/bo/img/555.png) no-repeat 0 0;
    margin: 110px 0 0 0;
    cursor: pointer;
}

#wrap #gogospec div b {
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 20px 0 0 0;
}

#wrap #gogospec.open {
    right: 0;
    transition: right 0.3s linear;
    background-position: -51px 0;
}

#wrap #gogospec form {
    background: #f8f8f8;
    padding: 16px 16px 16px 19px;
    font-size: 14px;
    color: #313438;
    line-height: 20px;
}

#wrap #gogospec form input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 42px;
    padding: 2px 24px 0;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
    width: 126px;
    display: block;
}

#wrap #gogospec form input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #gogospec form input[type="text"] {
    background: #fff;
    text-indent: 15px;
}

#wrap #gogospec form input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #gogospec form input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #gogospec form input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #gogospec form input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #gogospec form input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #gogospec form p {
    padding: 0 0 8px;
}

#wrap #gogospec form p.e1 {
    padding: 8px 0 20px;
}

#wrap #gogospec span {
    position: absolute;
    left: 0;
    top: 0;
    width: 51px;
    height: 100%;
    cursor: pointer;
}

#wrap #main-content #actions .item iframe {
    width: 100%!important;
}

.list_box.montazh-protivoipozh {
    display: flex;
    flex-wrap: wrap;
}

.list_box.montazh-protivoipozh .box {
    width: 33%;
    display: flex;
}

@media all and (max-width: 1320px) {
    #wrap header #top-wrap .phone {
        padding: 0;
        background: none;
    }
    #wrap #gogospec {
        display: none;
    }
    #show_vid {
        display: none;
    }
    .survey__img img {
        max-width: 100%;
    }
}

@media all and (max-width: 1290px) {
    #wrap #p404 {
        padding: 0;
        background: none;
    }
}

@media all and (max-width: 1270px) {
    #wrap #main-slider .forward {
        right: 40px;
    }
    #wrap #main-slider .back {
        left: 40px;
    }
}

@media all and (max-width: 1264px) {
    #sample .wrap .text {
        padding-right: 70px;
    }
    #wrap #sample .back {
        left: 10px;
    }
    #wrap #sample .forward {
        right: 10px;
    }
}

@media all and (max-width: 1263px) {
    #wrap header #top-wrap .promo {
        width: 260px;
    }
}

@media all and (max-width: 1236px) {
    #wrap header #top-wrap #search input[type="text"] {
        width: 200px;
    }
}

@media all and (max-width: 1200px) {
    #wrap #main-slider .forward {
        right: 20px;
    }
    #wrap #main-slider .back {
        left: 20px;
    }
    #wrap #main-slider .wrap {
        padding-left: 92px;
        width: 100%;
        max-width: auto;
        padding-right: 92px;
    }
    #serv .icos .i2 {
        margin: 0 8%;
    }
    #map_canvas {
        height: 360px!important;
        width: 100%!important
    }
}

@media all and (max-width: 1180px) {
    #wrap header #menu .inner>ul>li:last-child a span {
        display: none;
    }
    #wrap header #menu .inner>ul>li:last-child>span>a {
        padding-left: 30px;
    }
    #newest .boxes .box .inner .content .show_all {
        right: 15px;
        left: 15px;
        bottom: 15px;
    }
    #newest .boxes .box .inner .content .to_fav {
        left: 15px;
        right: 15px;
        bottom: 70px;
    }
}

@media all and (max-width: 1130px) {
    #serv .icos .i2 {
        margin: 0 7%;
    }
    #wrap footer .inner .menus .men:first-child {
        display: none;
    }
    #wrap footer .inner .menus .men {
        width: 33%;
    }
}

@media all and (max-width: 1117px) {
    #wrap header #top-menu span:first-child {
        padding-left: 20px;
    }
    #wrap header #top-menu span:last-child {
        padding-right: 20px;
    }
    #wrap header #top-wrap {
        padding: 0 20px;
    }
    #wrap header #menu .inner {
        padding: 0 20px;
    }
    #sample .wrap .img {
        width: 50%
    }
    #wrap #serv-cat .rem {
        width: 33%;
        margin: 0 0 20px;
    }
    #wrap #main-content #filter-result-doc #newest .boxes .box .inner .show {
        width: 100%;
        padding: 0;
        text-align: center;
        float: none;
    }
    #why .tab .control span {
        font-size: 15px;
        line-height: 13px;
    }
    #wrap header #menu:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
        background: url(/bitrix/templates/bo/img/x5.png);
    }
}

@media all and (max-width: 1100px) {
    #serv .icos .i2 {
        margin: 0 6%;
    }
}

@media all and (max-width: 1085px) {
    #newest .boxes .box .inner .content .show_all {
        padding: 7px 0;
    }
}

@media all and (max-width: 1070px) {
    #newest .boxes .box .inner .ttl {
        font-size: 20px;
        line-height: 24px;
    }
    #serv .icos .i2 {
        margin: 0 4%;
    }
}

@media all and (max-width: 1050px) {
    #wrap header #top-wrap .logo {
        float: none;
        display: inline-block;
        vertical-align: top;
        border: none;
    }
    #wrap header #top-wrap .promo {
        float: none;
        width: auto;
        display: block;
        padding: 0;
    }
    #wrap header #top-wrap #search input[type="text"] {
        width: 297px;
    }
    #wrap header #top-wrap .logo-wrap,
    .header_scroll .logo-wrap {
        margin: 0 -100px 0 0;
    }
    #wrap #main-content #corp.about .princ .list {
        padding: 55px 60px;
    }
    #wrap #main-content #cont acts #map {
        top: 222px;
    }
}

@media all and (max-width: 1030px) {
    #serv .icos .i2 {
        margin: 0 2%;
    }
}

@media all and (max-width: 1000px) {
    #wrap header #menu .inner>ul>li {
        padding-right: 10px;
        padding-left: 10px;
    }
    #newest .boxes .box .inner .content .ttl2 {
        font-size: 18px;
        line-height: 22px;
        padding-top: 18px;
    }
    #newest .boxes .box .inner .content .desc {
        padding: 0 15px;
    }
}

@media all and (max-width: 1080px) {
    #wrap #main-content .about .numbs .box:last-child {
        display: none;
    }
    #wrap #main-content .about .numbs .box {
        width: 25%;
    }
    #wrap #main-content .about .numbs {
        padding: 0;
        margin: 0 -20px;
    }
}

@media all and (max-width: 1060px) {
    #newest .boxes .box .inner .ttl {
        font-size: 18px;
        line-height: 22px;
    }
}

@media all and (max-width: 940px) {
    #wrap header #menu .inner>ul>li {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media all and (max-width: 990px) {
    #wrap #two-col .left {
        display: none;
    }
    .survey__img img {
        width: auto;
    }
}

@media all and (max-width: 980px) {
    #newest .boxes .box {
        width: 32.2%;
    }
    #newest .boxes .box:nth-child(3n+3) {
        padding: 0;
    }
    #newest .boxes .box:nth-child(4n+4) {
        padding: 0 1.7% 0 0;
    }
    #newest .boxes .box .inner .content .ttl2 {
        font-size: 20px;
        line-height: 24px;
        padding-top: 50px;
    }
    #newest .boxes .box .inner .content .desc {
        padding: 0 15px;
    }
    #newest .boxes .box .inner .content .show_all {
        padding: 15px 0;
    }
    #wrap #main-content #filter-result-doc #newest .boxes .box .inner .show {
        width: auto;
        padding: 0 9px;
        text-align: center;
        float: left;
    }
}

@media all and (max-width: 970px) {
    #serv .icos span {
        width: 320px;
    }
    #serv .icos .i2 {
        margin: 0;
    }
    #wrap footer .inner .menus .men:last-child {
        display: none;
    }
    #wrap footer .inner .menus .men {
        width: 100%;
    }
    #wrap footer .inner .menus .men:nth-child(3) {
        padding: 10px 0 0 0;
    }
}

@media all and (max-width: 960px) {
    #serv .icos span {
        width: 320px;
        box-sizing: border-box;
        padding: 150px 40px 0;
        margin: 0 0 40px;
    }
    #serv .more {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        background: none;
        height: auto;
        border-bottom: 8px solid #043e7c;
        padding: 67px 0 17px;
        width: auto;
        margin: 0 54px;
    }
    #serv .more a {
        line-height: 40px;
        margin: 0;
    }
    #serv .text {
        padding-top: 0;
        margin: -10px 0 0 0;
    }
    #feed2 .inner .left {
        width: 100%;
    }
    #feed2 .inner .left span {
        padding: 35px 0 8px 0;
        background: none;
    }
    #feed2 .inner .left div {
        padding: 0;
    }
    #feed2 .inner form {
        padding: 24px 0 37px;
        height: auto;
        background: none;
        width: 100%
    }
}

@media all and (max-width: 930px) {
    #wrap header #menu {
        display: none;
    }
    #wrap header #mob-menu {
        display: block;
        padding: 35px 0 0 0;
    }
    #wrap header #mob-menu .wrap {
        display: table;
        width: 100%;
    }
    #wrap header #mob-menu .wrap .menu {
        width: 70px;
        display: table-cell;
        vertical-align: top;
        position: relative;
    }
    #wrap header #mob-menu .wrap .search {
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        vertical-align: top;
        display: table-cell;
    }
    #wrap header #mob-menu .wrap .izbr2 {
        width: 93px;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        background: url(/bitrix/templates/bo/img/x5.png);
        text-align: center;
    }
    #wrap header #mob-menu .wrap .menu .menu-ico {
        background: url(/bitrix/templates/bo/img/x10.png) no-repeat 0 0;
        width: 70px;
        height: 45px;
        display: block;
    }
    #wrap header #top-wrap #search {
        display: none;
    }
    #wrap header #search {
        float: none;
        margin: 0;
    }
    #wrap header #search input[type="text"] {
        height: 45px;
        width: 100%;
        box-sizing: border-box;
    }
    #wrap header #mob-menu .wrap .izbr2>span {
        display: inline-block;
        background: url(/bitrix/templates/bo/img/x6.png) no-repeat 20px 13px;
        color: #fff;
        font-size: 15px;
        padding: 13px 0 12px 44px;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr {
        border: 4px solid #f14848;
        background: #f8f8f8;
        position: absolute;
        right: 20px;
        top: 45px;
        width: 288px;
        padding: 0;
        white-space: normal;
        display: none;
        text-align: left;
        z-index: 4;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item {
        display: table;
        width: 100%;
        border-bottom: 1px solid #e6e6e6
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item:last-child {
        border: none;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .img {
        display: table-cell;
        vertical-align: top;
        width: 78px;
        padding: 20px 9px 22px 12px;
        font-size: 0;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .img img {
        border: 1px solid #999999;
        display: block;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .img a {
        display: block;
        font-size: 0px;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text {
        display: table-cell;
        vertical-align: top;
        padding: 17px 13px 35px 0;
        position: relative;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .ttl {
        display: block;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        color: #043e7c;
        text-decoration: none;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .view,
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .order {
        position: absolute;
        bottom: 22px;
        left: 0;
        color: #f3f0ed;
        font-size: 13px;
        padding: 0 8px;
        line-height: 28px;
        background: url(/bitrix/templates/bo/img/x9.png);
        text-decoration: none;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .order {
        left: auto;
        right: 13px;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .view:hover,
    #wrap header #mob-menu .wrap .izbr2 .izbr .item .text .order:hover {
        background: url(/bitrix/templates/bo/img/x7.png);
        color: #fff;
    }
    #wrap header #mob-menu .wrap .menu .menu2 {
        position: absolute;
        left: 20px;
        top: 45px;
        background: url(/bitrix/templates/bo/img/x4.png);
        display: none;
        z-index: 4;
    }
    #wrap header #mob-menu .wrap .menu .menu2 ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #wrap header #mob-menu .wrap .menu .menu2 ul li a {
        padding: 0 22px 0 11px;
        line-height: 35px;
        white-space: nowrap;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #002d5e;
        display: block;
    }
    #wrap header #mob-menu .wrap .menu .menu2 ul li a:hover {
        background: url(/bitrix/templates/bo/img/x7.png);
    }
    #wrap header #mob-menu .wrap .menu .menu2 ul li:last-child a {
        border: none;
    }
    #serv h3,
    #serv h2 {
        position: relative;
        padding: 0 80px;
        margin: 0 20px;
    }
    #serv h3:before,
    #serv h2:before {
        position: absolute;
        left: 0;
        top: 21px;
    }
    #serv h3:after,
    #serv h2:after {
        position: absolute;
        right: 0;
        top: 21px;
    }
    #why h3,
    #why h2 {
        position: relative;
        padding: 0 80px;
        margin: 0 20px;
    }
    #why h3:before,
    #why h2:before {
        position: absolute;
        left: 0;
        top: 21px;
    }
    #why h3:after,
    #why h2:after {
        position: absolute;
        right: 0;
        top: 21px;
    }
    #wrap #cat-section .tags span {
        width: 30%;
    }
    #wrap #cat-section .tags span:nth-child(5n+5) {
        padding: 0 20px 5px 0;
    }
    #wrap #cat-section .tags span:nth-child(3n+3) {
        padding: 0 0 5px;
    }
    #wrap #main-content #corp.about .client-list .item {
        width: 32.2%
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(4n+4) {
        margin-right: 1.7%;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(3n+3) {
        margin-right: 0;
    }
    #wrap #main-content #conta cts #map {
        top: 216px;
    }
}

@media all and (max-width: 900px) {
    #sample .wrap {
        display: block;
    }
    #sample .wrap .img {
        width: 100%;
        display: block;
    }
    #sample .wrap .text {
        display: block;
        padding: 22px 20px;
    }
    #sample>div {
        height: 720px;
    }
    #sample .show_stuff {
        float: left;
        line-height: 39px;
        margin: 15px 13px 0 0;
    }
    #sample .get_same {
        float: left;
        line-height: 39px;
        margin: 15px 0 0 0;
    }
    #sample .get_port {
        float: right;
        margin: 25px 0 0 0;
    }
    #wrap #sample .back,
    #wrap #sample .forward,
    #wrap #sample .anythingControls {
        display: none!important
    }
    #wrap #two-col .right .forward,
    #wrap #two-col .right .back {
        display: none!important
    }
    #wrap #sample {
        margin: 0 0 40px;
    }
    #why .tab {
        margin-bottom: 75px;
    }
    #why .tab .control span {
        width: 33%;
        margin: 0 0 8px;
    }
    #why .tab .control .t4 {
        border-left: none;
    }
    #why .tab .control .t3 {
        border-right: none;
    }
    #wrap #serv-cat .rem {
        width: 50%;
    }
    #why .tab .cont div {
        display: none!important;
    }
    #why .tab .control .cur {
        box-shadow: none!important
    }
    #why .tab .control span {
        font-size: 15px;
        line-height: 13px;
    }
}

@media all and (max-width: 880px) {
    #wrap header #top-wrap #search input[type="text"] {
        width: 200px;
    }
    #wrap header #top-menu {
        display: none;
    }
    #reviews {
        padding: 40px 0;
    }
    #reviews .inner>div {
        margin: 17px 0 0 0;
    }
    #reviews .inner .left {
        display: block;
        width: 100%;
    }
    #reviews .inner .right {
        display: block;
        width: 100%;
        padding: 15px 0 0 0;
    }
    #reviews .inner .left a {
        display: none;
    }
    #reviews .inner .right a {
        display: block;
        margin: 30px auto 0;
        width: 210px;
        line-height: 38px;
        padding: 2px 0 0 0;
        text-align: center;
    }
    #wrap #main-content #vaks .item {
        width: 100%;
        margin: 0 0 30px;
    }
    #wrap #main-content #vaks .item .inner {
        margin: 0!important;
    }
    #wrap #delivery .wrap .left {
        display: block;
        width: 100%;
        padding: 0 0 40px;
    }
    #wrap #delivery .wrap .right {
        display: block;
    }
    #wrap #delivery .wrap {
        margin: 40px 0 30px 0;
    }
    #wrap #delivery .gocat {
        padding: 20px 0 0 0;
    }
    .b-core-ui-select {
        width: 100%;
    }
    #wrap #main-content #corp.about .princ .list .i:nth-child(2n+1) {
        width: 100%;
        padding-right: 0;
    }
    #wrap #main-content #corp.about .princ .list .i {
        width: 100%;
    }
    #wrap #main-content .about .princ {
        background-size: cover;
    }
    #wrap #main-content #conta cts #map {
        top: 175px;
    }
}

@media all and (max-width: 840px) {
    #wrap #main-content #filter-result-doc #newest .boxes .box .inner .show {
        width: 100%;
        padding: 0;
        text-align: center;
        float: none;
    }
    #wrap #main-content #corp.about .why .line .item {
        width: 100%;
        margin: 0 0 20px;
    }
    #wrap #main-content #corp.about .why .line {
        padding: 0;
    }
    #wrap #main-content .about .numbs .box {
        width: 50%;
    }
    #wrap #main-content .about .numbs .box:nth-child(4) {
        background: none;
    }
    .list_box.montazh-protivoipozh .box {
        width: 50%;
    }
}

@media all and (max-width: 780px) {
    #wrap header #top-wrap #search {
        display: none;
    }
    #wrap header #top-wrap .logo {
        padding-top: 0;
        height: 33px;
    }
    #wrap header #top-wrap .phone {
        margin-top: 36px;
    }
    #wrap header #top-wrap .phone .callback,
    .header_scroll .callback {
        margin: 7px 0 0 0;
        display: inline-block;
    }
    #wrap #komplekt .info .table {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 30px;
    }
    #wrap #komplekt .info .text {
        display: block;
        width: 100%;
        padding: 0
    }
    #wrap #two-col .right img[align="left"] {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    #wrap #two-col .right img+ul {
        padding: 0;
    }
    .central-banner-mobile {
        position: fixed;
        z-index: 20;
        margin-bottom: 30px;
        width: 100%
    }
    #top-wrap {
        padding-top: 100px!important;
    }
}

@media all and (max-width: 730px) {
    #wrap #video {
        width: 100%;
        margin: 0;
        left: 0;
        top: 20px;
    }
    #wrap #video .close {
        display: none;
    }
}

@media all and (max-width: 700px) {
    #wrap footer .inner .copy {
        bottom: 44px;
        width: 175px;
    }
    #wrap footer .inner .maker {
        left: 20px;
        bottom: 10px;
    }
    #wrap footer .inner {
        padding-bottom: 45px;
    }
}

@media all and (max-width: 660px) {
    #wrap .m_show_all {
        display: block;
    }
    #newest .boxes .box {
        width: 49.1%;
        display: none;
        margin: 0 0 20px;
    }
    #newest .boxes .box:nth-child(3n+3) {
        padding: 0 1.7% 0 0;
    }
    #newest .boxes .box:nth-child(2n+2) {
        padding: 0;
    }
    #newest .boxes .box:nth-child(4n+4) {
        padding: 0;
    }
    #newest .boxes .box .inner .content .ttl2 {
        font-size: 20px;
        line-height: 24px;
        padding-top: 50px;
    }
    #newest .boxes .box .inner .content .desc {
        padding: 0 15px;
    }
    #newest .boxes .box .inner .content .show_all {
        padding: 15px 0;
    }
    #wrap #sample {
        display: none;
    }
    #newest .boxes .go-cat {
        text-align: center;
        margin: 0;
        display: block;
    }
    #newest .boxes .go-cat a {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
        background: url(/bitrix/templates/bo/img/x4.png);
        padding: 2px 15px 0;
        line-height: 43px;
        text-decoration: none;
    }
    #newest .boxes .go-cat a:hover {
        background: url(/bitrix/templates/bo/img/x7.png)
    }
    #newest .boxes .box:nth-child(1),
    #newest .boxes .box:nth-child(2),
    #newest .boxes .box:nth-child(3),
    #newest .boxes .box:nth-child(4),
    #newest .boxes .box:nth-child(5),
    #newest .boxes .box:nth-child(6) {
        display: inline-block!important;
    }
    #serv {
        margin-top: 45px;
    }
    #wrap #main-content #filter-result-doc #newest .boxes .box .inner .show {
        width: auto;
        padding: 0 9px;
        text-align: center;
        float: left;
    }
    #wrap #main-content #portfolio .collect a {
        width: 32%;
        padding-right: 1.7%;
    }
    #wrap #main-content #portfolio .collect a:nth-child(3n+3) {
        padding-right: 0;
    }
    #wrap #main-content #portfolio .collect a:nth-child(4n+4) {
        padding-right: 1.7%;
    }
    #wrap #main-content #promo1 .text {
        font-size: 16px;
        line-height: 24px
    }
    #wrap #main-content #promo1 .text .ttl {
        width: auto;
    }
    #wrap #two-col .right.tovar .construction .item {
        width: 48.6%;
    }
    #wrap #two-col .right.tovar .construction .item:nth-child(3n+3) {
        padding-right: 1.7%;
    }
    #wrap #two-col .right.tovar .construction .item:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media all and (max-width: 635px) {
    #newest h3:before,
    #newest h3:after {
        display: none;
    }
    #newest h2:before,
    #newest h2:after {
        display: none;
    }
    #newest h1:before,
    #newest h1:after {
        display: none;
    }
}

@media all and (max-width: 640px) {
    #wrap #main-slider .forward {
        display: none!important;
    }
    #wrap #main-slider .back {
        display: none!important;
    }
    #wrap #main-slider .wrap {
        padding-left: 20px;
        width: 100%;
        max-width: auto;
        padding-right: 20px;
    }
    #wrap #main-slider .anythingControls {
        display: none!important;
    }
    #promo .inner {
        padding-bottom: 59px;
        padding-top: 50px;
    }
    #promo .inner .gocat {
        line-height: 35px;
        border: 1px solid #63666d;
        margin: 22px 0 0 0;
    }
    #wrap #main-content #actions .item {
        width: 100%;
    }
    #wrap #main-content #actions .item .inner {
        margin: 0!important;
    }
}

@media all and (max-width: 639px) {
    #serv .icos span {
        width: 50%
    }
    #serv .more {
        margin: 0 6%;
    }
    #wrap #p404 .menus .men {
        width: 50%;
        padding: 0 0 30px;
    }
}

@media all and (max-width: 590px) {
    .btn_fixed.float {
        float: none;
        margin: 0;
    }
    #reviews .inner .right iframe {
        width: 100%!important;
        height: auto!important;
    }
    #wrap header #top-wrap .promo {
        display: none;
    }
    #wrap header #top-wrap .logo-wrap,
    .header_scroll .logo-wrap {
        margin: 0;
        float: none;
    }
    #wrap header #top-wrap .logo,
    .header_scroll .logo {
        padding: 0;
        margin: 25px 0 0 0;
    }
    #wrap header #top-wrap {
        padding: 0 10px;
    }
    #wrap header #top-wrap .phone {
        float: none;
        text-align: left;
        margin: 2px;
        font-size: 24px;
        font-weight: 700;
        position: inherit;
    }
    #wrap header #top-wrap .phone .big {
        font-size: 24px;
    }
    #wrap header #top-wrap .phone .callback,
    .header_scroll .callback {
        font-weight: 400;
    }
    #wrap header #top-wrap {
        margin-top: 0;
    }
    #wrap header #mob-menu {
        position: relative;
    }
    #wrap header #mob-menu .wrap .menu {
        position: inherit;
        width: 50px;
    }
    #wrap header #mob-menu .wrap .menu .menu2 {
        top: 80px;
        right: 20px;
        z-index: 4;
    }
    #wrap header #mob-menu .wrap .menu .menu-ico {
        width: 50px;
        background-position: -12px 0;
    }
    #wrap header #mob-menu .wrap .search {
        border-width: 2px;
    }
    #wrap header #mob-menu .wrap.slide .izbr2 {
        width: 10px
    }
    #wrap header #mob-menu .wrap.slide .izbr2 span {
        display: none;
    }
    #wrap header #mob-menu .wrap .izbr2 {
        position: inherit;
    }
    #wrap header #mob-menu .wrap .izbr2 .izbr {
        left: 20px;
        right: 20px;
        width: auto;
        top: 80px;
        z-index: 4;
    }
    #wrap header #callback,
    .header_scroll #callback {
        left: 10px;
        right: 10px;
        top: 92px;
        width: auto;
        font-weight: 400;
    }
    #wrap footer .inner {
        padding: 40px 0 160px 0;
    }
    #wrap footer .inner .c1 {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
    }
    #wrap footer .inner .c2 {
        display: block;
        text-align: center;
        width: 100%;
        padding: 30px 0 0 0;
        line-height: 22px;
    }
    #wrap footer .inner .c1 b {
        display: none;
    }
    #wrap footer .inner .c1 img {
        display: block;
        margin: 0 auto 10px;
    }
    #wrap footer .inner .copy {
        text-align: center;
        left: 50%;
        margin: 0 0 0 -87px;
        bottom: 105px;
    }
    #wrap footer .inner .maker {
        width: 216px;
        text-align: center;
        left: 50%;
        margin: 0 0 0 -108px;
        bottom: 55px;
    }
    #wrap #serv-cat .rem {
        width: 100%;
        margin: 0 0 30px;
    }
    #wrap #serv-cat .anons {
        padding: 15px 0 0 0;
    }
    #wrap #serv-cat h2 {
        font-size: 20px;
        line-height: 22px;
    }
    #wrap #serv-cat .item {
        padding: 0 0 50px;
    }
    #wrap #main-content .about .numbs .box {
        width: 100%;
    }
    #wrap #main-content #form.f2 form {
        width: 100%;
    }
    #wrap #two-col .right.tovar .price-box .morder {
        display: block;
        margin: 25px 0 15px;
    }
    #wrap #two-col .right.tovar .price-box .tofav {
        display: block;
        margin: 0;
    }
    #wrap #two-col .right.tovar .price-box {
        padding: 27px 20px 22px;
    }
    #wrap #two-col .right.tovar .price-box .tofav:before {
        margin: 0 10px 0 0;
        vertical-align: top;
        display: inline-block;
        position: inherit;
        left: auto;
    }
    #wrap #two-col .right.tovar .some-list .item {
        width: 22%;
    }
    #wrap #two-col .right.tovar .some-list .item:nth-child(5n+5) {
        padding-right: 4%
    }
    #wrap #two-col .right.tovar .some-list .item:nth-child(4n+4) {
        padding-right: 0
    }
    #why .tab .control span {
        font-size: 15px;
        line-height: 13px;
        font-weight: 700;
    }
    .survey {
        display: none;
    }
}

@media all and (max-width: 560px) {
    #newest .boxes .box {
        width: 100%;
        padding: 0!important;
        margin: 0 0 30px;
        display: none;
        height: auto;
    }
    #newest .boxes.hide .box {
        display: block;
    }
    #newest .boxes .box .inner .content .desc {
        padding: 0 20px;
    }
    #newest .boxes .box .inner .content .show_all {
        right: 20px;
        left: 20px;
        bottom: 35px;
    }
    #newest .boxes .box .inner .content .to_fav {
        left: 20px;
        right: 20px;
        bottom: 90px;
    }
    #newest .boxes .box .inner {
        height: 460px;
    }
    #newest .boxes .box:nth-child(1),
    #newest .boxes .box:nth-child(2),
    #newest .boxes .box:nth-child(3) {
        display: block!important;
    }
    #newest .boxes .hide-show {
        text-align: center;
        margin: -10px 0 0;
        display: block;
    }
    #newest .boxes .hide-show span {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
        background: url(/bitrix/templates/bo/img/x4.png);
        padding: 0 15px;
        line-height: 45px;
        cursor: pointer;
    }
    #newest .boxes .hide-show span:hover {
        background: url(/bitrix/templates/bo/img/x7.png)
    }
    #newest .boxes .box .inner {
        height: auto;
    }
    #newest .boxes .go-cat {
        display: none;
    }
    #serv h3:before,
    #serv h2:before {
        display: none;
    }
    #serv h3:after,
    #serv h2:after {
        display: none;
    }
    #serv h3,
    #serv h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }
    #why h3:before,
    #why h2:before {
        display: none;
    }
    #why h3:after,
    #why h2:after {
        display: none;
    }
    #why h3,
    #why h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }
    #reviews h3:before,
    #reviews h2:before {
        display: none;
    }
    #reviews h3:after,
    #reviews h2:after {
        display: none;
    }
    #reviews h3,
    #reviews h2 {
        font-size: 24px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }
    #why {
        padding-top: 36px;
    }
    #reviews {
        padding: 25px 0 35px;
    }
    #reviews .inner>div {
        margin: 5px 0 0 0;
    }
    #reviews .inner .left {
        font-size: 16px;
        line-height: 24px;
    }
    #serv {
        padding: 35px 12px 0;
    }
    #why .tab {
        padding-top: 20px;
    }
    #serv .icos span {
        width: 100%;
        border-bottom: 2px solid #ddd9d3;
        padding: 150px 20px 38px;
        margin: 0 0 35px!important;
        box-sizing: border-box;
    }
    #serv .icos .i3 {
        border: none;
        margin: 0!important;
    }
    #serv .more {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
    }
    #serv .more a {
        width: 100%;
        padding: 0;
    }
    #serv .text {
        margin: 0;
        padding: 13px 0 35px 0;
        font-size: 16px;
        line-height: 24px;
    }
    #reviews .inner .right a {
        margin-top: 20px;
    }
    #wrap #cat-section .tags span {
        width: 100%;
        padding: 0 0 5px;
    }
    #wrap #cat-section .tags span:nth-child(5n+5) {
        padding: 0 0 5px 0;
    }
    #wrap #cat-section .tags span:nth-child(3n+3) {
        padding: 0 0 5px 0;
    }
    #wrap .fil a.cur:before {
        display: none;
    }
    #wrap #main-content #corp.about .client-list .item {
        width: 49.1%;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(3n+3) {
        margin-right: 1.7%;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(4n+4) {
        margin-right: 1.7%;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media all and (max-width: 530px) {
    #wrap #main-content #promo1 .text {
        padding: 20px 30px;
    }
    #wrap #main-content .about #promo1 .text {
        margin: 10px 0 0 0;
    }
}

@media all and (max-width: 510px) {
    #wrap #order2 {
        width: 100%;
        margin: 0;
        left: 0;
        top: 10%;
        position: fixed;
    }
    #wrap #order2 .close {
        display: none;
    }
    #wrap #order3 {
        width: 100%;
        margin: 0;
        left: 0;
        top: 10%;
        position: fixed;
    }
    #order3 .close {
        display: none;
    }
    #wrap #rezume {
        width: 100%;
        margin: 0;
        left: 0;
        top: 10%;
        position: fixed;
    }
    #wrap #rezume .close {
        display: none;
    }
    .list_box.montazh-protivoipozh .box {
        width: 100%;
    }
}

@media all and (max-width: 500px) {
    #why .tab {
        margin-bottom: 40px;
    }
    #why .tab .control span {
        width: 50%;
        margin: 0 0 8px;
    }
    #why .tab .control .t3,
    #why .tab .control .t5 {
        border-left: none;
    }
    #why .tab .control .t2,
    #why .tab .control .t4 {
        border-right: none;
    }
    #why .tab .control .t3 {
        border-right: 4px solid #fff;
    }
    #why .tab .control .t4 {
        border-left: 4px solid #fff;
    }
}

@media all and (max-width: 450px) {
    #wrap #two-col .right .order .m_o {
        display: block;
        margin: 0 0 20px;
    }
    #wrap #two-col .right .order .z_k {
        display: block;
        margin: 0;
    }
}

@media all and (max-width: 490px) {
    #wrap #main-slider .wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    #wrap #main-content #actions.articles .gocat span {
        width: auto;
    }
    #wrap #main-content #corp.about .why .line .item .img {
        display: none;
    }
    #wrap #main-content #corp.about .why .line .item .text {
        border-bottom: 1px solid #c0c0c0;
        padding: 0 0 20px;
    }
    #wrap #main-content #corp.about .why .line .item {
        margin: 0 0 7px;
    }
    #wrap #two-col .right.tovar .construction .item {
        width: 100%;
        padding-right: 0;
    }
    #wrap #two-col .right.tovar .construction .item:nth-child(3n+3) {
        padding-right: 0;
    }
    #wrap #two-col .right.tovar .construction .item:nth-child(2n+2) {
        padding-right: 0;
    }
}

@media all and (max-width: 420px) {
    #wrap #main-content #form form {
        width: 100%;
    }
    #wrap #order2 .prettycheckbox {
        float: none;
        display: block;
        margin: 0 0 20px;
    }
    #wrap #order2 input[type="submit"] {
        float: none;
        clear: both;
    }
    #wrap #order2 .but {
        text-align: left;
    }
    #wrap #order3 .prettycheckbox {
        float: none;
        display: block;
        margin: 0 0 20px;
    }
    #wrap #order3 input[type="submit"] {
        float: none;
        clear: both;
    }
    #wrap #order3 .but {
        text-align: left;
    }
}

@media all and (max-width: 450px) {
    #feed2 .inner {
        padding: 0 13px;
    }
    #feed2 .inner .left span {
        padding-top: 22px;
    }
    #feed2 .inner .left div {
        font-size: 16px;
        line-height: 24px;
    }
    #feed2 .inner form {
        padding: 10px 0 34px;
        text-align: center;
    }
    #feed2 .inner form input[type="text"] {
        text-align: left;
    }
    #feed2 .inner form input[type="submit"] {
        margin: 16px 0 0 0;
        width: 170px;
    }
    #wrap #main-content h1 {
        font-size: 26px;
        line-height: 30px;
    }
    #wrap #p404 .menus .men {
        width: 100%;
        padding: 0 0 30px;
    }
    #wrap #main-content #portfolio .collect a {
        width: 49%;
        padding-right: 1.7%;
    }
    #wrap #main-content #portfolio .collect a:nth-child(3n+3) {
        padding-right: 1.7%;
    }
    #wrap #main-content #portfolio .collect a:nth-child(4n+4) {
        padding-right: 1.7%;
    }
    #wrap #main-content #portfolio .collect a:nth-child(2n+2) {
        padding-right: 0;
    }
    #wrap #main-content #promo1 .text {
        margin: 10px 0 0 0;
        padding: 10px;
    }
    #wrap #main-content #corp .etap .item .img {
        display: none;
    }
    #wrap #main-content .about #promo1 .text {
        padding: 10px;
    }
    #wrap #two-col .right.tovar .some-list .item {
        width: 48%;
    }
    #wrap #two-col .right.tovar .some-list .item:nth-child(5n+5) {
        padding-right: 4%
    }
    #wrap #two-col .right.tovar .some-list .item:nth-child(4n+4) {
        padding-right: 4%
    }
    #wrap #two-col .right.tovar .some-list .item:nth-child(2n+2) {
        padding-right: 0
    }
}

@media all and (max-width: 400px) {
    #wrap #order {
        width: 100%;
        margin: 0;
        left: 0;
        top: 10%;
    }
    #wrap #order .close {
        display: none;
    }
    #wrap #main-content #actions.portfolio .item a .text p {
        display: none!important
    }
    #wrap #two-col .right.tovar table th {
        padding: 0 10px;
    }
    #wrap #two-col .right.tovar table td {
        padding: 10px 10px 10px;
    }
}

@media all and (max-width: 330px) {
    #newest h3,
    #newest h2,
    #newest h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 60px 0 17px;
    }
    #newest {
        padding: 0 15px;
    }
    #wrap #main-content #portfolio .collect a {
        width: 99%;
        padding-right: 0;
    }
    #wrap #main-content #portfolio .collect a:nth-child(3n+3) {
        padding-right: 0;
    }
    #wrap #main-content #portfolio .collect a:nth-child(4n+4) {
        padding-right: 0;
    }
    #wrap #main-content #portfolio .collect a:nth-child(2n+2) {
        padding-right: 0;
    }
    #wrap #main-content .about .mission>div {
        padding-left: 0;
        background: none;
    }
    #wrap #main-content #corp.about .client-list .item {
        width: 100%;
        margin-right: 0;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(3n+3) {
        margin-right: 0;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(4n+4) {
        margin-right: 0;
    }
    #wrap #main-content #corp.about .client-list .item:nth-child(2n+2) {
        margin-right: 0;
    }
    #wrap #two-col .right #slider .panel {
        width: auto!important
    }
    #wrap #two-col .right.tovar .anythingSlider {
        margin: 0 -10px;
        width: 320px!important
    }
    #wrap #two-col .right #slider .panel .wp {
        border: none;
    }
    #wrap #video {
        padding: 20px 10px;
    }
}

@media all and (max-width: 320px) {
    #wrap #main-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    #wrap #main-slider .wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    #promo .inner {
        font-size: 16px;
        line-height: 24px;
    }
    #promo .inner {
        padding: 47px 10px 35px;
    }
    #promo .inner .gocat {
        margin: 20px auto 0;
        display: block;
        width: 210px;
        padding: 2px 0 0 0;
        text-align: Center;
    }
    #wrap #cat-section .promo {
        font-size: 14px;
        line-height: 24px;
    }
    #wrap #komplekt .promo {
        font-size: 14px;
        line-height: 24px;
    }
    #wrap #cat-section h2,
    #wrap #komplekt h2 {
        font-size: 24px;
        line-height: 26px;
    }
    #wrap #komplekt .info .table table th {
        font-size: 14px;
        padding: 0 10px;
    }
    #wrap #komplekt .info .table table td {
        padding: 9px 10px 10px;
    }
}

input.error {
    border: 1px solid red !important;
}

.recvisit {
    border: 4px solid #f14848;
    width: 97%;
    padding: 20px 0 20px 20px;
    /*text-align: center;*/
}

.recvisit .ttl {
    font-size: 26px;
    line-height: 30px;
    margin-top: 10px;
}

.catalog_popular_price p {
    color: #ff4646!important;
    font-weight: bold;
    font-size: 20px!important;
}

.info_tab {
    width: 100%;
    border-collapse: collapse;
    line-height: 20px;
    font-size: 14px;
    margin: 10px 0 20px;
}

.info_tab th {
    border-collapse: collapse;
    background: url(/bitrix/templates/bo/img/x1.png);
    padding: 0 30px;
    font-weight: 700;
    height: 37px;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 16px;
    word-break: break-all;
}

.info_tab td {
    border-collapse: collapse;
    padding: 10px 30px 10px;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    text-align: left;
    font-size: 14px;
}

#wrap #two-col .right.tovar .tab_adequat th {
    width: 39%;
}

#wrap #two-col .right.tovar .tab_with_sale th,
#wrap #two-col .right.tovar .tab_with_sale td {
    width: 5%;
    padding: 0;
    text-align: center;
}

#wrap #two-col .right.tovar .tab_with_sale span {
    text-decoration: line-through;
    font-size: 13px;
    color: #9c9c9c;
}

.price-box span {
    font-size: 20px;
    text-decoration: line-through;
}

#wrap #zahvat {
    position: fixed;
    left: 50%;
    top: 60%;
    width: 510px;
    margin: -340px 0 0 -255px;
    background: #f8f8f8;
    box-sizing: border-box;
    z-index: 200;
    border: 4px solid #043e7c;
    padding: 20px 24px 30px;
    text-align: center;
    display: none;
}

#wrap #zahvat .ttl {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #043e7c;
    padding: 0 0 20px;
}

#wrap #zahvat p {
    font-size: 16px;
    line-height: 22px;
    color: #484a4d;
    padding: 0 0 5px;
    text-align: left;
}

#wrap #zahvat .close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 31px;
    height: 31px;
    background: url(/bitrix/templates/bo/img/close.png);
    cursor: pointer;
}

#wrap #zahvat .close:hover {
    background-position: 100% 0;
}

#wrap #zahvat ul {
    text-align: left;
    color: #484a4d;
    padding: 0 0 30px;
}

#wrap #zahvat ul {
    list-style: none;
}

#wrap #zahvat ul li {
    padding: 0 0 6px 30px;
    position: relative;
}

#wrap #zahvat ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    background: #484a4d;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#wrap #zahvat input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-indent: 10px;
    font-size: 13px;
    height: 40px;
    margin: 0 0 12px;
}

#wrap #zahvat input[type="text"]::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat input[type="text"]::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat input[type="text"]:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat input[type="text"]:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px 0 0 10px;
    font-size: 13px;
    height: 75px;
    margin: 0 0 25px;
    font-family: arial, sans-serif;
}

#wrap #zahvat textarea::-webkit-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat textarea::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat textarea:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat textarea:-ms-input-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

#wrap #zahvat input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x4.png);
    height: 44px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    float: right;
    min-width: 136px;
}

#wrap #zahvat input[type="submit"]:hover {
    background: url(/bitrix/templates/bo/img/x7.png);
}

#wrap #zahvat .prettycheckbox {
    float: left;
    margin: 10px 0 0 0;
}

#wrap #zahvat .prettycheckbox label {
    color: #313438;
}

#wrap #zahvat form {
    padding: 7px 0 0 0;
}

#wrap #zahvat .result {
    margin-top: 15px;
    padding: 10px 15px;
    border: 1px solid #043e7c;
    text-align: center;
    font-size: 14px;
    color: #043e7c;
}


/*#wrap header #top-menu span:nth-child(3) {
	background: url(/bitrix/templates/bo/img/x5.png);
}*/


/*#wrap header #top-menu span:nth-child(5) a {
	color: #fff;
}*/

.price-box {
    background: #f14848;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 27px 0 22px;
    margin: 30px 0 30px;
}

.price-box .morder {
    display: inline-block;
    vertical-align: middle;
    color: #fff!important;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0 18px;
    font-size: 13px;
    margin: 0 16px 0 24px;
    text-decoration: none!important;
}

.price-box .morder:hover {
    background: url(/bitrix/templates/bo/img/x37.png);
}

.half_video {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    flex-wrap: wrap;
}

.half_left {
    margin-right: 30px;
    max-width: 600px;
}

.list_order {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    flex-wrap: wrap;
}

.some-list-new {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-top: 15px;
}

.canvas_list {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.canvas_list img {
    width: 300px;
    height: 200px;
}

.some-list-new .item {
    margin-right: 20px;
    margin-bottom: 10px;
    width: 170px;
}

.list_order_item {
    text-align: center;
    width: 400px;
    padding: 10px;
}

.list_order_item img {
    width: 70px;
    margin-bottom: 20px;
}

.list_order_item img.exception {
    width: 200px;
}

.half_text_container {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.half_text {
    width: 50%;
    margin-right: 25px;
}

.half_text:nth-child(2n) {
    margin-right: 0;
}

.promo #actions {
    margin-top: 20px;
}

p.po_zaprosy {
    color: #828282;
}

#wrap #two-col .right.tovar .tab_with_sale td {
    vertical-align: middle;
}

#wrap #two-col .right.tovar .price-box .morder.price {
    background: #f1dc48;
}

.price-box .morder.price {
    color: #000000!important;
}

b.vertical {
    transform: rotate(-90deg);
    display: block;
}

td.cell-height {
    height: 37px;
}

td.cell-width {
    width: 1%!important;
}

#newest .boxes .box .inner .ttl a {
    text-decoration: none;
    color: #313438;
}

#newest .boxes .box .inner .ttl a:hover {
    text-decoration: underline;
}

#newest .flex-line {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    flex-wrap: wrap;
}

.morder.price {
    background: #f1dc48!important;
}

.service_call {
    background: #f14848;
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding: 27px 0 22px;
    margin: 40px 0 40px;
}

.service_call span {
    font-size: 30px;
}

ol.legend_list {
    float: left;
    margin-left: 50px;
    max-width: 450px;
}

.wp img {
    max-width: 100%;
}

.wp .mylink {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(242, 238, 233, 0.87);
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
}

.panel_block__item {
    text-align: center;
}

.panel_block__item img {
    max-width: 100%;
}

.legend_img {
    height: 370px;
    float: left;
    max-width: 100%;
}

#wrap #main-content #actions.portfolio .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

#wrap #main-content #actions.portfolio .item .text .ttl {
    text-transform: uppercase;
    font-size: 22px;
    color: #313438;
    padding: 28px 23px 24px;
    background: rgba(242, 238, 233, 0.87);
    line-height: 25px;
    font-weight: 700;
}

#wrap #main-content #actions.portfolio .item .text p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 0 23px 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 0;
}

#wrap #main-content #actions.portfolio .item .inner {
    position: relative;
}

.list_order_item2 {
    text-align: center;
    width: 300px;
    padding: 10px;
}

.list_order_item2 img,
.list_order_item3 img {
    width: 70px;
    margin-bottom: 10px;
}

#wrap #two-col .right .list_order_item2 img,
#wrap #two-col .right .list_order_item3 img {
    margin-bottom: 10px;
    width: 70px;
}

.g-recaptcha {
    margin: 10px 0;
}

.construction.new .item {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
}

.construction.newest .item {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    max-width: 310px;
}

.construction.newest .item img {
    max-width: 100%;
    height: 200px;
}

.type-survey {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.type-survey_img img {
    width: 300px;
}

.list_rolet,
.list_rolet_second {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

.list_rolet_item {
    text-align: center;
    width: 300px;
    margin-bottom: 10px;
}

#wrap #two-col .right .list_rolet_item img {
    margin-bottom: 10px;
    width: 280px;
}

.materials-block .list_rolet_item img {
    margin-bottom: 10px;
    width: 280px;
}

.free-html-content .list_rolet_item img {
    margin-bottom: 10px;
    width: 280px;
}

.construction.hack,
#wrap #two-col .right.tovar .some-list .item,
#wrap #two-col .right.tovar .construction.min {
    text-align: center;
}

.materials-block .construction.hack {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.materials-block .construction.hack .item img {
    max-width: 100%;
    width: 400px;
    border: 2px solid #cccccc;
    ;
    padding: 24px;
}

#wrap #two-col .right.tovar .some-list .item img {
    margin: 0;
    max-width: 120px;
}

.list_order_item3 {
    text-align: center;
    width: 195px;
    padding: 10px;
}

.list_rolet_second .list_rolet_item {
    text-align: center;
    width: 300px;
    margin-bottom: 10px;
}

#wrap #two-col .right .list_rolet_second .list_rolet_item img {
    margin-bottom: 10px;
    max-width: 250px;
    height: 200;
}

#wrap .phone a {
    text-decoration: none;
    color: #313438;
}

.link_redizain {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(242, 238, 233, 0.87);
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
}

.type_gate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.type_gate_img img {
    width: 280px;
}

.type_gate_txt {
    max-width: 900px;
}

#wrap a.order_type {
    background: #f14848;
    color: #fff;
    padding: 5px;
    display: block;
    width: 200px;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}

#wrap #main-content .calc_separate ul {
    list-style: none;
    padding-left: 0!important;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 10px 0 0 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

#wrap #main-content .raznye_glav {
    border: 1px solid #ccc;
    padding: 30px 5px 0 5px;
}

#wrap #main-content .calc_separate ul li a.selected {
    background: #f14848;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}

#wrap #main-content .calc_separate ul li {
    text-align: center;
    padding: 0;
}

#wrap #main-content .calc_separate ul li a {
    text-decoration: none;
    display: block;
    padding: 10px;
    text-align: center;
    color: #000;
}

#wrap #main-content .calc_separate ul li:before {
    content: none;
}

#newest .boxes .box .list_catalog a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

#newest .boxes .box .list_catalog:before {
    content: ">";
    margin-right: 3px;
    font-size: 10px;
    color: #000;
}

#newest .boxes .box .list_catalog a:hover {
    text-decoration: underline;
}

#newest .boxes .box .inner p.catalog_popular_price {
    color: #ff4646;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.raznye_glav #newest .boxes>div {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    flex-wrap: wrap;
}

p.type_gate_name {
    text-transform: uppercase;
    font-weight: bold;
}

.type_gate_img {
    padding: 10px;
    border: 1px solid #ccc;
}

.survey {
    position: relative;
    margin-bottom: 10px;
}

.survey__txt {
    position: absolute;
    top: 20px;
    left: 30px;
    max-width: 500px;
    text-align: center;
    background: #ffffffe3;
    padding: 10 30px;
}

.survey__txt p {
    margin: 10px 0;
}

.survey__txt span {
    text-transform: uppercase;
    font-weight: bold;
}

.survey .go {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    line-height: 50px;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x11.png);
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.flex_info {
    display: flex;
    align-items: center;
    max-width: 300px;
    justify-content: space-between;
}

#wrap .flex_info a.order_type {
    background: #f14848;
    color: #fff;
    padding: 5px;
    display: block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    margin-top: 0px;
}

#main-slider .anythingSlider.anythingSlider-metallic {
    width: 100%!important;
    height: auto!important;
}

.header_scroll .logo {
    float: left;
    padding: 9px 15px 0 0;
    border-right: 1px solid #bfbfbf;
    height: 43px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
}

.header_scroll .promo {
    float: left;
    padding: 20px 0 0 15px;
    font-size: 15px;
    line-height: 18px;
    color: #37393d;
    width: 300px;
    box-sizing: unset;
}

.header_scroll .phone {
    float: right;
    padding: 0 0 0 36px;
    text-align: right;
    font-size: 20px;
    margin: 0;
    position: relative;
}


/* баннер над хедером */

.central-banner {
    margin: 0 auto 2px auto;
    background: #003b75;
    text-align: center;
    line-height: 1.42857143;
}

.banner-title {
    display: inline-block;
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin: auto;
    position: relative;
    top: 5px;
    left: 0;
    bottom: 0;
    right: 0;
    margin-bottom: 8px;
}

.yes-link {
    display: inline-block;
    margin: auto;
    position: relative;
    top: 2px;
    left: 5px;
    bottom: 3px;
    right: 0;
    margin-bottom: 5px;
}

.submit-2 {
    border: none;
    border-radius: 15px;
    background-color: #ffa500;
    font-size: 16px;
    color: #fff;
    padding: 2px 60px;
}

.header_scroll {
    background: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0px;
    z-index: 3;
    text-align: center;
    box-sizing: border-box;
    display: none;
    width: 100%;
    border-bottom: 2px solid #ff4646;
}

.header_scroll_container {
    margin: 0 auto;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    padding-bottom: 10px;
    padding-left: 4.8%;
    padding-right: 4.8%;
    max-width: 1440px;
}

.header_scroll_container .zvonok_new {
    padding-top: 0;
    margin-top: 0;
}

.header_scroll_none {
    display: none;
}

#wrap .phone a,
.header_scroll a {
    text-decoration: none;
    color: #313438;
}

.btn_fixed .go {
    color: #fff;
    text-decoration: none;
    padding: 5px;
    text-transform: uppercase;
    background: url(/bitrix/templates/bo/img/x11.png);
    max-width: 1p0px;
    font-size: 13px;
    margin: 0 10px;
}

.btn_fixed .go a {
    color: #fff!important;
    display: block;
    text-decoration: none!important;
}

#wrap header #menu .inner .first_item_menu a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

#newest .boxes .box .inner .morder {
    position: absolute;
    right: 25px;
    left: 25px;
    bottom: 155px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    background: url(/bitrix/templates/bo/img/x11.png);
    line-height: 15px;
    text-decoration: none;
    padding: 15px 0 15px;
    z-index: 4;
}

@media screen and (max-width: 550px) {
    .review-item img {
        width: 200px!important;
        height: 200px!important;
    }
    #review form .submit-button {
        width: 90%!important;
    }
    .review-leave-button {
        width: 90%!important;
    }
}

@media and (min-width: 551px) {
    .review-item img {
        width: 250px!important;
        height: 250px!important;
    }
    #review form .submit-button {
        width: 20%!important;
    }
    .review-leave-button {
        width: 15%!important;
    }
}

#review {
    width: 100%;
    padding: 50px;
}

.review-hidden {
    display: none;
}

.review-leave-button {
    color: white;
    text-align: center;
    background-color: #003B75;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.review-item {
    margin-bottom: 10px;
}

.review-item img {
    display: inline-block;
    margin-left: 3%;
    margin-top: 10px;
}

#review form input {
    display: inherit;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 12px;
    width: 100%;
    background-color: #F3F4F4;
}

#review form label {
    display: inline-block!important;
    width: 5%;
}

#review form textarea {
    width: 100%;
    padding-left: 5px;
    background-color: #F3F4F4;
    padding-top: 5px;
    border: 0px;
}

#review form .submit-button {
    color: white;
    text-align: center;
    background-color: #003B75;
}

#review .webform__row--callback-item {
    margin-top: 10px;
}

#dhaide {
    margin-bottom: 20px;
}

#dha-canvas #dha-base h2 {
    font-size: 14px!important;
    font-weight: normal!important;
    text-transform: uppercase!important;
}


/* блок цветовые решения */

.color-palette {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 10px;
}

.color-square {
    width: 110px;
    height: 80px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
}

.color-square:nth-child(1) {
    background-color: #f5f5f5;
}

.color-square:nth-child(2) {
    background-color: #bdbdbd;
}

.color-square:nth-child(3) {
    background-color: #9e9e9e;
}

.color-square:nth-child(4) {
    background-color: #f0e68c;
}

.color-square:nth-child(5) {
    background-color: #1b5e20;
}

.color-square:nth-child(6) {
    background-color: #0d47a1;
}

.color-square:nth-child(7) {
    background-color: #424242;
}

.color-square:nth-child(8) {
    background-color: #b71c1c;
}

.color-square:nth-child(9) {
    background-color: #4a148c;
}

.color-square:nth-child(10) {
    background-color: rgb(68, 50, 45);
}


/* layout.end */

.review-lab {
    max-width: 1300px;
    margin: 0 auto 40px;
    box-sizing: border-box;
    &:not(.review-lab--catalog) {
        padding: 0 20px;
        h1,
        h2,
        h3 {
            text-align: center;
            text-transform: uppercase;
            font-size: 30px;
            color: #313438;
            line-height: 30px;
            margin: 60px 0 32px 0;
            &::before,
            &::after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 59px;
                height: 2px;
                background: #313438;
                @media (width <=635px) {
                    display: none;
                }
            }
            &::before {
                margin: -9px 22px 0 0;
            }
            &::after {
                margin: -9px 0 0 22px;
            }
        }
    }
}

review-lab {
    display: inline-block;
    width: 100%;
    height: fit-content;
    &:has(+.fil) {
        margin-bottom: 20px;
    }
}

#why .tab .control span {
    height: 215px;
}

.gallery-container {}

.gallery-container .gallery-wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.gallery-container .main-image-container {
    flex: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-container .main-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.gallery-container .main-image-container:hover .main-image {
    transform: scale(1.02);
}

.gallery-container .zoom-hint {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.gallery-container .main-image-container:hover .zoom-hint {
    opacity: 1;
}

.gallery-container .thumbnails-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 90px;
}

.gallery-container .thumbnail {
    width: 80px;
    height: auto;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease;
    flex-shrink: 0;
    margin: 0
}

.gallery-container .thumbnail:hover {
    border-color: #bbb;
}

.gallery-container .thumbnail.active {
    border-color: #2fc6f6;
}

.gallery-container .thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 !important
}

.bx-gallery-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: bxFadeIn 0.3s ease;
}

.bx-gallery-lightbox.active {
    display: flex;
}

.bx-lightbox-img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.bx-lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s;
    z-index: 10000;
}

.bx-lightbox-close:hover {
    color: #ccc;
}

@keyframes bxFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .gallery-container .thumbnails-container {
        flex-direction: row;
    }
    .gallery-wrapper {
        flex-direction: column-reverse;
    }
    .thumbnails-container {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 10px;
        justify-content: flex-start;
    }
    .thumbnail {
        width: 70px;
        height: 70px;
    }
    .main-image-container {
        min-height: 200px;
    }
}


/* #newest: карточки одного размера, без перестройки сетки */


/* #newest .box .inner.fixed-card {
  height: 100%;      
  overflow: hidden;       
}


#newest .box .inner.fixed-card .hover {
  max-height: 100%;
}


#newest .box .inner.fixed-card .ttl,
#newest .box .inner.fixed-card p {
  overflow: hidden;
}

.fixed-card > img,
.fixed-card > a > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;      
  object-fit: cover;   
} */

.pathway {
    text-align: left !important;
    margin-top: 35px;
}

.header-adapt .header__right-favorite {
    position: relative;
    margin-left: auto;
}

.header-adapt .header__right-favorite .fav-count {
    right: -5px;
    top: -5px;
    zoom: 0.7;
}

@media (max-width: 768px) {
    body #dha-canvas #dha-base .dha-aide_menu li {
        padding-left: 0px;
        zoom: 0.9;
    }
    body #dha-canvas #dha-base.dha-base-narrow .dha-aide_menu li .dha-menu_item {
        font-size: 10px;
    }
    body #dha-canvas #dha-base h2 {
        color: #fff !important;
        line-height: 1.2 !important;
        zoom: 0.8 !important;
        width: 100% !important;
        padding-left: 30% !important;
        padding-right: 10px !important;
    }
    section#newest.another_pr {
        padding: 0px;
    }
    section#newest.another_pr .boxes>div {
        display: flex;
        flex-wrap: nowrap;
        overflow-y: auto;
    }
    section#newest.another_pr .boxes>div .box {
        min-width: 310px;
        margin-right: 8px;
    }
    body .swiper-navigation-wr {
        height: 0px;
        z-index: 5;
    }
    img {
        height: auto;
    }
    .top-block-container-left {
        margin-right: 0px !important;
    }
    .top-block-container-left img {
        max-width: 100%;
    }
    #delivery iframe {
        width: 100%;
        max-width: 100%;
    }
    .msotable-wr {
        max-width: 100%;
        overflow-y: auto;
    }
    .msotable-wr table.MsoNormalTable {
        width: 700px !important;
        zoom: 0.9;
        font-size: 14px;
    }
    .msotable-wr table.MsoNormalTable td {
        padding: 10px 5px !important;
        text-align: center;
    }
    .top-block-container-left img {
        width: 420px;
        max-width: 100% !important;
    }
    table.info_tab {
        overflow-y: auto;
        display: flex;
        zoom: 0.9;
    }
    .free-html-content button.slider-arrow.prev.arrow-symbol {
        right: unset !important;
    }
    .free-html-content button.slider-arrow.next.arrow-symbol {
        left: unset !important;
    }
    .free-html-content .slide-in-element__img {
        height: 200px
    }
    .free-html-content .slider-wrapper {
        height: fit-content
    }
    ;
}

@media (max-width: 400px) {
    .header.header-adapt {
        zoom: 0.9;
    }
}


.section-margin {
  margin-top: 30px;
}
.section-margins {
  margin-block: 30px;
}


.products-list-new {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 21px;

  @media (width <= 980px) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  @media (width <= 660px) {
    grid-template-columns: 1fr 1fr;
  }
  @media (width <= 480px) {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }

  .products-list-new__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;

    .product-card-new__wrap {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 4;
      gap: 0;

      .product-card-new__header {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 2;
      }
      .product-card-new__main {
        display: grid;
        grid-template-rows: subgrid;
      }
      .product-card-new__footer {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: -1;
      }
    }
  }
}

.product-card-new {
  position: relative;

  @media (hover: hover) {
    &:hover {
      .product-card-new__hover {
        display: flex;
        opacity: 1;

        @starting-style {
          opacity: 0;
        }
      }
    }

    .product-card-new__hover {
      opacity: 0;
      transition-behavior: allow-discrete;
      transition-property: display, opacity;
      transition-duration: 0.3s;
      transition-timing-function: linear;
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 50px 20px 45px;
      flex-direction: column;

      .product-card-new__hover-title {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        font-weight: 700;
        text-align: center;
      }
      .product-card-new__hover-main {
        margin-top: 15px;

        .product-card-new__hover-description {
          font-size: 12px;
          line-height: 15px;
          color: #fff;
          text-align: center;
        }
      }
      .product-card-new__hover-footer {
        margin-top: auto;

        .product-card-new__hover-footer-btns-wrap {
          display: flex;
          flex-direction: column;
          row-gap: 10px;
          position: relative;
          z-index: 20;

          .product-card-new__btn {
            display: block;
            border: none;
            outline: none;
            text-align: center;
            text-transform: uppercase;
            color: #fff !important;
            font-size: 13px;
            line-height: 15px;
            text-decoration: none !important;
            padding: 15px 0;
            width: 100%;
            background-image: url(/bitrix/templates/bo/img/x11.png);

            &:hover {
              background-image: url(/bitrix/templates/bo/img/x12.png);
            }

            &:is(.product-card-new__btn--del-fav, .product-card-new__btn--add-fav)::before {
              content: '';
              display: inline-block;
              vertical-align: top;
              width: 17px;
              height: 16px;
              margin: 0 9px 0 0;
              background-repeat: no-repeat;
              background-size: contain;
            }
            &.product-card-new__btn--del-fav::before {
              background-image: url(/bitrix/templates/bo/img/heart-icon-in.png);
            }
            &.product-card-new__btn--add-fav {
              background-image: url(/bitrix/templates/bo/img/x9.png);

              &:hover {
                background-image: url(/bitrix/templates/bo/img/x15.png);
              }

              &::before {
                background-image: url(/bitrix/templates/bo/img/heart-icon.svg);
              }
            }
            &.product-card-new__btn--link {
              background-image: url(/bitrix/templates/bo/img/x4.png);

              &:hover {
                background-image: url(/bitrix/templates/bo/img/x7.png);
              }
            }
          }
        }
      }
      .product-card-new__hover-hidden-link {
        position: absolute;
        inset: 0;
        z-index: 10;
      }
    }
  }

  .product-card-new__wrap {
    padding: 12px;
    border: 1px solid #ccc;

    .product-card-new__img-wrap {
      width: 100%;
      aspect-ratio: 1;

      & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }
    .product-card-new__title {
      margin-top: 15px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 20px;
      font-weight: 700;

      /* приходится использовать important, ибо сто лет назад верстали по селектору id */
      color: #313438 !important;
      text-decoration: none !important;

      &::before {
        content: "";
        position: absolute;
        inset: 0;
      }
    }
    .product-card-new__main {
      margin-top: 10px;

      .product-card-new__description {
        font-size: 16px;
        line-height: 24px;
        color: #6f7780;
        text-wrap: pretty;
      }
    }
    .product-card-new__footer {
      margin-top: 10px;
    }
  }
  .product-card-new__hover {
    display: none;
  }
}



#exit-popup .form-request-success {
  margin-top: 10px;
  font-size: 22px;
  width: 367px;
}

/* Квадратная главная картинка галереи */
.gallery-container .main-image-container { aspect-ratio: 1 / 1; height: auto !important; }
.gallery-container .main-image { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Editorial lists: 2026-08-05 */
#wrap #main-content .promo ul:not([class]),
#wrap #main-content .promo ol:not([class]) {
  margin: 10px 0 16px;
}

#wrap #main-content .promo ul:not([class]) {
  padding: 0;
}

#wrap #main-content .promo ul:not([class]) > li {
  margin: 0 0 6px;
  padding: 0 0 0 24px;
  line-height: 1.55;
}

#wrap #main-content .promo ul:not([class]) > li::before {
  left: 2px;
  top: 0.68em;
  width: 6px;
  height: 6px;
  background: #0b4f7c;
}

#wrap #main-content .promo ol:not([class]) {
  padding-left: 28px;
}

#wrap #main-content .promo ol:not([class]) > li {
  margin: 0 0 6px;
  padding-left: 4px;
  line-height: 1.55;
}

#wrap #main-content .promo ul:not([class]) > li:last-child,
#wrap #main-content .promo ol:not([class]) > li:last-child {
  margin-bottom: 0;
}


/* Editorial typography: 2026-08-05 */
#wrap #main-content .promo > h2,
#wrap #main-content .promo > p,
#wrap #main-content .promo > ul:not([class]),
#wrap #main-content .promo > ol:not([class]) {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

#wrap #main-content .promo > p {
  margin-top: 0;
  margin-bottom: 12px;
}

#wrap #main-content .promo > h2 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content .promo > h2:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  #wrap #main-content .promo > h2 {
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.35;
  }

  #wrap #main-content .promo > p {
    margin-bottom: 10px;
  }
}


/* Editorial blockquote headings: 2026-08-05 */
#wrap #main-content .promo > blockquote:not([class]) {
  max-width: 1080px;
  margin: 32px auto 12px;
  padding: 0;
  border: 0;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content .promo > blockquote:not([class]):first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  #wrap #main-content .promo > blockquote:not([class]) {
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.35;
  }
}


/* Page title and special block alignment: 2026-08-05 */
#wrap #main-content .title-and-bread > h1 {
  padding-bottom: 24px;
}

#wrap #main-content .promo #why > .inner > h2,
#wrap #main-content .promo #why > .inner > p {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #wrap #main-content .title-and-bread > h1 {
    padding-bottom: 18px;
  }

  #wrap #main-content .promo #why > .inner > h2,
  #wrap #main-content .promo #why > .inner > p {
    max-width: none;
  }
}


/* Nested editorial and product headings: 2026-08-05 */
#wrap #main-content .promo > h2 {
  padding: 0;
}

#wrap #main-content .promo > h2:first-child {
  margin-top: 20px;
}

#wrap #main-content .promo > h3:not([class]),
#wrap #main-content .promo > h4:not([class]) {
  max-width: 1080px;
  margin: 20px auto 8px;
  padding: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content #two-col .tab-item > h2 {
  max-width: 1080px;
  margin: 0 auto 16px;
  padding: 0;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content #two-col .free-html-content > h3:not([id]) {
  max-width: 1080px;
  margin: 16px auto 12px;
  padding: 0;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 500;
  text-transform: none;
  color: #30383d;
}

@media (max-width: 767px) {
  #wrap #main-content .promo > h2:first-child {
    margin-top: 16px;
  }

  #wrap #main-content .promo > h3:not([class]),
  #wrap #main-content .promo > h4:not([class]) {
    max-width: none;
    margin-top: 16px;
    font-size: 17px;
  }

  #wrap #main-content #two-col .tab-item > h2,
  #wrap #main-content #two-col .free-html-content > h3:not([id]) {
    max-width: none;
    font-size: 22px;
    line-height: 1.35;
  }
}


/* Special block and product description alignment: 2026-08-05 */
#wrap #main-content .promo #why > .inner > h2 {
  padding: 20px 0 12px;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content .promo #why > .inner > h2::before,
#wrap #main-content .promo #why > .inner > h2::after {
  display: none;
}

#wrap #main-content #two-col .tab-item {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #wrap #main-content .promo #why > .inner > h2 {
    font-size: 22px;
    line-height: 1.35;
  }

  #wrap #main-content #two-col .tab-item {
    max-width: none;
  }
}


/* Product description image proportions: 2026-08-05 */
#wrap #main-content #two-col .tab-item .free-html-content > img {
  max-width: 100%;
  height: auto;
}


/* Editorial tables and product section headings: 2026-08-05 */
#wrap #main-content .promo > table,
#wrap #main-content .promo > div > table {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

#wrap #main-content .promo > table.info_tab,
#wrap #main-content .promo > div > table.info_tab,
#wrap #main-content #two-col .tab-item table.info_tab {
  font-size: 15px;
  line-height: 1.45;
}

#wrap #main-content .promo > table.info_tab th,
#wrap #main-content .promo > table.info_tab td,
#wrap #main-content .promo > div > table.info_tab th,
#wrap #main-content .promo > div > table.info_tab td,
#wrap #main-content #two-col .tab-item table.info_tab th,
#wrap #main-content #two-col .tab-item table.info_tab td {
  padding: 10px 16px;
  vertical-align: top;
}

#wrap #main-content .promo > table:not([class]),
#wrap #main-content .promo > div > table:not([class]) {
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.45;
}

#wrap #main-content .promo > table:not([class]) th,
#wrap #main-content .promo > table:not([class]) td,
#wrap #main-content .promo > div > table:not([class]) th,
#wrap #main-content .promo > div > table:not([class]) td {
  padding: 10px 16px;
  border-bottom: 1px solid #e1e5e8;
  vertical-align: top;
}

#wrap #main-content .promo > table:not([class]) tr:first-child > *,
#wrap #main-content .promo > div > table:not([class]) tr:first-child > * {
  font-weight: 600;
  background: #f3f5f6;
}

#wrap #main-content #two-col > h2,
#wrap #main-content #two-col > h3#rp,
#wrap #main-content #two-col .review-lab__header > h2 {
  margin: 32px 0 16px;
  padding: 0;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 400;
  text-transform: none;
  color: #30383d;
}

@media (max-width: 767px) {
  #wrap #main-content .promo > table,
  #wrap #main-content .promo > div > table {
    max-width: none;
  }

  #wrap #main-content .promo > table.info_tab,
  #wrap #main-content .promo > div > table.info_tab,
  #wrap #main-content #two-col .tab-item table.info_tab,
  #wrap #main-content .promo > table:not([class]),
  #wrap #main-content .promo > div > table:not([class]) {
    font-size: 14px;
    line-height: 1.4;
  }

  #wrap #main-content .promo > table.info_tab th,
  #wrap #main-content .promo > table.info_tab td,
  #wrap #main-content .promo > div > table.info_tab th,
  #wrap #main-content .promo > div > table.info_tab td,
  #wrap #main-content #two-col .tab-item table.info_tab th,
  #wrap #main-content #two-col .tab-item table.info_tab td,
  #wrap #main-content .promo > table:not([class]) th,
  #wrap #main-content .promo > table:not([class]) td,
  #wrap #main-content .promo > div > table:not([class]) th,
  #wrap #main-content .promo > div > table:not([class]) td {
    padding: 9px 10px;
  }

  #wrap #main-content #two-col > h2,
  #wrap #main-content #two-col > h3#rp,
  #wrap #main-content #two-col .review-lab__header > h2 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 22px;
  }
}


/* Remaining editorial table alignment: 2026-08-05 */
#wrap #main-content .promo table.info_tab,
#wrap #main-content #cat-section .materials-block > table {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

#wrap #main-content .promo table.info_tab,
#wrap #main-content #cat-section .materials-block > table.info_tab {
  font-size: 15px;
  line-height: 1.45;
}

#wrap #main-content .promo table.info_tab th,
#wrap #main-content .promo table.info_tab td,
#wrap #main-content #cat-section .materials-block > table.info_tab th,
#wrap #main-content #cat-section .materials-block > table.info_tab td {
  padding: 10px 16px;
  vertical-align: top;
}

@media (max-width: 767px) {
  #wrap #main-content .promo table.info_tab,
  #wrap #main-content #cat-section .materials-block > table {
    max-width: none;
  }

  #wrap #main-content .promo table.info_tab,
  #wrap #main-content #cat-section .materials-block > table.info_tab {
    font-size: 14px;
    line-height: 1.4;
  }

  #wrap #main-content .promo table.info_tab th,
  #wrap #main-content .promo table.info_tab td,
  #wrap #main-content #cat-section .materials-block > table.info_tab th,
  #wrap #main-content #cat-section .materials-block > table.info_tab td {
    padding: 9px 10px;
  }
}


/* Editorial table cell typography: 2026-08-05 */
#wrap #main-content .promo table.info_tab th,
#wrap #main-content .promo table.info_tab td,
#wrap #main-content #cat-section .materials-block > table.info_tab th,
#wrap #main-content #cat-section .materials-block > table.info_tab td,
#wrap #main-content #two-col .tab-item table.info_tab th,
#wrap #main-content #two-col .tab-item table.info_tab td {
  font-size: 15px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  #wrap #main-content .promo table.info_tab th,
  #wrap #main-content .promo table.info_tab td,
  #wrap #main-content #cat-section .materials-block > table.info_tab th,
  #wrap #main-content #cat-section .materials-block > table.info_tab td,
  #wrap #main-content #two-col .tab-item table.info_tab th,
  #wrap #main-content #two-col .tab-item table.info_tab td {
    font-size: 14px;
    line-height: 1.4;
  }
}


/* 2026-08-05: Catalog headings, materials text and FAQ */
#wrap #main-content .title-and-bread > h1 {
  text-transform: none;
}

#wrap #main-content .materials-block > p,
#wrap #main-content .materials-block > ul:not([class]),
#wrap #main-content .materials-block > ol:not([class]),
#wrap #main-content .materials-block > blockquote:not([class]),
#wrap #main-content .materials-block > h2,
#wrap #main-content .materials-block > h3,
#wrap #main-content .materials-block > h4 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

#wrap #main-content .materials-block > p {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.625;
}

#wrap #main-content .materials-block > h2 {
  margin-top: 32px;
  margin-bottom: 12px;
  padding: 0;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content .materials-block > h3,
#wrap #main-content .materials-block > h4 {
  margin-top: 24px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
  text-transform: none;
}

#wrap #main-content .materials-block > ul:not([class]),
#wrap #main-content .materials-block > ol:not([class]) {
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.55;
}

#wrap #main-content .materials-block > ul:not([class]) li,
#wrap #main-content .materials-block > ol:not([class]) li {
  margin-bottom: 6px;
  padding-left: 4px;
}

#wrap #main-content #cat-section > h2:not([class]),
#wrap #main-content #cat-section > div:not([class]) > h2:not([class]),
#wrap #main-content .review-lab__header > h2 {
  max-width: 1080px;
  margin: 32px auto 16px;
  padding: 0;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 400;
  text-transform: none;
  color: #30383d;
}

#wrap #main-content .faq-wrapper {
  max-width: 1080px;
  margin: 0 auto 32px;
}

#wrap #main-content .faq-wrapper .faq-item {
  margin: 0 0 8px;
  padding: 0;
  border: 1px solid #dfe4e7;
  border-radius: 4px;
  box-shadow: none;
  background: #fff;
  overflow: hidden;
}

#wrap #main-content .faq-wrapper .question {
  min-height: 56px;
  margin: 0;
  padding: 14px 16px 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
}

#wrap #main-content .faq-wrapper .answer {
  padding: 0 58px 16px 18px;
  font-size: 16px;
  line-height: 1.6;
  color: #4a5155;
}

#wrap #main-content .faq-wrapper .toggle-button {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7e0e5;
  border-radius: 50%;
  background: #f3f6f8;
  color: #0b4f7c;
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
}

@media (max-width: 767px) {
  #wrap #main-content .materials-block > p,
  #wrap #main-content .materials-block > ul:not([class]),
  #wrap #main-content .materials-block > ol:not([class]),
  #wrap #main-content .materials-block > blockquote:not([class]),
  #wrap #main-content .materials-block > h2,
  #wrap #main-content .materials-block > h3,
  #wrap #main-content .materials-block > h4,
  #wrap #main-content #cat-section > h2:not([class]),
  #wrap #main-content #cat-section > div:not([class]) > h2:not([class]),
  #wrap #main-content .review-lab__header > h2,
  #wrap #main-content .faq-wrapper {
    max-width: none;
  }

  #wrap #main-content .materials-block > h2,
  #wrap #main-content #cat-section > h2:not([class]),
  #wrap #main-content #cat-section > div:not([class]) > h2:not([class]),
  #wrap #main-content .review-lab__header > h2 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.35;
  }

  #wrap #main-content .faq-wrapper .question {
    min-height: 52px;
    padding: 13px 12px 13px 14px;
    gap: 12px;
    font-size: 17px;
    line-height: 1.45;
  }

  #wrap #main-content .faq-wrapper .answer {
    padding: 0 14px 14px;
    font-size: 16px;
    line-height: 1.55;
  }

  #wrap #main-content .faq-wrapper .toggle-button {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: 20px;
  }
}


/* 2026-08-05: Unified category content grid */
@media (min-width: 768px) {
  #wrap #main-content > .title-and-bread,
  #wrap #main-content #cat-section > div,
  #wrap #main-content #cat-section > section,
  #wrap #main-content #cat-section > ul,
  #wrap #main-content #cat-section > ol,
  #wrap #main-content #cat-section > table {
    max-width: 1080px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* 2026-08-05: Safe mobile full-bleed blocks */
@media (max-width: 767px) {
  #wrap #main-content > #corp > #promo1,
  #wrap #main-content > #form {
    width: auto;
    max-width: none;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* 2026-08-05: Safe mobile full-bleed about sections */
@media (max-width: 767px) {
  #wrap #main-content > #corp.about > .numbs,
  #wrap #main-content > #corp.about > .princ {
    width: auto;
    max-width: none;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* 2026-08-05: Safe desktop full-bleed legacy sections */
@media (min-width: 768px) {
  #wrap #main-content > #corp > #promo1,
  #wrap #main-content > #corp.about > .numbs,
  #wrap #main-content > #corp.about > .princ,
  #wrap #main-content > #form {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
  }
}


/* 2026-08-05: Full-bleed scrollbar compensation */
@media (min-width: 768px) {
  #wrap #main-content > #corp > #promo1,
  #wrap #main-content > #corp.about > .numbs,
  #wrap #main-content > #corp.about > .princ,
  #wrap #main-content > #form {
    width: calc(100vw - 17px);
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
    padding-left: calc(50vw - 50% - 8px) !important;
    padding-right: calc(50vw - 50% - 8px) !important;
  }
}


/* 2026-08-05: Two-column product grid on tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  #wrap #main-content .products-list-new {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 2026-08-06: Catalog section and product card redesign */

#wrap #main-content .sections-list{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,254px));
  justify-content:center;align-items:stretch;gap:18px;margin-left:0;margin-right:0;padding:0
}
#wrap #main-content .section-card-new{
  min-width:0;border:1px solid #d9e0e5;border-radius:4px;background:#fff;
  overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease
}
#wrap #main-content .section-card-new:hover{
  border-color:#9fb4c4;transform:translateY(-2px);box-shadow:0 6px 16px rgba(31,50,65,.08)
}
#wrap #main-content .section-card-new__main{
  display:flex;flex-direction:column;height:100%;padding:0
}
#wrap #main-content .section-card-new__main-img-wrap{
  display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:16/11;
  padding:12px;background:#f5f7f8;overflow:hidden
}
#wrap #main-content .section-card-new__main-img-wrap picture{display:contents}
#wrap #main-content .section-card-new__main-img-wrap img{
  display:block;width:100%;height:100%;max-width:100%;object-fit:contain
}
#wrap #main-content .section-card-new__main-title{
  display:flex;align-items:flex-start;flex:1;margin:0;padding:14px 16px 16px;
  color:#26343e;font-size:16px;line-height:1.38;font-weight:600;text-transform:none
}
#wrap #main-content .products-list-new{gap:24px 18px;align-items:stretch}
#wrap #main-content .product-card-new{
  position:relative;min-width:0;height:100%;border:1px solid #d9e0e5;border-radius:4px;
  background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease
}
#wrap #main-content .product-card-new:hover{border-color:#9fb4c4;box-shadow:0 6px 16px rgba(31,50,65,.08)}
#wrap #main-content .product-card-new__wrap{
  display:flex;flex-direction:column;height:100%;min-height:420px;padding:0;border:0
}
#wrap #main-content .product-card-new__header{display:flex;flex-direction:column}
#wrap #main-content .product-card-new__img-wrap{
  display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:4/3;
  padding:10px;background:#f5f7f8;overflow:hidden
}
#wrap #main-content .product-card-new__img-wrap img{
  display:block;width:100%;height:100%;max-width:100%;object-fit:contain
}
#wrap #main-content .product-card-new__title{
  margin:0;padding:14px 16px 0;color:#26343e;font-size:16px;line-height:1.38;
  font-weight:600;text-transform:none
}
#wrap #main-content .product-card-new__main{
  display:block;flex:1;margin:10px 0 0;padding:0 16px
}
#wrap #main-content .product-card-new__description{
  margin:0;color:#65727c;font-size:14px;line-height:1.5;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden
}
#wrap #main-content .product-card-new__footer{
  display:block;margin:12px 16px 0;padding:14px 0 16px;border-top:1px solid #e6ebee
}
#wrap #main-content .product-card-new__price-value{
  margin:0;color:#e24242;font-size:19px;line-height:1.3;font-weight:700
}
#wrap #main-content .product-card-new__hover{
  display:flex!important;position:absolute;inset:auto 0 0;z-index:3;width:auto;height:auto;
  padding:12px;background:#fff!important;border-top:1px solid #dfe5e9;
  opacity:0;visibility:hidden;transform:translateY(8px);
  box-shadow:0 -6px 18px rgba(31,50,65,.08);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
#wrap #main-content .product-card-new:hover .product-card-new__hover,
#wrap #main-content .product-card-new:focus-within .product-card-new__hover{
  opacity:1;visibility:visible;transform:translateY(0)
}
#wrap #main-content .product-card-new__hover-header,
#wrap #main-content .product-card-new__hover-hidden-link{display:none}
#wrap #main-content .product-card-new__hover-footer,
#wrap #main-content .product-card-new__hover-footer-btns-wrap{width:100%}
#wrap #main-content .product-card-new__hover-footer-btns-wrap{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px
}
#wrap #main-content .product-card-new__hover-footer-btns-wrap form{display:block;margin:0}
#wrap #main-content .product-card-new__btn{
  display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:38px;
  margin:0;padding:0 8px;border:1px solid #0b4f7c;border-radius:3px;background:#fff;
  color:#0b4f7c;font-size:13px;line-height:1.2;font-weight:600;text-align:center;text-transform:none
}
#wrap #main-content .product-card-new__btn--price{
  grid-column:1/-1;background:#0b4f7c;color:#fff
}
@media (max-width:767px){
  #wrap #main-content .sections-list{grid-template-columns:minmax(0,1fr);gap:12px}
  #wrap #main-content .section-card-new__main{
    display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch
  }
  #wrap #main-content .section-card-new__main-img-wrap{height:112px;aspect-ratio:auto;padding:8px}
  #wrap #main-content .section-card-new__main-title{
    align-items:center;padding:12px 14px;font-size:15px;line-height:1.4
  }
  #wrap #main-content .product-card-new__wrap{min-height:0}
  #wrap #main-content .product-card-new__img-wrap{aspect-ratio:16/11}
  #wrap #main-content .product-card-new__hover{
    position:static;display:flex!important;margin-top:0;padding:0 16px 16px;border-top:0;
    opacity:1;visibility:visible;transform:none;box-shadow:none
  }
}
@media (hover:none){
  #wrap #main-content .product-card-new__hover{
    position:static;margin-top:0;padding:0 16px 16px;border-top:0;
    opacity:1;visibility:visible;transform:none;box-shadow:none
  }
}



/* 2026-08-06: Catalog card mobile flow correction */
#wrap #main-content .product-card-new{
  display:flex!important;flex-direction:column
}
#wrap #main-content .product-card-new__wrap{
  flex:1 1 auto
}
#wrap #main-content .product-card-new__btn--add-fav,
#wrap #main-content .product-card-new__btn--link{
  background:#fff!important;color:#0b4f7c!important
}
#wrap #main-content .product-card-new__btn--price{
  background:#0b4f7c!important;color:#fff!important
}


/* 2026-08-06: Keep catalog card actions on one line */
#wrap #main-content .product-card-new__btn{
  white-space:nowrap;letter-spacing:0;padding-left:4px;padding-right:4px
}

/* 2026-08-06: Secondary catalog action spacing */
#wrap #main-content .product-card-new__btn--add-fav,
#wrap #main-content .product-card-new__btn--link{
  padding-left:8px;padding-right:8px;font-size:12px
}


/* 2026-08-06: Compact catalog card actions */
#wrap #main-content .product-card-new__hover-footer-btns-wrap{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:static!important
}
#wrap #main-content .product-card-new__btn--price{
  grid-column:1!important;font-size:12px
}
#wrap #main-content .product-card-new__btn--link{
  grid-column:2!important;padding-left:8px;padding-right:8px;font-size:12px
}
#wrap #main-content .product-card-new__hover-footer-btns-wrap form{
  position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;margin:0
}
#wrap #main-content .product-card-new__btn--add-fav,
#wrap #main-content .product-card-new__btn--remove-fav{
  width:38px;height:38px;padding:0!important;border-color:#d4dde3;
  border-radius:3px;background:#fff!important;color:#0b4f7c!important;
  font-size:0!important;box-shadow:0 2px 8px rgba(31,50,65,.12)
}
#wrap #main-content .product-card-new__btn--add-fav::before{
  content:"♡";font-size:24px;line-height:1;font-weight:400
}
#wrap #main-content .product-card-new__btn--remove-fav::before{
  content:"♥";font-size:21px;line-height:1;font-weight:400
}



/* 2026-08-06: Three-column catalog action row */
#wrap #main-content .product-card-new__hover-footer-btns-wrap{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) 38px;gap:6px
}
#wrap #main-content .product-card-new__btn--price{grid-column:1!important}
#wrap #main-content .product-card-new__btn--link{grid-column:2!important}
#wrap #main-content .product-card-new__hover-footer-btns-wrap form{
  position:static!important;grid-column:3;width:38px;height:38px
}



/* 2026-08-06: Pin catalog actions to one row */
#wrap #main-content .product-card-new__btn--price{grid-column:1!important;grid-row:1!important}
#wrap #main-content .product-card-new__btn--link{grid-column:2!important;grid-row:1!important}
#wrap #main-content .product-card-new__hover-footer-btns-wrap form{grid-column:3!important;grid-row:1!important}



/* 2026-08-06: Optical centering for favorite icon */
#wrap #main-content .product-card-new__btn--add-fav,
#wrap #main-content .product-card-new__btn--remove-fav{
  position:relative!important
}
#wrap #main-content .product-card-new__btn--add-fav::before,
#wrap #main-content .product-card-new__btn--remove-fav::before{
  position:absolute;inset:0;display:grid;place-items:center;
  width:100%;height:100%;font-family:Arial,sans-serif;
  transform:translate(1px,-1px)
}



/* 2026-08-06: Catalog action interaction states */
#wrap #main-content .product-card-new__btn{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,
    box-shadow .18s ease,transform .16s ease
}
#wrap #main-content .product-card-new__btn:hover{
  transform:translateY(-1px);box-shadow:0 4px 10px rgba(31,50,65,.14)
}
#wrap #main-content .product-card-new__btn--price:hover{
  background:#073d64!important;border-color:#073d64;color:#fff
}
#wrap #main-content .product-card-new__btn--link:hover{
  background:#eef5f8;color:#073d64;border-color:#7fa3bb
}
#wrap #main-content .product-card-new__btn--add-fav:hover,
#wrap #main-content .product-card-new__btn--remove-fav:hover{
  background:#f7fafc!important;border-color:#7fa3bb
}
#wrap #main-content .product-card-new__btn--add-fav:hover::before,
#wrap #main-content .product-card-new__btn--remove-fav:hover::before{
  color:#e24242;transform:translate(1px,-1px) scale(1.08)
}
#wrap #main-content .product-card-new__btn:active{
  transform:translateY(0) scale(.98);box-shadow:none
}
#wrap #main-content .product-card-new__btn:focus-visible{
  outline:2px solid #7faecc;outline-offset:2px
}
#wrap #main-content .product-card-new__btn--add-fav::before,
#wrap #main-content .product-card-new__btn--remove-fav::before{
  transition:color .18s ease,transform .18s ease
}
@media (prefers-reduced-motion:reduce){
  #wrap #main-content .product-card-new__btn,
  #wrap #main-content .product-card-new__btn::before{transition:none}
}


/* 2026-08-06: Stable catalog product detail layout */
#wrap #main-content #two-col {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
#wrap #main-content .catalog-detail {
  width: 100%;
  max-width: 1080px;
  margin: 18px auto 0;
}
#wrap #main-content .catalog-detail__top {
  display: grid;
  grid-template-columns: minmax(0, 390px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  width: 100%;
}
#wrap #main-content .catalog-detail__top::after {
  content: none;
}
#wrap #main-content .catalog-detail__foto,
#wrap #main-content .catalog-detail__top__right {
  width: auto;
  min-width: 0;
  margin: 0;
}
#wrap #main-content .catalog-detail__foto {
  align-self: start;
}
#wrap #main-content .gallery-container,
#wrap #main-content .main-image-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0;
  overflow: hidden;
  background: #f5f7f8;
}
#wrap #main-content .main-image {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
#wrap #main-content .catalog-detail__chars {
  width: 100%;
  padding: 12px 18px;
  border: 1px solid #d9e0e5;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
#wrap #main-content .catalog-detail__chars__item {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(150px, .85fr);
  gap: 18px;
  align-items: baseline;
  width: 100%;
  min-height: 0;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #e7ecef;
  font-size: 14px;
  line-height: 1.45;
  box-sizing: border-box;
}
#wrap #main-content .catalog-detail__chars__item:last-child {
  border-bottom: 0;
}
#wrap #main-content .catalog-detail__chars__item > div {
  width: auto;
  min-width: 0;
  border: 0;
}
#wrap #main-content .catalog-detail__chars__item > div:first-child {
  color: #44515a;
}
#wrap #main-content .catalog-detail__chars__item > div:last-child {
  color: #26343e;
  font-weight: 500;
  text-align: right;
}
#wrap #main-content .catalog-detail__chars__item span {
  border: 0 !important;
  background: none !important;
}
#wrap #main-content .catalog-detail__chars__item:has(> div:last-child:empty) {
  grid-template-columns: minmax(0, 1fr);
  padding-top: 13px;
  padding-bottom: 6px;
  border-bottom-color: #d9e0e5;
  font-weight: 700;
}
#wrap #main-content .price-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 0;
  margin: 16px 0 0;
  padding: 16px 18px;
  border: 1px solid #d9e0e5;
  border-radius: 4px;
  background: #f6f8f9 !important;
  color: #26343e !important;
  font-size: 0 !important;
  box-sizing: border-box;
}
#wrap #main-content .price-box b {
  flex: 1 1 200px;
  margin: 0 auto 0 0;
  color: #e24242;
  font-size: 23px;
  line-height: 1.3;
  white-space: nowrap;
}
#wrap #main-content .price-box b::before {
  content: "&5=0: ";
  color: #4f5b64;
  font-size: 15px;
  font-weight: 400;
}
#wrap #main-content .price-box b span {
  margin-right: 7px;
  color: #7b858d;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}
#wrap #main-content .price-box .orderbut,
#wrap #main-content .price-box .tofav {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: 40px;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #0b4f7c;
  border-radius: 3px;
  background: #0b4f7c !important;
  box-shadow: none;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .16s ease;
}
#wrap #main-content .price-box .tofav,
#wrap #main-content .price-box .orderbut[href="/delivery/"] {
  border-color: #87a7bc;
  background: #fff !important;
  color: #0b4f7c !important;
}
#wrap #main-content .price-box .tofav {
  background-image: none !important;
}
#wrap #main-content .price-box .orderbut:hover {
  border-color: #073d64;
  background: #073d64 !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(31, 50, 65, .14);
}
#wrap #main-content .price-box .tofav:hover,
#wrap #main-content .price-box .orderbut[href="/delivery/"]:hover {
  border-color: #0b4f7c;
  background: #edf4f7 !important;
  color: #073d64 !important;
}
#wrap #main-content .price-box .orderbut:active,
#wrap #main-content .price-box .tofav:active {
  transform: scale(.98);
  box-shadow: none;
}
#wrap #main-content .price-box .orderbut:focus-visible,
#wrap #main-content .price-box .tofav:focus-visible {
  outline: 2px solid #7faecc;
  outline-offset: 2px;
}
#wrap #main-content .catalog-detail .tabs-content {
  width: 100%;
  margin-top: 30px;
}
#wrap #main-content .catalog-detail .tab-item {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#wrap #main-content .catalog-detail .tab-item h2 {
  margin: 0 0 14px;
  font-size: 25px;
  line-height: 1.35;
}
#wrap #main-content .catalog-detail .tab-item p,
#wrap #main-content .catalog-detail .tab-item li {
  font-size: 16px;
  line-height: 1.65;
}
#wrap #main-content #two-col > h2,
#wrap #main-content #two-col > h3,
#wrap #main-content .review-lab--catalog h2 {
  font-size: 25px;
  line-height: 1.35;
}
#wrap #main-content .review-lab--catalog,
#wrap #main-content .products-list-new,
#wrap #main-content .section.works {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#wrap #main-content #rp:not(:has(+ .section.works .swiper-slide)),
#wrap #main-content .section.works:not(:has(.swiper-slide)) {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1100px) {
  #wrap #main-content #two-col,
  #wrap #main-content .catalog-detail {
    max-width: calc(100% - 40px);
  }
  #wrap #main-content .catalog-detail__top {
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 20px;
  }
  #wrap #main-content .catalog-detail__chars__item {
    grid-template-columns: minmax(0, 1fr) minmax(130px, .75fr);
    gap: 14px;
  }
  #wrap #main-content .price-box b {
    flex-basis: 100%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #wrap #main-content #two-col,
  #wrap #main-content .catalog-detail {
    max-width: none;
  }
  #wrap #main-content .catalog-detail {
    margin-top: 12px;
  }
  #wrap #main-content .catalog-detail__top {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  #wrap #main-content .catalog-detail__foto,
  #wrap #main-content .catalog-detail__top__right {
    width: 100%;
  }
  #wrap #main-content .catalog-detail__chars {
    padding: 9px 12px;
  }
  #wrap #main-content .catalog-detail__chars__item {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    padding: 9px 0;
  }
  #wrap #main-content .catalog-detail__chars__item > div:last-child {
    text-align: left;
  }
  #wrap #main-content .price-box {
    gap: 8px;
    padding: 14px;
  }
  #wrap #main-content .price-box b {
    flex-basis: 100%;
    margin-right: 0;
  }
  #wrap #main-content .price-box .orderbut,
  #wrap #main-content .price-box .tofav {
    flex: 1 1 calc(50% - 4px);
  }
  #wrap #main-content .price-box .orderbut[href="/delivery/"] {
    flex-basis: 100%;
  }
  #wrap #main-content .catalog-detail .tabs-content {
    margin-top: 24px;
  }
  #wrap #main-content .catalog-detail .tab-item h2,
  #wrap #main-content #two-col > h2,
  #wrap #main-content #two-col > h3,
  #wrap #main-content .review-lab--catalog h2 {
    font-size: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #wrap #main-content .price-box .orderbut,
  #wrap #main-content .price-box .tofav {
    transition: none;
  }
}

/* 2026-08-06: Legacy product price overrides */
#wrap #main-content .price-box b {
  font-size: 23px !important;
}
#wrap #main-content .price-box .orderbut,
#wrap #main-content .price-box .tofav {
  display: inline-flex !important;
}
#wrap #main-content .price-box .tofav::before {
  content: none !important;
  display: none !important;
}

/* 2026-08-06: Legacy product price overrides */
#wrap #main-content .price-box b {
  font-size: 23px !important;
}
#wrap #main-content .price-box .orderbut,
#wrap #main-content .price-box .tofav {
  display: inline-flex !important;
}
#wrap #main-content .price-box .tofav::before {
  content: none !important;
  display: none !important;
}

/* 2026-08-06: Legacy product price overrides */
#wrap #main-content .price-box b {
  font-size: 23px !important;
}
#wrap #main-content .price-box .orderbut,
#wrap #main-content .price-box .tofav {
  display: inline-flex !important;
}
#wrap #main-content .price-box .tofav::before {
  content: none !important;
  display: none !important;
}

/* 2026-08-06: Legacy product price overrides */
#wrap #main-content .price-box b {
  font-size: 23px !important;
}
#wrap #main-content .price-box .orderbut,
#wrap #main-content .price-box .tofav {
  display: inline-flex !important;
}
#wrap #main-content .price-box .tofav::before {
  content: none !important;
  display: none !important;
}

/* 2026-08-06: Compact mobile product specifications */
#wrap #main-content .price-box {
  line-height: 0 !important;
}
@media (max-width: 767px) {
  #wrap #main-content .catalog-detail__chars__item {
    grid-template-columns: minmax(0, 1.08fr) minmax(105px, .92fr);
    gap: 10px;
  }
  #wrap #main-content .catalog-detail__chars__item > div:last-child {
    text-align: right;
  }
  #wrap #main-content .catalog-detail__chars__item:has(> div:last-child:empty) {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 2026-08-06: Keep mobile price on the first flex row */
@media (max-width: 767px) {
  #wrap #main-content .price-box b {
    order: -1;
  }
}

/* 2026-08-06: Keep real mobile price actions before the legacy text node */
@media (max-width: 767px) {
  #wrap #main-content .price-box > b,
  #wrap #main-content .price-box > a {
    order: -1;
  }
}

/* 2026-08-06: Stable mobile price action grid */
@media (max-width: 767px) {
  #wrap #main-content .price-box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #wrap #main-content .price-box > b {
    grid-column: 1 / -1;
  }
  #wrap #main-content .price-box > .orderbut,
  #wrap #main-content .price-box > .tofav {
    width: 100%;
  }
  #wrap #main-content .price-box > .orderbut[href="/delivery/"] {
    grid-column: 1 / -1;
  }
}

/* 2026-08-06: Consistent product price actions and empty specs */
#wrap #main-content .catalog-detail__chars:not(:has(.catalog-detail__chars__item)) {
  display: none !important;
}
#wrap #main-content .price-box {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 8px;
}
#wrap #main-content .price-box > b,
#wrap #main-content .price-box > a {
  order: -1;
}
#wrap #main-content .price-box > b {
  grid-column: 1 / -1;
  width: 100%;
}
#wrap #main-content .price-box > .orderbut,
#wrap #main-content .price-box > .tofav {
  width: 100%;
}
@media (max-width: 767px) {
  #wrap #main-content .price-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #wrap #main-content .price-box > .orderbut[href="/delivery/"] {
    grid-column: 1 / -1;
  }
}

/* 2026-08-06: Product price-request buttons and long spec labels */
#wrap #main-content .price-box > button.orderbut {
  order: -1;
  width: 100%;
}
@media (max-width: 767px) {
  #wrap #main-content .catalog-detail__chars__item > div,
  #wrap #main-content .catalog-detail__chars__item span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

/* 2026-08-06: Download-price blocks inside product descriptions */
#wrap #main-content .catalog-detail .tab-item .price-box {
  display: block !important;
  width: 100%;
  min-height: 0;
  margin: 18px 0;
  padding: 0;
  border: 0;
  background: transparent !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
#wrap #main-content .catalog-detail .tab-item .price-box > a.morder.price {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: 100%;
  min-height: 42px;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border: 1px solid #0b4f7c !important;
  border-radius: 3px;
  background: #0b4f7c !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: center;
  text-transform: none;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  order: 0;
}
#wrap #main-content .catalog-detail .tab-item .price-box > a.morder.price:hover {
  border-color: #073d64 !important;
  background: #073d64 !important;
}
@media (max-width: 767px) {
  #wrap #main-content .catalog-detail .tab-item .price-box > a.morder.price {
    width: 100% !important;
  }
}

/* 2026-08-06: Remove broken encoded price label and restore spacing */
#wrap #main-content .catalog-detail__top__right > .price-box {
  padding: 16px 18px !important;
}
#wrap #main-content .catalog-detail__top__right > .price-box > b {
  text-align: left !important;
}
#wrap #main-content .catalog-detail__top__right > .price-box > b::before {
  content: none !important;
  display: none !important;
}
@media (max-width: 767px) {
  #wrap #main-content .catalog-detail__top__right > .price-box {
    padding: 14px !important;
  }
}

/* 2026-08-06: Order photos */
#wrap #main-content #cat-section > .catalog-section .wp {
  height: auto !important;
  border: 1px solid #d9e0e5;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .16s ease;
}
#wrap #main-content #cat-section > .catalog-section .wp > a[data-entity="image-wrapper"] {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100% !important;
  color: inherit;
  text-decoration: none;
}
#wrap #main-content #cat-section > .catalog-section .wp img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: cover !important;
  transition: transform .22s ease;
}
#wrap #main-content #cat-section > .catalog-section .wp .link_redizain {
  position: static !important;
  display: flex !important;
  align-items: center;
  width: 100% !important;
  min-height: 64px;
  height: auto !important;
  padding: 12px 14px !important;
  background: #fff !important;
  color: #26343e;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  box-sizing: border-box;
}
#wrap #main-content #cat-section > .catalog-section > .row {
  margin-bottom: 20px;
}
#wrap #main-content #cat-section > .catalog-section > .row:last-child {
  margin-bottom: 0;
}
#wrap #main-content #cat-section > .catalog-section .wp:hover {
  border-color: #9bb2c1;
  box-shadow: 0 6px 16px rgba(31, 50, 65, .11);
  transform: translateY(-1px);
}
#wrap #main-content #cat-section > .catalog-section .wp:hover img {
  transform: scale(1.015);
}

/* 2026-08-06: Portfolio listing */
#wrap #main-content .portfolio {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: 100% !important;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
#wrap #main-content .portfolio > .item-portfolio {
  float: none !important;
  flex: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border: 1px solid #d9e0e5;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  transition: border-color .18s ease, box-shadow .18s ease, transform .16s ease;
}
#wrap #main-content .portfolio > .item-portfolio .inner,
#wrap #main-content .portfolio > .item-portfolio .actions-link {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
#wrap #main-content .portfolio > .item-portfolio .actions-link > [itemprop="image"] {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 635 / 376;
  overflow: hidden;
}
#wrap #main-content .portfolio > .item-portfolio img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .22s ease;
}
#wrap #main-content .portfolio > .item-portfolio .text-portfolio {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 11px 14px 0 !important;
  background: #fff !important;
  color: #667680;
  font-size: 13px !important;
  line-height: 1.35;
  box-sizing: border-box;
}
#wrap #main-content .portfolio > .item-portfolio .section {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0 !important;
  background: none !important;
  color: #667680 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
#wrap #main-content .portfolio > .item-portfolio .ttl {
  position: static !important;
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  width: 100% !important;
  min-height: 72px;
  height: auto !important;
  margin: 0;
  padding: 6px 14px 14px !important;
  background: #fff;
  color: #26343e;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  box-sizing: border-box;
}
#wrap #main-content .portfolio > .item-portfolio:hover {
  border-color: #9bb2c1;
  box-shadow: 0 6px 16px rgba(31, 50, 65, .11);
  transform: translateY(-1px);
}
#wrap #main-content .portfolio > .item-portfolio:hover img {
  transform: scale(1.015);
}
#wrap #main-content .portfolio > .item-portfolio:hover .ttl {
  color: #0b4f7c;
}

/* 2026-08-06: Portfolio detail */
#wrap #main-content .portfolio-container {
  width: 100% !important;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
#wrap #main-content .portfolio-container > .portfolio-main-slider,
#wrap #main-content .portfolio-container > .portfolio-button-wrapper,
#wrap #main-content .portfolio-container > .portfolio-content,
#wrap #main-content .portfolio-container > .portfolio-other-works {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
#wrap #main-content .portfolio-container .portfolio-main-slider {
  height: auto !important;
  aspect-ratio: 5 / 1;
  margin-bottom: 28px;
}
#wrap #main-content .portfolio-container .portfolio-slider-container,
#wrap #main-content .portfolio-container .portfolio-slider-wrapper,
#wrap #main-content .portfolio-container .portfolio-anythingSlider,
#wrap #main-content .portfolio-container .portfolio-anythingWindow,
#wrap #main-content .portfolio-container .portfolio-slider-base,
#wrap #main-content .portfolio-container .portfolio-slide,
#wrap #main-content .portfolio-container .portfolio-slide-image,
#wrap #main-content .portfolio-container .portfolio-slide-link,
#wrap #main-content .portfolio-container .portfolio-slide img {
  height: 100% !important;
}
#wrap #main-content .portfolio-container .portfolio-slider-container,
#wrap #main-content .portfolio-container .portfolio-slider-wrapper,
#wrap #main-content .portfolio-container .portfolio-anythingSlider,
#wrap #main-content .portfolio-container .portfolio-anythingWindow,
#wrap #main-content .portfolio-container .portfolio-slider-base {
  width: 100% !important;
}
#wrap #main-content .portfolio-container .portfolio-slide img {
  display: block;
  width: 100% !important;
  object-fit: cover;
}
#wrap #main-content .portfolio-container .portfolio-content {
  font-size: 16px;
  line-height: 1.65;
}
#wrap #main-content .portfolio-container .portfolio-content h2,
#wrap #main-content .portfolio-container .portfolio-content h3 {
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 1.35;
}
#wrap #main-content .portfolio-container .portfolio-content:empty {
  display: none;
}
@media (max-width: 767px) {
  #wrap #main-content #cat-section > .catalog-section > .row {
    margin-bottom: 16px;
  }
  #wrap #main-content .portfolio {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  #wrap #main-content .portfolio > .item-portfolio .ttl {
    min-height: 0;
  }
  #wrap #main-content .portfolio-container .portfolio-main-slider {
    aspect-ratio: 8 / 5;
    margin-bottom: 22px;
  }
  #wrap #main-content .portfolio-container .portfolio-slide {
    width: 100% !important;
    min-width: 100% !important;
  }
  #wrap #main-content .portfolio-container .portfolio-content {
    font-size: 16px;
    line-height: 1.65;
  }
}
@media (prefers-reduced-motion: reduce) {
  #wrap #main-content #cat-section > .catalog-section .wp,
  #wrap #main-content #cat-section > .catalog-section .wp img,
  #wrap #main-content .portfolio > .item-portfolio,
  #wrap #main-content .portfolio > .item-portfolio img {
    transition: none;
  }
}

/* 2026-08-06: Override legacy #actions percentage cards */
#wrap #main-content #actions.portfolio > .item.item-portfolio {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 4px !important;
}

/* 2026-08-06: Override legacy fixed portfolio title height */
#wrap #main-content #actions.portfolio .item-portfolio .actions-link .ttl {
  min-height: 72px !important;
}
@media (max-width: 767px) {
  #wrap #main-content #actions.portfolio .item-portfolio .actions-link .ttl {
    min-height: 0 !important;
  }
}

/* 2026-08-06: Stable portfolio caption rhythm */
#wrap #main-content #cat-section > .catalog-section .wp .link_redizain {
  min-height: 68px !important;
  height: 68px !important;
}
@media (max-width: 767px) {
  #wrap #main-content #actions.portfolio .item-portfolio .actions-link .ttl {
    min-height: 52px !important;
  }
}

/* 2026-08-06: Unified 4:3 work photography */
#wrap #main-content #cat-section > .catalog-section .wp img {
  aspect-ratio: 4 / 3 !important;
}
#wrap #main-content .portfolio > .item-portfolio .actions-link > [itemprop="image"] {
  aspect-ratio: 4 / 3 !important;
}
#wrap #main-content .portfolio-container .portfolio-main-slider {
  aspect-ratio: 54 / 13 !important;
}

/* Other works use the same card system as the portfolio listing */
#wrap #main-content .portfolio-container .portfolio-other-works,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-slider-container,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-slider-wrapper,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-anythingSlider,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-anythingWindow,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slider-base {
  height: auto !important;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slider-base {
  display: flex;
  align-items: stretch;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide {
  height: auto !important;
  border: 1px solid #d9e0e5;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  transition: border-color .18s ease, box-shadow .18s ease, transform .16s ease;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-link,
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-image {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  color: inherit;
  text-decoration: none;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-image img {
  position: static !important;
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover !important;
  transition: transform .22s ease;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-overlay {
  display: none !important;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-title {
  position: static !important;
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  width: 100% !important;
  min-height: 72px;
  height: auto !important;
  padding: 11px 14px 14px !important;
  background: #fff !important;
  color: #26343e !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  box-sizing: border-box;
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide:hover {
  border-color: #9bb2c1;
  box-shadow: 0 6px 16px rgba(31, 50, 65, .11);
  transform: translateY(-1px);
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide:hover img {
  transform: scale(1.015);
}
#wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide:hover .portfolio-work-title {
  color: #0b4f7c !important;
}
@media (max-width: 767px) {
  #wrap #main-content .portfolio-container .portfolio-main-slider {
    aspect-ratio: 4 / 3 !important;
  }
  #wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide {
    width: 100% !important;
    min-width: 100% !important;
  }
  #wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-title {
    min-height: 52px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #wrap #main-content .portfolio-container .portfolio-other-works .portfolio-other-slide,
  #wrap #main-content .portfolio-container .portfolio-other-works .portfolio-work-image img {
    transition: none;
  }
}

/* Unified 5px corner radius for catalog and project imagery */
.product-card-new,
.product-card-new__wrap,
.product-card-new__img-wrap,
.product-card-new__img-wrap img,
.portfolio .item-portfolio,
.portfolio .item-portfolio > a,
.portfolio .item-portfolio img,
.portfolio-main-slider,
.portfolio-main-slider .portfolio-slide,
.portfolio-main-slider .portfolio-slide img,
.portfolio-other-slide,
.portfolio-other-slide .portfolio-work-image,
.portfolio-other-slide .portfolio-work-image img,
.catalog-section .product-item,
.catalog-section .product-item-container,
.catalog-section .product-item-image-wrapper,
.catalog-section .product-item-image-original {
  border-radius: 5px !important;
}

.catalog-section .product-item-container img {
  border-radius: 5px !important;
}

/* Services index and detail layout */
#serv-cat {
  width: 1080px;
  max-width: calc(100% - 40px);
  margin: 0 auto 56px;
}
#serv-cat > .item {
  width: 100% !important;
  margin: 0 !important;
}
#serv-cat > .item > h2 {
  margin: 0 0 20px;
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
#serv-cat > .item > div:not(.anons) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}
#serv-cat .rem {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
#serv-cat .rem a {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  min-height: 334px;
  padding: 0 16px 16px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #d8e0e5;
  border-radius: 5px;
  background: #fff;
  color: #174f72 !important;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.35 !important;
  text-align: left;
  text-decoration: none !important;
  text-transform: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#serv-cat .rem a:hover {
  border-color: #8faebe;
  box-shadow: 0 5px 16px rgba(23, 58, 78, .10);
  transform: translateY(-2px);
}
#serv-cat .rem a > span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: calc(100% + 32px) !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  margin: 0 -16px 14px;
  overflow: hidden;
  border-bottom: 1px solid #e2e7ea;
  border-radius: 5px 5px 0 0;
  background: #f5f7f8;
}
#serv-cat .rem a > span img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  object-fit: contain;
}
#serv-cat .anons {
  width: 100% !important;
  margin-top: 28px;
}

#two-col {
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 30px;
  width: 1080px !important;
  max-width: calc(100% - 40px);
  margin: 0 auto 56px;
}
#two-col::after {
  display: none !important;
}
#two-col .left,
#two-col .right {
  float: none !important;
  width: auto !important;
  min-width: 0;
  height: auto !important;
}
#two-col .left {
  align-self: stretch;
}
#two-col .scroll-menu {
  position: sticky !important;
  top: 96px !important;
  width: 100% !important;
}
#two-col .men1,
#two-col .men2 {
  display: grid;
  gap: 8px;
  width: 100%;
}
#two-col .men2 {
  margin-top: 12px;
}
#two-col .men1:empty,
#two-col .men2:empty {
  display: none;
}
#two-col .men1 a,
#two-col .men2 a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 12px !important;
  box-sizing: border-box;
  border: 1px solid #a8bdc9 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #174f72 !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.3 !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
#two-col .men1 a:hover,
#two-col .men1 a.curr {
  border-color: #17628c !important;
  background: #eef5f8 !important;
}
#two-col .men2 .orderbut {
  border-color: #0f5e88 !important;
  background: #0f5e88 !important;
  color: #fff !important;
}
#two-col .men2 a:hover {
  border-color: #0b4d70 !important;
  background: #0b4d70 !important;
  color: #fff !important;
}
#two-col .right {
  color: #34424c;
}
#two-col .right p,
#two-col .right li {
  font-size: 16.5px !important;
  line-height: 1.55 !important;
}
#two-col .right p {
  margin: 0 0 16px !important;
}
#two-col .right h2 {
  margin: 34px 0 16px !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
}
#two-col .right h2::first-letter {
  text-transform: uppercase;
}
#two-col .right h3 {
  margin: 28px 0 14px !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
#two-col .right ul,
#two-col .right ol {
  margin: 0 0 22px !important;
  padding-left: 24px !important;
}
#two-col .right li {
  margin: 0 0 8px !important;
  padding-left: 3px;
}
#two-col .service_call {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 24px 0 30px !important;
  padding: 18px 20px !important;
  box-sizing: border-box;
  border: 1px solid #d4e0e6;
  border-left: 4px solid #0f5e88;
  border-radius: 5px;
  background: #f4f8fa !important;
  color: #263944 !important;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.35 !important;
  text-align: left;
}
#two-col .service_call .phone_call {
  flex: 0 0 auto;
  color: #0f5e88 !important;
  font-size: 20px !important;
  white-space: nowrap;
}
#two-col .info_tab {
  width: 100% !important;
  margin: 0 0 28px !important;
  overflow: hidden;
  border: 1px solid #d7e0e5 !important;
  border-radius: 5px;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  background: #fff;
}
#two-col .info_tab th,
#two-col .info_tab td {
  height: auto !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-right: 1px solid #e1e7ea !important;
  border-bottom: 1px solid #e1e7ea !important;
  color: #34424c !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  vertical-align: top !important;
  word-break: normal !important;
  overflow-wrap: break-word;
}
#two-col .info_tab th {
  background: #edf3f6 !important;
  color: #263944 !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}
#two-col .info_tab tr:nth-child(even) td {
  background: #f8fafb;
}
#two-col .info_tab tr > :last-child {
  border-right: 0 !important;
}
#two-col .info_tab tr:last-child > * {
  border-bottom: 0 !important;
}
#two-col .order {
  display: flex !important;
  gap: 10px;
  width: 100% !important;
  height: auto !important;
  margin: 30px 0 0 !important;
  padding: 16px !important;
  box-sizing: border-box;
  border: 1px solid #d7e0e5;
  border-radius: 5px;
  background: #f7f9fa !important;
}
#two-col .order a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-height: 44px;
  padding: 10px 14px !important;
  box-sizing: border-box;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.25 !important;
  text-align: center;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
#two-col .order .m_o {
  border: 1px solid #0f5e88 !important;
  background: #0f5e88 !important;
  color: #fff !important;
}
#two-col .order .z_k {
  border: 1px solid #a8bdc9 !important;
  background: #fff !important;
  color: #174f72 !important;
}
#two-col .order .m_o:hover,
#two-col .order .z_k:hover {
  border-color: #0b4d70 !important;
  background: #0b4d70 !important;
  color: #fff !important;
}

@media (max-width: 1024px) {
  #serv-cat > .item > div:not(.anons) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #two-col {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 22px;
  }
}
@media (max-width: 767px) {
  #serv-cat {
    max-width: none;
    width: auto;
    margin: 0 20px 40px;
  }
  #serv-cat > .item > div:not(.anons) {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  #serv-cat .rem a {
    min-height: 0;
  }
  #two-col {
    display: block !important;
    max-width: none;
    width: auto !important;
    margin: 0 20px 40px;
  }
  #two-col .left {
    margin: 0 0 24px;
  }
  #two-col .scroll-menu {
    position: static !important;
  }
  #two-col .men1 {
    margin-bottom: 8px;
  }
  #two-col .men2 {
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }
  #two-col .right p,
  #two-col .right li {
    font-size: 16px !important;
  }
  #two-col .right h2 {
    margin-top: 28px !important;
    font-size: 22px !important;
  }
  #two-col .service_call {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    padding: 16px !important;
  }
  #two-col .service_call .phone_call {
    font-size: 18px !important;
  }
  #two-col .info_tab {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  #two-col .info_tab tbody {
    min-width: 680px;
  }
  #two-col .order {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  #serv-cat {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #two-col .left {
    display: block !important;
    width: 100% !important;
  }
  #two-col .right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #two-col .service_call,
  #two-col .order {
    width: 100% !important;
    max-width: 100%;
  }
  #two-col .info_tab {
    width: 100% !important;
    max-width: 100% !important;
  }
  #two-col .info_tab tbody {
    display: table !important;
    width: 680px !important;
    min-width: 680px;
  }
}

/* Icon and text feature rows */
#wrap .list_order {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  width: 100% !important;
  margin: 22px 0 28px !important;
}
#wrap .list_order .list_order_item {
  display: grid !important;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center !important;
  gap: 16px;
  width: auto !important;
  min-width: 0;
  min-height: 100px;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  box-sizing: border-box;
  border: 1px solid #dde5e9;
  border-radius: 5px;
  background: #f8fafb;
  text-align: left !important;
}
#wrap .list_order .list_order_item > img {
  display: block !important;
  width: 70px !important;
  height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  margin: 0 !important;
  object-fit: contain;
}
#wrap .list_order .list_order_item > p {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  color: #34424c;
  font-size: 16.5px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
@media (max-width: 767px) {
  #wrap .list_order {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  #wrap .list_order .list_order_item {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 14px;
    min-height: 84px;
    padding: 12px 14px !important;
  }
  #wrap .list_order .list_order_item > img {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }
  #wrap .list_order .list_order_item > p {
    font-size: 16px !important;
  }
}

/* Product characteristics without dotted leaders */
.catalog-detail__chars__item > div:first-child::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

.catalog-detail__chars__item {
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto) !important;
  gap: 20px;
  align-items: start;
  padding: 8px 0;
  border-bottom: 1px solid #e2e7ea;
}

.catalog-detail__chars__item > div:first-child,
.catalog-detail__chars__item > div:last-child {
  min-width: 0;
}

.catalog-detail__chars__item > div:first-child {
  color: #53636e;
}

.catalog-detail__chars__item > div:last-child {
  color: #263944;
  font-weight: 500;
  text-align: right;
}

@media (max-width: 767px) {
  .catalog-detail__chars__item {
    grid-template-columns: minmax(0, 1fr) minmax(110px, auto) !important;
    gap: 12px;
    padding: 9px 0;
  }
}

/* Unified catalog category first screen */

#main-content:has(> #cat-section) > .title-and-bread:has(h1) {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
  display: block !important;
}
#main-content:has(> #cat-section) > .title-and-bread:has(h1) h1 {
  margin: 0 !important;
  text-align: left !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
#cat-section > .top-block-container {
  display: grid !important;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  gap: 48px !important;
  align-items: start !important;
  margin-bottom: 36px !important;
}
#cat-section .top-block-container-left {
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 4 / 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f3f5f6;
  border-radius: 5px;
}
#cat-section .top-block-container-left img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain;
  border-radius: 5px;
}
#cat-section .top-block-container-right {
  width: auto !important;
  min-width: 0;
}
#cat-section .top-block-right-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
}
#cat-section .top-block-price-container {
  flex: 1 0 100%;
  width: 100% !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  align-items: baseline;
}
#cat-section .top-block-price {
  font-size: 28px;
}
#cat-section .top-block-button-1,
#cat-section .top-block-button-2,
#cat-section .top-block-button-3 {
  flex: 1 1 160px;
  width: auto !important;
  min-width: 0;
  min-height: 44px;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 5px !important;
  white-space: nowrap;
}
#cat-section .top-block-text {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #35444d;
}
#cat-section .top-block-props {
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.35;
}
#cat-section .top-block-props p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  margin: 0 !important;
  padding: 6px 0;
  border-bottom: 1px solid #e2e7ea;
}
#cat-section .top-block-props p:first-child { padding-top: 0; }
#cat-section .top-block-props p:last-child { border-bottom: 0; }
#cat-section .top-block-props span {
  color: #263944 !important;
  font-weight: 600;
  text-align: right;
}
@media (max-width: 767px) {
  #main-content:has(> #cat-section) > .title-and-bread:has(h1) {
    margin-bottom: 18px !important;
  }
  #main-content:has(> #cat-section) > .title-and-bread:has(h1) h1 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
  #cat-section > .top-block-container {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 28px !important;
  }
  #cat-section .top-block-container-left {
    aspect-ratio: 4 / 3;
  }
  #cat-section .top-block-right-buttons {
    gap: 10px !important;
    margin-bottom: 18px !important;
  }
  #cat-section .top-block-button-1,
  #cat-section .top-block-button-2,
  #cat-section .top-block-button-3 {
    flex-basis: 100%;
  }
  #cat-section .top-block-text,
  #cat-section .top-block-props {
    font-size: 15px !important;
  }
  #cat-section .top-block-props p {
    gap: 12px;
    padding: 7px 0;
  }
}


/* Category intro alignment and first-screen button states */
#cat-section > p {
  width: 1080px !important;
  max-width: calc(100% - 40px);
  box-sizing: border-box;
  margin: 0 auto 24px !important;
  line-height: 1.5;
}

#cat-section .top-block-button-1,
#cat-section .top-block-button-2,
#cat-section .top-block-button-3 {
  cursor: pointer;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease !important;
}

@media (hover: hover) {
  #cat-section .top-block-button-1:hover {
    background-color: #e98512 !important;
    box-shadow: 0 6px 14px rgba(247, 148, 28, 0.22);
    transform: translateY(-1px);
  }

  #cat-section .top-block-button-2:hover {
    background-color: #003a6d !important;
    box-shadow: 0 6px 14px rgba(0, 58, 121, 0.2);
    transform: translateY(-1px);
  }

  #cat-section .top-block-button-3:hover {
    color: #003a79 !important;
    background-color: #f2f6f9 !important;
    border-color: #00579a !important;
    box-shadow: 0 6px 14px rgba(0, 58, 121, 0.12);
    transform: translateY(-1px);
  }
}

#cat-section .top-block-button-1:active,
#cat-section .top-block-button-2:active,
#cat-section .top-block-button-3:active {
  transform: translateY(0) scale(0.985) !important;
  box-shadow: 0 2px 6px rgba(0, 58, 121, 0.12) !important;
}

#cat-section .top-block-button-1:focus-visible,
#cat-section .top-block-button-2:focus-visible,
#cat-section .top-block-button-3:focus-visible {
  outline: 2px solid #1b78ad;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #cat-section .top-block-button-1,
  #cat-section .top-block-button-2,
  #cat-section .top-block-button-3 {
    transition: none !important;
  }
}


/* Keep category intro aligned with the responsive content grid */
#cat-section > p {
  width: 100% !important;
  max-width: 1080px;
}

/* 2026-08-08: Full screenshot audit fixes */
#wrap #main-content .portfolio-container > .portfolio-main-slider:not(:has(.portfolio-slide)) {
    display: none !important;
}

#wrap #main-content .portfolio-container > .portfolio-button-wrapper {
    margin: 24px 0 !important;
}

#wrap #main-content .portfolio-container > .portfolio-content:not(:empty) {
    margin-top: 20px !important;
}

#wrap #main-content .portfolio-container > .portfolio-other-works {
    margin-top: 32px !important;
}

#wrap #main-content #actions:has(> .item .inner iframe) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
    align-items: start;
}

#wrap #main-content #actions:has(> .item .inner iframe) > .item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

#wrap #main-content #actions > .item > .inner:has(iframe) {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 5px;
    background: #101820;
}

#wrap #main-content #actions > .item > .inner > iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    border-radius: 5px;
    background: #101820;
}

#wrap #main-content #actions:has(> .item .inner iframe) > .item > .ttl {
    min-height: 0 !important;
    margin: 0 0 10px !important;
    line-height: 1.35 !important;
}

#wrap #main-content #actions:has(> .item .inner iframe) > .item > p {
    margin: 12px 0 0 !important;
    line-height: 1.55 !important;
}

@media (max-width: 767px) {
    #wrap #main-content #actions:has(> .item .inner iframe) {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    #wrap #main-content .portfolio-container > .portfolio-button-wrapper {
        margin: 18px 0 !important;
    }
}

/* 2026-08-08: Video card flow correction */
#wrap #main-content #actions > .item > .inner:has(iframe) {
    aspect-ratio: auto;
    overflow: visible;
    background: transparent;
}

#wrap #main-content #actions > .item > .inner > iframe {
    height: auto !important;
    aspect-ratio: 16 / 9;
}

#wrap #main-content #actions:has(> .item .inner iframe) .ttl {
    position: static !important;
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #26343e !important;
    line-height: 1.35 !important;
}

/* 2026-08-08: Icon/text alignment audit */
.list_order_item2 > img { display: block; margin: 0 auto 12px; }

/* 2026-08-08: Icon alignment specificity fix */
#wrap #two-col .right .list_order_item2 > img,
#wrap #two-col .right .list_order_item3 > img { display: block; margin: 0 auto 12px; }

/* 2026-08-08: Calm catalog card interaction states */
#wrap #main-content .section-card-new a,
#wrap #main-content .product-card-new a,
#wrap #main-content .product-card-new button,
#wrap #main-content .product-card-new input[type="button"],
#wrap #main-content .product-card-new input[type="submit"] {
    -webkit-tap-highlight-color: transparent;
}

#wrap #main-content .section-card-new a:focus:not(:focus-visible),
#wrap #main-content .product-card-new a:focus:not(:focus-visible),
#wrap #main-content .product-card-new button:focus:not(:focus-visible),
#wrap #main-content .product-card-new input:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

#wrap #main-content .section-card-new a:focus-visible,
#wrap #main-content .product-card-new a:focus-visible,
#wrap #main-content .product-card-new button:focus-visible,
#wrap #main-content .product-card-new input:focus-visible {
    outline: 2px solid #0b4f7c;
    outline-offset: 2px;
    border-radius: 3px;
}

@supports selector(.section-card-new:has(a:focus-visible)) {
    #wrap #main-content .section-card-new:has(a:focus-visible),
    #wrap #main-content .product-card-new:has(a:focus-visible),
    #wrap #main-content .product-card-new:has(button:focus-visible),
    #wrap #main-content .product-card-new:has(input:focus-visible) {
        border-color: #0b4f7c;
        box-shadow: 0 0 0 3px rgba(11, 79, 124, .16), 0 6px 16px rgba(31, 50, 65, .08);
    }

    #wrap #main-content .section-card-new a:focus-visible,
    #wrap #main-content .product-card-new a:focus-visible,
    #wrap #main-content .product-card-new button:focus-visible,
    #wrap #main-content .product-card-new input:focus-visible {
        outline: none;
    }

    #wrap #main-content .section-card-new:has(a:active),
    #wrap #main-content .product-card-new:has(a:active),
    #wrap #main-content .product-card-new:has(button:active),
    #wrap #main-content .product-card-new:has(input:active) {
        transform: translateY(0);
        border-color: #c9d5dc;
        box-shadow: 0 2px 7px rgba(31, 50, 65, .08);
        transition-duration: .08s;
    }
}

/* 2026-08-08: Calm breadcrumb interaction states */
#wrap .pathway a,
#wrap .bx-breadcrumb a,
#wrap .breadcrumb a,
#wrap [itemtype="https://schema.org/BreadcrumbList"] a {
    border-radius: 3px;
    transition: color .15s ease, opacity .15s ease, box-shadow .15s ease;
    -webkit-tap-highlight-color: transparent;
}

#wrap .pathway a:focus:not(:focus-visible),
#wrap .bx-breadcrumb a:focus:not(:focus-visible),
#wrap .breadcrumb a:focus:not(:focus-visible),
#wrap [itemtype="https://schema.org/BreadcrumbList"] a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

#wrap .pathway a:focus-visible,
#wrap .bx-breadcrumb a:focus-visible,
#wrap .breadcrumb a:focus-visible,
#wrap [itemtype="https://schema.org/BreadcrumbList"] a:focus-visible {
    color: #0b4f7c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11, 79, 124, .16);
}

#wrap .pathway a:active,
#wrap .bx-breadcrumb a:active,
#wrap .breadcrumb a:active,
#wrap [itemtype="https://schema.org/BreadcrumbList"] a:active {
    opacity: .68;
    transition-duration: .08s;
}

/* 2026-08-08: Unified shell and home page refresh */
:root {
    --dh-shell: 1200px;
    --dh-gutter: 24px;
    --dh-border: #d9e0e5;
    --dh-border-strong: #9fb4c4;
    --dh-surface: #f5f7f8;
    --dh-ink: #313438;
    --dh-blue: #0b4f7c;
}

.topinfo__block,
.header__block,
.menu__block,
.footer__block,
.intro .content,
.intro__dots {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .header__block {
        display: grid !important;
        grid-template-columns: minmax(300px, 330px) minmax(320px, 1fr) auto;
        align-items: center;
        column-gap: 32px;
    }

    .header__left,
    .header__center,
    .header__right {
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
    }

    .header__right {
        justify-self: end;
    }

    .menu__list {
        width: 100% !important;
        display: flex !important;
        align-items: stretch;
        justify-content: space-between;
        gap: 7px;
    }

    .menu__item {
        flex: 0 0 auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Home hero */
.intro,
.intro__slider,
.intro__item {
    min-height: 500px;
}

.intro__item-cont {
    width: 480px !important;
    max-width: 48%;
}

.intro__item-ttl {
    font-size: 42px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.intro__item-text {
    font-size: 19px !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

.intro__item-btn a {
    min-width: 210px;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px 28px !important;
    border-radius: 4px !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.intro__item-btn a:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(31, 50, 65, .16);
}

.intro__item-btn a:active {
    transform: translateY(0);
    box-shadow: 0 2px 7px rgba(31, 50, 65, .12);
}

/* Home catalog */
#newest {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin: 0 auto !important;
    padding: 56px 0 24px !important;
    box-sizing: border-box;
}

#newest > h1,
#newest > h2,
#newest > p,
#newest > .boxes {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

#newest > h1,
#newest > h2 {
    color: var(--dh-ink) !important;
    text-align: left !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

#newest > h1 {
    margin: 0 0 18px !important;
    font-size: 30px !important;
    font-weight: 650 !important;
}

#newest > h2 {
    margin: 52px 0 20px !important;
    font-size: 25px !important;
    font-weight: 600 !important;
}

#newest > h1::before,
#newest > h1::after,
#newest > h2::before,
#newest > h2::after {
    display: none !important;
}

#newest > p {
    max-width: 980px !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    color: #4d555b !important;
}

#newest .boxes {
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    padding: 0 !important;
}

#newest .box {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--dh-border);
    border-radius: 5px;
    background: #fff;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#newest .box:hover {
    transform: translateY(-2px);
    border-color: var(--dh-border-strong);
    box-shadow: 0 6px 16px rgba(31, 50, 65, .08);
}

#newest .box a {
    min-height: 100%;
    display: flex !important;
    flex-direction: column;
    color: var(--dh-ink) !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
}

#newest .box img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: contain !important;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 0 !important;
    background: var(--dh-surface);
}

#newest .box span {
    min-height: 66px;
    display: flex !important;
    align-items: center;
    padding: 14px 16px !important;
    box-sizing: border-box;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}

#newest .box a:focus:not(:focus-visible) {
    outline: none;
}

#newest .box:has(a:focus-visible) {
    border-color: var(--dh-blue);
    box-shadow: 0 0 0 3px rgba(11, 79, 124, .16);
}

#newest .box a:focus-visible {
    outline: none;
}

/* Home sections */
.review-lab,
.works__ttl,
.works__item-inner,
#serv .inner,
.consult .content,
#why,
#reviews .inner,
#promo .inner {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.review-lab {
    padding: 16px 0 56px;
}

.review-lab__header,
.review-lab__main {
    width: 100% !important;
}

.works {
    padding: 56px 0 64px !important;
    background: var(--dh-surface) !important;
}

.works__ttl {
    height: auto !important;
    margin-bottom: 28px !important;
}

.works__item-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: 48px;
}

.works__item-left,
.works__item-right {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.works__item-left img {
    width: 100% !important;
    aspect-ratio: 4 / 3;
    object-fit: cover !important;
    border-radius: 5px !important;
}

.works__item-right {
    padding: 24px 0 !important;
}

.works__item-right h3,
.works__item-right .ttl {
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
}

#serv {
    padding: 60px 0 !important;
}

#serv .inner,
#serv .text,
#serv .icos {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

#serv h2,
#why h2,
#reviews h2 {
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
}

.consult {
    padding: 56px 0 !important;
}

.consult__block {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 440px;
    align-items: center;
    column-gap: 80px;
}

.consult__left,
.consult__right {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

#why {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#why .inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#reviews {
    padding: 56px 0 !important;
}

#promo .inner {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

#promo .inner > * {
    max-width: 1080px;
}

/* Footer shell */
.footer {
    padding-top: 0 !important;
}

.footer__block {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr);
    column-gap: 48px;
    row-gap: 28px;
    padding-top: 54px !important;
    padding-bottom: 32px !important;
}

.footer__col--1,
.footer__col--2,
.footer__col--3 {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    position: static !important;
}

.footer__col--2.footer__menu {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.footer__menu-col {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.footer__col--3 {
    grid-column: 1 / -1;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer__copy {
    width: 100% !important;
}

@media (max-width: 1023px) {
    :root {
        --dh-gutter: 20px;
    }

    #newest .boxes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .works__item-inner {
        column-gap: 32px;
    }

    .consult__block {
        grid-template-columns: minmax(0, 1fr) 400px;
        column-gap: 40px;
    }

    .footer__block {
        grid-template-columns: 240px minmax(0, 1fr);
        column-gap: 36px;
    }

    .footer__col--2.footer__menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    :root {
        --dh-gutter: 16px;
    }

    .intro,
    .intro__slider,
    .intro__item {
        min-height: 410px;
    }

    .intro__item-cont {
        width: 100% !important;
        max-width: none;
    }

    .intro__item-ttl {
        font-size: 29px !important;
        line-height: 1.2 !important;
    }

    .intro__item-text {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    #newest {
        padding-top: 42px !important;
    }

    #newest > h1 {
        font-size: 26px !important;
    }

    #newest > h2 {
        margin-top: 40px !important;
        font-size: 22px !important;
    }

    #newest .boxes {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #newest .box {
        max-width: 430px;
    }

    .works,
    #serv,
    .consult,
    #reviews {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .works__item-inner {
        grid-template-columns: 1fr;
        row-gap: 18px;
    }

    .works__item-right {
        padding: 0 !important;
    }

    .consult__block {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    #why {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .footer__block {
        grid-template-columns: 1fr;
        row-gap: 36px;
        padding-top: 42px !important;
    }

    .footer__col--2.footer__menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 18px;
    }

    .footer__col--3 {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .footer__col--2.footer__menu {
        grid-template-columns: 1fr;
    }
}

/* 2026-08-08: Footer grid row fix */
.footer__block {
    grid-template-areas:
        "contacts menu"
        "copy copy" !important;
    grid-template-rows: auto auto !important;
}

@media (max-width: 767px) {
    .footer__block {
        grid-template-areas:
            "contacts"
            "menu"
            "copy" !important;
    }
}

/* 2026-08-08: Home section typography polish */
.works__ttl h2,
#serv h2,
#why h2,
#reviews h2 {
    margin: 0 0 28px !important;
    color: var(--dh-ink) !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}

.works__ttl h2::before,
.works__ttl h2::after,
#serv h2::before,
#serv h2::after,
#why h2::before,
#why h2::after,
#reviews h2::before,
#reviews h2::after {
    display: none !important;
}

#why .control span.cur,
#why .tab .cont {
    border-color: #b7c7d2 !important;
}

#why .control span.cur {
    background-color: var(--dh-surface) !important;
}

#why .tab .cont {
    background-color: #fafbfc;
}

@media (max-width: 767px) {
    .works__ttl h2,
    #serv h2,
    #why h2,
    #reviews h2 {
        margin-bottom: 22px !important;
        font-size: 24px !important;
    }
}

/* 2026-08-08: Home service shell fix */
#serv .inner {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2026-08-08: Shared consultation form and section cleanup */
#wrap > br:last-child {
    display: none !important;
}

.works,
.works__slider {
    background-color: var(--dh-surface) !important;
}

.works__slider {
    box-shadow: none !important;
}

.dh-empty-heading,
.dh-empty-heading-sibling {
    display: none !important;
}

.consult {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
    background: #eef3f6 !important;
    color: var(--dh-ink) !important;
}

.consult .content {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.consult__block {
    display: grid !important;
    grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr) !important;
    align-items: center !important;
    column-gap: 70px !important;
}

.consult__left,
.consult__right {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.consult__ttl {
    max-width: 520px;
    margin: 0 0 18px !important;
    color: #27343d !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.consult__text {
    max-width: 520px;
    color: #52616b !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    letter-spacing: 0 !important;
}

.consult__form {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    box-sizing: border-box;
    border: 1px solid #d5dfe6;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(31, 50, 65, .06);
}

.consult__form > .ui-grid__col {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.consult__form .ui-input {
    width: 100% !important;
    height: 50px !important;
    display: block !important;
    box-sizing: border-box;
    border: 0 !important;
    background: transparent !important;
}

.consult__form .ui-input input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 15px !important;
    box-sizing: border-box;
    border: 1px solid #c8d4dc !important;
    border-radius: 4px !important;
    outline: 0;
    background: #fff !important;
    color: #27343d !important;
    font-size: 15px !important;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.consult__form .ui-input input::placeholder {
    color: #7a8790 !important;
    opacity: 1;
}

.consult__form .ui-input input:focus {
    border-color: var(--dh-blue) !important;
    box-shadow: 0 0 0 3px rgba(11, 79, 124, .13);
}

.consult__form .ui-form__agree,
.consult__form .consult__form-btn {
    grid-column: 1 / -1;
}

.consult__form .ui-form__agree {
    min-height: 34px;
    align-items: flex-start !important;
    color: #5b6871 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.consult__form .ui-form__agree input[type='checkbox'] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 1px 10px 0 0 !important;
    accent-color: var(--dh-blue);
}

.consult__form .ui-form__agree a {
    color: var(--dh-blue) !important;
    text-underline-offset: 2px;
}

.consult__form-btn .ui-btn {
    min-height: 50px;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.consult__form-btn .ui-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(239, 61, 52, .18);
}

.consult__form-btn .ui-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

@media (max-width: 1023px) {
    .consult__block {
        grid-template-columns: minmax(0, .8fr) minmax(460px, 1.2fr) !important;
        column-gap: 40px !important;
    }
}

@media (max-width: 767px) {
    .consult {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .consult__block {
        grid-template-columns: 1fr !important;
        row-gap: 26px !important;
    }

    .consult__ttl {
        font-size: 25px !important;
    }

    .consult__form {
        grid-template-columns: 1fr;
        padding: 18px !important;
    }

    .consult__form > .ui-grid__col,
    .consult__form .ui-form__agree,
    .consult__form .consult__form-btn {
        grid-column: 1;
    }
}

/* 2026-08-08: Home spacing and background palette */
.works {
    padding-top: 44px !important;
    padding-bottom: 40px !important;
}

.works__ttl {
    margin-bottom: 12px !important;
}

.works__item {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
}

.works__item-inner {
    align-items: start !important;
}

.works__item-left,
.works__item-right {
    align-self: start;
}

.works__item-right {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.works__nav {
    margin-top: 20px !important;
}

#serv {
    background-color: #fff !important;
}

#reviews {
    background-color: var(--dh-surface) !important;
}

#promo {
    background-color: #353841 !important;
    background-image: none !important;
    color: #f4f6f8 !important;
}

#promo .inner {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#promo .inner > * {
    max-width: 1060px;
}

#promo p,
#promo li {
    color: #f4f6f8 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

#promo p {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

#promo ul,
#promo ol {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
    padding-left: 24px !important;
}

#promo a {
    color: #d5e8f4 !important;
    text-underline-offset: 2px;
}

@media (max-width: 767px) {
    .works {
        padding-top: 36px !important;
        padding-bottom: 34px !important;
    }

    .works__item {
        padding-top: 18px !important;
        padding-bottom: 20px !important;
    }

    .works__nav {
        margin-top: 16px !important;
    }

    #promo .inner {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }
}

/* 2026-08-08: Home promo light editorial block */
#reviews {
    background-image: none !important;
}

#promo {
    background-color: #fff !important;
    background-image: none !important;
    color: var(--dh-ink) !important;
}

#promo p,
#promo li {
    color: #41494f !important;
}

#promo a {
    color: var(--dh-blue) !important;
}

/* 2026-08-08: Home promo visible list markers */
#promo li::before {
    background-color: var(--dh-blue) !important;
}

/* 2026-08-08: Home service cards and solid CTA buttons */
#serv .icos {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding: 0 !important;
    font-size: inherit !important;
    text-align: left !important;
}

#serv .icos > span {
    position: relative;
    width: auto !important;
    min-width: 0;
    min-height: 138px;
    margin: 0 !important;
    padding: 78px 22px 20px !important;
    display: block !important;
    box-sizing: border-box;
    border: 1px solid #d8e1e7;
    border-radius: 5px;
    background: #fff !important;
    color: #27343d !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: uppercase;
}

#serv .icos > span::before {
    position: absolute;
    top: 20px;
    left: 22px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #b8ccd8;
    border-radius: 50%;
    background: #edf4f7;
    color: var(--dh-blue);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

#serv .icos > .i1::before {
    content: '01';
}

#serv .icos > .i2::before {
    content: '02';
}

#serv .icos > .i3::before {
    content: '03';
}

#serv .more {
    grid-column: 1 / -1;
    width: auto !important;
    height: auto !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: center !important;
}

#serv .more a,
#serv .more a:visited {
    min-height: 48px;
    margin: 0 !important;
    padding: 0 26px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid var(--dh-blue);
    border-radius: 4px;
    background: var(--dh-blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#serv .more a:hover {
    border-color: #083d61;
    background: #083d61 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(11, 79, 124, .16);
}

#serv .more a:active {
    transform: translateY(0);
    box-shadow: none;
}

#serv .more a:focus-visible,
#promo .gocat:focus-visible {
    outline: 3px solid rgba(11, 79, 124, .24) !important;
    outline-offset: 3px;
}

#serv .text {
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 28px 0 0 !important;
    color: #41494f;
    font-size: 16px !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

#promo .gocat,
#promo .gocat:visited {
    width: auto !important;
    min-height: 48px;
    margin: 24px 0 0 !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid var(--dh-blue);
    border-radius: 4px;
    background: var(--dh-blue) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    transition: transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#promo .gocat:hover {
    border-color: #083d61;
    background: #083d61 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(11, 79, 124, .16);
}

#promo .gocat:active {
    transform: translateY(0);
    box-shadow: none;
}

@media (max-width: 767px) {
    #serv .icos {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #serv .icos > span {
        min-height: 92px;
        padding: 34px 18px 22px 78px !important;
        display: flex !important;
        align-items: center;
        border-bottom: 1px solid #d8e1e7 !important;
    }

    #serv .icos > span::before {
        top: 24px;
        left: 18px;
    }

    #serv .more {
        margin-top: 6px !important;
    }

    #serv .more a,
    #promo .gocat {
        width: 100% !important;
    }

    #serv .text {
        padding-top: 24px !important;
    }
}

/* 2026-08-08: Home ReviewLab heading alignment */
.review-lab__header > h2 {
    margin: 0 0 28px !important;
    padding: 0 !important;
    color: var(--dh-ink) !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}

.review-lab__header > h2::before,
.review-lab__header > h2::after {
    display: none !important;
}

@media (max-width: 767px) {
    .review-lab__header > h2 {
        margin-bottom: 22px !important;
        font-size: 24px !important;
    }
}

/* 2026-08-08: Catalog editorial list alignment */
#wrap #main-content .materials-block > ul:not([class]) {
    padding-left: 0 !important;
}

#wrap #main-content .materials-block > ul:not([class]) > li {
    margin-bottom: 8px !important;
    padding-left: 22px !important;
    position: relative !important;
}

#wrap #main-content .materials-block > ul:not([class]) > li::before {
    top: .72em !important;
    left: 2px !important;
    width: 5px !important;
    height: 5px !important;
    background: #0b4f7c !important;
}

#wrap #main-content .materials-block > ol:not([class]) {
    padding-left: 26px !important;
    list-style-position: outside !important;
}

#wrap #main-content .materials-block > ol:not([class]) > li {
    margin-bottom: 8px !important;
    padding-left: 5px !important;
}

#wrap #main-content .materials-block > ul:not([class]) > li:last-child,
#wrap #main-content .materials-block > ol:not([class]) > li:last-child {
    margin-bottom: 0 !important;
}

/* 2026-08-08: Full sitemap visual corrections */
/* Preserve source proportions in legacy editorial content. */
#wrap #main-content .seo-text img,
#wrap #main-content .free-html-content img,
#wrap #main-content .zones-block-item-img,
#wrap #two-col .right .list_rolet_item img,
#wrap #two-col .right.catalog-detail .tabs-content .tab-item > img {
    max-width: 100% !important;
    height: auto !important;
}

#wrap #main-content .seo-text p,
#wrap #main-content .seo-text div {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Hardware diagrams should not be enlarged beyond their source size. */
#wrap #komplekt .anons img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Client logos fit inside their cells without stretching. */
#wrap #main-content #corp.about .client-list .item img {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    vertical-align: middle !important;
}

/* Keep customer photos compact and consistent with the site's 4:3 media system. */
#wrap #main-content .review-item__gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 280px));
    gap: 12px;
    align-items: start;
    margin-top: 14px;
}

#wrap #main-content .review-item__gallery img {
    display: block !important;
    width: 100% !important;
    height: 210px !important;
    margin: 0 !important;
    border: 1px solid #dde5ec;
    border-radius: 5px;
    object-fit: cover !important;
    object-position: center !important;
}

/* Contain legacy embeds and the similar-articles carousel on narrow screens. */
#wrap #main-content iframe {
    max-width: 100% !important;
}

#wrap #main-content .similar-articles,
#wrap #main-content .similar-articles__main,
#wrap #main-content .similar-articles__swiper {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

#wrap #main-content .similar-articles__swiper {
    overflow: hidden;
}

/* Replace the old 32,000px full-width documentation filter hack. */
#wrap #main-content article .filter-doc {
    width: 100%;
    max-width: 100%;
    margin: 25px 0 0;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #dde5ec;
    border-radius: 5px;
    background: #f4f7f9;
    box-sizing: border-box;
}

#wrap #main-content article .filter-doc form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

#wrap #main-content article .filter-doc form .sep {
    display: none;
}

#wrap #main-content article .filter-doc select {
    flex: 1 1 280px;
    min-width: 0;
    max-width: 420px;
    height: 44px;
    padding: 0 36px 0 12px;
    border: 1px solid #b8c8d4;
    border-radius: 5px;
    background-color: #fff;
    color: #313438;
    font: inherit;
}

/* Empty CMS headings must not leave stray markers or spacing. */
#wrap #main-content h2:empty,
#wrap #main-content h3:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    #wrap #main-content .seo-text img[align="left"],
    #wrap #main-content .seo-text img[align="right"] {
        float: none !important;
        display: block !important;
        margin: 16px auto !important;
    }

    #wrap #main-content iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    #wrap #main-content .seo-text table,
    #wrap #main-content .free-html-content table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed;
        box-sizing: border-box;
    }

    #wrap #main-content .seo-text th,
    #wrap #main-content .seo-text td,
    #wrap #main-content .free-html-content th,
    #wrap #main-content .free-html-content td {
        min-width: 0 !important;
        overflow-wrap: anywhere;
        word-break: normal;
        box-sizing: border-box;
    }

    #wrap #main-content .similar-articles {
        padding: 16px !important;
    }

    #wrap #main-content .similar-articles__header {
        gap: 12px;
    }

    #wrap #main-content .similar-articles__title {
        min-width: 0;
        padding-left: 0 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere;
    }

    #wrap #main-content article .filter-doc {
        padding: 16px;
    }

    #wrap #main-content article .filter-doc select {
        flex-basis: 100%;
        width: 100%;
        max-width: none;
    }

    #wrap #main-content .review-item__gallery {
        grid-template-columns: minmax(0, 1fr);
    }

    #wrap #main-content .review-item__gallery img {
        height: auto !important;
        aspect-ratio: 4 / 3;
    }
}

/* 2026-08-08: About advantages media alignment */
#wrap #main-content #corp.about .why {
    padding: 34px 0 24px;
}

#wrap #main-content #corp.about .why .line {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 48px;
    padding: 0 0 28px;
}

#wrap #main-content #corp.about .why .line .item {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    width: auto;
    min-width: 0;
}

#wrap #main-content #corp.about .why .line .item .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    padding: 10px;
    border-radius: 5px;
    background: #f4f7f9;
    box-sizing: border-box;
}

#wrap #main-content #corp.about .why .line .item .img img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain;
}

#wrap #main-content #corp.about .why .line .item .text {
    display: block;
    min-width: 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.5;
}

@media (max-width: 840px) {
    #wrap #main-content #corp.about .why .line {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding-bottom: 18px;
    }

    #wrap #main-content #corp.about .why .line .item {
        margin: 0;
    }
}

@media (max-width: 490px) {
    #wrap #main-content #corp.about .why .line .item {
        grid-template-columns: 84px minmax(0, 1fr);
        gap: 18px;
    }

    #wrap #main-content #corp.about .why .line .item .img {
        display: flex;
        width: 84px;
        height: 84px;
        padding: 8px;
    }

    #wrap #main-content #corp.about .why .line .item .text {
        padding: 0;
        border-bottom: 0;
        font-size: 15px;
    }
}

/* 2026-08-08: Sitemap residual visual fixes */
#wrap #main-content .list_rolet_item img {
    max-width: 100% !important;
    height: auto !important;
}

#wrap #main-content #cat-section .construction.hack .item img {
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 5px;
}

#wrap #main-content #portfolio article h3:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2026-08-08: Portfolio BR-only headings */
#wrap #main-content #portfolio h3:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2026-08-08: Unified 1200px site content */
:root {
    --dh-shell: 1200px;
    --dh-gutter: 24px;
}

/* One geometry for the header, page content and footer. */
#wrap #main-content {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Main page and component wrappers must not introduce a second, narrower shell. */
#wrap #main-content > .title-and-bread,
#wrap #main-content > #cat-section,
#wrap #main-content > #komplekt,
#wrap #main-content > #serv-cat,
#wrap #main-content > #two-col,
#wrap #main-content > .catalog-detail,
#wrap #main-content > .portfolio,
#wrap #main-content > .portfolio-container,
#wrap #main-content > article,
#wrap #main-content > #actions,
#wrap #main-content > #corp,
#wrap #main-content > #form,
#wrap #main-content #cat-section,
#wrap #main-content #newest,
#wrap #main-content .products-list-new,
#wrap #main-content .sections-list,
#wrap #main-content #two-col,
#wrap #main-content .catalog-detail,
#wrap #main-content .portfolio,
#wrap #main-content .portfolio-container,
#wrap #main-content .review-lab,
#wrap #main-content .review-lab--catalog,
#wrap #main-content .section.works,
#wrap #main-content .section.consult,
#wrap #main-content .faq-wrapper {
    width: 100% !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Nested shells inherit the full width of the 1200px parent. */
#wrap #main-content .review-lab__header,
#wrap #main-content .review-lab__main,
#wrap #main-content .works__ttl,
#wrap #main-content .works__item-inner,
#wrap #main-content .consult .content,
#wrap #main-content #serv .inner,
#wrap #main-content #why,
#wrap #main-content #reviews .inner,
#wrap #main-content #promo .inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Editorial text, headings, tables and special sections share the same edges. */
#wrap #main-content .promo > h2,
#wrap #main-content .promo > h3:not([class]),
#wrap #main-content .promo > h4:not([class]),
#wrap #main-content .promo > p,
#wrap #main-content .promo > ul:not([class]),
#wrap #main-content .promo > ol:not([class]),
#wrap #main-content .promo > blockquote:not([class]),
#wrap #main-content .promo > table,
#wrap #main-content .promo > div > table,
#wrap #main-content .promo table.info_tab,
#wrap #main-content .promo #why > .inner > h2,
#wrap #main-content .promo #why > .inner > p,
#wrap #main-content .materials-block > p,
#wrap #main-content .materials-block > ul,
#wrap #main-content .materials-block > ol,
#wrap #main-content .materials-block > table,
#wrap #main-content .materials-block > blockquote:not([class]),
#wrap #main-content .materials-block > h2,
#wrap #main-content .materials-block > h3,
#wrap #main-content .materials-block > h4,
#wrap #main-content #two-col .tab-item,
#wrap #main-content #two-col .tab-item > h2,
#wrap #main-content #two-col .free-html-content > h3:not([id]),
#wrap #main-content #cat-section > h2:not([class]),
#wrap #main-content #cat-section > div:not([class]) > h2:not([class]),
#wrap #main-content #cat-section > p,
#wrap #main-content #cat-section > div,
#wrap #main-content #cat-section > section,
#wrap #main-content #cat-section > ul,
#wrap #main-content #cat-section > ol,
#wrap #main-content #cat-section > table,
#wrap #main-content .review-lab__header > h2,
#wrap #main-content #promo .inner > *,
#wrap #main-content #serv .text {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Do not leave catalog-only headings on the old 1080px baseline. */
#wrap #main-content .review-lab__header > h2 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 1023px) {
    :root {
        --dh-gutter: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        --dh-gutter: 16px;
    }

    #wrap #main-content {
        min-width: 0 !important;
    }
}

/* 2026-08-08: Nested legacy content shell fix */
#wrap #main-content #main-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* 2026-08-08: Mobile 16px full-bleed alignment */
@media (max-width: 767px) {
    #wrap #main-content > #corp > #promo1,
    #wrap #main-content > #corp.about > .numbs,
    #wrap #main-content > #corp.about > .princ,
    #wrap #main-content > #form {
        margin-left: -16px !important;
        margin-right: -16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
}

/* 2026-08-08: Consultation content gutters */
#wrap #main-content .consult .content {
    width: calc(100% - (var(--dh-gutter) * 2)) !important;
    max-width: var(--dh-shell) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    #wrap #main-content .consult .content {
        width: calc(100% - 32px) !important;
    }
}

/* 2026-08-11: Home section edges and mobile footer alignment */
.review-lab,
#reviews .inner,
#promo .inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .review-lab {
        margin-bottom: 0 !important;
        padding-top: 48px !important;
        padding-bottom: 52px !important;
    }
}

#promo + br {
    display: none !important;
}

@media (max-width: 599px) {
    .footer__block {
        align-items: start !important;
        justify-items: stretch !important;
        text-align: left !important;
    }

    .footer__col--1,
    .footer__col--2,
    .footer__col--3,
    .footer__phone,
    .footer__email,
    .footer__schedule,
    .footer__socials,
    .footer__menu-subttl,
    .footer__menu-list,
    .footer__copy {
        width: 100% !important;
        max-width: none !important;
        text-align: left !important;
    }

    .footer__logo {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .footer__menu-list {
        align-items: flex-start !important;
    }

    .footer__socials {
        display: flex;
        justify-content: flex-start;
    }
}

/* 2026-08-08: Advantages tabs visual polish */
#why .tab .control span {
    transition: background-color .16s ease, box-shadow .16s ease, color .16s ease !important;
}

#why .tab .control span.cur {
    background-color: #f3f6f8 !important;
    color: #27343d !important;
    box-shadow: 0 0 0 1px #9fb4c4 inset !important;
}

#why .tab .control span.cur::after {
    display: none !important;
}

#why .tab .cont div.cont-item {
    padding: 28px 20px !important;
    border: 1px solid #cbd8e0 !important;
    border-radius: 5px !important;
    background: #fafbfc !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    #why .tab .cont div.cont-item {
        padding: 20px 16px !important;
    }
}

/* 2026-08-08: Advantages section spacing */
#why:has(> .inner > .tab:first-child) {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

#why > .inner > .tab:first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    #why:has(> .inner > .tab:first-child) {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
}

/* 2026-08-08: Home advantages tab spacing */
#why > .inner > .tab {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* 2026-08-08: Legacy benefit grid correction */
#wrap .list_order:has(> .list_order_item2),
#wrap .list_order:has(> .list_order_item3) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 22px 0 30px !important;
}

#wrap .list_order > .list_order_item2,
#wrap .list_order > .list_order_item3 {
    width: auto !important;
    min-width: 0 !important;
    min-height: 232px;
    margin: 0 !important;
    padding: 22px 20px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box !important;
    border: 1px solid #dbe3e8;
    border-radius: 5px;
    background: #fafbfc;
    text-align: center !important;
}

#wrap #two-col .right .list_order > .list_order_item2 > img,
#wrap #two-col .right .list_order > .list_order_item3 > img {
    width: 72px !important;
    height: 104px !important;
    max-width: 72px !important;
    max-height: 104px !important;
    margin: 0 auto 16px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
}

#wrap .list_order > .list_order_item2 > p,
#wrap .list_order > .list_order_item3 > p {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    color: #34424c;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

@media (max-width: 1023px) {
    #wrap .list_order:has(> .list_order_item2),
    #wrap .list_order:has(> .list_order_item3) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    #wrap .list_order:has(> .list_order_item2),
    #wrap .list_order:has(> .list_order_item3) {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #wrap .list_order > .list_order_item2,
    #wrap .list_order > .list_order_item3 {
        min-height: 0;
        padding: 18px 16px !important;
    }
}

/* Keep the closed messenger widget from covering page controls with its transparent shell. */
#dhw,
#dhw .dhw__wrap {
    pointer-events: none !important;
}

#dhw .dhw__bar,
#dhw .dhw__mobile,
#dhw .dhw__panel.is-open {
    pointer-events: auto !important;
}

/* End */
/* /bitrix/templates/bo/components/bitrix/menu/top_bo/style.min.css?1701416742490 */
/* /bitrix/templates/bo/components/bitrix/catalog.section.list/bottom_bo/style.css?17014166887305 */
/* /bitrix/templates/bo/template_styles.css?1786815112372146 */