/* Start:/bitrix/templates/lival/components/bitrix/menu/main/style.min.css?1754456816490*/
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/lival/components/bitrix/menu/main/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/lival/components/bitrix/breadcrumb/main/style.min.css?1754456816448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/lival/css/all.css?175445681625532*/
@font-face {
    font-family: 'roboto';
    src: url('/bitrix/templates/lival/css/../fonts/roboto-regular-webfont.eot');
    src: url('/bitrix/templates/lival/css/../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/lival/css/../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/bitrix/templates/lival/css/../fonts/roboto-regular-webfont.woff') format('woff'),
         url('/bitrix/templates/lival/css/../fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/bitrix/templates/lival/css/../fonts/GothamProLight.eot');
    src: url('/bitrix/templates/lival/css/../fonts/GothamProLight.eot') format('embedded-opentype'),
         url('/bitrix/templates/lival/css/../fonts/GothamProLight.woff2') format('woff2'),
         url('/bitrix/templates/lival/css/../fonts/GothamProLight.woff') format('woff'),
         url('/bitrix/templates/lival/css/../fonts/GothamProLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
/************************* reset *************************/
html{
	height: 100%;
	margin: 0;
	padding: 0;width: 100%;
	background: #fff;
}
body{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	line-height: 36px;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	vertical-align: bottom;
}
input, textarea, select, button {
	font-weight: 300;
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
button {font-weight: 300;}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {
	max-width: 1590px;
	padding: 0 40px;
	margin: 0 auto;
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
h1 {
	margin: 0 0 64px;
	font-size: 50px;
	font-weight: 300;
	line-height: 60px;
}
h2 {
	margin: 0 0 64px;
	font-size: 50px;
	font-weight: 300;
	line-height: 60px;
	text-align: center;
}
h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 29px;
}
h4 {
	margin: 0 0 13px;
	font-size: 25px;
	line-height: 30px;
}
a {transition: all .3s linear;}
p {margin: 0 0 36px;}
p a, .article li a {color: #ff6502;}
.pink {color: #ff6502;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
	position: relative;
	display: inline-block;
	padding: 9px 24px 11px;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	background: #ff6502;
	border-radius: 40px;
	transition: all .3s linear;
}
.button:hover {
	background: #e45900;
}
/************************* form-block *************************/
.input {
	display: block;
	width: 100%;
	height: 58px;
	padding: 0 21px;
	margin: 0 0 29px;
	color: #000;
	font-size: 18px;
	background: transparent;
	border: 1px solid #000;
}
.textarea {
	display: block;
	width: 100%;
	height: 142px;
	padding: 18px 21px;
	margin: 0 0 29px;
	color: #000;
	font-size: 18px;
	resize: vertical;
	background: transparent;
	border: 1px solid #000;
}
.submit {
	display: inline-block;
	width: 100%;
	padding: 16px 20px 18px;
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #000;
	transition: all .3s linear;
}
.submit:hover {
	background: #e1201f;
}
.submit span {position: relative;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; opacity: 1;}
::-moz-placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
.input.error, .textarea.error {
	color: rgb(255, 86, 71);
	background-color: rgb(255, 206, 202);
}
label.error {
	position: absolute;
	left: -9999px;
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
	padding: 97px 0 0;
}
/************************* header *************************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200;
	box-sizing: border-box;
	background: #fff;
	transition: all 0.5s ease;
}
.header-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	height: 97px;
	padding: 31px 0 0;
	border-bottom: 1px solid #e4e4e4;
}
.header.fixed {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.header.fixed .header-block {border-bottom: 0;}
.header-logo {padding: 5px 0 0;}
.header-logo img {
	display: block;
	width: 162px;
}
.header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	flex: 1;
	max-width: 985px;
	padding: 0 0 0 50px;
}
.header-nav > li {
	position: relative;
	height: 46px;
	padding: 0 10px;
}
.header-nav a {
	color: #000;
	text-decoration: none;
}
.header-nav a:hover,
.header-nav li:hover > a {color: #e1201f;}
.header-nav .active a {color: #e1201f;}
.parent {
	position: relative;
	display: inline-block;
	padding: 0 27px 0 0;
}
.parent-icon {
	position: absolute;
	top: 11px;
	right: 0px;
	width: 15px;
	height: 13px;
	border-top: 1px solid #000;
}
.parent-icon:before {
    position: absolute;
    top: 5px;
	left: 0;
	display: block;
	content: '';
    width: 12px;
    height: 1px;
    background: #000;
}
.parent-icon:after {
    position: absolute;
    top: 11px;
	left: 0;
	display: block;
	content: '';
    width: 15px;
    height: 1px;
    background: #000;
}
.parent:hover .parent-icon {border-color: #e1201f;}
.parent:hover .parent-icon:before,
.parent:hover .parent-icon:after {background: #e1201f;}
.header-nav li:hover > a .parent-icon {border-color: #e1201f;}
.header-nav li:hover > a .parent-icon:before,
.header-nav li:hover > a .parent-icon:after {background: #e1201f;}
.header-nav li:hover .subnav {display: block;}
.subnav {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	z-index: 10;
	width: 314px;
	padding: 33px 30px 15px 38px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}
.subnav li {
	margin: 0 0 15px;
	line-height: 27px;
}
.mob-nav-icon {
	display: none;
	position: absolute;
	top: 28px;
	right: 40px;
	z-index: 110;
	padding: 0 0 10px;
}
.mob-nav-block {
    position: relative;
	display: block;
    width: 20px;
    height: 1px;
    margin: 9px 0 0;
	background: #000;
	transition: all .5s ease;
}
.mob-nav-block:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
	width: 20px;
    height: 1px;
    background: #000;
	transition: all .5s ease;
}
.mob-nav-block:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 1px;
    background: #000;
	transition: all .5s ease;
}
.mob-nav-icon:hover .mob-nav-block,
.mob-nav-icon:hover .mob-nav-block:after,
.mob-nav-icon:hover .mob-nav-block:before {background: #e1201f;}
.mob-nav-icon.active .mob-nav-block {
    background: none;
}
.mob-nav-icon.active .mob-nav-block:before {
    top: 0;
    transform: rotate(45deg);
}
.mob-nav-icon.active .mob-nav-block:after {
    top: 0;
    transform: rotate(-45deg);
}
/************************* main page *************************/
/************************* banner *************************/


/************************* other pages *************************/
/************************* main *************************/
.main {
	padding: 0 0 50px;
}
.news-holder {
	max-width: 990px;
	margin: 0 auto;
}
.projects-holder {
	max-width: 1180px;
	margin: 0 auto;
}
.title-block {
	padding: 88px 0 88px;
	text-align: center;
}
.title {
	font-size: 50px;
	font-weight: 300;
	line-height: 58px;
}
.title-block .title {margin: 0;}
.breadcrumbs li {
	display: inline-block;
	margin: 0 4px 0 0;
	color: #e1201f;
	font-size: 14px;
}
.breadcrumbs li:before {
	display: inline-block;
	content: '→';
	margin: 0 9px 0 0;
	color: #000;
}
.breadcrumbs li:first-child:before {display: none;}
.breadcrumbs a {
	color: #000;
	text-decoration: none;
}
.breadcrumbs a:hover {color: #e1201f;}
/************************* news *************************/
.news-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 76px;
}
.news-img {
	width: 46%;
}
.news-img a {
	overflow: hidden;
	display: block;
}
.news-img img {
	width: 100%;
	transition: all 0.3s linear;
}
.news-img a:hover img {transform: scale(1.05);}
.news-content {
	width: 47%;
}
.news-title {
	margin: 0 0 19px;
	font-size: 32px;
	line-height: 39px;
}
.news-title a {
	color: #000;
	text-decoration: none;
}
.news-title a:hover {
	color: #e1201f;
}
.news-text {
	margin: 0 0 17px;
}
.news-more a {
	color: #000;
	text-decoration: none;
}
.news-more a:hover {
	color: #e1201f;
}
/************************* news-section *************************/
.news-section {
	padding: 15px 0 50px;
}
.news-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.news-list-item {
	width: 30%;
	margin: 0 0 0 5%;
}
.news-list-item:nth-child(3n + 1){margin: 0;}
.news-list-img {
	margin: 0 0 24px;
}
.news-list-img a {
	overflow: hidden;
	display: block;
}
.news-list-img img {
	width: 100%;
	transition: all 0.3s linear;
}
.news-list-img a:hover img {transform: scale(1.05);}
.news-list-title {
	margin: 0 0 12px;
	font-size: 22px;
	line-height: 26px;
}
.news-list-title a {
	color: #000;
	text-decoration: none;
}
.news-list-title a:hover {
	color: #e1201f;
}
/************************* projects *************************/
.projects-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 76px;
}
.projects-img {
	flex: 1;
}
.projects-img a {
	overflow: hidden;
	display: block;
}
.projects-img img {
	width: 100%;
	transition: all 0.3s linear;
}
.projects-img a:hover img {transform: scale(1.05);}
.projects-content {
	width: 380px;
	min-width: 380px;
	padding: 0 0 0 70px;
}
.projects-title {
	margin: 0 0 19px;
	font-size: 32px;
	line-height: 39px;
}
.projects-title a {
	color: #000;
	text-decoration: none;
}
.projects-title a:hover {
	color: #e1201f;
}
.projects-more a {
	color: #000;
	text-decoration: none;
}
.projects-more a:hover {
	color: #e1201f;
}
/************************* pagination *************************/
.pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 0 40px;
}
.pagination-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
.pagination a {
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 4px 10px;
	color: #000;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}
.pagination a:hover {color: #e1201f;}
.pagination .active {
	color: #fff;
	background: #e1201f;
}
/************************* about page *************************/
.about {
	max-width: 800px;
	margin: 0 auto;
}
.big-slide img {
	width: 100%;
    min-height: 470px;
    object-fit: cover;
}
.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	line-height: 16px;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 10px;
	line-height: 16px;
}
.slick-dots button {
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 50%;
	transition: all 0.3s linear;
}
.slick-dots button:hover {border: 1px solid #e1201f;}
.slick-dots .slick-active button {
	border: 1px solid #e1201f;
	background-color: #e1201f;
}
.big-img img {
	width: 100%;
    min-height: 470px;
    object-fit: cover;
}
.about .title-block {padding: 88px 0 78px;}
.article {padding: 0 0 25px;}
.article-img {
	padding: 22px 0 60px;
}
.article-img img {
	display: block;
	width: 100%;
}
.form-block {padding: 20px 0 50px;}
.form-title {
	margin: 0 0 44px;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	text-align: center;
}
.form-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form-line .input {
	width: 48.5%;
}
/************************* projects page *************************/
.projects-photo {
	position: relative;
	margin: 0 0 89px;
}
.projects-slide img {width: 100%;}
.projects-thumbs-holder {
	position: absolute;
	z-index: 10;
	bottom: 59px;
	left: 50%;
	margin-left: -415px;
	width: 830px;
}
.projects-thumb {padding: 0 15px;}
.projects-thumb-inner {
	position: relative;
	cursor: pointer;
}
.projects-thumb-inner img {width: 100%;}
.projects-thumb-inner:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.slick-current .projects-thumb-inner:after {
	border: 3px solid #e1201f;
}
/************************* catalog-page *************************/
.sorting {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 45px;
	margin: 0 0 75px;
	background: #f6f6f6;
}
.sorting .select-block {
	width: 32%;
}
.search {
	width: 32%;
}
.search {
	position: relative;
}
.search .input {margin: 0;}
.search-button {
	/*position: absolute;*/
	top: 18px;
	right: 20px;
	cursor: pointer;
}
.search-button svg {
	width: 20px;
	height: 20px;
}
.search-button path {
	fill: #000;
	transition: all 0.3s linear;
}
.search-button:hover path {
	fill: #e1201f;
}
/************************* catalog *************************/
.catalog {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.catalog-item {
	width: 21.25%;
	margin: 0 0 65px 5%;
}
.catalog-item:nth-child(4n + 1) {margin: 0 0 65px;}
.catalog-img {
	overflow: hidden;
	display: block;
	margin: 0 0 19px;
	border: 1px solid #d0d0d0;
	transition: all 0.3s linear;
}
.catalog-img img {
	display: block;
	width: 100%;
	transition: all 0.3s linear;
}
.catalog-img:hover img {transform: scale(1.05);}
.catalog-img:hover {
    border: 1px solid #e1201f;
}
.catalog-name {
	font-size: 22px;
}
.catalog-name a {
	color: #000;
	text-decoration: none;
	display: block;	
	text-align:center;
}
.catalog-name a:hover {color: #e1201f;}
/************************* footer *************************/
.banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 666px;
	margin: 0 0 87px;
}
.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	background: #000;
	opacity: 0.57;
}
.banner-title {
	position: relative;
	z-index: 10;
	max-width: 960px;
	margin: 0;
	color: #fff;
	font-size: 50px;
	font-weight: 300;
	line-height: 60px;
	text-align: center;
}
.banner-title:after {
	display: block;
	content: '↓';
	padding: 40px 0 0;
}
/************************* production *************************/
.production-section {padding: 88px 0 0;}
.production {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.production-item {
	width: 30%;
	margin: 0 0 65px 5%;
}
.production-item:nth-child(3n + 1) {margin: 0 0 65px;}
.production-img {
	overflow: hidden;
	display: block;
	margin: 0 0 19px;
}
.border-img {border: 1px solid #000;}
.production-img img {
	display: block;
	width: 100%;
	transition: all 0.3s linear;
}
.production-img:hover img {transform: scale(1.05);}
.border-img:hover img {transform: scale(1);}
.border-img:hover {
    border: 1px solid #e1201f;
}
.production-name {
	font-size: 22px;
}
.production-name a {
	color: #000;
	text-decoration: none;
	display: block;	
	text-align:center;
}
.production-name a:hover {color: #e1201f;}
/************************* product *************************/
.product {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 100px 0 95px;
}
.product-img {
	position: relative;
	width: 42%;
	border: 1px solid #d0d0d0;
}
.product-slide img {
	width: 100%;
}
.product-thumbs-holder {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 36px;
	text-align: center;
}
.product-thumb {
	padding: 0 10px;
}
.product-thumb-inner {
	position: relative;
	max-width: 78px;
	margin: 0 auto;
	border: 1px solid #d0d0d0;
}
.product-thumb-inner img {width: 100%;}
.product-thumb-inner:after {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	display: block;
	content: '';
	box-sizing: border-box;
}
.slick-current .product-thumb-inner:after {
	border: 3px solid #e1201f;
}
.product-content {
	width: 53%;
}
.product-title {
	margin: 0 0 40px;
	font-size: 50px;
	line-height: 60px;
}
.product-info {
	padding: 0 0 50px;
}
.product-info-title {
	margin: 0 0 40px;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
}
.product-table-holder {
	overflow-x: auto;
}
.product-table {
	width: 100%;
	min-width: 900px;
	border-collapse: collapse;
}
.product-table td {
	padding: 10px 15px 9px;
	font-size: 16px;
	line-height: 24px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	text-align:center;
}
.product-table tr:hover td {
	color: #e1201f;
	background: #fff9f9;
}
.table-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.table-link {
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	padding: 0 14px;
	margin: 3px 2px;
	color: #fff;
	line-height: 32px;
	text-decoration: none;
	background: #000;
}
.table-link:hover {background: #e1201f;}
/************************* footer *************************/
.footer {
	padding: 96px 0 91px;
	color: #fff;
	background: #000;
}
.footer-copy {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.footer-about {
	max-width: 1100px;
	margin: 0 auto;
	padding: 4px 0 50px;
	color: #fff;
	text-align: center;
}
.footer-logo {margin: 0 0 86px;}
.footer-logo img {width: 486px;}
/************************* popups *************************/
.popup {
	display: none;
	width: 420px;
	border-radius: 9px;
}
.popup.fancybox-content {padding: 55px 65px 65px;}
.popup-title {
	margin: 0 -5px 20px;
	font-size: 32px;
    font-weight: 400;
    line-height: 36px;
	text-align: center;
}
.popup-title span {text-transform: uppercase;}
.popup-text {
	margin: 0 0 35px;
	text-align: center;
}
    
/************************* media *************************/
@media screen and (max-width: 1023px) {
	#wrapper {
		padding: 75px 0 0;
	}
	.header-block {
		height: 75px;
		padding: 25px 0 0;
	}
	.header-nav {
		position: fixed;
		top: 0;
		right: -100%;
		bottom: 0;
		z-index: 100;
		display: block;
		width: 100%;
		max-width: none;
		padding: 190px 20px 30px;
		background: #000;
		transition: all 0.5s ease;
	}
	.header-nav.vis {right: 0;}
	.header-nav:before {
		position: absolute;
		top: 70px;
		left: 50%;
		margin-left: -37px;
		display: block;
		content: '';
		width: 75px;
		height: 75px;
		background: #e1201f;
		border-radius: 50%;
	}
	.header-nav > li {
		height: auto;
		padding: 15px 0;
		text-align: center;
	}
	.header-nav a {
		color: #fff;
	}
	.parent {
		position: relative;
		display: inline-block;
		padding: 0;
	}
	.parent-icon {display: none;}
	.header-nav > li:hover .subnav {display: none;}
	.subnav {
		position: relative;
		top: auto;
		left: auto;
		display: none;
		width: auto;
		padding: 30px 0 0;
		box-shadow: none;
		background-color: transparent;
	}
	.subnav li {
		margin: 0 0 15px;
		font-size: 16px;
		line-height: 24px;
	}
	.mob-nav-icon {display: block;}
	.mob-nav-icon.active .mob-nav-block:after,
	.mob-nav-icon.active .mob-nav-block:before {background: #fff;}
	.mob-nav-icon.active:hover .mob-nav-block:after,
	.mob-nav-icon.active:hover .mob-nav-block:before {background: #e1201f;}
	.header-logo {padding: 0;}
	.header-logo img {width: 165px;}
	.main {padding: 0 0 30px;}
	.big-img,
	.big-slider {margin: 0 -40px;}
	.production-section {
		padding: 35px 0 0;
	}
	.production-item {
		width: 48%;
		margin: 0 0 33px 4%;
	}
	.production-item:nth-child(3n + 1) {margin: 0 0 33px 4%;}
	.production-item:nth-child(2n + 1) {margin: 0 0 33px;}
	h1, h2 {
		margin: 0 0 33px;
		font-size: 30px;
		line-height: 36px;
	}
	body {
		font-size: 16px;
		line-height: 30px;
	}
	p {margin: 0 0 30px;}
	.production-img {margin: 0 0 15px;}
	.production-name {font-size: 18px;}
	.footer {padding: 68px 0 63px;}
	.footer-about {padding: 0 0 25px;}
	.footer-logo {margin: 0 0 58px;}
	.footer-logo img {width: 214px;}
	.title-block {
		padding: 40px 0;
	}
	.title {
		font-size: 30px;
		line-height: 36px;
	}
	.sorting {
		padding: 40px;
		margin: 0 -40px 40px;
	}
	.sorting .select-block {
		width: 100%;
		margin: 0 0 25px;
	}
	.search {
		width: 100%;
	}
	.catalog-item {
		width: 31%;
		margin: 0 0 33px 3.5%;
	}
	.catalog-item:nth-child(4n + 1) {margin: 0 0 33px 3.5%;}
	.catalog-item:nth-child(3n + 1) {margin: 0 0 33px;}
	.catalog-img {margin: 0 0 15px;}
	.catalog-name {font-size: 18px;}
	.pagination {padding: 10px 0 30px;}
	.about .title-block {
		padding: 45px 0 30px;
	}
	.form-block {
		padding: 0px 0 40px;
	}
	.form-title {
		margin: 0 0 30px;
	}
	.news-title {
		margin: 0 0 15px;
		font-size: 24px;
		line-height: 30px;
	}
	.news-text {margin: 0 0 10px;}
	.news-img {width: 48%;}
	.news-content {width: 48%;}
	.news-item {margin: 0 0 40px;}
	.projects-item {margin: 0 0 40px;}
	.projects-content {
		width: 300px;
		min-width: 300px;
		padding: 0 0 0 40px;
	}
	.projects-title {
		margin: 0 0 15px;
		font-size: 24px;
		line-height: 30px;
	}
	.projects-photo {
		margin: 0 -40px 50px;
	}
	.projects-thumbs-holder {
		bottom: 40px;
		margin-left: -380px;
		width: 760px;
	}
	.banner {
		height: auto;
		min-height: 470px;
		padding: 40px 20px;
		margin: 0 -40px 45px;
	}
	.banner-title {
		font-size: 30px;
		line-height: 36px;
	}
	.banner-title:after {padding: 20px 0 0;}
	.article-img {
		padding: 12px 0 40px;
	}
	.news-list-title {
		font-size: 18px;
		line-height: 24px;
	}
	.product {
		padding: 40px 0 50px;
	}
	.product-img {
		width: 45%;
	}
	.product-content {
		width: 51%;
	}
	.product-title {
		margin: 0 0 20px;
		font-size: 30px;
		line-height: 36px;
	}
	.product-table-holder {margin: 0 -40px;}
	.product-table td {
		padding: 10px 10px 9px;
	}
	.table-link {
		padding: 0 10px;
		font-size: 14px;
	}
	.product-info-title {
		margin: 0 0 30px;
	}

}
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 860px) {
	
}
@media screen and (max-width: 767px) {
	.catalog-item {
		width: 48%;
		margin: 0 0 33px 4%;
	}
	.catalog-item:nth-child(3n + 1) {margin: 0 0 33px 4%;}
	.catalog-item:nth-child(2n + 1) {margin: 0 0 33px;}
	.form-line .input {
		width: 100%;
	}
	.news-img {
		width: 100%;
		padding: 0 0 20px;
	}
	.news-content {width: 100%;}
	.news-item {margin: 0 0 40px;}
	.projects-item {display: block;}
	.projects-content {
		width: auto;
		min-width: 1px;
		padding: 25px 0 0;
	}
	.projects-thumbs-holder {
		position: relative;
		bottom: auto;
		left: auto;
		margin-left: 0;
		width: auto;
		padding: 30px 25px 0;
	}
	.projects-thumb {
		padding: 0 10px;
	}
	.article-img {
		margin: 0 -40px;
	}
	.news-list-item {
		width: 100%;
		margin: 0 0 40px;
	}
	.news-list-item:nth-child(3n + 1){margin: 0 0 40px;}
	.news-list-item:last-child {margin: 0;}
	.product {
		display: block;
	}
	.product-img {
		width: auto;
		border: 0;
		padding: 0 0 40px;
	}
	.product-content {
		width: auto;
	}
	.product-slider {border: 1px solid #d0d0d0;}
	.product-thumbs-holder {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		text-align: left;
		margin: 0 -10px;
		padding: 30px 0 0;
	}
	.product-thumb-inner {
		margin: 0;
	}
}
@media screen and (max-width: 640px) {
	.production-item {
		width: 100%;
		margin: 0 0 33px;
	}
	.production-item:nth-child(3n + 1) {margin: 0 0 33px;}
}
@media screen and (max-width: 560px) {
	
}
@media screen and (max-width: 480px) {
	.catalog-item {
		width: 100%;
		margin: 0 0 33px;
	}
	.catalog-item:nth-child(3n + 1) {margin: 0 0 33px;}
}
@media screen and (max-width: 479px) {
	
}
@media screen and (max-width: 420px) {
	body {overflow-x: hidden;}
}
@media screen and (max-width: 400px) {
	
}

/************************ images fix 25.07.2019 ***********************/
.production-img {
	height: 280px;
	line-height: 280px;
	text-align: center;
}
.production-img img {
    display: inline-block;
	width: auto;
	max-width: 95%;
	max-height: 95%;
    vertical-align: middle;
}
.catalog-img {
	height: 280px;
	line-height: 280px;
	text-align: center;
}
.catalog-img img {
    display: inline-block;
	width: auto;
	max-width: 95%;
	max-height: 95%;
    vertical-align: middle;
}
/* End */


/* Start:/bitrix/templates/lival/css/slick.css?17544568161870*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-track {
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.slick-slide {
    height: auto;
}
/* End */


/* Start:/bitrix/templates/lival/css/jquery-ui.css?17544568165121*/
/*! jQuery UI - v1.11.4 - 2016-01-18
* http://jqueryui.com
* Includes: core.css, menu.css, selectmenu.css
* Copyright 2016 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	min-width: 50px;
	margin: 0;
	padding: 8px 16px;
	cursor: pointer;
	color: #000;
	font-size: 16px;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	border-top: 1px solid #e1e1e1;
}
.ui-menu .ui-menu-item:first-child {border-top: 0;}

@media screen and (max-width: 767px) {
	.ui-menu .ui-menu-item {
		font-size: 14px;
	}
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus {
	color: #e1201f;
}
.ui-menu .ui-state-active {
	color: #e1201f;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	max-height: 310px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 14px;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: block;
	width: 100% !important;
	overflow: hidden;
	position: relative;
	z-index: 100;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	position: absolute;
	top: 21px;
	right: 21px;
	left: auto;
	width: 16px;
	height: 16px;
	background: url(/bitrix/templates/lival/css/../images/select-arrow.svg) 50% 50% no-repeat;
	background-size: 16px;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 10px 50px 0 21px;
	display: block;
	height: 58px;
	color: #000000;
	font-size: 18px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: transparent;
  	border: solid 1px #000;
}
.ui-selectmenu-button span.ui-selectmenu-text:hover {
	
}
.ui-selectmenu-button[aria-expanded=true] span.ui-selectmenu-text {
	
}
.ui-state-disabled {opacity: 0.5;}


.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 24px;
	height: 24px;
	box-shadow: 0 5px 15px 0 rgba(101, 197, 89, 0.49);
	border: solid 5px #65c559;
	background-color: #ffffff;
	border-radius: 50%;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background: #65c559;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 5px;
	background: #e0e6ea;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -10px;
	margin-left: -9px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/* End */
/* /bitrix/templates/lival/components/bitrix/menu/main/style.min.css?1754456816490 */
/* /bitrix/templates/lival/components/bitrix/breadcrumb/main/style.min.css?1754456816448 */
/* /bitrix/templates/lival/css/all.css?175445681625532 */
/* /bitrix/templates/lival/css/slick.css?17544568161870 */
/* /bitrix/templates/lival/css/jquery-ui.css?17544568165121 */