body {
	--bs-body-font-family: var(--text-font);
	--bs-body-font-weight: 200;
}
strong {
	font-weight: 700;
}
hr {
	border-color: var(--primary-color);
}

.g-5, .gy-5 {
	--bs-gutter-y: 5rem;
}
.g-5, .gx-5 {
	--bs-gutter-x: 5rem;
}

/**
 * Language
 */
.lang-select {
	display: block;
	text-align: center;
}
.btn-lang-select {
	display: block;
	width: 42px;
	height: 42px;
	background: none;
	border: 0;
	font-size: 1.2rem;
	line-height: 42px;
}
.btn-lang-select {
	line-height: 18px;
}
.btn-lang-select:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 14px;
	background: url(//static.torus.gr/tinyflags/gr.png) 0 0 / 20px 14px no-repeat;
}
.lang-select .dropdown-toggle::after {
	display: none;
}
.lang-item,
.lang-item:hover {
	padding: 15px;
	line-height: 18px;
}
.lang-item:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 14px;
	background: url(//static.torus.gr/tinyflags/gr.png) 0 0 / 20px 14px no-repeat;
	margin-right: .5rem;
}
.lang-item-en:before,
.btn-lang-select.curr-lang-en:before { background-image: url(//static.torus.gr/tinyflags/gb.png); }
.lang-item-el:before,
.btn-lang-select.curr-lang-el:before { background-image: url(//static.torus.gr/tinyflags/gr.png); }

@media (min-width:768px) {
	.btn-lang-select {
		width: 68px;
	}
}

.toggle.close, .toggle.close:hover, .toggle.close:focus {
	--icon-size: 40px;
	display: inline-block;
	float: none!important;
	width: var(--toggle-width,46px);
	height: var(--toggle-height,46px);
	margin-left: auto;
	padding: 0;
	text-align: center;
}
.toggle.close .bi,
.toggle.close .si {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.toggle.close [class^="bi-"]::before, .toggle.close [class*=" bi-"]::before,
.toggle.close [class^="si-"]::before, .toggle.close [class*=" si-"]::before {
	width: var(--icon-size);
	height: var(--icon-size);
	font-size: var(--icon-size);
	line-height: var(--toggle-height,46px);
}

.toggle-wrap .collapsing,
.toggle-wrap .collapse {
	position: absolute;
	top: 100%;
	z-index: 9100;
	padding: 1rem;
}
.toggle-wrap .collapsing ul,
.toggle-wrap .collapse ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 200px;
}

.form-search {
	display: flex;
	justify-content: center;
	padding: 0;
	border-radius: 22px;
	border: 2px solid var(--primary-color);
	overflow: hidden;
}
.form-search input, .form-search button {
	display: block;
	border: 1px solid var(--line-color);
}
.form-search input {
	min-width: calc(100% - 20px);
	border-right: 0;
	padding: 3px 8px 3px 18px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	border: 0;
	line-height: 24px;
}
.form-search button {
	padding: 3px 14px;
	color: var(--primary-color);
	background: none;
	border-color: var(--secondary-color);
	border-radius: 0;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
	border: 0;
	margin: 0;
}
.form-search button:hover,
.form-search button:focus {
	color: var(--pribary-dark-color);
}
.form-search button .si-search {
	width: 24px;
	height: 24px;
	mask-size: 20px 20px;
	margin-top: 3px;
}
.form-search {
	order: 2;
	margin: 0 auto;
}
.form-search-sticky {
	position: sticky;
	z-index: 0;
	top: 0px;
	margin-left: 1rem;
	margin-right: 1rem;
/*
	margin-bottom: 10px;
*/
}
@media (min-width:640px) {
	.form-search-inline {
		display: inline-flex;
		align-self: center;
		margin: auto;
		width: 100%;
	}
	.form-search input {
		min-width: 0;
		outline: none;
	}
	.form-search-sticky {
		display: none;
	}
	nav.controls .toggle.toggle-main {
		margin-right: 1rem;
	}
}
.form-search-sticky::before, .form-search-sticky::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	border-top: 1px solid var(--line-color);
}
.form-search-sticky::before {
	top: 0;
}
.form-search-sticky::after {
	bottom: 0;
}

.list-inline {
	display: inline-flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
.list-inline li + li {
	margin-left: 1rem;
}

.logo img {
	display: block;
	max-width: 300px;
	width: auto;
	height: auto;
}

.breadcrumb {
	font-size: .875rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 1rem;
}
.breadcrumb .divider {
	display: none;
}
.breadcrumb li + li::before {
	content: '|';
	display: inline-block;
	color: var(--secondary-color);
	padding: 0 0 0 .25rem;
}
.arrow .breadcrumb li + li::before { content: '→'; }
.arrow-pipe .breadcrumb li + li::before { content: '|'; }
.arrow-slash .breadcrumb li + li::before { content: '/'; }
.arrow-greater .breadcrumb li + li::before { content: '›'; }
.arrow-play .breadcrumb li + li::before { content: '►'; }

.contact ul {
	list-style: none;
	margin: 1rem 0;
	padding: 0;
}
.contact ul li {
	list-style: none;
	padding-top: .25rem;
	padding-bottom: .25rem;
}
.btn-primary.btn-recaptcha, .btn-primary.btn-recaptcha:hover, .btn-primary.btn-recaptcha:focus {
	background-color: var(--primary-color)!important;
}
#map, .map {
	height: 400px;
	border-radius: 2rem;
}

.dark {
	color: #dddddd;
	background: var(--primary-darkest-color);
}
.dark .si::before {
	color: var(--secondary-light-color);
}
.dark a {
	color: #dddddd;
}
.dark a:hover,
.dark a:focus {
	color: var(--secondary-light-color);
}

footer {
	color: var(--footer-color);
	background: var(--footer-background);
	padding: 4rem 0 3rem;
}
footer a, footer a:hover, footer a:focus {
	color: var(--footer-link-color);
	text-decoration: none;
	transition: all var(--speed);
}
footer a:hover, footer a:focus {
	color: #ffffff;
}
.footer-social a:hover, .footer-social a:focus {
	background: none;
}
.footer-social .bi-facebook:hover::before,
.footer-social .bi-instagram:hover::before {
	color: #000000;
}
footer img {
	max-width: 180px;
	max-height: 180px;
	width: auto;
	height: auto;
}
footer .contact a {
	position: relative;
	display: block;
	padding-left: 5rem;
}
footer .contact .si {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	color: var(--primary-darkest-color);
	background: var(--secondary-color);
}
footer .contact .si::before {
	width: 52px;
	height: 52px;
	line-height: 52px;
	color: var(--primary-darkest-color);
}
footer .contact strong {
	display: block;
	font-weight: 900;
}
footer .caption {
	padding: .5rem 1rem;
	font-weight: 700;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--secondary-color);
}
footer .contact .caption {
	padding: .5rem 0;
}

.nav-tree .nav-root ul {
	border-radius: var(--block-roundness);
	padding: 1rem;
	margin: 0 1rem;
}
.nav-tree li:hover {
	background: none;
}
.nav-tree, .nav-tree a, .nav-tree :hover a {
	color: #ffffff;
}
.nav-root > li > ul > li > a, .nav-tree li:hover > ul > li > a {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.nav-flat a:hover, .nav-flat a:focus {
	color: #ffffff;
	background-color: var(--primary-dark-color)!important;
	font-weight: 700;
}
.nav-root > li:hover > a {
	color: var(--primary-verylight-color);
}

.logo-ondark, .logo-onwhite {
	display: none;
}

header.is-sticky {
	background: var(--primary-darkest-color);
	box-shadow: 0 0 20px rgba(0,0,0, .3);
}
header.is-sticky a,
header.is-sticky a:hover,
header.is-sticky a:focus,
header.is-sticky .btn-link,
header.is-sticky .btn-link:hover,
header.is-sticky .btn-link:focus {
	color: var(--primary-color);
}
header.is-sticky .nav-tree, header.is-sticky .nav-tree a, header.is-sticky .nav-tree :hover a {
	color: var(--primary-color);
}
header.is-sticky .header-phones::before {
	color: var(--primary-color);
	border-color: var(--primary-color);
}
header.is-sticky a::before {
	border-color: var(--primary-color);
}

@media (max-width:991px) {
	.nav-root ul a {
		padding: 1rem;
	}
}

@media (min-width:992px) {
	.toggle-main,
	.toggle-alt,
	.toggle-search {
		display: none;
	}
	.logo-ondark {
		display: block;
	}
	header.is-sticky {
		background: #ffffff;
	}
	header.is-sticky .logo-onwhite {
		display: block;
	}
	header.is-sticky .logo-ondark {
		display: none;
	}
	nav.alter,
	nav.alter.collapse:not(.show) {
		display: block;
		order: 1;
		flex: 1 0 100%;
		background: var(--primary-color);
	}
	.form-search,
	.form-search.collapse:not(.show) {
		display: inline-flex;
		order: initial;
		width: auto;
		max-width: 240px;
	}
	nav.alter > .container, nav.alter > .container-fluid {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	nav.alter, nav.alter a, nav.alter a:hover, nav.alter a:focus {
		color: #ffffff;
	}
	.nav-root > li > ul > li > a, .nav-tree li:hover > ul > li > a {
		color: var(--primary-color);
	}
	.brand {
		height: auto;
		margin-left: 0;
		padding: 1rem 0;
	}
	header .brand img {
		max-width: none;
		width: auto;
	}

	footer {
		padding-bottom: 5rem;
	}
	footer .collapse:not(.show),
	footer .collapsing,
	footer .collapsing:not(.show) {
		display: block;
		height: auto;
		overflow: auto;
	}
	#map, .map {
		height: 600px;
	}
}
@media (min-width:1200px) {
	.form-search,
	.form-search.collapse:not(.show) {
		max-width: none;
	}
}

.hover-fade-bottom {
	position: relative;
}

.hover-fade-bottom .hover-target {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: all var(--speed);
	pointer-events: none;
}
@media (min-width:992px) {
	.hover-fade-bottom .hover-target {
		display: block;
	}
	.hover-fade-bottom:hover .hover-target {
		top: 50%;
		opacity: 1;
		pointer-events: initial;
	}
}

/**
 * Attached documents
 */
.attached-docs ul { display: block; margin: 0; padding: 0; margin-top: 30px; list-style: none; }
.attached-docs ul li:before { display: none; }
.attached-docs a { display: block; font-size: 1.2em; }
.attached-docs a[href$='.pdf'],
.attached-docs a.icon-PDF {
	background:transparent url(//static.torus.gr/icons/filetypes/pdf/pdf-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.xls'],
.attached-docs a[href$='.xlsx'],
.attached-docs a[href$='.csv'],
.attached-docs a[href$='.xlw'],
.attached-docs a[href$='.xlt'] {
	background:transparent url(//static.torus.gr/icons/filetypes/xlsx_win/xlsx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.doc'],
.attached-docs a[href$='.docx'],
.attached-docs a[href$='.rtf'],
.attached-docs a[href$='.wps'],
.attached-docs a[href$='.txt'] {
	background:transparent url(//static.torus.gr/icons/filetypes/docx_win/docx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.pps'],
.attached-docs a[href$='.ppt'],
.attached-docs a[href$='.ppsx'],
.attached-docs a[href$='.pptx'] {
	background:transparent url(//static.torus.gr/icons/filetypes/pptx_win/pptx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.zip'] {
	background:transparent url(//static.torus.gr/icons/filetypes/zip/zip-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.7z'],
.attached-docs a[href$='.rar'] {
	background:transparent url(//static.torus.gr/icons/filetypes/rar/rar-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.jpg'],
.attached-docs a[href$='.jpe'],
.attached-docs a[href$='.jpeg'] {
	background:transparent url(//static.torus.gr/icons/filetypes/jpeg/jpeg-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.gif'] {
	background:transparent url(//static.torus.gr/icons/filetypes/gif/gif-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.png'] {
	background:transparent url(//static.torus.gr/icons/filetypes/png/png-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.tif'],
.attached-docs a[href$='.tiff'] {
	background:transparent url(//static.torus.gr/icons/filetypes/tiff/tiff-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
/* mailto and external links
a[href^="mailto:"] {
	background:transparent url(../images/mailto.png) center left no-repeat; padding-left:20px; line-height:15px; }
 */
.attached-docs a, .attached-docs a:hover {
	text-decoration: none;
	margin-bottom: 1rem;
	transition: all var(--speed);
}
.attached-docs a:hover { color: #ffffff; background-color: var(--secondary-color)!important; }
.attached-docs .filetitle { font-weight: bold; }
.attached-docs .filelocation { display: block; font-weight: normal; text-style: italic; font-size: .875rem; clear: both; }

/**
 * Thumbnails
 */
.thumb {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	background: none;
}
.thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.thumb.cover img {
	object-fit: cover;
}
.thumb.round {
	border-radius: 50%;
}
.thumb.sq,
.thumb.aspect1x1 { aspect-ratio: 1; }
.thumb.aspect2x1 { aspect-ratio: 2; }
.thumb.aspect16x9 { aspect-ratio: 16 / 9; }
.thumb.aspect4x3 { aspect-ratio: 4 / 3; }

.thumb .caption {
	position: absolute;
	top: 1rem;
	left: 1rem;
	right: 1rem;
	z-index: 2;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1;
	text-shadow: 0 0 8px #0005;
}
.thumb .caption.center {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all .3s;
	font-weight: 900;
}

/* effects */
.thumb.overlay::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: block;
	background: var(--brand-secondary-color-fade50);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 0;
}
.thumb.overlay:hover::after {
	opacity: 1;
}
.thumb.bw2color img {
	transition: filter .5s;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.thumb.bw2color:hover img {
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}

.thumb.border-in {
}
.thumb.border-in::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: var(--brand-secondary-color-fade50);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 0;
}
.thumb.border-in:hover::after {
	opacity: 1;
}
.thumb.border-in .caption {
	position: absolute;
	z-index: 2;
	top: 0; bottom: 0; left: 0; right: 0;
	padding: 10px;
	background-color: rgba(47, 56, 71, 0.45);
	border: 2px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	margin: 0;
	transition: .3s ease-out;
	-webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
.thumb.border-in:hover .caption {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	margin: 10px;
}

.thumb.stack-3-left {
	display: inline-block;
	position: relative;
	max-width: 100%;
	-webkit-perspective: 1600px;
	perspective: 1600px;
}
.thumb.stack-3-left img {
	-webkit-transform: translateZ(0) translateX(0) rotateY(0);
	transform: translateZ(0) translateX(0) rotateY(0);
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	outline: 1px solid transparent;
}
.thumb.stack-3-left img:last-child {
	position: relative;
}
.thumb.stack-3-left:hover img:first-child {
	-webkit-transform: translateZ(-300px) translateX(20%) rotateY(-45deg);
	transform: translateZ(-300px) translateX(20%) rotateY(-45deg);
}
.thumb.stack-3-left:hover img:nth-child(2) {
	-webkit-transform: translateZ(-300px) rotateY(-45deg);
	transform: translateZ(-300px) rotateY(-45deg);
}
.thumb.stack-3-left:hover img:nth-child(3) {
	-webkit-transform: translateZ(-300px) translateX(-20%) rotateY(-45deg);
	transform: translateZ(-300px) translateX(-20%) rotateY(-45deg);
}


@media (min-width:992px) {
	.thumb.border-in:hover .caption {
		margin: 2rem;
	}
}

/**
 * Hover effects
 */
.he {
	position: relative;
	transition: all var(--speed);
}
.he:hover {
	z-index: 2;
}
.he-zoomin {
	will-change: transform;
}
.he-zoomin:hover {
	transform: scale(1.1);
}
.he-shadow-3 {
	will-change: opacity;
}
.he-shadow-3:hover {
	box-shadow: 0 0 1rem rgba(0,0,0,.5);
}
.he-mid2bot {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%);
}
.he-wrap:hover .he-mid2bot {
	bottom: 0;
	transform: translate(-50%,0);
}

/**
 * Video
 */
.video-section {
	max-width: 640px;
	margin: 30px auto;
	border: 8px solid #ffffff;
	overflow: hidden;
}
.video-container {
	padding: 15px;
	background: rgba(0,0,0,0.5);
	position: relative;
	width: 100%;
	height: 0;
	padding: 0;
	padding-bottom: 56.25%; /* The height of the item will now be 56% of the width. */
	margin: auto;
	overflow: hidden;
}
.video-container iframe,
.video-container video,
.video-container object,
.video-container embed {
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: 0;
}
.product-video {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}
.product-video iframe {
	width: 90vw;
	height: 50vw;
	margin: 0 auto 2rem;
}
.page-blog video {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
}
@media (min-width:992px) {
	.product-video iframe {
		width: 45vw;
		height: 25vw;
	}
}

/**
 * Forms
 */
 
.form-tbl, .form-tbl fieldset { display: table; border-collapse: collapse; width: 100%; }
.form-tbl table { width: 100%; }
.form-tbl .fieldwrap { display: table-row; width: 100%; }
.form-tbl label, .form-tbl .control, .form-tbl td, .form-tbl th {
	display: table-cell;
	vertical-align: top;
	float: none;
	height: 100%;
	margin: 0;
	padding: 7px 15px;
	border: 1px solid var(--line-color);
}
.form-tbl label.radioLabel { display: inline; }
.form-tbl .ajaxHint { display: none; }
.form-tbl td { width: 70%; font-weight: bold; }
.form-tbl th { width: 30%; font-weight: normal; text-transform: uppercase; }
.form-tbl label { font-weight: normal; text-transform: uppercase; }
.form-tbl .control { font-weight: bold; }
.form-tbl fieldset .control { width: 70%; }
.form-tbl .fieldwrap label { border-right: 0; }
.form-tbl .fieldset label { border: 1px solid #f0f0f0; border-right: 0; }
.form-tbl .fieldset label h4 { text-transform: uppercase; color: #66aaff; font-size: 13px; font-weight: bold; margin: 0; }
.form-tbl .fieldwrap + .fieldwrap label, .form-tbl .fieldwrap + .fieldwrap .control { border-top: 0; }
.form-tbl .btn { margin-top: 15px; }
.form-tbl fieldset .fieldwrap + .fieldwrap label, .form-tbl fieldset .fieldwrap + .fieldwrap .control { border-top: 1px solid #f0f0f0; }
.form-tbl .info-box { display: table-cell; margin: 0; display: none; }
.form-tbl .form-tbl .fieldwrap { width: 100%; }
.form-tbl legend { display: table-row; color: #f02727; text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0; }
.form-tbl legend span { display: table-cell; }

.form-inner { margin: 0 3em; }

/*
.form-control {
	border-radius: 15px;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}
*/
.form-control, .form-control:focus, .form-control:hover {
	 border-color: #c0c0c0;
}
.form-control:focus, .form-control:hover {
	 border-color: var(--brand-color);
}
.form-control:focus {
	 border-color: var(--brand-color-alt);
}

.map-selector { height: 200px; }
.map-selector label { width: auto; display:inline; }
.map-selector img { max-height: none; max-width: none; }

.validResult { display: none; }
.control-display { }
.form-horizontal .control-label { text-align: left; }
.form-inner h3 { margin: .5em 0; }
.radio-group { display: table-row; }
.radio-group .control, .radio-group label { display: table-cell; vertical-align: top; padding: 5px; position: static; }

.empty-message,
.error-message { display: none; }

.alert-danger {
	color: #cc0077;
};
.invalid .error-message { display: block; }
.empty .empty-message,
.invalid.empty .empty-message { display: block; }

.form-group { position: relative; }
.form-group .alert-danger { background: none; border: 0; border-radius: 0; }
.form-group .alert { box-shadow: 0 0 0 transparent; font-size: 14px; margin: 0; padding: 7px; }

.info-box {
	font-size: 14px;
	font-style: italic;
}
.asterisk:after {
	content: '*';
	color: #cc0077;
}

.form-control,
.form-control:hover,
.form-control:focus,
.form-select,
.form-select:hover,
.form-select:focus,
.input-group > .input-group-text { border-radius: var(--control-border-radius); box-shadow: 0 0 0 transparent; }

.form-buttons { margin-top: 15px; }

.form-material {
	max-width: 100%;
	margin: 0;
	padding: 1rem;
	background: #eef0ff;
	background: #ffffff;
	border: 1px solid var(--brand-color-alt);
}
.form-material .well {
}
.form-material .form-group {
	position: relative;
	margin: 1rem 0;
}
.form-material .form-group label {
	position: absolute;
	top: -0.6rem;
	left: 2.5rem;
	font-size: .9rem;
	font-weight: bold;
	padding: 0 0.8rem;
	background: #ffffff;
}
.form-material .form-group .control label,
.form-material .form-group.control-checkbox label {
	position: static;
}
.form-material .form-control,
.form-material .control-display {
	height: auto;
	padding: 1rem 2rem;
	border: 1px solid var(--line-color);
}
.form-material .form-control:focus {
	border-color: var(--brand-primary-color);
}
.form-material .form-link {
	margin: 0.375rem 0;
}
.form-material .form-link .fa, .form-material .form-link .fas {
	display: inline-block;
	width: 2rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	z-index: 10;
}
.form-floating > .input-group > .form-control {
	height: calc(3.5rem + 2px);
	padding: 1rem .75rem;
}
.form-floating > .input-group > .form-control:focus,
.form-floating > .input-group > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem;
}
.form-floating > .input-group > label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 1rem .75rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}
.form-floating > .input-group > .form-control::placeholder {
	color: transparent;
}
.form-floating > .input-group > .form-control:focus ~ label,
.form-floating > .input-group > .form-control:not(:placeholder-shown) ~ label {
	opacity: .65;
	transform: scale(.85) translateY(-.5rem) translateX(.15rem);
	z-index: 10;
}
.form-floating > textarea {
	min-height: 6rem;
}
.btn-group {
	width: auto;
}

@media (min-width:768px) {
	.form-material {
		max-width: 400px;
		margin: 0 auto;
		padding: 2rem;
	}
	.form-material.form-wide {
		max-width: 600px;
	}
}
@media (min-width:992px) {
	.form-material.form-wide {
		max-width: 800px;
	}
}



/**
 * Parsley
 */
.parsley-errors-list {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	padding: 0;
	color: #aa0000;
	list-style: none;
}
.parsley-errors-list li:before {
	display: block;
	float: left;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	font: normal 16px/20px var(--icons-font);
	content: '\F33B';
}
.parsley-errors-list.filled:before {
	display: table;
	content: '';
	clear: both;
	height: 1px;
}
.parsley-error:after,
.parsley-error:before {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.parsley-errors-list li {
	border-radius: 12px;
	padding: 2px 10px;
	background: #ffffff;
}

/**
 * Ajax
 */
.ajax-container {
	position: relative;
	display: block;
	min-height: 100px;
}
.ajax-inline { display: inline-block; }
.working {
	position: relative;
}
.working:after {

	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-top: -24px;
	margin-left: -24px;

	content: ' ';
	width: 48px;
	height: 48px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath fill='%2300f' d='M31.6 3.5C5.9 13.6-6.6 42.7 3.5 68.4a49.93 49.93 0 0 0 64.9 28.1l-3.1-7.9a41.46 41.46 0 1 1-30.5-77.1l-3.2-8z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='2s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath fill='%2300f' d='M42.3 39.6c5.7-4.3 13.9-3.1 18.1 2.7 4.3 5.7 3.1 13.9-2.7 18.1l4.1 5.5a19.8 19.8 0 0 0-23.6-31.8l4.1 5.5z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='-360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath fill='%2300f' d='M82 35.7C74.1 18 53.4 10.1 35.7 18S10.1 46.6 18 64.3l7.6-3.4c-6-13.5 0-29.3 13.5-35.3s29.3 0 35.3 13.5l7.6-3.4z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='2s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")
		50% 50% no-repeat;
	min-height: 48px;
}
.ajax-container th {
	font-weight: normal;
	text-align: right;
	font-size: 85%;
}
.ajax-container th h4 {
	text-align: center;
}
.ajax-container .btn {
}

.ajaxLookup { position: relative; }
.ajaxLookup > input {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: -1;
}

.ajaxLookupResults {
	max-height: 300px;
	overflow-y: auto;
}
.ajaxLookupResults table {
	width: 100%;
	border-collapse: collapse;
}
.ajaxLookupResults table tr {
	border-bottom: 1px solid var(--line-color);
	cursor: pointer;
}
.ajaxLookupResults table tr:hover td {
	color: #ffffff;
	background: var(--primary-color);
}
.ajaxLookupResults table tr td {
	padding: 3px;
	vertical-align: top;
	font-size: 85%;
}

/**
 * Modal
 */
.modal-content {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 15px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.5);
    box-shadow: 0 0 40px rgba(0,0,0,.5);
}
.modal-message .modal-dialog {
    width: 450px;
}
.modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header, .modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center!important;
    font-size: 14px;
}
.modal-message label {
	font-size: 12px;
}
.modal-message .btn {
	font-size: 12px;
}
.modal-message .modal-title {
    font-size: 17px;
    color: #666666;
    margin-bottom: 3px;
}

.modal-message .modal-body {
    color: #999999;
}
.modal-message .modal-header {
    color: #ffffff;
    margin-bottom: 10px;
    padding: 15px 0 8px;
}
.modal-message .modal-header .fas, 
.modal-message .modal-header .fab, 
.modal-message .modal-header .glyphicon {
    font-size: 30px;
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px;
}

.modal-backdrop.in {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: .10;
    -moz-opacity: .40;
    opacity: .40;
}
.modal-backdrop {
	background-color: #000000;
}
.modal-message .modal-header {
	justify-content: center;
	font-size: 40px;
}
.modal-message.modal-success .modal-header {
    color: #5cb85c;
    border-bottom: 3px solid #5cb85c;
}

.modal-message.modal-info .modal-header {
    color: #1FA9FF;
    border-bottom: 3px solid #1FA9FF;
}

.modal-message.modal-danger .modal-header {
    color: #FF0000;
    border-bottom: 3px solid #FF0000;
}

.modal-message.modal-warning .modal-header {
    color: #EFB03B;
    border-bottom: 3px solid #EFB03B;
}
.modal-message .form-group {
	display: flex;
	flex-wrap: wrap;
}
.modal-message .control {
	order: 1;
	flex-basis: 30px;
}
.modal-message .control-label {
	order: 2;
	flex-basis: calc(100% - 30px);
	text-align: left;
}
/**
 * Marquee
 */
.marquee {
	z-index: 10;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 15px;
	overflow: hidden;
	background: #777777;
}
@keyframes marquee {
	from { margin-left: 100%; }
	to { margin-left: -850px; }
}
.marquee h3 {
	position: absolute;
	color: #ffffff;
	display: inline-block;
	width: 850px;
	margin: 0;
	line-height: 30px;
	font-size: 22px;
	animation: marquee 20s linear 0s infinite;
}
.marquee h3:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/**
 * Cookies box
 */
.cb-cookiesbox {
	position: fixed;
	top: auto; left: 0; right: 0; bottom: 0;
	z-index: 1010;
	display: block;
	padding: 8px;
	margin: 0;
	color: var(--secondary-light-color);
	background: var(--secondary-darker-color);
}
.cb-cookiesbox p {
	margin: 0;
	text-align: center;
	line-height: 1em;
}
.cb-cookiesbox .btn {
	margin: 1rem 0;
}
.cb-cookiesbox .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	color: var(--secondary-light-color);
	background: none;
}
.cb-cookiesbox .btn-close::before {
	font-family: 'bootstrap-icons';
	content: '\f659';
}
@media (min-width:992px) {
	.cb-cookiesbox {
		left: 2rem; right: auto; bottom: 2rem;
		width: 470px;
		padding: 1rem 2rem;
	}
	.cb-cookiesbox p {
		padding-right: 4rem;
	}
}

/**
 * owl-carousel
 */
.owl-carousel .owl-stage {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.owl-carousel .item {
	padding: 0 1rem;
	text-align: center;
	background: var(--bg-img) center / cover;
}
.owl-carousel .item {
	display: flex;
	justify-content: center;
	align-items: center;
}
.owl-carousel .slide-caption {
	padding: 2rem;
}

/* .owl-home */
.owl-carousel.owl-home .item {
	aspect-ratio: 1;
	width: 100vw!important;
}
.owl-carousel.owl-home .item * {
	margin: 0;
}
.owl-carousel.owl-home h3 {
	font-size: 1.75rem;
	font-weight: 900;
}
.owl-theme .owl-dots {
	position: absolute;
	inset: auto 0 1rem;
}
.owl-theme .owl-dots .owl-dot span {
	width: 1rem;
	height: 1rem;
	margin: 10px;
	background-color: var(--primary-light-color);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #ffffff;
}
.owl-theme .owl-nav {
	position: absolute;
}
@media (min-width:768px) {
	.owl-carousel .item {
		background-image: var(--bg-lg-img);
	}
	.owl-carousel.owl-home .slide-caption {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.owl-carousel.owl-home h3 {
		max-width: 75vw;
		font-size: 3rem;
		margin-bottom: 1rem;
	}
}
@media (min-width:992px) or (orientation: landscape) {
	.owl-carousel.owl-home .item {
		aspect-ratio: initial;
		height: 100vh;
	}
}


/**
 * vbox
 */
.vbox-container img {
	max-height: 100vh;
}

/**
 * Swiper slider
 */
.swiper {
	/*
	color: #ffffff;
	background: (--dark-color);
	*/
}
.swiper-slide {
	height: 100vw;
	background-position: 50% 50%;
}
@media (max-width:991px) and (orientation: landscape) {
	.swiper-slide {
		height: calc(100vh);
	}
}
@media (min-width:1200px) {
	.swiper-slide {
		height: 100vh;
	}
}


/**
 * Signature
 */
.signature {
	display: block;
	width: auto;
	text-align: center;
	font-size: .875rem;
	font-weight: bold;
}
.torus { display: inline-block; }
.torus a { display: inline-block; padding: .5rem 1rem; }

@media print {
	header .top-bar,
	header .top-bar2,
	#toolbox, #searchbox, #cartsummary, #headmenu,
	.brand-carousel-container,
	.newsletter
	{ display: none; }
}



.banner-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.flex-break {
	flex-basis: 100%;
}
.banner,
.banner-sm {
	position: relative;
	margin-bottom: .5rem;
}
.banner {
	width: 180px;
	height: 90px;
}
.banner-sm {
	width: 90px;
	height: 30px;
}
.banner-sm.aspect-3x1 { width: 90px; }
.banner-sm.aspect-2x1 { width: 60px; }
.banner-sm.aspect-1x1 { width: 30px; }
.banner + .banner,
.banner + .banner-sm,
.banner-sm + .banner,
.banner-sm + .banner-sm {
	margin-left: 1rem;
}
.banner::before,
.banner-sm::before {
	content: '';
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: var(--bg-image) 50% 50% / contain no-repeat;
	width: 100%;
	height: 100%;
}

.product-details .banner-sm {
	width: 45px;
	height: 20px;
}

.price {
	display: block;
	color: var(--primary-color);
	font-size: 2rem;
	text-align: center;
}



/**
 * products list
 */

.product-card {
	height: calc(100% - calc(var(--bs-gutter-x)));
	margin-bottom: calc(var(--bs-gutter-x));
	text-align: center;
}
.product-card h2,
.product-card .h2 {
	font-size: 1rem;
	font-weight: bold;
}

.product-card .card-header {
	background: none;
	border-bottom: 0;
	overflow: hidden;
}
.product-list.list [class^="col-"], .product-list.list [class*=" col-"] {
	width: 100%!important;
}
.product-list.list .product-card {
	flex-direction: row;
}
.product-list.list .product-card .thumb {
	min-width: 120px;
}

/**
 * products details
 */
.product-photo,
.product-thumb {
	display: block;
	border: 1px solid var(--line-color);
}
.product-photos-carousel {
	margin-top: .5rem;
}

.product-details .table,
table.specs {
	border: 1px solid var(--line-color);
	border-left: 0;
	border-right: 0;
	width: 100%;
}
.product-details .table tbody, .product-details .table tr,
table.specs tbody, table.specs tr,
table.specs th, table.specs td {
	border: inherit;
}
.product-details .table th, .product-details .table td,
table.specs th, table.specs td {
	padding: .5rem 1rem;
	border-width: 0;
}
table.specs td.data {
	font-weight: 700;
}

/**
 * products group
 */
.products-group .link-tile,
.products-category .link-tile {
	display: block;
	text-align: center;
}
.products-group .link-tile > img,
.products-category .link-tile > img {
	display: block;
	aspect-ratio: 1;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	transition: transform var(--speed);
}
.products-group .link-tile:hover img,
.products-category .link-tile:hover img {
	transform: translate(1%,1%) scale(1.1);
}
.products-group .link-tile > .caption,
.products-category .link-tile > .caption {
	display: block;
}

/**
 * products recently viewed
 */
.recently-viewed {
	padding: 2rem 0;
	background: var(--secondary-light-color);
}
@media (min-width: 992px) {
	.recently-viewed {
		padding: 4rem 0;
	}
}

/**
 * cart summary and cart details
 */
.cart-summary {
	position: absolute;
	right: 0;
	font-size: .825rem;
	background: #ffffff;
	border: 1px solid var(--line-color);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.cart-summary .caption {
	font-size: 1.2rem;
	color: var(--primary-color);
}
.cart-summary .cart-item,
.checkout-cart-summary .cart-item {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	width: 100%;
}
.cart-summary .product-photo,
.checkout-cart-summary .product-photo {
	flex-basis: 80px;
	width: 80px;
	border: 0;
}
.cart-summary .product-info,
.checkout-cart-summary .product-info {
	flex-basis: calc(100% - 180px);
}
.cart-summary .product-value,
.checkout-cart-summary .product-value {
	flex-basis: 100px;
	text-align: right;
	font-weight: 700;
}
.cart-summary .thumb,
.checkout-cart-summary .thumb {
}

.cart-totals {
	margin: .5rem 0;
	padding: .5rem 0;
	border: 1px solid var(--line-color);
	border-left: 0;
	border-right: 0;
}
.cart-summary .cart-totals dl,
.checkout-cart-summary .cart-totals dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 0;
}
.cart-summary .cart-totals dl dt,
.checkout-cart-summary .cart-totals dl dt {
	flex-basis: calc(100% - 100px);
	font-weight: 400;
}
.cart-summary .cart-totals dl dd,
.checkout-cart-summary .cart-totals dl dd {
	flex-basis: 100px;
	text-align: right;
	font-weight: 700;
}
.cart-summary .cart-totals dd:last-of-type,
.cart-summary .cart-totals dt:last-of-type,
.checkout-cart-summary .cart-totals dd:last-of-type,
.checkout-cart-summary .cart-totals dt:last-of-type {
	padding-top: .5rem;
	margin-bottom: 0;
	border-top: 1px solid var(--line-color);
	line-height: 2rem;
}
.cart-summary .cart-totals dd:last-of-type,
.checkout-cart-summary .cart-totals dd:last-of-type {
	font-size: 2rem;
}

.product-quantity .input-group {
	justify-content: center;
}
.product-price .data,
.product-value .data {
	text-align: right;
}
.input-quantity {
	max-width: 100px;
}


/*
@media (min-width:1400px) {
	.container {
		max-width: 1400px;
	}
}
@media (min-width:1600px) {
	.container {
		max-width: 1600px;
	}
}
*/

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 * Version: 1.13.0
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html,html.os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{position:relative;overflow:visible!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.os-host-flexbox{overflow:hidden!important;display:-webkit-box;display:-ms-flexbox;display:flex}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue{min-height:0;min-width:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}#os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size:before,#os-dummy-scrollbar-size:after,.os-content:before,.os-content:after{content:'';display:table;width:.01px;height:.01px;line-height:0;font-size:0;flex-grow:0;flex-shrink:0;visibility:hidden}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}.os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.os-host-overflow>.os-padding{overflow:hidden}.os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}.os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}.os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;-webkit-filter:none!important;filter:none!important;border:0!important;resize:none!important;-webkit-transform:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;-webkit-perspective:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{z-index:-1;pointer-events:none}.os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}.os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;visibility:hidden;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}.os-resize-observer-host.observed{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before{display:flex;position:relative;flex-grow:1;flex-shrink:0;flex-basis:auto;box-sizing:border-box}.os-resize-observer-host.observed>.os-resize-observer:before{content:'';box-sizing:content-box;padding:inherit;border:inherit;margin:0}.os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer-item-final{position:absolute;left:0;top:0;-webkit-transition:none!important;transition:none!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer{-webkit-animation-duration:.001s;animation-duration:.001s;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}@keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}.os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}.os-host-rtl>.os-scrollbar-corner{right:auto;left:0}.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.os-host-overflow{overflow:hidden!important}.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{height:10px;width:10px}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:transparent}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px}

.bg-dark [class^="si-"]::before, .bg-dark [class*=" si-"]::before {
	font-size: 18px;
	color: var(--secondary-color);
}
header {
	background: var(--header-background);
}
/*
.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='%23000000' 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-color: #ffffff;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: transform var(--speed);
}
*/
@media (max-width:991px) {
	.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 ul li.parent.open > span {
		transform: rotate(-90deg);
	}
}
/*
@media (min-width:992px) {
	.nav-tree ul li.parent span {
		top: 50%;
		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='%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 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");
	}
}

.bg-dark {
	background-color: var(--primary-darker-color) !important;
}
*/
.text-secondary {
	color: var(--secondary-color) !important
}
.btn-lang-select, .btn-lang-select:hover, .btn-lang-select:focus {
	color: #ffffff;
	font-size: 1rem;
	font-weight: bold;
	border: none;
	box-shadow: none;
	border: 1px solid transparent;
}
.btn-lang-select:focus {
	border-color: var(--secondary-color);
}

.category-thumb {
	
}
.category-thumb h2 {
	position: absolute;
	z-index: 1;
	padding: 1rem;
	margin: 0;
	width: 80%;
	text-align: center;

	background-color: #ffffff;
	color: var(--primary-color);
	overflow: hidden;
	display: inline-block;
	padding: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	box-shadow: 0 0 10px var(--secondary-color);
/*
	color: transparent;
*/
}
/*
.category-thumb h2 span { 
	background: var(--bg) 50% 50% / cover;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	display: block;
}
*/
.he-wrap:hover .he-mid2bot {
	bottom: 1rem;
}

.product-card,
.category-card {
	display: flex;
	flex-flow: column nowrap;
	border: 2px solid var(--verylight-grey-color);
	margin-bottom: 2rem;
	height: calc(100% - 2rem);
	text-align: center;
	transition: all .3s;
	overflow: hidden;
}
.product-card:hover,
.category-card:hover {
	border-color: var(--primary-color);
}
.product-card h2,
.category-card h2 {
	background: var(--verylight-grey-color);
	padding: .5rem 1rem;
	margin: 0;
	margin-top: auto;
	font-size: 1.75rem;
	font-weight: normal;
	transition: all .3s;
}
.product-card h2 {
	font-size: 1rem;
	font-weight: bold;
}
.product-card:hover h2,
.category-card:hover h2 {
	background: var(--primary-color);
}
.product-card a, .product-card a:hover, .product-card a:focus,
.category-card a, .category-card a:hover, .category-card a:focus {
	text-decoration: none;
	transition: all .3s;
}
.product-card:hover a, .product-card:focus a,
.category-card:hover a, .category-card:focus a {
	color: #ffffff;
}
.product-card .thumb {
	position: relative;
	transition: all .3s;
}
.product-card:hover .thumb {
	transform: translate(-1%,-1%) scale(1.2);
}

.product-photo {
	border: 0;
}
.nav-tabs {
	flex-wrap: nowrap;
	border: 0;
	background: var(--primary-color);
	padding: .5rem .5rem 0;
}
.nav-tabs .nav-link {
	padding: .5rem;
	color: #ffffff;
	font-size: .75rem;
	font-weight: bold;
}
.nav-tabs .nav-link .bi {
	font-size: 1rem;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: var(--line-color) var(--line-color) #ffffff;
}
.nav-tabs .nav-link.active {
	position: relative;
}
.tab-content {
	width: 100%;
	padding: 1rem .5rem;
	background: #ffffff;
	border: 1px solid var(--line-color);
}
.scrollable {
	padding: 0 .5rem;
}
@media (min-width: 992px) {
	.nav-tabs {
		padding: 1rem 1rem 0;
	}
	.nav-tabs .nav-link {
		font-size: 1rem;
	}
}

@media (min-width: 1200px) {
	.container-min {
		max-width: 980px;
	}
}
@media (min-width: 1400px) {
	.container-min {
		max-width: 1200px;
	}
}

.productgroups {
	padding: 3rem 0;
	margin-top: 2rem;
	text-align: center;
	color: #ffffff;
	background: var(--primary-color);
}
.nav-productgroup {
	padding: 1rem;
	height: 100%;
	transition: all .3s;
	border-radius: .5rem;
}
.nav-productgroup:hover {
	background-color: var(--primary-color);
}
.nav-productgroup h2, .nav-productgroup h3 {
	color: #ffffff;
}
.nav-productgroup h2 {
	font-size: 1rem;
	font-weight: bold;
}
.nav-productgroup h3 {
	font-size: .875rem;
}
.nav-productgroup a, .nav-productgroup a:hover, .nav-productgroup a:focus {
	text-decoration: none;
	transition: all .3s;
}
.nav-productgroup a:hover, .nav-productgroup a:focus {
	text-shadow: 0 0 3px rgba(0,24,119,.7);
}


/**
 * Site icons
 */

.icon-group {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: none;
	transition: all .3s;
	margin: 1rem;
}
.icon-group:before,
.icon-group:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.icon-group:before {
	background-color: #ffffff;
	transform: rotate(45deg);
	border-radius: .5rem;
	border: 2px solid var(--primary-color);
}
.icon-group:after {
	background-color: var(--primary-color);
	transform: scale(0.65);
	mask-size: contain;
}
.nav-productgroup .icon-psitopoleio:after {
	mask-image: url(/images/groups/psitopoleio.svg);
}
.nav-productgroup .icon-taverna-estiatorio:after {
	mask-image: url(/images/groups/taverna-estiatorio.svg);
}
.nav-productgroup .icon-ksenodocheio:after {
	mask-image: url(/images/groups/ksenodocheio.svg);
}
.nav-productgroup .icon-street-food-fast-food:after {
	mask-image: url(/images/groups/street-food-fast-food.svg);
}
.nav-productgroup .icon-zacharoplasteio:after {
	mask-image: url(/images/groups/zacharoplasteio.svg);
}


.badge {
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	background: var(--secondary-color);
}
.brand.thumb {
	margin-bottom: var(--bs-gutter-x);
	border: 2px solid var(--verylight-grey-color);
	transition: all var(--speed);
}
.brand.thumb:hover {
	border: 2px solid var(--primary-color);
}
.brand.thumb .badge {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 1rem;
}
/*
.brand.thumb img {
	height: 140px;
}
*/
.bottom-message .message {
	color: var(--primary-color);
	margin: 2rem;
	padding: 1rem;
	border: 3px solid var(--secondary-color);
	border-radius: 8px;
	font-size: 1.2rem;
	text-align: center;
}

footer {
	color: var(--footer-color);
	background-color: var(--footer-background);
}
footer .caption {
	font-size: 1.25rem;
}
footer .nav-flat .nav-body {
	/*
	column-count: 2;
	column-gap: 10px;
	*/
	font-size: .875rem;
}
footer .nav-flat .nav-body a {
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 100px;
}
.blog-nav a, .blog-nav a:hover, .blog-nav a:focus {
	display: flex;
	width: 100%;
	padding: .25rem;
	border: 1px solid transparent;
	text-decoration: none;
}
.blog-nav a:hover, .blog-nav a:focus {
	border-color: var(--secondary-color);
}
.blog-nav a .badge {
	margin-left: auto;
}
footer .nav-flat .nav-body a::before,
.blog-nav a::before {
	content: '\f234';
	display: inline-block;
	margin-right: .5rem;
	font-family: bootstrap-icons;
	color: var(--secondary-color);
}

.blog-item {
	display: flex;
	flex-flow: column nowrap;
	margin-bottom: 2rem;
	border: 3px solid var(--verylight-grey-color);
	height: calc(100% - 2rem);
	transition: all .3s;
}
.blog-item:hover {
	border-color: var(--secondary-color);
}
.blog-item .card-header {
	border: 0;
	background: none;
}
.blog-item h2 {
	font-size: 1.75rem;
}
.blog-item .badge span {
	display: inline-block;
	padding: 0 .25rem;
}

table.specs .label-cell {
	width: 35%;
}
@media (min-width:992px) {
	.nav-root {
		max-width: 960px!important;
		padding: 0!important;
		margin-left: auto!important;
		margin-right: auto!important;
		padding-right: var(--bs-gutter-x,.75rem)!important;
		padding-left: var(--bs-gutter-x,.75rem)!important;
	}
/*
	.nav-root > li:first-child {
		margin-right: auto;
	}
	.nav-root > li:first-child > span {
		left: auto!important; bottom: auto!important;
		top: calc(50% - 24px); right: 0;
		width: 48px!important;
		height: 48px!important;
		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")
			!important;
		background-size: 24px 24px !important;
	}
	.nav-root > li:first-child > a {
		background-color: var(--secondary-color);
		color: #ffffff;
		width: 300px;
	}
	.nav-root > li:first-child ul {
		width: 300px!important;
	}
	.nav-root > li:first-child ul li {
		width: 100%!important;
	}
*/
	.tab-pane.scroll-container {
		height: 380px;
		overflow: auto;
	}

	.nav-productgroup h2 {
		font-size: 1.125rem;
	}
	.nav-productgroup h3 {
		font-size: 1rem;
	}
	.bottom-message .message {
		margin: 3rem auto;
		padding: 2rem;
		max-width: 900px;
		font-size: 1.5rem;
	}
	table.specs .label-cell {
		width: 25%;
	}

}

@media (min-width:1200px) {
	.nav-root {
		max-width: 1140px!important;
	}
	/*
	footer .nav-flat .nav-body {
		column-count: 3;
	}
	*/
}
@media (min-width:1400px) {
	.nav-root {
		max-width: 1400px!important;
	}
}
@media (min-width:1600px) {
	.nav-root {
		max-width: 1600px!important;
	}
}

.working:after {
	background: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-ripple'%3E%3Ccircle cx='50' cy='50' r='14.03' fill='none' stroke='%23072d4f' stroke-width='6'%3E%3Canimate attributeName='r' calcMode='spline' values='0;40' keyTimes='0;1' dur='1' keySplines='0 0.2 0.8 1' begin='-0.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' calcMode='spline' values='1;0' keyTimes='0;1' dur='1' keySplines='0.2 0 0.8 1' begin='-0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='33.57' fill='none' stroke='%234be' stroke-width='6'%3E%3Canimate attributeName='r' calcMode='spline' values='0;40' keyTimes='0;1' dur='1' keySplines='0 0.2 0.8 1' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' calcMode='spline' values='1;0' keyTimes='0;1' dur='1' keySplines='0.2 0 0.8 1' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E")
		50% 50% no-repeat;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
}

.bg-dark a.btn-whatsapp {
	position: fixed;
	/*
	top: 50%;
	left: -40px;
	transform: translateY(-50%) rotate(-90deg);
	*/
	left: 1rem;
	bottom: 1rem;
	display: inline-block;
	width: 120px;
	height: 40px;
	background: url("data:image/svg+xml,%3Csvg width='497.44' height='497.44' viewBox='0 -175.15 497.44 497.44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23272525' d='M487.03 87.87a10.67 10.67 0 0 1-1.45 3.69 7.85 7.85 0 0 1-2.7 2.59 8.1 8.1 0 0 1-4.1.99 7.7 7.7 0 0 1-4.08-1 8.28 8.28 0 0 1-2.73-2.58 11.44 11.44 0 0 1-1.49-3.69 19.42 19.42 0 0 1-.46-4.28c0-1.5.15-2.98.43-4.36.28-1.42.78-2.66 1.45-3.72a8.03 8.03 0 0 1 2.7-2.66 7.77 7.77 0 0 1 4.1-1.03c1.6 0 2.94.36 4.04 1.03a8.6 8.6 0 0 1 2.73 2.7c.71 1.1 1.2 2.37 1.52 3.75.32 1.42.46 2.83.46 4.29s-.14 2.87-.42 4.28zm9.43-11.44a18.9 18.9 0 0 0-3.02-6.24 15.5 15.5 0 0 0-5.14-4.28 15.98 15.98 0 0 0-7.4-1.63c-2.27 0-4.32.46-6.2 1.34a10.98 10.98 0 0 0-4.64 4.3h-.14v-4.65h-9.5v49.14h10V97.16h.13a11.95 11.95 0 0 0 4.68 4.04c1.91.92 3.97 1.38 6.24 1.38 2.65 0 5-.53 7.01-1.56a14.92 14.92 0 0 0 5-4.15 17.28 17.28 0 0 0 2.98-5.98 27.12 27.12 0 0 0 0-14.5v.04zm-49.3 11.44c-.28 1.42-.77 2.63-1.45 3.69s-1.55 1.91-2.69 2.59a8.1 8.1 0 0 1-4.1.99 7.8 7.8 0 0 1-4.08-1 8.3 8.3 0 0 1-2.73-2.58 11.48 11.48 0 0 1-1.49-3.69 19.3 19.3 0 0 1-.46-4.28c0-1.5.14-2.98.43-4.36a10.9 10.9 0 0 1 1.45-3.72 8.04 8.04 0 0 1 2.7-2.66 7.76 7.76 0 0 1 4.1-1.03c1.6 0 2.94.36 4.04 1.03a8.59 8.59 0 0 1 2.73 2.7c.7 1.1 1.2 2.37 1.52 3.75.32 1.42.46 2.83.46 4.29s-.14 2.87-.42 4.28zm6.42-17.68a15.13 15.13 0 0 0-5.14-4.28 15.97 15.97 0 0 0-7.4-1.63c-2.27 0-4.33.46-6.2 1.34a10.98 10.98 0 0 0-4.65 4.3h-.14v-4.65h-9.5v49.14h10V97.16h.14a11.95 11.95 0 0 0 4.68 4.04 14.1 14.1 0 0 0 6.23 1.38c2.7 0 5-.53 7.02-1.56a14.93 14.93 0 0 0 5-4.15 17.97 17.97 0 0 0 3-5.98 25.9 25.9 0 0 0 1-7.05c0-2.6-.32-5.07-1-7.45a18.28 18.28 0 0 0-3.04-6.23v.03zm-65.76 12.05 6.55-18.46h.14l6.35 18.46h-13.04zm1.06-30.86-19.03 50.28h11.13l3.93-11.2h18.82l3.79 11.2H419l-18.82-50.28h-11.34.04zM369.04 85.7a9.34 9.34 0 0 0-2.63-2.9 14.4 14.4 0 0 0-3.68-1.88 53.25 53.25 0 0 0-4.25-1.2c-1.42-.32-2.8-.64-4.15-.93s-2.59-.6-3.61-.95a7.23 7.23 0 0 1-2.55-1.38c-.68-.57-1-1.28-1-2.2 0-.74.18-1.35.57-1.8.39-.47.85-.79 1.38-1.04a5.62 5.62 0 0 1 1.81-.46 17.49 17.49 0 0 1 1.84-.1c1.77 0 3.33.35 4.64 1.03 1.32.67 2.06 1.98 2.17 3.9h9.5c-.19-2.28-.79-4.12-1.74-5.6s-2.17-2.66-3.62-3.55-3.12-1.52-4.96-1.91a31.1 31.1 0 0 0-11.51-.04 15.4 15.4 0 0 0-5.07 1.84 9.91 9.91 0 0 0-3.61 3.55c-.93 1.49-1.39 3.44-1.39 5.77 0 1.6.32 2.94 1 4.04a8.73 8.73 0 0 0 2.58 2.77c1.1.7 2.3 1.3 3.69 1.77s2.8.85 4.25 1.17c3.58.74 6.34 1.48 8.36 2.23 1.99.74 2.98 1.88 2.98 3.36 0 .89-.21 1.63-.64 2.24a4.7 4.7 0 0 1-1.6 1.41c-.63.36-1.34.6-2.12.78a9.96 9.96 0 0 1-2.23.25c-1 0-1.95-.1-2.84-.35a7.71 7.71 0 0 1-2.44-1.1 6 6 0 0 1-1.74-1.92 5.32 5.32 0 0 1-.67-2.76h-9.5c.1 2.44.64 4.46 1.67 6.1 1 1.63 2.3 2.9 3.86 3.9 1.56.98 3.37 1.7 5.39 2.12 2.02.42 4.07.64 6.2.64 2.05 0 4.1-.22 6.1-.6a15.3 15.3 0 0 0 5.3-2.1c1.57-.99 2.8-2.3 3.76-3.9A11.66 11.66 0 0 0 370 89.9a8.2 8.2 0 0 0-1-4.25l.04.07zm-41.35-31.35h-10v10.9h-6.06v6.7h6.06v21.48c0 1.84.32 3.3.92 4.43a6.65 6.65 0 0 0 2.52 2.62 10.6 10.6 0 0 0 3.65 1.24 29.21 29.21 0 0 0 4.4.32c.99 0 1.98-.04 3.04-.07a20.93 20.93 0 0 0 2.8-.29v-7.76a9.37 9.37 0 0 1-1.49.22 23.67 23.67 0 0 1-1.63.07c-1.7 0-2.8-.29-3.36-.85-.57-.57-.85-1.7-.85-3.37V71.97h7.33v-6.7h-7.33V54.36zm-28.67 33.23c0 .57-.07 1.31-.18 2.27a6.95 6.95 0 0 1-.95 2.76 6.73 6.73 0 0 1-2.41 2.38c-1.07.67-2.63.99-4.57.99-.78 0-1.56-.07-2.34-.21a5.83 5.83 0 0 1-1.99-.75c-.56-.35-.99-.81-1.34-1.45-.32-.6-.5-1.35-.5-2.27 0-.96.18-1.7.5-2.34.32-.6.78-1.1 1.3-1.52.54-.39 1.18-.7 1.92-.96s1.46-.42 2.23-.56a49.76 49.76 0 0 1 2.41-.36c.82-.1 1.56-.21 2.3-.35s1.42-.32 2.06-.53 1.17-.5 1.6-.89v3.72l-.04.07zm10 5.99V74.62c0-2.2-.5-3.97-1.5-5.31-.99-1.35-2.26-2.38-3.79-3.12a18.06 18.06 0 0 0-5.14-1.52 42.37 42.37 0 0 0-5.56-.4c-2.02 0-4.04.22-6.02.61-1.98.39-3.8 1.06-5.39 2.02a12.35 12.35 0 0 0-3.93 3.72 11.74 11.74 0 0 0-1.77 5.85h10c.17-1.99.84-3.37 1.97-4.22 1.14-.85 2.66-1.27 4.65-1.27.88 0 1.73.07 2.51.17a5.43 5.43 0 0 1 2.06.71c.6.36 1.06.85 1.42 1.49.35.64.53 1.49.53 2.59.03 1.02-.25 1.8-.92 2.37-.68.53-1.56.96-2.7 1.24s-2.4.5-3.86.64-2.94.32-4.43.57c-1.49.24-2.97.56-4.46.95s-2.8 1-3.94 1.8a9.48 9.48 0 0 0-2.83 3.2 10.47 10.47 0 0 0-1.1 5.1c0 1.88.32 3.5.96 4.85a9.2 9.2 0 0 0 2.62 3.37 11.44 11.44 0 0 0 3.93 1.99c1.49.42 3.12.63 4.86.63 2.26 0 4.46-.32 6.62-.99a13.27 13.27 0 0 0 5.64-3.44c.03.6.14 1.2.24 1.81.11.57.29 1.17.46 1.74h10.14a8.45 8.45 0 0 1-1-3.37 39.9 39.9 0 0 1-.28-4.71v-.11zm-41.18-25.16a9.8 9.8 0 0 0-4.04-3.01c-1.7-.74-3.9-1.1-6.59-1.1-1.88 0-3.8.5-5.78 1.45s-3.57 2.52-4.85 4.61h-.21V51.41h-10v50.28h10V82.6c0-3.72.6-6.37 1.84-8 1.2-1.63 3.19-2.41 5.92-2.41 2.37 0 4.07.74 5 2.23.92 1.49 1.41 3.72 1.41 6.73v20.55h10V79.3c0-2.27-.22-4.32-.6-6.17s-1.1-3.43-2.1-4.7zm-52.83 17.65h-.14l-8.58-34.65h-10.34l-8.72 34.22h-.14l-7.98-34.23h-11.05l13.32 50.28h11.2l8.36-34.22h.14l8.5 34.22h11l6.01-22.32 7.52-27.95h-10.85l-8.25 34.65z'/%3E%3Cpath fill='%23FEFEFE' d='M74.34 131.95A60.2 60.2 0 0 1 41.18 122L18 129.4l7.51-22.4a59.82 59.82 0 0 1-11.48-35.32c0-33.23 27.04-60.27 60.28-60.27s60.27 27.04 60.27 60.27a60.34 60.34 0 0 1-60.27 60.27h.03zM74.34 0a71.7 71.7 0 0 0-61.4 108.7L0 147.16l39.69-12.72a71.5 71.5 0 0 0 34.65 8.93A71.7 71.7 0 0 0 74.34 0z'/%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='-16132.4' y1='481239.09' x2='-16132.4' y2='484641.09' gradientTransform='translate(-418 -816.13) scale(.0013)'%3E%3Cstop offset='0' stop-color='%236ebf61'/%3E%3Cstop offset='.23' stop-color='%2350a557'/%3E%3Cstop offset='.52' stop-color='%232a904f'/%3E%3Cstop offset='.81' stop-color='%2350a557'/%3E%3Cstop offset='1' stop-color='%236ebf63'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M74.34 11.41a60.34 60.34 0 0 0-60.27 60.27c0 13.18 4.25 25.4 11.48 35.33l-7.51 22.4L41.2 122a59.82 59.82 0 0 0 33.16 9.95 60.34 60.34 0 0 0 60.28-60.27 60.34 60.34 0 0 0-60.27-60.27h-.04z'/%3E%3Cpath fill='%23FEFEFE' d='M57.5 42.02c-1.16-2.8-2.05-2.9-3.82-2.97a34.05 34.05 0 0 0-2.02-.07c-2.3 0-4.71.67-6.16 2.16-1.77 1.8-6.17 6.02-6.17 14.67s6.3 17 7.16 18.18c.89 1.16 12.3 19.16 30.01 26.5 13.86 5.74 17.97 5.2 21.12 4.54 4.6-1 10.38-4.4 11.83-8.5 1.46-4.12 1.46-7.63 1.03-8.37-.42-.75-1.6-1.17-3.36-2.06-1.78-.88-10.39-5.13-12.02-5.7-1.6-.6-3.11-.4-4.32 1.31-1.7 2.37-3.36 4.78-4.71 6.24-1.06 1.13-2.8 1.27-4.25.67-1.95-.82-7.4-2.73-14.14-8.72a53.63 53.63 0 0 1-9.78-12.15c-1.03-1.77-.1-2.8.7-3.76.9-1.1 1.74-1.87 2.63-2.9.89-1.03 1.38-1.56 1.95-2.77.6-1.17.18-2.37-.25-3.26-.42-.88-3.97-9.53-5.42-13.04z'/%3E%3C/svg%3E")
		50% 50% / 80% auto no-repeat var(--verylight-grey-color) !important
	;
}
@media (min-width:992px) {
	.bg-dark a.btn-whatsapp {
		/*
		left: -60px;
		*/
		left: .5rem;
		bottom: 0;
		width: 180px;
		height: 60px;
	}
}

.social-buttons {
	display: flex;
	justify-content: center;
	align-items: baseline;
}
.social-buttons .fb-like > span,
.social-buttons .fb-like > span > iframe {
	display: flex;
	align-items: start;
	width: 220px!important;
}

.videocenter {
	position: absolute;
	top: 0; left: 50%;
	transform: translateX(-50%);
	width: 711px;
	height: 400px;
}

.category-header {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	background: var(--head-image-m) 50% 50% / cover no-repeat;
	height: 200px;
	color: #ffffff;
	margin-bottom: 3rem;
}
.category-header * {
	position: relative;
	z-index: 1;
}
.category-header::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 0;
	display: block;
	background: rgba(7, 45, 79, .5);
}
.category-header h1 {
	text-align: center;
	color: #ffffff;
}
.category-header .breadcrumb {
	justify-content: center;
	margin: 0 auto;
}
.category-header a, .category-header a:hover, .category-header a:focus {
	color: var(--secondary-color);
}
.category-header a:hover, .category-header a:focus {
	color: #ffffff;
}
@media (min-width:992px) {
	.category-header {
		background-image: var(--head-image);
	}
}

.area {
	padding: 3rem 0;
}
.area h2, .area .h2 {
	margin-bottom: 2rem;
	font-size: 2rem;
	color: #000000;
}
.area h2 span, .area .h2 span {
	display: block;
	color: var(--secondary-dark-color);
}
.area-booking {
	position: relative;
	color: #ffffff;
	background: url(/photos/big/skopelos-9.webp) center / cover no-repeat;
}
.area-booking > * {
	position: relative;
	z-index: 2;
}
.area-booking::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--primary-color);
	opacity: .5;
}
.prehead {
	font-size: .75rem;
	letter-spacing: 4px;
	color: var(--secondary-dark-color);
}
.box-theme {
	--round-size: 40px;
	position: relative;
	border-radius: var(--round-size);
}
.box-theme-s {
	border-radius: 30px;
}
.box-go {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: calc(2 * var(--round-size) + 10px);
	height: calc(2 * var(--round-size) + 10px);
	background: #ffffff;
	border-top-right-radius: var(--round-size);
}
.box-go::before,
.box-go::after {
	content: '';
	position: absolute;
	top: calc(10px - var(--round-size));
	left: 0;
	width: calc(var(--round-size) - 10px);
	height: calc(var(--round-size) - 10px);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='100' height='100' style='shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd' viewBox='0 0 100 100'%3E%3Cpath d='M100 100H0V0a100 100 0 0 0 100 100' style='fill:%23000'/%3E%3C/svg%3E");
	mask-size: calc(var(--round-size) - 10px) calc(var(--round-size) - 10px);
	background-color: #ffffff;
}
.box-go::after {
	top: auto;
	left: auto;
	right: calc(10px - var(--round-size));
	bottom: 0;
}
.box-go > * {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: calc(2 * var(--round-size) - 20px);
	height: calc(2 * var(--round-size) - 20px);
	border-radius: calc(var(--round-size) - 10px);
	color: #ffffff;
	background: var(--primary-color);
	font-size: 1.75rem;
}
.box-go > a:hover {
	color: #ffffff;
	background: var(--secondary-color);
	text-decoration: none;
}
@media (min-width:992px) {
	.area {
		padding: 5rem 0;
	}
}

/**
 * Pages
 */
/**
 * Pages
 */
.page-header {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 50vh;
	padding: 0;
	margin-bottom: 2rem;
	background-image: var(--bg-img, url(/photos/skopelos-6.webp));
	background-position: center;
	background-size: cover;
}
.page-header > .container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100% - 50px);
	padding-bottom: 4rem;
}
.page-header h1, .page-header .h1 {
	padding: 0 1rem;
	margin: 0;
	color: #ffffff;
	font-size: 2.5rem;
}
.page-header .breadcrumb {
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	margin: 0;
	font-size: .75rem;
}
.page-header .breadcrumb li + li::before { content: '›'; }
.page-header .breadcrumb a, .page-header .breadcrumb a:hover, .page-header .breadcrumb a:focus {
	color: var(--lightgrey-color);
}
.content-typical p {
	line-height: 2;
}
.page-header > * {
	position: relative;
	z-index: 2;
}
.page-header::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(0,0,0,.6);
}

.page-content h2,
.page-content .h2 {
	color: var(--primary-dark-color);
	border-bottom: 3px double var(--primary-alpha20-color);
	margin-top: 3rem;
	padding: .5rem 0;
}
.page-content ul {
	padding-left: 0;
}
.page-content ul li {
	position: relative;
	list-style: none;
	padding: .5rem 0;
	padding-left: 3rem;
	font-size: .875rem;
}
.page-content ul li::before {
	content: '\F272';
	position: absolute;
	left: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: var(--primary-dark-color);
	background: var(--verylight-grey-color);
	font-family: var(--icons-font);
}
.page-typical .page-header {
	background: var(--bg-img, url(/photos/skopelos-6.webp)) center / cover;
}
.page-products .page-header {
	background: var(--bg-img, url(/photos/skopelos-2.webp)) center / cover;
}
.page-blog .page-header {
	background: var(--bg-img, url(/photos/skopelos-8.webp)) center / cover;
}
.page-contact .page-header {
	background: var(--bg-img, url(/photos/skopelos-1.webp)) center / cover;
}
.page-speakers .page-header {
	background: var(--bg-img, url(/photos/skopelos-9.webp)) center / cover;
}
.page-members .page-header {
	background: var(--bg-img, url(/photos/skopelos-10.webp)) center / cover;
}

@media (min-width:768px) {
	.page-typical .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-6.webp)) center / cover;
	}
	.page-products .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-2.webp)) center / cover;
	}
	.page-blog .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-8.webp)) center / cover;
	}
	.page-contact .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-1.webp)) center / cover;
	}
	.page-speakers .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-9.webp)) center / cover;
	}
	.page-members .page-header {
		background: var(--bg-img, url(/photos/big/skopelos-10.webp)) center / cover;
	}
}
@media (min-width:768px) and (orientation:portrait) {
	.page-header {
		height: 40vh;
	}
}
@media (min-width:992px) or (orientation:landscape) {
	.page-header {
		height: 50vh;
	}
	.page-header .breadcrumb {
		bottom: 3rem;
	}
}
@media (min-width:992px) {
	.page-header {
		min-height: 400px;
	}
	.page-header .breadcrumb {
		bottom: 4rem;
	}
}
@media (min-width:1200px) {
	.page-header {
		min-height: 500px;
	}
}
@media (min-width:1400px) {
}
@media (min-width:1600px) {
}



.goog-te-gadget-simple {
	background: var(--primary-color)!important;
	border: 0!important;
	color: #ffffff;
}
.goog-te-menu-value span[style^="border-"] {
	display: none!important;
}


/**
 * Booking form
 */
.datepicker table tr td.active.active {
	background-color: var(--primary-darker-color);
	border-color: var(--primary-darker-color);
}
.btn-check:focus + .btn, .btn:focus {
	box-shadow: 0 0 0 .25rem var(--primary-alpha20-color);
}
.form-booking {
	margin: 2rem auto;
	max-width: 800px!important;
}
.area-booking h2 {
	color: #ffffff;
	text-align: center;
}
.form-booking > form {
	padding: 2rem 1rem 1rem;
	background: var(--secondary-color);
	border-radius: 50px;
}
.form-booking label {
	margin: 0;
	margin-top: .25rem;
	color: var(--primary-darker-color);
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.form-booking .form-control,
.form-booking .form-control:hover,
.form-booking .form-control:focus {
	font-size: .75rem;
}
.form-booking .col + .col .form-control {
	border-left: 1px solid var(--primary-color);
}
.form-booking button {
	position: relative;
	padding: 1rem;
	padding-right: 3rem;
	line-height: 20px;
}
.form-booking button .bi {
	position: absolute;
	right: 1rem;
}

@media (min-width:992px) {
/*
	.form-booking label,
	.form-booking .form-control,
	.form-booking .form-control:hover,
	.form-booking .form-control:focus {
		font-size: 1rem;
	}
*/
	.form-booking .btn-booking {
		margin-left: 1rem;
	}
	.move-up-lg {
		background-color: var(--primary-lighter-color);
		position: absolute;
		bottom: 5rem;
		left: 50%;
		z-index: 100;
		transform: translateX(-50%);
		padding: 0;
		width: 640px;
	}
	.move-up-lg .form-booking {
		margin: 0 auto;
	}
}

.area-agency {
	position: relative;
	color: #ffffff;
	background: var(--secondary-color);
	overflow: hidden;
}
.area-agency .container {
	position: relative;
	z-index: 1;
}
.area-agency::before {
	content: '';
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 130%;
	background: #ffffff;
	-webkit-mask-image: url(/images/avatar-agency-ondark.svg);
	mask-image: url(/images/avatar-agency-ondark.svg);
	mask-size: auto 130%;
	mask-repeat: no-repeat;
	transform: translateY(-10%);
	opacity: .1;
}
.area-agency h2,
.area-agency a,
.area-agency a:hover,
.area-agency a:focus {
	color: #ffffff;
}
.area-agency nav a,
.area-agency nav a:hover,
.area-agency nav a:focus {
	padding: .5rem 0;
}

.area-agency [class^="si-"]::before,
.area-agency [class*=" si-"]::before,
.area-agency [class^="bi-"]::before,
.area-agency [class*=" bi-"]::before {
	margin-right: .5rem;
	font-size: 16px;
}

.btn-dark {
	--bs-btn-bg: var(--primary-darkest-color);
	border-radius: 100px;
}