:root {
	--c-dark: #1F1F1F;
	--c-dark-light: #333;
	--c-gray-dark: #4D4D4D;
	--c-gray-light: #666;
	--c-light: #fff;
	--c-light-50: rgba(255, 255, 255, .5);
	--c-light-30: rgba(255, 255, 255, .3);
	--c-light-10: rgba(255, 255, 255, .1);
	--c-grad: background: linear-gradient(180deg, #333 0%, rgba(51, 51, 51, .5) 100%);

	--d-base-s: 24px;
	--d-base: 36px;

	--r-base:20px;
	--r-base-s:10px;

	--fz-h1:72px;
	--fz-h2:48px;
	--fz-h3:36px;
	--fz-h4:28px;
	--fz-h5:24px;
	--fz-p:21px;
	--fz-p-s:17px;
}


html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: var(--c-dark);font-family: 'Exo 2', sans-serif;}
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: 'Exo 2', sans-serif;color: var(--c-light);}
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;color: var(--c-light-50);}
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;}

body{
	display: flex; flex-direction: column;gap: var(--d-base-s);
	padding: var(--d-base-s);
	line-height: 1;
	font-size: 21px;
}

h1{
	font-size: var(--fz-h1);
	line-height: 1;
}
h2{
	font-size: var(--fz-h2);
}
h3{
	font-size: var(--fz-h3);
}
h4{
	font-size: var(--fz-h4);
	color: var(--c-light-50);
}
h5{
	font-size: var(--fz-h5);
}

.prev,.next,.bt::after,.bts::after{
	width: 7px;
	height: 13px;
	background: no-repeat 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" fill="none"><path fill="%23fff" fill-rule="evenodd" d="M.1.1c.2-.1.6-.1.8 0l6 6c.1.2.1.6 0 .8l-6 6A.5.5 0 0 1 0 12l5.7-5.6L0 .9a.5.5 0 0 1 0-.8Z" clip-rule="evenodd"/></svg>');background-size: 7px 13px;
}

.bt{
	font-size: var(--fz-p-s);
	color: var(--c-light);
	display: inline-block;
	padding: var(--d-base-s);
	border: 1px solid var(--c-light-50);
	border-radius: var(--r-base-s);
	transition:background-color .3s;
}
.bt::after,.bts::after{
	content: '';
	display: inline-block;
	margin-left: var(--d-base-s);
}
.bt:hover{
	color: var(--c-light);
	text-decoration: none;
	background-color: var(--c-light-10);
	transition:background-color .3s;
}
.bts:hover{
	color: var(--c-light);
	text-decoration: underline;
	transition:background-color .3s;
}
.c1{
	display: flex; flex-direction: column; align-items:flex-start;justify-content: space-between;
	gap: var(--d-base);
	padding: var(--d-base);
	background-size: cover;
	aspect-ratio: 3.5 / 1;
}

.c1.auto{
	display: flex; flex-direction: column; align-items:flex-start;justify-content: space-between;
	gap: var(--d-base);
	padding: var(--d-base);
	background-size: cover;
	aspect-ratio: inherit;
}
.c1 .bt{
	margin-top: auto;
}
.c2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base-s);
}
.c2-1{
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--d-base-s);
}
.c3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--d-base-s);
}
.c1,.c2>div,.c2-1>div,.c3>div{
	border-radius: var(--r-base);
	overflow: hidden;
}

.index-header-box{
	display: grid;
	grid-template-columns: 1fr 122px;
	gap: var(--d-base-s);
}
.index-slider{
	position: relative;
}
.uk-slideshow-items{
	overflow: hidden;
	border-radius: var(--r-base);
}

header{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: flex; align-items: center;justify-content: space-between;
}
.index-header-box header{
	flex-direction: column-reverse;
}
.open-menu{
	height: 50px;
	width: 50px;
	border: none;
	border-top: 1px solid var(--c-light);
	border-bottom: 1px solid var(--c-light);
	background-color: transparent;
	padding: 0;
}
.open-menu::before{
	content: '';
	display: block;
	height: 1px;
	width: 50px;
	background-color: var(--c-light);
}

.logo{
	width: 218px;
	height: 47px;
	background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="138" height="30" fill="none"><path fill="%23fff" d="M4.4 4.4a15 15 0 0 0 0 21.2 15 15 0 0 0 21.1 0 15 15 0 0 0 0-21.2 15 15 0 0 0-21.1 0Zm20 20.1a13.4 13.4 0 0 1-19 0 13.6 13.6 0 0 1 0-19 13.4 13.4 0 0 1 19 0 13.6 13.6 0 0 1 0 19Zm-2-17a.7.7 0 0 0-1.1 0L7.5 21.5c-.2.3-.2.7 0 1 .3.3.8.3 1.1 0L22.3 8.6c.3-.3.3-.7 0-1Zm-12.2 9 6.3-6.3c.3-.3.3-.7 0-1a.7.7 0 0 0-1 0L9 15.5c-.3.3-.3.8 0 1 .3.4.8.4 1 0Zm10.5-3a.7.7 0 0 0-1 0l-6.3 6.3c-.3.3-.3.7 0 1 .2.3.7.3 1 0l6.3-6.3c.3-.3.3-.8 0-1Zm29 3.3v-.2c1-.2 1.8-.4 2.6-1a5.8 5.8 0 0 0 2.7-5.1V10c0-3.5-2.6-6.3-6.6-6.3H37.7c-.2 0-.4.2-.4.4v21.8c0 .2.2.3.4.3h1c.1 0 .2 0 .2-.3v-7.6c0-.9.7-1.5 1.5-1.5h6c1 0 1.8.4 2.4 1.2l5.5 8 .5.2h1.1c.2 0 .3-.1.2-.3l-6.4-9.1Zm-1.3-1.3h-8c-.8 0-1.5-.7-1.5-1.5V6.5c0-.8.7-1.5 1.5-1.5h8c3 0 5 2.3 5 5v.5a5 5 0 0 1-5 5Zm19.3-6.1h-3.5c-3.4 0-5.5 2-5.5 5.1v7.2c0 3.1 2.1 5.2 5.5 5.2a47 47 0 0 0 8.3-2v-.9c0-.2-.1-.3-.3-.3l-2.8 1c-1.7.4-3.6 1-5.2 1a3.7 3.7 0 0 1-3.9-4v-1.5c0-.8.7-1.5 1.5-1.5h11c.2 0 .3-.1.3-.3v-3.9c0-3-2-5.1-5.4-5.1Zm3.8 6.5c0 .8-.6 1.5-1.5 1.5h-8.2c-.8 0-1.5-.7-1.5-1.5v-1.4c0-2.1 1.7-3.8 3.9-3.8h3.5c2.1 0 3.8 1.7 3.8 3.8V16Zm21.7 9.4h-.6l-1.1.1c-1.8 0-3-1-3-3.2V5c0-.2 0-.4-.2-.5A71.6 71.6 0 0 0 81.6 3c-3 0-4.7 1.7-4.7 4.7v18.1c0 .2.2.3.4.3h1c.1 0 .2 0 .2-.3V12.6c0-.8.7-1.5 1.5-1.5h2.5c.2 0 .4-.1.4-.3v-.6c0-.2-.2-.3-.4-.3H80c-.8 0-1.5-.7-1.5-1.5v-.6c0-2.1 1.3-3.4 3-3.4a58.6 58.6 0 0 1 4.3.7c.7.1 1.2.7 1.2 1.4v15.7c0 3 1.6 4.5 4.5 4.5h1.1l.6-.1c.3 0 .3-.2.3-.4v-.6c0-.2 0-.3-.3-.3Zm11-16h-3.5c-3.4 0-5.5 2.1-5.5 5.2v7.2c0 3.1 2.1 5.2 5.5 5.2a46.3 46.3 0 0 0 8.3-2v-.9c0-.2 0-.3-.3-.3l-2.8 1c-1.6.4-3.6 1-5.2 1a3.7 3.7 0 0 1-3.9-4v-1.5c0-.8.7-1.5 1.5-1.5h11c.2 0 .3-.1.3-.3v-3.9c0-3-2-5.1-5.4-5.1ZM108 16c0 .8-.6 1.5-1.5 1.5h-8.2c-.8 0-1.5-.7-1.5-1.5v-1.4c0-2.1 1.8-3.8 3.9-3.8h3.5c2.1 0 3.8 1.7 3.8 3.8V16Zm29.7 9-1.2.3-2.2.2c-1.8 0-3-1.2-3-3.3v-9.5c0-.8.6-1.5 1.5-1.5h4s.2-.1.2-.3v-.6c0-.2-.1-.3-.3-.3h-4c-.8 0-1.4-.7-1.4-1.5v-2c0-.3-.2-.4-.3-.4h-.8c-.3 0-.4.1-.4.3v2.1c0 .8-.8 1.5-1.6 1.5h-10.1c-3.4 0-5.5 2-5.5 5.1v6.7c0 3.1 2.1 5.2 5.5 5.2a46.3 46.3 0 0 0 8.3-2v-.9c0-.2-.1-.3-.3-.3l-2.8 1c-1.6.4-3.6 1-5.2 1a3.7 3.7 0 0 1-3.9-4V15c0-2.3 1.6-3.9 3.9-3.9h10.1c.8 0 1.5.7 1.5 1.5v9.5c0 2.9 1.7 4.6 4.6 4.6.8 0 1.6 0 2.2-.2l1.2-.3c.2 0 .3-.1.3-.3v-.6c0-.2-.1-.3-.3-.3Z"/></svg>');background-size: 218px 47px;
}
.index-header-box .logo{
	transform: rotate(-90deg);
	transform-origin: 65px -20px;
}

.index-slider .uk-slideshow-items li{
	background-size: cover;
	background-position: 50%;
	padding: calc(var(--d-base)*4) var(--d-base) var(--d-base) var(--d-base);
}
.index-slider .uk-slideshow-items div{
	height: 100%;
	display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
}
.index-slider h2{
	margin-top: auto;
	margin-bottom: var(--d-base);
	width: 50%;
}

.logo-nav{
	position: absolute;
	top:var(--d-base);
	left:var(--d-base);
	background-color: var(--c-light-10);
	padding: var(--d-base-s);
	border-radius: var(--r-base-s);
	display: flex;
	gap: var(--d-base-s);
}
.logo-nav li{
	opacity: .3;
	transition:opacity 1s;
}
.logo-nav .uk-active{
	opacity: 1;
	transition:opacity 1s;
}

.prev,.next{
	position: absolute;
	right: var(--d-base);
	bottom: var(--d-base);
	width: 13px;
	padding: var(--d-base-s);
	border: 1px solid var(--c-light-50);
	border-radius: 50%;
	transition:background-color .3s;
}
.prev{
	right: 130px;
	transform: rotate(180deg);
}
.prev:hover,.next:hover{
	background-color: var(--c-light-10);
	transition:background-color .3s;
}

.brans-txt{
	padding: var(--d-base);
	background-color: var(--c-dark-light);
	display: flex;flex-direction: column;align-items: flex-start; justify-content: space-between;
}
.brans-txt p.mta{
	margin-top: auto;
	font-size: var(--fz-h4);
	line-height: 1.5;
	margin-bottom: var(--d-base);
}

.brans-img img{
	min-width: 100%;
}

.sm-slider .uk-slideshow-items{
	aspect-ratio: 1 / 1;
}
.sm-slider .uk-slideshow-items li{
	background-position: 50%;
	background-size: cover;
	padding: var(--d-base);
}
.sm-slider>div{
	position: relative;
}
.sm-slider p{
	font-size: var(--fz-p-s);
	position: absolute;
	left: var(--d-base);
	top: var(--d-base);
	z-index: 2;
	color: var(--c-light-50);
}
.sm-slider h4{
	color: var(--c-light);
	margin-top: var(--d-base);
}
.sm-slider .bts{
	position: absolute;
	left: var(--d-base);
	bottom: var(--d-base);
}
.sm-slider .dotnav{
	position: absolute;
	right: var(--d-base);
	bottom: var(--d-base);
	z-index: 2;
}
.uk-dotnav>*>* {
width: 14px;
height: 14px;
border: none;
}
.uk-dotnav>li>* {
	background-color: var(--c-light-50);
}
.uk-dotnav>.uk-active>* {
	background-color: var(--c-light);
}

footer{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: flex; align-items: center;justify-content: space-between;
}
footer .logo{
	width: 138px;
	height: 30px;
	background-size: 138px 30px;
}

.product-nav{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--d-base-s);
}
.product-nav a{
	display: block;
	background-color: var(--c-dark-light);
	padding: var(--d-base-s);
	border-radius: var(--r-base);
	text-align: center;
	transition: background-color .3s;
}
.product-nav a.current{
	background-color: var(--c-light);
}
.product-nav a.current img{
	filter: invert(100%);
}
.product-nav a:hover{
	background-color: var(--c-light-50);
	transition: background-color .3s;
}
.product-header-box>div:first-child{
	padding: var(--d-base);
	background-size: cover,cover;
}
.product-header-box img{
	min-width: 100%;
}

.product-rewiew-txt{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: flex; flex-direction: column; align-items: flex-start;justify-content: space-between;
	gap: var(--d-base-s);
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}
.product-rewiew-img img{
	min-width: 100%;
}
.product-rewiew-txt p{
	line-height: 1.4;
}
.product-rewiew-txt .ahtung{
	text-align: left;
}
.wt::after{
	display: none;
}
.wt::before{
	content: '';
	height: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><path fill="%23fff" d="M15.3 2.6a9 9 0 0 0-14 10.8L0 18l4.7-1.2c1.3.7 2.8 1 4.3 1 5 0 9-4 9-8.9a9 9 0 0 0-2.7-6.3ZM9 16.3c-1.3 0-2.6-.3-3.8-1l-.3-.2-2.8.8L3 13l-.2-.2a7.4 7.4 0 0 1 11.5-9.2 7.4 7.4 0 0 1 2.3 5.2c0 4.1-3.4 7.4-7.5 7.4Zm4-5.5-1.5-.7H11l-.7 1h-.5a6 6 0 0 1-3-2.6c-.2-.4.2-.4.7-1.3V7l-.7-1.7c-.2-.4-.4-.4-.5-.4h-.5c-.1 0-.4 0-.6.3-.2.2-.7.7-.7 1.8s.8 2.2.9 2.3c0 .2 1.5 2.4 3.8 3.4 1.4.6 2 .7 2.7.6.4 0 1.3-.6 1.5-1V11l-.3-.3Z"/></svg>');background-size: 18px 18px;
}

.app-box{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--d-base);
	text-align: left;
}

.app-level{
	display: flex;
	gap: 4px;
}
.app-level b{
	height: 14px;
	width: 7px;
	background-color: var(--c-light-50);
	border-radius: 2px;
}

.app-level1 b:nth-child(-n+1){background-color: var(--c-light);}
.app-level2 b:nth-child(-n+2){background-color: var(--c-light);}
.app-level3 b:nth-child(-n+3){background-color: var(--c-light);}
.app-level4 b:nth-child(-n+4){background-color: var(--c-light);}
.app-level5 b:nth-child(-n+5){background-color: var(--c-light);}

.product-rewiew-txt .app-box p{
	font-size: 16px;
	line-height: 1.2;
	margin-top: 9px;
}

.product-rewiew .uk-slideshow-items {
	height: 100% !important;
}

.time-line-box{
	border: 2px solid var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
}
.time-line-box h2{
	line-height: 1;
}
.time-line-box>p{
	margin: var(--d-base-s) 0;
}

.time-line>div{
	background-color: var(--c-dark-light);
	padding: var(--d-base);
	border-radius: var(--r-base-s);
	display: flex; flex-direction: column;justify-content: space-between;
	gap: var(--d-base-s);
}
.time-line>div:nth-child(1){
	background-color: var(--c-gray-light);
}
.time-line>div:nth-child(2){
	background-color: var(--c-gray-dark);
}

.time-line h3 {
	line-height: 1;
}

.composit{
	border: 2px solid var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base);
}

.composit-txt{
	display: flex; flex-direction: column; align-items: flex-start;justify-content: space-between;
}
.composit-txt dt{
	margin-top: var(--d-base-s);
	margin-bottom: calc(var(--d-base-s)/2);
	font-weight: 600;
}
.composit-img{
	border-radius: var(--r-base-s);
	overflow: hidden;
}
.composit-img img{
	min-width: 100%;
}

.adv-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base-s);
}
.adv-list-3{
	grid-template-columns: repeat(3, 1fr);
}
.adv-list li{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: flex; flex-direction: column; align-items: flex-start;justify-content: space-between;
	gap: var(--d-base-s);
	font-size: var(--fz-h5);
	line-height: 1.5;
}

.forp{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
}
.forp .c1{
	border-radius: var(--r-base) var(--r-base) 0 0;
	
}

.forp-list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	gap: var(--d-base-s);
	padding: var(--d-base) var(--d-base) var(--d-base-s) var(--d-base);
}

.forp-list li {
	flex-grow: 1;
	justify-content: space-between;
	width: 48%;
	box-sizing: border-box;

	counter-increment: step-counter;
	background-color: var(--c-light-10);
	padding: var(--d-base-s);
	border-radius: var(--r-base-s);
	display: flex; flex-direction: column; align-items: flex-start;justify-content: space-between;
	gap: var(--d-base-s);
}
.forp-list li::before {
	content: counter(step-counter, decimal-leading-zero);
	display: block;
	font-size: 24px;
	font-weight: 600;
}

.sp::after{
	display: none;
}
.sp::before{
	content: '';
	width: 18px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="none"><path fill="%23fff" d="M8.8 0a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm-.6 14-.8-1.2c-.2-.4 0-1 .6-1h1.5c.5 0 .8.6.6 1L9.3 14l1.3 4.9 1.6-6.3c3 .4 5.3 3 5.3 6.2 0 .7-.5 1.2-1.2 1.2H1.2C.5 20 0 19.5 0 18.8c0-3.1 2.3-5.8 5.3-6.2L7 18.9 8.2 14Z"/></svg>');background-size: 18px 20px;
}

.act-box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base-s);
	padding: var(--d-base-s);
	background-color: var(--c-light-10);
	margin:0 var(--d-base) var(--d-base) var(--d-base);
	border-radius: var(--r-base-s);
}
.act-box .bt{
	text-align: center;
}
.act-box .bt::after {
	display: none;
}
.act-box .bt::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

.zo::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	width: 13px;
	height: 18px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" fill="none"><path fill="%23fff" d="M6.5 18c3.6 0 6.5-2.9 6.5-6.5 0-2.7-3.8-8.4-5.6-11C7-.2 6-.2 5.6.5 3.8 3 0 8.8 0 11.5 0 15.1 3 18 6.5 18Zm-3-6.5a3 3 0 0 0 3 3c.3 0 .6.2.6.6 0 .3-.3.5-.6.5a4.1 4.1 0 0 1-4.1-4 .6.6 0 0 1 1.1 0Z"/></svg>');background-size: 13px 18px;}

.zo::after{
	display: none;
}

.ipn{
	background-color: var(--c-light);
	color: #000;
}
.ipn::before{
	width: 18px;
	height: 20px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" fill="none"><path fill="%23333" d="M3 0C1.8 0 .7 1 .7 2.3v13.4C.8 17 1.8 18 3 18h9c1.2 0 2.3-1 2.3-2.3v-10H9.7c-.6 0-1-.6-1-1.2V0H3Zm6.8 0v4.5h4.4L9.8 0ZM3 7.9h.8a2 2 0 0 1 0 4h-.2v1c0 .3-.3.6-.6.6a.6.6 0 0 1-.6-.6V8.4c0-.3.3-.5.6-.5Zm.8 2.8a.8.8 0 1 0 0-1.7h-.2v1.7h.2Zm2.6-2.3c0-.3.2-.5.5-.5h.9c1 0 1.7.7 1.7 1.7v2.2c0 1-.8 1.7-1.7 1.7h-.9a.6.6 0 0 1-.5-.6V8.4Zm1.1 4h.3c.3 0 .5-.3.5-.6V9.6c0-.3-.2-.6-.5-.6h-.3v3.4Zm3.4-4.5h1.7c.3 0 .5.2.5.5s-.2.6-.5.6h-1.2v1.1h1.2c.3 0 .5.3.5.6s-.2.6-.5.6h-1.2v1.6c0 .3-.2.6-.5.6a.6.6 0 0 1-.6-.6V8.4c0-.3.3-.5.6-.5Z"/></svg>');background-size: 18px 20px;
}

.ahtung{
	border: 2px solid #DF4F4F;
	padding: var(--d-base) 120px var(--d-base) var(--d-base);
	border-radius: var(--r-base);
	background: right var(--d-base) center no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="57" fill="none"><path fill="%23DF4F4F" d="M32 .5A5 5 0 0 1 36.3 3l27 46a5 5 0 0 1-4.3 7.5H5A5 5 0 0 1 .7 49l27-46A5 5 0 0 1 32 .5Zm0 16a3 3 0 0 0-3 3v14a3 3 0 1 0 6 0v-14a3 3 0 0 0-3-3Zm4 28a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/></svg>');background-size: 64px 57px;
}

.product-slider{
	position: relative;
}
.product-slider li{
	background-size: cover;
	background-position: 50%;
}
.product-slider-nav{
	position: absolute;
	top: var(--d-base);
	right: var(--d-base);
	bottom: var(--d-base);
	display: flex; flex-direction: column;justify-content: center;
	gap: 10px;
}
.product-slider-nav a{
	display: block;
	border: 2px solid var(--c-light-30);
	border-radius: var(--r-base);
	overflow: hidden;
	transition:border .5s;
}
.product-slider-nav .uk-active a{
	border: 2px solid var(--c-light);
	transition:border .5s;
}

.product-slider-nav img{
	height: 70px;
	width: 70px;
}

.uk-offcanvas-bar{
	background-color: var(--c-dark-light);
}
.uk-offcanvas-bar .uk-parent{
	position: relative;
}
.uk-offcanvas-bar .uk-parent:after{
	content: '';
	position: absolute;
	right: 0;
	top: 8px;
	display: inline-block;
	height: 12px;width: 12px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><polyline fill="none" stroke="%23fff" stroke-width="1.1" points="1 3.5 6 8.5 11 3.5"></polyline></svg>');background-size: 12px 12px;
	transition: transform .3s;
}
.uk-offcanvas-bar .uk-open:after {
transform: rotate(180deg);
transition: transform .3s;
}

.about_header{
	display: block;
}
.about_header p{
	font-size: var(--fz-h3);
	margin-top: var(--d-base-s);
}

.timeline{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base) 0;
	position: relative;
}
.timeline h6{
	font-size: 48px;
	font-weight: 600;
	line-height: 1;
	border-bottom: 2px solid var(--c-light);
	padding: 0 0 var(--d-base) var(--d-base);
	position: relative;
}
.timeline h6::after{
	content: '';
	position: absolute;
	bottom: -7px;
	left: var(--d-base);
	height: 12px;
	width: 12px;
	background-color: var(--c-light);
	border-radius: 100%;
}
.timeline p{
	display: block;
	font-size: var(--fz-h5);
	line-height: 1.4;
	padding: var(--d-base) var(--d-base) 0 var(--d-base);
}
.timeline .prev,.timeline .next{
	top: var(--d-base);
	bottom: 0;
	padding: 16px;
}
.timeline .prev{
	right: 110px;
}

.h1{
	line-height: 1;
	padding:0 var(--d-base);
}

.prom-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base-s);
}
.prom-list a{
	padding: var(--d-base);
	border-radius: var(--r-base);
	aspect-ratio: 3 / 2;
	font-size: var(--fz-h3);
	background-size: cover;
	display: flex; flex-direction: column; align-items: start; justify-content: space-between;
}
.prom-list a:hover{
	color: var(--c-light);
	text-decoration: none;
}

.prom-txt{
	padding: var(--d-base);
	background-color: var(--c-dark-light);
	display: flex;flex-direction: column;gap: var(--d-base-s);
}
.prom-txt h2{
	line-height: 1;
}
.prom-txt p{
	line-height: 1.4;
}

.fp-header{
	gap: var(--d-base-s);
}

.fp-header p{
	font-size: var(--fz-h3);
	line-height: 1.4;
}

.fp-txt{
	padding: var(--d-base);
	background-color: var(--c-dark-light);
	display: flex;flex-direction: column; align-items: start;gap: var(--d-base-s);
}
.fp-txt p{
	line-height: 1.4;
}

.fp-txt .zo{
	margin-top: auto;
}

.fp-form-cnv{
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--d-base-s);
}

.fp-form-txt p{
	margin-top: var(--d-base);
	line-height: 1.4;
}
.switcher{
	display: grid;grid-template-columns: repeat(2, 1fr); gap: var(--d-base-s);
}
.switcher a{
	display: block;
	font-size: var(--fz-p-s);
	color: var(--c-light);
	padding: var(--d-base-s);
	border: 1px solid var(--c-light-50);
	border-radius: var(--r-base-s);
	transition:background-color .3s;
	text-align: center;
}
.switcher a::before{
	content: '';
	width: 19px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

.switcher li:first-child a::before{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" fill="none"><path fill="%23fff" d="M10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-2 2c-4 0-7 3-7 7l1 1h15l1-1c0-4-3-7-7-7H8Z"/></svg>');background-size: 19px 20px;
}
.switcher li:last-child a::before{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="none"><path fill="%23fff" d="M8.8 0a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm-.6 14-.8-1.2c-.2-.4 0-1 .6-1h1.5c.5 0 .8.6.6 1L9.3 14l1.3 4.9 1.6-6.3c3 .4 5.3 3 5.3 6.2 0 .7-.5 1.2-1.2 1.2H1.2C.5 20 0 19.5 0 18.8c0-3.1 2.3-5.8 5.3-6.2L7 18.9 8.2 14Z"/></svg>');background-size: 18px 20px;
}

.switcher .uk-active a{
	background-color: #fff;
	color: var(--c-dark);
}
.switcher .uk-active a::before{
	filter: brightness(0) saturate(100%) invert(17%) sepia(10%) saturate(24%) hue-rotate(323deg) brightness(99%) contrast(92%);
}
.uk-switcher{
	border-top: 4px solid var(--c-light);
	margin-top: var(--d-base);
}
.in{
	padding: var(--d-base-s) 0;
	width: 100%;
	background: transparent;
	color: var(--c-light);
	border: none;
	border-bottom: 1px solid var(--c-gray-light);
}
textarea.in{
	border-bottom: 4px solid var(--c-light);
}
.name{
	display: none;
}
.field{
	position: relative;
}
.field i{
	position: absolute;
	right: 0;
	top: 24px;
	font-style: normal;
	background-color: var(--c-light);
	color: red;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	line-height: 20px;
	text-align: center;
	font-weight: 800;
}
.go-policy{
	font-size: 14px;
	margin: var(--d-base-s) 0 var(--d-base) 0;
}
.sf{
	width: 100%;
	padding: var(--d-base-s) 0;
	background: transparent;
	color: var(--c-light);
	border: 2px solid var(--c-light-50);
	border-radius: var(--r-base-s);
}
.sf::before{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="%23fff" d="M19.5.2c.4.3.6.8.5 1.2l-2.5 16.3a1.2 1.2 0 0 1-1.7 1l-4.7-2-2.7 2.9a1.2 1.2 0 0 1-2.1-.9v-3.2l.1-.4L13 7.9c.2-.2.2-.6 0-.8a.6.6 0 0 0-1 0l-7.9 7-3.4-1.7a1.2 1.2 0 0 1 0-2.2L18 .2c.4-.3 1-.3 1.4 0Z"/></svg>');background-size: 20px 20px;
	transition: .3s;
}

.sf:hover{
	background-color: var(--c-light-30);
	border: 2px solid var(--c-light);
	transition: .3s;
}
.in+i {display: none;}
.in:invalid+i {display: block;}
.in:valid+i {display: none;}
.in{outline: none}


.partners {
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--d-base);
}

.partners h6{
	font-size: 18px;
	margin-top: 12px;
}
.partners p{
	margin: var(--d-base-s) 0;
	line-height: 1.4;
}


.fotoalbum {
	background-color: var(--c-dark-light);
	border-radius: var(--r-base);
	padding: var(--d-base);
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--d-base);
}

.fotoalbum a{
	border-radius: var(--r-base-s);
	overflow: hidden;
}

.ss_list{
	display: flex;
	gap: 12px;
	margin-top: 12px;
}
.ss_list a{
	background-color: var(--c-light);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 22px 22px;
	height: 42px;
	width: 42px;
	border-radius: 100%;
}
.pr_ws{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22"><path fill="%231F1F1F" d="M18.7 3.2A10.91 10.91 0 0 0 1.54 16.36L0 22l5.78-1.52A11 11 0 0 0 22 10.9c0-2.9-1.24-5.64-3.3-7.7ZM11 19.97a9.05 9.05 0 0 1-4.62-1.26l-.33-.2-3.43.9.92-3.34-.22-.35A9.07 9.07 0 0 1 17.4 4.5a9.1 9.1 0 0 1 2.76 6.42c0 5-4.17 9.06-9.16 9.06Zm4.96-6.78c-.27-.14-1.6-.8-1.86-.89-.25-.1-.43-.14-.61.14-.18.27-.7.88-.86 1.07-.16.18-.32.2-.6.07-1.6-.8-2.65-1.43-3.7-3.24-.28-.48.28-.45.8-1.5.09-.17.04-.33-.03-.47-.06-.13-.6-1.48-.84-2.02-.22-.53-.44-.46-.6-.47h-.53a1 1 0 0 0-.73.33c-.25.28-.95.94-.95 2.28 0 1.34.98 2.63 1.11 2.81.14.19 1.92 2.94 4.66 4.12 1.72.75 2.4.81 3.27.68.52-.08 1.6-.66 1.83-1.3.23-.63.23-1.18.16-1.3-.06-.11-.25-.18-.52-.31Z"/></svg>');}
.pr_vk{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22"><path fill="%231F1F1F" d="M1.55 1.55C0 3.09 0 5.58 0 10.56v.88c0 4.98 0 7.47 1.55 9.01C3.09 22 5.58 22 10.56 22h.88c4.98 0 7.47 0 9.01-1.55C22 18.91 22 16.42 22 11.44v-.88c0-4.98 0-7.47-1.55-9.01C18.91 0 16.42 0 11.44 0h-.88C5.58 0 3.09 0 1.55 1.55ZM3.7 6.69h2.51c.09 4.2 1.94 5.98 3.4 6.34V6.7H12v3.62c1.45-.15 2.97-1.8 3.48-3.62h2.37a6.99 6.99 0 0 1-3.22 4.57 7.24 7.24 0 0 1 3.77 4.59h-2.6a4.53 4.53 0 0 0-3.8-3.27v3.27h-.28c-5.02 0-7.88-3.44-8-9.16Z"/></svg>');}

.map{
	height: 500px;
}

.uk-modal-body h2{
	color: var(--c-dark);
	margin-bottom: var(--d-base-s);
}
.uk-modal-body p{
	color: var(--c-dark);
	margin-bottom: var(--d-base-s);
}

.mask-cnv{position: relative;}

.mask{
	position: absolute;
	left: 0px;
	right: 0;
	top: 257px;
	bottom: 0;
	background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 100%);
}

.for{
	color: var(--c-light) !important;
	opacity: 1;
	background-color: #DF4F4F;
	padding: 0 9px;
	border-radius: 5px;
}


@media screen and (max-width: 1600px) {
	:root {
		--d-base-s: 24px;
		--d-base: 36px;
	
		--r-base:20px;
		--r-base-s:10px;
	
		--fz-h1:60px;
		--fz-h2:36px;
		--fz-h3:24px;
		--fz-h4:21px;
		--fz-h5:18px;
		--fz-p:16px;
		--fz-p-s:15px;
	}
	body{
		font-size: 18px;
	}
}

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

@media screen and (max-width: 1200px) {
	:root {
		--fz-h1:48px;
		--fz-h2:24px;
		--fz-h3:21px;
		--fz-h4:18px;
		--fz-h5:17px;
		--fz-p:13px;
		--fz-p-s:14px;
	}
	body{
		font-size: 16px;
	}
	.fotoalbum {
		grid-template-columns: repeat(4, 1fr);
	}
}


@media screen and (max-width: 960px) {
	:root {
		--d-base-s: 12px;
		--d-base: 24px;

		--r-base:16px;
		--r-base-s:6px;

		--fz-h1:36px;
		--fz-h2:21px;
		--fz-h3:18px;
		--fz-h4:17px;
		--fz-h5:16px;
		--fz-p:13px;
		--fz-p-s:14px;
	}

	.index-header-box {
		display: flex;
		flex-direction: column-reverse;
		gap: var(--d-base-s);
	}

	.index-header-box header {
		flex-direction: row;
	}

	.index-header-box .logo {
		transform: none;
	}

	.open-menu {
		height: 36px;
		width: 36px;
	}
	.open-menu::before {
		width: 36px;
	}
	.prev {
		right: 80px;
	}

	.c2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.brans-img{
		display: none;
	}

	.fotoalbum {
		grid-template-columns: repeat(3, 1fr);
	}
	.c1{aspect-ratio:auto;}

	.product-slider-nav a {
		border-radius: var(--r-base-s);
	}

	.product-slider-nav img {
		height: 30px;
		width: 30px;
	}
}


@media screen and (max-width:768px){

	:root {
		--d-base-s: 12px;
		--d-base: 18px;
		--fz-h1:24px;
	}

	.product-nav{display: none;}

	.fotoalbum {
		grid-template-columns: repeat(2, 1fr);
	}

	.media{
		grid-template-columns: repeat(1, 1fr);
	}
	.time-line{
		grid-template-columns: repeat(1, 1fr);
	}
	.adv-list-3,.adv-list-5{
		grid-template-columns: repeat(1, 1fr);
	}
	.act-box{
		grid-template-columns: repeat(1, 1fr);
	}
	.prom-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.fp-form-cnv{
		grid-template-columns: repeat(1, 1fr);
	}
	.partners{
		grid-template-columns: repeat(1, 1fr);
	}
	.sm-slider .uk-slideshow-items {
		aspect-ratio: 3 / 2;
	}
	.forp-list li {
		width: 100%;
	}
	.ahtung {
		border: 2px solid #DF4F4F;
		padding: var(--d-base);
		background: none;
	}
	.product-header-box h4{
		line-height: 1;
		color: var(--c-light);
		margin-bottom: var(--d-base-s);
	}
}


@media screen and (max-width:640px){
	:root {
		--d-base-s: 9px;
		--d-base: 16px;
		--fz-h1:21px;
		--fz-h2:20px;
		--fz-h3:18px;
		--fz-h4:16px;
		--fz-h5:15px;
		--fz-p:14px;
		--fz-p-s:13px;
	}
	.brans-txt p.mta {
		font-size: var(--fz-h4);
		line-height: 1.5;
		margin-bottom: var(--d-base);
	}
	.logo-nav{display: none;}
	.index-slider h2 {display: none;}
	.index-slider .uk-slideshow-items li {padding: var(--d-base);}
	.index-slider .uk-slideshow-items li h1 {margin-bottom: auto;}
}