html {
	font-size: 16px;
}
body {
	width: 100%;
	overflow-x: hidden;
	background: #000000;
}
body, a, a:hover, a:focus, a:active,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--header-font);
}
h1, h2, h3,
.h1, .h2, .h3 {
	text-transform: uppercase;
}
h1, .h1 {
	font-size: 1.375rem;
	text-align: center;
}
h2, .h2 {
	font-size: 1.25rem;
}
h3, .h3 {
	font-size: 1.125rem;
}
a, a:hover, a:active, a:focus {
	text-decoration: none;
	transition: all var(--speed);
}
main {
	min-height: 400px;
}
.header-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.brand, .logo {
	display: inline-block;
}
.brand img, .logo img {
	max-height: 60px;
}
.toggle {
	display: inline-flex;
	padding: 8px;
	max-width: var(--toggle-width);
}
.page-header {
	position: relative;
	margin-top: 5rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	text-transform: none;
}
.page-header::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20vw;
	border-bottom: 3px solid var(--secondary-color);
}
.breadcrumb {
	justify-content: center;
	margin-bottom: 3rem;
	font-size: .75rem;
	font-weight: 400;
	text-transform: uppercase;
}
.breadcrumb li + li::before {
	content: '|';
	display: inline-block;
	padding: 0 3px 0 7px;
}
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:focus {
	color: var(--secondary-color);
}
.breadcrumb a:hover, .breadcrumb a:focus {
	color: #ffffff;
}
.page-typical main,
.page-text main,
.page-contact main,
.page-orders main {
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.page-text h2, .page-text .h2,
.page-typical h2, .page-typical .h2 {
	text-transform: none;
}
.page-text a, .page-text a:hover, .page-text a:active, .page-text a:focus {
	text-decoration: underline;
}
.page-text a:hover, .page-text a:active, .page-text a:focus {
	text-decoration: none;
}

@media (min-width:992px) {
	h1, .h1 {
		font-size: 2rem;
	}
	h2, .h2 {
		font-size: 1.5rem;
	}
	h3, .h3 {
		font-size: 1.25rem;
	}
	.toggle-main {
		display: none;
	}
}

header {
	background: var(--header-background);
}

/**
 * Nav
 */
.nav-tree ul li.parent span {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	height: 100%;
	z-index: 1;
	display: inline-block;
	width: var(--toggle-width,46px);
	height: 24px;
	transform: rotate(90deg);
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z'/%3E%3C/svg%3E");
	background-position: 50% 50%;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: transform var(--speed);
}
.nav-tree ul.nav-root > li > a {
	font-family: var(--header-font);
	font-weight: 400;
}
header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	background: rgba(0,0,0,.8);
}
@media (max-width:991px) {
	header {
		position: sticky;
		top: -50px;
		z-index: 1000;

		position: fixed;
		top: 0;
		width: 100%;
		background: rgba(0,0,0,.8);
	}
	.toggle-alt {
		display: none;
	}
	#nav-alter.collapse:not(.show) {
		display: block;
		order: 1;
		width: 100%;
		padding: 8px .5rem;
	}
	#nav-alter a.bi {
		font-size: 1rem !important;
		display: flex;
		align-items: center;
	}
	#nav-alter a.bi::before {
		font-size: 22px !important;
		margin-right: .5rem;
	}
	.header-main {
		order: 2;
	}
	.nav-tree {
		background: rgba(0,0,0,.8)!important;
	}
	.nav-tree ul li.parent.open > span {
		transform: rotate(-90deg);
	}
	.nav-body {
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.toggle.close [class*=" bi-"] {
		display: inline-block;
		padding: .5rem;
	}
	.toggle.close [class*=" bi-"]::before {
		font-size: 48px!important;
	}
	.nav-tree li {
		
	}
	.nav-tree ul li > a {
		flex: 0 0 100%!important;
		justify-content: center!important;
		width: 100%;
		text-align: center;
		color: #ffffff;
		font-size: 1rem;
	}
	.nav-tree ul.nav-root > li > a {
		font-size: 1.5rem;
	}
	.nav-tree ul li.parent span {
		position: absolute;
		right: 0;
	}
}
@media (max-width:991px) and (orientation:landscape) {
	.nav-body {
		align-items: start;
	}
}
@media (min-width:992px) {
	.brand {
		margin-right: auto;
	}
	.nav-tree {
		flex: 0 0 auto!important;
	}
	.nav-tree .nav-body {
		background: none!important;
	}
	.nav-tree .nav-root > li {
		display: inline-flex!important;
		align-items: center;
		padding: 1rem;
		padding-right: .25rem;
	}
	.nav-tree .nav-root > li.parent {
		padding-right: 1.25rem;
	}
	.nav-tree ul li.parent span {
		top: 50%;
		width: 20px;
		transform: translateY(-50%) rotate(90deg);
		background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23aaaaaa' d='M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z'/%3E%3C/svg%3E");
	}
	.nav-tree ul ul li.parent span {
		transform: rotate(0);
		background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23444444' d='M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z'/%3E%3C/svg%3E");
	}
	.nav-tree ul ul li.parent:hover > span {
		background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z'/%3E%3C/svg%3E");
	}
	.nav-tree .nav-root > li ul {
		padding: 1rem 2rem;
	}
	.nav-tree .nav-root > li li a {
		font-size: 1rem!important;
		padding: 1rem 0!important;
		width: 100%!important;
	}
	.nav-tree .nav-root > li li + li {
		border-top: 1px solid #ffffff;
	}
	.nav-tree .nav-root > li > a {
		padding: 0!important;
		font-size: .75rem!important;
		font-weight: 400;
		color: rgba(255,255,255,.8);
	}
	.nav-tree .nav-root > li > a:hover,
	.nav-tree .nav-root > li > a:focus {
		color: #ffffff;
	}
	.nav-tree .nav-root > li.parent > a {
	}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
	.brand img {
		max-height: 80px;
	}
	.nav-tree .nav-root > li > a {
		font-size: 1rem!important;
	}
}

.wow {
	visibility: hidden;
}
.jarallax {
	position:relative;
	z-index:0
}
.jarallax>.jarallax-img,picture.jarallax-img img {
	position:absolute;
	object-fit:cover;
	top:0;left:0;
	width:100%;
	height:100%;
	z-index:-1
}
/*
.fade-block:not(.wow) {
	opacity: 0;
	transition: opacity 0.1s linear;
}
*/

/**
 * SVG ICONS
 */
.si:before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	color: #000000;
	font-size: 32px;
}
.bg-dark .si:before {
	color: #ffffff;
}
.si.si-start,
.si.si-end {
	position: relative;
	line-height: 1.5;
}
.si.si-start:before,
.si.si-end:before {
	position: absolute;
	width: 32px;
	height: auto;
	line-height: 1.2;
}
.si.si-start {
	padding-left: 32px;
}
.si.si-end {
	padding-right: 32px;
}
.si.si-start:before {
	left: 0;
}
.si.si-end:before {
	right: 0;
}
.si-burger {
	display: inline-flex;
	width: 42px;
	height: 42px;
	background: none;
	align-items: center;
	justify-content: center;
}
.si-burger span {
	position: relative;
	display: inline-block;
	width: 23px;
	border-bottom: 2px solid var(--header-color,#000000);;
}
.si-burger span::before,
.si-burger span::after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 2px solid var(--header-color,#000000);;
	transform: translateY(-7px);
}
.si-burger span::after {
	transform: translateY(7px);
}
[class^="si-"]::before, [class*=" si-"]::before,
header [class^="bi-"]::before, header [class*=" bi-"]::before {
	line-height: initial;
	font-size: 24px;
}
label[class^="si-"]::before, label[class*=" si-"]::before,
label[class^="bi-"]::before, label[class*=" bi-"]::before,
.page-link [class^="bi-"]::before, .page-link [class*=" bi-"]::before {
	line-height: initial;
	font-size: 16px;
}

#map {
	min-height: 400px;
}
@media (min-width:992px) {
	.si-burger {
		display: none;
	}
	#map {
		min-height: 600px;
	}
}