@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
--color-primary:#0351c1;
--color-secondary: #ff7a2f;
--color-white: #fff;
--color-gray-dark: #111827;
--color-gray-medium: #6b727f;
--color-gray-medium-light: #9ca3af;
--color-gray-light: #e5e7eb;
--drop-shadow-base: 10px 0px 5px rgba(17, 24, 39, 0.25);
--dim-xs: 8px;
--dim-s: 16px;
--dim-m: 32px;
--dim-l: 64px;
}

html {font-family: 'Inter', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 15px;color: var(--color-gray-dark)}
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;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
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;}

.cnv{
	max-width: 1216px;
	margin: 0 auto;
	padding-left: var(--dim-m);
	padding-right: var(--dim-m);
}

.bt{
	background-color: var(--color-secondary);
	color: var(--color-white);
	border: none;
	padding: var(--dim-s);
	font-size: 18px;
	border-radius: var(--dim-xs);
	transition: .3s;
}
.bt:hover{
	background-color: var(--color-primary);
	transition: .3s;
}

header{
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo{
	width: 90px;
	height: 60px;
	background: url(/f/logo.png) no-repeat 50%;
	background-size: 90px 60px;
	margin-right: var(--dim-m);
	flex-shrink: 0;
}

.ilogo{
	display: none;
}

nav {
	display: flex;
	align-items: center;
}
nav li{
	margin-right: var(--dim-m);
	position: relative;
}
nav a{
	display: block;
	color: var(--color-gray-dark);
	transition:color .3s;
}
nav ul{
	position: absolute;
	left: -20px;
	right: -20px;
	padding: 20px 0;
	background-color: var(--color-white);
	z-index: 10;
	display: none;
}
nav ul a{
	padding:5px 20px;
}

.submenu{
	background: no-repeat 100% 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"><path fill="%23FF7A2F" fill-rule="evenodd" d="M.3.3a1 1 0 011.4 0L5 3.6 8.3.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4A1 1 0 01.3.3z" clip-rule="evenodd"/></svg>');background-size: 12px 6px;
	padding-right: 20px;
}
nav a:hover{
	color: var(--color-secondary);
	transition:color .3s;
}
nav li:hover ul{
	display: block;
}

.open-form{
	padding-left: 36px;
	color: var(--color-secondary);
	border: none;
	background: no-repeat 0 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><path fill="%230351C1" d="M2 1a1 1 0 00-.2 0 1 1 0 00-.5 1.7l22 22a1 1 0 101.4-1.4l-4.5-4.5c3.4-2.1 5.5-5 5.6-5.2.3-.4.3-.8 0-1.2C25.6 12.1 20.3 5 13 5c-2 0-3.7.5-5.3 1.3l-5-5A1 1 0 002 1zm11 6c5.2 0 9.4 4.4 10.7 6-.8 1-2.6 2.9-5 4.3l-1.2-1.2a5 5 0 00-1-5.7 5 5 0 00-5.7-1L9.2 7.8c1.2-.5 2.4-.8 3.8-.8zM5 8h-.3a.7.7 0 00-.5.5c-2.4 1.8-4 3.8-4 4-.3.2-.3.7 0 1C.4 14 5.6 21 13 21c1.5 0 2.9-.3 4.2-.8L16 19 6.2 9.2l-1-1a.7.7 0 00-.1 0l-.3-.4zm.2 2.2l8.7 8.7-.9.1h-1L4 11l1.2-1zm-2 1.9l6 6.2c-3.3-1.4-6-4.1-6.9-5.3l.8-1z"/></svg>');background-size: 26px 26px;
	transition:color .3s;
}
.open-form:hover{
	color: var(--color-primary);
	transition:color .3s;
}

.open-menu {
	width: 38px;
	height: 38px;
	background-color: var(--color-secondary);
	padding: 0;
	margin: 0;
	border: none;
	border-radius: var(--dim-xs);
	display: none;
}

.open-menu b {
	display: block;
	margin: 5px auto;
	height: 2px;
	width: 22px;
	background-color: #fff;
}

.subheader{
	position: relative;
	min-height: 472px;
}

.slideshow{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.uk-slideshow-items{
	min-height:100% !important;
}
.subheader .cnv{
	position: relative;
	z-index: 1;
	padding-top: var(--dim-l);
	padding-bottom: var(--dim-l);
}
/* .subheader .cnv:after{
	position: absolute;
	top: calc( 50% - 100px );
	right: var(--dim-m);
	content: '';
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: var(--color-white) url(/f/logo.png) no-repeat 50%;
	background-size: 150px 100px;
} */
.subheader h6{
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
	color: var(--color-white);
	margin-right: 250px;
}
.subheader p{
	font-size: 21px;
	line-height: 1.5;
	color: var(--color-white);
	margin: var(--dim-m) 250px var(--dim-m) 0;
}
.subheader li{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% !important;
}

.subheader-p{
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% !important;
}
.subheader-p .cnv:after{
	display: none;
}
.subheader-p .bt{
	margin-top: var(--dim-l);
}
.subheader-p h6{
	margin-right: 33%;
}
.subheader p{
	margin-right: 33%;
}

.cat-box{
	margin-top: var(--dim-l);
	margin-bottom: var(--dim-l);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--dim-m);
}
.cat-box a{
	height: calc( 256px - var(--dim-m)*2 );
	padding: var(--dim-m);
	border: 1px solid var(--color-gray-light);
	border-radius: var(--dim-xs);
	background-position: bottom var(--dim-m) right var(--dim-m);
	background-size: auto 64px;
	background-repeat: no-repeat;
	transition: .3s;
}
.cat-box p{
	color: var(--color-gray-medium-light);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	margin-bottom: 6px;
}
.cat-box h6{
	font-size: 24px;
	font-weight: 700;
}
.cat-box a:hover{
	text-decoration: none;
	background-color: var(--color-gray-medium-light);
	background-position: bottom var(--dim-m) right var(--dim-l);
	transition: .3s;
}
.cat-box a:hover *{
	color: var(--color-white);
	transition: .3s;
}

.pref-cnv{
	background-color: var(--color-gray-light);
	padding: var(--dim-l) 0;
	text-align: center;
}
.pref-cnv h6{
	font-size: 15px;
	color: var(--color-secondary);
	letter-spacing: 2px;
	margin-bottom: var(--dim-xs);
}
.pref-cnv h2{
	font-size: 36px;
	font-weight: 700;
	width: 60%;
	margin: 0 auto;
	line-height: 1;
}

.pref-list{
	padding: var(--dim-l) 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--dim-l);
}

.pref-list li{
	padding:0 var(--dim-m);
}
.pref-list h4{
	font-size: 21px;
	font-weight: 600;
	margin: var(--dim-m) 0 var(--dim-s) 0;
}
.pref-list p{
	font-size: 15px;
	line-height: 1.4;
	color: var(--color-gray-medium);
}
.pref-list i{
	display: block;
	width: 96px;
	height: 96px;
	box-shadow: 0px 5px 10px -5px rgba(17, 24, 39, 0.25);
	border-radius: 15px;
	background-size: auto 48px, 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: auto;
}

.main{
	padding-top: var(--dim-l);
	padding-bottom: var(--dim-l);
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--dim-m);
}

.alb{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--dim-m);
}
.alb a{
	border-radius: var(--dim-xs);
	overflow: hidden;
}

main :first-child,aside :first-child{margin-top: 0;}
main :last-child,aside :last-child{margin-bottom: 0;}

main h2{font-size: 36px;line-height: 1.1;margin: var(--dim-l) 0;font-weight: 700;color: #000;}
main h3{font-size: 21px;margin: var(--dim-m) 0;font-weight: 600;color: #000;}
main h4{font-size: 18px;margin: var(--dim-m) 0;font-weight: 600;color: #000;}
main p{font-size: 15px;line-height: 1.5;margin: var(--dim-m) 0;color:var(--color-gray-medium);}
main ul,main ol{margin: var(--dim-m) 0;color:var(--color-gray-medium);}
main ul li{margin-left: 25px; list-style: disc;}
main ol li{margin-left: 25px; list-style: decimal;}

main table{margin: var(--dim-m) 0;line-height:21px;}
main a{color: var(--color-primary);}
main a:hover{color:  var(--color-secondary);}
main em{font-style: italic;}

.t1{width: 100%;}
.t1 p{margin: 0;}
.t1 td{padding: 10px;border-bottom: 1px solid var(--color-gray-medium);}
.t1 th{padding: 10px;font-weight: bold;background-color: var(--color-gray-light);color: #000;text-align: left;}

.accent{
	background-color: var(--color-gray-light);
	padding: var(--dim-m);
	border-radius: var(--dim-xs);
}
.accent p{
	margin: var(--dim-xs) 0;
}

aside h3{
	font-size: 15px;
	line-height: 1.5;
	margin: var(--dim-m) 0;
	color:var(--color-secondary);
	border-top: 1px solid var(--color-gray-light);
	padding-top: var(--dim-m);
}
aside h3:first-child{
	border-top: none;
	padding-top: 0;
}
aside p{
	font-size: 15px;
	line-height: 1.5;
	margin: var(--dim-m) 0;
	color:var(--color-gray-medium);
}
.rem{
	color: var(--color-gray-medium-light);
}

.modal h2{font-size: 24px;color: var(--c2);}
.sm .field {position: relative;margin-top: 30px;}
.sm textarea.in {height: 90px;}
.sm .in {font-size: 16px;display: block;width: 100%;height: 40px;background-color: #fff;border: 1px solid #dadadc; border-radius: 3px;line-height: 40px;padding-left: 9px;box-sizing: border-box;}
.sm .name {display: none;}
.sm .in:focus {outline: none;}
.sm label {top: 9px; left: 9px;color: #a0a1a3;font-size: 16px;position: absolute;pointer-events: none;transition: .1s ease all;}

.sm .uk-grid .field:nth-child(2n-1) {padding-right: calc( var(--p1) / 2 );}

.sm p{margin: var(--dim-s) 0  var(--dim-m) 0; color: var(--color-gray-medium);font-size: 12px;}

.sm .in:focus ~ label, .sm .in:not(:placeholder-shown) ~ label {top: -16px; left: 0;font-size: 11px;color: #a0a1a3;}
.sm .bad .in {color: #e5063e !important;border-bottom: 1px solid #e5063e;}
.sm .alert {font-size: 11px;color: #e5063e;}
.sm :required + label:after {content: "*";color: #e5063e;}

.subcat{
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: var(--dim-m);
}
.subcat main h2{
	margin-bottom: var(--dim-s);
}

footer{
	padding: var(--dim-l) 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--dim-l);
	border-top: 1px solid var(--color-gray-medium-light);
}

.vk{
	display: block;
	width: 177px;
	height: 31px;
	border: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 177 31"><g clip-path="url(%23clip0)"><path fill="%232787F5" d="M0 14.9c0-7 0-10.5 2.2-12.7C4.4 0 7.9 0 14.9 0H16c7 0 10.6 0 12.7 2.2C31 4.4 31 7.9 31 14.9V16c0 7 0 10.5-2.2 12.7C26.7 31 23.2 31 16.1 31H15c-7 0-10.5 0-12.7-2.2C0 26.6 0 23.1 0 16.1V15z"/><path fill="%23ffffff" fill-rule="evenodd" d="M8.4 9.7H6.1c-.6 0-.7.3-.7.6 0 .6.7 3.6 3.5 7.5 1.9 2.7 4.5 4.2 7 4.2 1.4 0 1.5-.4 1.5-1v-2c0-.6.2-.7.6-.7.4 0 1 .1 2.3 1.4 1.5 1.6 1.8 2.3 2.6 2.3h2.3c.6 0 1-.4.8-1-.2-.6-1-1.6-2-2.7l-1.5-1.6c-.3-.4-.2-.6 0-1 0 0 2.8-3.9 3-5.2.2-.5 0-.8-.6-.8h-2.3a1 1 0 00-1 .6S20.5 13.1 19 15c-.6.6-.8.7-1.1.7-.1 0-.4-.1-.4-.6v-4.5c0-.6-.1-.8-.6-.8h-3.6c-.3 0-.5.3-.5.5 0 .6.8.7.9 2.2v3.3c0 .8-.2.9-.5.9-.7 0-2.6-2.8-3.7-6-.2-.7-.4-1-1-1z" clip-rule="evenodd"/><path fill="%23000000" d="M52.9 15.2c1.2-.5 2-1.5 2-3 0-2.2-2-3.8-5-3.8h-6.8v14.2h7.1c3 0 5.2-1.7 5.2-4 0-1.7-1.1-3-2.5-3.4zM46.3 11h3.6c1.1 0 1.9.6 1.9 1.6 0 .9-.8 1.5-1.9 1.5h-3.6V11zm4 9h-4v-3.5h4c1.2 0 2 .7 2 1.8 0 1-.8 1.7-2 1.7zM67.1 22.6h4.1l-6.5-7.4 6-6.8h-3.8l-4.7 5.5h-.8V8.4h-3.1v14.2h3.1v-5.7h.8l4.9 5.7zM79.2 22.9c4.5 0 7.6-3 7.6-7.4 0-4.3-3.1-7.4-7.6-7.4-4.4 0-7.5 3-7.5 7.4 0 4.3 3 7.4 7.5 7.4zm0-2.9c-2.5 0-4.3-1.8-4.3-4.5s1.8-4.5 4.3-4.5c2.6 0 4.4 1.8 4.4 4.5S81.8 20 79.2 20zM99 8.4V14h-6.3V8.4h-3.1v14.2h3.1v-5.7h6.4v5.7h3.1V8.4h-3.1zM109.3 22.6h3.2V11.3h4.9V8.4h-13v2.9h5v11.3zM124.8 8.1c-2.7 0-5.2 1.4-5.9 3.9l3 .5c.4-.9 1.3-1.7 2.8-1.7 1.7 0 2.7 1.2 2.8 3h-3c-4.2 0-6.3 2-6.3 4.5 0 2.7 2 4.6 5 4.6 2.3 0 3.8-1.4 4.5-2.5l.7 2.2h2.3v-8c0-4.1-2.2-6.5-5.9-6.5zm-.9 12.1c-1.5 0-2.5-.8-2.5-2 0-1 .8-1.9 3.2-1.9h3c0 2.4-1.5 4-3.7 4zM143 22.6h4l-6.5-7.4 6-6.8h-3.7l-4.8 5.5h-.7V8.4H134v14.2h3.2v-5.7h.7l5 5.7zM152.4 22.6h3.1V11.3h5V8.4h-13v2.9h4.9v11.3zM176 15.3a7 7 0 00-7.3-7.2c-4.4 0-7.4 3.1-7.4 7.4 0 4.3 3 7.4 7.4 7.4 3 0 5.7-1.4 6.8-4.1l-3-.5c-.7 1-2 1.7-3.6 1.7-2.4 0-4-1.5-4.3-3.7H176v-1zm-7.3-4.4a4 4 0 014 3h-8a4 4 0 014-3z"/></g><defs><clipPath id="clip0"><path fill="%23ffffff" d="M0 0h177v31H0z"/></clipPath></defs></svg>');background-size: 177px 31px;
}

.vk:hover{
	border: none;
}

footer>div:first-child{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
footer p{
	font-size: 15px;
	line-height: 1.4;
	color: var(--color-gray-medium-light);
}
footer h6{
font-weight: 600;
font-size: 18px;
line-height: 1;
color:var(--color-gray-dark);
margin-bottom: var(--dim-s);
}
footer li{
	color: var(--color-gray-medium-light);
}
footer li+li{
	margin-top: var(--dim-xs);
}
footer a{
	color: var(--color-gray-medium-light);
	border-bottom: 1px solid var(--color-gray-medium-light);
	transition: .3s;
}
footer a:hover{
	color: var(--color-secondary);
	border-bottom: 1px solid var(--color-secondary);
	text-decoration: none;
	transition: .3s;
}

.uk-offcanvas-bar {
	padding-top: 50px;
}

.docs{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--dim-m);
}

.docs img{
	border: 2px solid #ccc;
	width: 100px;
}


.docs>div>a,.docs>div{
	display: flex;
	gap: var(--dim-s);
}

@media screen and (max-width: 1200px) {
	.open-form{
		display: none;
	}
	.subheader h6 {
		font-size: 42px;
	}
	.subheader p {
		font-size: 18px;
	}
	footer{
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas: 
		"a b d"
		"a c d";
	}
	footer>div:nth-child(1){
		grid-area: a;
	}
	footer>div:nth-child(2){
		grid-area: b;
	}
	footer>div:nth-child(3){
		grid-area: d;
	}
	footer>div:nth-child(4){
		grid-area: c;
		align-self: end;
	}
}


@media screen and (max-width: 960px) {
	:root {
		--dim-xs: 4px;
		--dim-s: 8px;
		--dim-m: 16px;
		--dim-l: 32px;
	}

	.ilogo{
		display: block;
	}

	.open-menu{
		display: block;
	}

	header nav{
		display: none;
	}
	.subheader .cnv:after{
		display: none;
	}
	.subheader {
		min-height: auto;
	}
	.subheader .cnv{
		text-align: center;
	}
	.subheader h6,.subheader p{
		margin-right: 0;
	}
	.subheader h6,.pref-cnv h2 {
		font-size: 28px;
	}
	.cat-box a {
		height: calc( 200px - var(--dim-m)*2 );
	}
	.main {
		grid-template-columns: 1fr;
	}
	main h2 {
		font-size: 24px;
	}
}


@media screen and (max-width:768px){
	.cat-box {
		grid-template-columns: repeat(2, 1fr);
	}
	.pref-list {
		grid-template-columns: repeat(1, 1fr);
	}
	footer{
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: 
		"a b";
	}
	footer>div:nth-child(1){
		grid-area: a;
	}
	footer>div:nth-child(2){
		display: none;
	}
	footer>div:nth-child(3){
		display: none;
	}
	footer>div:nth-child(4){
		grid-area: b;
		align-self: end;
	}
}


@media screen and (max-width:480px){
	.cat-box {
		grid-template-columns: repeat(1, 1fr);
	}

	footer{
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: 
		"a"
		"b";
	}
	footer>div{
		text-align: center;
	}
	.vk {
		margin: 0 auto var(--dim-m) auto;
	}

	.subheader h6,.pref-cnv h2 {
		font-size: 24px;
		width: 100%;
	}
	.subheader p {
		font-size: 14px;
	}
}