@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-LightIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*	-------------------------------------------------
	Базовые стили сайта | Base site styles
	------------------------------------------------- */
* {
	box-sizing: border-box;
}
body {
	font:normal normal 17px/1.3 'Proxima Nova', sans-serif;
	background:#FFF;
	color:#333;
	overflow: hidden;
}

a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }

p { margin-bottom:15px; }

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

input,
label,
textarea {
	font-family: 'Proxima Nova', sans-serif;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none inside;
}
.no-scroll {
    width: 100%;
    position: fixed;
    overflow: hidden;
    overflow-y: hidden;
}
.f-right {
	float: right;
}
.f-left {
	float: left;
}
ul {
	margin: 0;
	padding: 0;
}
.image {
	display: inline-block;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.image > img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
	clear: both;
}
.flex-container {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
.flex-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
}
.flex-around {
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex-align-center {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
html.no-scroll {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
/*	-------------------------------------------------
	Стили блоков, содержимого страниц | Other styles
	------------------------------------------------- */
.block-slider {
	
}
.wrapper {
	width: 1170px;
	max-width: 100%;
	margin: 0 auto;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 70px;
}
.header-inside {
	background: #3E3027;
	padding: 15px 60px;
	color: #fff;
}
.header-main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 10;
}
.header a {
	color: #fff;
}
.header .logo {
	padding-left: 60px;
	font-size: 16px;
	background: url(../images/logo.svg) 0 50% no-repeat;
}
.header .logo b {
	font-size: 24px;
}
.header .right {
	display: flex;
	align-items: center;
}
.header .nav {
	margin-right: 50px;
}
.header .nav ul {
	display: flex;
}
.header .nav a {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.header .nav li + li {
	margin-left: 20px;
}
.header .contacts {
	margin-right: 20px;
}
.header .contacts a {
	color: #F29400;
	font-weight: 600;
	font-size: 20px;
}
.header .contacts a + a {
	margin-left: 20px;
}
.header .soc a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #F29400;
	background: url(../images/soc-fb.svg) 50% no-repeat;
}
.main-slider {
	height: 100vh;
	max-height: 720px;
	color: #fff;
}
.main-slider .item {
	height: 100vh;
	max-height: 720px;
	display: flex;
	align-items: center;
	padding-top: 50px;
	background-size: cover;
}
.main-slider .item h2 {
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 20px;
}
.main-slider .item p {
	font-weight: 300;
	font-size: 21px;
	margin-bottom: 25px;
	max-width: 70%;
}
.btn {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	background: #F29400;
	border: 2px solid #F29400;
	transition: .2s;
	padding: 20px 35px;
}
.btn:hover {
	background: transparent;
	color: #F29400;
}
h2.title {
	font-weight: 300;
	font-size: 48px;
	margin-bottom: 20px;
}
h2.title {
	font-weight: 300;
	font-size: 48px;
	margin-bottom: 10px;
	text-align: center;
}
h3.subtitle {
	font-weight: 300;
	font-size: 21px;
	text-align: center;
	margin-bottom: 20px;
}
.block-main-catalog {
	padding: 50px 0;
}
.block-main-catalog .button {
	text-align: center;
	margin-top: 30px;
}
.catalog {
	display: flex;
	flex-wrap: wrap;
}
.slider-products .item,
.catalog .item {
	width: 33.3%;
	text-align: center;
	padding: 20px;
	background: #fff;
	border: 1px solid #fff;
	transition: .2s;
}
.slider-products .item {
	width: 100%;
}
.slider-products .item:hover,
.catalog .item:hover {
	border: 1px solid #EFEFEF;
	box-shadow: 5px 5px 25px rgba(50, 32, 12, 0.05);
}
.slider-products .item .photo,
.catalog .item .photo {
	height: 480px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.slider-products .item .photo img,
.catalog .item .photo img {
	max-width: 100%;
	height: auto;
}
.slider-products .item .name,
.catalog .item .name {
	font-weight: 300;
	font-size: 21px;
	transition: .2s;
}
.slider-products .item a:hover .name,
.catalog .item a:hover .name {
	text-decoration-line: underline;
	color: #F29400;
}
.block-about {
	padding: 50px 0;
}
.block-about .wrapper {
	position: relative;
}
.block-about .wrapper:after {
	content: '';
	position: absolute;
	display: block;
	width: 530px;
	height: 660px;
	background: url(../images/photo-about.png) no-repeat;
	top: 0;
	right: 0;
}
.block-about .content {
	max-width: 545px;
	padding-top: 70px;
}
.block-about h2 {
	font-weight: 300;
	font-size: 48px;
	margin-bottom: 20px;
}
.block-about p {
	margin-bottom: 20px;
	line-height: 1.5;
}
.block-about ul {
	margin: 20px 0;
}
.block-about ul li {
	min-height: 44px;
	display: flex;
	align-items: center;
	padding-left: 63px;
}
.block-about ul li + li {
	margin-top: 20px;
}
.block-about ul li:nth-child(1) {
	background: url(../images/about-1.svg) 0 50% no-repeat;
}
.block-about ul li:nth-child(2) {
	background: url(../images/about-2.svg) 5px 50% no-repeat;
}
.block-about ul li:nth-child(3) {
	background: url(../images/about-3.svg) 5px 50% no-repeat;
}
.block-clients {
	padding: 50px 0;
}
.block-clients .title {
	margin-bottom: 50px;
}
.list-clients {
	//display: flex;
	//justify-content: space-between;
}
.list-clients .slick-slide {
	padding: 0 15px;
}
.list-clients .item {
	//width: 31%;
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	padding: 30px 20px;
	text-align: center;
}
.list-clients .item .name {
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.list-clients .item .logo {
	margin-bottom: 20px;
	text-align: center;
}
.list-clients .item .logo img {
	max-width: 100%;
	height: auto;
	display: inline;
}
.list-clients .item .text {
	font-weight: 300;
	color: #8E8E8E;
}
.block-partners {
	padding: 50px 0 80px 0;
}
.block-partners .title {
	margin-bottom: 50px;
}
.list-partners {
	display: flex;
	flex-wrap: wrap;
}
.list-partners .item {
	width: 25%;
	padding: 15px 35px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #EFEFEF;
}
.list-partners .item img {
	max-width: 100%;
	height: auto;
}
.list-partners .item + .item:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: #EFEFEF;
}
.list-partners .item:nth-child(4n + 5):before {
	display: none;
}
.list-partners .item:nth-last-child(-n + 4) {
	border-bottom: none;
}
.block-contacts {
	position: relative;
	line-height: 0;
}
.block-contacts .contacts {
	/* position: absolute; */
	line-height: 1.3;
	top: 50px;
	left: calc(50% - 585px);
	background: #fff;
	padding: 50px;
	width: 380px;
	border: 1px solid #EFEFEF;
	box-sizing: border-box;
	box-shadow: 15px 15px 35px rgba(0, 0, 0, 0.25);
}
.block-contacts .contacts h2 {
	font-weight: 300;
	font-size: 48px;
	margin-bottom: 20px;
}
.block-contacts .contacts ul {
	margin-bottom: 30px;
}
.block-contacts .contacts li {
	padding-left: 35px;
	font-size: 19px;
	font-weight: 300;
}
.block-contacts .contacts li + li {
	margin-top: 20px;
}
.block-contacts .contacts li a {
	display: inline-block;
}
.block-contacts .contacts li.address {
	background: url(../images/ico-address.svg) 0 50% no-repeat;
	padding-top: 2px;
}
.block-contacts .contacts li.phones {
	background: url(../images/ico-phone.svg) 0 0 no-repeat;
}
.block-contacts .contacts li.email {
	background: url(../images/ico-email.svg) 0 50% no-repeat;
}
.block-contacts .contacts .button {
	text-align: center;
}
.block-benefits {
	padding: 50px 0;
}
.list-benefits {
	display: flex;
	justify-content: space-between;
}
.list-benefits .item {
	width: 30%;
	padding-left: 60px;
}
.list-benefits .item-1 {
	background: url(../images/benefit-1.svg) 0 0 no-repeat;
}
.list-benefits .item-2 {
	background: url(../images/benefit-2.svg) 0 0 no-repeat;
}
.list-benefits .item-3 {
	background: url(../images/benefit-3.svg) 0 0 no-repeat;
}
.footer {
	background: #3E3027;
	color: #fff;
	padding: 22px 0;
}
.footer .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .logo {
	padding-left: 60px;
	font-size: 16px;
	background: url(../images/logo.svg) 0 50% no-repeat;
}
.footer .logo b {
	font-size: 21px;
}
.footer .nav ul {
	display: flex;
	align-items: center;
}
.footer .nav ul li + li {
	margin-left: 20px;
}
.footer .nav ul a {
	color: #fff;
	font-weight: 300;
}
.footer .nav ul a:hover {
	text-decoration: underline;
}
.footer .contacts {
	display: flex;
	align-items: center;
}
.footer .contacts a {
	color: #F29400;
	font-weight: 300;
	display: inline-block;
	font-size: 18px;
}
.footer .contacts a + a {
	margin-left: 20px;
}
.footer .contacts a.callback {
	font-weight: bold;
	font-size: 20px;
}
.breadcrumbs {
	padding: 40px 0 10px 0;
}
.breadcrumbs span {
	color: #8E8E8E;
}
.breadcrumbs a span {
	color: #333;
}
.breadcrumbs a span:hover {
	color: #F29400;
}
.wrapper-full {
	padding: 0 60px;
}
h1.title {
	font-weight: normal;
	font-size: 48px;
	margin-bottom: 50px;
}
.block-product,
.block-catalog {
	padding-bottom: 50px;
}
.block-product .main-content,
.block-catalog .main-content {
	border-left: 1px solid #EFEFEF;
}
.block-product .content,
.block-catalog .content {
	display: flex;
}
.block-product .col-left,
.block-catalog .col-left {
	width: 15%;
	padding-right: 20px;
}
.block-product .main-content,
.block-catalog .main-content {
	width: 85%;
}
.block-catalog .main-content .catalog .item {
	width: 25%;
}
ul.cat-menu a {
	display: block;
}
ul.cat-menu .menu-item-has-children > a,
ul.cat-menu .with-submenu {
	position: relative;
	padding-right: 15px;
}
ul.cat-menu .menu-item-has-children > a.open:hover {
	text-decoration: underline;
}
ul.cat-menu .menu-item-has-children > a:after,
ul.cat-menu .with-submenu:after {
	content: '';
	position: absolute;
	display: block;
	width: 14px;
	height: 8px;
	background: url(../images/ico-arr-drop.svg) no-repeat;
	top: 6px;
	right: 0;
	transition: .2s;
}
ul.cat-menu .menu-item-has-children > a.open:after {
	transform: rotate(180deg);
}
ul.cat-menu > li + li {
	margin-top: 20px;
}
ul.cat-menu > li > ul > li {
	margin-top: 10px;
	padding-left: 20px;
}
ul.cat-menu > li > ul {
	display: none;
}
ul.cat-menu > li > ul > li.current-menu-item a,
ul.cat-menu > li > ul > li a:hover {
	text-decoration-line: underline;
	color: #F29400;
}
.pagination {
	text-align: center;
	margin-top: 40px;
}
.pagination span,
.pagination a {
	display: inline-block;
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	width: 60px;
	height: 60px;
	line-height: 60px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8E8E8E;
	font-size: 16px;
	text-align: center;
	margin: 0 5px;
	transition: .2s;
}
.pagination a:hover {
	background: #F29400;
	border: 1px solid #F29400;
	color: #fff;
}
.block-seo {
	padding: 80px 0;
}
.seo-text {
	font-size: 15px;
	color: #8E8E8E;
	line-height: 1.5;
}
.block-product {
	padding-top: 45px;
}
.photoes {
	width: 44%;
}
.main-photo {
	border: 1px solid #EFEFEF;
	text-align: center;
}
.main-photo img {
	display: inline;
	max-width: 100%;
	height: auto;
}
.block-product .main-content {
	padding-left: 40px;
}
.block-product .thumbs {
	margin: 0 -3px;
}
.block-product .thumbs .slick-slide {
	padding: 3px;
	opacity: .6;
}
.block-product .thumbs .slick-current {
	opacity: 1;
}
.block-product .thumbs .item {
	border: 1px solid #EFEFEF;
	line-height: 0;
	cursor: pointer;
}
.block-product .thumbs img {
	display: inline;
	max-width: 100%;
	height: auto;
}
.product-info {
	width: 56%;
	padding-left: 65px;
}
.product-top {
	display: flex;
	flex-wrap: wrap;
}
.product-info h1 {
	font-weight: normal;
	font-size: 48px;
	margin-bottom: 15px;
}
.characteristics {
	margin-bottom: 25px;
}
.characteristics .name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.characteristics table td {
	padding: 10px;
}
.characteristics table th + th,
.characteristics table td + td {
	border-left: 1px solid #EFEFEF;
}
.characteristics table th {
	border-bottom: 1px solid #EFEFEF;
	padding: 10px;
}
.characteristics table tr + tr td {
	border-top: 1px solid #EFEFEF;
}
.characteristics table th:first-child,
.characteristics table td:first-child {
	padding-left: 0;
}
.product-info .callback {
	width: 400px;
	margin-bottom: 20px;
}
.product-info .callback .name {
	background: #F29400;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0;
}
.product-info .callback-wrap {
	display: flex;
}
.product-info .callback .item {
	width: 50%;
	background: rgba(242, 148, 0, 0.1);
	border: 1px solid #F29400;
	font-size: 19px;
	text-align: center;
	color: #F29400;
	padding: 20px 0;
}
.product-info .callback .item a {
	color: #F29400;
}
.product-info .callback .item + .item {
	border-left: none;
}
.block-product .description .name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.block-product .description .text {
	line-height: 1.5;
}
.products-additional {
	padding: 50px 0;
}
.products-additional .catalog .item {
	width: 25%;
}
.products-additional h2 {
	text-align: left;
}

.toggle-menu {
	display: none;
    width: 60px;
    height: 48px;
    cursor: pointer;
    position: relative;
	float: right;
	z-index: 990;
}
.toggle-menu span {
    position: absolute;
    height: 4px;
    background: #F29400;
    top: 50%;
    margin-top: -2px;
    left: 10px;
    right: 10px;
    transition: .2s;
}
.toggle-menu span:before,
.toggle-menu span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    background: #F29400;
    -webkit-transition-duration: .2s, .2s;
    -moz-transition-duration: .2s, .2s;
    -o-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s;
    -o-transition-delay: .2s, 0s;
    -moz-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s;
}
.toggle-menu span:before {
    top: -12px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}
.toggle-menu span:after {
    bottom: -12px;
    transition-property: bottom, transform;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}
.toggle-menu.open span {
    background: transparent;
}
.toggle-menu.open span:before {
    top: 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, .2s;
    -o-transition-delay: 0s, .2s;
    -moz-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s;
}
.toggle-menu.open  span:after {
    bottom: 0;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, .2s;
    -o-transition-delay: 0s, .2s;
    -moz-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s;
}
.mobile-menu {
	position: fixed;
	z-index: 999;
	background: #3E3027;
	color: #fff;
	width: calc(100% - 100px);
	height: 100%;
	overflow: auto;
	top: 0;
	left: 0;
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: .4s;
	padding: 30px;
}
.mobile-menu.open {
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.mobile-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 800;
	display: none;
}
.mobile-menu .menu-catalog a {
	color: #fff;
}
.mobile-menu .menu-catalog li + li {
	margin-top: 10px;
}
.mobile-menu .menu-catalog .name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.mobile-menu .menu-main {
	margin-top: 30px;
}
.mobile-menu .menu-main li + li {
	margin-top: 10px;
}
.mobile-menu .menu-main li a {
	font-size: 15px;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #fff;
	font-weight: bold;
}
.mobile-menu .contacts {
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.mobile-menu .contacts a {
	color: #F29400;
    font-weight: 600;
	font-size: 26px;
}
.cat-menu-mobile {
	display: none;
	padding: 20px;
	background: #F29400;
	margin-bottom: 30px;
}
.cat-menu-mobile a {
	color: #fff;
}
.cat-menu-mobile ul.cat-menu .menu-item-has-children > a:after {
	background: url(../images/ico-arr-drop-white.svg) no-repeat;
}
.cat-menu-mobile ul.cat-menu > li > ul > li a:hover {
    text-decoration-line: underline;
	color: #fff;
}
.slick-arrow {
	font-size: 0;
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	z-index: 10;
}
.slick-prev {
	left: 15px;
	background: url(../images/slider-prev.png) no-repeat;
}
.slick-next {
	right: 15px;
	background: url(../images/slider-next.png) no-repeat;
}
.contacts-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
}
.contacts-top .title {
	margin-bottom: 0;
	margin-right: 30px;
}
.contacts-top .right {
	width: 860px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.contacts-top .address {
	padding-left: 35px;
	line-height: 35px;
	background: url(../images/ico-address.svg) 0 50% no-repeat;
}
.contacts-top .phones {
	padding-left: 35px;
	line-height: 35px;
	background: url(../images/ico-phone.svg) 0 50% no-repeat;
}
.contacts-top .email {
	padding-left: 35px;
	line-height: 35px;
	background: url(../images/ico-email.svg) 0 50% no-repeat;
}
.list-blog {
	display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
}
.list-blog .item {
	width: 33.333%;
	border: 1px solid #EFEFEF;
	padding: 20px;
}
.list-blog .item:hover {
	box-shadow: 5px 5px 25px rgb(50 32 12 / 5%);
}
.list-blog .item .name {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
}
.list-blog .item .photo img {
	max-width: 100%;
	height: auto;
}
.blog-post {
	padding-left: 20px;
}
.modal {
	max-width: 500px;
	padding: 30px;
}
.modal-head {
	margin-bottom: 20px;
	text-align: center;
}
.modal-head b {
	display: block;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 400;
	color: #F29400;
	letter-spacing: 1px;
}
.modal-body .input {
	margin-bottom: 10px;
}
.modal-body input {
	width: 100%;
	height: 50px;
	border: 1px solid #EFEFEF;
	background: #fff;
	font-size: 18px;
	padding-left: 20px;
}
.modal-body input.error {
	border: 1px solid #f00;
}
.modal-body textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #EFEFEF;
	background: #fff;
	font-size: 18px;
	padding-left: 20px;
	padding-top: 10px;
	resize: none;
}
.remodal-close {
	right: 0;
	left: auto;
}
.page-thank {
	text-align: center;
	padding-bottom: 30px;
}
.page-thank h1 {
	margin-bottom: 40px;
}
.page-thank .text {
	margin-bottom: 40px;
	font-size: 22px;
}
#scroll-top-top {
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: url(../images/to-top.png) 0 0/100% auto no-repeat;
	border-radius: 50%;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	opacity: .7;
	transition: .2s;
}
#scroll-top-top:hover {
	opacity: 1;
}


@media (max-width: 1750px) {
	.photoes {
		width: 40%;
	}
	.product-info {
		width: 60%;
	}
}

@media (max-width: 1550px) {
	.block-product .col-left,
	.block-catalog .col-left {
		width: 20%;
	}
	.block-product .main-content, 
	.block-catalog .main-content {
		width: 80%;
	}
}

@media (max-width: 1440px) {
	.block-catalog .main-content .catalog .item {
		width: 33.333%;
	}
	.product-info h1 {
		font-size: 42px;
	}
	.products-additional .catalog .item .photo {
		height: 380px;
	}
}

@media (max-width: 1350px) {
	.header-inside {
		padding: 15px 20px;
	}
	.wrapper-full {
		padding: 0 20px;
	}
	.header .nav a {
		font-size: 15px;
	}
	.header .contacts a {
		font-size: 17px;
	}
	.header .logo b {
		font-size: 20px;
	}
	.header .logo {
		font-size: 14px;
		padding-left: 50px;
		background-size: 40px auto;
	}
	.main-slider .item h2 {
		font-size: 46px;
	}
	.block-product .col-left, 
	.block-catalog .col-left {
		width: 255px;
	}
	.block-product .main-content, 
	.block-catalog .main-content {
		width: calc(100% - 255px);
	}
	.list-blog .item {
		width: 50%;
	}
}

@media (max-width: 1200px) {
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.header {
		padding-left: 20px;
		padding-right: 20px;
	}
	.main-slider .item h2 {
		font-size: 40px;
	}
	.main-slider .item p {
		font-size: 18px;
	}
	.btn {
		padding: 15px 30px;
	}
	.block-about h2,
	h2.title {
		font-size: 44px;
	}
	.block-about .wrapper:after {
		right: -30px;
	}
	.block-contacts .contacts {
		left: 20px;
	}
	h1.title {
		font-size: 42px;
	}
	.block-product .main-content, 
	.block-catalog .main-content {
		border-left: none;
	}
}

@media (max-width: 1150px) {
	.block-product .col-left {
		display: none;
	}
	.block-product .cat-menu-mobile {
		display: block;
	}
	.block-product .main-content {
		width: 100%;
		padding-left: 0;
	}
	.product-info {
		padding-left: 20px;
	}
	.products-additional {
		padding-bottom: 0;
	}
}

@media (max-width: 1100px) {
	.header .nav {
		display: none;
	}
	.toggle-menu {
		display: block;
	}
	.catalog .item {
		border: 1px	 solid #EFEFEF;
	}
	.catalog .item .name {
		font-size: 18px;
	}
	.block-about .content {
		width: 50%;
	}
	.block-about .wrapper:after {
		right: auto;
		left: 53%;
	}
	.block-about h2 {
		font-size: 38px;
	}
	.footer .wrapper {
		flex-wrap: wrap;
	}
	.footer .nav,
	.footer .contacts {
		width: 100%;
		text-align: center;
		margin: 20px 0;
	}
	.footer .logo {
		width: 230px;
		margin: 20px auto;
	}
	.footer .contacts,
	.footer .nav ul {
		justify-content: center;
	}
}

@media (max-width: 950px) {
	h3.subtitle {
		font-size: 18px;
	}
	h2.title {
		font-size: 40px;
	}
	.block-about .content {
		padding-top: 0;
	}
	body {
		font-size: 15px;
	}
	.block-contacts .contacts h2 {
		font-size: 40px;
	}
	.block-contacts .contacts li {
		font-size: 15px;
	}
	.block-contacts .contacts {
		width: 320px;
		padding: 15px;
	}
	.block-contacts .contacts li.address {
		line-height: 25px;
	}
	.block-catalog .main-content .catalog .item {
		width: 50%;
	}
	.photoes {
		width: 100%;
		max-width: 600px;
		margin: 0 auto 40px auto;
	}
	.product-info {
		width: 100%;
		padding-left: 0;
	}
	.contacts-top .right {
		margin-top: 30px;
	}
}

@media (max-width: 800px) {
	.header .soc {
		display: none;
	}
	.main-slider .item h2 {
		font-size: 36px;
	}
	h2.title {
		font-size: 36px;
	}
	.list-clients .item,
	.block-main-catalog .catalog .item {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.list-clients {
		flex-wrap: wrap;
	}
	.list-clients .item + .item {
		margin-top: 20px;
	}
	.list-partners .item {
		width: 50%;
	}
	/*.list-partners .item:nth-child(3):before,
	.list-partners .item:nth-child(7):before {
		display: none;
	}
	.list-partners .item:nth-child(5),
	.list-partners .item:nth-child(6) {
		border-bottom: 1px solid #EFEFEF;
	}*/
	.list-partners .item:nth-child(2n + 3):before {
		display: none;
	}
	.list-partners .item:nth-last-child(-n + 4) {
		border-bottom: 1px solid #EFEFEF;
	}
	.list-partners .item:nth-last-child(-n + 2) {
		border-bottom: none;
	}
	.list-benefits .item {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.list-benefits .item + .item {
		margin-top: 40px;
	}
	.list-benefits {
		flex-wrap: wrap;
	}
	.block-product .col-left, 
	.block-catalog .col-left {
		display: none;
	}
	.block-product .main-content,
	.block-catalog .main-content {
		width: 100%;
		padding-left: 0;
	}
	.cat-menu-mobile {
		display: block;
	}
	.product-info h1 {
		font-size: 40px;
	}
	.contacts-top .right > div {
		width: 100%;
	}
	.contacts-top .right > div + div {
		margin-top: 10px;
	}
	.list-blog,
	.blog-post {
		padding-left: 0;
	}
}

@media (max-width: 700px) {
	.header .contacts {
		margin-right: 0;
		display: block;
		width: 150px;
	}
	.header .contacts a + a {
		margin-left: 0;
	}
	.main-slider .item h2 {
		font-size: 32px;
	}
	.main-slider .item p {
		font-size: 16px;
	}
	.btn {
		font-size: 14px;
	}
	h2.title {
		font-size: 34px;
	}
	h3.subtitle {
		font-size: 16px;
	}
	.block-about .content {
		width: 100%;
	}
	.block-about .wrapper:after {
		display: none;
	}
	.block-contacts .contacts {
		position: static;
		width: 400px;
		margin: 0 auto 40px auto;
		padding: 30px;
	}
	.block-about h2 {
		font-size: 34px;
	}
	.header-inside {
		padding: 5px 20px;
	}
	.product-info h1,
	h1.title {
		font-size: 38px;
	}
}

@media (max-width: 600px) {
	.main-slider .item h2 {
		font-size: 28px;
	}
	.main-slider .item p {
		max-width: 100%;
	}
	.footer .contacts {
		display: block;
	}
	.block-about h2,
	h2.title {
		font-size: 30px;
	}
	.header .contacts a {
		font-size: 15px;
	}
	.header .contacts {
		width: 130px;
	}
	.header .logo b {
		font-size: 18px;
	}
	.header .logo {
		font-size: 13px;
	}
	.catalog .item .photo {
		height: 380px;
	}
	.list-blog .item {
		width: 100%;
	}
	.modal-head b {
		font-size: 26px;
	}
	#scroll-top-top {
		width: 40px;
		height: 40px;
	}
}