/*
Theme Name: Stimaks
Author: aka_Koren
Author URI: https://vk.com/aka_koren
Description: theme for Stimaks site
Tags: Stimaks
Text Domain: Stimaks
*/
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway-Italic.woff) format('woff');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway-Medium.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway-MediumItalic.woff) format('woff');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway-SemiBold.woff) format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway-Bold.woff) format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/OpenSans-Regular.woff) format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/OpenSans-Medium.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: OpenSans;
	src: url(../fonts/OpenSans-SemiBold.woff) format('woff');
	font-weight: 600;
	font-style: normal;
}

:root {
            --primary: #019ef3;
            --primary-dark: #0078c0;
            --primary-light: #e6f5ff;
            --accent: #ff6b00;
            --light: #ffffff;
            --dark: #1a1a1a;
            --gray: #f5f7fa;
        }


button:hover { cursor: pointer; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
p { margin: 0 0 10px 0; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.ttu { text-transform: uppercase; }
.m0 { margin: 0; }
.p0 { padding: 0; }
.posr { position: relative; }
.mb0 { margin-bottom: 0 !important; }
.db { display: block; }
.dib { display: inline-block; }
img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
body, main, section, header, footer {
	font-family: OpenSans;
	font-weight: 400;
	color: #242424;
}
main { overflow-x: hidden; }
*, *:hover, *:focus, *:active { outline: none !important; }
.row {
	display: flex;
	flex-flow: row wrap;
}

.row.rownoflex { display: block; }

.bluelink {
	display: block;
	width: 100%;
	max-width: 300px;
	line-height: 80px;
	text-align: center;
	color: white;
	border-radius: 10px;
	transition: 200ms;
	background-color: #1375F8;
	font-size: 20px;
}

.product-button:hover {
    text-decoration: none;
    box-shadow: 0px 4px 30px rgba(11, 104, 227, 0.77), inset 5px 4px 40px rgba(133, 185, 255, 0.63);
}

.product-card:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 2px 8px #bfbfbf;
    box-shadow: 0 2px 8px #bfbfbf;
}

.top-banner-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    background-color: initial;
    padding: 0;
    gap: 4px;
    border-radius: 0;
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 20px;
}

.top-banner-button svg {
    font-size: 24px;
    color: #fff;
        fill: currentColor;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    height: 1em;
    width: 1em;
}

.disabled_button{
    width: 100%;
	height: 50px;
	border: 1px solid grey;
	color: grey;
	font-size: 18px;
	margin-bottom: 10px;
	background-color: white;
	transition: 200ms;
	border-radius: 6px;
    padding: 0 20px;
	height: 34px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 12px;
	margin: 0 4px;
	
}

form.telform input[type="button"] {
    display: inline-block;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}

form.innerform input[type="button"] {
    display: inline-block;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}

.disabled_button:hover{
    cursor: default;
}
.variation_types{

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    margin-bottom: 5px;
}    
.variation{
    width: 100%;
    color: black;
    border: 1px solid;
    border-color: #bfbfbf;
    background-color: white;
    border-radius: 4px;
    margin: 0 4px;
    height: 25px;
    margin: 0% 2%;;
}

.active{
    background: #2b2b2a;
    color: white;
}

.is_not_instock{
    background: grey;
    
}

.is_not_instock_filter{
    filter: brightness(40%);
}

.is_not_instock_par{
    position: relative;
    top: -79px;
    width: 100%;
    color: white;
    text-align: center;
    z-index: 100000;
}

.bluelink:hover, .bluelink:focus, .bluelink:active {
	text-decoration: none;
	box-shadow: 0px 4px 30px rgba(11, 104, 227, 0.77), inset 5px 4px 40px rgba(133, 185, 255, 0.63);
}

input { font-family: OpenSans; }


header .row { align-items: center; }

header .catalogmenu { position: relative; }

header .catalogmenu .head {
	background: #2b2b2a;
	border-radius: 5px;
	color: white;
	height: 42px;
	line-height: 39px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	transition: 200ms;
}

header .catalogmenu .head:hover { box-shadow: 0 0 10px #2b2b2a; }

header .catalogmenu .head .icon, header .catalogmenu .title {
	display: inline-block;
	vertical-align: middle;
}

header .catalogmenu .head .icon { margin-right: 20px; }

header .catalogmenu .head .icon span {
	display: block;
	background-color: white;
	height: 3px;
	width: 24px;
	border-radius: 10px;
	margin: 3px 0;
}

header .catalogmenu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 42px;
	background-color: white;
	margin: 0;
	padding: 10px 6px;
	border-radius: 0 0 10px 10px;
	z-index: 9;
	list-style: none;
}

header .catalogmenu ul a {
	color: #252525;
	font-size: 12px;
	line-height: 1.5;
	margin: 4px 0;
}

header .catalogmenu.active ul { display: block; }

header form[role="search"] input{
	width: 100%;
	height: 40px;
	border: 1px solid #C9C9C9;
	font-size: 18px;
	padding: 0 12px;
	color: #252525;
}

header a.headtel {
	font-size: 18px;
	color: #252525;
	transition: 200ms;
}

header a.headtel img { vertical-align: -4px; }

header a.headcart {
	border-radius: 100%;
	position: relative;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #2b2b2a;
	display: inline-block;
	vertical-align: middle;
}

header a.headcart:after {
	content: attr(data-cart);
	position: absolute;
	top: -4px;
	right: -4px;
	color: white;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-size: 13px;
	font-weight: 500;
	background: #242424;
	border-radius: 100%;
}	

header nav:not(.catalogmenu nav) { margin-top: 30px; }



/*header nav { margin-top: 30px; }*/

header nav ul {
	margin: 0;
	list-style: none;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: white;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 4px 20px rgba(145, 145, 145, 0.2);
	border-radius: 10px;
	padding: 10px 0;
}

header nav ul li {
	line-height: 40px;
	width: 100%;
	text-align: center;
	border-right: 1px solid #E0E0E0;
	position: relative;
}

header nav ul li:last-child { border-right: none; }

header nav ul li a {
	font-size: 18px;
	color: #252525;
	transition: 200ms;
}

header ul li a:hover, header ul li a:focus, header ul li a:active,
header a.headtel:hover, header a.headtel:focus, header a.headtel:active {
	text-decoration: underline;
	color: black;
}

header nav ul li a img.arrow {
	margin-left: 4px;
	padding: 6px 4px;
}

section#first {
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

h1, h2, h3, h4 {
	margin: 0 0 24px 0;
	font-family: Raleway;
	font-weight: 500;
	font-size: 36px;
	line-height: 1.3;
}

h3 {
	margin-bottom: 34px;
	font-size: 30px;
}

h1 span, h2 span, h3 span, h4 span {
	font-weight: 700;
	color: #2b2b2a;
}

#first h1 {
	margin-bottom: 66px;
	max-width: 900px;
}

#first a.bluelink {
	max-width: 360px;
	line-height: 100px;
	margin-bottom: 100px;
}

#first .infos .infoblock {
	display: inline-block;
	vertical-align: top;
	margin-right: 60px;
}

#first .infos .infoblock:last-child { margin-right: 0; }

#first .infos .infoblock .icon {
	width: 80px;
	height: 80px;
	line-height: 68px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	border-radius: 100%;
	background-color: #2b2b2a;
	text-align: center;
	padding: 6px;
}

#first .infos .infoblock .content {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

#first .infos .infoblock .content p.title {
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 0;
	color: #242424;
}

#first .infos .infoblock .content p.text {
	margin-bottom: 0;
	color: #242424;
	font-size: 20px;
	line-height: 1.2;
}

section#whywe { padding: 100px 0 50px 0; }

#whywe p.title {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 0;
}

#whywe p.text {
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 1.4;
}

#whywe a.bluelink {
	max-width: 360px;
	line-height: 100px;
}

#whywe .whyweblock {
	position: relative;
	padding-left: 60px;
}

#whywe .whyweblock:before {
	content: url(../img/whyweicon.svg);
	width: 50px;
	height: 50px;
	line-height: 70px;
	text-align: center;
	border-radius: 100%;
	background-color: #2b2b2a;
	position: absolute;
	left: 0;
	top: -4px;
}

section#catpreview { padding-bottom: 100px; }

#catpreview h2 { margin-bottom: 50px; }

#catpreview .col-md-4, #catpreview .col-md-8, #catpreview .col-xs-6 { padding: 0 11px; }

#catpreview .catblock {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 22px;
	padding: 20px 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #353535;
	font-size: 20px;
	line-height: 1.2;
	transition: 200ms;
	font-weight: 600;
	text-decoration: none !important;
}

#catpreview .catblock span {
	color: black;
	position: relative;
}

#catpreview .catblock.height1 {
	height: 150px;
	padding-top: 100px;
}

#catpreview .catblock.height2 {
	height: 250px;
	padding-top: 170px;
}

#catpreview .catblock.height3 {
	height: 350px;
	padding-top: 280px;
}

#catpreview .catblock.height4 {
	height: 530px;
	padding-top: 440px;
}

#catpreview .catblock.textup { padding-top: 30px; }

#catpreview .catblock:hover {
	color: black;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

section#clients {
	background-color: #f9f9f9;
	padding: 80px 0;
}

#clients p.text {
	font-size: 20px;
	color: #242424;
	line-height: 1.4;
	margin-bottom: 40px;
}

form.telform label.ilabel {
	display: inline-block;
	vertical-align: middle;
	height: 80px;
	width: 360px;
	border-radius: 8px;
	box-shadow: 0px 4.32268px 23.7747px rgba(184, 184, 184, 0.25);
	border: 1.08067px solid #C9C9C9;
	background-color: white;
	margin-right: 24px;
}

form.telform label.ilabel input {
	font-size: 16px;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0 16px;
	height: 100%;
	width: 290px;
	border-right-color: #C9C9C9;
	border-radius: 8px 0 0 8px;
}

form.telform label.ilabel input.wpcf7-not-valid { border-color: #FF5A5A !important; }

form.telform label span.telicon {
	width: 60px;
	cursor: pointer;
	height: 100%;
	vertical-align: -10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

form.telform label.ilabel:hover span.telicon svg { fill: #2b2b2a; }

form.telform input[type="submit"] {
	display: inline-block;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}

#clients h2.slidertitle {
	font-weight: 600;
	margin: 50px 0;
}

#clients .clientslider { padding: 0 40px; }

#clients .clientslider .slick-slide { padding: 0 10px; }

#clients .clientslider img { margin: auto; }

#clients .clientslider .slick-prev { left: -10px; }

#clients .clientslider .slick-next { right: -10px; }

section#services { padding: 100px 0; }

#services h2 { margin-bottom: 50px; }

#services .serviceslider { width: calc(100% - 80px); }

#services .serviceslider .slick-prev { left: -60px; }

#services .serviceslider .slick-next { right: -60px; }

#services .serviceslider .slick-slide { padding: 120px 40px 40px 40px; }

#services .serviceslider .service {
	text-align: center;
	background-color: white;
	box-shadow: 0px 0px 40px rgba(157, 157, 157, 0.13);
	border-radius: 10px;
	padding: 80px 24px 40px 24px;
	position: relative;
}

#services .serviceslider .service img {
	position: absolute;
	max-height: 180px;
	top: -120px;
	left: 0;
	right: 0;
	margin: auto;
}

#services .serviceslider .service p.title {
	color: #2b2b2a;
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 24px;
	font-family: Raleway;
}

#services .serviceslider .service p.text {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 24px;
}

#services .serviceslider .service a.bluelink { margin: auto; }

#services .servinfoblock {
	padding-left: 80px;
	position: relative;
}

#services .servinfoblock span.num {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 58px;
	line-height: 1;
	font-weight: 600;
	color: #2b2b2a;
}

#services .servinfoblock p.title {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 0;
}

#services .servinfoblock p.text {
	font-size: 20px;
	line-height: 1.2;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #cfcfcf;
	letter-spacing: -0.6px;
}

#services .servinfoblock:last-child p.text {
	border-bottom: none;
	padding-bottom: 0;
}

section#reviews { padding-bottom: 50px; }

#reviews.reviewspage .reviewslider { padding: 0 30px; }

#reviews h1, #reviews h2 {
	margin-top: 60px;
	max-width: 600px;
}

#reviews .reviewslider .slick-slide { padding: 40px ; }

#reviews .reviewslider .slick-prev { left: -60px; }

#reviews .reviewslider .slick-next { right: -60px; }

#reviews .reviewslider .review {
	background-color: white;
	box-shadow: 0px 0px 40px rgba(157, 157, 157, 0.13);
	border-radius: 10px;
	padding: 20px 16px 30px 16px;
}

#reviews .reviewslider .review .head { margin-bottom: 10px; }

#reviews .reviewslider .review .head img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	object-fit: cover;
	border: 1px solid #2b2b2a;
}

#reviews .reviewslider .review .head p.text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 140px);
	font-size: 18px;
	font-family: Raleway;
	font-weight: 400;
	font-style: italic;
}

#reviews .reviewslider .review .bottom { padding-left: 120px; }

#reviews .reviewslider .slick-slide { padding-top: 70px; }

#reviews.reviewssmall .reviewslider .review .head img {
	display: block;
	margin: -70px auto 20px auto;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	object-fit: cover;
	border: 1px solid #2b2b2a;
}

#reviews.reviewssmall .reviewslider .review .head p.text {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	font-size: 18px;
	font-family: Raleway;
	font-weight: 400;
	font-style: italic;
}

#reviews.reviewssmall .reviewslider .review .bottom { padding-left: 0; }

#reviews .reviewslider .review .bottom p {
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1.2;
	color: #2b2b2a;
}

#reviews .reviewslider .review .bottom p.sub { font-weight: 400; }

section#quote {
	background-color: #2b2b2a;
	color: white;
	padding: 60px 0;
}

#quote span.quotestart {
	font-family: Raleway;
	font-weight: 400;
	font-style: italic;
	font-size: 174px;
	line-height: 0.8;
	margin-left: -16px;
}

#quote p.text {
	font-family: Raleway;
	font-weight: 500;
	font-style: italic;
	font-size: 36px;
	margin-top: -70px;
	margin-bottom: 24px;
}

#quote p.sub {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
}

#quote .photo {
	width: 100%;
	max-width: 344px;
	height: 344px;
	margin-left: auto;
	border-radius: 16px;
	overflow: hidden;
	text-align: center;
	line-height: 344px;
}

#quote .photo img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

section#advants { padding: 100px 0 70px 0; }

#advants .advant { margin-bottom: 30px; }

#advants .advant .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 80px;
	height: 80px;
	padding: 10px;
	line-height: 60px;
	text-align: center;
	border-radius: 100%;
	background-color: #2b2b2a;
}

#advants .advant .text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 106px);
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: -0.6px;
}

section#callback {
	margin-bottom: 100px;
	padding: 80px 0;
	background-repeat: no-repeat;
	background-position: center;
}

#callback.callbackinner {
	width: 75%;
	margin-left: 25%;
	padding: 80px 16px;
	background-position: center left;
}

#callback h2 {
	margin-top: 40px;
	max-width: 500px;
	font-size: 30px;
}

#callback h3 {
	font-family: Raleway;
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	margin: 0 0 20px 0;
}

#callback p.sub {
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 36px;
}

form.innerform label.ilabel {
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	margin-bottom: 16px;
	width: 300px;
	border-radius: 8px;
	box-shadow: 0px 4px 24px rgba(184, 184, 184, 0.25);
	border: 1px solid #C9C9C9;
	background-color: white;
	margin-right: 24px;
	overflow: hidden;
}

form.innerform label.ilabel input {
	font-size: 16px;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0 16px;
	height: 100%;
	width: 236px;
	border-right-color: #C9C9C9;
	border-radius: 8px 0 0 8px;
}

form.innerform label.ilabel input.wpcf7-not-valid { border-color: #FF5A5A !important; }

form.innerform label.ilabel span.icon {
	width: 56px;
	cursor: pointer;
	height: 100%;
	vertical-align: -10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

form.innerform label.ilabel:hover span.icon svg { fill: #2b2b2a; }

form.innerform input[type="submit"] {
	display: inline-block;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}

.wpcf7 span.wpcf7-not-valid-tip, .wpcf7 span.wpcf7-spinner { display: none !important; }

.wpcf7 .wpcf7-response-output {
	margin: 0 !important;
	max-width: 300px;
	padding: 4px;
	text-align: center;
}

.wpcf7 form.telform .wpcf7-response-output { max-width: 360px; }

.sidemenucontainer { padding-top: 40px; }

nav.sidemenu {
	background-color: white;
	box-shadow: 0px 3.5px 40px rgba(157, 157, 157, 0.3);
	border-radius: 5px;
	padding: 18px;
	margin-bottom: 40px;
}

nav.sidemenu p.title {
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 18px;
}

nav.sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

nav.sidemenu ul > li {
	margin-bottom: 16px;
	position: relative;
	padding-right: 16px;
}

nav.sidemenu ul > li:last-child { margin-bottom: 0; }

nav.sidemenu ul li a {
	font-size: 12px;
	line-height: 1;
	color: #242424;
}

nav.sidemenu ul li a:hover {
	text-decoration: none;
	color: #2b2b2a;
}

nav.sidemenu ul li.current-menu-item a {
	color: #2b2b2a;
	font-weight: 600;
}

nav.sidemenu ul li img.arrow {
	position: absolute;
	right: 0;
	top: 8px;
	cursor: pointer;
}

nav.sidemenu ul.sub-menu {
	display: none;
	margin-top: 6px;
	padding-left: 10px;
}

nav.sidemenu ul.sub-menu li { margin-bottom: 8px; }

nav.sidemenu ul.sub-menu li a { font-size: 10px; }

.crumbs {
	margin-bottom: 10px;
	font-size: 14px;
	color: #c9c9c9;
}

.crumbs a { color: #c9c9c9; }

.crumbs a:hover, .crumbs a:focus, .crumbs a:active {
	text-decoration: none;
	color: #242424;
}

h1.pageh1 { margin-bottom: 36px; }

.pageadvants.pageadvantsmargin { margin-bottom: 20px; margin-top: 40px;}

.pageadvants .advant .icon {
	width: 80px;
	height: 80px;
	padding: 10px;
	line-height: 60px;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 100%;
	background-color: #2b2b2a;
}

.pageadvants .advant p {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}

.similarslider .slick-slide { padding: 0 30px; }

.prodcard, .result {
	margin: 20px auto 30px auto;
	background-color: white;
	box-shadow: 4px 4px 20px rgba(200, 200, 200, 0.5);
	border-radius: 10px;
	padding: 20px 10px;
	max-width: 300px;
}

.prodcard{
    display: flex;
    min-height: 300px;
    flex-direction: column;
    justify-content: space-between;
}

.prodcard .img, .result .img {
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 8px;
	height: 136px;
	text-align: center;
	position: relative;
}

.prodcard .img img, .result .img img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}





.prodcard p.title, .result p.title {
	font-weight: 600;
	font-size: 14px;
}

.prodcard .buttons {
	display: flex;
	justify-content: space-between;
}

.prodcard .buttons button.tocart {
	padding: 0 20px;
	height: 34px;
	color: white;
	border: none;
	background-color: #2b2b2a;
	border-radius: 6px;
	font-weight: 600;
	font-size: 12px;
	margin: 0 4px;
	font-family: OpenSans;
}

.prodcard .buttons button.tocart:hover { box-shadow: 0px 0px 10px rgba(26, 97, 191, 0.6); }

.prodcard .buttons a.morelink, .result a {
	text-align: center;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: #353535;
	padding: 0 20px;
	border: 1px solid #2b2b2a;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
	margin: 0 4px;
}

.result a {
	display: block;
	margin: auto;
	width: 120px;
	font-size: 14px;
	transition: 200ms;
}

.prodcard .buttons a.morelink:hover, .result a:hover {
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(26, 97, 191, 0.6);
}

.loadmore {
	text-align: center;
	margin: 20px 0 100px 0;
}

.loadmore button {
	border: none;
	margin: auto;
}

section#pagehead p.text {
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 34px;
}

a.subcategory {
	display: flex;
	align-items: center;
	min-height: 140px;
	background-color: #2b2b2a;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	padding: 0 16px;
	margin-bottom: 40px;
	color: white;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: 200ms;
}

a.subcategory:hover {
	text-decoration: none;
	box-shadow: 0 0 20px #2b2b2a;
}

section#innercatabout p.text {
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 1.2;
}

#innercatabout p.text span { font-weight: 600; }

#innercatabout p.title {
	margin-bottom: 14px;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
}

.cataboutblock { margin-bottom: 25px; }

.cataboutblock .catabout {
	margin-bottom: 25px;
	position: relative;
	padding-left: 44px;
	font-size: 20px;
	line-height: 1.2;
}	

.cataboutblock .catabout span { font-weight: 600; }

.cataboutblock .catabout:before {
	position: absolute;
	content: url(../../../stimaks.ru/www/wp-content/themes/stimaks/img/catabouticon.svg);
	left: 0;
	top: -4px;
	width: 36px;
	height: 36px;
	padding: 6px;
	text-align: center;
	line-height: 18px;
	border-radius: 100%;
	background-color: #2b2b2a;
	box-sizing: border-box;
}

img.cataboutimg { margin-bottom: 60px; }

.productheadrow { margin-bottom: 40px; }

.slidermain .slick-slide { margin: 20px; }

.slidermain .slick-slide div {
	padding: 10px;
	background-color: white;
	box-shadow: 4px 4px 20px rgba(201, 201, 201, 0.35);
	border-radius: 6px;
	text-align: center;
}

.slidermain .slick-slide img {
	width: auto !important;
	margin: auto;
}

.slidernav { margin-bottom: 10px; }

.slidernav .slick-slide {
	margin: 8px;
	cursor: pointer;
}

.slidernav .slick-slide div {
	padding: 6px;
	background-color: white;
	box-shadow: 4px 4px 10px rgba(201, 201, 201, 0.35);
	border-radius: 6px;
}

.slidernav .slick-slide:hover div { box-shadow: 4px 4px 10px rgba(201, 201, 201, 0.7); }

.slidernav .slick-slide img {
	width: 100%;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
	overflow: hidden;
}

#fancybox-title-over { font-size: 10px !important; }

button.tocart {
	width: 100%;
	height: 50px;
	border: none;
	color: white;
	font-size: 18px;
	margin-bottom: 10px;
	background-color: #1375f8;
	transition: 200ms;
	border-radius: 6px;
	font-family: OpenSans;
}

button.tocart:hover { box-shadow: 0 0 10px #1375F8; }

button.getoffer {
	width: 100%;
	height: 50px;
	border: none;
	color: white;
	font-size: 14px;
	margin-bottom: 16px;
	background-color: #1BAF21;
	background: linear-gradient(180deg, #16D31E 0%, #1BAF21 100%);
	transition: 200ms;
	text-transform: uppercase;
	border-radius: 6px;
	font-family: OpenSans;
}

button.getoffer:hover { box-shadow: 0 0 10px #16D31E; }

.producer p {
	margin-bottom: 6px;
	font-size: 14px;
	color: #C9C9C9;
}

.producer img {
	display: block;
	margin-bottom: 20px;
	border-radius: 6px;
	box-shadow: 1px 1px 10px rgba(143, 143, 143, 0.25);
}

.content {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.3;
}

.content span { font-weight: 600; }

.prodadvants p.title, .proddesc p.title {
	font-weight: 600;
	font-size: 16px;
	color: #2b2b2a;
	line-height: 1.2;
}

.prodadvants ul, .proddesc ul {
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
}

.prodadvants ul li, .proddesc ul li {
	margin-bottom: 5px;
	color: #242424;
	font-size: 14px;
	line-height: 1.3;
	position: relative;
	padding-left: 12px;
}

.prodadvants ul li:before, .proddesc ul li:before {
	position: absolute;
	content: '+';
	left: 0;
	top: 0;
	color: #2b2b2a;
	font-weight: 600;
	font-size: 16px;
}

.proddesc ul li:before {
	content: '●';
	font-size: 14px;
}

section#ourfaces .photo {
	height: 180px;
	background-color: #c4c4c4;
	margin-bottom: 50px;
}

#ourfaces p.title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 4px;
	line-height: 1.2;
}

#ourfaces p.sub {
	font-size: 14px;
	line-height: 1.1;
	margin-bottom: 14px;
}

#ourfaces a.link {
	color: #242424;
	font-size: 20px;
	display: block;
	margin-bottom: 24px;
}

#ourfaces a.link:hover {
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.6);
}

#ourfaces button.contact {
	display: block;
	width: 240px;
	height: 50px;
	margin-bottom: 50px;
	border: none;
	line-height: 1;
	font-size: 16px;
}

.facecards {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.facecards .facecard {
	width: 240px;
	height: 180px;
	padding: 10px;
	background-color: white;
	box-shadow: 0px 4px 45px rgba(157, 157, 157, 0.25);
	border-radius: 6px;
	margin: 0 20px 50px 20px;
}

.facecards .facecard p.title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 2px;
}

.facecards .facecard p.sub {
	font-size: 13px;
	height: 40px;
	margin-bottom: 6px;
}

.facecards .facecard a {
	color: #242424;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
	line-height: 1.2;
}

.facecards .facecard a img { width: 19px; }

.facecards .facecard a:hover {
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.vacancyslider { margin-bottom: 80px; }

.vacancyslider .slick-prev { left: -60px; }

.vacancyslider .slick-next { right: -60px; }

.vacancyslider .slick-slide { padding: 20px; }

.vacancyslider .vacancyblock {
	background-color: white;
	box-shadow: 0px 4px 20px rgba(157, 157, 157, 0.25);
	border-radius: 10px;
	overflow: hidden;
}

.vacancyslider .vacancyblock img {
	width: 100%;
	height: 274px;
	object-fit: cover;
	margin-bottom: 24px;
}

.vacancyslider .vacancyblock p.title {
	padding: 0 18px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	color: #2b2b2a;
}

.vacancyslider .vacancyblock p.sub {
	padding: 0 18px;
	font-size: 18px;
	margin-bottom: 12px;
	height: 80px;
}

.vacancyslider .vacancyblock .buttons {
	padding: 0 18px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.vacancyslider .vacancyblock .buttons a.morelink {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	color: #242424;
	border: 1px solid #2b2b2a;
	border-radius: 6px;
	font-size: 14px;
	transition: 200ms;
}

.vacancyslider .vacancyblock .buttons button.resume {
	padding: 0 40px;
	height: 40px;
	background-color: #2b2b2a;
	border: none;
	border-radius: 6px;
	color: white;
	transition: 200ms;
}

.vacancyslider .vacancyblock .buttons a.morelink:hover, .vacancyslider .vacancyblock .buttons button.resume:hover {
	text-decoration: none;
	box-shadow: 0 0 10px #2b2b2a;
}

.brandslider {
	margin: 40px 0 60px 0;
	background-color: white;
	box-shadow: 0px 4px 45px rgba(157, 157, 157, 0.3);
	border-radius: 10px;
	padding: 24px 0;
}

.brandslider .brand {
	padding: 0 24px;
	border-right: 1px solid #f0f0f0;
}

.brandslider .brand img.icon {
	height: 128px;
	width: auto;
	margin: 0 auto 16px auto;
}

.brandslider .brand p.title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	color: #2b2b2a;
}

.brandslider .brand p.text {
	height: 180px;
	font-size: 14px;
	line-height: 1.2;
}

.brandslider .brand a.morelink {
	display: block;
	margin-left: auto;
	width: 110px;
	font-weight: 600;
	color: #2b2b2a;
}

.brandslider .brand a.morelink img {
	display: inline-block;
	margin-left: 2px;
}

.brandslider .brand a.morelink:hover {
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.popup {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	z-index: 99999;
	top: 0;
	left: 0;
}

.popup .content {
	border-radius: 0;
	padding: 30px 40px 0 40px;
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 100%;
	max-width: 550px;
	height: 460px;
}

.popup#resume .content { height: 460px; }

.popup .content a.closepopup {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #333;
	text-decoration: none !important;
	transition: 200ms;
}

.popup .content a.closepopup:hover { color: black; }

.popup .content p.title {
	font-weight: 500;
	line-height: 1;
	font-size: 24px;
	margin-bottom: 30px;
}

.popup .content p.accept { font-size: 12px; }

.popup .content p.accept span {
	font-weight: 400;
	text-decoration: underline;
}

.popup .content form {
	display: block;
	width: 100%;
	max-width: 380px;
	margin: auto;
}

.popup .content form label {
	margin-right: 0;
	width: 100%;
	height: 80px;
}

.popup .content .wpcf7 form .wpcf7-response-output { margin: auto !important; }

.popup .content form label input { width: calc(100% - 60px); }

.popup .content form label.filelabel {
	display: block;
	vertical-align: middle;
	height: 80px;
	margin-bottom: 16px;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0px 4px 24px rgb(184 184 184 / 25%);
	border: 1px solid #C9C9C9;
	background-color: white;
	margin-right: 24px;
	overflow: hidden;
	cursor: pointer;
}

.popup .content form label.filelabel:hover { box-shadow: 0px 4px 24px rgb(184 184 184 / 50%); }

.popup .content form label.filelabel span {
	font-size: 14px;
	padding: 0 16px;
	line-height: 60px;
}

.popup .content form label.filelabel span.wpcf7-form-control-wrap { display: none; }

.popup .content form input[type="submit"] { line-height: 60px; }

.variants button {
	background-color: white;
	margin: 0 10px 10px 0;
	height: 30px;
	transition: 200ms;
	font-size: 18px;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
	width: calc(33% - 10px);
}

.variants button:last-child { margin-right: 0; }

.variants button:hover {
	border-color: #2b2b2a;
	box-shadow: 0 0 10px #2b2b2a;
}

.variants button.active {
	border-color: #2b2b2a;
	background-color: #2b2b2a;
	color: white;
}

a.readmoretext {
	display: inline-block;
	margin-bottom: 30px;
	color: #1375f8;
	font-size: 18px;
	text-decoration: none !important;
	transition: 200ms;
}

a.readmoretext:hover { text-shadow: 0 0 8px; }

section#innerpage { padding-bottom: 60px; }

section#faq { margin-bottom: 50px; }

.faqblock {
	margin-bottom: 20px;
	border: 1px solid #D7D7D7;
	background-color: white;
	color: black;
}

.faqblock p.title {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 44px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	margin-bottom: 0;
	padding: 0 26px 0 15px;
}

.faqblock p.title span {
	transition: 300ms;
	position: absolute;
	right: 14px;	
}

.faqblock p.text {
	height: 0px;
	opacity: 0;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 0;
	transition: 300ms;
}

.faqblock.active p.title span {
	font-family: Raleway;
	transform: rotate(90deg);
}

.faqblock.active p.text {
	opacity: 1;
	height: auto;
	margin: 6px 15px 10px 15px;
}

section#cart { padding-bottom: 40px; width:100%;}

table.carttable {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom: 40px;
}

table.carttable thead {
	height: 40px;
	border-bottom: 1px solid #DDD;
}

table.carttable thead th:first-child {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: #242424;
	width: 100px;
}

table.carttable thead th:first-child span {
	font-weight: 300;
	font-size: 24px;
}

table.carttable thead th:last-child {
	width: 100px;
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	color: #cfcfcf;
}

table.carttable tbody tr { border-bottom: 1px solid #DDD; }

table.carttable tbody tr td { padding: 40px 0; }

table.carttable tbody tr td.img { width: 100px; }

table.carttable tbody tr td.name {
	width: calc(100% - 200px);
	padding: 0 20px;
}

table.carttable tbody tr td.name p {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 4px;
}

table.carttable tbody tr td.name span { font-size: 14px; }

table.carttable tbody tr td.amount {
	width: 100px;
	text-align: center;
}

table.carttable tbody tr td.amount a {
	text-decoration: none !important;
	transition: 200ms;
	color: #242424;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	font-family: Raleway;
}

table.carttable tbody tr td.amount a:hover { color: black; }

table.carttable tbody tr td.amount input {
	text-align: center;
	height: 20px;
	width: 46px;
	border: 1px solid #C9C9C9;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #242424;
	font-family: Raleway;
	margin: 0 8px;
}

table.carttable tbody tr td.amount input::-webkit-outer-spin-button, table.carttable tbody tr td.amount input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

form.cartform {
	text-align: center;
	max-width: 360px;
	margin: 0 auto;
	padding: 20px 40px;
	background-color: white;
	box-shadow: 4px 4px 20px rgba(201, 201, 201, 0.47);
}

form.cartform p.title {
	font-size: 24px;
	font-weight: 500;
	font-family: OpenSans;
	margin-bottom: 30px;
	line-height: 1.1;
	color: #242424;
}

form.cartform input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	margin-bottom: 14px;
	font-size: 12px;
	font-family: OpenSans;
	color: #242424;
	border: 1px solid #c9c9c9;
	border-radius: 6px;
	filter: drop-shadow(0px 3.08591px 16.9725px rgba(184, 184, 184, 0.25));
}

form.cartform input.wpcf7-not-valid { border-color: red; }

form.cartform input[type="submit"] {
	cursor: pointer;
	transition: 300ms;
	filter: none;
	border: none;
	color: white;
	font-size: 14px;
	background-color: #1375F8;
}

form.cartform input[type="submit"]:hover { box-shadow: 0px 5px 10px rgba(11, 104, 227, 0.3), inset 4px 5px 30px rgba(133, 185, 255, 0.6); }

form.cartform p.sub {
	color: #242424;
	font-family: OpenSans;
	margin-bottom: 0;
	line-height: 1.2;
	font-size: 12px;
	text-align: left;
}

form.cartform p.sub span { text-decoration: underline; }

form.cartform .wpcf7-response-output {
	margin-top: 10px !important;
	font-size: 12px;
}

section#flexiblepage { margin-bottom: 20px; }

#flexiblepage .aligntop { align-items: flex-start; }
#flexiblepage .aligncenter { align-items: center; }
#flexiblepage .alignend  { align-items: flex-start; }

#flexiblepage .flexcols1 .flexiblecol { width: 100%; }
#flexiblepage .flexcols2 .flexiblecol { width: 50%; }
#flexiblepage .flexcols3 .flexiblecol { width: 33.3%; }

#flexiblepage .flexiblecol.alignleft { text-align: left; }
#flexiblepage .flexiblecol.aligncenter { text-align: center; }
#flexiblepage .flexiblecol.alignright  { text-align: right; }

#flexiblepage .flexiblecol { padding: 0 15px; }

#flexiblepage .flexblock, .flexblock.titletextblocks .block, .flexblock.imgtextblock .block, .flexblock.shadowblocks .block, .flexblock.numberblocks .block, .flexblock.tableblock table { margin-bottom: 30px; }

.flexblock.titletextblocks h2 { font-size: 28px; }

.flexblock.titletextblocks h5 {
	font-weight: 500;
	font-size: 22px;
}

.flexblock.imgtextblock h3 {
	margin: 10px 0;
	font-weight: 600;
	font-size: 20px;
}

.flexblock.shadowblocks .block {
	background-color: white;
	padding: 40px 20px;
	box-shadow: 4px 4px 20px rgba(201, 201, 201, 0.47);
	font-size: 20px;
}

.flexblock.shadowblocks .flexcols2 .block { font-size: 16px; }

.flexblock.shadowblocks .flexcols3 .block { font-size: 14px; }

.flexblock.numberblocks p.num {
	color: #2b2b2a;
	font-weight: 600;
	font-size: 28px;
}

.flexblock.numberblocks h3 {
	font-size: 20px;
	margin: 0 0 6px 0;
	font-weight: 600;
}

.flexblock.borderedblocks { margin-bottom: 40px; }

.flexblock.borderedblocks .block {
	position: relative;
	padding: 4px 20px 4px 32px;
	border: 1px solid #C9C9C9;
	font-weight: 500;
	display: flex;
	min-height: 44px;
	align-items: center;
}

.flexblock.borderedblocks .block span {
	content: '';
	height: 100%;
	width: 14px;
	position: absolute;
	left: 0;
	display: block;
}

.flexblock.borderedblocks .block span.clr2, .flexblock.borderedblocks .block:hover span.clr1 { display: none; }

.flexblock.borderedblocks .block:hover span.clr2 { display: block; }

.flexblock.borderedblocks .block a {
	text-decoration: none !important;
	transition: 200ms;
	color: #242424;
}

.flexblock.borderedblocks .block a:hover { color: black; }

.flexblock.tableblock table {
	border: 1px solid #C9C9C9;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.flexblock.tableblock table thead th, .flexblock.tableblock table tbody td {
	border: 1px solid #C9C9C9;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	color: black;
	padding: 10px 20px;
}

.flexblock.tableblock table thead th { background-color: #e2e2e2; }

.flexblock.tableblock .col-sm-6 table thead th, .flexblock.tableblock .col-sm-6 table tbody td { font-size: 14px; }

.contactblocks { margin-top: 70px; }

.contactblocs h2 {
	margin: 0 0 24px 0;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.4;
}

.contactblocks .block {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}

.contactblocks .block:last-child { margin-right: 0; }

.contactblocks .block p.title {
	font-size: 16px;
	color: #2b2b2a;
	line-height: 1.2;
	margin-bottom: 6px;
}

.contactblocks .block p.text {
	font-size: 18px;
	line-height: 1.3;
}

.contactblocks .block p.text a {
	text-decoration: none !important;
	color: #242424;
	transition: 200ms;
}

.contactblocks .block p.text a:hover { color: black; }

section#map {
	height: 380px;
	margin: 20px 0;
}

footer {
	color: white;
	padding: 50px 0;
	background-color: #262829;
}

footer p.title {
	margin: 20px 0 16px 0;
	line-height: 1;
	font-size: 22px;
	font-weight: 700;
	font-family: Raleway;
}

footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer ul li { margin-bottom: 6px; }

footer ul li a {
	color: white;
	font-size: 18px;
	line-height: 1.4;
}

footer ul li a:hover {
	text-decoration: none;
	text-shadow: 0 0 6px rgba(255,255,255,0.5);
}

footer .row.sub { margin-top: 80px; }

footer .row.sub p, footer .row.sub a {
	display: inline-block;
	margin-bottom: 6px;
	color: white;
	font-size: 18px;
	line-height: 1.4;
}

footer .row.sub p a { margin-bottom: 0; }

footer .row.sub p { display: block; }

a.cartfixed {
	position: fixed;
	display: block;
	z-index: 99999;
	right: 14px;
	bottom: 30px;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	background-color: #2b2b2a;
	text-align: center;
	line-height: 44px;
	margin-left: auto;
}
a.cartfixed:before {
	content: attr(data-cart);
	position: absolute;
	top: -4px;
	right: -4px;
	color: white;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-size: 13px;
	font-weight: 500;
	background: #242424;
	border-radius: 100%;
}

a.cartfixed[data-cart="0"] { display: none; }


/*-----masonry----*/

.masonry {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem,1fr));
  grid-auto-rows: minmax(16rem, auto);
  grid-gap: 1.5rem;
  grid-auto-flow: dense;
}


@media (min-width: 480px) {
	.masonry > .masonryItem:first-child {
    	grid-area: 1 / 1 / span 2/ span 1;
	}
	
	.masonry > .masonryItem:nth-child(7) {
    	grid-area: 3 / 2 / span 1/ span 2;
	}

	.masonry > .masonryItem:nth-child(3n) {
		grid-column: span 1;
	}
	
        .masonry > .masonryItem:nth-child(2) {
	        grid-area: 1 / 2 / span 1 / span 2;
	}

	.masonry > .masonryItem:nth-child(4) {
	    grid-area: 2 / 2 / span 1 / span 2;
	}


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








@media(min-width: 768px) {
	header nav ul.sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	background-color: #2b2b2a;
	border-radius: 4px;
	padding: 16px 16px 16px 34px;
	height: auto;
	box-shadow: none;
	border: none;
	list-style: disc;
	color: white;
	width: 300px;
	z-index: 9999;
}

header nav ul li:hover ul.sub-menu { display: block; }

header nav ul.sub-menu:after {
	content: ''; 
    position: absolute;
    left: 14px;
	top: -18px;
    border: 10px solid transparent;
    border-bottom: 20px solid #2b2b2a;
}

header nav ul.sub-menu li {
	width: 100%;
	border: none;
	line-height: 1.4;
	margin: 4px 0;
	text-align: left;
}

header nav ul.sub-menu li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: white;
}

}

.product-button {
	font-family: Raleway;
}

@media(min-width: 992px) and (max-width: 1199px) {
	header { padding: 20px 0 10px 0; }
	header .catalogmenu .head { font-size: 16px; }
	header .catalogmenu .head .icon { margin-right: 10px; }
	h1, h2 { font-size: 32px; }
	h3, h4 { font-size: 30px; }
	#whywe h2 { max-width: 280px; }
	#catpreview .catblock { padding-left: 10px; }
	#catpreview .catblock.height2 { padding-top: 160px; }
	#catpreview .catblock.height1 { padding-top: 80px; }
	#services .serviceslider { width: calc(100% - 40px); }
	#services .serviceslider .slick-slide { padding: 120px 20px 20px 20px; }
	#services .serviceslider .service {
		box-shadow: 0px 0px 20px rgba(157,157,157,0.13);
		padding: 80px 16px 30px 16px;
	}
	#services .serviceslider .service p.title { font-size: 30px; }
	#services .serviceslider .service p.text { font-size: 18px; }
	#reviews .reviewslider .slick-slide { padding: 20px; }
	#reviews.reviewssmall .reviewslider .slick-slide { padding-top: 30px; }
	#reviews .reviewslider .review { box-shadow: 0px 0px 20px rgba(157,157,157,0.13); }
	#quote p.text { font-size: 32px; }
	#advants .advant .icon { margin-right: 10px; }
	#advants .advant .text {
		width: calc(100% - 96px);
		font-size: 16px;
	}
	nav.sidemenu { padding: 14px 10px; }
	.prodcard p.title { font-size: 12px; }
	.prodcard .buttons button.tocart { padding: 0 5px; }
	.prodcard .buttons a.morelink { padding: 0 10px; }
	#callback.callbackinner {
		margin-left: 0;
		width: 100%;
		padding: 30px 0;
		background-position: center;
	}
	.facecards .facecard {
		width: 220px;
		padding: 10px;
		margin: 0 6px 40px 6px;
	}
	.vacancyslider .vacancyblock .buttons a.morelink { padding: 0 10px; }
	.vacancyslider .vacancyblock .buttons button.resume { padding: 0 20px; }
	.vacancyslider .slick-prev { left: -30px; }
	.vacancyslider .slick-next { right: -30px; }
	.brandslider .brand { padding: 0 10px; }
	.variants button {
		font-size: 16px;
		margin-right: 6px;
		width: calc(33% - 8px);
	}
	table.carttable tbody tr td.name p { font-size: 14px; }
	table.carttable tbody tr td.name span { font-size: 12px; }
}

@media(min-width: 768px) and (max-width: 991px) {
	header nav { margin-top: 15px; }
	header nav ul {
		height: 40px;
		padding: 0;
	}
	header nav ul li { line-height: 1.1; }
	header nav ul li a { font-size: 13px; }
	header nav ul img.arrow { display: none; }
	header ul.sub-menu { display: none; }
	section#first { padding-top: 60px; }
	h1, h2, h3, h4 { font-size: 30px; }
	#first h1 { margin-bottom: 40px; }
	#first a.bluelink {
		max-width: 300px;
		line-height: 80px;
		margin-bottom: 40px;
	}
	#first .infos .infoblock { margin-right: 20px; }
	#first .infos .infoblock:last-child { margin-right: 0; }
	#first .infos .infoblock .icon {
		height: 60px;
		width: 60px;
		line-height: 44px;
		margin-right: 10px;
	}
	#first .infos .infoblock .content p.title {
		font-size: 28px;
		line-height: 1.2;
	}
	#first .infos .infoblock .content p.text {
		font-size: 16px;
		line-height: 1;
	}
	section#whywe { padding: 40px 0; }
	#whywe a.bluelink {
		max-width: 300px;
		line-height: 80px;
		margin-bottom: 60px;
	}
	#whywe p.title { font-size: 20px; }
	#whywe p.text { font-size: 16px; }
	section#catpreview { padding-bottom: 20px; }
	#catpreview .catblock {
		height: 200px;
		padding-top: 80px;
		font-size: 16px;
	}
	section#clients { padding: 40px 0; }
	#services .serviceslider { width: 100%; }
	#services .serviceslider .slick-prev { left: -30px; }
	#services .serviceslider .slick-next { right: -30px; }
	#reviews .reviewslider .slick-slide { padding: 60px 20px 20px 20px; }
	#reviews .reviewslider .review { box-shadow: 0px 0px 20px rgba(157,157,157,0.13); }
	#reviews .reviewslider .review .head img {
		display: block;
		margin: -70px auto 20px auto;
		width: 100px;
		height: 100px;
		border-radius: 100%;
		object-fit: cover;
		border: 1px solid #2b2b2a;
	}
	#reviews .reviewslider .review .head p.text {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		font-size: 18px;
		font-family: Raleway;
		font-weight: 400;
		font-style: italic;
	}
	#reviews .reviewslider .review .bottom { padding-left: 0; }
	#quote span.quotestart { line-height: 0.6; }
	#quote p.text {
		margin-top: -70px;
		font-size: 24px;
	}
	#quote .photo { height: 260px; }
	section#advants { padding: 40px 0 20px 0; }
	#advants .advant { text-align: center; }
	#advants .advant .icon, #advants .advant .text {
		display: block;
		margin: 0 auto;
	}
	#advants .advant .text {
		margin-top: 10px;
		width: 100%;
		font-size: 16px;
	}
	section#callback { margin-bottom: 50px; }
	footer { padding: 30px 0 20px 0; }
	footer .row.sub { margin-top: 40px; }
	footer .row.sub p, footer .row.sub a {
		display: inline-block;
		width: 49%;
	}
	footer .row.sub p a { width: 100%; }
	.sidemenucontainer { padding-top: 10px; }
	.prodcard .buttons button.tocart, .prodcard .buttons a.morelink { width: 140px; }
	a.subcategory { margin-bottom: 30px; }
	#callback.callbackinner {
		margin-left: 0;
		width: 100%;
		padding: 30px 0;
		background-position: center;
	}
	#callback h2 { margin-top: 0; }
	form.innerform label.ilabel {
		width: 280px;
		margin-right: 20px;
	}
	form.innerform label.ilabel input {
		padding: 0 10px;
		width: 230px;
	}
	form.innerform label.ilabel span.icon { width: 40px; }
	form.innerform input[type="submit"] {
		width: 280px;
		height: 60px;
		line-height: 1;
	}
	form.innerform input[type="button"] {
		width: 280px;
		height: 60px;
		line-height: 1;
	}
	.singlebuttons { text-align: center; }
	button.tocart, button.getoffer {
		width: 320px;
		display: inline-block;
		vertical-align: top;
		margin: 20px 10px;
	}
	.producer { margin: 10px 0; }
	.producer p {
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
		margin-bottom: 0;
	}
	.producer img {
		display: inline-block;
		vertical-align: middle;
	}
	.facecards .facecard {
		width: 220px;
		padding: 10px;
		margin: 0 10px 40px 10px;
	}
	.vacancyslider .slick-prev { left: -30px; }
	.vacancyslider .slick-next { right: -30px; }
	.vacancyslider .vacancyblock .buttons a.morelink { padding: 0 10px; }
	.vacancyslider .vacancyblock .buttons button.resume { padding: 0 20px; }
	.brandslider .brand { padding: 0 10px; }
	.variants button { width: 90px; }
	table.carttable tbody tr td { padding: 20px 0; }
}

@media(min-width: 1px) and (max-width: 767px) {
	header {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		background: transparent;
	}
	body.admin-bar header { top: 30px; }
	header .col-xs-6 a.headtel {
		border-radius: 100%;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #2b2b2a;
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
	}
	header a.headcart {
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: none;
		margin-right: 12px;
	}
	header a.mobmenu {
		border-radius: 100%;
		width: 44px;
		height: 44px;
		text-align: center;
		background: #2b2b2a;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 14px 10px;
		z-index: 21;
	}
	header a.mobmenu span {
		display: block;
		height: 2px;
		background-color: white;
		width: 100%;
	}
	header a.mobmenu span:nth-child(2) { margin: 6px 0; }
	body.mobilemenu header { height: 100vh; }
	body.mobilemenu main, body.mobilemenu footer { display: none; }
	body.mobilemenu header .col-xs-6 a.headtel { display: none; }
	body.mobilemenu header a.headcart { display: inline-block; }
	header nav {
		display: none;
		text-align: center;
		padding: 24px 14px 0 14px;
		background-color: white;
		box-shadow: 0px 4px 40px rgba(157, 157, 157, 0.3);
		border-radius: 10px;
		margin-bottom: 30px;
	}
	body.mobilemenu header nav { display: block; }
	header nav a.headtel {
		margin: 0;
		font-weight: 600;
		font-size: 20px;
	}
	header nav form { margin-top: 20px; }
	header nav ul.mobmenu {
		height: auto;
		display: block;
		border: none;
		box-shadow: none;
	}
	header nav ul li {
		border-right: none;
		position: relative;
		line-height: 1.2;
		margin: 14px 0;
	}
	header nav ul li.menu-item-has-children > img.arrow {
		position: absolute;
		right: 0;
		top: 8px;
		font-weight: 500;
		font-size: 16px;
		cursor: pointer;
	}
	header nav ul li a {
		font-size: 20px;
		transition: none;
	}
	header nav ul.sub-menu {
		display: none;
		margin: 10px 0;
		padding: 0;
		height: auto;
		box-shadow: none;
		border: none;
	}
	header nav ul li.menu-item-has-children.active > ul.sub-menu { display: block; }
	header nav ul li.menu-item-has-children.active > img.arrow { transform: rotate(180deg); }
	header nav ul li.menu-item-has-children.active > a {
		font-weight: 600;
		color: #2b2b2a;
	}
	header nav ul.sub-menu li {
		text-align: left;
		line-height: 1.2;
		margin: 8px 0;
	}
	header nav ul.sub-menu li a { font-size: 14px; }
	header nav ul.sub-menu ul.sub-menu { margin: 8px 0; }
	header nav ul.sub-menu ul.sub-menu li { margin: 2px 0; }
	header nav ul.sub-menu ul.sub-menu li a { font-size: 12px; }
	main { padding-top: 20px; }
	body.home main { padding-top: 120px; }
	body.admin-bar main { padding-top: 60px; }
	section#first {
		padding: 20px 0 60px 0;
		background-size: cover;
		text-align: center;
		position: relative;
	}
	section#clients {
	    background-color: white;
	}
	h1, h2, h3, h4 {
		font-size: 22px;
		margin-bottom: 16px;
	}
	h1 { font-size: 20px; }
	section#first { padding-top: 80px; }
	#first h1 { margin-bottom: 50px; }
	#first .infos .infoblock {
		display: block;
		margin-right: 0;
		margin-bottom: 34px;
	}
	#first .infos .infoblock:last-child { margin-bottom: 20px; }
	#first .infos .infoblock .icon {
		height: 40px;
		width: 40px;
		padding: 6px;
		line-height: 26px;
		display: block;
		margin: auto;
	}
	#first .infos .infoblock .content p.title {
		font-size: 20px;
		line-height: 1.3;
	}
	#first .infos .infoblock .content p.text { font-size: 14px; }
	#first a.bluelink {
		line-height: 60px;
		max-width: 240px;
		margin: 0 auto;
	}
	section#whywe { padding: 50px 0; }
	#whywe p.text {
		font-size: 14px;
		margin-bottom: 16px;
	}
	#whywe a.bluelink {
		line-height: 60px;
		max-width: 300px;
		margin: 0 auto 30px auto;
	}
	#whywe .whyweblock {
		margin-left: 14px;
		padding: 5px 10px 5px 18px;
		border: 1px solid #C9C9C9;
		border-radius: 6px;
		margin-bottom: 20px;
	}
	#whywe .whyweblock:before {
		transform: scale(0.6);
		left: -28px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#whywe .whyweblock p.title, #whywe .whyweblock p.text {
		display: inline;
		font-size: 14px;
		line-height: 1.2;
	}
	section#catpreview { padding-bottom: 30px; }
	#catpreview h2 { margin-bottom: 30px; }
	/*#catpreview .catblock {
		height: 160px;
		font-size: 12px;
		background-position: center;
		background-size: cover;
	}*/
	#catpreview .catblock br { display: none; }
	section#clients { padding: 40px 0; }
	#clients form { text-align: center; }
	#clients p.text {
		font-size: 14px;
		margin-bottom: 30px;
	}
	#callback h3 { font-size: 28px; }
	form.telform label.ilabel {
		display: block;
		margin: auto;
		width: 280px;
		height: 60px;
		margin-bottom: 16px;
	}
	form.telform label.ilabel input {
		font-size: 14px;
		padding: 0 12px;
		width: 220px;
	}
	form.telform label.ilabel span.telicon { width: 50px; }
	form.telform input[type="submit"] {
		width: 280px;
		line-height: 58px;
	}
	form.telform input[type="button"] {
		width: 280px;
		line-height: 58px;
	}
	.clientlist {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.clientlist .client {
		margin: 0 10px 18px 10px;
		width: calc(50% - 20px);
	}
	.variants button {
		width: 80px;
		font-size: 16px;
	}
	section#services { padding: 50px 0; }
	#services .serviceslider {
		width: 100%;
		margin-bottom: 20px;
	}
	#services .serviceslider .slick-arrow { transform: scale(0.7); }
	#services .serviceslider .slick-prev { left: -21px; }
	#services .serviceslider .slick-next { right: -21px; }
	#services .serviceslider .slick-slide { padding: 60px 20px 20px 20px; }
	#services .serviceslider .service {
		box-shadow: 0px 0px 20px rgba(157, 157, 157, 0.13);
		padding: 60px 16px 16px 16px;
	}
	#services .serviceslider .service img {
		max-height: 80px;
		top: -40px;
	}
	#services .serviceslider .service p.title { font-size: 20px; }
	#services .serviceslider .service p.text { font-size: 16px; }
	#services .serviceslider .service .bluelink {
		line-height: 50px;
		max-width: 260px;
		font-size: 14px;
	}
	#services .servinfoblock { padding-left: 40px; }
	#services .servinfoblock span.num { font-size: 30px; }
	#services .servinfoblock p.title { font-size: 16px; }
	#services .servinfoblock p.text {
		font-size: 14px;
		margin-bottom: 14px;
		padding-bottom: 14px;
	}
	#reviews .reviewslider .slick-slide { padding: 60px 20px 20px 20px; }
	#reviews .reviewslider .review { box-shadow: 0px 0px 20px rgba(157,157,157,0.13); }
	#reviews .reviewslider .review .head img {
		display: block;
		margin: -70px auto 20px auto;
		width: 100px;
		height: 100px;
		border-radius: 100%;
		object-fit: cover;
		border: 1px solid #2b2b2a;
	}
	#reviews .reviewslider .review .head p.text {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		font-size: 18px;
		font-family: Raleway;
		font-weight: 400;
		font-style: italic;
	}
	#reviews .reviewslider .review .bottom { padding-left: 0; }
	section#quote { padding: 30px 0; }
	#quote span.quotestart { font-size: 120px; }
	#quote p.text {
		font-size: 20px;
		margin-top: -60px;
	}
	#quote .photo {
		max-height: 300px;
		max-width: 300px;
		margin: 0 auto 16px auto;
	}
	#quote p.sub {
		text-align: center;
		font-size: 16px;
		font-weight: 400;
	}
	section#advants { padding: 40px 0 20px 0; }
	#advants .advant { text-align: center; }
	#advants .advant .icon, #advants .advant .text {
		display: block;
		margin: 0 auto;
	}
	#advants .advant .text {
		margin-top: 10px;
		width: 100%;
		font-size: 16px;
	}
	section#callback {
		background-size: cover;
		padding: 20px 0;
		margin-bottom: 0;
	}
	footer {
		text-align: center;
		padding: 40px 0;
	}
	footer .row.sub { margin-top: 40px; }
	.sidemenucontainer { padding-top: 0; }
	.prodcard {
		margin-bottom: 20px;
		padding: 20px 10px;
	}
	.prodcard .buttons a.morelink {
		padding: 0 20px;
		min-width: 40%;
	}
	#callback.callbackinner {
		width: 100%;
		margin-left: 0;
		padding: 30px 0;
		background-size: cover;
		text-align: center;
	}
	#callback h2 { font-size: 20px; }
	form.innerform label.ilabel {
		display: block;
		margin: 0 auto 16px auto;
	}
	form.innerform input[type="submit"] {
		display: block;
		margin: auto;
		line-height: 60px;
	}
	form.innerform input[type="button"] {
		display: block;
		margin: auto;
		line-height: 60px;
	}
	#callback p.sub { font-size: 18px; }
	section#pagehead p.text { font-size: 16px; }
	section#subcategs h3 span { display: block; }
	a.subcategory {
		font-size: 12px;
		padding: 0 10px;
	}
	section#innercatabout p.text { font-size: 16px; }
	.cataboutblock .catabout {
		font-size: 14px;
		padding: 6px 20px;
		border: 1px solid #C9C9C9;
		border-radius: 6px;
		margin-bottom: 16px;
		margin-left: 14px;
	}
	.cataboutblock .catabout:before {
		transform: scale(0.9);
		top: 0;
		bottom: 0;
		margin: auto;
		left: -20px;
	}
	section#ourfaces .ourfacesrow { text-align: center; }
	#ourfaces .photo {
		width: 240px;
		margin: 0 auto 16px auto;
	}
	section#ourfaces .ourfacesrow { text-align: center; }
	#ourfaces button.contact { margin: 0 auto 30px auto; }
	.facecards .slick-arrow, .vacancyslider .slick-arrow, .brandslider .slick-arrow {
		transform: scale(0.8);
		top: 30%;
	}
	.vacancyslider .slick-arrow, .brandslider .slick-arrow { top: 40%; }
	.facecards .facecard {
		display: block !important;
		width: 240px !important;
		margin: 20px auto;
		padding: 10px;
		box-shadow: 0px 4px 20px rgb(157 157 157 / 25%);
	}
	.facecards .facecard a img { display: inline-block; }
	.vacancyslider { margin-bottom: 40px; }
	.vacancyslider .slick-prev { left: -30px; }
	.vacancyslider .slick-next { right: -30px; }
	.vacancyslider .vacancyblock .buttons a.morelink { padding: 0 10px; }
	.vacancyslider .vacancyblock .buttons button.resume { padding: 0 20px; }
	.popup .content, .popup#resume .content {
		top: 0;
		border-radius: 0;
		padding-top: 60px;
		height: max-content;
        padding-bottom: 70px;
        width: 90%;
	}
	.popup .content, .popup#resume .content a.closepopup {
		top: 20px;
		right: 20px;
	}
	.popup .content p.title { margin-bottom: 20px; }
	section#innerpage { padding-bottom: 30px; }
	section#faq { padding-bottom: 20px; }
	table.carttable tbody tr td, table.carttable tbody tr td.name, table.carttable tbody tr td.amount {
		display: block;
		width: 100% !important;
		text-align: left;
		padding: 6px 0;
	}
    #order-table table {
        display: table!important;
    }
    #order-table tbody {
        display: table-row-group!important;
    }

    #order-table tr {
        display: table-row!important;
        height: 40px!important;
    }
    #order-table td {
        display: table-cell!important;
                padding-left: 25px!important;
    }


	table.carttable tbody tr td.img img { max-height: 100px; }
	#flexiblepage .flexcols2 .flexiblecol, #flexiblepage .flexcols3 .flexiblecol { width: 100%; }
	.flexblock.imgtextblock img { max-height: 200px; }
	.flexblock.imgtextblock h3, .flexblock.numberblocks h3 { font-size: 18px; }
	.flexblock.borderedblocks .block { padding: 4px 10px 4px 20px; }
	.flexblock.shadowblocks .block {
		padding: 10px;
		font-size: 14px;
	}
	.flexblock.tableblock table thead th, .flexblock.tableblock table tbody td {
		font-size: 12px;
		padding: 6px;
	}
	#reviews .reviewslider .slick-prev {
		left: -22px;
		transform: scale(0.7);
	}
	#reviews .reviewslider .slick-next {
		right: -22px;
		transform: scale(0.7);
	}
}

.header-container {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .header-container {
        width: 850px;
    }
}

@media (min-width: 992px) {
    .header-container {
        width: 1070px;
    }
}

@media (min-width: 1200px) {
    .header-container {
        width: 1270px;
    }
}



.top-banner {
	height: 70px;
    position: relative;
}

.link-banner {
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.banner-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.main-container {
    margin: 0 auto;
    max-width: 1392px;
    min-width: 320px;
    padding: 0 32px;
    width: 100%;
}

.button-container {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.banner-button {
	align-items: center;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1;
    border-radius: 0;
    gap: 4px;
	background-color: transparent;
}

.button-icon {
	display: flex;
    flex-shrink: 0;
    font-size: 20px;
    position: relative;
	color: black;
}

.button-svg svg {
	fill: currentColor;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

.top-header {
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
    position: relative;
    z-index: 12;
}

header {
	margin-bottom: 24px;
}


.top-header-container {
	justify-content: space-between;
    min-width: 998px;
	align-items: center;
    display: flex;
    gap: 16px;
}

.top-header-elements {
	align-items: center;
    display: flex;
    gap: 24px;
	margin: 5px 0;
	width: 100%;
}

@media (max-width: 1365px) {
    .top-header-elements {
        gap: 8px;
    }
}

.top-element {
	align-items: center;
    border: 0;
	margin-right: 10px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	line-height: 16px;
	font-size: 13px;
	border-radius: 8px;
	color: black;
	background-color: transparent;
}

.element-label {
    align-items: center;
    display: flex;
    pointer-events: none;
    position: relative;
}

.top-element-dropdown {
	display: flex;
	align-items: center;
	margin-right: 10px;
    position: relative;
}

.top-dropdown-button {
	align-items: center;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	line-height: 16px;
	font-size: 13px;
	border-radius: 8px;
	color: black;
	background-color: transparent;
}

.dropdown-button-icon {
	font-size: 12px;
	line-height: 12px;
	color: #484f55;
	order: 1;
	display: flex;
    flex-shrink: 0;
    position: relative;
}

.dropdown-button-icon svg {
    fill: currentColor;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

.dropdown-button-label {
	align-items: center;
    display: flex;
    pointer-events: none;
    position: relative;
}

.top-dropdown-content {
	left: 0;
    position: absolute;
    top: 100%;
    z-index: 3;
}

.bottom-header {
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 0;
    position: relative;
    width: 100%;
    z-index: 11;
    padding-top: 20px;
}

.bottom-header-content {
	align-items: center;
    display: grid;
    grid-auto-columns: 1fr;
    min-width: 998px;
	gap: 0 32px;
    grid-template-columns: 200px 2fr 192px auto;
}

@media (max-width: 1320px) {
    .bottom-header-content {
        gap: 0 32px;
    }
}

@media (max-width: 1365px) {
    .bottom-header-content {
        gap: 0 24px;
    }
}

.header-icon {
	display: flex;
}

.catalog-button {
	background: #2b2b2a;
    color: #fff;
    justify-content: flex-start;
	font-size: 14px;
    gap: 8px;
    line-height: 20px;
    padding: 12px 16px;
	border-radius: 12px;
}

.catalog-button-icon {
	display: flex;
    flex-shrink: 0;
    position: relative;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
    flex-shrink: 0;
}

.catalog-button-icon svg {
	fill: currentColor;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

.catalog-button-label {
	align-items: center;
    display: flex;
    pointer-events: none;
    position: relative;
	color: #fff;
}

.main-bottom-header {
	display: flex;
    gap: 12px;
}

.search-header {
	align-items: center;
    display: flex;
    flex-grow: 1;
    margin-right: 8px;
    padding-right: 50px;
    position: relative;
}

@media (max-width: 1392px) {
    .search-header {
        margin-right: 0;
        max-width: none;
    }
}

.search-header-input {
	display: block;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    width: 100%;
    z-index: 1;
	background-color: #fff;
    border: 2px solid #2b2b2a;
    border-radius: 11px;
    padding-left: 16px;
}

.search-header-label {
	display: flex;
    position: relative;
    width: 100%;
}

.search-input {
	background-color: transparent;
    border: none;
    font-family: Raleway;
    border-radius: 8px;
    color: black;
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 40px;
    line-height: 24px;
    min-width: 0;
    padding: 8px 16px;
    text-overflow: ellipsis;
    width: 100%;
	box-shadow: none;
	padding-left: 0;
}

.catalog-dropdown-active {
	display: block!important;
}

.catalog-dropdown-sub {
    display: none;
    
}

.search-header-button {
	font-size: 14px;
    gap: 8px;
    line-height: 20px;
	background-color: #2b2b2a;
    color: #fff;
    height: 44px;
    justify-content: flex-end;
    margin-left: 0;
    position: absolute;
    right: 0;
    width: 70px;
    z-index: 0;
	border-radius: 12px;
	padding: 12px;
}

.search-icon{
	display: flex;
    flex-shrink: 0;
    font-size: 24px;
    position: relative;
	line-height: 24px;
}

.search-icon svg {
	fill: currentColor;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    width: 1em;
}

.header-number {
	display: flex;
    gap: 12px;
}

.category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.card-category {
	flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	margin-bottom: 20px;
	width: 270px!important;
	height: 150px!important;
}

.card-category-content {
	aspect-ratio: 1 / 1;
    border: 1px solid #fff;
    border-radius: 20px;
    color: inherit;
    display: flex;
    height: auto;
    overflow: hidden;
    padding: 16px;
    background-color: rgb(244,245,246);
    position: relative;
    text-decoration: none;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

.title-category {
	font-weight: 700;
	margin: 0;
	font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
	position: relative;
    z-index: 1;
}

.image-category {
    object-fit: cover;
    height: 55%;
    margin: auto auto 0;
    mix-blend-mode: multiply;
    max-width: 100%;
    
}

.card-category-content:hover {
    filter: brightness(.9);
	transition: 0.3s;
}

.title-category:hover {
	text-decoration: none;
}

.subcategs {
	margin-bottom: 30px;
}

.dropdown-content-wrapper {
	background: white;
    border-radius: 6px;
    filter: drop-shadow(0 2px 8px rgb(212,212,212));
    max-width: 336px;
    min-width: 100px;
    padding: 6px;
    position: relative;
    width: -moz-max-content;
    width: max-content;
	margin-top: 12px;
}

.dropdown-link {
	border-radius: 6px;
    color: initial;
    cursor: pointer;
    display: block;
    justify-content: flex-start;
    padding: 8px 10px;
	font-size: 14px;
    text-decoration: none;
    width: 100%;
}

.dropdown-link:hover {
    background-color: #e2e2e2;
    color: initial;
	text-decoration: none;
	transition: 0.3s;
}

.catalog-dropdown {
	max-width: 1328px;
    position: absolute;
    z-index: 10;
    padding-top: 12px;
	visibility: visible;
    overflow: visible;
    height: auto;
}

@media (max-width: 1392px) {
    .catalog-dropdown {
        max-width: -webkit-calc(100% - 64px);
        max-width: -moz-calc(100% - 64px);
        max-width: calc(100% - 64px);
		visibility: visible;
    }
}


.catalog-dropdown-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    max-height: -webkit-calc(100vh - 220px);
    max-height: -moz-calc(100vh - 220px);
    max-height: calc(100vh - 220px);
    overflow: hidden;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 8px;
}

@media (max-width: 1392px) {
    .catalog-dropdown-wrapper {
        max-width: -webkit-calc(100vw - 82px);
        max-width: -moz-calc(100vw - 82px);
        max-width: calc(100vw - 82px);
    }
}


.catalog-dropdown-scroll {
	padding: 16px 12px 16px 8px;
    list-style: none;
    width: 320px;
    position: relative;
    background: #fff;
    border-radius: 6px;
	border: none;
	padding-right: 2px;
	overflow: auto;
    scrollbar-color: #dadcde #fff;
    scrollbar-color: rgb(218,220,222) rgb(255,255,255);
    scrollbar-width: thin;
}

@media (max-width: 1365px) {
    .catalog-dropdown-scroll {
        width: 320px;
    }
}

.catalog-dropdown-scroll ul {
	padding: 0;
    margin: 0;
    list-style: none;
}

.catalog-dropdown-item {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    position: relative;
    padding: 8px 12px 8px 8px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #1c2126;
    border-radius: 6px;
}

.catalog-dropdown-item.catalog-down-active {
	color:#2b2b2a;
	background-color: #e2e2e2;
	transition: 0.3s;
}

.catalog-icon-item {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.catalog-item-icon img {
	display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    min-width: 20px;
	height: 20px;
}

.catalog-svg {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    vertical-align: top;
    height: 1em;
    width: 1em;
	visibility: hidden;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
	font-size: 16px;
    margin-left: auto;
	fill: #2b2b2a;
}

.dropdown-active {
	visibility: visible;
    overflow: visible;
    height: auto;
}

@media (max-width: 1365px) {
    .dropdown-active {
        visibility: visible;
    }
}

.wpcf7-response-output {
	display: none;
}

.response-active {
	display: block!important;
}

.product-card {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    margin-bottom: 20px;
    justify-content: space-between;
    padding: 16px;
    background: #ffffff;
    border-radius: 12px;
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 1px #dadcde;
    box-shadow: inset 0 0 0 1px #dadcde;
}

.product-code {
    display: flex;
    width: 100%;
    grid-row-gap: 8px;
    row-gap: 8px;
    justify-self: start;
    align-self: center;
    margin-bottom: 8px;
}

.product-code-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.product-icons {
    grid-area: h;
    display: grid;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-auto-flow: column;
    justify-self: end;
    align-self: start;
    margin-bottom: 8px;
}

.product-image-container {
    height: 184px;
    position: relative;
    grid-area: i;
    margin-bottom: 8px;
}

.product-link {
    width: 100%;
    color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
}

.product-image {
    display: block;
    height: 184px;
    max-width: 100%;
    object-fit: contain;
}

.product-title {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-area: c;
    justify-self: start;
    margin-bottom: 12px;
    color: #1c2126;
    -webkit-text-decoration: none;
    text-decoration: none;
    word-break: break-word;
}

.product-title-text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    margin-bottom: 0;
    font-weight: 400;
}

.product-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 12px;
    display: grid;
    grid-template-columns: 1fr 36px;
}

.product-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: 12px;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
    gap: 8px;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
    border-radius: 8px;
    background-color: #2b2b2a;
    color: #fff;
}

.product-button-text {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}

.mobile-menu {
	display: none;
	opacity: 0;
	overflow-y: scroll;
	visibility: hidden;
	background-color: #ffffff;
	position: fixed!important;
	top:0;
	left:0;
	width: 100%;
	transition: .4s;
	height: 100%;
	z-index: 20;
	padding: 80px 40px;
	flex-direction: column;
}

.mobile-menu.active {
	display: flex;
	opacity: 1;
	visibility: visible;
}

.mobmenu {
	display: none;
}

.cart-mobile {
    display: none!important;
}

@media (max-width: 989px) {
	header {
		margin-bottom: 10px;
	}
	.mobmenu {
		display: block;
	}

	.mobile-menu .button-catalog-container {
		display: block!important;
	}

	.mobile-menu a.headcart {
		display: inline-block!important;
	}

	.mobile-menu .header-number .headtel span {
		display: block!important;
	}

	.mobile-menu .header-number a.headtel img.hidden-lg {
		display: none!important;
	}

	.mobile-menu .header-number a.headtel img.hidden-xs {
		display: block!important;
	}

	.mobile-menu .header-number {
		display: flex!important;
	}

	.mobile-menu .headtel {
		display: flex!important;
		gap: 10px;
	}

    .top-banner {
        background:url('/static/img/itog-12.svg') top center repeat-x!important;
            position: fixed;
       width: 100%;
    top: 0;
      }
	.top-header {
		display: none;
	}
	.headprofile {
        display: none;
    }
    header a.headcart:after {
        display: none;
    }
	.bottom-header-content {
		display: flex!important;
		min-width: auto;
		flex-direction: column;
		width: 100%;
	}
	.button-catalog-container {
		display: none;
	}
	.header-number {
		display: none!important;
	}
	.headcart {
		display: none;
	}
	.search-header {
		padding-right: 30px;
		margin-top: 15px;
	}
	.search-header-input {
		padding-left: 8px;
	}
	.search-input {
		height: 36px;
		font-size: 14px;
		padding: 8px 12px;
	}
	.search-header-button {
		height: 39px;
		padding-right: 5px;
	}
	.mobile-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.main-bottom-header {
		width: 100%;
	}
	.mobmenu-active {
		display: none;
	}
	.slider-catalog__content {
	    column-count: 2!important;
	    padding-bottom: 25px;
	}
	.slider-catalog {
	    padding: 24px 25px!important;
	}
	.catalogs-block__vin {
	    margin-top: 30px;
	}
	header a.mobmenu.active span {
		display: none;
	}
	header a.mobmenu.active img {
		display: block;
		z-index: 100000;
	}
	#table-products {
	    width: 100%;
	}
	header a.mobmenu.active {
		display: flex;
		justify-content: center;
	}
	.slider-catalog__letter-block+.slider-catalog__letter-block {
	    margin-top: 15px!important;
	}
	.subcategs-center {
	    justify-content: center;
	}
	.bottom-header {
            position: fixed;
            z-index: 1221;
            top: 0;
            background-color:white;
        }
	.bottom-header.top-banner-active {
	    top: 65px;
	}
	.mainVinFormButton {
	    margin-top: 20px;
	}
	.catalogs-block__vin {
	    min-height: auto!important;
	}

.card-category {
            width: 350px!important;
	    

        }
	.card-category-content {
	    padding-bottom: 0;
	}
.cart-mobile {
            display: inline-block!important;
        }
	.title-category {
	    margin-left: 15px;
            margin-top: 25px;
	    font-size: 19px;
	}
	.category-children p {
	    margin-left: 15px;
	}
	.image-category {
	    height: 60%;
	}
}

.catalog-item-icon {
	margin-right: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}


.masonry {
	    display: grid;
	        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
		    grid-auto-rows: minmax(16rem, auto);
		        grid-gap: 1.5rem;
			    grid-auto-flow: dense;
		    }

.masonry .catblock {
	    position: relative;
	    display: flex;
		    align-items: flex-end;
		        justify-content: flex-start;
			    width: 100%;
			        margin-bottom: 22px;
				    padding: 20px 10px;
				        background-repeat: no-repeat;
					    background-position: center;
					        background-size: cover;
						    color: #353535;
						        font-size: 20px;
							    line-height: 1.2;
							        transition: 200ms;
								    font-weight: 600;
								        text-decoration: none !important;
								}


@media (min-width: 480px) {
    .masonry > .masonryItem:first-child {
		 grid-area: 1 / 1 / span 2 / span 1;
    }
}

@media (min-width: 480px) {
.masonryItem {
	margin-bottom: 0 !important;
}
			}

.catblock span {
	    color: black;
	        position: relative;
	    }

@media (min-width: 480px) {
	    .masonry > .masonryItem:nth-child(3n) {
		            grid-column: span 1;
			        }
			}



.mobile-menu-element {
	color: black;
	font-size: 15px;
	margin-bottom: 10px;
}

.card-category-content {
      padding-bottom: 0;
}

.mobile-menu-hr {
	width: 100%;
	min-height: 2px;
	background-color: #d0d0d0;
	margin-top: 15px;
	margin-bottom: 15px;
}

.menu-element-header {
	color: black;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
}

.mobile-menu-subel {
	color: black;
	font-size: 13px;
	margin-bottom: 7px;
	padding-left: 7px;
}

.catalog-item-sections {
    font-family: Raleway;
    background-color: white;
    background: #fff;
    border-radius: 6px;
    height: 97%;
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 8px;
    display: block;
    width: 600px;
    padding: 20px;
    top: 12px;
    left: 98%;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.catalog-item-sections h2 {
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 20px;
}

.catalog-sections-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog-section a {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 1;
}

.catalog-section a:hover {
    text-decoration: none;
    color: #2b2b2a;
}

.category-children {
       max-height: 150px;
       background-color: #f4f5f7;
}


.slider-catalog {
    background: #fff;
    border-radius: 10px;
    height: auto;
    min-height: 100%;
    padding: 38px 40px;
}

.slider-catalog h3 {
    font-size: 22px;
}

.slider-catalog__content {
    -moz-column-count: 4;
    column-count: 4;
    padding-bottom: 50px;
}

.slider-catalog__block+.slider-catalog__block {
    margin-top: 20px;
}

.slider-catalog__letter-block {
    display: flex
;
}

.slider-catalog__letter {
    flex-shrink: 0;
    width: 35px;
}

.slider-catalog__list {
    margin-top: 4px;
}

..slider-catalog__letter span {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.slider-catalog__letter button {
    background: none;
    border: 0;
    display: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    text-transform: uppercase;
    transition: all .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.slider-catalog__item {
    display: block;
}

.slider-catalog__link {
    color: #626262;
    font-weight: 300;
    text-decoration: none;
    transition: all .2s ease-out;
}

.slider-catalog__letter-block+.slider-catalog__letter-block {
    margin-top: 35px;
}

#marks {
        background: #eeeef6;
        margin-bottom: 70px;
    padding: 70px 0;
        padding-top: 50px;
}

.catalogs-block__vin {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .05);
    display: flex
;
    flex-direction: column;
    min-height: 333px;
    padding: 39px 40px;
}

.catalogs-block__vin .h3 {
    font-size: 22px;
}

.catalogs-block__vin #vin-main-form {
    display: flex
;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}

.catalogs-block__vin input[type=text] {
    height: 44px;
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
    border: 1px solid #c2c9d0;
    border-radius: 5px;
    padding: 2px 10px;

}

input[type=submit], .button-mos {
    align-items: center;
    background-color: var(--primary-dark);
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: flex
;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    justify-content: center;
    padding: 1px 15px;
    text-decoration: none;
    transition: all .2s ease-out;
    white-space: nowrap;
    width: 100%;
}

.button-mos {
    width: max-content;
    padding-left: 30px;
    padding-right: 30px;
}

.mainVinFormButton {
    margin-top: auto;
}

table {
  border-spacing: 1;
  border-collapse: collapse;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 25px;
}
table thead tr {
  height: 60px;
  background: var(--primary-dark);
  font-size: 16px;
}
table tbody tr {
  height: 30px;
  border-bottom: 1px solid #E3F1D5;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
  width: 25%;
}
table tbody tr {
    cursor: pointer;
    transition: 0.3s;
}
table tbody tr:hover {
    background-color: #e5e1e1;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}

#table-products table thead tr {
  height: 50px;
}

#product table tbody tr {
   height: 48px;
}

.catalog-mobile-button {
    display: none;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-left: 15px;
    margin-right: 15px;
}
.button-border:hover {
    transition: 0.3s;
    background-color: #e5e1e1;
}
.catalog-mobile-button.active {
    background-color: #e5e1e1;
}
.catalog-mobile-button.active + .list-marks {
    display: block;
}
.list-marks {
    display: none;
    width: 100%;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
}
.list-marks a {
    color: black;
}
.list-marks li {
    padding: 10px;
    background-color: rgb(0, 0, 0, 0.1);
    border-radius: 36px;
    margin-bottom: 10px;
    cursor: pointer;
}
.list-pages {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.list-pages ul {
    display: flex;
}
.index-marks {
    display: none;
}

.list-pages ul li {
        padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid black;
    border-radius: 50%;
    margin: 10px;
    cursor: pointer;
}
.list-pages ul li a {
    color: black;
}
.page-num-selected {
    border: 1px solid var(--primary-dark)!important;
    font-weight: bold;
}
@media screen and (max-width: 35.5em) {
  table {
    display: block;
  }
  .index-marks {
    display: block;
  }
  .catalog-mobile-button {
    display: block;
  }
  table > *, table tr, table td, table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 8px 0;
  }
  table tbody tr td {
    padding-left: 45%;
    margin-bottom: 12px;
    width: 100%;
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }
  #table-products table tbody tr td:nth-child(1):before {
    content: "Артикул";
  }
  #table-products table tbody tr td:nth-child(2):before {
    content: "Бренд";
  }
  #table-products table tbody tr td:nth-child(3):before {
    content: "Цена";
  }
  #table-products table tbody tr td:nth-child(4):before {
    content: "Действие";
  }
  #flexiblepage table tbody tr td:nth-child(1):before {
    content: "Наиманование";
  }
  #flexiblepage table tbody tr td:nth-child(2):before {
    content: "Цена (€)";
    }
  .productheadrow table tbody tr td:nth-child(1):before {
    content: "Артикул";
            padding-left: 25px;
  }
  .productheadrow table tbody tr td:nth-child(2):before {
    content: "Бренд";
            padding-left: 25px;
  }
  .productheadrow table tbody tr td:nth-child(3):before {
    content: "Цена";
            padding-left: 25px;
  }

  .cart-right-info p {
    width: 100%!important;
  }

  .cart {
    flex-direction: column!important;
  }

  .cart-left {
    width: 100%!important;
  }

  .cart-right {
    width: 100%!important;
  }

  .cart-right .button-mos {
    width: 100%!important;
  }
  .cart-right-alert {
    text-align: center;
  }

  .cart-list-item .price {
    white-space: nowrap;
    font-size: 14px;
  }
  .cart-price-one {
    width: 50%!important;
  }
  #lk .container {
    flex-direction: column;
    padding-left: 15px!important;
  }
  .lk-orders {
    width: 100%!important;
    margin-top: 30px;
  }
  table .button-mos {
        padding: 1px 15px!important;
  }
}

#table-products {
    margin-bottom: 70px;
    width: 100%;
}

#site-description {
    margin-bottom: 70px;
}

.header-title {
    color: black;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
}

.footer-title {
        color: white;
    font-weight: bold;
}

.auth-head .header-title {
    color: #fff;
}

.auth-head {
    background: var(--primary-dark);
    padding: 19px 0;
    text-align: center;
}

.auth-head p {
    font-size: 12px;
    line-height: 140%;
    margin-top: 5px;
    color: #fff;
}

.auth-main {
    width: 480px;
    margin: 34px auto 120px auto;
}

.auth-main .h2 {
    text-align: center;
    margin-bottom: 30px;
        font-size: 36px;
}

.auth-tabs-block {
    opacity: 1;
    transition: .4s;
    overflow: hidden;
}

.auth-label {
    display: block;
    margin-bottom: 20px;
}

.auth-label p {
    font-weight: 500;
    margin-bottom: 5px;
}

.input-custom {
    border-radius: 5px;
    border: 1px solid #707070;
    padding: 9px 20px;
    background: transparent;
    line-height: 140%;
    resize: none;
    width: 100%;
}

.auth-label .input {
    width: 100%;
}

.auth-bottom {
    margin-top: 30px;
    text-align: center;
}

.button-border {
    background-color: inherit;
    color: black;
    border: 3px solid var(--primary-dark);
}

table thead tr th {
    color: #ffffff;
}

.offer-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

#order-table {
    border-radius: 0;
}

#order-table td, #order-table th{
    border: 1px solid black;
}

.cart {
    display: flex
;
    justify-content: space-between;
}

.cart-left {
    width: calc(100% - 354px - 50px);
}

.cart-left-top {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-left-top .h2 {
    margin-bottom: 0;
}

.cart-left-top .h2 span {
    font-size: 26px;
}
.light {
    color: #707070;
}

.cart-list {
    margin-bottom: 50px;
}

.cart-list-item {
    display: flex
;
    align-items: center;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

.br-10 {
    border-radius: 10px;
}

.cart-price-one {
    width: 60%;
}

.cart-list-item .name {
    font-weight: 500;
    width: 260px;
    margin-right: 24px;
    color: black;
    color: black;
}

.bottom-price-one {
    margin-left: 10px;
    font-size: 12px;
    color: #707070;
}

.cart-list-item .bottom-cart-panel {
    width: 140px;
    height: 40px;
    transition: .4s;
    display: flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
    background-color: #019ef3;
}

.cart-list-item .bottom-cart-panel .minus-to-cart {
    width: 24px;
    height: 24px;
    background: url(/static/img/minus.png) no-repeat center left 8px;
    position: absolute;
    left: 8px;
}

.popup .content form input[type="submit"] {
    line-height: normal!important;
}

.cart-list-item .bottom-cart-panel input {
    background: transparent;
    border: none;
    color: #fff;
    width: 100px;
    text-align: center;
}

.cart-list-item .bottom-cart-panel .plus-to-cart {
    width: 24px;
    height: 24px;
    background: url(/static/img/add.svg) no-repeat center center / 100%;
    position: absolute;
    right: 8px;
}

.place-name {
    margin-right: 17px;
}

.cart-list-item .price {
    font-size: 18px;
    font-weight: 500;
    margin-right: 24px;
    margin-bottom: 0;
}

.delete-product {
    width: 24px;
    height: 24px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.cart-inputs {
    margin-bottom: 10px;
    gap: 10px;
    display: flex
;
    justify-content: space-between;
}

.cart-right {
    width: 354px;
    padding-top: 53px;
}

.cart-right-links {
    margin-bottom: 40px;
}

.cart-right-links a {
    display: block;
    font-weight: 500;
    border-bottom: 1px solid #707070;
    width: max-content;
    margin-bottom: 14px;
    line-height: 135%;
}

.cart-right-info p {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 277px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.cart-right-alert {
    font-size: 12px;
    line-height: 140%;
}

.cart-right .button-mos {
    width: 277px;
    margin-bottom: 16px;
}

.light-back {
    background: #eeeef6;
}

.document-card {
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px 45px;
    display: flex
;
    border: none;
    width: 100%;
    align-items: center;
    background-color: #ffffff;
    cursor: pointer;
}

.document-card img {
    width: 40px;
    height: 40px;
    margin-right: 30px;
}
.document-card p {
    font-size: 18px;
    margin:0;
}

.document-card p:last-child {
    display: none;
}

@media (max-width: 767px) {
    .document-card p:last-child {
        display: block;
    }
}

@media (max-width: 767px) {
    .document-card p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #document-title-desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .document-card img {
        width: 20px;
        height: 26px;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .document-card {
        padding: 20px;
    }
}

#prices {
    padding: 70px 0;
}

#lk {
    padding-bottom: 120px;
}

#lk .container {
    display: flex
;
    justify-content: space-between;
    align-items: flex-start;
}

.lk-sidebar {
    width: 300px;
}

.lk-sidebar .h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 90%;
    margin-bottom: 20px;
}

.lk-sidebar li {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
}

.lk-sidebar a.active {
    border-bottom: 1px solid #1A1A1A;
    background: inherit;
}
.lk-sidebar a {
    font-size: 18px;
    font-weight: 500;
    line-height: 135%;
    text-decoration: none !important;
    outline: none !important;
    color: black;
}

.br-15 {
    border-radius: 15px;
}

.lk-orders {
    width: calc(100% - 300px - 50px);
    background: #fff;
    border: 1px solid #EEE;
}

ol, ul {
    list-style: none;
    padding-left: 0;
}

#lk .crumbs {
    padding-top: 40px;
    padding-bottom: 20px;
    width: 100%;
}

.my-balance {
    font-size: 24px;
    text-align: end;
}

#site-description .description-header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: white;
            padding: 40px 30px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

#site-description .description-header::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
    transform: rotate(30deg);
    pointer-events: none;
}

#site-description h1 {
    font-size: 2.8rem;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
    position: relative;
}

#site-description .subtitle {
    font-size: 1.3rem;
    opacity: 0.95;
    max-width: 700px;
    margin: 15px auto 0;
    position: relative;
    line-height: 1.7;
}

#site-description .brands {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    gap: 12px;
    flex-wrap: wrap;
    position: relative;
}

#site-description .brand {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 22px;
    border-radius: 30px;
    font-size: 0.95rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

#site-description .brand:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

#site-description .content {
    padding: 40px;
}

#site-description .section {
    margin-bottom: 30px;
    padding: 28px;
    border-radius: 14px;
    background: var(--gray);
    box-shadow: 0 4px 12px rgba(1, 158, 243, 0.08);
    border-left: 4px solid var(--primary);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#site-description .section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--primary);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

#site-description .section:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(1, 158, 243, 0.15);
}

#site-description .section:hover::after {
    transform: translateX(0);
}

#site-description .section h2 {
    color: var(--primary-dark);
    margin-bottom: 18px;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

#site-description .section h2 i {
    color: var(--primary);
    background: var(--primary-light);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#site-description .section p {
    margin-bottom: 15px;
    font-size: 1.1rem;
    color: #444;
    position: relative;
    z-index: 2;
}

#site-description .highlight {
    background: #fff9e6;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid var(--accent);
    margin: 25px 0;
    position: relative;
    overflow: hidden;
}

#site-description .highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 235, 204, 0.3) 0%, rgba(255, 245, 230, 0.5) 100%);
    z-index: 1;
}

#site-description .highlight p {
    position: relative;
    z-index: 2;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#site-description .highlight i {
    color: var(--accent);
    font-size: 1.3rem;
    margin-top: 4px;
}

#site-description .contact-box {
    background: linear-gradient(135deg, #e6f5ff 0%, #ccecff 100%);
    padding: 28px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 30px 0;
    border: 1px solid rgba(1, 158, 243, 0.2);
    position: relative;
    overflow: hidden;
}

#site-description .contact-box::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: var(--primary);
    border-radius: 50%;
    opacity: 0.1;
}

#site-description .contact-box::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 100px;
    height: 100px;
    background: var(--primary);
    border-radius: 50%;
    opacity: 0.1;
}

#site-description .contact-box h3 {
    color: var(--primary-dark);
    margin-bottom: 20px;
    font-size: 1.5rem;
    position: relative;
    z-index: 2;
}

#site-description .contacts {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
}

#site-description .contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.2rem;
    padding: 14px 28px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(1, 158, 243, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(1, 158, 243, 0.2);
}

#site-description .contact-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(1, 158, 243, 0.2);
    border-color: var(--primary);
}

#site-description .contact-item i {
    color: var(--primary);
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-light);
    border-radius: 50%;
}

#site-description .cta {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: white;
    padding: 35px 25px;
    border-radius: 14px;
    text-align: center;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}

#site-description .cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230078c0' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.2;
}

#site-description .cta h3 {
    font-size: 1.7rem;
    margin-bottom: 15px;
    position: relative;
}

#site-description .cta p {
    max-width: 700px;
    margin: 0 auto 25px;
    font-size: 1.15rem;
    opacity: 0.95;
    position: relative;
}

#site-description .btn {
    display: inline-block;
    background: white;
    color: var(--primary-dark);
    padding: 16px 42px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.15rem;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    position: relative;
    z-index: 2;
    border: 2px solid transparent;
}

#site-description .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    background: var(--primary);
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
}


.faq-section {
            padding: 0 40px 40px;
        }

        .faq-section h2 {
            text-align: center;
            color: var(--primary-dark);
            font-size: 2rem;
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }

        .faq-section h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: var(--primary);
            border-radius: 2px;
        }

        .faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            background: white;
            border-radius: 12px;
            margin-bottom: 20px;
            box-shadow: 0 4px 15px rgba(1, 158, 243, 0.1);
            overflow: hidden;
            border: 1px solid rgba(1, 158, 243, 0.15);
            transition: all 0.3s ease;
        }

        .faq-item.active {
            box-shadow: 0 8px 25px rgba(1, 158, 243, 0.2);
            border-color: rgba(1, 158, 243, 0.3);
        }

        .faq-question {
            padding: 20px 60px 20px 25px;
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary-dark);
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;
            transition: all 0.3s ease;
        }

        .faq-question:hover {
            background-color: rgba(1, 158, 243, 0.05);
        }

        .faq-question::after {
            content: "\f078";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--primary);
            transition: all 0.3s ease;
        }

        .faq-item.active .faq-question::after {
            transform: translateY(-50%) rotate(180deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #f9fbfd;
        }

        .faq-item.active .faq-answer {
            max-height: 1000px;
        }

        .faq-content {
            padding: 0 25px 25px;
            color: #444;
            line-height: 1.7;
        }

        .faq-content p {
            margin-bottom: 15px;
        }

        .faq-content ol {
            padding-left: 30px;
            margin-bottom: 15px;
        }

        .faq-content li {
            margin-bottom: 10px;
        }

        .faq-content strong {
            color: var(--primary-dark);
        }

@media (max-width: 768px) {
    #site-description  .content {
        padding: 25px 15px;
    }

    #site-description h1 {
        font-size: 2.2rem;
    }

    #site-description .subtitle {
        font-size: 1.1rem;
    }

    #site-description .section {
        padding: 20px;
    }

    #site-description .contacts {
        flex-direction: column;
        gap: 15px;
    }
    .faq-section {
                padding: 0 20px 30px;
            }

            .faq-question {
                padding: 18px 50px 18px 20px;
                font-size: 1.1rem;
            }

            .faq-question::after {
                right: 20px;
            }
}

.lk-orders .orders-item {
    border-bottom: 1px solid #EEE;
}

.lk-orders .orders-item-button {
    display: flex
;
    align-items: center;
    padding: 16px;
    cursor: pointer;
}

.lk-orders .orders-item-button .icon {
    margin-right: 16px;
}

.lk-orders .orders-item-button .name {
    font-weight: 500;
    margin-bottom: 0;
}

.lk-orders .orders-item-button i {
    font-style: normal;
}

.lk-orders .orders-item-button .name span {
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.lk-orders .orders-item-button .price {
    font-size: 28px;
    margin-right: 20px;
    margin-left: auto;
    margin-bottom: 0;
}

.lk-orders .orders-item-button .arrow {
    width: 24px;
    height: 24px;
    background: url(../img/order-arrow.svg) no-repeat center center / 100%;
    transition: .4s;
}

.lk-orders .orders-item-button.active .arrow {
    transform: rotate(180deg);
}

.orders-item-info {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: .4s;
}

.lk-orders .orders-item-button.active + .orders-item-info {
    height: auto;
    opacity: 1;
}

.lk-order-info-list-item {
    display: flex
;
    align-items: center;
    width: 100%;
    border-top: 1px solid #EEE;
    padding: 16px;
}

.lk-order-info-list-item .name {
    font-size: 15px;
    font-weight: 500;
}

.lk-order-info-list-item .value {
    font-size: 18px;
    margin-left: auto;
    margin-right: 28px;
    font-weight: 500;
}

.lk-order-info-list-item .price {
    font-size: 18px;
    font-weight: 500;
}

.orders-item-info .cart-right-info {
    width: 100%;
    padding: 16px 16px 0 16px;
}

.cart-right-info p {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 277px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.orders-item-info .cart-right-info p {
    width: 100%;
}

.orders-item-info .cart-right-info .delivery-adress {
    text-transform: none;
    margin-top: -10px;
}

.list-orders {
    width: calc(100% - 300px - 50px);
    background: #fff;
    border: 1px solid #EEE;
}

.orders-item-button.active {
    background: inherit;
    color: inherit;
}

#offer-quantity {
    padding-left: 10px;
    padding-right: 10px;
}

#table-products .button-mos {
   height: 35px;
}