:root {
	--f-h:'Finlandica', sans-serif;
	--f-t:'Nunito Sans', sans-serif;

	--c-base:#07B4CB;
	--c-base-light:#D5EFF2;
	--c-base-30:rgba(7, 180, 203, .3);
	--c-dark:#333;
	--c-light:#fff;
	--c-light-75:rgba(255, 255, 255, .75);

	--d-base:48px;
	--d-small:36px;
	--d-xsmall:24px;
	--d-xxsmall:12px;

	--h1:64px;
	--h2:48px;
	--h3:36px;
	--h4:32px;
	--h5:24px;
	--h6:18px;

	--t-base:16px;
	--t-small:14px;
}

html {font-family: var(--f-t);color:var(--c-dark);-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;}
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;}
small {font-size: 80%;}
sub,sup {font-size: 60%;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;}

h1, h2, h3, h4, h5, h6{
	font-family: var(--f-h);
	color: var(--c-dark);
}
h1 {font-size: var(--h1);}
h2 {font-size: var(--h2);}
h3 {font-size: var(--h3);}
h4 {font-size: var(--h4);}
h5 {font-size: var(--h5);}
h6 {font-size: var(--h6);}

hr{
	border-top: 2px solid var(--c-base-light);
	margin: 0;
}

.bt{
	color: var(--c-light);
	display: inline-block;
	padding: var(--d-xxsmall) var(--d-xsmall);
	border: 1px solid var(--c-base);
	border-radius: 10px;
	background-color:transparent;
	transition:background-color .3s;
}
.bt:hover{
	color: var(--c-light);
	background-color: var(--c-base);
	text-decoration: none;
	transition:background-color .3s;
}

.bt-g{
	background-color: var(--c-base);
}
.bt-g:hover{
	background-color: transparent;
	color: var(--c-base);
}


header, main, footer{
	max-width: 1284px;
	margin: 0 auto;
	padding: 0 var(--d-base);
}

main{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: var(--d-base);
}

.tbox{
	max-width: 960px;
	margin: 0 auto;
}

.cnt a{
	text-decoration: underline;
	color: var(--c-base);
}


mark{
	background-color: transparent;
	color: var(--c-base);
}

header{
	margin: var(--d-xsmall) auto;
	display: flex; align-items: center; gap: var(--d-xsmall);
}
header button{
	border: none;
	margin: 0;padding: 0;
	height: 25px;width: 30px;
	background: transparent;
}
header button::before{
	display: block;
	height: 25px;width: 30px;
}

.open-search::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none"><path fill="%23333" d="M20.3 10.2c0 2.2-.7 4.3-2 6l6.2 6.1a1.6 1.6 0 0 1-2.2 2.2l-6.2-6.1a10.2 10.2 0 1 1 4.2-8.2Zm-10.1 7a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z"/></svg>');
}
.open-menu::before{
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="25" fill="none"><path fill="%23333" d="M0 0h30v3H0zM0 11h20v3H0zM0 22h26v3H0z"/></svg>');
}
header button:hover::before{
	filter: brightness(0) saturate(100%) invert(61%) sepia(75%) saturate(3001%) hue-rotate(146deg) brightness(93%) contrast(94%);
}

header h6,header h6 a{
	line-height: 1;
	color: var(--c-base);
}
.city_sel_box{
	width: 200px;
}
.select{
	appearance: none;
	background-color: transparent;
	border: none;
	padding: 0 16px 0 0;
	margin: 0;
	font-size: var(--t-small);
	outline: none;
	cursor: pointer;
	background: no-repeat 100% 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path stroke="%2307B4CB" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 2 6 7 1 2"/></svg>');background-size: 12px 8px;
}

.contact_box{
	text-align: right;
	width: 200px;
}
.open-cb{
	font-size: var(--t-small);
	color: var(--c-dark);
	text-decoration: underline;
}

.logo{
	margin: 0 auto;
	width: 100px;
	height: 75px;
	background: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 100 75" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="m15.3 49c0-4.2 2.9-7.7 7.6-7.7s7.6 3.5 7.6 7.8c0 4.2-2.9 7.7-7.6 7.7s-7.6-3.5-7.6-7.8zm40.7.4c0-4.1 3-7.4 7.3-7.4 4.2 0 7 3.2 7 7.7v.7h-11c.2 2.1 1.8 3.9 4.5 3.9a6 6 0 0 0 4-1.6l1.4 2a8.3 8.3 0 0 1 -5.7 2c-4.3 0-7.5-2.9-7.5-7.3zm-46.4 7v-8.9c0-2.1-1.1-2.8-2.8-2.8-1.6 0-3 1-3.7 1.9v9.8h-3v-19.4h3v7.3a6.8 6.8 0 0 1 5-2.2c3 0 4.6 1.5 4.6 4.4v10h-3zm31.2-14.4c2 0 3.4 1 3.8 2.5a6 6 0 0 1 4.8-2.5c2.6 0 4.1 1.4 4.1 4.2v10.2h-3v-9.2c0-1.5-.7-2.5-2.4-2.5-1.3 0-2.5.8-3.3 1.8v10h-3v-9.3c0-1.5-.7-2.5-2.4-2.5-1.4 0-2.6 1-3.3 1.9v9.8h-3v-14.1h3v2a6.1 6.1 0 0 1 4.6-2.3zm-13.6 7c0-2.5-1.6-4.8-4.3-4.8s-4.3 2.3-4.3 4.8c0 2.7 1.6 5 4.3 5s4.3-2.3 4.3-5zm36-4.5c-2.6 0-3.8 2-4 3.7h8a3.8 3.8 0 0 0 -4-3.7z" fill="%230e141d"/><path d="m71.8 49.4c0-4.3 3-7.4 7.4-7.4 2.7 0 4.4 1.1 5.4 2.5l-2 1.9c-.8-1.1-2-1.8-3.3-1.7-2.6 0-4.3 2-4.3 4.7s1.7 4.7 4.3 4.7c1.4 0 2.5-.6 3.3-1.7l2 1.9a6.4 6.4 0 0 1 -5.4 2.5 7.1 7.1 0 0 1 -7.4-7.4zm21.2-5c-2.6 0-3.8 2-4 3.8h8a3.8 3.8 0 0 0 -4-3.7zm-7.2 5c0-4.1 3-7.4 7.2-7.4 4.3 0 7 3.2 7 7.7v.7h-11a4.3 4.3 0 0 0 4.6 3.9 6 6 0 0 0 4-1.6l1.4 2a8.3 8.3 0 0 1 -5.8 2c-4.2 0-7.4-2.9-7.4-7.3z" fill="%2307b4cb"/><path d="m27.2 26.7v.6c0 2-1.6 3.5-3.5 3.5-2 0-3.5-1.5-3.5-3.5a3.5 3.5 0 0 1 5.8-2.6 1.2 1.2 0 0 0 1.2 2zm35.5-2a1.2 1.2 0 0 1 -1.2 2v.6c0 2 1.5 3.5 3.5 3.5 1.9 0 3.5-1.5 3.5-3.5a3.5 3.5 0 0 0 -5.8-2.6zm-49.8-24.7c-1.3 0-2.3 1-2.3 2.5v10.7c0 1.3.5 2 1.4 2 .4 0 .9-.2 1.4-.6l11-7.6c1.6-1.1 1.4-2.6-.4-3.2l-10-3.6-1.2-.2zm0 2.3h.3l9 3.3-9.3 6.6zm63-2.3a3 3 0 0 0 -1 .2l-10.3 3.6c-1.8.6-2 2-.4 3.2l11 7.6c.5.4 1 .6 1.4.6.8 0 1.4-.8 1.4-2v-10.8c0-1.4-1-2.4-2.2-2.4zm0 2.3v9.9l-9.4-6.6 9.1-3.2h.2z" fill="%230e141d"/><path d="m47.5 35.3a4 4 0 0 1 -3.9 4 4 4 0 0 1 -3.9-4 4 4 0 0 1 3.9-3.9 4 4 0 0 1 3.9 4zm-10.4-6.7-2-2c2.3-2.2 5.4-3.5 8.5-3.4a12 12 0 0 1 8.5 3.4l-2 2a9.2 9.2 0 0 0 -13 0zm18.7-5.6a17.1 17.1 0 0 0 -24.3 0l-2-2a19.8 19.8 0 0 1 28.2 0l-2 2zm6-6a25.5 25.5 0 0 0 -36.2 0l-2-1.9a28.3 28.3 0 0 1 40 0l-1.9 2z" fill="%2307b4cb"/><path d="m3.1 31.9a43.8 43.8 0 0 1 41.2-29.5c18.6 0 35.2 12 41.2 29.5h2.5a45.9 45.9 0 0 0 -87.3 0h2.3z" fill="%230e141d"/><path d="m.4 74.2c.6 0 1-.2 1.3-.5.4-.3.7-.9 1-1.6v-.2l-2.7-6.3v-.3l.4-.2c.3 0 .6.2.7.5l2 5.2 2-5.2c0-.3.3-.5.6-.5.2 0 .2 0 .3.2v.3l-2.2 6.4a6 6 0 0 1 -1.4 2.3 3 3 0 0 1 -1.9.7l-.3-.1-.1-.3.1-.3h.3v-.1zm7.6-2.4-.3.2c-.2 0-.3 0-.4-.2l-.1-.3v-5.6c0-.2 0-.4.2-.5.1-.2.3-.3.5-.3h4c.2 0 .4.1.5.3.2.1.2.3.2.5v5.6l-.1.3a.5.5 0 0 1 -.7 0 .5.5 0 0 1 -.2-.3v-5.5h-3.6v5.5l-.1.3zm7.2-4.2v1.9c0 .5.2 1 .6 1.3s.9.5 1.4.5c.6 0 1-.2 1.4-.7.4-.4.6-1.1.6-2 0-1.9-.7-2.8-2-2.8a2 2 0 0 0 -1.4.5c-.4.4-.6.9-.6 1.3zm-.1 7.1a.5.5 0 0 1 -.8 0 .5.5 0 0 1 -.1-.3v-8.8l.1-.3.4-.1h.3l.2.4v.5c.5-.7 1.3-1.1 2.2-1 .9 0 1.5.2 2 .8.5.7.8 1.5.8 2.7a4 4 0 0 1 -.8 2.6 2.7 2.7 0 0 1 -4.2 0v3.2zm9.6-6.3c-.9 0-1.5.1-2 .4-.4.3-.6.7-.6 1.2 0 .4 0 .7.3 1 .2.2.5.3.9.3.6 0 1.1-.2 1.6-.6.4-.5.6-1 .6-1.7v-.5l-.1-.1zm-1.6 3.6a2 2 0 0 1 -2-2c0-.8.2-1.3.8-1.8.6-.4 1.5-.6 2.8-.6h.7l.1-.2v-.2c0-.5-.1-1-.4-1.1-.2-.3-.7-.4-1.3-.4s-1.2.2-2 .4h-.2l-.2-.3c0-.3.2-.5.5-.6.6-.2 1.3-.3 2-.3 1 0 1.6.2 2 .6.4.3.6 1 .6 2v4l-.1.3h-.7a.4.4 0 0 1 -.1-.4v-.7h-.1c-.5.9-1.3 1.3-2.4 1.3zm6-3.3v2.5h1c1.5 0 2.2-.4 2.2-1.3 0-1-.8-1.3-2.3-1.3h-1zm0-2.8v1.9h.8c.7 0 1.2 0 1.5-.2.4-.2.6-.5.6-.9 0-.7-.7-1-2-1h-.8c-.1 0-.2 0-.2.2zm-.3 6a.8.8 0 0 1 -.6-.3.9.9 0 0 1 -.2-.5v-5.3l.2-.5.6-.3h1.1c1.1 0 1.9.1 2.3.4.5.3.7.7.7 1.2 0 .4-.1.7-.4 1s-.6.5-1.1.6c.6 0 1 .3 1.4.6.3.3.5.7.5 1.1 0 1.4-1.1 2-3.2 2zm5.4.1-.3-.1-.1-.3.1-.3.3-.1c.5 0 .9-.3 1-.7.3-.4.4-1 .4-2v-2.7c0-.2 0-.4.2-.5.1-.2.3-.3.5-.3h3.7c.2 0 .4.1.5.3.2.1.3.3.3.5v5.6l-.2.3a.5.5 0 0 1 -.7 0l-.1-.3v-5.4l-.1-.1h-3v2.7c0 1.2-.3 2-.6 2.5s-1 .8-1.8.9zm8.6-5c0 .8.8 1.2 2.4 1.2h.8l.1-.1v-2.1l-.1-.1-1-.1c-1.4 0-2.2.4-2.2 1.3zm-.7 4.9s-.2 0-.2-.2v-.3l.7-1.4.5-1 .6-.3c-.5-.1-1-.4-1.3-.7-.4-.3-.5-.6-.5-1.1 0-1.3 1-2 3-2l1.5.1c.2 0 .4.1.5.3l.2.5v5.6l-.1.3a.5.5 0 0 1 -.8 0v-2.4l-.2-.3h-.8l-1 .1-.7 1-.6 1.3c-.2.3-.4.5-.8.5zm11-9.3c0-.3.2-.4.4-.4l.3.1.1.3a2 2 0 0 1 -.8 1.1c-.5.3-1 .4-1.6.4s-1.1-.1-1.6-.4c-.4-.3-.7-.6-.8-1.1v-.3l.4-.1c.2 0 .4.1.5.4l.6.6 1 .2.8-.2.6-.6zm-4.1 9.4s-.2 0-.3-.2a.5.5 0 0 1 -.2-.3v-5.8c0-.2 0-.3.2-.4l.3-.1h.4l.1.5v5l3.4-5.1c.2-.3.5-.4.8-.4l.4.1.2.4v5.8c0 .3-.3.5-.5.5s-.3 0-.4-.2l-.1-.3v-5l-3.4 5a1 1 0 0 1 -.8.5zm11.6-.2-.3.2c-.1 0-.3 0-.3-.2l-.2-.3v-5.6c0-.2 0-.4.2-.5l.6-.3h4l.4.3c.2.1.3.3.3.5v5.6c0 .1 0 .3-.2.3a.5.5 0 0 1 -.7 0l-.1-.3v-5.4l-.1-.1h-3.4v5.5c0 .1 0 .3-.2.3zm7.2-4.2v1.9c0 .5.2 1 .6 1.3s1 .5 1.4.5c.6 0 1.1-.2 1.5-.7.3-.4.5-1.1.5-2 0-1.9-.7-2.8-2-2.8a2 2 0 0 0 -1.4.5c-.4.4-.6.9-.6 1.3zm-.1 7.1a.5.5 0 0 1 -.7 0 .5.5 0 0 1 -.2-.3v-8.8c0-.1 0-.2.2-.3l.3-.1h.3l.2.4v.5c.6-.7 1.4-1.1 2.2-1 .9 0 1.6.2 2 .8.6.7.8 1.5.8 2.7a4 4 0 0 1 -.8 2.6c-.5.6-1.1 1-2 1-.8 0-1.6-.4-2.1-1.1v3.3zm11.3-6.1c0-1.9-.7-2.8-2-2.8-1.5 0-2.2 1-2.2 2.8s.7 2.7 2.1 2.7 2.1-.9 2.1-2.7zm.2 2.6a3 3 0 0 1 -2.3 1 3 3 0 0 1 -2.3-1c-.6-.8-.9-1.7-.8-2.6 0-1.2.3-2 .8-2.6a3 3 0 0 1 2.3-1c1 0 1.8.3 2.3 1 .6.6.9 1.5.9 2.6 0 1-.3 2-.9 2.6zm5 1c-1.1 0-2-.4-2.5-1s-.8-1.5-.8-2.6c0-1.2.3-2 .8-2.7a3 3 0 0 1 2.3-.9c.5 0 1 0 1.4.2.2 0 .3 0 .3.2l.2.3c0 .1 0 .2-.2.3h-.3l-1.3-.2c-1.4 0-2.2 1-2.2 2.8 0 1 .2 1.6.6 2 .4.5 1 .7 1.7.7.5 0 1 0 1.3-.2h.3l.1.3c0 .3-.1.5-.4.6a6 6 0 0 1 -1.4.1zm3.1-6.3h-.3v-.4c0-.2.1-.4.3-.4h5c.2 0 .3 0 .4.2v.5c-.1.1-.2.2-.3.1h-1.9l-.1.1v5.5c0 .1 0 .2-.2.3a.5.5 0 0 1 -.7 0 .5.5 0 0 1 -.2-.3v-5.5h-2zm11.1 2.7c0-1.9-.7-2.8-2-2.8-1.5 0-2.2 1-2.2 2.8s.7 2.7 2.1 2.7 2.1-.9 2.1-2.7zm.2 2.6a3 3 0 0 1 -2.3 1c-1 0-1.7-.4-2.3-1-.6-.8-.9-1.7-.8-2.6 0-1.2.3-2 .8-2.6a3 3 0 0 1 2.3-1c1 0 1.8.3 2.3 1 .6.6.9 1.5.9 2.6 0 1-.3 2-.9 2.6z" fill="%2307b4cb"/></g></svg>');background-size: 100px 75px;
}

.first{
	position: relative;
}
.first video{
	display: block;
}

.video-button{
	position: absolute;
	bottom: var(--d-base);
	right: var(--d-base);
	height: 48px;
	width: 48px;
	border: 2px solid var(--c-base);
	border-radius: 50%;

}
#index-video-play{
	background: transparent 50% no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="none"><path fill="%23fff" d="M3 .3A2 2 0 0 0 0 2v12a2 2 0 0 0 3 1.7l10-6a2 2 0 0 0 0-3.4L3 .3Z"/></svg>');background-size: 14px 16px;
}
#index-video-pause{
	background: transparent 50% no-repeat 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 14 16"><path fill="%23fff" d="M5 1 4 0H1L0 1v14l1 1h3l1-1V1Zm9 0-1-1h-3L9 1v14l1 1h3l1-1V1Z"/></svg>');background-size: 14px 16px;
}

.first-t-box{
	position: absolute;
	bottom: 0;left: 0;
	width: 50%;
	box-sizing: border-box;
	background: rgba(7, 180, 203, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	padding: var(--d-base);
}
.first-t-box h1{
	font-weight: 500;
	line-height: 1;
	color: var(--c-light);
	white-space: nowrap;
}
.first-t-box h5{
	line-height: 1;
	color: var(--c-light);
	font-family: var(--f-t);
	margin: var(--d-xsmall) 0  var(--d-base) 0;
}

.pred-box{
	background-color: var(--c-base-light);
	padding: var(--d-base);
	display: grid;
	grid-template-columns: repeat(4, 60px 1fr);
	align-items: center;
	gap: var(--d-xsmall);
	font-size: var(--h6);
	line-height: 1.2;
}
.pred-box dt,.area-pred-box i{
	height: 60px;width: 60px;
	background-color: var(--c-light);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 10px;
}


.wifi{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="28" fill="none"><path fill="%2307B4CB" d="M3.4 10.7a24 24 0 0 1 33.2 0 2 2 0 0 0 2.8-2.9 27.9 27.9 0 0 0-38.8 0 2 2 0 0 0 0 2.8c.7.8 2 .8 2.8 0ZM20 14a14 14 0 0 1 9.3 3.5 2 2 0 0 0 2.6-3 18 18 0 0 0-23.8 0 2 2 0 1 0 2.6 3A14 14 0 0 1 20 14Zm4 10a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/></svg>');
}
.microfon{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="32" fill="none"><path fill="%2307B4CB" d="M11 0a6 6 0 0 0-6 6v10a6 6 0 0 0 12 0V6a6 6 0 0 0-6-6ZM3 13.5a1.5 1.5 0 1 0-3 0V16a11 11 0 0 0 9.5 10.9V29h-3a1.5 1.5 0 1 0 0 3h9a1.5 1.5 0 1 0 0-3h-3v-2.1A11 11 0 0 0 22 16v-2.5a1.5 1.5 0 1 0-3 0V16a8 8 0 1 1-16 0v-2.5Z"/></svg>');
}
.battarey{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="20" fill="none"><path fill="%2307B4CB" d="M0 5a5 5 0 0 1 5-5h24a5 5 0 0 1 5 5v1a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2v1a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5Zm5-1a1 1 0 0 0-1 1v10c0 .6.5 1 1 1h24c.6 0 1-.4 1-1V5c0-.5-.4-1-1-1H5Zm23 2v8H6V6h22Z"/></svg>');
}
.world{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="%2307B4CB" d="m3.6 12 .6 1a4 4 0 0 0 2.4 2l3.6 1c1 .3 1.8 1.3 1.8 2.4v2.5c0 .7.4 1.3 1 1.6.6.3 1 1 1 1.6v2.5c0 1 1 1.6 1.9 1.4a3 3 0 0 0 2-2.1l.2-.7c.3-1.1 1-2 1.9-2.5l.5-.3a3 3 0 0 0 1.5-2.6v-.6a3 3 0 0 0-.9-2l-.2-.3a3 3 0 0 0-2.1-.9H16a4 4 0 0 1-2-.5l-2.2-1.3c-.3-.1-.5-.4-.6-.7-.2-.6.1-1.2.7-1.5l.3-.2c.5-.2 1-.2 1.4 0l1.4.4a1.2 1.2 0 0 0 1.3-1.9l-.8-1a2 2 0 0 1 0-2.6l1-1.1a2 2 0 0 0 .2-2.3l-.2-.3H16a13 13 0 0 0-12.4 9ZM29 16a13 13 0 0 0-1.6-6.3l-1.6.6a2 2 0 0 0-1.2 2.5l1 3.2a2 2 0 0 0 1.5 1.3l1.8.4V16h.1Zm3 0a16 16 0 1 1-32 0 16 16 0 0 1 32 0Z"/></svg>');
}
.phone{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="48" fill="none"><path fill="%23fff" d="M1.5 6a6 6 0 0 1 6-6h21a6 6 0 0 1 6 6v36a6 6 0 0 1-6 6h-21a6 6 0 0 1-6-6V6ZM21 42a3 3 0 1 0-6 0 3 3 0 0 0 6 0Zm7.5-36h-21v30h21V6Z"/></svg>');
}
.home{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="48" fill="none"><path fill="%23fff" d="M29.5.8c1.1-1 2.9-1 4 0l19.5 18a3 3 0 0 1-2 5.2h-3v10.5c0 2.5-2 4.5-4.5 4.5H26.1A24.8 24.8 0 0 0 15 24.5V24h-1a25 25 0 0 0-4.8-2 3 3 0 0 1 .8-3.2L29.5.8Zm-1 17.2c-.8 0-1.5.7-1.5 1.5v6c0 .8.7 1.5 1.5 1.5h6c.8 0 1.5-.7 1.5-1.5v-6c0-.8-.7-1.5-1.5-1.5h-6ZM2.2 24c12 0 21.8 9.7 21.8 21.8a2.2 2.2 0 1 1-4.5 0c0-9.6-7.7-17.3-17.3-17.3a2.2 2.2 0 1 1 0-4.5ZM3 48a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM0 35.3C0 34 1 33 2.3 33c7 0 12.7 5.7 12.7 12.8a2.2 2.2 0 1 1-4.5 0c0-4.6-3.7-8.3-8.3-8.3-1.2 0-2.2-1-2.2-2.2Z"/></svg>');
}
.eye{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="54" height="42" fill="none"><path fill="%23fff" d="M27 0C19.4 0 13.4 3.5 9 7.6c-4.4 4-7.4 8.9-8.8 12.2a3 3 0 0 0 0 2.4c1.4 3.3 4.4 8.2 8.7 12.2A26.4 26.4 0 0 0 27 42c7.6 0 13.6-3.5 18-7.6 4.4-4 7.4-8.9 8.8-12.2a3 3 0 0 0 0-2.4A37.3 37.3 0 0 0 45 7.6 26.4 26.4 0 0 0 27 0Zm13.5 21a13.5 13.5 0 1 1-27 0 13.5 13.5 0 0 1 27 0ZM27 15a6 6 0 0 1-9 5.2v.8a9 9 0 1 0 8.2-9c.5 1 .8 2 .8 3Z"/></svg>');
}


.ti-box{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
}
.ti-txt{
	grid-column: 6 / 11;
	grid-row: 1 / 2;
	align-self: start;
	box-sizing: border-box;
	padding: var(--d-base);
	background: var(--c-light-75);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.ti-txt h3{
	line-height: 1;
	margin-bottom: var(--d-xxsmall);
}
.ti-txt p{
	font-size: var(--h6);
	line-height: 1.4;
	margin-bottom: var(--d-xxsmall);
}
.ti-img{
	grid-column: 1 / 11;
	grid-row: 1 / 2;
	align-self: start;
}
.ti-img img{
}
.more{
	display: inline-block;
}
.ti-txt .more{
	margin-top: var(--d-base);
}
.more::before{
	display: inline-block;
	content: 'Подробнее';
	color: var(--c-base);
	font-size: var(--h6);
	font-family: var(--f-h);
	margin-right: 16px;
	transition:margin-right ease-in .2s
}
.more::after,.go-app::after,.go-prj::after{
	display: inline-block;
	width: 20px;height: 14px;
	content: '';
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" fill="none"><path stroke="%2307B4CB" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13 1 6 6m0 0-6 6m6-6H1"/></svg>');
}

.more:hover::before{
	margin-right: 24px;
	transition:margin-right ease-out .2s
}

.ti-box:nth-child(2n) .ti-txt{
	grid-column: 1 / 6;
}
.ti-box:nth-child(2n) .ti-img{
	text-align: right;
}

.section-h2{
	line-height: 1;
	font-weight: 500;
	text-align: center;
}

.col2,.col3,.col4{
	display: grid;
	gap: var(--d-base);
}

.col2{
	grid-template-columns: repeat(2, 1fr);
}
.col3{
	grid-template-columns: repeat(3, 1fr);
}
.col4{
	grid-template-columns: repeat(4, 1fr);
}

.manage-box img{
	margin-bottom: var(--d-small);
}
.manage-box h5{
	font-weight: 500;
	line-height: 1;
	margin-bottom: var(--d-xsmall);
}
.manage-box p{
	font-size: var(--h6);
	line-height: 1.2;
}

.app-box,.prj-box{
	background-color: var(--c-base-light);
}
.box-h{
	display: flex; align-items: center;justify-content: space-between;
	gap: var(--d-base);
	padding: var(--d-base);
	background-color: var(--c-base-light);
	line-height: 1;
}
.box-h h3{
	font-weight: 500;
	line-height: 1;
}
.box-h a{
	color: var(--c-base);
	font-family: var(--f-h);
	font-size: var(--h6);
	flex-shrink: 0;
}
.box-h a::after{
	margin-left: 12px;
}

.app-slider-item img{
	width: 100%;
}
.app-slider-item a{
	position: relative;
	display: block;
	height: 100%;width: 100%;
}

.app-slider-item div{
	position: absolute;
	left: 0;bottom: 0;
	box-sizing: border-box;
	background: rgba(7, 180, 203, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	padding: var(--d-xsmall);
	opacity: 0;
	transition:opacity .3s;
}

.app-slider-item .uk-active div{
	opacity: 1;
	transition:opacity .5s;
}

.app-slider-item h4{
	color: var(--c-light);
	font-weight: 500;
	margin-right: -90px;
}
.app-slider-item .more{
	margin-top: var(--d-xxsmall);
}
.app-slider-item .more::before{
	color: var(--c-light);
	font-size: var(--t-base);
}

.prev,.next{
	position: absolute;
	margin-top: -24px;
	top: 50%;
	left: 10%;
	height: 48px;width: 48px;
	border-radius: 100%;
	background: no-repeat 50% var(--c-light) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" fill="none"><path stroke="%2307B4CB" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13 1 6 6m0 0-6 6m6-6H1"/></svg>');background-size: 18px 12px;
}
.prev{
	transform: rotate(180deg);
}
.next{
	left: auto;
	right: 10%;
}

.slider-box .prev, .slider-box .next{
	transform: translateY(-50%);
	left: 48px;
	border: 2px solid var(--c-base-light);
}
.slider-box .prev{
	transform: rotate(180deg);
	margin-top: -50px;
}
.slider-box .next{
	left: auto;
	right: 48px;
}

.slider-box .uk-slideshow-items{
	margin: 0 auto;
	max-width:960px
}

.uk-dotnav a {
	background-color: var(--c-base-light);
	border: none;
	height: 12px;
	width: 12px;
}
.uk-dotnav .uk-active a {
	background-color: var(--c-base);
}

.pr-slider{
	position: relative;
}

.pr-slider .prev{
	left: 30px;
	top: 155px;
}
.pr-slider .next{
	right: 30px;
	top: 155px;
}


.why-box {
	text-align: center;
}

.why-box i{
	display: inline-block;
	line-height: 96px;
	height: 96px;width: 96px;
	border-radius: 10px;
	background-color: var(--c-base);
	margin-bottom: var(--d-xsmall);
	background-repeat: no-repeat;
	background-position: 50%;
}
.why-box img{
	margin: 0;
}

.prod-box li {
	background-size: cover;
	background-position: 50%;
}

.prod-box a{
	height: 260px;
	position: relative;
	box-sizing: border-box;
	padding: var(--d-small);
	display: flex; flex-direction: column; justify-content: space-between;
	background-color: var(--c-light);
	border: 1px solid #07B4CB;
}
.prod-box a:hover{
	background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.5) 100%);
	text-decoration: none;
}
.prod-box a:hover .more{
	filter: brightness(0) saturate(100%) invert(84%) sepia(95%) saturate(4%) hue-rotate(96deg) brightness(109%) contrast(100%);
}
.prod-box a::before{
	content: '';
	position: absolute;
	top: 0;left: 0;
	height: 132px;
	width: 132px;
	background: rgba(7, 180, 203, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.prod-box a h5{
	font-weight: 500;
	z-index: 1;
}
.prod-box a:hover h5{color: var(--c-light);}

.prj-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(6, auto);
	gap: var(--d-xsmall);
	aspect-ratio: 2/1;
}
.prj-grid a{
	background-position: 50%;
	background-size: cover;
}
.prj-grid a:nth-child(1){grid-row: 1 / span 3;grid-column: 1;}
.prj-grid a:nth-child(2){grid-row: 1 / span 4;grid-column: 2;}
.prj-grid a:nth-child(3){grid-row: 1 / span 2;grid-column: 3;}
.prj-grid a:nth-child(4){grid-row: 1 / span 2;grid-column: 4;}
.prj-grid a:nth-child(5){grid-row: 4 / span 3;grid-column: 1;}
.prj-grid a:nth-child(6){grid-row: 5 / span 2;grid-column: 2;}
.prj-grid a:nth-child(7){grid-row: 3 / span 4;grid-column: 3 / span 2;}

.page-h1{
	font-weight: 500;
	text-align: center;
	line-height: 1;
}

.prod-box-large li{
	background-size: cover;
}

.prod-box-large a{
	height: 347px;
	position: relative;
	box-sizing: border-box;
	padding: var(--d-small);
	display: flex; flex-direction: column; justify-content: space-between;
}
.prod-box-large a:hover{
	background: rgba(51, 51, 51, .15);
	text-decoration: none;
}
.prod-box-large .more{
	filter: brightness(0) saturate(100%) invert(84%) sepia(95%) saturate(4%) hue-rotate(96deg) brightness(109%) contrast(100%);
}
.prod-box-large a::before{
	content: '';
	position: absolute;
	top: 0;left: 0;bottom: 0;
	width: 33%;
	background: rgba(7, 180, 203, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.prod-box-large a h3{
	font-weight: 500;
	line-height: 1.1;
	z-index: 1;
	color: var(--c-light);
}

.area-h{
	aspect-ratio: 1.78 / 1;
	background-size: auto, cover;
	box-sizing: border-box;
	padding: var(--d-base);
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
}
.area-h h1{
	color: var(--c-light);
	font-weight: 500;
	max-width: 60%;
	line-height: 1;
}
.area-h h5{
	color: var(--c-light);
	font-family: var(--f-t);
	margin: var(--d-xsmall) 0  var(--d-small) 0;
}

.area-pred-box li{
	position: relative;
}
.area-pred-box i{
	position: absolute;
	left: var(--d-xsmall);
	top: var(--d-xsmall);
}

.item-list a{
	display: flex; flex-direction: column;gap: var(--d-xxsmall);
	text-decoration: none;
}
.item-list p{
	color: var(--c-base);
}
.item-list .more::before{
	color: var(--c-dark);
}

.filter-box li{
	background-color: var(--c-base-light);
	padding: var(--d-xsmall);
}
.filter-box label{
	display: block;
	color: var(--c-base);
}
.filter-box select{
	font-family: var(--f-h);
	font-size: var(--h6);
	width: 100%;
}

.item-box h5{
	color: var(--c-base);
	font-family: var(--f-t);
}
.item-box h1{
	font-weight: 500;
	line-height: 1;
}
.item-box table{
	border-top: 2px solid var(--c-base-light);
	margin-top: var(--d-xsmall);
	width: 100%;
}
.item-box tr{
	border-bottom: 2px solid var(--c-base-light);
	line-height: 1.2;
}
.item-box th{
	text-align: left;
	font-weight: 700;
	padding: var(--d-xxsmall);
	width: 50%;
	vertical-align: top;
}
.item-box td{
	text-align: right;
	font-weight: 400;
	padding: var(--d-xxsmall);
	vertical-align: top;
}
.item-box table a{
	color: var(--c-base);
	text-decoration: underline;
}

.item-box .bt-g:hover{
	color: var(--c-base);
}
.open-char{
	margin-top: var(--d-xsmall);
	width: 100%;
}
.open-buy-form{
	text-align: right;
}
.item-box .prev{
	left: var(--d-xsmall)
}
.item-box .next{
	right: var(--d-xsmall)
}

.adr-list{
	margin-bottom: var(--d-base);
}
.adr-list li{
	display: flex;gap: var(--d-xsmall);
}
.adr-list h5{
	color: var(--c-base);
	font-weight: 500;
	margin-bottom: var(--d-xsmall);
}
.adr-list h6{
	font-weight: 800;
	margin-top: var(--d-xxsmall);
	font-family: var(--f-t);
}
.adr-list a{
	color: var(--c-base);
	text-decoration: underline;
}

.page-h1+h5{
	text-align: center;
	font-family: var(--f-t);
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}


.filter-list{
	display: flex; align-items: center;justify-content: center; gap: var(--d-xsmall);
	flex-wrap: wrap;
	margin-bottom: var(--d-base);
}

.filter-list a{
	color: var(--c-dark);
	font-family: var(--f-h);
	font-size: var(--h6);
	display: inline-block;
	padding: var(--d-xxsmall) var(--d-xsmall);
	border: 1px solid var(--c-base);
	border-radius: 10px;
	background-color:transparent;
	transition:background-color .3s;
}
.filter-list .uk-active a{
	color: var(--c-light);
	background-color: var(--c-base);
	text-decoration: none;
	transition:background-color .3s;
}
.filter a{
	text-decoration: none;
}
.filter p{
	color: var(--c-dark);
}
.filter .more{
	margin-top: var(--d-xsmall);
}


.uk-modal h6{
	font-size: var(--h3);
	margin-bottom: var(--d-xsmall);
}
.name{
	display: none;
}

.in{
	display: block;
	box-sizing: border-box;
	padding: 5px 15px;
	border: 2px solid var(--c-base-light);
	width: 100%;
	outline: none !important;
	color: var(--c-dark);
	font-size: var(--h5);
	border-radius: 10px;
}


.field{
	position: relative;
}
.field+.field{
	margin-top: var(--d-xxsmall);
}
.field label{
	display: block;
	margin-bottom: 3px;
}

.agree{
	font-size: var(--t-small);
	line-height: 1.2;
	color: var(--c-dark);
	margin: var(--d-xxsmall) 0 var(--d-xxsmall) 0;
}
.bad .in{
	background-color:rgba(255, 238, 238, .5);
	-border-color: rgb(189, 0, 0);
}
.alert{
	position: absolute;
	font-size: calc( var(--t-small) - 1px );
	top: 3px;right: 0;
	color: rgb(189, 0, 0);
}
.uk-modal-dialog .bt-g:hover{
	color: var(--c-base);
}

.cnt>*+*{margin-top: var(--d-xsmall);}
.cnt h2{line-height: 1.1;}
.cnt h3{line-height: 1.1;}
.cnt h4{line-height: 1.1;}
.cnt p{font-size: var(--h6);line-height: 1.4;}
.cnt ul,.cnt ol{}
.cnt ul li{margin-left: 25px; list-style: disc;}
.cnt ol li{margin-left: 25px; list-style: decimal;}
.cnt table{}
.cnt em{font-style: italic;}
.cnt>:first-child{margin-top: 0;}
.cnt>:last-child{margin-bottom: 0;}

.t1{width: 100%;}
.t1 p{margin: 0;}
.t1 td{padding: 10px;border-bottom: 1px solid #000;text-align: center;}
.t1 th{padding: 10px;font-weight: bold;background-color: #ccc;}

.album{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--d-xsmall);
}

.uk-modal-dialog{
	border-radius: 10px;
}

.search-box{
	display: flex; align-items: center;justify-content: center;
}

.search-input{
	font-size: var(--h5);
	border: none;
	width: 100%;
	margin-left: var(--d-xxsmall);
}

.uk-offcanvas-bar{
	background-color: var(--c-base);
}

.uk-offcanvas-bar .uk-nav-default>li>a {
	font-size: var(--h6);
	color: var(--c-light);
}
.uk-offcanvas-bar .uk-nav-default>li>a mark {
	color: var(--c-light);
}
.uk-nav li>a {
align-items: center;
column-gap:0;
text-decoration: none;
}

footer section{
	display: flex; align-items: center;justify-content: space-between;
	padding: var(--d-xsmall) 0;
	font-family: var(--f-h);
}
footer ul{
	display: flex; align-items: center;gap: var(--d-xsmall);
	text-transform: uppercase;
}
footer section+section{
	border-top: 2px solid var(--c-base-light);
	font-size: var(--t-small);
}
.m1 a{
	font-size: var(--t-base);
	color: var(--c-dark);
}
.phone{
	font-size: var(--h6);
	color: var(--c-base);
}
.sotial a{
	display: block;
	background-repeat: no-repeat;
	background-position: 50%;
}
.vk{
	width: 28px;height: 28px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="%2307B4CB" d="M2 2C0 4 0 7 0 13.4v1.2C0 20.9 0 24 2 26c2 2 5.1 2 11.4 2h1.2c6.3 0 9.5 0 11.4-2 2-2 2-5.1 2-11.4v-1.2C28 7.1 28 4 26 2 24 0 21 0 14.6 0h-1.2C7.1 0 4 0 2 2Zm2.7 6.5H8c.1 5.4 2.5 7.6 4.3 8v-8h3v4.6c1.9-.2 3.8-2.3 4.5-4.6h3a8.9 8.9 0 0 1-4 5.8 9.2 9.2 0 0 1 4.7 5.9h-3.3a5.8 5.8 0 0 0-4.8-4.2v4.2h-.4c-6.4 0-10-4.4-10.2-11.7Z"/></svg>');background-size: 28px 28px;
}
.rt{
	width: 28px;height: 28px;
	background-image: url('data:image/svg+xml;utf8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"><path  fill="%2307B4CB" d="m240.56 0h-181.12c-32.828 0-59.44 26.612-59.44 59.44v181.12c0 32.828 26.612 59.44 59.44 59.44h181.12c32.828 0 59.44-26.612 59.44-59.44v-181.12c0-32.828-26.612-59.44-59.44-59.44zm-42.216 233.778v-.001l-34.256-50.918h-75.089v50.918h-39.184v-156.509h140.786c8.682 0 15.723.937 21.356 2.581 5.631 1.876 10.324 4.693 14.548 8.682 3.989 4.222 6.805 8.915 8.448 14.313 1.641 5.397 2.581 12.436 2.581 21.353v11.732c0 15.018-2.581 26.281-7.743 33.32s-13.611 11.497-25.343 13.377l37.778 51.153zm-14.075-122.018h-95.27v36.605h95.268c5.394 0 9.151-.704 11.028-2.346 1.876-1.641 3.05-4.693 3.05-9.386v-13.139c0-4.458-1.172-7.51-3.047-9.151-1.879-1.645-5.632-2.583-11.029-2.583zm66.461-31.88c-11.349 0-20.549-9.2-20.549-20.549s9.2-20.55 20.549-20.55 20.55 9.2 20.55 20.55-9.2 20.549-20.55 20.549z" fill-rule="nonzero"/></svg>');background-size: 28px 28px;
}
.yt{
	width: 36px;height: 24px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><path fill="%2307B4CB" d="M34.4 3.8a4.3 4.3 0 0 0-3-3C28.6 0 18 0 18 0S7.3 0 4.7.7a4.3 4.3 0 0 0-3 3C.8 6.5.8 12 .8 12s0 5.6.7 8.3a4.2 4.2 0 0 0 3 3C7.4 24 18 24 18 24s10.7 0 13.3-.7a4.2 4.2 0 0 0 3-3c.8-2.7.8-8.3.8-8.3s0-5.6-.7-8.2ZM14.5 17V6.9l9 5.1-9 5.1Z"/></svg>');background-size: 36px 24px;
}

.dzen {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 24 24"><path d="M0 12.4c4.9 0 7.6.4 9.4 2.2 1.8 1.8 2.2 4.5 2.2 9.4A12 12 0 0 1 0 12.4Zm24 0A12 12 0 0 1 12.4 24c0-4.9.4-7.6 2.2-9.4 1.8-1.8 4.5-2.2 9.4-2.2ZM11.6 0c0 4.9-.4 7.6-2.2 9.4C7.6 11.2 5 11.6 0 11.6A12 12 0 0 1 11.6 0Zm.8 0A12 12 0 0 1 24 11.6c-4.9 0-7.6-.4-9.4-2.2C12.8 7.6 12.4 5 12.4 0Z" style="fill:%2307B4CB;fill-rule:nonzero"/></svg>');
background-size: 24px 24px;
height: 24px;
width: 24px;
}

.table{
	border-top: 2px solid var(--c-base-light);
	width: 100%;
}
.table tr{
	border-bottom: 2px solid var(--c-base-light);
	line-height: 1.2;
}
.table th{
	text-align: left;
	font-weight: 700;
	padding: var(--d-xxsmall);
	vertical-align: top;
}
.table td{
	padding: var(--d-xxsmall);
	vertical-align: top;
}

.open-pdf {
	color: var(--c-base);
	text-decoration: underline;
}

@media screen and (max-width: 1400px) {
	.pr-slider .prev,.pr-slider .next{
		top: 11vw;
	}
}

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

	footer section {
		flex-direction: column;
	}

}

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

	:root {
		--d-base:36px;
		--d-small:24px;
		--d-xsmall:18px;
		--d-xxsmall:12px;
	
		--h1:48px;
		--h2:36px;
		--h3:32px;
		--h4:24px;
		--h5:21px;
		--h6:18px;
	
		--t-base:14px;
		--t-small:12px;
	}
	.pred-box {
		grid-template-columns: repeat(2, 60px 1fr);
	}
	.m1 a{
		font-size: 14px;
	}

}

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

	.m1{
		display: none;
	}
	footer{
		margin-top: var(--d-base);
	}
	footer section+section{
		border-top:none;
	}
	footer section:first-child{
		border-top: 2px solid var(--c-base-light);
	}
}

@media screen and (max-width: 960px) {
	:root {
		--d-base:18px;
		--d-small:16px;
		--d-xsmall:14px;
		--d-xxsmall:12px;
	
		--h1:36px;
		--h2:32px;
		--h3:24px;
		--h4:21px;
		--h5:19px;
		--h6:17px;
	
		--t-base:14px;
		--t-small:12px;
	}
	.manage-box {
		grid-template-columns: repeat(1, 1fr);
	}
	.manage-box li {
		display: grid;
		grid-template-columns: 150px 1fr;
		gap: var(--d-small);
	}
	.manage-box img {
		margin-bottom: 0;
	}
	.why-box {
		text-align: left;
	}
	.why-box li {
		grid-template-columns: 96px 1fr;
	}
	.prod-box{
		grid-template-columns: repeat(2, 1fr);
	}
	.filter{
		grid-template-columns: repeat(2, 1fr);
	}
	.filter li {
		display: block;
	}
	.filter img {
		margin-bottom: var(--d-base);
	}
	.filter-box {
		grid-template-columns: repeat(2, 1fr);
	}
	.pr-slider .prev,.pr-slider .next{
		top: 22vw;
	}
	.prod-box-large a {
		height: 240px;
	}
}


@media screen and (max-width:768px){
	.logo {
		margin-left: 0;
		width: 80px;
		height: 60px;
		background-size: 80px 60px;
	}
	.open-search{
		display: none;
	}

	.first-t-box{
		position: relative;
		margin: -50px var(--d-base) 0 var(--d-base);
		width: auto;
		background: rgba(7, 180, 203, .7);
	}

	.first-t-box h5{
		color: var(--c-dark);
		font-size: var(--h6);
		margin-top: 60px;
	}
	.first-t-box .bt{
		color: var(--c-dark);
		border-color: var(--c-light);
	}


	.video-button {
		right: calc( var(--d-base) * 2 );
		border-color: var(--c-light);
	}

	.first-t-box h1 {
		font-size: var(--h3);
		white-space:normal;
	}

	.pred-box {
		grid-template-columns: repeat(1, 60px 1fr);
	}

	.city_sel_box{
		display: none;
	}

	.ti-box{
		display: block;
	}
	.ti-txt{
		margin: -20px var(--d-base) 0 var(--d-base);
	}

	.ti-video+.ti-txt{
		margin: var(--d-base) 0;
		padding: 0;
	}


	.prod-box {
		grid-template-columns: repeat(1, 1fr);
	}

	.prod-box a{
		height: 133px;
	}

	.prod-box a{
		background-color: transparent;
		border: 1px solid #07B4CB;
	}

	.prod-box .more{
		filter: brightness(0) saturate(100%) invert(84%) sepia(95%) saturate(4%) hue-rotate(96deg) brightness(109%) contrast(100%);
	}
	.prod-box a h5{
		color: var(--c-light);
	}

	.box-h{
		flex-direction: column;
	}

	.filter-list a{
		padding: 3px 8px;
	}

	.area-h h1 {
		max-width: none;
		font-size: var(--h2);
	}

	.album{
		grid-template-columns: repeat(2, 1fr);
	}
	.item-box{
		grid-template-columns: repeat(1, 1fr);
	}
	.open-buy-form{
		display: none;
	}
	.item-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.prod-box-large{
		grid-template-columns: repeat(1, 1fr);
	}
	.adr-list{
		grid-template-columns: repeat(2, 1fr);
	}

	.col2.adr-list{
		grid-template-columns: repeat(1, 1fr);
	}

	.col2.adr-list i{
		max-width: 30%;
	}

}


@media screen and (max-width:640px){
	.mob-col li {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--d-small);
	}
	.mob-col img {
		width: 100%;
	}

	.pr-slider .prev,.pr-slider .next{
		top: 44vw;
	}
	.filter {
		grid-template-columns: repeat(1, 1fr);
	}
	.filter a{
		display: grid;
		grid-template-columns: 30% 1fr;
		gap: var(--d-base);
	}

}