hr {
	border-color: var(--grey-color);
}

header{
	background-color: transparent;
	position: absolute;
	border-bottom: 1px solid rgb(225, 225, 225, 0.5);
	width: 100%;
}
header.is-stuck{
	background-color: var(--primary-color);
}
.brand,
footer .logo{
    color:var(--primary-color);
	font-weight: bold;
}
.brand:hover,
.brand:focus{
	 color:var(--primary-color);
}
.brand img{
	padding-right: 1rem;
}
.ts-1 { font-size: .25rem }
.ts-2 { font-size: .5rem }
.ts-3 { font-size: 1rem }
.ts-4 { font-size: 1.25rem }
.ts-5 { font-size: 1.5rem }
.ts-6 { font-size: 1.75rem }

@media (min-width:992px) {

	.header-main{
		display: flex;
	}

	.brand {
		padding: 20px 0 5px;
		font-size: 1.25rem;
	}
	footer .logo{
		font-size: 1.25rem;
	}
}
.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: 400;
	text-transform: uppercase;
	margin-top: 1rem;
}
.breadcrumb .divider {
	display: none;
}
.breadcrumb li + li::before {
	content: '/';
	display: inline-block;
	color: #ffffff;
	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: '►'; }

.dark {
	color: #ffffff;
	background-color: var(--secondary-darker-color);
}
.dark a, .dark a:hover, .dark a:focus {

}
.dark .si::before, .dark .bi::before {
	color: #ffffff;
}
.dark .caption {
	color: var(--primary-color);
}
.area-bottom {
	background: var(--lightgrey-bg);
}

.section-splitter {
	position: relative;
}
.section-splitter > .section-splitter {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	width: 100%;
}
.section-splitter.splitter-top::after {
	top: -1px;
	bottom: auto;

	transform: scaleY(-1);
	
	-webkit-mask-position: center top;
	mask-position: center top;
}
.section-splitter.splitter-flip::after {
	transform: scale(-1, -1);
}
.section-splitter.splitter-dark::after {
	background-color: var(--secondary-dark-color);
}
.section-splitter.splitter-silver::after {
	background-color: var(--lightgrey-bg);
}
.btn-theme,
.btn-theme-outline {
	padding: 1.5rem 2rem;
	border: 2px solid var(--primary-color);
	color: #ffffff;
	background: var(--primary-color);
	font-size: 1.5rem;
	font-weight: 700;
}
.btn-theme-outline {
	background: none;
}
.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;
}
footer {
	color: var(--footer-color);
	background: var(--footer-background);
	padding: 4rem 0 3rem;
}
footer a, footer a:hover, footer a:focus {
	color: #ffffff;
	text-decoration: none;
	transition: all var(--speed);
}
.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 .caption {
	padding: .5rem 1rem;
	font-weight: 700;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--secondary-color);
}
footer .contact .caption {
	padding: .5rem 0;
}
#map, .map {
	border-radius: 20px;
	margin-top: 2rem;
}
@media (min-width:992px) {

	footer {
		padding-bottom: 5rem;
	}
	footer .collapse:not(.show),
	footer .collapsing,
	footer .collapsing:not(.show) {
		display: block;
		height: auto;
		overflow: auto;
	}
	#map, .map {
		height: 600px;
		margin-top: 0;
	}
}
@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; }

.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 {
	width: 100%;
	aspect-ratio: 1;
	display: block;
}
.thumb img {
width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb.cover {
	overflow: hidden;
}
.thumb.cover img {
	height: 100%;
	width: auto;
	max-width: none;
}
.thumb.cover img.portrait {
	width: 100%;
	height: auto;
	max-height: none;
}
.thumb img.bottom {
	top: auto;
	bottom: 0;
	transform: translate(-50%,0);
}
.thumb.round {
	border-radius: 50%;
	overflow: hidden;
}
.thumb.sq,
.thumb.aspect1x1 { padding-bottom: 100%; }
.thumb.aspect2x1 { padding-bottom: 50%; }
.thumb.aspect16x9 { padding-bottom: 56.25%; }
.thumb.aspect4x3 { padding-bottom: 75%; }

.thumb .caption {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -100%;
	transform: translate(-50%,50%);
	transition: all .3s;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: normal;
}
.thumb:hover .caption {
	bottom: 50%;
}

/* 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);
}

/**
 * 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, .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;
}
@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;
	background: var(--bg-img) center / cover;
}

.owl-carousel .slide-caption {
	padding: 2rem;
	position: absolute;
}
.owl-carousel .owl-stage-outer{
	height: 100%;
}

/* .owl-home */
.owl-carousel.owl-home .item {
	aspect-ratio: 1;
	width: 100vw!important;
}
.owl-carousel.owl-home .item * {
	margin: 0;
	text-align: center;
}
@media (min-width:768px) {
	.owl-carousel .item {
		background-image: var(--bg-lg-img);
	}
}

@media (max-width:992px){
	.owl-carousel.owl-home .item {
		aspect-ratio: initial;
		height: calc(100vh - 134px);	
		place-items: center;
		justify-content: center;
		display: flex;
	}
}

@media (min-width:992px){
	.owl-carousel.owl-home .item {
		aspect-ratio: initial;
		height: 100vh;
	}
	.owl-carousel .slide-caption {
	  padding: 2rem;
	  top: 15rem;
	}
}


/**
 * vbox
 */
.vbox-container img {
	max-height: 100vh;
}

/**
 * Swiper slider
 */
.swiper-slide {
	height: 67vw;
	background-position: 50% 50%;
}
@media (min-width:768px) {
	.swiper-slide {
		height: 60vw;
	}
}
@media (max-width:991px) and (orientation: landscape) {
	.swiper-slide {
		height: calc(100vh - 42px);
	}
}
@media (min-width:1200px) {
	.swiper-slide {
		height: calc(100vh - 191px);
	}
}


/**
 * 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; 
	color: var(--primary-verylight-color);
}

@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;
}



.badge {
	display: inline-flex;
	align-items: center;
	color: var(--primary-darkest-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;
}
.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 a {
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .3s;
}
.blog-nav a, .blog-nav a:hover, .blog-nav a:focus {
	display: flex;
	align-items: center;
	width: 100%;
	padding: .25rem;
	border: 1px solid transparent;
	text-decoration: none;
}
.blog-nav a:hover, .blog-nav a:focus {
	border-color: none;
}
.blog-nav a .badge {
	margin-left: auto;
}
.blog-item {
	display: flex;
	flex-flow: column nowrap;
	margin-bottom: 2rem;
	border: 3px solid var(--verylight-grey-color);
	transition: all .3s;
}
.blog-item h4{
	color: var(--secondary-color);
	font-size: 1.25rem;
}
.blog-item .blog-text{
	opacity: 0.7;
}
.blog-item img{
	transition: all 0.4s ease-in-out;
}
.blog-item:hover img{
	transform: scale(1.1);
}
.blog-item .readmore-btn{
	position: relative;
	background-color: transparent!important;
	color: var(--secondary-color);
	font-weight: bold;
	text-align: start;
	width: fit-content;
}
.blog-item .readmore-btn::before {
	content: '\F144';
	position: absolute;
	color: var(--secondary-color);
	font-family: var(--icons-font);
	right: -1rem;  
	transition: all 0.3s ease-in-out;
}
.readmore-btn:hover::before {
  transform: rotate(45deg);
}
.page-blog .readmore-blog,
.home-blog .readmore-blog{
	position: relative;
	width: fit-content;
	background: var(--primary-color);
	margin: 0 auto;
	border-radius: 8px;
	padding: 0;
}
.page-blog .readmore-blog .btn-primary,
.home-blog .readmore-blog .btn-primary{
	position: relative;
	padding: 0.8rem 3rem 0.8rem 1.5rem;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25em;
	text-transform: capitalize;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}
.page-blog .readmore-blog .btn-primary::after,
.home-blog .readmore-blog .btn-primary::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: var(--secondary-color);
	transition: 0.4s ease-in-out;
	z-index: -1;
}
.page-blog .readmore-blog .btn-primary:hover::after,
.home-blog .readmore-blog .btn-primary:hover::after{
	width: 100%;
	left: 0;
	right: auto;
}
.page-blog .readmore-blog .btn-primary::before,
.home-blog .readmore-blog .btn-primary::before{
	content: '\F144';
	position: absolute;
	color: #ffffff;
	font-family: var(--icons-font);
	right: 1rem;
	transition: all 0.3s ease-in-out;
}
.page-blog .readmore-blog .btn-primary:hover::before,
.readmore-blog:hover::before,
.home-blog .readmore-blog .btn-primary:hover::before {
  transform: rotate(45deg);
}
.blog-item:hover {
	border-color: var(--secondary-color);
}
.blog-item .card-header {
	border: 0;
	background: none;
}
.blog-item .badge span {
	display: inline-block;
	padding: 0 .1rem;
}
table.specs .label-cell {
	width: 35%;
}
.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;
	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: .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;
}

/**
 * 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/DSC06037.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 ul {
	padding-left: 0;
}
.page-content ul li {
	position: relative;
	list-style: none;
	padding-left: 2rem;
}
.page-home .page-content ul li::before,
.page-typical .page-content ul li::before{
	content: '\F624';/*'\F604'*/
	position: absolute;
	left: 0;
	color: var(--primary-dark-color);
	font-family: var(--icons-font);
	transform: scaleX(-1);
}
.page-contact .page-content ul li{
	padding-left: 0;
}
.page-childrenList .child-page h2{
	color: var(--secondary-color);
	position: relative;
	  font-size: 20px;
	  text-transform: capitalize;
	  margin-bottom: 5px;
	  transition: all 0.3s ease-in-out;
	  z-index: 1;
}
.page-childrenList .child-page img{
	transition: all 0.4s ease-in-out;
}
.page-childrenList .child-page:hover img{
	transform: scale(1.1);
}
.page-childrenlist .page-header {
	background: var(--bg-img, url(/photos/del-erika-giraud-6oUY_Hnwmv8-unsplash.jpg)) center / cover;
}
.page-childrenList .child-page:hover h2{
	color: var(--primary-color);
}
.page-childrenList .child-page .child-page-title{
	position: relative;
	text-align: center;
	padding: 20px;
	overflow: hidden;
}
.page-childrenList .child-page .child-page-title::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--secondary-color);
	height: 0;
	width: 100%;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}
.page-childrenList .child-page:hover .child-page-title::before{
	height: 100%;
}
.page-typical .page-header {
	background: var(--bg-img, url(/photos/bg-pyrinokarpa.jpg)) center / cover;
}
.page-blog .page-header {
	background: var(--bg-img, url(/photos/del-joshua-hoehne-6M9jjeZjscE-unsplash.jpg)) center / cover;
}
.page-contact .page-header {
	background: var(--bg-img, url(/photos/del-teemu-paananen-bzdhc5b3Bxs-unsplash.jpg)) center / cover;
}
.page-speakers .page-header {
	background: var(--bg-img, url(/photos/del-kane-reinholdtsen-LETdkk7wHQk-unsplash.jpg)) center / cover;
}
.page-contact .contact-info .info{
	background: #ffffff;
	border-radius: 20px;
	padding: 30px;
	width: 300px;
	height: auto;
	margin: 0.5rem auto;
}
.page-contact .contact-info .info .bi-telephone,
.page-contact .contact-info .info .bi-geo-alt,
.page-contact .contact-info .info .bi-envelope{
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}
.page-contact .contact-info .info .bi-telephone::before,
.page-contact .contact-info .info .bi-geo-alt::before,
.page-contact .contact-info .info .bi-envelope::before{
	color: #ffffff;
	font-size: 1.5rem;
	z-index: 10;
}
.page-contact .contact-info .info .bi-telephone::after,
.page-contact .contact-info .info .bi-geo-alt::after,
.page-contact .contact-info .info .bi-envelope::after{
	content:'';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}
.page-contact .contact-info .info:hover .bi-telephone::after,
.page-contact .contact-info .info:hover .bi-geo-alt::after,
.page-contact .contact-info .info:hover .bi-envelope::after{
	transform: scale(1);
}
.page-contact .form-contact-page h2{
	color: var(--secondary-color);
	padding-bottom: 1.5rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid rgb(0, 0, 0, 0.2);
	
}
@media (min-width:768px) {
	.page-childrenlist .page-header {
		background: var(--bg-img, url(/photos/big/del-erika-giraud-6oUY_Hnwmv8-unsplash.jpg)) center / cover;
	}
	.page-typical .page-header {
		background: var(--bg-img, url(/photos/bg-pyrinokarpa.jpg)) center / cover;
	}
	.page-blog .page-header {
		background: var(--bg-img, url(/photos/big/del-joshua-hoehne-6M9jjeZjscE-unsplash.jpg)) center / cover;
	}
	.page-contact .page-header {
		background: var(--bg-img, url(/photos/big/del-teemu-paananen-bzdhc5b3Bxs-unsplash.jpg)) center / cover;
	}
	.page-speakers .page-header {
		background: var(--bg-img, url(/photos/big/del-kane-reinholdtsen-LETdkk7wHQk-unsplash.jpg)) 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;
	}
}
.area {
	padding: 3rem 0;
}
.area h2, .area .h2 {
	color: var(--primary-dark-color);
	text-align: center;
	text-transform: uppercase;
}
@media (min-width:992px) {
	.area {
		padding: 3rem 0;
	}
}

.goog-te-gadget-simple {
	background: var(--primary-color)!important;
	border: 0!important;
	color: #ffffff;
}
.goog-te-menu-value span[style^="border-"] {
	display: none!important;
}

/* CHANGES */

.nav-tree li:hover {
	background: none;
}

.logo img {
	width: 120px;
	height: auto;
	display: block;;
}
footer .logo img {
	width: 80%;
}
.nav-tree .nav-root > li > a {
		font-size: 1rem;
		color: #ffffff;
		font-weight: 500;
}
.nav-tree .nav-root li li:hover > a {
	transform: none;
}
.nav-tree .nav-root ul {
	background: var(--lightgrey-bg);
	left: 0;
	min-width: 220px;
	padding: 0;
	text-align: left !important ;
}
.sub-menu li:hover .caption{
	color: var(--primary-darkest-color);
}
.caption{
	font-weight: normal;
	font-size: 1rem; 
	color: #ffffff;
}
.page-blog .caption,
.page-blog h2{
	color: var(--secondary-color);
}
.nav-root ul li > a{
	width: 100%!important;
}
.nav-root ul li:hover > a{
	color: var(--primary-darker-color);
	padding-left: 1.5rem;
}
.owl-carousel {
	position: relative;
}
.owl-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	color: var();
}
.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	color: var(--secondary-color);
}


/* FROM OTHER T */

.page-top {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    background-color: #000000;
	height: calc(100vh - 350px);
}

@media (min-width: 992px) {
	.page-top {
		height: calc(100vh - 161px);
	}

	.page-top::before {
		width: calc(100vw - var(--scrollbar)) !important;
		margin-left: 0;
		margin-right: 0;
	}
	.nav-tree .nav-root > li > a {
		margin-left: 0.5rem;
	}
}

.page-top::before {
	content: "";
	position: absolute;
	background: var(--pagebg) 50% 50% / cover no-repeat var(--secondary-color);
	opacity: .4;
	width: 100vw;
	inset: 0;
}
.page-top h1 {
    color: #ffffff;
    text-align: center;
    margin: 0px;
    font-size: 48px;
    font-weight: 600;
    text-shadow: 0 0 20px #000000 !important;
	z-index:10;
}
.breadcrumb {
    z-index: 10;
}

.breadcrumb span, .breadcrumb a {
	color: #ffffff;
	z-index: 10;
}
.photoAlbum {
	padding:20px 0;
}
.vbox-container {
	background-color: rgba(0,33,17,0.8);
}
.btn {
	background-color: var(--primary-color);
	border-color: var(--primary-darker-color);
}
nav .btn{
	background-color: var(--primary-darker-color);
}

.dark .legal {
	color: var(--secondary-light-color);
	padding: 0;
}
.dark .small {
	color: var(--primary-verylight-color);
	padding: 10px 0;
}
.contact a:hover, .nav-flat a:hover {
	color: var(--primary-color);
	background-color: transparent;
}
.si.si-start {
	padding-left: 38px;
}
.legal a{
	color: var(--primary-verylight-color);
}
#toggleLang:hover  .lex-lang-name{
	color: var(--primary-dark-color);
}
.main-page-blog {
	margin-top:80px;
}
.list-blog-categories, .list-blog-archive {
	display: block;
	width:100%;
	list-style: none;
	padding-left:0;
}
.main-content, .main-page-blog{
	margin-top: 3rem;
	margin-bottom:3rem;
}
@media (max-width:991px){
	.main-page-blog{
		margin-bottom:0;
	}

	.page-weather .contact-info{
		padding-top:0 !important;
	}
}
#sendbutton {
	position: relative;
	padding: 0.8rem 1.5rem;
	font-size: 1.2rem;
	font-weight: 600;
	display: inline-block;
	background: var(--accent-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25em;
	text-transform: capitalize;
	overflow: hidden;
	border: none;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}
#sendbutton::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: var(--secondary-color);
	border-radius: 0;
	transition: 0.4s ease-in-out;
	z-index: -1;
	border-radius: 8px;
}
#sendbutton:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}

.btn-primary, .btn-primary {
	border: none !important;
}

.sub-menu {
	transform: translateY(-8px);
}
.nav-tree .nav-root ul {
	overflow: hidden;
}
h3, .h3 {
	color: var(--secondary-color);
	font-size: 1.8rem;
}
.page-home h3{
	text-transform: lowercase;
}
a:hover, a:focus, .btn-link:hover, .btn-link:focus {
	text-decoration: none;
	color: var(--primary-darkest-color);
}
.si-burger span::before, .si-burger span::after {
	left:0;
}

@media (max-width: 991px) {
  .nav-tree {
    background: var(--primary-color);
	}

	.blog-right-list{
		margin-top: 3rem;
		padding: 2rem 1rem;
		background-color: var(--primary-verylight-color);
		margin-bottom:0;
	}
}

.home-featured .box {
	position:relative;
	background: #ffffff center / cover no-repeat;
	padding: 1rem;
	height:300px;
	border-radius: 2rem;
	justify-content: center;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin: 1rem;
}
.box-fancy img{
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 1rem;
	top: 0;
	transform: translateY(calc(-30% - 1rem));
}
.blog-list .badge {
	padding: 0;
	font-size: 1rem;
}
.button-line .btn{
	padding: 1rem;
	font-size: 1.1rem;
	font-weight: 600;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
} 	
footer .border-top {
	border-color: var(--secondary-light-color) !important;
}
.nav-tree[class^="slide-"] .nav-root ul, .nav-tree[class*=" slide-"] .nav-root ul {
	background: var(--primary-color);
	border-radius: 10px;
	border-color: transparent;
}

@media(max-width: 991px){
	.nav-root ul {
		background: linear-gradient(120deg, #ffffff, var(--secondary-light-color));
		margin-top: 1rem;
	}
}	
.brand img {
	display: block;
	max-height: 100px;
}
.sub-menu .caption {
	transition: .3s;
}

@media (min-width: 992px){
	.nav-tree ul li.parent span {
		position: absolute;
		bottom: 0;
		left: auto;
		right:-12px;
		top:calc(50% - 9px);
		z-index: 1;
		display: inline-block;
		width: 24px;
		height: 24px;
		cursor: pointer;
		background: 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") 50% 50% / 12px 12px no-repeat;
		transform: rotate(90deg);
		transition: transform var(--speed);
	}
	.nav-tree ul li.parent:hover span {
		background: 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='%23c9a15d' 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") 50% 50% / 12px 12px no-repeat;
	}
	.home-featured .box {
		margin: 0;
	}
}

.child-page .thumbnail img{
	width: 100%;
	height: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	object-fit: cover;
}
.child-page .btn-primary{
	margin-top: 2rem;
	padding: 1rem;
}

.child-page{
	border: 1px solid rgb(38, 58, 49, 0.3);
	border-radius: 20px;
	overflow: hidden;
	padding: 0;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	display: flex;
	flex-flow: column nowrap;
}

@media (max-width: 991px) {
  .nav-tree {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9900;
    width: 100vw;
    transition: all var(--speed);
	height:100vh;
  }
  .lang-select{
	  display: none;
  }
  .dropdown-item:focus, .dropdown-item:hover {
		background-color: var(--primary-darker-color);
	}
	footer .contact .caption {
		padding-top: 1.5rem;
	}
	footer {
		padding: 2rem 0 3rem;
	}
	footer .logo img{
		margin: auto;
		padding-bottom: 2rem;
	}
	.dark .legal {
		padding-top: 1rem;
	}
	.info {
		padding-top: 3rem;
	}
	h2{
		padding: 2rem 0;
		font-size: 2rem;
		font-weight: 700;
	}
	.leaflet-popup-content h2{
		padding:0;
	}
	.nav-head{
		text-align: right;
		padding-top: 10px;
		padding-right: 10px;
	}
	.sub-menu .caption {
		padding: 0;
		transition: .3s;
	}	
	.lang-wrap{
		padding-top: 1.5rem;
	}
	.child-page .thumbnail {
		padding-top: 0;
	}
}
header .nav-body{
	display: block;
	width: 100%;
	text-align: center;
	position: relative;

}
header .nav-body.alter{	
	padding: 2rem;
	justify-content: end;
}
@media(min-width: 992px){
	header .nav-body{
		display: flex;
		width: auto;
	}
	.nav-tree .nav-root {
		margin-right: 0 !important;
	}
	
}
body{
	background: var(--primary-verylight-color);
}

.owl-carousel .item::before {
  content: '';
  background: linear-gradient(180deg, rgba(38, 58, 49, 0.60) 7.55%, transparent 24.9%), 
  linear-gradient(180deg, transparent 44.56%, rgba(38, 58, 49, 0.90) 79.22%);
  opacity: 1;
  position: absolute;
  inset: 0;
  z-index: 1;
}
@keyframes bob {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
.box-fancy{
  display: inline-block;
  transition: transform 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 28px 40px 0px;
}

.box-fancy:hover{
  animation: bob 1.2s ease-in-out infinite;
}

.page-contact .info a,
.page-contact .info .bi-geo-fill{
	color: var(--primary-darkest-color);
	opacity: 0.7;
}
.page-text table a{
	color: var(--primary-darkest-color);
}
.page-contact .form-contact-page{
	background: #ffffff;
	border-radius: 20px;
	padding: 2rem;
}
.page-contact .info a:hover,
.page-text table a:hover{
	color: var(--primary-dark-color);
}


@media(min-width: 992px){

	.timeline{
		display: flex;
		flex-flow: column;
		position: relative;
		padding: 2rem 0;
	}
}

#scroll-top {
  display: inline;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 42px;
  border: none;
  outline: none;
  background-color: #ffffff;
  color: var(--primary-dark-color);
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 3px 24px rgb(0 0 0/10%);
  transition: all .5s ease-in-out;
}

.lang-item {
	display: inline-block;
	padding: 10px 15px;
}
.lang-select ul {
	border-radius: 0;
	background: var(--primary-color);
}
.lang-select .dropdown-toggle::after {
	display: none;
}
.lang-item,
.lang-item:hover {
	padding: 15px;
	line-height: 18px;
	color: #ffffff;
}
.lang-item:hover {
	color: #000000;
}

.btn-lang-select {
	display: block;
	width: var(--toggle-width);
	height: var(--toggle-width);
	padding: 0;
	background: none;
	border: 0;
	text-align: center;
	font-size: 1rem;
	color: #ffffff;
	line-height: 48px;
}
.btn-lang-select:before  {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 14px;	
}
.btn-lang-select.curr-lang-el:before { /*content: 'EL';*/ background-image: url(//static.torus.gr/tinyflags/gr.png); }
.btn-lang-select.curr-lang-en:before { /*content: 'EN';*/ background-image: url(//static.torus.gr/tinyflags/gb.png); }



.thumb-about {
	position: relative;
}
.thumb1 {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 300px;
	display: block;
	border-radius: 20px;
	max-height: 500px;

}
.thumb2 {
	position: relative;
	width: 100%;
	max-width: 200px;
	margin: -245px 0 0 auto;
	z-index: 1;
	border: 6px solid var(--primary-verylight-color);
	display: block;
	border-radius: 20px;

	overflow: hidden;	
}
.thumb1 img {
	width: 100%;
	aspect-ratio: 2 / 3;
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.thumb2 img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1.25;
	border-radius: 14px;

}
.overlay-anim{
	border-radius: 20px;
	overflow: hidden;
	z-index: 2;
	position: relative;
	margin-bottom: 1rem;
}
.overlay-anim::after{
  content: "";
  position: absolute;
  width: 200%;
  height: 0;
  left: 50%;
  top: 50%;
  background-color: rgba(255,255,255,.3);
  transform: translate(-50%,-50%) rotate(-45deg);
  z-index: 1;
}

.overlay-anim:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
@media (min-width:992px) {
	.lang-select {
		position: relative;
	}
	header .lang-select {
		order: 4;
		margin-right: 1rem;
		right: 0;
	}
	.thumb1{
		right: 2rem;
		max-width: 413px;
	}
	.thumb2{
		left: 1rem;
		max-width: 300px;
	}
}
.card{
	border: none;
	background: transparent;
}
.page-text header{
	position: relative;
}
@media (min-width: 992px) {
  .page-text .nav-tree ul li.parent span {
		background: 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='%233d4f46' 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") 50% 50% / 12px 12px no-repeat;
	}
	.page-text	.nav-tree ul li.parent:hover span {
		background: 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='%23c9a15d' 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") 50% 50% / 12px 12px no-repeat;
	}
	.page-text .nav-tree .nav-root > li > a {
		color: var(--secondary-color);
	}
	header .lang-select{
		 padding: 2rem 0;
		 align-items: center;
	}
	.nav-tree{
		align-items: center;
		display: flex;
		justify-content: end;
	}
}
.nav-tree .nav-root > li:hover > a {
		font-size: 1rem;
		color: var(--primary-color);
		font-weight: 500;
}
.page-blog .owl-carousel.owl-drag .owl-item {
	margin: 0 0.5rem;
}

.page-blog .owl-theme .owl-nav.disabled + .owl-dots {
	bottom: -2rem;
}
.lang-wrap{
	align-items: center;
	
}
.dropdown-item:active{
	background: #ffffff;
}
.page-gallery .page-gallery-item{
	border: 1px solid rgb(38, 58, 49, 0.3);
	border-radius: 20px;
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-flow: column;
	height: 100%;
}
.page-gallery .page-gallery-item h3{
	padding: 1rem;
}
.lang-alter .lang-item-alter:active{
	color:(--secondary-color);
}
.page-gallery img{
	height: auto;
}
.thumb-3x4{
	aspect-ratio: 3 / 4;
}
.timeline-text{
	margin-left: 4rem;
}
@media (min-width: 768px){
	.timeline-pair{
		display: flex;
	}
	.timeline-year{
		width: 25%;
	}
	.timeline-text{
		width: 75%;
		margin:0;
	}
}
@media (min-width: 992px){
	.timeline-pair{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
}