:root {
	--c-main: #003C71;
	--c-dark: #262729;
	--c-gray: #9CA0A8;
	--c-gray-light: #F0F0F0;
	--c-light: #FFF;
	--c-warning: #FF5021;

	--d-base: 36px;
	--d-small: 18px;
	--d-xsmall: 14px;
	--d-xxsmall: 12px;
}


html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;padding: 0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0;outline: none;list-style: none;font-family: 'Golos Text', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;font-family: 'Golos Text', sans-serif;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}

.ww{
	max-width: 1440px;
	margin: 0 auto;
	box-sizing: border-box;
}
.wm{
	max-width: 1272px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 var(--d-base);
}
.bt{
	background-color: var(--c-main);
	color: var(--c-gray-light);
	padding: var(--d-xsmall) var(--d-small);
	border-radius: 10px;
	transition: .3s;
	border: none;
}
.bt:hover{
	background-color: var(--c-gray-light);
	color: var(--c-main);
	text-decoration: none;
	transition: .3s;
}
h1{
	font-size: 64px;
	line-height: 1;
	font-weight: 600;
}
h2{
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
}
h3{
	font-size: 24px;
	line-height: 1;
	font-weight: 600;
}

section+section{
	margin-top: var(--d-base) !important;
}

.first{
	position: relative;
	height: 570px;
}
.slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.slider ul:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,.5) 24%, rgba(0,0,0,.3) 100%);
}

header{
	position: relative;
	top: var(--d-base);
	z-index: 10;
	display: flex; align-items: center;justify-content:space-between;
}
.logo{
	display: flex; align-items: center;
}

.logo img{
	width: 90px;
	height: 46px;
}
.logo p{
	color: var(--c-light);
	margin-left: var(--d-small);
	padding-left: var(--d-small);
	border-left: 1px solid var(--c-gray);
}
.logo strong{
	display: block;
}

.qcontacts{
	display: flex; align-items: center;
	gap: var(--d-xxsmall);
	color: var(--c-light);
}
.phone{
	padding-left: 42px;
	background: no-repeat var(--c-main) 12px 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 17 17"><path fill="%23fff" fill-rule="nonzero" d="M5.2.8c-.3-.6-1-1-1.5-.8L.9.8C.4.9 0 1.4 0 2a14 14 0 0 0 14 14c.6 0 1-.4 1.2-1l.8-2.7c.1-.6-.2-1.2-.8-1.5l-3-1.2c-.5-.2-1 0-1.4.4l-1.3 1.5c-2.2-1-4-2.8-5-5L6 5.2c.5-.3.6-1 .4-1.4L5.2.8Z"/></svg>');background-size: 16px 16px;
}
.sotial{
	display: block;
	height: 46px;
	width: 46px;
	border-radius: 50%;
}
.wz{
	background:#1FC930 no-repeat 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="none"><path fill="%23fff" d="M17.9 3c-2-2-4.6-3-7.4-3a10.4 10.4 0 0 0-9 15.6L0 21l5.5-1.4A10.5 10.5 0 0 0 21 10.4c0-2.8-1.2-5.4-3.1-7.3Zm-7.4 16c-1.6 0-3-.4-4.4-1.1l-.3-.2-3.3.8.9-3.2-.2-.3c-.9-1.4-1.4-3-1.4-4.6a8.7 8.7 0 0 1 14.8-6.1 8.7 8.7 0 0 1 2.6 6.1c0 4.8-4 8.7-8.7 8.7Zm4.7-6.4-1.7-.9c-.3 0-.4 0-.6.2l-.8 1c-.2.2-.4.2-.6 0A7 7 0 0 1 8 10c-.3-.5.2-.5.7-1.5.1-.1 0-.3 0-.4l-.8-2c-.2-.4-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3c-.2.3-.9 1-.9 2.2 0 1.3 1 2.5 1 2.7.2.2 1.9 2.8 4.5 4 1.7.6 2.3.7 3.1.6.5-.1 1.6-.7 1.8-1.3.2-.6.2-1.1.1-1.2l-.5-.3Z"/></svg>');
}
.vb{
	background:#7365EE no-repeat 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none"><path fill="%23fff" d="M20.8 2.3c-.6-.5-3-2.3-8.4-2.3 0 0-6.3-.4-9.4 2.5C1.3 4.2.7 6.7.6 9.8c0 3.1-.1 9 5.5 10.6v2.4s0 1 .6 1.2c.8.2 1.3-.5 2-1.3l1.4-1.6c3.9.3 6.8-.4 7.2-.6.7-.2 5.1-.8 5.8-6.6.8-6-.3-9.8-2.3-11.6Zm.7 11.2c-.6 4.8-4.2 5.1-4.9 5.3-.2.1-2.8.8-6.1.6L7.3 23c-.3.2-.5.2-.5-.3v-4C2 17.5 2.3 12.5 2.4 9.9c0-2.6.5-4.7 2-6.2 2.6-2.3 8-2 8-2 4.5 0 6.7 1.4 7.2 1.9 1.6 1.4 2.5 4.8 1.9 9.9Zm-6.6-3.8c0 .4-.5.4-.6 0 0-1-.5-1.5-1.5-1.6-.4 0-.4-.6 0-.6 1.4 0 2 .8 2.1 2.2Zm1 .5c0-2-1.2-3.5-3.6-3.7-.4 0-.3-.7 0-.6 2.8.2 4.3 2 4.2 4.3 0 .4-.6.4-.6 0Zm2.2.6c0 .4-.6.4-.6 0C17.5 7 14.9 5 11.8 5c-.4 0-.4-.6 0-.6 3.5 0 6.3 2.4 6.3 6.5Zm-.5 4.6c-.5 1-1.5 2-2.5 1.6a18 18 0 0 1-4.8-2.7A12.3 12.3 0 0 1 7 10.2C6 8.4 5.7 7.5 5.7 7.5c-.3-1 .7-1.9 1.6-2.4.4-.2.8-.1 1 .2A27.7 27.7 0 0 0 10 7.5c.3.5.1 1-.1 1.2l-.6.5c-.3.2-.3.6-.3.6s.9 3.2 4 4c0 0 .4 0 .7-.3l.4-.6a1 1 0 0 1 1.2-.1l2.2 1.5c.3.3.4.7.2 1.1Z"/></svg>');
}
.tg{
	background:#1D87C0 no-repeat 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="%23fff" d="M11.6.4a11.6 11.6 0 1 0 0 23.2 11.6 11.6 0 0 0 0-23.2ZM17 8.3l-1.3 8.3c-.2 1-.5 1.2-.8 1.2-.7 0-1.2-.4-1.8-.8l-2.6-1.8c-1.2-.7-.4-1.2.2-1.8.2-.2 3.2-3 3.2-3.2V10h-.3l-4.9 3.2c-.4.4-.9.5-1.2.5-.5 0-1.3-.2-1.8-.4-.8-.3-1.4-.4-1.3-.8a555.8 555.8 0 0 1 12-5.1l.4.1.2.3v.5Z"/></svg>');
}
.first-cnt{
	position: relative;
	z-index: 10;
	top: 150px;
	color: var(--c-light);
}
.first-cnt h1{
	color: var(--c-light);
}

.first-cnt ul{
	font-size: 20px;
	margin: var(--d-small) 0;
}
.first-cnt p{
	display: inline-block;
	margin-top: 16px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.dark{
	background-color: var(--c-main);
	padding-top: var(--d-base);
	padding-bottom: var(--d-base);
}
.dark * {
	color: var(--c-light);
}

.c2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:var(--d-base);
}
.c3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--d-base);
}
.c4{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--d-base);
	margin-top: var(--d-base);
}

.c3 div{
	padding: var(--d-small);
	margin-top: var(--d-base);
	background-size: cover;
	aspect-ratio: 3/2;
	border-radius: 5px;
}
.c3 p{
	margin-top: var(--d-small);
}

.products-list div{
	background-size: auto 80%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-color: var(--c-gray-light);
	aspect-ratio: 1/1;
	border-radius: 5px;
	margin-bottom: var(--d-small);
	position: relative;
	transition:background-color .3s
}
.products-list p{
	margin-top: var(--d-xxsmall);
	line-height: 1.2;
	color: var(--c-dark);
}
.products-list p.size{
	color: var(--c-gray);
}
.products-list a{
	text-decoration: none;
}
.products-list i{
	position: absolute;
	left: var(--d-small);
	bottom: var(--d-small);
	display: block;
	height: 36px;
	width: 36px;
	border-radius: 20px;
	background: var(--c-light) no-repeat 12px 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" fill="none"><path fill="%23003C71" d="M2 0a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V5H8a1 1 0 0 1-1-1V0H2Zm6 0v4h4L8 0ZM3.5 8h5c.3 0 .5.2.5.5s-.2.5-.5.5h-5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5Zm0 2h5c.3 0 .5.2.5.5s-.2.5-.5.5h-5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5Zm0 2h5c.3 0 .5.2.5.5s-.2.5-.5.5h-5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5Z"/></svg>');background-size: 12px 16px;
}
.products-list i::after{
	content: 'Характеристики';
	line-height: 36px;
	font-style: normal;
	color: var(--c-main);
	font-size: 14px;
	display: none;
}
.products-list a:hover div{
	background-color: var(--c-main);
	transition:background-color .3s
}
.products-list a:hover i{
	width: auto;
	padding: 0 16px 0 30px;
}
.products-list a:hover i::after{
	display: block;
}

.go-contact{
	border: 2px solid var(--c-main);
	padding: var(--d-small);
	text-align: center;
	display: block;
	border-radius: 10px;
	color: var(--c-main);
	transition:.3s;
}
.go-contact:hover{
	background-color: var(--c-main);
	color: var(--c-light);
	text-decoration: none;
	transition:.3s;
}

.advantages{
	line-height: 1.3;
}
.advantages i{
	display: flex; align-items: center;
	height: 100px;
}

.factory{
	display: flex; align-items: center;justify-content: center;
	gap: var(--d-base);
}

.factory .pic{
	background: url(/f/new-kale-facility.jpg) no-repeat 50%;
	flex-shrink: 0;
	width: 376px;
	height: 250px;
	padding: var(--d-small);
	box-sizing: border-box;
	border-radius: 5px;
}
.factory .pic h3{
	color: var(--c-light);
}
.factory .txt{
	font-weight: 400;
}

.c5{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--d-base);
}
.sert{
	margin-top: var(--d-base);
	margin-bottom: var(--d-base);
}
.sert img{
	display: block;
	border: 1px solid var(--c-gray);
}
.sert p{
	font-size: 14px;
	line-height: 1.2;
	margin-top: var(--d-xsmall);
	text-decoration: none;
	color: var(--c-dark);
}
.sert a:hover p{
	color: var(--c-main);
	text-decoration: none;
}

.light{
	background-color: var(--c-gray-light);
	padding-top: var(--d-base);
	padding-bottom: var(--d-base);
}
.light p{
	margin: var(--d-base) 0;
}

.contact h2+h3{
	margin: var(--d-base) 0;
}
.contact h4{
	color: var(--c-gray);
	font-size: 14px;
	margin: var(--d-base) 0 var(--d-xxsmall) 0;
}
.contact p{
	margin: var(--d-xxsmall) 0 var(--d-xxsmall) 0;
}
.contact a{
	color: var(--c-main);
	text-decoration: underline;
}
.sm{
	margin-top: var(--d-base);
}
.fields{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-xsmall);
}
.field{
	border: 1px solid var(--c-gray);
	padding: var(--d-xxsmall);
	border-radius: 5px;
	position: relative;
}
.alert{
	position: absolute;
	top: var(--d-xxsmall);
	right: var(--d-xxsmall);
	color: var(--c-warning);
	font-size: 12px;
}
.bad{
	border-color: var(--c-warning);
}
.name{
	display: none;
}
.f1{
	 grid-column: 1 / span 2;
}
.fields label{
	display: block;
}
.fields label[for],.fields p{
	font-size: 13px;
	font-weight: 600;
}
.fields .in,.uk-select:not([multiple]):not([size]){
	width: 100%;
	border: none;
	outline: none !important;
	height: 20px;
	padding: 0;
}
.fields textarea.in{
	height: 90px;
}

.agree{
	font-size: 12px;
	line-height: 1.2;
	margin: var(--d-xxsmall) 0;
	color: var(--c-gray);
}

footer.wm{
	padding-top:var(--d-base);
	padding-bottom:var(--d-base);
	color: var(--c-gray);
}

@media screen and (max-width: 960px) {
	:root {
		--d-base: 28px;
		--d-small: 14px;
		--d-xsmall: 12px;
		--d-xxsmall: 8px;
	}
	h1{
		font-size: 48px;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 18px;
	}
}


@media screen and (max-width:860px){
	.c2{
		grid-template-columns: repeat(1, 1fr);
	}
	.c3{
		grid-template-columns: repeat(2, 1fr);
	}
	.c4{
		grid-template-columns: repeat(2, 1fr);
	}
	.c5{
		grid-template-columns: repeat(2, 1fr);
	}
	.factory{
		flex-direction: column;
	}
	.factory .pic{
		width: 100%;
		height: 300px;
		margin: var(--d-small);
		background-size: cover;
	}

}


@media screen and (max-width:740px){
	.sotial{
		display: none;
	}
	.qcontacts{
		gap:0;
	}
}

@media screen and (max-width:640px){
	h1{
		font-size: 36px;
	}
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 16px;
	}
	.first-cnt ul {
		font-size: 16px;
	}
	.logo p{
		display: none;
	}
	.c3{
		grid-template-columns: repeat(1, 1fr);
	}
	.c4{
		grid-template-columns: repeat(1, 1fr);
	}
	.c5{
		grid-template-columns: repeat(1, 1fr);
	}
}