hr {
	border-color: var(--lightgrey-color);
	margin: 3rem 0;
}

.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 }

/**
 * Language
 */
#langbar {
	border: 0;
}
.lang-select {
	display: block;
	text-align: center;
}
.btn-lang-select {
	display: block;
	width: 42px;
	height: 42px;
	background: none;
	border: 0;
}
.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: .75rem 1rem !important;
	font-size: .875rem;
	line-height: 1rem;
}
.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 (max-width: 991px) {
	#langbar {
		position: static;
		display: block;
		padding: 0 1rem;
		background: none;
	}
	.btn-lang-select {
		display: none;
	}
}
@media (min-width:992px) {
	.btn-lang-select {
		width: 68px;
	}
	#langbar {
		display: none;
		overflow: hidden;
	}
	#langbar.show {
		display: block;
	}
	.nav-tree li:hover > a.lang-item {
		background-color: var(--primary-color);
		color: #ffffff;
	}
	.nav-tree li:hover {
		background: none;
	}
	.nav-tree li:hover > a {
		color: var(--primary-color);
	}
	.nav-tree[class^="slide-"] .nav-root ul,
	.nav-tree[class*=" slide-"] .nav-root ul {
		left: 1rem;
		border: 0;
		border-top: 5px solid var(--primary-color);
		background: var(--lightgrey-bg);
	}
	.nav-tree[class^="slide-"] .nav-root ul::before,
	.nav-tree[class*=" slide-"] .nav-root ul::before {
		content: '';
		position: absolute;
		left: 2rem;
		top: -17px;
		display: block;
		width: 12px;
		height: 12px;
		border: 6px solid var(--primary-color);
		border-right-color: transparent;
		border-top-color: transparent;
	}
	.nav-tree .nav-root li li a {
		color: var(--grey-color);
	}
	.nav-tree .nav-root li li a .caption {
		text-align: left;
	}
}

.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: '►'; }

.dark {
	color: var(--lightgrey-color);
	background-color: var(--secondary-dark-color);
}
.dark a, .dark a:hover, .dark a:focus {
	color: #ffffff;
}
.dark a:hover, .dark a:focus {
	color: var(--primary-light-color);
}
.dark .si::before, .dark .bi::before {
	color: var(--primary-light-color);
}
.dark .caption {
	color: var(--lightgrey-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::after {
	content: '';
	position: absolute;
	top: auto;
	bottom: -1px;
	z-index: 100;
	pointer-events: none;
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	padding-bottom: 10%;
	background-color: #ffffff;
	-webkit-mask-image: url(/images/splitter-shape.svg);
    mask-image: url(/images/splitter-shape.svg);
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    mask-position: center bottom;
}
.child-page .section-splitter::after {
	width: 102%;
}
.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 {
	border: 2px solid var(--primary-color);
	color: #ffffff;
	background: var(--primary-color);
	font-size: 1rem;
	font-weight: 700;
}
.item a.btn:hover{
	color: #000000;
	background-color: var(--lightgrey-bg);
}
.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: var(--footer-link-color);
	text-decoration: none;
	transition: all var(--speed);
}
footer a:hover, footer a:focus {
	background: rgba(0,0,0,.1);
}
.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 .footer-logo 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;
}
.footer-social {
	display: flex;
}
.footer-social a, .footer-social a:hover, .footer-social a:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: .25rem;
	color: #ffffff !important;
	background: var(--secondary-color);
	font-size: 1.25rem;
}
.footer-social a:hover, .footer-social a:focus {
	background-color: var(--primary-color) !important;
}
.footer-social a::before, .footer-social a:hover::before, .footer-social a:focus::before {
	color: #ffffff !important;
}
.footer-social a:hover::before, .footer-social a:focus::before {
	background-color: var(--primary-color) !important;
}

.nav-flat a:hover, .nav-flat a:focus {
	color: #ffffff;
	background-color: var(--primary-dark-color)!important;
	font-weight: 700;
}
footer .contact a {
	position: relative;
	display: block;
	padding-left: 5rem;
}
.contact a, .contact a:hover, .contact a:focus {
	color: var(--lightgrey-color)!important;
}
.contact a:hover, .contact a:focus {
	color: #ffffff!important;
}
footer .contact .si {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	color: #ffffff;
	background: var(--secondary-color);
}
footer .contact .si::before {
	width: 52px;
	height: 52px;
	color: #ffffff;
}
footer .contact a:hover .si {
	background: var(--primary-color);
}
footer .contact a:hover, footer .contact a:focus {
	background: none;
}
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;
}


@media (min-width:992px) {
	.item a.btn{
		padding: 1rem;
	}
	.btn-theme,
	.btn-theme-outline {
		padding: 1.5rem 2rem;
		font-size: 1.5rem;
		font-weight: 700;
	}
	footer {
		padding-bottom: 5rem;
	}
	footer .collapse:not(.show),
	footer .collapsing,
	footer .collapsing:not(.show) {
		display: block;
		height: auto;
		overflow: auto;
	}
	footer .footer-logo img {
		max-width: 240px;
		max-height: 240px;
	}
	#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%;
	height: 0;
	padding: 0;
	padding-bottom: 100%;	/* Default to 1:1 */
	overflow: hidden;
	background: none;
}
.thumb img {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	max-width: 100%;
	max-height: 100%;
	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);
}

/**
 * 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 {
	color: #ffffff;
	font-size: 1rem;
}
.slide-caption .btn-theme{
	margin-bottom: 2rem;
}

/* .owl-home */
.owl-carousel.owl-home .item {
	aspect-ratio: 1;
	width: 100vw!important;
}

@media (min-width:768px) {
	.owl-carousel .item {
		background-image: var(--bg-lg-img);
	}
}
@media (min-width:992px) or (orientation: landscape) {
	.owl-carousel.owl-home .item {
		aspect-ratio: initial;
		height: 100vh;
	}
		.slide-caption .btn-theme{
		margin-bottom: 0;
	}

}


/**
 * vbox
 */
.vbox-container img {
	max-height: 100vh;
}

/**
 * Swiper slider
 */
.swiper {
	/*
	color: #ffffff;
	background: (--dark-color);
	*/
}
.swiper-slide {
	height: 67vw;
	background-position: 50% 50%;
}

@media (max-width:991px) and (orientation: landscape) {
	.swiper-slide {
		height: calc(100vh - 42px);
	}
}
@media (min-width:1200px) {
	.swiper-slide {
		height: 33.33vw;
	}
}


/**
 * Signature
 */
.signature {
	display: block;
	width: auto;
	text-align: center;
	font-size: .75rem;
	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;
}



.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;
}
.blog-nav a, .blog-nav a:hover, .blog-nav a:focus {
	display: flex;
	width: 100%;
	padding: .25rem;
	text-decoration: none;
}
.blog-nav a:hover, .blog-nav a:focus {
	border-color: var(--secondary-color);
}
.blog-nav a .badge {
	margin-left: 0.5rem;
}

.blog-nav .list-blog-categories a::before{
	content: '\F2EE';
	display: inline-block;
	margin-right: .5rem;
	font-family: bootstrap-icons;
	color: var(--secondary-color);
}
.blog-nav .list-blog-archive a::before {
	content: '\F217';
	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%;
}

.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
	;
}
.slide-caption{
	margin: 0.75rem;
}
@media (min-width:992px) {
	.bg-dark a.btn-whatsapp {
		/*
		left: -60px;
		*/
		left: .5rem;
		bottom: 0;
		width: 180px;
		height: 60px;
	}
		.owl-carousel .slide-caption {
		font-size: 2.5rem;
	}
}
@media (min-width:768px) {
	.swiper-slide {
		height: 60vw;
	}
	.slide-caption{
		margin: 0;
	}
}

.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-typical .page-content ul li::before,
.page-members .page-content ul li::before,
.page-childrenlist .page-content ul li::before  {
	content: '\F604';
	position: absolute;
	left: 0;
	color: var(--primary-dark-color);
	font-family: var(--icons-font);
	transform: scaleX(-1);
}
.page-childrenlist .page-header {
	background: var(--bg-img, url(/photos/del-erika-giraud-6oUY_Hnwmv8-unsplash.jpg)) center / cover;
}
.page-typical .page-header {
	background: var(--bg-img, url(/photos/del-col-legi-de-farmaceutics-de-barcelona-yjydNkTYy4U-unsplash.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-members .page-header {
	background: var(--bg-img, url(/photos/del-teemu-paananen-bzdhc5b3Bxs-unsplash.jpg)) center / cover;
}

@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/big/del-col-legi-de-farmaceutics-de-barcelona-yjydNkTYy4U-unsplash.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;
	}
	.page-members .page-header {
		background: var(--bg-img, url(/photos/big/del-teemu-paananen-bzdhc5b3Bxs-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;
}
.page-speakers .lightbox img{
	max-width: 100%;
	height: auto;
	padding: 2rem 0;
}
@media (min-width:992px) {
	.area {
		padding: 5rem 0;
	}
	.page-speakers .lightbox img{
		padding: 1.25rem;
	}
}

.goog-te-gadget-simple {
	background: var(--primary-color)!important;
	border: 0!important;
	color: #ffffff;
}
.goog-te-menu-value span[style^="border-"] {
	display: none!important;
}

.area-sponsor img{
	max-height: 200px;
	height: auto;
	display: block;
}
#register{
	border-radius: 6px;
}
button#register:hover,
button#register:focus,
button#register:focus-visible,
button#sendbutton:hover{
	background-color: var(--lightgrey-bg)!important;
	border-color: var(--lightgrey-bg)!important;
	color: #000000;
	box-shadow: none;
}
.child-page h2{
	flex:0 0 25%;
    display:flex;
    align-items:center;
    justify-content:center;
	background-color: var(--primary-color);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.child-page h2 a{
	color: #ffffff;
	font-size: 1.25rem;
}	
.child-page .thumb{
	flex:0 0 50%;
}

a.btn:hover, a.btn:focus {
  text-decoration: none;
  color: #000000;
  background: #efefef!important;
  border-color: #efefef!important;
}
a.btn-primary:hover, a.btn-primary:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

.ticket-home{
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	background-color: #00099e;
	color: #ffffff;
	text-align: center;
	align-items: center;
	position: relative;
}
.ticket-home:hover,
.ticket-home:focus{
	background-color: #efefef;
}
section.home-tickets{
	background-color: var(--secondary-light-color);
}
.ticket-home-title{
	flex: 0 0 30%;
	font-weight: bold;
	padding: 2rem;
	position: relative;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
}
.ticket-home-content{
	flex: 0 0 70%;
	font-size: 0.75rem;
	padding: 2rem;
}
.ticket-home-title::before{
	content: '';
	position: absolute;
	display: block;
	width: 2.5rem;
	height: auto;
	padding-bottom: 10%;
	-webkit-mask-image: url(/images/semicircle.svg);
    mask-image: url(/images/semicircle.svg);
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    mask-position: center bottom;
	background-color: var(--secondary-light-color);
	right: -1.25rem;
	top: -0.25rem;
	z-index: 100;
}
.ticket-home-title::after{
	content: '';
	transform: rotate(180deg);
	position: absolute;
	display: block;
	width: 2.5rem;
	height: auto;
	padding-top: 10%;
	-webkit-mask-image: url(/images/semicircle.svg);
    mask-image: url(/images/semicircle.svg);
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    mask-position: center bottom;
	background-color: var(--secondary-light-color);
	right: -1.25rem;
	bottom: -0.25rem;
	z-index: 100;
}
.ticket-home::after{
	content: '';
	position: absolute;
	border-right: 2px dashed white;
	height: 100%;
	width: auto;
	right: 70%;
	top: 0;
}
.ticket-home:hover::after,
.ticket-home:focus::after{
	border-right: 2px dashed #404040;
}

.ticket-home-title a{
	font-weight: bold;
}
.ticket-home-content a{
	font-size: 1rem;
}
.ticket-subtitle{
	font-weight: bold;
	font-size: 1rem;
}
.photoAlbum img{
	margin-bottom: 2rem;
}



