@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro.eot');
    src: url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff'),
        url('../fonts/DINPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Medium.eot');
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Medium.woff2') format('woff2'),
        url('../fonts/DINPro-Medium.woff') format('woff'),
        url('../fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Bold.eot');
    src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff'),
        url('../fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/************************* reset *************************/
html{
	height: 100%;
	margin: 0;
	padding: 0;width: 100%;
	background: #fff;
	font-size: 0.052vw;
}
body{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	color: #242424;
	font-size: 18px;
	font-weight: 400;
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	line-height: 24px;
	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: 400;
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {
	padding: 0 15px;
}
@media (min-width: 375px){
	.holder {
		padding: 0 20px;
	}
}
@media (min-width: 576px){
	.holder {
		max-width: 540px;
		margin: auto;
		padding: 0;
	}
}
@media (min-width: 768px){
	.holder {
		max-width: 720px;	
	}
}
@media (min-width: 1024px) {
	.holder {
		max-width: 960px;
	}
}
@media (min-width: 1300px){
	.holder {
		max-width: 1200px;
	}
}
@media (min-width: 1400px){
	.holder {
		max-width: 1366px;
	}
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
a {transition: all .3s linear;}
p {margin: 0 0 24px;}
p a, .article li a {color: #D57056;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
	position: relative;
	display: inline-block;
	padding: 19px 57px 22px;
	color: #fff;
	font-weight: 500;
	font-size: 33px;
	line-height: 125%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	backdrop-filter: blur(15px);
	box-shadow: inset 0 4px 4px 0 rgba(207, 207, 207, 0.25);
	background: rgba(219, 0, 0, 0.75);
	border-radius: 100px;
	transition: all .3s linear;
}
.button:hover {
	background: rgba(143, 1, 1, 0.75);
}
.button-white {
	backdrop-filter: blur(24px);
	box-shadow: inset 0 3px 4px 0 rgba(255, 255, 255, 0.27);
	background: rgba(255, 255, 255, 0.44);
}
.button-white:hover {
	background: rgba(143, 1, 1, 0.75);
}
/************************* form-block *************************/
.input {
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 14px;
	margin: 0 0 11px;
	font-size: 16px;
	color: #242424;
	background: #FFF;
	border-radius: 4px;
}
.inputtext {
	display: block;
	width: 100%;
	height: 36px;
	padding: 0 14px;
	margin: 0;
	font-size: 16px;
	color: #242424;
	background: #FFF;
	border-radius: 4px;
}
.textarea {
	display: block;
	width: 100%;
	height: 110px;
	padding: 12px 14px;
	margin: 0 0 11px;
	font-size: 16px;
	resize: vertical;
	color: #242424;
	background: #FFF;
	border-radius: 4px;
}
::-webkit-input-placeholder {color: #a9a9a9;}
:-moz-placeholder {color: #a9a9a9; opacity: 1;}
::-moz-placeholder {color: #a9a9a9; opacity: 1;}
:-ms-input-placeholder {color: #a9a9a9;}
.check-item {
	position: relative;
	margin: 0 0 32px;
}
.check-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.check-label {
	display: block;
	padding: 0 0 0 44px;
	min-height: 35px;
	font-size: 9px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #506d80;
	cursor: pointer;
}
.check-label:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 3px;
}
.check-label:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 35px;
	height: 35px;
	background: url(../images/check-mark.svg) 50% 50% no-repeat;
	background-size: 20px;
	opacity: 0;
}
.check-input:checked + .check-label:after {opacity: 1;}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}
/************************* header *************************/
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
}
.header::before {
	position: absolute;
	inset: 0;
	content: '';
	backdrop-filter: blur(80px);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 3.04%, rgba(255, 255, 255, 0) 99.2%);
}
.header::after {
	position: absolute;
	inset: 0;
	content: '';
	background: url(../images/header-bg.png) 50% 50% repeat;
}
.header-min {
	background: url(../images/header-min.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.header-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 150px;
}
.header-logo {
	position: relative;
	z-index: 500;
}
.header-nav {
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 500;
}
.header-nav-list {
	margin: 0 auto;
	display: flex;
	gap: 70px;
}
.header-nav-list li {
	font-size: 25px;
	line-height: 125%;
}
.header-nav-list a {
	color: #fff;
	text-decoration: none;
}
.header-nav-list a:hover {
	color: #ff010b;
}
.header-button {
	padding: 4px 30px 6px;
	font-size: 25px;
	line-height: 125%;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 40px;
}
.header-button:hover {
	background: #ff010b;
	border: 1px solid #ff010b;
}
.mob-nav-icon {
	position: relative;
	z-index: 500;
	padding: 1px 0;
	display: none;
}
.mob-nav-block {
    position: relative;
	display: block;
    width: 28px;
    height: 2px;
    margin: 9px 0;
	background: #fff;
	transition: all .3s linear;
}
.mob-nav-block:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    width: 28px;
    height: 2px;
    background: #fff;
	transition: all .3s linear;
}
.mob-nav-block:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 28px;
    height: 2px;
    background: #fff;
	transition: all .3s linear;
}
.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);
}
/************************* banner *************************/
.banner {
	position: relative;
}
.banner::after {
	position: absolute;
	inset: 0;
	content: '';
	background: rgba(31, 31, 31, 0.52);
}
.banner-bg {
	width: 100%;
	min-height: 700px;
	object-fit: cover;
}
.banner-content {
	position: absolute;
	z-index: 10;
	inset: 0;
	padding: 50px 0 0;
	display: flex;
	align-items: center;
}
.banner-content .holder {
	width: 100%;
}
.banner-title {
	margin: 0 0 30px;
	font-weight: 500;
	font-size: 101px;
	line-height: 90%;
	color: #fff;
}
.banner-title:last-child {margin: 0;}
.banner-text {
	max-width: 925px;
	padding: 8px 20px 13px;
	margin: 0 0 49px -20px;
	font-size: 25px;
	line-height: 125%;
	color: #fff;
	backdrop-filter: blur(18px);
	background: rgba(217, 217, 217, 0.2);
}
.banner-text:last-child {margin: 0;}
.banner-text-2 {
	max-width: 1250px;
}
.banner-buttons {
	display: flex;
	gap: 60px;
}
.banner-buttons .button {
	min-width: 330px;
}
.banner-button {
	padding: 26px 30px;
	font-weight: 500;
	font-size: 26px;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	text-decoration: none;
	color: #2c688c;
	background: #e8ecf0;
	border-radius: 19px;
}
.banner-button-blue {
	color: #fff;
	background: #2c688c;
}
.banner-arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	z-index: 100;
	width: 163px;
	height: 163px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.25);
	border-radius: 50%;
}
/************************* main-category *************************/
.main-category {
	padding: 106px 0 110px;
}
.title-block {
	position: relative;
	padding: 0 420px;
	margin: 0 0 56px;
}
.title-block .title {
	padding: 8px 0;
}
.title-block .search {
	position: absolute;
	top: 0;
	right: 0;
}
.main-category .title-block {
	margin: 0 0 78px;
}
.category {
	display: flex;
	flex-wrap: wrap;
	gap: 44px 0;
	margin: 0 -22px;
}
.category-col {
	width: 25%;
	padding: 0 22px;
}
.category-item {
	display: block;
	color: #242424;
	text-decoration: none;
	text-align: center;
}
.category-img {
	margin: 0 0 5px;
}
.category-img img {
	width: 100%;
}
.category-name {
	margin: 0 0 5px;
	font-weight: 500;
	font-size: 25px;
	line-height: 125%;
}
.category-link {
	font-weight: 500;
	font-size: 19px;
	line-height: 125%;
	color: #acacac;
	transition: all 0.3s linear;
}
.category-item:hover .category-link {
	color: #f00;
}

/************************* top-section *************************/
.top-section {
	padding: 55px 0 140px;
	background: #f1f2f2 url(../images/top-bg.svg) 50% 50% no-repeat;
	background-size: cover;
}
.top-title {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0 0 28px;
	text-align: center;
}
.top-title-text {
	font-weight: 700;
	font-size: 42px;
	line-height: 125%;
	color: #ff010b;
}
.top-title-min {
	font-weight: 500;
	font-size: 19px;
	line-height: 125%;
	color: #acacac;
}
.top-block {
	display: flex;
	justify-content: space-between;
	max-width: 1265px;
	margin: 0 auto;
}
.top-col {
	width: 24.1%;
}
.top-col-big {
	width: 40.5%;
}
.top-item {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.top-item-title {
	margin: auto 0 21px;
	font-weight: 500;
	font-size: 25px;
	line-height: 125%;
	text-align: center;
	color: #242424;
}
.top-item-img {
	margin: 0 0 21px;
	border: 1px solid #cfcfcf;
}
.top-item-img img {
	width: 100%;
	height: 100%;
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
}
.top-item .catalog-buttons {
	max-width: 305px;
	width: 100%;
	margin: 0 auto;
}

/************************* main-contacts *************************/
.main-contacts {
	padding: 220px 0 185px;
}

/************************* about *************************/
.about-page {
	background: url(../images/about-bg.svg) 50% 0px no-repeat;
}
.about-main {
	padding: 0 0 265px;
}
.title-block {
	margin: 0 0 65px;
}
.title {
	font-weight: 700;
	font-size: 28px;
	line-height: 125%;
	color: #1d1d1d;
	text-align: center;
}
.about-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px 0;
	margin: 0 0 46px;
}
.about-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(50% - 12px);
	padding: 30px;
	backdrop-filter: blur(9.5px);
	box-shadow: inset 0 4px 7px 4px rgba(230, 230, 230, 0.46);
	background: rgba(233, 233, 233, 0.32);
	border-radius: 26px;
}
.about-text {
	font-size: 23px;
	line-height: 125%;
	text-align: center;
	color: #000;
}
.about-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
}
.about-buttons .btn {
	min-width: 386px;
}
.btn {
	display: inline-block;
	vertical-align: top;
	padding: 19px 25px 21px;
	font-weight: 500;
	font-size: 33px;
	line-height: 125%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	backdrop-filter: blur(15px);
	box-shadow: inset 0 4px 4px 0 rgba(207, 207, 207, 0.25);
	background: rgba(219, 0, 0, 0.75);
	border-radius: 54px;
}
.btn:hover {
	background: #a81e1e;
}
/************************* partners *************************/
.partners {
	padding: 0 0 130px;
}
.partners-title {
	margin: 0 0 143px;
	font-weight: 700;
	font-size: 42px;
	line-height: 125%;
	color: #ff010b;
	text-align: center;
}
.partners-block {
	display: flex;
}
.partners-col {
	position: relative;
	width: 33.33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 150px 20px 210px;
	border-right: 1px solid rgba(109, 120, 136, 0.4);
}
.partners-col:nth-child(3n){
	border-right: 0;
}
.partners-col::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 133px;
	content: '';
	border-bottom: 1px solid rgba(109, 120, 136, 0.4);
}
.partners-logo {
	margin: 0 0 27px;
	text-align: center;
}
.partners-logo img {
	max-width: 90%;
}
.partners-text {
	max-width: 310px;
	min-height: 40px;
	font-size: 18px;
	line-height: 110%;
	letter-spacing: -0.02em;
	color: #6d7888;
	text-align: center;
}
/************************* contacts *************************/
.contacts {
	display: flex;
	padding: 0 0 60px;
}
.contacts-info {
	width: 47%;
	padding: 0 40px 0 0;
}
.title-h3 {
	margin: 0 0 44px;
	font-weight: 700;
	font-size: 42px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #f00;
}
.contacts-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.contacts-link {
	display: flex;
	align-items: center;
	gap: 30px;
	font-family: 'Inter';
	font-size: 36px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #414141;
	text-decoration: none;
}
.contacts-link:hover {
	color: #f00;
}
.contacts-link img {
	width: 41px;
	min-width: 41px;
}
.contacts-adress {
	max-width: 470px;
	font-size: 36px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #414141;
}
.doc {
	width: 53%;
}
.doc-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	margin: 0 0 32px;
}
.doc-item {
	display: flex;
	align-items: center;
	gap: 13px;
	color: #414141;
	text-decoration: none;
}
.doc-item img {
	width: 28px;
	min-width: 28px;
}
.doc-text {
	font-weight: 400;
	font-size: 36px;
	line-height: 140%;
	letter-spacing: -0.02em;
	text-decoration: underline;
}
.doc-item:hover .doc-text {
	text-decoration: none;
}
.mega-button {
	display: inline-block;
	vertical-align: top;
	margin: 100px 0 0;
	padding: 54px 124px 56px;
	font-weight: 700;
	font-size: 50px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #f00;
	border-radius: 24px;
}
.mega-button:hover {
	background: #a81e1e;
}

/************************* delivery-page *************************/
.delivery-page {
	position: relative;
}
.delivery-page::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	height: 1050px;
	background: linear-gradient(180deg, #fff 0%, #F1F2F2 100%);
}
.delivery-page::after {
	position: absolute;
	inset: 0;
	content: '';
	background: url(../images/line-bg.svg) 50% 100% no-repeat;
	background-size: 100% auto;
}
.delivery-page .holder {
	position: relative;
	z-index: 10;
}
.delivery-title {
	position: relative;
	max-width: 940px;
	padding: 30px 0 36px;
	margin: 0 0 40px;
	font-weight: 500;
	font-size: 66px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #fff;
	background: #f57272;
}
.delivery-title::before {
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 50vw;
	content: '';
	background: inherit;
}
.delivery-text {
	max-width: 980px;
	margin: 0 0 20px;
	font-size: 36px;
	line-height: 125%;
	letter-spacing: -0.02em;
	text-align: justify;
	color: #000;
}
.delivery-big {
	margin: 0 0 97px;
	font-weight: 700;
	font-size: 41px;
	line-height: 162%;
	letter-spacing: 0.02em;
	color: #000;
}
.delivery-title-grey {
	background: #b4b4b4;
}
.delivery-logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0 140px
}
.delivery-logo-item {
	width: 33.33%;
	padding: 0 15px;
}
.delivery-logo-item img {
	max-width: 100%;
}
.delivery-cars {
	display: flex;
	justify-content: center;
	margin: 0 0 -200px;
	pointer-events: none;
}
.delivery-cars img {
	max-width: 120%;
}

/************************* main *************************/
.main {
	padding: 106px 0 120px;
}
.tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 43px 48px;
	max-width: 1200px;
	margin: 0 auto 90px;
}
.tag {
	padding: 15px 38px 17px;
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	color: #363636;
	text-decoration: none;
	border: 2px solid #f00;
	border-radius: 37px;
}
.tag:hover,
.tag.active {
	color: #fff;
	background: #f00;
}
.catalog-top {
	position: relative;
	padding: 0 420px;
	margin: 0 0 56px;
}
.catalog-title {
	padding: 8px 0;
	font-weight: 700;
	font-size: 28px;
	line-height: 125%;
	color: #1d1d1d;
	text-transform: uppercase;
	text-align: center;
}
.catalog-top .search {
	position: absolute;
	top: 0;
	right: 0;
}
.search {
	position: relative;
	width: 400px;
}
.search-input {
	display: block;
	width: 100%;
	height: 51px;
	padding: 0 60px 0 15px;
	margin: 0;
	font-size: 22px;
	color: #222;
	border-radius: 6px;
	background: #f1f2f2;
}
.search-input::-webkit-input-placeholder {color: #b1b3b4;}
.search-input:-moz-placeholder {color: #b1b3b4; opacity: 1;}
.search-input::-moz-placeholder {color: #b1b3b4; opacity: 1;}
.search-input:-ms-input-placeholder {color: #b1b3b4;}
.search-button {
	position: absolute;
	top: 11px;
	right: 22px;
	cursor: pointer;
}
.search-button svg {
	display: block;
}
.search-button path {
	transition: all .3s;
}
.search-button:hover path {
	stroke: #222;
}
/************************* catalog *************************/
.catalog {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px;
	gap: 56px 0;
}
.catalog-col {
	width: 25%;
	padding: 0 24px;
	display: flex;
	flex-direction: column;
}
.catalog-img {
	overflow: hidden;
	margin: 0 0 5px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
}
.catalog-img img {
	width: 100%;
	min-height: 305px;
    max-height: 305px;
    height: 100%;
    object-fit: contain;
}
.catalog-name {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	margin: 0 0 11px;
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	text-align: center;
}
.catalog-name a {
    color: #242424;
    text-decoration: none;
}
.catalog-name a:hover {
    color: #a81e1e;
}
.catalog-buttons {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto 0 0;
}
.catalog-buttons .button-min {
	width: calc(50% - 3px);
	border-radius: 6px;
}
.catalog-buttons .quantity {
	width: calc(50% - 3px);
	border: 1px solid #f57272;
	border-radius: 6px;
}
.button-min {
	position: relative;
	display: inline-block;
	padding: 9px 15px 11px;
	color: #242424;
	font-weight: 400;
	font-size: 20px;
	line-height: 125%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid #f57272;
	transition: all .3s linear;
}
.button-red {
	color: #fff;
	background: #c72020;
	border: 1px solid #c72020;
}
.button-min:hover {
	color: #fff;
	background: #a81e1e;
	border: 1px solid #a81e1e;
}
.button-min-dis {
    position: relative;
    display: inline-block;
    padding: 9px 10px 11px;
    color: #242424;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #f57272;
    transition: all .3s linear;
}
.button-gray {
	color: #000;
	background: #f1f2f2;
	border: 1px solid #b3c2c8f5;
}
.catalog-quantity-text {
	width: 100%;
	margin: 0 0 5px;
	font-size: 15px;
	line-height: 19px;
}
.catalog-buttons .quantity {
	padding: 0 15px;
}
.catalog-buttons .quantity-input {
	height: 24px;
	font-weight: 400;
	font-size: 20px;
}
.catalog-buttons .minus, .catalog-buttons .plus {
	width: 20px;
	min-width: 20px;
	height: 20px;
	border: 0;
	border-radius:0;
}
.catalog-buttons .minus::before {
	width: 15px;
	height: 1px;
}
.catalog-buttons .plus::before {
	width: 15px;
	height: 1px;
}
.catalog-buttons .plus::after {
	width: 1px;
	height: 15px;
}
.catalog-buttons .minus:hover, .catalog-buttons .plus:hover {
	background: none;
	border: 0;
}
.catalog-buttons .minus:hover::before,
.catalog-buttons .plus:hover::before,
.catalog-buttons .plus:hover::after {
	background: #a81e1e;
}

/************************* footer *************************/
.footer {
	margin: auto 0 0;
	padding: 95px 0 48px;
	background: #F1F2F2;
}
.footer-block {
	display: flex;
	margin: 0 0 118px;
}
.footer-logo {
	margin: 0 56px 0 0;
}
.footer-col {
	width: 25%;
}
.footer-title {
	margin: 0 0 36px;
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #f00;
}
.footer-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.footer-link {
	display: flex;
	align-items: center;
	gap: 11px;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #444;
	text-decoration: none;
}
.footer-inter .footer-link {
	font-family: 'Inter';
}
.footer-link:hover {
	color: #ff010b;
}
.footer-link path {
	stroke: #444;
	transition: all 0.3s linear;
}
.footer-link:hover path {
	stroke: #ff010b;
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
}
.footer-bottom-item {
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #6D7888;
}
.footer-bottom-item a {
	color: #6D7888;
	text-decoration: none;
}
.footer-bottom-item a:hover {
	color: #ff010b;
}

/************************* popups *************************/
.popup {
	display: none;
	width: 804px;
	border-radius: 38px;
}
.popup {
	width: 600px;
}
.popup.fancybox-content {padding: 50px;}
.fancybox-slide--html .popup .fancybox-close-small {
    right: 15px;
    top: 15px;
}
.prod-title {
	margin: 0 0 13px;
	font-weight: 700;
	font-size: 33px;
	line-height: 125%;
	color: #f00;
}
.prod-gost {
	margin: 0 0 13px;
	font-size: 23px;
	line-height: 125%;
	color: #000;
}
.prod-img {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	text-align: center;
	padding: 20px 0 20px;
}
.prod-img img {
	max-width: 100%;
	max-height: 100%;
}
.prod-stat {
	display: flex;
	flex-wrap: wrap;
	gap: 27px 34px;
	margin: 0 0 85px;
}
.prod-stat-text {
	margin: 0 0 10px;
	font-size: 28px;
	line-height: 125%;
}
.prod-stat-value {
	min-width: 176px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	line-height: 125%;
	text-align: center;
	border: 1px solid #c9c9c9;
}
.prod-stat-big {
	width: 100%;
}
.prod-stat-line {
	display: flex;
	flex-wrap: wrap;
}
.prod-stat-line .prod-stat-value {
	width: 25%;
	min-width: 1px;
}
.prod-stat-line .prod-stat-value:not(:nth-child(4n)){
	border-right: 0;
}
.prod-button-wrap {
	text-align: center;
}
.prod-button {
	display: inline-block;
	vertical-align: top;
	padding: 13px 68px 15px;
	font-weight: 400;
	font-size: 43px;
	line-height: 130%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #f57272;
}
.prod-button:hover {
	background: #a81e1e;
}
.prod-img-slider {
	margin: 50px 0;
}
.prod-img-slider.slick-initialized .slick-slide {
	display: flex;
}
.prod-img-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	text-align: center;
	padding: 0 20px;
}
.prod-img-slide img {
	max-width: 100%;
	max-height: 100%;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	font-size: 0;
	cursor: pointer;
	background: url(../images/slider-arrow.svg) 50% 50% no-repeat;
	background-size: contain;
}
.slick-prev {
	left: 0;
	transform: scale(-1, 1);
}
.slick-next {
	right: 0;
}
.slick-arrow.slick-disabled {
	opacity: 0;
}

/************************* cart *************************/
.cart {
	padding: 230px 0 120px;
}
.cart .banner-title {
	margin: 0 0 110px;
	color: #363636;
}
.cart-block {
	max-width: 1154px;
	margin: 0 auto 187px;
}
.cart-block:last-child {margin-bottom: 0;}
.cart-line {
	display: flex;
	gap: 50px;
	padding: 0 30px 49px;
	align-items: center;
}
.basket-items-list-table {
    width: 100%;
}
.cart-total {
	display: flex;
	justify-content: space-between;
	gap: 50px;
	padding: 24px 30px 0;
	margin: 0 0 120px;
	border-top: 1px solid #000;
}
.cart-text {
	flex: 1;
	font-weight: 500;
	font-size: 33px;
	line-height: 125%;
}
.cart-price {
    display: none;
	width: 250px;
	min-width: 180px;
	/*min-width: 250px;*/
	font-weight: 500;
	font-size: 33px;
	line-height: 125%;
	text-align: right;
}
.basket-checkout-section {
    display: none;
}
.cart-quantity {
	width: 173px;
	min-width: 173px;
}
.quantity {
	display: flex;
	align-items: center;
	gap: 5px;
}
.quantity-input {
	width: 100%;
	height: 42px;
	font-weight: 500;
	font-size: 33px;
	text-align: center;
}
.minus, .plus {
	position: relative;
	width: 33px;
	min-width: 33px;
	height: 33px;
	border: 1px solid #202020;
	border-radius: 50%;
}
.minus::before,
.plus::before,
.plus::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	background: #000;
	transform: translate(-50%, -50%);
	transition: all 0.3s linear;
}
.minus::before {
	width: 11px;
	height: 3px;
}
.plus::before {
	width: 15px;
	height: 3px;
}
.plus::after {
	width: 3px;
	height: 15px;
}
.minus:hover, .plus:hover {
	background: #000;
	border: 1px solid #000;
}
.minus:hover::before,
.plus:hover::before,
.plus:hover::after {
	background: #fff;
}
.cart-buttons {
	display: flex;
	justify-content: center;
	gap: 32px;
}
.button-grey {
	color: #5c5c5c;
	backdrop-filter: blur(15px);
	box-shadow: inset 0 4px 4px 0 rgba(207, 207, 207, 0.25);
	background: rgba(163, 51, 51, 0.05);
}
.button-grey:hover {
	color: #fff;
	background: rgba(143, 1, 1, 0.75);
}
.catalog-more-title {
	margin: 0 0 85px;
	font-weight: 500;
	font-size: 33px;
	line-height: 125%;
	color: #444;
	text-align: center;
}
.catalog-more .catalog {
	justify-content: center;
}
.prod-select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px 0;
	margin: 0 0 60px;
}
.prod-select-col {
	width: calc(50% - 10px);
}
.prod-select-col .select-item {
	max-width: 176px;
}
.prod-button-wrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.prod-button-wrap .prod-button {
	width: 268px;
	padding: 13px 30px 15px;
}
.prod-button-wrap .quantity {
	width: 268px;
	padding: 0 30px;
	border: 2px solid #f57272;
}
.prod-button-wrap .quantity-input {
	color: #f57272;
}
.prod-button-wrap .minus, .prod-button-wrap .plus {
	border: 0;
}
.prod-button-wrap .minus::before,
.prod-button-wrap .plus::before,
.prod-button-wrap .plus::after {
	background: #f57272;
}
.prod-button-wrap .minus:hover, .prod-button-wrap .plus:hover {
	background: transparent;
	border: 0;
}
.prod-button-wrap .minus:hover::before,
.prod-button-wrap .plus:hover::before,
.prod-button-wrap .plus:hover::after {
	background: #f57272;
}
.order-popup {
	width: 848px;
	border-radius: 20px;
}
.order-popup.fancybox-content {
	padding: 53px 50px 59px;
	backdrop-filter: blur(10px);
	background: rgba(205, 205, 205, 0.96);
}
.order-title {
	max-width: 420px;
	margin: 0 auto 16px;
	font-weight: 700;
	font-size: 36px;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #4d4d4d;
}
.order-text {
	max-width: 210px;
	margin: 0 auto 16px;
	font-size: 13px;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #0a3047;
}
.order-popup form {
	max-width: 396px;
	margin: 0 auto;
}
.form-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 -35px;
	padding: 10px 0 16px;
}
.form-bottom .check-item {
	width: 226px;
	margin: 0;
}
.form-bottom .file {
	width: 192px;
}
.file {
	position: relative;
}
.file-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.file-label {
	position: relative;
	display: block;
	padding: 10px 60px 13px 25px;
	font-size: 15px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: #0d3854;
	border: 1px solid #0d3854;
	border-radius: 30px;
}
.file-label::after {
	position: absolute;
	top: 50%;
	right: 32px;
	content: '';
	margin-top: -12px;
	width: 25px;
	height: 25px;
	background: url(../images/file-button.svg) 50% 50% no-repeat;
	background-size: contain;
}
.form-button-wrap {
	text-align: center;
}
.form-button {
	display: inline-block;
	vertical-align: top;
	padding: 17px 53px;
	font-size: 23px;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	background: #f57272;
	border-radius: 30px;
	transition: all 0.3s linear;
}
.form-button:hover {
	background: #a81e1e;
}

/************************* market header *************************/
.header-white {
	background: none;
}
.header.header-white::before, .header.header-white::after {
	display: none;
}
.header-white .header-nav-list a {
	color: #444444;
}
.header-white .header-nav-list a:hover {
	color: #ff010b;
}
.header-white .header-button {
	color: #444444;
	border: 1px solid #444444;
}
.header-white .header-button:hover {
	background: #ff010b;
	border: 1px solid #ff010b;
}
.mob-nav-block,
.mob-nav-block:after,
.mob-nav-block:before {
    background: #242424;
}
/************************* market-top *************************/
.market {
	padding: 205px 0 83px;
}
.market-top {
	display: flex;
	align-items: flex-start;
	gap: 80px;
	margin: 0 0 17px;
}
.market-top-wrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex: 1;
}
.market-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 256px;
	min-width: 256px;
	height: 85px;
	padding: 10px 19px 10px 27px;
	color: #fff;
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	text-decoration: none;
	background: #C72020;
	border-radius: 6px;
	position: relative;
}
.market-button-text {
	padding: 0 0 3px;
}
.market-section-drops {
    position: relative;
}
.market-button-dropmenu {
    display: none;
    position: absolute;
    top: 85px;
    left: 0;
    background: #EDEDED;
    width: 100%;
    z-index: 1;
    padding: 10px 10px 10px;
    border-radius: 6px;
}
.market-button-dropmenu-item {
    font-family: 'DIN Pro';
    display: block;
    position: relative;
    padding: 10px 5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: rgb(54 54 54 / 70%);
    text-decoration: none;
    border-bottom: 1px solid #6E6E6E;
}
.market-button-dropmenu-item:last-child {
    border-bottom: 0;
}

.btn5 {
    position: relative;
    width: 60px;
    height: 60px;
    top: 0;
    /* left: 0px; */
    transition-duration: 0.5s;
}

.icon {
    transition-duration: 0.5s;
    position: absolute;
    height: 3px;
    width: 40px;
    top: 30px;
    background-color: #fff;
}
    
.btn5 .icon:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #fff;
    content: "";
    top: -10px;
}
    
.btn5 .icon:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #fff;
    content: "";
    top: 10px;
}
  
.btn5.open .icon {
    transition: 0.5s;
    transform: rotate(-90deg);
    width: 32px;
}
      
.btn5.open .icon:before{
    color: #fff;
    transform: rotateZ(-45deg) scaleX(0.75) translate(-5px, -6px);
    width: 30px;
    top: -6px;
}

.btn5.open .icon:after{
    transform: rotateZ(45deg) scaleX(0.75) translate(-6px, 6px);
    width: 30px;
    top: 6px;
}

.btn5:hover {
    cursor: pointer;
}


.threebar {
    cursor: pointer;
    transform: scale(.5);
    position: relative;
    top: 3px;
}
.bar {
    width: 80px;
    height: 7px;
    background: #fff;
    margin-bottom: 12px;
    transition: all 0.5s ease;
}
.bar:nth-child(1) {
      transform-origin: 50%;
}
.bar:nth-child(2) {
      transform-origin: 50%;
}
.threebar.arrow .bar:nth-child(1) {
    position: relative;
    width: 60px;
    background: #fff;
    transform: scaleX(1) translateY(50%) rotate(90deg);
    margin-bottom: 0;
}
.threebar.arrow .bar:nth-child(2) {
    position: relative;
    width: 60px;
    top: 10px;
    background: #fff;
    transform: scaleX(.85) translateY(0) translateX(30%) rotate(-45deg);
    margin-bottom: 0;
}
.threebar.arrow .bar:nth-child(3) {
    position: relative;
    width: 60px;
    top: 3px;
    background: #fff;
    transform: scaleX(.85) translateY(0) translateX(-30%) rotate(45deg);
    margin-bottom: 0;
}

.market-cart {
	display: flex;
	align-items: center;
	gap: 16px;
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	color: #000;
	text-decoration: none;
}
.market-top-content {
	flex: 1;
}
.market-top-content .search {
    width: auto;
}
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 14px;
	margin: 0;
	padding: 9px 0 0 17px;
}
.breadcrumbs li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0;
	margin: 0;
	color: #242424;
	font-size: 20px;
	line-height: 125%;
	list-style: none;
}
.breadcrumbs li:before {
	display: block;
	content: '';
	width: 10px;
	height: 13px;
	background: url(../images/chevron-right.svg) 50% 50% no-repeat;
}
.breadcrumbs li:first-child:before {display: none;}
.breadcrumbs a {
	color: rgba(54, 54, 54, 0.7);
	text-decoration: none;
}
.breadcrumbs a:hover {color: #000;}
.breadcrumbs a, .breadcrumbs span {padding-bottom: 2px;}
/************************* market-product *************************/
.market-product {
	margin: 0 0 45px;
	padding: 13px 0 0;
}
.market-product:last-child {margin: 0;}
.mp-title {
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 40px;
	line-height: 125%;
}
.mp-block {
	display: flex;
	align-items: flex-start;
}
.mp-photo {
	width: 420px;
	min-width: 420px;
	overflow: hidden;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
}
.mp-photo img {
	width: 100%;
}
.mp-info {
	padding: 10px 40px 0 60px;
	margin: 30px 0 0;
	flex: 1;
}
.mp-stat {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin: 0 0 28px;
}
.mp-stat-item {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.mp-stat-item::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	content: '';
	border-bottom: 2px dotted rgba(54, 54, 54, 0.7);
}
.mp-stat-name {
	position: relative;
	padding: 0 5px 0 0;
	font-size: 20px;
	line-height: 125%;
	color: rgba(54, 54, 54, 0.7);
	background: #fff;
}
.mp-stat-value {
	position: relative;
	padding: 0 0 0 5px;
	font-size: 20px;
	line-height: 125%;
	color: #363636;
	text-align: right;
	background: #fff;
}
.mp-gost {
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	color: #363636;
}
.mp-side {
	width: 370px;
	min-width: 370px;
	margin: 30px 0 0;
	padding: 10px 0 0 40px;
	border-left: 2px solid rgba(0, 0, 0, 0.42);
}
.mp-articul {
	margin: 0 0 18px;
	font-size: 20px;
	line-height: 125%;
	color: rgba(54, 54, 54, 0.7);
}
.mp-price-text {
	margin: 0 0 5px;
	font-weight: 500;
	font-size: 25px;
	line-height: 125%;
	color: #000;
}
.mp-price-num {
	margin: 0 0 18px;
	font-weight: 700;
	font-size: 43px;
	line-height: 125%;
	color: #c72020;
}
.mp-side .catalog-buttons {
	margin: 0 0 15px;
}
.mp-stock {
	font-size: 15px;
	line-height: 125%;
}
.market-section {
	margin: 0 0 50px;
}
.market-section:last-child {
	margin: 0;
}
.market-section-title {
	margin: 0 0 20px;
	font-weight: 500;
	font-size: 30px;
	line-height: 125%;
}

/************************* market-catalog *************************/
.market-catalog {
	display: flex;
}
.market-catalog-side {
	width: 256px;
    min-width: 256px;
	margin: 0 20px 0 0;
}
.market-catalog-content {
	flex: 1;
}
.market-catalog-content .catalog {
	gap: 40px 0;
}
.market-catalog-content .catalog-col {
	width: 33.33%;
}
.filter {
	border: 1px solid #bfbfbf;
	border-radius: 6px;
}
.filter-title {
	padding: 16px 10px;
	font-weight: 500;
	font-size: 28px;
	line-height: 125%;
	color: #5c5c5c;
	text-align: center;
	border-bottom: 1px solid #bfbfbf;
}
.filter-bottom {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px 40px 30px;
	text-align: center;
}
.filter-reset {
	font-weight: 500;
	font-size: 15px;
	line-height: 125%;
	color: rgba(64, 64, 64, 0.6);
	text-decoration: none;
}
.filter-item {
	border-bottom: 1px solid #bfbfbf;
}
.filter-top {
	display: block;
	position: relative;
	padding: 9px 35px 10px 27px;
	font-weight: 500;
	font-size: 15px;
	line-height: 125%;
	color: #404040;
	text-decoration: none;
	cursor: pointer;
}
.filter-top::after {
	position: absolute;
	top: 13px;
	right: 18px;
	content: '';
	width: 13px;
	height: 13px;
	background: url(../images/filter-arrow.svg) 50% 50% no-repeat;
	transition: all 0.3s linear;
}
.filter-top.active::after {
	transform: rotate(180deg);
}
.filter-hidden {
	display: none;
	padding: 5px 27px 17px;
}
.filter-hidden .check-item {
	margin: 0 0 10px;
}
.filter-hidden .check-item:last-child {
	margin: 0;
}
.filter-hidden .check-label {
	padding: 0 0 0 29px;
	min-height: 1px;
	font-size: 15px;
	line-height: 125%;
	letter-spacing: 0;
	color: #404040;
}
.filter-hidden .check-label:before {
	top: 2px;
	width: 16px;
	height: 16px;
	border: 1px solid #bfbfbf;
}
.filter-hidden .check-label:after {
	top: 2px;
	width: 16px;
	height: 16px;
	background-size: 12px;
}
.filter-mob {
	display: none;
}

/************************* media *************************/
@media screen and (max-width: 1400px) {
	.header-block {
		height: 130px;
	}
	.header-logo img {
		width: 280px;
	}
	.header-nav-list {
		gap: 60px;
	}
	.header-nav-list li {
		font-size: 21px;
	}
	.header-button {
		font-size: 21px;
	}
	.banner-title {
		font-size: 70px;
	}
	.banner-text {
		font-size: 18px;
	}
	.button {
		padding: 16px 45px 18px;
		font-size: 24px;
	}
	.catalog-top {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 0;
	}
	.catalog-title {
		padding: 0;
	}
	.catalog-top .search {
		position: relative;
		top: auto;
		right: auto;
	}
	.banner-buttons {
		gap: 30px;
	}
	.banner-buttons .button {
		min-width: 280px;
	}
	.about-text {
		font-size: 18px;
	}
	.about-buttons {
		gap: 24px;
	}
	.about-buttons .btn {
		min-width: 280px;
	}
	.btn {
		padding: 19px 25px 21px;
		font-size: 24px;
	}
	.about-main {
		padding: 0 0 160px;
	}
	.about-page {
		background-size: 110% auto;
	}
	.partners-col {
		padding: 80px 10px 140px;
	}
	.partners-col::after {
		bottom: 70px;
	}
	.contacts-wrap {
		gap: 30px;
	}
	.contacts-link {
		gap: 14px;
		font-size: 24px;
	}
	.contacts-link img {
		width: 28px;
		min-width: 28px;
	}
	.contacts-adress {
		max-width: 320px;
		font-size: 24px;
	}
	.doc-list {
		gap: 24px;
	}
	.doc-item {
		gap: 14px;
	}
	.doc-text {
		font-size: 24px;
	}
	.main-category .title-block {
		margin: 0 0 60px;
	}
	.title-block {
		padding: 0;
	}
	.title-block .title {
		padding: 0;
		margin: 0 0 30px;
	}
	.title-block .search {
		position: relative;
		top: auto;
		right: auto;
	}
	.category {
		gap: 30px 0;
		margin: 0 -15px;
	}
	.category-col {
		padding: 0 15px;
	}
	.category-name,
	.top-item-title {
		font-size: 21px;
	}
	.mega-button {
		margin: 80px 0 0;
		padding: 44px 100px 46px;
		font-size: 40px;
	}
	.delivery-title {
		max-width: 800px;
		padding: 24px 0 28px;
		font-size: 48px;
	}
	.delivery-text {
		max-width: 900px;
		font-size: 30px;
	}
	.delivery-big {
		margin: 0 0 80px;
		font-size: 36px;
		line-height: 140%;
	}
	.delivery-logo {
		max-width: 1100px;
		padding: 60px 0 120px
	}
	.popup {
		width: 560px;
		border-radius: 20px;
	}
	.popup.fancybox-content {padding: 40px;}
	.fancybox-slide--html .popup .fancybox-close-small {
		right: 0;
		top: 0;
	}
	.prod-title {
		font-size: 24px;
	}
	.prod-gost {
		font-size: 18px;
	}
	.prod-stat {
		gap: 20px 30px;
		margin: 0 0 40px;
	}
	.prod-stat-text {
		font-size: 18px;
	}
	.prod-stat-value {
		min-width: 120px;
		height: 44px;
		font-size: 18px;
	}
	.prod-button {
		padding: 8px 50px 11px;
		font-size: 30px;
	}
	.slick-arrow {
		margin-top: -20px;
		width: 40px;
		height: 40px;
	}
	.cart-text,
	.cart-price {
		font-size: 30px;
	}
	.quantity-input {
		height: 38px;
		font-size: 30px;
	}
	.catalog-more-title {
		font-size: 30px;
	}
	.market-top {
		gap: 40px;
	}
	.mp-photo {
		width: 400px;
		min-width: 400px;
	}
	.mp-info {
		padding: 10px 40px 0;
	}
	
}
@media screen and (max-width: 1300px) {
	.header-block {
		height: 120px;
	}
	.header-logo img {
		width: 240px;
	}
	.header-nav-list {
		gap: 40px;
	}
	.header-nav-list li {
		font-size: 18px;
	}
	.header-button {
		font-size: 18px;
	}
	.banner-arrow {
		width: 120px;
		height: 120px;
	}
	.banner-arrow img {
		width: 36px;
	}
	.tags {
		gap: 30px;
	}
	.tag {
		padding: 12px 30px 14px;
		font-size: 18px;
	}
	.catalog {
		margin: 0 -15px;
		gap: 40px 0;
	}
	.catalog-col {
		width: 33.33%;
		padding: 0 15px;
	}
	.category-col {
		width: 33.33%;
	}
	.top-col {
		width: 31%;
	}
	.top-col-big {
		width: 31%;
	}
	.main-contacts {
		padding: 120px 0;
	}
	.cart-text,
	.cart-price {
		font-size: 24px;
	}
	.cart-quantity {
		width: 150px;
		min-width: 150px;
	}
	.cart-price {
		width: 180px;
		min-width: 180px;
	}
	.quantity-input {
		height: 30px;
		font-size: 24px;
	}
	.catalog-more-title {
		margin: 0 0 60px;
		font-size: 24px;
	}
	.market {
		padding: 160px 0 83px;
	}
	.mp-block {
		flex-wrap: wrap;
	}
	.mp-side {
		width: 100%;
		min-width: 1px;
		margin: 30px 0 0;
		padding: 0 0 0 440px;
		border-left: 0;
	}
	.mp-side .catalog-buttons {
		max-width: 300px;
	}
	.market-catalog-content .catalog-col {
		width: 50%;
	}

}
@media screen and (max-width: 1024px) {
	.header-block {
        height: 80px;
    }
	.header-logo img {
        width: 200px;
    }
	.mob-nav-icon {display: block;}
	.header::before {
		backdrop-filter: blur(80px);
		background: rgba(255, 255, 255, 0.4);
	}
	.header-nav {
		position: fixed;
		top: 80px;
		left: -100%;
		bottom: 0;
		width: 100%;
		z-index: 540;
		overflow-y: auto;
		box-sizing: border-box;
		display: block;
		flex: none;
		padding: 20px;
		backdrop-filter: blur(80px);
		background: rgba(255, 255, 255, 0.4);
		box-shadow: none;
		transition: all 0.5s ease;
	}
	.header-nav.vis {
		left: 0;
	}
	.header-nav-list {
		flex-direction: column;
		gap: 20px;
		margin: 0 0 30px;
	}
	.banner-title {
        margin: 0 0 25px;
		font-size: 48px;
		line-height: 100%;
    }
	.banner-text {
        margin: 0 -20px 30px;
		font-size: 16px;
    }
	.banner-arrow {
		width: 80px;
		height: 80px;
	}
	.banner-arrow img {
		width: 24px;
	}
	.banner-buttons {
		gap: 20px;
	}
	.banner-buttons .button {
		min-width: 240px;
	}
	.main {
		padding: 80px 0 70px;
	}
	.tags {
		gap: 20px;
		margin: 0 0 70px;
	}
	.tag {
		padding: 12px 30px 14px;
		font-size: 16px;
	}
	.catalog-top {
        gap: 30px;
       	margin: 0 0 40px;
    }
	.search {
		width: 100%;
	}
	.catalog-col {
        width: 50%;
    }
	.footer {
		padding: 70px 0 40px;
	}
	.footer-block {
		flex-direction: column;
		gap: 40px;
		margin: 0 0 40px;
	}
	.footer-logo img {
		width: 100px;
	}
	.footer-col {
		width: auto;
	}
	.footer-title {
		margin: 0 0 20px;
	}
	.footer-links {
		gap: 10px;
	}
	.footer-bottom {
		flex-direction: column;
		gap: 10px;
	}
	.title-block {
		margin: 0 0 30px;
	}
	.about-page {
		background: url(../images/about-bg.svg) 50% 440px no-repeat;
		background-size: 110% auto;
	}
	.about-item {
		width: 100%;
	}
	.about-main {
        padding: 0 0 80px;
    }
	.partners-title {
		margin: 0 0 20px;
		font-size: 30px;
	}
	.contacts {
		display: block;
		padding: 0;
	}
	.contacts-info {
		width: auto;
		padding: 0 0 60px;
	}
	.doc {
		width: auto;
	}
	.title-h3 {
		margin: 0 0 30px;
		font-size: 30px;
	}
	.contacts-link {
		font-size: 18px;
	}
	.contacts-adress {
		font-size: 18px;
	}
	.doc-text {
		font-size: 18px;
	}
	.partners {
		padding: 0 0 30px;
	}
	.partners-block {
		flex-direction: column;
	}
	.partners-col {
		width: auto;
		padding: 40px 0;
		border-right: 0;
		border-bottom: 1px solid rgba(109, 120, 136, 0.4);
	}
	.partners-col::after {
		display: none;
	}
	.partners-col:last-child {border-bottom: 0;}
	.partners-logo {
		margin: 0 0 27px;
	}
	.partners-text {
		min-height: 1px;
	}
	.main-category {
		padding: 80px 0 70px;
	}
	.main-category .title-block {
        margin: 0 0 40px;
    }
	.category-col {
        width: 50%;
    }
	.top-section {
		padding: 70px 0;
	}
	.top-block {
		flex-wrap: wrap;
		gap: 40px 0;
	}
	.top-col, .top-col-big {
        width: calc(50% - 15px);
    }
	.main-contacts {
		padding: 70px 0;
	}
	.category-link {
		font-size: 16px;
	}
	.mega-button {
		margin: 0;
		padding: 34px 80px 36px;
		font-size: 30px;
	}
	.delivery-page::before {
		height: 600px;
	}
	.delivery-title {
		max-width: 480px;
		margin: 0 0 30px;
		padding: 18px 0 22px;
		font-size: 36px;
	}
	.delivery-text {
		font-size: 21px;
		line-height: 140%;
	}
	.delivery-big {
		margin: 0 0 60px;
		font-size: 24px;
	}
	.delivery-logo {
		padding: 40px 0 80px
	}
	.delivery-cars {
		margin: 0 0 -100px;
	}
	.cart {
		padding: 140px 0 100px;
	}
	.cart .banner-title {
		margin: 0 0 40px;
	}
	.cart-block {
		margin: 0 0 120px;
	}
	.cart-line {
		gap: 30px;
		padding: 0 0 30px;
	}
	.cart-total {
		gap: 30px;
		padding: 28px 0 0;
		margin: 0 0 80px;
	}
	.catalog-more-title {
        margin: 0 0 40px;
    }
	.market {
        padding: 120px 0 83px;
    }
	.market-top {
       display: block;
	   position: relative;
	   margin: 0 0 20px;
    }
	.market-top-wrap {
		display: block;
	}
	.market-button {
		width: auto;
		min-width: 1px;
		margin: 0 100px 20px 0;
		height: auto;
		padding: 10px 19px 10px 27px;
		font-size: 25px;
	}
	.market-cart {
		position: absolute;
		top: 0;
		right: 0;
		/*font-size: 0;*/
		gap: 0;
	}
	.breadcrumbs {
		padding: 15px 0 0 17px;
	}
	.breadcrumbs li {
		font-size: 16px;
	}
	.market-product {
		padding: 20px 0 0;
	}
	.mp-title {
		margin: 0 0 20px;
		font-size: 30px;
	}
	.mp-photo {
        width: 300px;
        min-width: 300px;
    }
	.mp-info {
		padding: 10px 0 0 30px;
		margin: 0;
	}
	.mp-side {
        padding: 0 0 0 330px;
    }
	.mp-side .catalog-buttons {
		max-width: none;
	}
	.market-catalog {
		display: block;
	}
	.market-catalog-side {
		width: auto;
		min-width: 1px;
		margin: 0 0 20px;
	}
	.filter {
		display: none;
		width: 360px;
	}
	.filter-mob {
		display: block;
		width: 100%;
	}
	.filter-title {
		padding-top: 0;
	}
	.filter-bottom {
		padding-bottom: 0;
	}
	
}
@media screen and (max-width: 767px) {
	.banner-title {
        font-size: 40px;
    }
	.search-input {
		font-size: 18px;
	}
	.search-button {
		right: 14px;
	}
	.banner-buttons {
		flex-direction: column;
		gap: 20px;
	}
	.banner-buttons .button {
		min-width: 1px;
	}
	.cart-buttons {
		flex-direction: column-reverse;
		align-items: center;
		gap: 24px;
	}
	.cart-line {
        flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
        padding: 0 0 30px;
    }
	.cart-line .cart-text {
		flex: auto;
		width: 100%;
	}
	.market-button {
        margin: 0 80px 20px 0;
    }
	.mp-block {
		display: block;
	}
	.mp-photo {
        width: auto;
        min-width: 1px;
		margin: 0 0 30px;
    }
	.mp-info {
        padding: 0;
       	margin: 0 0 30px;
    }
	.mp-stat {
		gap: 16px;
	}
	.mp-side {
        padding: 0;
		margin: 0;
    }

}
@media screen and (max-width: 576px) {
	.catalog-col {
        width: 100%;
    }
	.tags {
		gap: 20px 10px;
	}
	.tag {
		padding: 10px 18px 12px;
		font-size: 14px;
		border-width: 1px;
	}
	.about-page {background: none;}
	.about-item {
		padding: 30px 20px;
	}
	.category-col {
        width: 100%;
    }
	.top-col, .top-col-big {
        width: 100%;
    }
	.category-img {
		margin: 0 0 15px;
	}
	.mega-button {
		width: 100%;
		padding: 34px 20px 36px;
	}
	.delivery-title {
        max-width: none;
        margin: 0 -20px 30px;
        padding: 12px 20px 16px;
        font-size: 30px;
		text-align: center;
    }
	.delivery-title::before {display: none;}
	.delivery-logo {
		flex-direction: column;
		padding: 0 0 60px;
	}
	.delivery-logo-item {
		width: auto;
		padding: 0 5px;
	}
	.delivery-big {
		font-size: 22px;
	}
	.delivery-cars {padding: 0 0 0 5%;}
	.delivery-cars img {
		max-width: 130%;
	}
	.delivery-page::after {
		background-size: auto 400px;
	}
	.popup.fancybox-content {
        padding: 30px 20px;
    }
	.prod-img {
		min-height: 200px;
		padding: 10px 0;
	}
	.prod-stat {
        gap: 20px;
		margin: 0 0 30px;
    }
	.prod-img-slider {
		margin: 30px 0;
	}
	.slick-arrow {
		margin-top: -12px;
		width: 24px;
		height: 24px;
	}
	.order-title {
		font-size: 24px;
	}
	.form-bottom {
		flex-direction: column;
		margin: 0 0 5px;
		gap: 16px;
	}
	.form-bottom .check-item {
		width: auto;
	}
	.check-label {
		font-size: 12px;
	}
	.form-button {
		width: 100%;
	}
	.prod-select {
		margin: 0 0 40px;
	}
	.prod-button-wrap {
   		flex-direction: column;
	}
	.prod-button-wrap .prod-button {
		width: auto;
	}
	.prod-button-wrap .quantity {
		width: auto;
		height: 67px;
	}
	.market-catalog-content .catalog-col {
        width: 100%;
    }

}