html {
	font-size: 21px;
}

body {
	overflow-x:hidden;
}

/*
@media all and (min-width: 2560px){
	html {
		font-size: 34px;
	}
}
*/


.site {
	padding: 0 23px;
}

#logo {
	width: 150px;
	height: 40.157px;
	margin-top: 18px;
	margin-left: 90px;
}

#nav-holder {
	width:100%;
	overflow:hidden;
}

#nav-background {
	
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	
	animation-duration: 240ms; 
	backdrop-filter: blur(0);
	-webkit-backdrop-filter: blur(0);
	background-color: rgba(0, 0, 0, 0.5);
	z-index:-1;
}

#nav-holder #nav {
	width:33.333%;
	padding-top: 64px;
}

#nav li .sub-menu li.menu-item-has-children > a:after {
	
}

#nav > li > a:before {
	margin-top: 1.4rem;
}

#nav > li > a {
	font-size:1.6rem;
	line-height: 3.8rem;
}

@media all and (min-width: 1900px){
	#nav > li > a {
		font-size:2.5rem;
		line-height: 5.83rem;
	}
	
	#nav > li > a:before {
		margin-top: 2.6rem;
	}

}


#nav li .sub-menu {
	padding: 4.5rem 1.8rem 0 3rem;
}


#nav > li > .sub-menu {
	width:33.333%;
	left:33.333%;
	background: linear-gradient(90deg, #092729 0%, #0b3134 100%);
}

#nav li .sub-menu li a {
/*	padding: 2.6rem 0; */
}


#nav li .sub-menu:before {
	display:none;
}

/*
#nav > li > .sub-menu > li > .sub-menu > li:before {
	margin-top: 2.2rem;
}
*/

#nav > li.show-sub > .sub-menu .sub-menu {
	width: 33.333%;
	left:66.666%;
	background: linear-gradient(90deg, #071d1e 0%, #071f20 100%);
}



@media all and (min-width: 1740px){
	#logo {
		margin-left:20px;
	}
}

#header {
/*	outline: 2px dashed blue; */
	min-height: 75px;
}

#header .site { 
	padding: 0 10px;
}

.enabled-sticky #header,
.enabled-sticky-mobile #header {
	border-radius: 39.5px;
	/* max-width: 1730px;*/
	margin:46px 22px;
	width: calc( 100vw - ( var(--g12gap) ) );
	box-sizing:Border-box;


	max-width:1730px;
}

@media all and (min-width: 1820px){
	#logo {
		margin-left:132px;
	}
	
	.enabled-sticky #header,
	.enabled-sticky-mobile #header {
		margin:46px auto 46px calc( 50vw - 874px );
		width: calc( 100vw - ( var(--g12gap) ) );
		max-width: 1734px;
	}
	
	#header .site {
		max-width:initial;
	}
}

@media all and (min-width: 1920px){
	#logo {
		margin-left:100px;
	}
	/*
	body #main {
		max-width: initial;
	}
	body #content-header video {
		min-width: 2560px !important;
		max-height: 1440px !important;
	}
	*/
}

.enabled-sticky.sticky-header #header:hover {
	background:#54927E;
}

.enabled-sticky.sticky-header #header:hover #logo svg #logo-shape {
	fill: #C1DBD9;
}


#nav-extras {
	display:none;
}

#nav-toggle {
	position: Absolute;
	left: 11px;
	top: 11px;
	width: 55px;
	height: 55px;
}

#nav-toggle span {
	height: 7px;
	width: 33px;
	left: 11px;
}

#nav-toggle span:nth-child(1) {
	top: 11px;
}
#nav-toggle span:nth-child(2) {
	top: 24px;
}
#nav-toggle span:nth-child(3) {
	top: 37px;
}

#nav-toggle:hover {
	outline-width: 10px;
}

/*
#nav-closer {
	top:57px;
	left: 56px;
	width:55px;
	height:55px;
}
*/

.close-btn {
	top:2.56rem;
	left: 2.56rem;
	width:2.56rem;
	height:2.56rem;
}

.close-btn:hover {
	outline-width: 10px;
}

#global-nav {
	position:Absolute;
	top:0;
	right:0;
}

#global-nav ul {
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0;
	line-height: 75px;
}

#global-nav li + li {
	padding-left: 40px;
}

#global-nav li.contact-cta a {
	margin-top:-8px;
}

#hull {
	
}


#main:after {
	
}

#content-header:after {
	background-size: auto 950px;
	background-position: 90% top;
}

#content-header-inner {
	padding-top: 190px;
	min-height: 420px;  /* desktop */
	

	clear:both;
	position:Relative;
}

@media all and (min-width: 1771px){
	#content-header-inner:before,
	#content-header-inner:after {
		content:"";
		width: 250px;
		height:100%;
		position:absolute;
		top:0;
	}
}

#content-header-inner:before {
	left:0;
	background: rgb(0,0,0);
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(11,50,52,1) 100%);
}
#content-header-inner:after {
	right:0;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(11,50,52,1) 100%);
}

#content-header-inner .button_holder {
	max-width:50%;
}

.home #content-header-inner {
	padding-top: 15rem;
	/* min-height: 640px; */
	padding-bottom: 9rem;
}

.home #content-header h1 {
	font-size: 6rem;
	line-height:5.5rem;
}

.home #content-header h1 span {
	font-size: 6rem;
}
/*
.home #content-header .site > h1:after {
	min-height: 3rem;
	width:4rem;
	background-size: auto 3rem;
	padding-right:4rem;
}
*/

.home #content-header .site > h1:after {
	min-height: 3rem;
	width:2rem;
	background-size: auto 3rem;
	padding-right:2rem;
}

.home #content-hull > .site:first-of-type {
	padding-top: 1rem;
}

.breadcrumb {
	padding-bottom:60px;
}


#content-hull {
	/* border-radius: 100px; */
	padding: 6.1rem 0 6.1rem;
	/* margin-top:-100px; */
	clear:both;
	
	/*
	background-size: auto 1250px;
	background-position: 75% -580px;
	*/
	
	background-size: 2100px auto;
	background-position:500px 440px;
}

#content-hull > .site:first-of-type:before {
	width:326px;
	height:61px;
}

.single-product #content-hull {
	z-index:2;
}

/*
.home #content-hull {
	background-position: 75% -810px;
}
*/

/*
#content-hull:before {
	left:200px;
	top:-39px;
	border-left-width: 39px;
	border-right-width: 39px;
	border-bottom-width: 39px;
}
*/

/*

.home .quickberg-section .wp-block-media-text {
	padding-left:30px;
}
*/


.home .quickberg-section .wp-block-media-text figure {
	max-width: 90% !important;
}
/*
.home .wp-block-media-text.has-media-on-the-right figure {
	max-width: 90%;
	margin-left:auto;
}
*/

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 8% 0 0;
}

.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
	padding: 0 0 0 8%;
}



/* end of CRITICAL css */

.accordion-head,
.quickberg-section .accordion-head,
article .quickberg-section .accordion-head {
	font-size:32px;
	line-height: 94px;
}

.accordion-head:after {
	width:20px;
	height:20px;
	background-size: 20px auto;
	top: 35px;
}

#logo-footer {
	margin: 65px 10px 10px 0;
	float:left;
}


#footer .site:before {
	content:"";
	display:block;
	width: 210px;
	height: 90px;
	background: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 419 179%22 fill=%22none%22><circle cx=%22280.5%22 cy=%22138.2%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 280.5 138.2)%22/><circle cx=%22235.8%22 cy=%2240.5%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 235.8 40.5)%22/><circle cx=%22378.3%22 cy=%22138.2%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 378.3 138.2)%22/><circle cx=%22333.6%22 cy=%2240.5%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 333.6 40.5)%22/><circle cx=%22182.9%22 cy=%22138.2%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 182.9 138.2)%22/><circle cx=%22138.2%22 cy=%2240.5%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 138.2 40.5)%22/><circle cx=%2285.2%22 cy=%22138.2%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 85.2 138.2)%22/><circle cx=%2240.5%22 cy=%2240.5%22 r=%2237%22 stroke=%22%2354927E%22 stroke-opacity=%22.5%22 stroke-width=%227%22 transform=%22rotate(-180 40.5 40.5)%22/></svg>') center center no-repeat;
	
	background-size: 100% auto;
	position:absolute;
	right: -20px;
	top:-70px;
}


#footer ul,
#footer ul li {
	display:inline;
}

#footer-date, 
#footer ul li a {
	line-height: 170px;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin-right: 24px;
}

@media all and (min-width:1100px){
	#footer-date, 
	#footer ul li a {
		margin-right: 66px;
	}
}

#footer a {
	transition: all 180ms linear;
}

#footer .quickberg-social-icons {
	float:Right;
	line-height: 170px;
}


#footer .quickberg-social-icons a {
	margin-right: 0;
	margin-left: 1rem;
}

#footer a:hover {
	opacity:.7;
}

#footer .site:before {
	width:420px;
	height: 180px;
	background-size: 418px 178px;
	right: 8px;
	top:-140px;
}




/* single */
/*
.has-featured-image #content-header-inner .site > * {
	max-width: calc( 50% - 28px );
}

#product-image {
	width: calc( 50% - 28px );
	float:right;
	box-sizing:border-box;
	
	border-radius: 30px;
	border: 3px solid #54927E;
	border-bottom-width: 18px;
	background: #FFF;
	
	padding: 20px;
	overflow:hidden;
	
	margin-top: -22.5rem;
}

#product-image img {
	width: 100%;
	height:auto;
	margin:0 auto;
}

#product-content {
	width: calc( 50% - 28px );
	float:left;
}

*/


#elas-partners .flip-card {
	width: 33.33%;
	float:left;
	padding-bottom:33.33%;
}

.flip-card-inner {
	width: calc( 100% - 20px );
	height:  calc( 100% - 20px );
}

.single-product #content-header h1,
.single-product #content-header h2 {
	max-width: calc( 50% - 40px );
}

.wp-block-elas-brand-featured-image {
	position:Relative;
	box-sizing:border-box;
	
	border-radius: 30px;
	border: 3px solid #54927E;
	border-bottom-width: 18px;
	background: #FFF;
	
	padding: 60px 20px 20px;
	overflow:hidden;
	
	margin-top: -22.4rem;
	margin-bottom:2rem;
	
	/* transition: all 320ms linear; */
}

.wp-block-elas-brand-featured-image figure {
	max-width: 540px;
	margin-left: auto;
	margin-right:auto;
}

.sticky-product-image .wp-block-elas-brand-featured-image {
	/* outline:2px dashed red; */
	position: fixed;
	top: 14.8rem;
	margin-top:0;
}

.wp-block-elas-brand-featured-image > img {
	display:block;
	width:100%;
	height: auto;
	
	position:absolute;
	right:20px;
	top:0;

	max-width:33%;
	z-index:2;
}

.video-lightbox-content {
	position: relative;
	height:0 !important;
	padding-bottom:33.5%;
	width:100%;
	max-width: 1280px;
}

.wp-block-quickberg-carousel-image[datacentered='1'] .tns-ovh {
	padding-top:5rem;
	padding-bottom:5rem;
}

.wp-block-quickberg-carousel-image .tns-horizontal.tns-subpixel>.tns-item {
	vertical-align: middle;
}

.wp-block-quickberg-carousel-image .carousel-image-item.tns-item a {
	display:block;
	width:100%;
	box-sizing:border-box;
	white-space:normal;
	text-align:center !important;
	transition: all 320ms linear;
	text-decoration:none;
	
	
	border-radius: 30px;
	border: 3px solid #54927E;
	border-bottom-width: 20px;
	background: #FFF;
	padding: 20px  20px calc(20px + 3rem) 20px;
	
	position:relative;
	/* margin-bottom:30px; */
}

.wp-block-quickberg-carousel-image .carousel-image-item.tns-item a > span {
	position:relative;
	height:0;
	padding-bottom:100%;
	display:block;
}

.wp-block-quickberg-carousel-image .carousel-image-item.tns-item a > span img {
	object-fit: contain;
	width:100%;
	height:100%;
	position:absolute;
}

.carousel-image-item.tns-item img {
	margin:0 auto;
	border-radius:15px;
}

.carousel-image-item.tns-item.tns-slide-active a {
	
}
/*
.carousel-image-item.tns-item.tns-slide-active + .carousel-image-item.tns-item.tns-slide-active a {
	transform:scale(1.5);
	transform-origin: center center;
	transition: all 320ms linear;
	color:#0B3234;
}
*/



.carousel-image-item.tns-item a:after {
	display:block;
	content: attr(data-caption);
	font-family: "Urbanist 500";
	font-size:0.9rem;
	
	color:#54927E;
	padding:0.5rem;
	text-align:left;
	white-space: initial;
	font-style: italic;
	position:absolute;
	bottom:10px;
	width: calc( 100% - 60px );
	
}

/*
.carousel-image-item.tns-item.tns-slide-active + .carousel-image-item.tns-item.tns-slide-active +.carousel-image-item.tns-item.tns-slide-active a {
	outline: none !important;
	transform:none;
	background: transparent;
}

.carousel-image-item.tns-item.tns-slide-active + .carousel-image-item.tns-item.tns-slide-active +.carousel-image-item.tns-item.tns-slide-active a:after {
	display:none;
}
*/

.quickberg-carousel {
	margin-bottom:30px;
}

.wp-block-quickberg-carousel-image .carousel-wrapper figure a:after {

}


.wp-block-quickberg-carousel-image.quickberg-carousel .tns-nav button:after {
	background:#0B3234;
}


.wp-block-quickberg-video-lightbox,
.wp-block-quickberg-static-video {
	box-sizing:border-box;
	
	border-radius: 1rem;
	border: 3px solid #54927E;
	border-bottom-width: 20px;
	background: #FFF;
	
	padding: 20px;
	overflow:hidden;
	
	margin-bottom: calc( 2 * var(--g12gap) );
}

.wp-block-quickberg-carousel .wp-block-quickberg-video-lightbox .wp-block-columns {
	display:block;
}

.wp-block-quickberg-video-lightbox .wp-block-column + .wp-block-column,
.wp-block-quickberg-static-video .wp-block-column + .wp-block-column {
	padding: 30px;
}

.wp-block-quickberg-video-lightbox .wp-block-column + .wp-block-column p,
.wp-block-quickberg-static-video .wp-block-column + .wp-block-column p {
	padding-top:30px;
}

.archive-item,
.archive-item figure,
.button,
.wp-block-button .wp-block-button__link {
	transition: all 320ms linear;
}

.button:hover,
.wp-block-button .wp-block-button__link:hover {
	opacity:.7;
}

.archive-item:hover {
	transform: translate(0, -20px);
}

.archive-item:hover figure{
	border-color: #0B3234;
	box-shadow: 0px 1.2rem 1.2rem 0.3rem rgba(84, 146, 126, 0.35);
}

.quickbar {
	display:flex;
	gap: 2rem;
	max-width:100%;
}

.quickbar > * {
	flex: 0 0 auto !important;
	box-sizing:Border-box;
	
	
	width: calc( 25% - 1.5rem ) !important;
	
}

.niceSelect-wrapper {
	width: 25%;
}

body .borderedbox {
	min-height:30rem;
}

#custom-search-results {
	padding:3rem 0;
	border-bottom: 3px solid #CFE2E0;
}

body.single-product .borderedbox,
body .widecards .borderedbox {
	min-height:initial;
}

.borderedbox h2 {
	font-size: 1.66rem;
	line-height: 2rem;
}

.borderedbox figure + h2 {
	min-height: 6rem;
}

.search-item {

}

.search .search-item:after,
.elas-form .search-item:after {
	content:"";
	display:table;
	clear:both;
	height:1px;
}

.search .search-item.borderedbox figure.image,
.elas-form .search-item.borderedbox figure.image {
	float:left;
	width: 333px;
	height:333px;
	padding-bottom:0;
	position:relative;
	margin-right: 3rem;
	border-right: 3px solid #CFE2E0;
	padding-right:1rem;
}

.search .search-item.borderedbox .item-formfields,
.elas-form .search-item.borderedbox .item-formfields {
	float:left;
	width: calc( 100% - ( 336px + 6rem) );
}


.search .search-item.borderedbox h2,
.elas-form .search-item.borderedbox h2 {
	border: 0 none;
	min-height: initial;
}
/*
.modal {
	background: rgba(11, 50, 52, .8);
}
*/

.lang-buttons {
	max-width:640px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row: auto auto;
	grid-column-gap: 1.2rem;
	grid-row-gap: 1.2rem;
	margin:0 auto 4rem;
}

.lang-buttons .button {
	margin:0;
	text-align:left;
}

.important {
	position:relative;
	max-width: 400px;
	padding-left: 4rem;
	margin: 4rem auto;
	text-align:left;
}

.important + .important {
	margin-top:-2rem;
}

.important svg {
	position:absolute;
	left:0;
	top:0;
}

.lang-modal .button svg {
	width:40px;
	height:auto;
	right: 8px;
	top: 6px;
}

#lang-selector > p {
	background-size: auto 1rem;
}

.important svg {
	clear:none;
	margin:0;
	width:55px;
	display:inline-block;
}

.elas-logo-search {
	padding-left: 4rem;
	min-height: 3rem;
	line-height: 2rem !important;
	vertical-align:middle;
}

.search-modal form > p {
	background-size: auto 27px;
}
.search-modal > div > p {
	background-size: auto 27px;
}



























body .borderedbox.event-item {
	display:table;
	width:100%;
	min-height:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	min-height:initial;
}
.event-item-date {
	color:#0B3234;
	font-family: 'Urbanist 800';
	text-transform:uppercase;
	box-sizing:border-box;
	transition: color linear .3s;
	display:block;
	padding-bottom:10px;
	font-size:0.8rem;
	white-space:nowrap;
}

.event-item-date b {
	font-size: 4rem;
	display:block;
	min-width:6rem;
}

.event-item .event-item-content h3 {
	padding-bottom:1rem;
}

.event-item .event-item-content p {
	padding-bottom:0;
	margin-bottom:0;
}


@media all and (max-width:879px){
	.event-item-content:after {
		content:"Tap for more";
		font-size:14px;
	}
}

@media all and (min-width:880px){
	.event-item-date {
		display:table-cell;
		width: 120px;
		text-align:Center;
		vertical-align:middle;
		padding-right:20px;
		padding-bottom:0;
		border-right:2px solid #54927E;
	}

	.event-item-content {
		display:table-cell;
		padding-left:20px;
	}

}

.card.event-item:hover {}
.card.event-item:hover .event-item-date { color: #ff3f56; }
.card.event-item:hover .item-more svg path { fill: #ff3f56; }



#cookie-alert p {
	padding-left: 100px;
	background-position: left center;
}

#cookie-policy-close {
	float: right;
	display: inline-block;
	margin-left: auto;
	margin-right:0;
}

@media all and (min-width:1921px){
	#cookie-alert p {
		margin-left:-1rem;
	}

	#cookie-policy-close {
		margin-right:-1rem;
	}
}