@charset "UTF-8";

*:focus {
    outline: none;
}
:root {
	--prd-col-orange: #e24505;
	--prd-col-fuscia: #c2145f;
	--prd-col-green: #00943a;
	
	--prd-bflplus-h3: #00577d;
	--prd-bflplus-it: var(--prd-col-orange);
	
	--prd-ourorap-h3: #8c0f57;
	--prd-ourorap-it: #c2145f;
	
	--prd-bfireg-h3: #166938;
	--prd-bfireg-it: #00943a;
}
html {
	scroll-behavior: auto !important;
}
body {
	font-family: 'Manrope', sans-serif;
	background-color: #f5f4f1;
	/*overflow-x: hidden;*/
}

img[data-src] {
	border: 0;
	outline: none;
	opacity: 0;
}
img[src] {
	opacity: 1;
	transition-duration: .1s;
}

.kcs-stay-intr-btn {
	max-width: 220px;
}
.kcs-center-pop .kcs-col-2 {
	max-width: 20%;
}
.kcs-content-box h4,
.kcs-content-box p {
	color: #343434;
}
.kcs-center-pop {
	border-radius: 0px !important;
}
.kcs-center-pop .kcs-close-btn {
    right: 0;
    top: 0;
	background: transparent;
	box-shadow: none;
	z-index: 2;
}
.kcs-center-pop .kcs-close-btn :hover {
	color: #666666;
}

.kcs-goto-btn {
	border: 1px solid #343434;
}
.kcs-goto-btn:hover, 
.kcs-goto-btn:focus, 
.kcs-goto-btn:active {
	color: #ffffff;
	background: #343434;
	opacity: 1;
}
.kcs-stay-intr-btn:hover, 
.kcs-stay-intr-btn:focus, 
.kcs-stay-intr-btn:active {
	color: #343434;
	background: transparent;
}

/* Accessibility styles */
#userwayAccessibilityIcon {
	display: none !important;
}
#ac_tooolbar {
    position: fixed;
    bottom: calc(8vh + 55px);
    left: 49px;
	display: inline-block;
    max-width: 48px;
}
#ac_tooolbar img {
	max-width: 47px;
	cursor: pointer;
}
.mobile-nav #ac_tooolbar {
	display: none;
	left: 1em;
	top: -1px;
	position: relative;
}
.mobile-nav #ac_tooolbar img {

}
/* End Accessibility styles */

.sws_superaction {
	bottom: 8vh !important;
	left: 49px !important;
	z-index: 3 !important;
}
.sws_superaction button {
	margin: 0 !important;
}
.superwebshare_prompt {
	position: relative;
	box-shadow: none !important;
}
.superwebshare_prompt:after {
    content: "";
    width: 85%;
    height: 85%;
	max-width: 60px;
	max-height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 2px solid #fff;
    transform: translate(-50%, -50%);
}
.superwebshare_tada {
	animation-duration: 0s !important;
}
.sws-social-whatsapp {
	display: none !important;
}
@media screen and (max-width: 1264px) {
    .superwebshare_tada:not(.on-block-preview) {
        height: var(--width) !important;
        width: auto !important;
    }
}
.page-container {
	/*padding-top: 152px !important;*/
}
h1, .h1 {
	/*font-size: calc(1em + 2.66vw);*/ /*70px*/
	font-size: calc(1em + 4.66vh); /*70px*/
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
}
h2, .h2 {
	font-size: calc(1em + 1.46vh);
	color: inherit;
}
h3, .h3 {
    font-size: calc(1em + 1.0vh);
	color: inherit;
}
.prd-card .prd-ttl .h3 {
	font-size: calc(1em + 1.0vh) !important;
}
h4, .h4 {
	font-size: calc(1em + 0.76vh); /*calc(1em + 0.4vw)*/
	color: inherit;
}
h5, .h5 {
	font-size: calc(1em + 0.41vh);
	color: inherit;
}
.h1-half {
	font-size: calc(1em + 3.26vh);
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
}
.display-6 {
	font-size: calc(1em + 2.2vh); /*1.48rem*/
}
a {
	position: relative;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, opacity .15s !important;
}
a:hover {
	opacity: 0.5;
	color: inherit;
}
a, p {
	color: #000000;
}
a, p, .footer-slide li {
	/*font-size: 20px;*/
	font-size: calc(0.82em + 0.34vw);
}
.footer-slide li a {
	/*font-size: 20px;*/
	font-size: calc(0.74em + 0.34vw);
}
a.circle_interupt:before {
	content: '';
    background-image: url(/wp-content/themes/olonea/images/circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.text-darkgray {
	color: #5e5d5b;
}
.min-100ph {
	min-height: 100%;
}
.min-100vw {
	min-height: 100vw;
}
.h-10 {
	height: 10% !important;
}
.h-20 {
	height: 20% !important;
}
.h-30 {
	height: 30% !important;
}
.h-40 {
	height: 40% !important;
}
.h-60 {
	height: 60% !important;
}
.w-13 {
	width: 13% !important;
}
.w-14h,
.col.w-14h {
	width: 14.5% !important;
}
.w-15 {
	width: 15% !important;
}
.w-20 {
	width: 20% !important;
}
.w-29 {
	width: 29% !important;
}
.w-30 {
	width: 30% !important;
}
.w-60 {
	width: 60% !important;
}
.w-65 {
	width: 65% !important;
}
.w-70 {
	width: 70% !important;
}
.w-74h {
	width: 74.5% !important;
}
.w-80 {
	width: 80% !important;
}
.w-80-lg {
	
}
.w-85 {
	width: 85% !important;
}
.w-85h {
	width: 85.5% !important;
}
.w-87 {
	width: 87% !important;
}
.w-88 {
	width: 88% !important;
}
.w-90 {
	width: 90% !important;
}
.w-95 {
	width: 95% !important;
}
.w-100m33 {
	width: calc(100% - 33px) !important;
}
.ps-33 {
	padding-left: 33px;
}
.prod-ps-33 {
	padding-left: 33px;
}
.px-40 {
	padding-left: 40px;
	padding-right: 40px;
}
.pt-65 {
	padding-top: 5.2vh; /*65px*/
}
.pb-65 {
	padding-bottom: 5.2vh; /*65px*/
}
.px-6pc {
	padding-left: 6.32%;
	padding-right: 6.32%;
}
.px-8pc {
	padding-left: 8.46%;
	padding-right: 8.46%;
}
.pt-155 {
	padding-top: 7.78%; /*155px*/
}
.ps-33 {
	padding-left: 33px;
}
.pe-33 {
	padding-right: 33px;
}
.ms-33 {
	margin-left: 33px;
}
.me-33 {
	margin-right: 33px;
}
.mx-33 {
	margin-left: 33px;
	margin-right: 33px;
}
.ms-6 {
	margin-left: 5rem!important	
}
.mt-4h {
	margin-top: 2rem !important;
}
.mb-6 {
	margin-bottom: 6vh !important;
}
.py-6 {
	padding-top: 7vh !important;	
	padding-bottom: 7vh !important;	
}
.px-6 {
	padding-left: 3.7vw !important;	
	padding-right: 3.7vw !important;	
}
.col-md-55 {
	flex: 0 0 auto;
	width: 55.53%;
}
.col-md-45 {
	flex: 0 0 auto;
	width: 44.47%;
}

@media screen and (max-width: 576px) {
	.position-relative {
		position: relative !important;
	}
	.position-absolute {
		position: absolute !important;
	}
}
@media screen and (min-width: 576px) {
	.position-sm-relative {
		position: relative !important;
	}
	.position-sm-absolute {
		position: absolute !important;
	}
	.header-top-bar .ps-md-33 {
		padding-left: 0px;
	}
}                      
@media screen and (min-width: 768px) {
	.position-md-relative {
		position: relative !important;
	}
	.position-md-absolute {
		position: absolute !important;
	}
	.header-top-bar .ps-md-33 {
		padding-left: 33px !important;
	}
}                      
@media screen and (min-width: 992px) {
	.position-lg-relative {
		position: relative !important;
	}
	.position-lg-absolute {
		position: absolute !important;
	}
	.header-top-bar .ps-md-33 {
		padding-left: 0px !important;
	}
}                      
@media screen and (min-width: 1200px) {
	.position-xl-relative {
		position: relative !important;
	}
	.position-xl-absolute {
		position: absolute !important;
	}
}                      
@media screen and (min-width: 1400px) {
	.position-xxl-relative {
		position: relative !important;
	}
	.position-xxl-absolute {
		position: absolute !important;
	}
}
.tooltip,
.tooltip-inner {
	border-radius: 0 !important;
}
.tooltip-inner {
	padding-top: 4px !important;
	padding-bottom: 5px !important;
}
.fit-content  {
	width: fit-content;
}
.overflow-x-hidden {
	overflow-x: hidden;
}
.logo-header {
	display: inline-block;
	cursor: pointer;
}
.logo-header img {
	pointer-events:  none;
	animation-duration: .35s !important;
	max-width: 184px;
	height: auto;
}
.olonea-logo-anim {
	position: fixed; 
	top: 0px;
    left: 78px;
    width: 165px;
    height: 165px; 
	z-index: 6;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	transition-duration: .2s;
	animation-duration: .15s !important;
}
.olonea-logo-anim.active {
	visibility: visible;
	opacity: 1;
}
.page-loader,
.custom-modal-container {
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    top: 152px;
    left: 33px;
    width: 100%;
    height: calc(100% - 152px);
    z-index: 111;
	opacity: 0;
	pointer-events: none;
	transition-duration: .3s;
}
@media screen and (max-height: 900px) {
	.page-loader,
	.custom-modal-container {
		top: 104px;
		height: calc(100% - 104px);
	}
}
.page-loader.active,
.custom-modal-container.active {
	opacity: 1;
	pointer-events: auto;
}
.page-loader img,
.page-loader svg {
    height: 4vw !important;
	max-height: 80px !important;
}
.page-loader.active svg {
	animation: rotate-loader 2s linear 0s infinite;
}
.page-loader svg .st0 {
    fill: #a5d91e;
}
@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}100%{-webkit-transform:rotate(0);transform:rotate(0);}}
@keyframes rotate-loader{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}100%{-webkit-transform:rotate(0);transform:rotate(0);}}

.fade-opacity-0 {
	opacity: 0;
	transition-duration: .4s;
}

.sm_menu_outer {
	height: calc(100% - 104px) !important;
}

.btn {
	font-size: calc(1em + 0.4vh); /*24px*/
	transition-duration: .2s;
}

.btn.btn-white:hover {
	background-color: #ffffff;
	color: #212529 !important;
}
.btn.btn-darkergray:hover {
	background-color: #343434;
	color: #f8f9fa !important;
}
.btn-darkergray {
	background-color: #343434;
}
.btn-white {
	background-color: #ffffff;
}
.btn-not-round {
	border-radius: 0;
}
.col {
	position: relative;
}
.z-index-0 {
	z-index: 0 !important;
}
.animate-ovr {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.animate-ovr-right {
	left: auto;
	right: 0;
}
.bg-beige {
	background-color: #ece9e4;
}
.bg-blue {
	background-color: #004a7b;
}
.bg-dark-blue {
	background-color: #032f3c;
}
.bg-blackish-blue {
	background-color: #0f1015;
}
.bg-fuscia {
	background-color: #d41367;
}
.bg-green {
	background-color: #006937;
}
.bg-darkgray {
	background-color: #343434;
}
.bg-lightgray {
	background-color: #424242;
}
.bg-xtralightgray {
	background-color: #e7e4dd;
}
.bg-grad-duotone {
	background: linear-gradient(270deg, #424242 0%, #424242 29%, #343434 29%, #343434 100%);
}
.bg-is-dark hr {
    color: #ffffff;
    opacity: 1;
}
.brd-bottom-orange {
	box-shadow: inset 0 -8px 0px -4px var(--prd-col-orange);
}
.brd-bottom-fuscia {
	box-shadow: inset 0 -8px 0px -4px var(--prd-col-fuscia);
}
.brd-bottom-green {
	box-shadow: inset 0 -8px 0px -4px var(--prd-col-green);
}

.col {
	max-height: 100%;
}

.d-menu-none {
	display: none !important;
}
.d-menu-block {
	display: block !important;
}
.d-menu-flex {
	display: flex !important;
}
@media screen and (min-width: 1200px) {
	.d-menu-xl-none {
		display: none !important;
	}
	.d-menu-xl-block {
		display: block !important;
	}
	.d-menu-xl-flex {
		display: flex !important;
	}
}

#fp-nav {
	opacity: 0.2;
	transition-duration: .2s;
	margin-top: 76px;
	z-index: 3;
}
@media screen and (max-height: 900px) {
	#fp-nav {
		margin-top: 52px;
	}
}
#fp-nav:hover {
	opacity: 0.8;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	box-shadow: 0 0 0 1px #fff;
}
.header-top-bar {
	background-color: #343434;
	color: #ffffff;
	height: 40px;
	top: 0 !important;
	box-shadow: 0 11px 12px -8px #888888;
	z-index: 1;
}
.header-top-bar > div {
	display: flex;
    align-items: center;
	font-size: calc(13px + 0.23vw);
}
.header-top-bar > div > * {
	height: 40px;
    line-height: 40px;
}
.header-top-bar a {
	color: #ffffff;
	font-size: calc(13px + 0.20vw);
}
.header-top-bar a img {
	max-height: 22px;
	vertical-align: text-bottom;
}
.header {
	background: linear-gradient(90deg, rgba(165,217,30,1) 0%, rgba(165,217,30,1) 33px, rgba(245,244,241,1) 33px, rgba(245,244,241,1) 100%);
	height: 148px;
	z-index: 6;
	top: 0;
	left: 0;
}
.header .row .col {
	flex: 1 1 0%;
}
.header .row .main-menu-col {
	flex: 1 1 auto;
}
.header .row {
	position: relative;
	top: 15px;
}
.header:after {
    content: '';
    background-color: #f5f4f1;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
}
.main-navigation {
	width: 100%;
}
#menu-list{
	display: flex;
    justify-content: space-evenly;
}
#menu-list > li {
    list-style: none;
    display: inline-block;
}

.header nav a,
.header-right a,
.header-right select {
	font-size: calc(13px + 0.23vw);
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	transition-duration: .2s;
	/*letter-spacing: 1px;*/
	/*pointer-events: none;*/
}
.header nav a:hover,
.header-right a:hover,
.header nav li.active > a {
	/*color: rgba(165,217,30,1);*/
	color: rgba(17, 17, 17, 0.65) !important;
}

.header nav a:last-child {
	padding-right: inherit;
}

.header-right a {
	padding-right: 1.24vw;
}
.header-right.desktop-nav a {
	position: relative;
	top: -7px;
	max-width: calc(22px + 0.5vw);
	min-width: 28px;
	height: auto;
	/*max-height: 32px;*/
	margin: 0 0.3em;
}
.header-right.desktop-nav a img {
	max-width: 100%;
	min-width: 28px;
}
.header-right a:last-child {
	padding-right: inherit;
}
#site-en {
	top: 3px;
	margin-right: 12px;
}
.site-en {
	margin-bottom: 0.9em;
}
#quiz-lnk {
    background-color: #343434;
    color: #ffffff;
    max-width: none;
	min-width: auto;
    padding: 0px 10px;
	height: 29px;
    line-height: 29px;
}

.header-right .pll-switcher-select {
	background: transparent;
	color: #343434;
	border: 0;
	top: -8px;
	position: relative;
	padding: 9px 10px 0;
	margin: 0 0.3em;
	max-height: 30px;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.header-right .pll-switcher-select:active,
.header-right .pll-switcher-select:focus {
	background: #343434;
	color: #ffffff;
}

/**/
.header nav {
	/*position: absolute;
	width: 100%;
	left: 0;*/
}
.header nav ul {
	margin: 0 auto;
	padding-left: 20px;
	/*max-width: 1060px;*/
}
.header nav ul li {
	list-style: none;
}
.header nav li a {
	color: rgba(17, 17, 17, 1);
	text-decoration: none;
	cursor: pointer;
}
.header nav .menu-container > ul > li {
	display: inline-block;
	position: relative;
	padding: 10px 0;
	padding-bottom: 1px; /*56px*/
	margin-top: 38px;
	z-index: 100;
}
.header nav .menu-container > ul > li > a {
	position: relative;
	padding-bottom: 27px;
	top: -10px;
	display: inline-block;
}

#menu-list > li.menu-item-has-children > a:before,
#menu-list > li.menu-item-has-children > a:after {	
    position: absolute;
    width: calc(100%);
    height: 0px;
    content: '';
    left: 0;
    top: calc(100% + 2px);
    z-index: 111;
	content: 'o';
	font-size: 22px;
	font-weight: bold;
    text-align: center;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;	
	transition-duration: .3s;
	color: #111111;
}
	
#menu-list > li.menu-item-has-children > a:before {
	top: calc(43% + 4px);
	text-indent: 2em;
	color: #a5d91e;
	margin-top: 17px;
	border-bottom: 1px solid #111;
}
#menu-list > li.menu-item-has-children > a:after {
	/*border-top: 1px solid #111;*/
	text-indent: -2em;
	padding-top: 12px;
}

#menu-list > li.active.menu-item-has-children:hover > a:before,
#menu-list > li.active.menu-item-has-children:hover > a:after {
    height: 38px;
	text-indent: 0;
	opacity: 1 !important;
	margin-top: 0;
}

/*Level 1*/
.header nav .menu-container > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0.5em 1000em;
	padding-top: 53px;
	padding-bottom: 60px;
	margin: 0 -1000em;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	background: #e7e4dd;
	min-height: 20vh;
	transform: translateY(-3%);
	transition-duration: .2s;
}
.header nav .menu-container > ul > li > ul > li {
	padding: calc(5px - 0.9vh) 10px calc(5px - 0.9vh) 0px;
	margin: 0 0 1.2vh;
	min-width: 290px;
	position: relative;
	z-index: 1;
}
.header nav .menu-container > ul > li > ul > li.menu-item-has-children:after {
	content: '>';
	font-size: 1.2em;
	position: absolute;
	right: 0;
}
/* Level 2 */
.header nav .menu-container > ul > li > ul > li > ul {
	/*position: absolute;
	left: calc(100% + 2vw);
	top: 0;
	min-width: 40vw;*/
	
	position: absolute;
	left: calc(100% + 2vw);
	top: -3px;
	float: left;
	padding: 0.5em 1000em 0.5em 2em;
	margin: 0 -1000em 0 -2em;
	
	/*z-index: 101;*/
	visibility: hidden;
	opacity: 0;
  
	padding-top: 5px;
	
	padding: 0.5em 1000em 0.5em 1000em;
	padding-bottom: 3em;
    margin: 0 -1000em 0 -1000em;
    background: #e7e4dd;
	z-index: -1;
}
.header nav .menu-container > ul > li > ul > li > ul > li {
	padding: calc(5px - 0.75vh) 10px;
	margin: 0 0 0.5vh;
	min-width: 33vw;
}
.sub-menu-footer {
  position: absolute;
}
.sub-menu-footer a {
  font-size: 1em !important;
  font-weight: 400 !important;
  padding-right: 1vw;
}
.sub-menu-footer a:last-child {
  padding-right: 0;
}
#menu-list > li.active > .sub-menu:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 200%;
	top: 100%;
	left: 0;
	background: rgba(0,0,0, 0.6);
	pointer-events: none;
}

.submenu-close {
	position: fixed !important;
    top: 172px;
    right: 16px;
    display: inline-block;
	width: 42px;
    height: 42px;
    z-index: 1111;
	cursor: pointer;
}
.click-hidden {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media screen and (min-height: 1000px) {
	.header nav .menu-container > ul > li > ul > li {
		padding: 5px 10px 5px 0px;
		min-width: 290px;
		position: relative;
	}
	.header nav .menu-container > ul > li > ul > li > ul > li {
		margin: 0 0 1vh;
	}
}
@media screen and (max-height: 900px) {
	.logo-header img {
		max-width: 170px;
		margin-top: 4px;
	}
	.header nav .menu-container > ul > li {
		padding: 10px 0;
		padding-bottom: 0px; /*30px*/
		margin-top: 17px;
		z-index: 100;
	}
	.header nav .menu-container > ul > li > a {
		position: relative;
		top: -12px;
		padding-bottom: 0px;
	}
	.header nav .menu-container > ul > li > ul {
		/*min-height: 80vh;*/
		padding-top: 37px;
	}
	.header nav .menu-container > ul > li > ul > li > ul {
		/*padding: inherit;
		margin: inherit;*/
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 53vw;
		top: -7px;
	}
	.header nav .menu-container > ul > li > ul > li > ul > li {
		min-width: 23vw;
		flex: 0 1 0%;
	}
	#menu-list > li.menu-item-has-children > a:before,
	#menu-list > li.menu-item-has-children > a:after {
		font-size: 18px;
	}
	#menu-list > li:hover > a:before, 
	#menu-list > li:hover > a:after {
		height: 26px !important;
	}
	#menu-list > li > a:before {
		top: calc(45% + 1px) !important;
	}
	#menu-list > li > a:after {
		top: calc(83% + 12px) !important;
		padding-top: 0px !important;
	}
	.submenu-close {
		top: 142px;
	}
}

.header nav .menu-container > ul > li:hover > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	transition: all 250ms ease;
}
.header nav .menu-container > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition: all 250ms ease;
}

.mobile_menu input.autocomplete {
    border-bottom: 1px solid #343434 !important;
    height: 34px !important;
}
.mobile_menu div.asp_m.ajaxsearchpro .probox .promagnifier .innericon {
	background-size: 27px 27px;
}
/**/
.main-content {
	background: rgba(245,244,241,1);
	height: calc(calc(var(--vh,1vh)*100) - 152px) !important;
	transition-property: opacity;
	transition-duration: .2s;
	/*margin-top: 152px;*/
}
.main-content.swiper,
.page-template-default .main-content,
.archive.category .main-content {
	margin-top: 152px;
}
.page-template-default .main-content.fullpage-wrapper,
.archive.category .main-content.fullpage-wrapper {
	margin-top: 0px;
}
.main-content:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 33px;
    height: calc(calc(var(--vh,1vh)*100) - 152px) !important;
    margin-top: 152px;
    background-color: rgba(165,217,30,1);
	z-index: 4;
}

.main-content.swiper > .swiper-pagination {
	opacity: 0.2;
	margin: 0px 16px;
	transition-duration: .2s;
}
.main-content.swiper > .swiper-pagination:hover {
	opacity: 0.8;
}
.main-content.swiper > .swiper-pagination .swiper-pagination-bullet {
	position: relative;
    width: 1px;
    height: 1px;
    padding: 7px 7px;
	opacity: 1;
	background: transparent;	
	transition-duration: .2s;
}
.main-content.swiper > .swiper-pagination .swiper-pagination-bullet:after {
    content: '';
	position: absolute;    
    width: 4px;
    height: 4px;
    opacity: 1;
    background: #343434;
	box-shadow: 0 0 0 1px #fff;
    border-radius: 50%;
	left: calc(50% - 2px);
    top: calc(50% - 2px);
	transition-duration: .2s;
}
.main-content.swiper > .swiper-pagination .swiper-pagination-bullet:hover:after {
	width: 10px !important;
	height: 10px !important;
	opacity: 0.6;
	left: calc(50% - 5px);
    top: calc(50% - 5px);
}
.main-content.swiper > .swiper-pagination .swiper-pagination-bullet-active:after {
    width: 12px !important;
    height: 12px !important;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
}

.pageslide-content {
	/*position: absolute;
	height: calc(100% - 152px) !important;*/
}

.logo-thingy {
	position: absolute;
	right: 2%;
	top: 22%;
	/*transform: translateY(-50%);*/
	background-image: url('../images/logo_thingy_dark.png');
	background-size: contain;
    background-repeat: no-repeat;
	width: 18.5vw;
    height: 100%;
	max-height: 50vh;
	z-index: 2;
	pointer-events: none;
}
.logo-thingy-light {
	position: absolute;
	right: 5%;
	top: 14%;
	/*transform: translateY(-50%);*/
	background-image: url('../images/logo_thingy_light.png');
	background-size: contain;
    background-repeat: no-repeat;
	width: 18.5vw;
    height: 100%;
	max-height: 50vh;
	z-index: 2;
	pointer-events: none;
}
.quiz-slide .logo-thingy,
.series-slide .logo-thingy,
.newsletter-slide .logo-thingy {
	right: 3.7%;
}
body.home h1,
body.home .h1 {
	font-weight: bold;
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.plyr--video {
	width: 100%;
	height: 100%;
}
.plyr__controls {
	display: none !important;
}

.swiper .swiper-slide .col > img {
	width: 100%;
}
.swiper .swiper-slide iframe {
	width: 100%;
	height: 100%;
	/*pointer-events: none;*/
}
.swiper .swiper-slide:first-child .row {
	/*background-color: #ccc;*/
}
.swiper .swiper-slide {
	overflow-y: hidden;
	overflow-x: hidden;
}
.swiper-slide img {
	max-width: 100%;
    height: auto;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
	width: 8px;
}
img.fit-full {
	max-width: 100% !important;
    height: 100%;
    max-height: calc(calc(var(--vh,1vh)*100) - 152px);
	/*max-height: 100%;*/
    width: 100%;
    object-fit: cover;
}
img.fit-h-minus-28vh {
	max-width: 100% !important;
    height: auto;
    max-height: calc(var(--vh,1vh)*68);
    width: auto;
    object-fit: cover;
}
.article-slide img.fit-full {
	min-height: calc(calc(var(--vh,1vh)*100) - 152px);
	max-height: 100%;
}
.content-box img {
	max-width: 47vh; /* 25.5vw */
}
.home .content-box img {
	max-height: 18vh;
}
img.fit-full-nomax {
	max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-slider {
	max-width: 100vw;
	height: calc(calc(var(--vh,1vh)*100) - 222px);
}
.hero-slider .swiper-slide .slide-photo {
  height: 100%;
  object-fit: cover;
}
.hero-slider p {
	/*font-size: 40px;*/
	font-size: calc(1em + 2.7vh); /* 1.2vw */
	color: #ffffff;
	line-height: 1.15 !important;
}
.hero-slider h1,
.hero-slider .h1 {
	/*font-size: 108px;*/
	font-size: calc(1.77em + 4.1vh); /*3vw*/
	font-weight: bold;
	opacity: 0.50;
	line-height: 1.1 !important;
	margin-bottom: .5rem;
}
.hero-slider .slide-row-logo + .slide-row-title {
	margin-top: .5rem;
}
@media screen and (min-width: 768px) {
	.hero-slider .slide-row-logo + .slide-row-title {
		margin-top: 1rem;
	}
}
.hero-slider a.btn {
	/*font-size: 24px;*/
	font-size: calc(1em + 0.75vh); /* 0.4vw */
}
.hero-slider .swiper-pagination,
.series-slider-cards .swiper-pagination {
    width: auto;
	left: 61% !important;
	transform: translateX(-68%);
    padding-top: 4px;
    padding-bottom: 4px;
	bottom: 6vh !important;
}
.hero-slider .swiper-pagination-bullet,
.series-slider-cards .swiper-pagination-bullet {
    padding: 7px;
    background: transparent;
    border: 1px solid #fff;
    transform: scale(1);
    opacity: 1;
}
.hero-slider .swiper-pagination-bullet-active {
	background: #ffffff;
}
.series-slider-cards .swiper-pagination {
	bottom: 0 !important;
	transform: translateX(0%);
    left: 0% !important;
}
.series-slider-cards .swiper-pagination-bullet {
	border: 1px solid #343434;
}
.series-slider-cards .swiper-pagination-bullet-active {
	background: #343434;
}
.series-slider-cards .swiper-slide {
	display: flex;
    flex-direction: column;
	justify-content: center;
}
.team-slider-container {
	height: calc(calc(var(--vh,1vh)*100) - 150px - 20%);
}
.section-slider-container {
	height: calc(calc(var(--vh,1vh)*100) - 152px - 17vh);
}
.swiper.team-slider {
    max-height: 100%;
    height: calc(calc(var(--vh,1vh)*100) - 150px - 20%);
	/*height: 100%;*/
	width: calc(100% - 29%);
    margin: 0;
}
.swiper.section-slider {
	max-height: 100%;
	height: 100%;
	width: calc(100% - 29%);
    margin: 0;
}
.swiper.team-slider .swiper-slide img,
.swiper.section-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-slider-nav,
.section-slider-nav {
	height: 100%;
	max-height: 66px;
	background-color: #343434;
}
.team-slider-nav strong,
.section-slider-nav strong {
	margin-right: 10px;
	font-size: calc(11px + 0.25vw);
    font-weight: 500;
	line-height: 1.3;
}
.team-slider-nav small,
.section-slider-nav small {
	font-size: calc(11px + 0.1vw);
	padding-top: 2px;
}
.team-slider-progress-container,
.section-slider-progress-container {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	height: 2px;
	width: 100%;
	max-width: 240px;
	background-color: #ffffff;
}
.team-slider-progress,
.section-slider-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 100%;
	display: inline-block;
	background-color: #a5d91e;	
}

.nutrition-slide .nutrition-bg {
	background: url('../images/glasses.jpg');
	background-size: cover;
	background-position: bottom center;
}
.nutrition-slide .content-box {
	position: relative;
    margin-top: -20%;
}
.nutrition-slide .logo-thingy {
    right: 2%;
	top: 17%;
}

.swiper-slide svg,
.product-container svg {
	width: 6.9vw;
	height: 6.9vw;
    max-width: 125px;
	max-height: 125px;
}
svg #circ-rot {	
    transform-box: fill-box;
    transform-origin: center;
}
.anim-svg-rotate-circle {
	animation-name: svg-rotate-circle;
}

@-webkit-keyframes svg-rotate-circle {
  from {transform: initial;}
  to {transform: rotate(360deg);}
}
@keyframes svg-rotate-circle {
  from {transform: initial;}
  to {transform: rotate(360deg);}
}

.product-choice > .category_logo_anim svg {
	position: absolute;
    top: 15%;
    left: 15%;
	width: 70% !important; 
	height: 70% !important;  
	max-width: none !important;  
	max-height: none !important;  
	opacity: .2;
	animation: rotate-choice-logo 7s linear 0s infinite;
	pointer-events: none;
	transition-duration: .2s;
}
.product-choice .category_logo_anim.svg-hidden > svg,
.product-choice .category_logo_anim.svg-hidden #olonea-prod-choice-anim {
	opacity: 0;
	animation: none;
}
.product-choice #olonea-prod-choice-anim {
	width: 90vh;
    height: 57vh;
    position: absolute;
    top: calc(50% - 7vh);
    left: calc(50% + 1vw);
    transform: translate(-50%, -50%);
}
.product-choice #olonea-prod-choice-anim svg {
	filter: invert(1);
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
}
.product-choice .criteria > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-choice .criteria svg,
.product-choice .criteria img {
    width: calc(1rem + 13.5vh);
    height: calc(1rem + 13.5vh);
    max-width: none;
    max-height: none;
}
.product-choice .criteria a span {
	display: block;
	color: #000000;
	font-size: calc(1em + 0.5vw);
}
.product-choice .criteria a {
	text-decoration: none;
	transition-duration: .2s;
	cursor: pointer;
}
.product-choice .criteria a:hover,
.product-choice .criteria a.active {
	opacity: 0.4;
}
.product-choice .choice-container.hidden {
	opacity: 0;
	pointer-events: none;
	height: 0 !important;
    overflow: hidden;
}

.choice-container a {
    display: block;
    margin-bottom: 1.2vh;
    padding-left: 3vw;
    padding-right: 0.5em;
    position: relative;
    max-height: 7.50vh;
    height: 100%;
    line-height: 5vh;
	background-color: #a5d91e;
	color: #343434;
	font-size: calc(1.2em + 0.41vw);
    font-weight: bold;
}
.choice-container.prod-by-brand-container a {
	line-height: 7vh;
}
.choice-container a img {
	transform: scale(0.75);
	transform-origin: left;
    margin-top: -4px;
}

@media screen and (max-height: 700px) {
	.choice-container a img {
		transform: scale(0.8);
		transform-origin: left;
	}
}

/*.prod-by-brand-container a:last-child {
	max-height: 13vh;
	line-height: 7;
}*/
.choice-container a:hover {
	cursor: pointer;
}
.choice-container a.anim-visible:before {
    content: '';
    border-left: 25px solid #a5d91e;
    position: absolute;
    top: 0;
    left: -28px;
    width: 25px;
    height: 100%;
	transition-duration: .2s;
}
.choice-container a:hover:before {
	border-color: #343434;
}

@-webkit-keyframes rotate-choice-logo{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}35%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(0);transform:rotate(0);}}
@keyframes rotate-choice-logo{0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}35%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(0);transform:rotate(0);}}

.blog-slide .bigger-text {
	font-size: calc(1em + 0.5vw);
    line-height: 1.4;
}

.roll-slider,
.series-slider {
    height: 100%;
}
.roll-slider .swiper-slide img,
.series-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	
.home .articles-slider .swiper-slide {
	/*max-width: 15vw;*/
}
.home .articles-slider .swiper-button-next, 
.home .articles-slider .swiper-button-prev {
	position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    display: inline-block;
}
.articles-slider .swiper-button-next img, 
.articles-slider .swiper-button-prev img {
	height: 35px;
	max-height: 4vh !important;
}
.articles-slider .swiper-button-next:after, 
.articles-slider .swiper-button-prev:after {
	content: '';
}

.articles-slider .swiper-slide {
	/*width: 15vw;*/
    /*max-width: 280px;*/
	/*min-width: 280px;*/
}	
.articles-slider .article-item > * {
	width: 100%;
}
.articles-slider .article-item > a > img {
	/*width: 15vw;*/
    max-width: 100%;
	/*min-width: 280px;*/
	height: 404px;
	max-height: 43vh;
    object-fit: cover;
}
.single-post .articles-slider .article-item > a > img {
	/*width: 100%;*/
}
.articles-slider .article-item .row img,
.articles-slider .article-item .row svg {
	max-width: 30px;
	max-height: 30px;
}
.article-item hr {
    opacity: 1;
    border-color: #343434;
	margin-bottom: 0.8em;
    margin-top: 0.8em;	
}
.article-item .row + hr {
	margin-top: 0.4em;
}
.article-item .article-title {
	min-height: 5vmax;
}
.article-item .article-title,
.article-item .article-title a{
	font-size: calc(0.925em + 0.44vh); /*calc(0.925em + 0.25vw)*/
	font-weight: bold;
	line-height: 1.15;
}
.article-item .article-title a:hover {
	color: inherit;
	opacity: 0.5;
}
.article-item > a {
	display: inline-block;
    position: relative;
	overflow: hidden;
	width: 100%;
}
.article-item > a + div > div > span {
	font-size: calc(0.75rem + 0.4vh) !important;
}
.article-item > a + div > div > img {
    max-height: 4vh !important;
}
.article-hover {
    background-color: rgba(255,255,255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0;
	transform: translateY(20%);	
	transition-duration: .2s;
}
.article-item a:hover .article-hover {
	opacity: 1;
	transform: translateY(0%);
}
.article-hover svg,
.article-hover img {
    max-width: 40px;
	padding: 35px;
	opacity: 0;
	background-image: url(/wp-content/themes/olonea/images/circle.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
	transform: translateY(20%);
	transition-duration: .2s;
	transition-delay: 180ms;
}
.article-item a:hover .article-hover svg,
.article-item a:hover .article-hover img {
    max-width: 110px;
	opacity: 1;
	transform: translateY(0%);
}
.articles-slider .article-item .row img,
.articles-slider .article-item .row svg {
	max-width: 30px;
	max-height: 30px;
}
.articles-slider .ingredient-item .row img,
.articles-slider .ingredient-item .row svg {
	max-width: 37px;
    max-height: 42px;
    position: relative;
    top: -3px;
}
.articles-slider .ingredient-item > a > img {
	width: 15vw;
    max-width: 100%;
	min-width: 280px;
	height: 434px;
	max-height: 43vh;
    object-fit: cover;
}
.ingredient-item .article-title {
	min-height: 1vmax;
}
.article-slider.single-image {
	width: 100%;
}

.freeof-marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7vh;
    z-index: 111;
    background: #fff;
}
.hero-slider + .row .marquee.marquee--long:before {
    content: '0%';
    position: absolute;
	display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    width: 3.9em;/*2.5*/
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    padding-left: 0.5em;
    font-size: calc(0.7em + 0.5vw);
    box-shadow: 16px 0px 16px -16px rgba(51, 51, 51, 0.39);
}
.freeof-marquee .marquee {
    font-size: calc(1em + 0.5vw);
	margin: 0;
}
.freeof-marquee .marquee span {
	color: #343434;
}
.products-slide {
	background-color: #ece9e4;
}
.products-slide .products {
	width: 100%;
}
.products-slide .spacing-helper {
	padding-left: calc(5vw - 16px) !important;
}
.prd-card {
	max-width: 19.8vw;
    position: relative;
}
.prd-horizon {
	width: 100%;
    background-color: #d5d2cc;
    position: absolute;
    top: 0;
    height: 80%;
    z-index: 0;
}
.prd-card img {
	/*padding: 0 20px;*/
	display: block;
	height: auto;
    width: 90%;
    margin: 0 auto;
	position: relative;
}
.prd-card .prd-ttl .h3 {
	font-weight: 600;
}
.prd-card .prd-ttl {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.35em !important;
}
.prd-card.bfireg {
	cursor: pointer;
}
.bflplus .prd-ttl .h3 {
	color: var(--prd-bflplus-h3);
}
.bflplus .prd-ttl .h3s {
	color: var(--prd-bflplus-it);
}
.ourorap .prd-ttl .h3 {
	color: var(--prd-ourorap-h3);
}
.ourorap .prd-ttl .h3s {
	color: var(--prd-ourorap-it);
}
.bfireg .prd-ttl .h3 {
	color: var(--prd-bfireg-h3);
}
.bfireg .prd-ttl .h3s {
	color: var(--prd-bfireg-it);
}

.product-choice .bactefiber {
	background-color: var(--prd-bfireg-h3);
}
.product-choice .bacteflora {
	background-color: var(--prd-bflplus-h3);
}
.product-choice .ouromanoz {
	background-color: #d51668;
}
.product-choice .sferevit {
	background-color: #0e9390;
}
.product-choice .sidoferon {
	background-color: #636569;
}
.product-choice .omegazym {
	background-color: #023949;
}
.product-choice .rhodiotil {
	background-color: #ffb71b;
}
.product-choice .riganobiotic {
	background-color: #b36a94;
}
.product-choice .sadomatcha {
	background-color: #000000;
}
.product-choice .berbemax {
	background-color: #fa4238;
}
.parallax-slide {
	height: 58.62%; /*calc(38.62% + 9.62vh)*/
	z-index: -1;
}
.parallax-slide > div {
	position: relative;
	/*margin-top: -7.62vh;*/
}
.parallax-bg {
	position: absolute;
	width: 100%;
	height: 200%;
	top: 0;
	left: 0;
	background: url(../images/parallax_logo_thingy.png);
    background-size: 50vh;
    background-position: center 69%;
    background-repeat: no-repeat;
}
.parallax-slide > div div {
	z-index: -1;
}

.quiz-bg {
	background-image: url(/wp-content/uploads/2023/01/quiz_bg.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 54.53%;
    height: 100%;
	z-index: -1;
}
.home .quiz-bg {
	background-image: url(/wp-content/uploads/2022/12/05_about.jpg);
}
.quiz-slide hr {
	border-color: #343434;
    opacity: 1;
	margin-top: 4.5vh;
    /* margin-bottom: 2em;*/
}

/* MARQUEE */
.marquee {
   margin: 2rem 0;
   overflow: hidden;
   max-width: 100vw;
   font-size: calc(4.7em + 1.2vw);
   font-weight: 700;
}

.marquee span {   
    display: inline-block;
    white-space: nowrap;
    color: #f5f4f1;
    width: var(--tw);
    text-shadow: var(--tw) 0 currentColor, 
                 calc(var(--tw) * 2) 0 currentColor, 
                 calc(var(--tw) * 3) 0 currentColor,
                 calc(var(--tw) * 4) 0 currentColor;
   
    will-change: transform;
    animation: marquee var(--ad) linear infinite;
    animation-play-state: running; /*paused*/
}

/*.marquee:hover span {
    animation-play-state: running;
}*/

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.nslt-bg {
	background-image: url(/wp-content/uploads/2022/12/nl_section_bg.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 54.53%;
    height: 100%;
	z-index: -1;
}

.contact-form label {
	width: 100%;
}
.contact-form input[type=text]{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #000;
	text-align: center;
	font-size: calc(1.1em + 0.4vw);
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #bbb9b5;
}
.contact-form input[type=checkbox]{
	width: 40px;
    height: 40px;
    border: 1px solid #000;
	-webkit-appearance: none;
	float: left;
}
.contact-form a {
	color: #8f8e8d;
	font-size: inherit;
}

.contact-form input[type=checkbox] {
	position: relative;
    top: 6px;
}
.contact-form textarea {
	max-height: 7rem;
	height: 9vh;
	background: transparent;
    border: none;
    border-bottom: 1px solid #343434;
    width: 100%;
    font-size: calc(1em + 0.4vw);
    resize: none;
}
.contact-form input[type=text] {
	border-color: #343434;
	text-align: left;
}
.contact-form input[type=checkbox] + span:before { 
	font-family: 'Font Awesome 6 Free'; 
	font-weight: 900;
}
.contact-form input[type=checkbox]:checked + span:before { 
	content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 1.85em;
    margin-left: -50px;
    margin-top: 7px;
	line-height: 1.45;
}
.contact-form select {
	border-color: #343434;
    background-color: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    font-size: calc(1.1em + 0.4vw);
	vertical-align: -webkit-baseline-middle;
	min-height: 44px;
}
.contact-form .wpcf7-not-valid-tip {
	position: absolute;
}
.contact-form .wpcf7-list-item {
	margin: 0;
}
.contact-form .wpcf7-submit[disabled] {
	background-color: #343434;
	border: 1px solid transparent;
}
.contact-form .wpcf7-submit.btn-white[disabled] {
    background-color: #ffffff !important;
}
.contact-form .wpcf7-spinner {
	position: absolute;
	width: 24px !important;
}
.contact-form .cvfile > span {
    margin-left: 20px;
}
.contact-form .cvfile > span input {
    visibility: hidden;
	width: 20px;
}
.contact-form .cvfile > span:before {
    /* border-bottom: 2px solid #ccc; */
    text-decoration: underline;
    text-decoration-color: #ccc;
    font-weight: 700;
	cursor: pointer;
}

.contact-form .fl-name {
	font-size: 1.1rem;
}

.insta-bg {
    position: fixed;
    /*top: 0;
    left: 0;*/
    width: 54.53%;
    height: 100%;
	z-index: -1;
}
.insta-layers img,
#sb_instagram .sbi_photo_wrap {
	/*max-height: 470px;*/
    /*object-fit: cover;*/
    transition-duration: .3s;
	cursor: pointer;
}
.insta-layers img:hover,
#sb_instagram .sbi_photo_wrap:hover {
	transform: scale(0.95);
    box-shadow: 0 0 0px 13px rgba(53, 53, 53, 0);
    opacity: 0.9;
}
#sb_instagram .sbi_photo {
    max-height: 46vh;
}


/***/
.footer-logo-thingy {
	-webkit-mask-image: url( '../images/logo_thingy_footer_mask.png' );
	-webkit-mask-size: 98%;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	width: 21vh;
	max-width: 249px !important;
	position: relative;
    top: 10vh;
    background: #f5f4f1;
}
.footer-slide {
    display: flex;
    flex-direction: column;
    justify-content: end;
	/*background: #f5f4f1;*/
	min-height: calc(calc(var(--vh,1vh)*100) - 152px);
	z-index: 1;
}
.footer-slide a {
	color: #f8f9fa;
	line-height: 1.1em;
}
.footer-slide .container-fluid {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
}
.footer-slide h5,
.footer-slide .h5 {
	margin-bottom: 1em;
}
.footer-slide h3,
.footer-slide .h3 {
	position: relative;
	top: -8px;
	margin-bottom: 0.35em;
}
.footer-slide small,
.footer-slide .small {
	font-size: 0.825em;
    font-weight: 500;
}
.footer-slide h3 + p,
.footer-slide .h3 + p {
	margin-top: 0em;
	max-width: 88%;
}
.footer-slide .col.col-social {
	flex: 1 0 8%;
}
.footer-slide li {
	margin-bottom: 0.3em;
	list-style: none;
}
.footer-logo {
	filter: brightness(100);
	max-height: 30px;
    position: relative;
    margin-top: -17px;
}
.footer-menu .col {
	flex: 1 0 12%;
}
.footer-menu .col-divi {
	flex: 1 0 0%;
}
.col.footer-form {
	position: relative;
	flex: 1 0 27%;
}

.footer-form .contact-form label {
	font-size: 0.77rem;
    line-height: 1.2;
}
.footer-form .contact-form input[type=text] {
	border-bottom: 1px solid #fff;
	font-size: calc(1.32em + 0.24vw);
	text-align: center;
}
.footer-form .contact-form input::placeholder {
	color: #737373;
}
.footer-form .contact-form input[type=checkbox] {
	position: relative;
    top: 2px;
	width: 22px;
    height: 22px;
    border: 1px solid #ffffff;
	-webkit-appearance: none;
	float: left;
}
.footer-form .contact-form input[type=checkbox] + span:before { 
	font-family: 'Font Awesome 6 Free'; 
	font-weight: 900;
}
.footer-form .contact-form input[type=checkbox]:checked + span:before { 
	content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 1.5em;
    margin-left: -35px;
    margin-top: 0px;
} 
.footer-form .contact-form .wpcf7-acceptance input {
	margin-bottom: 6vh !important;
}
.footer-form .contact-form a {
	color: #cccccc;
	text-decoration-color: #7a7a7a;
	font-size: 0.77rem;
    line-height: 1.2;
}

@media only screen and (max-height: 700px){
	.footer-menu {
		padding-bottom: 1.4rem !important;
	}
}

.vertical-divi {
	position: relative;
	/*left: 0;*/
	top: -20px;
	height: calc(100% + 20px) !important;
	border-left: 1px solid #616161;	
}

/* SEARCH OVERLAY */
.search-overlay {
	width: 100%;
	height: calc(var(--vh,1vh)*100);
	background-color: #ebe9e4;
	opacity: 0;
	transition: 0.5s;
	position: fixed;
	z-index: 1001;
	top: 0px;
	left: 0;
	pointer-events: none;
}
.iv-search-close {
	position: absolute;
	top: 5.7vh;
	right: 3vw;
	border: none;
	background: none;
}
div.asp_m.ajaxsearchpro .probox .proclose svg {
	top: 35% !important;
	width: 32px !important;
	height: 32px !important;
}

@media only screen and (max-height: 900px){
	.search-overlay {
		height: calc(var(--vh,1vh)*100);
		top: 0px;
	}
}
@media only screen and (max-width: 767px){
	.search-overlay {
		top: 0px;
	}
}
.search-overlay.active {
	opacity: 1;
	pointer-events: auto;
}
.search-Container {
	display: flex;
	/*height: 100%;*/
	align-items: flex-start;	/*center*/
	/*justify-content: center;*/
}
.search-Container .search-Inner {
	width: 100%;
	max-width: 740px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
    top: 5vh;
	left: 8.8vw;
}
.search-Container .search-Inner:before {
    content: '';
    background-image: url(/wp-content/themes/olonea/images/logo_thingy_opaque.svg);
    width: 78px;
    height: 66px;
    position: absolute;
    left: -90px;
    top: -27px;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
    opacity: 0.9;
	transition-duration: .2s;
}
.is-ajax-search-posts {
	max-width: 1340px;
    width: 96%;
	padding-bottom: 10vh !important;
}
.search-Container .search-Inner form {
	width: 100%;
}
.is-ajax-search-details a, .is-ajax-search-result a {
    color: #343434 !important;
}
.is-ajax-search-details a:hover, .is-ajax-search-result a:hover {
	text-decoration: none !important;
}
.mobile_menu .mob-search-btn::before {
    position: absolute;
    content: '';
    background: url(/wp-content/uploads/2023/03/search.png) no-repeat scroll 50% center / 46% auto;
    right: 0;
    top: 15px;
    width: 40px;
    height: 19px;
    transition: all 0.19s ease;
}
.search-Container .search-Inner input[type="text"],
.mobile-search input[type="text"] {
	width: 100%;
	border: none;
	border-bottom: 2px solid rgba(0, 0, 0, 0.5);
	background-color: transparent;
	padding: 0px 30px 10px 0px;
	color: #333;
	transition: 0.5s;
	font-size: 2rem;
}
.search-Container .search-Inner input[type="text"]:focus,
.mobile-search input[type="text"]:focus {
	color: #000;
	border-bottom: 2px solid black;
}
.search-Container .search-Inner ul {
	text-align: center;
}
.search-Container .search-Inner .sf-field-search,
.search-Container .search-Inner .sf-field-submit {
	display: inline-block;
	transition: 0.5s;
}
.search-Container .search-Inner .sf-field-search {
	width: 78%;
}
.search-Container .search-Inner .sf-field-search label {
	width: 100%;
}
.search-Container .search-Inner .sf-field-submit {
	cursor: pointer;
	width: 10%;
}
.search-Container .search-Inner .sf-field-submit input,
.is-form-style.is-form-style-3 input.is-search-input {
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: 2.2rem;
	padding: 0;
	font-size: 2rem;
	color: #343434 !important;
	border-bottom: 1px solid #343434 !important;
}

.search-Container .search-Inner .is-search-icon:after {
	background-size: 30px 30px !important;
	margin-top: -4px;
    margin-left: 8px;
	background-image: url(/wp-content/uploads/2023/01/next.svg);
}
.search-Container .search-Inner .sf-field-submit:after {
	content: '\f002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.5rem;
	margin-left: -30px;
	margin-bottom: 10px;
	color: #000;
	pointer-events: none;
}
.search-Container .search-Inner .sf-field-submit:hover {
	transform: scale(1.1);
}
.search-Container .adv-search {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	padding-right: 10%;
}

.search-Container .search-Inner input[type="text"],
.mobile-search input[type="text"] {
	width: 100%;
	border: none !important;
	border-bottom: 2px solid rgba(0, 0, 0, 0.5);
	background-color: transparent;
	padding: 0px 30px 10px 0px;
	color: #333;
	transition: 0.5s;
	font-size: 2rem;
}
.is-form-style input.is-search-input {
	width: 100% !important;
	border: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
	background-color: transparent;
	padding: initial !important;
	color: #333;
	transition: 0.5s;
	font-size: 1.5rem !important;
}
.is-search-icon {
	background-color: transparent;
	border: none;
}
.is-search-icon:after {
	content: "";
	display: inline-block;
	width: 40px;
    height: 40px;
	background-image: url("https://olonea.gr/wp-content/uploads/2023/01/next.svg");
	background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
	
}
.is-search-icon:hover, form.is-form-style input.is-search-submit:hover {
    background: none;
    opacity: 0.6;
}
.is-search-icon svg {
	display: none !important;
}
.is-search-sections .left-section {
    float: left;
    min-height: 40px;
}
.is-ajax-search-details, 
.is-ajax-search-details *, 
.is-ajax-search-result, 
.is-ajax-search-result * {
    font-size: 1rem;
    line-height: 1.2rem;
}
.is-ajax-search-result h4 {
    color: #777;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    font-size: 1rem;
    color: #343434;
    font-weight: bold;
}
div.is-ajax-search-result {
	overflow: auto;
}
div.is-ajax-search-result {
    width: calc(100vw - 8.8vw)!important;
    height: calc(100vh - 11vh)!important;
    background: transparent !important;
    padding: 0!important;
	margin: 0!important;
    top: 0 !important;
    left: 0 !important;
    padding-top: 11vh !important;
    padding-left: 8.8vw !important;
	overflow: hidden;
	pointer-events: none;
}
div.is-ajax-search-items {
	max-height: none !important;
	height: 89vh !important;
	pointer-events: auto;
}
.is-ajax-search .is-loader-image {
	width: 20px !important;
	height: 20px !important;
	top: 60% !important;
}
.is-ajax-search-result .products {
	margin: 0 !important;
}
.is-ajax-search-result .swiper-slide {
    max-width: 15vw;
    margin: 0 2vw;
}
.is-ajax-search-result .swiper-slide:first-child {
    margin-left: 0;
}
.is-ajax-search-result .swiper-slide:last-child {
    margin-right: 0;
}
.mobile-search .is-form-style {
	padding: 0 0px 0 15px !important;
}
@media screen and (max-width: 910px){
	div.is-ajax-search-result {
		/*max-width: 40% !important;*/
	}
	div.is-ajax-search-items {
		/*max-height: 35vh !important;*/
	}
}
.is-ajax-search-posts h1 {
    font-size: calc(1.67em + 4.1vh);
    line-height: 1.3;
    border-bottom: 1px solid #bbb;
    margin-top: 0.75em;
	margin-bottom: 0.5em;
    padding-bottom: 0.15em;
}
.is-ajax-search-result .article-item a:hover .article-hover svg, 
.is-ajax-search-result .article-item a:hover .article-hover img {
    max-width: 32px;
    opacity: 1;
    transform: translateY(0%);
}
.is-ajax-search-result .is-title {
    margin-bottom: 0.65em;
}
.is-ajax-search-result .is-title a {
    color: #111111;
    font-size: 1.65em;
    font-weight: 500;
}
.is-ajax-search-result .presentation_page_results .is-title:before {
	content: '';
	display: inline-block;
    background-image: url(/wp-content/themes/olonea/images/logo_thingy_opaque.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0.65em;
    width: 1.5em;
    height: 1.55em;
}

.is-ajax-search-posts .products {
	width: 100%;
	--grid-gap: 5.2vw; /*100px*/
}
.is-ajax-search-result .prd-card .prd-ttl .h3 {
	font-size: calc(1em + 1.0vh);
}
.is-ajax-search-result .prd-card .prd-ttl small {
	font-size: .875em;
	line-height: inherit;
}

.is-ajax-search-posts label + .products {
    padding-bottom: 3.5rem;
}
.is-ajax-search-result ul.products li:nth-of-type(n + 4) { display: none !important; }
.is-ajax-search-result #show-all:checked ~ ul.products li { display: list-item !important; }
.is-ajax-search-result #show-all ~ label[for='show-all'] { display: none; }
.is-ajax-search-result #show-all:checked ~ .text-hide { display: inline-block; }
.is-ajax-search-result #show-all:not(:checked) ~ .text-show { display: inline-block; }
.is-ajax-search-result #show-all { display: none; }
.is-ajax-search-result label[for='show-all'] {
	position: absolute;
    box-sizing: border-box;
    bottom: 0;
    font-size: 1.45rem;
    font-weight: 600;
    text-align: left;
    line-height: 1em;
    padding: 0.5em 0;
    cursor: pointer;
    color: #999;
    transition-duration: .2s;
}
.is-ajax-search-result label[for='show-all']:hover { color: #333; }
/*.is-ajax-search-result label[for='show-all']:active {
	background-color: #222;
	color: #fff;
}*/

/* PRODUCT LISTING */
.products li {
	list-style-type: none;
}
.woocommerce.archive .main-content {
	height: auto !important;
	/*margin-top: 152px;*/
	margin-top: 0px;
	
}
.woocommerce ul.products li.product {
	margin-bottom: 3.5em;
}
.woocommerce ul.products li.product .button {
	display: none;
}
h1.woocommerce-products-header__title.page-title,
p.woocommerce-products-header__title.page-title {
    margin-left: calc(1em + 5%);
	font-weight: bold;
}
h1.woocommerce-products-header__title.page-title + p,
p.woocommerce-products-header__title.page-title + p {
	margin-left: calc(4.3rem + 5%);
	margin-right: calc(4.3rem + 5%);
	margin-top: 1rem;
}
.products {
	width: 81%;
	margin: 0 auto 1em !important;
	--grid-gap: 32px;
	--auto-grid-min-size: 250px;
	grid-template-columns: repeat(3, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: var(--grid-gap);
	display: grid;
}
.products > div {
	max-width: 448px;
}
ul.products:before{
	content:unset!important;
}
ul.products li.product {
	width: 100%!important;
	display:flex;
	flex-direction:column;
}
ul.products li.product a.woocommerce-loop-product__link {
	flex-grow: 1;
}
.woocommerce ul.products li.product a img {
	margin: 0 auto !important;
}
.products .prd-card img {
	max-width: 36vw;
}
.products .prd-card .prd-short-desc {
	min-height: 5.1vmax;
	margin-bottom: 1rem;
}
.product-container .main-content .prd-card .prd-short-desc p,
.prd-card .prd-short-desc,
.prd-card .prd-short-desc p {	
	font-size: calc(0.72rem + 0.51vh); /*0.32vw*/
	line-height: 1.35;
}
.products .prd-card .woocommerce-LoopProduct-link {
	position: relative;
	
}
.products .prd-card .woocommerce-LoopProduct-link > img {
	/*padding-top: 5vh;*/
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.3rem;
	padding: 0;
}
.prd-card a:hover {
	opacity: 1 !important;
}
.prd-card .prd-horizon {
	transition-duration: 0.2s;
}
.prd-card:hover .prd-horizon {
	opacity: 0.4;
}
.products .type-product .wp-element-button {
    display: none;
}
.wpc-custom-selected-terms {
	display: none;
}
.product-filters .facetwp-facet {
	margin-bottom: auto;
}
.product-filters .facetwp-reset,
.product-filters .all-products {
    padding-left: 0.75em;
}
.product-filters .facetwp-counter {
	display: none;
}
.product-filters .facetwp-checkbox {
	background-image: none;
	position: relative;
    padding-left: 0.1vw;
}
.product-filters .facetwp-type-checkboxes > .facetwp-checkbox {
	position: relative;
	padding-left: 0.85em;
	margin-bottom: 1.5em;
}
.product-filters .facetwp-checkbox:before {
    content: '';    
    position: relative;
	display: inline-block;
	top: 0px;
    width: 0.7em;
    height: 0.7em;
    border: 1px solid #343434;
    border-radius: 100%;
    margin-right: 0.4vw;
}
.product-filters .facetwp-checkbox.checked:before {
	box-shadow: inset 0 0 0px 1px #fff, inset 0 0 0 5px #343434;
}
.product-filters .facetwp-checkbox.facetwp-has-children:before {
	display: none;
}
.facetwp-depth .facetwp-checkbox.facetwp-has-children {
    margin-left: 0.75em;
}
.facetwp-depth.visible {
    margin-left: 12px;
    margin-top: -1.1em;
    margin-bottom: 1.2em;
}
.facetwp-depth .facetwp-expand {
	left: -1.2em;
}
.facetwp-depth.visible .facetwp-depth.visible {
	margin-top: 0em;
}
.product-filters .facetwp-display-value {
    padding-right: 0px;
    display: inline-flex;
    width: 88%;
    list-style: none;
}
.product-filters .facetwp-display-value,
.product-filters .facetwp-reset,
.product-filters .all-products {
	font-size: calc(0.85em + 0.24vw);
	font-weight: bold;
}
.facetwp-depth.visible .facetwp-display-value {
    font-weight: normal;
	font-size: calc(0.75em + 0.24vw);
}
.facetwp-depth .facetwp-checkbox {
    margin-bottom: 0.55em;
    line-height: 1.33;
}
.post-type-archive .all-products {
	display: none !important;
}
/** hides top level checkbox icon
 ** widens click area for +/- so that it triggers expand/collapse instead of selecition
 **/
.product-filters .facetwp-type-checkboxes > .facetwp-checkbox:before {
    display: none;
}
.product-filters .facetwp-type-checkboxes .facetwp-checkbox.checked {
    background-image: none;
}

.product-filters .facetwp-type-checkboxes .facetwp-checkbox .facetwp-expand {
    width: 100%;
	height: 108%;
    position: absolute;
    right: 0;
    display: block;
    top: -2px;
    text-align: left;
	font-size: 0.6em;
    padding-top: 1em;
	transition-duration: .2s;
}
.product-filters a,
.facetwp-checkbox {
	transition-duration: .2s;
}
.product-filters a:hover,
.facetwp-checkbox:hover {
	color: inherit;
	opacity: .5;
}
.product-filters {
    position: sticky;
    top: 0px;
    overflow: auto;
    height: calc(calc(var(--vh,1vh)*100) - 152px);
}
.filter-btn {
    font-size: calc(0.9rem + 0.15vh);
    line-height: 1.55;
    vertical-align: super;
	border-radius: 0;
	background-color: transparent;
	border: 2px solid #343434;
}
.filter-btn:hover,
.filter-btn.active {
	opacity: 0.5;
	border: 2px solid #343434;
}
.filters-apply {
	border-radius: 0;
	margin-left: 0.75em;
	display: none !important;
}

/* PRODUCT */
.long-sidebar {
	position: fixed;
	top: 152px;
	left: 0;
	width: 33px;
	background-color: rgba(165,217,30,1);
	height: calc(calc(var(--vh,1vh)*100) - 152px);
	content: '';
	z-index: 101;
}
.product-left-col {
	z-index: 4;
}
.product-right-col {
	/*position: sticky;
	top: 152px;*/
	position: fixed;
    top: 152px;
    right: 0;
	/*z-index: -1;*/
	height: calc(calc(var(--vh,1vh)*100) - 152px);
	overflow-x: clip;
}
.product-right-col.col-md-45 {
	width: calc(44.47% - 0.2vw - 17px); /*calc(44.47% - 0.95vh - 0.4vw)*/
	pointer-events: none;
	/*margin-right: 11px;*/
	/*z-index: -1;*/
	margin-right: 17px;
}
.sticky {
	overflow-x: hidden;
}
.sticky a {
    pointer-events: auto;
}

/*.product-right-col .sticky {
	position: fixed;
    top: 152px;
	z-index: -1;
}*/

.brand-banner {
	height: calc(calc(var(--vh,1vh)*100) - 152px);
}
.brand-banner .slide-photo{
	object-fit: cover;
}
.brand-banner h1,
.brand-banner .h1 {
	font-size: calc(1.77em + 5.1vh);
    font-weight: 500;
    opacity: 0.50;
    line-height: 1.1;
}
.brand-banner h2,
.brand-banner .h2 {
    /* font-size: 40px; */
    font-size: calc(1em + 2.7vh);
    color: #ffffff;
	font-weight: 400;
    line-height: 1.15 !important;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.product-swiper {
    /*position: absolute;
    height: calc(100% - 152px) !important;*/
}
.product-swiper .swiper-wrapper {
	height: auto;
    flex-direction: column;
	overflow: auto;
	overflow-x: hidden;
	/*scroll-snap-type: y mandatory;
	max-height: calc(calc(var(--vh,1vh)*100) - 152px);*/
}

.product-swiper .swiper-wrapper .swiper-slide{
	/*height: 100%;*/
	height: calc(calc(var(--vh,1vh)*100) - 152px);
	/*scroll-snap-align: start;*/
}

.wpc-filters-ul-list > li > div > input {
    display: none;
}
.wpc-filters-ul-list > li > div > label {
	pointer-events: none;
}
.wpc-filters-ul-list ul.children {
    padding: 0;
}
.facetwp-facet-categories > div.facetwp-checkbox {
	background: none;
	padding-left: 0;
}
/*.facetwp-display-value, 
.facetwp-counter {
	pointer-events: none !important;
}*/

/*
 * Product slider
 */

.section {
	/*height: calc(var(--vh,1vh)*100);*/
	position: relative !important;
	/*overflow-x: hidden !important;*/
	max-width: 100%;
}
.fullpage-wrapper .section {
	height: calc(var(--vh,1vh)*100);
	position: relative !important;
	overflow-x: hidden !important;
	max-width: 100%;
	padding-top: 152px;
}
.fullpage-wrapper .section.swiper-slide {
    font-size: calc(0.82em + 0.24vw);
}

.section.swiper-slide a {
	transition-duration: .2s;
}
.section.swiper-slide a:hover {
	opacity: 0.4;
}
.product-container .main-content {
	height: auto !important;
	/*overflow: hidden;
	min-height: calc(var(--vh,1vh)*100);*/
	/*margin-top: 152px;*/
	margin-top: 0px;
}
.product-container .main-content:before {
	margin-top: 152px;
}
.product-container .main-content p {
	font-size: calc(0.625em + 0.92vh); /* calc(0.925em + 0.25vw) */
	
}
.product-sliders {
	min-height: calc(calc(var(--vh,1vh)*100) - 152px);
	max-height: calc(calc(var(--vh,1vh)*100) - 152px);
	max-width: 100%;
}

.product-slider {
	height: 75%;
}
.product-thumb-slider {
	height: 25%;
	width: 100%;
	max-width: 100%;
	background-color: #343434;
	padding: 3.3vh;
}
.product-thumb-slider .swiper-slide-thumb-active img{
    opacity: .6;
	transition-duration: .3s;
}

.product-container .product-card {
	height: calc(calc(var(--vh,1vh)*100) - 152px - 13vh);
}

/*
 * Product crumb, title, text
 */
.product-container .prd-crumb-row {
	height: 6.50vh;
	/*position: fixed;*/
    z-index: 111111;
    /*top: 152px;*/
	top: 0;
    background: #f5f4f1;
    width: 100%;
    max-height: 65px;	
}

.product-container .prd-crumb {
	position: relative;
    top: -2px;
	font-size: 1rem;
	font-size: calc(0.6em + 0.25em) !important;
}
.product-container .prd-crumb > span span {
	color: #343434;
}
.product-container .prd-crumb > span:last-child span {
	color: #999999;
	font-size: calc(.82em + .34vw);
	font-weight: 500;
}
.product-container .prd-title {
	display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
}
.product-container .prd-title {
	display: inline-block;
    vertical-align: bottom;
    line-height: 1.5rem;
	font-size: calc(1em + 1.1vw);
}
.product-container .prd-title img {
	vertical-align: baseline;
    max-width: 36vw;
    max-height: 118px;
    height: auto;
    width: auto;
}
.product-container .prd-title span.product-family {
	font-size: 1.75em;
	font-family: 'Comfortaa';
	font-weight: 700;
	margin-right: 10px;
}
.product-container .prd-title span.product-family small {
	font-size: 1.25rem;
    vertical-align: super;
    position: relative;
    top: -0.6rem;
    left: -0.3rem;
}
.prd-card .product-family {
	font-family: 'Comfortaa';
	letter-spacing: -1.75px;
}

.prd-card .product-family small {
	font-size: 0.875rem;
    vertical-align: super;
    position: relative;
    top: -0.4rem;
    left: -0.2rem;
}

letter-spacing: -1.85px;
.product-container .prd-desc h4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.prd-bfireg.main-content:before {
	background-color: #176a39;
}
.prd-bfireg .prd-title span {
	color: #00953B;
	font-size: calc(1.5rem + 0.55vw);
	font-family: 'Comfortaa';
}
@media screen and (orientation: landscape) and (max-height: 650px) {
	.product-container .prd-desc h4 {
    	margin-top: 0.5rem;
    	margin-bottom: 0.5rem;
	}
	.product-container .prd-title {
		margin-bottom: 0.25rem !important;
	}
	.product-container .prd-desc {
		margin-top: 0.25rem !important;
	}
}
.product-left-col .extra-video {
    position: relative;
}
.product-left-col .extra-video:after {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.product-left-col .video-placeholder-youtube {
	position: absolute;
	width: 100% !important;
    background-size: cover;
	
}
.media-after-instructions.extra-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product-left-col iframe[data-ifr-vid] {
	position: absolute;
	top: 0;
	left: 0;
    aspect-ratio: 16.2 / 9;
    width: 100% !important;
    height: 100%;
}

/*
 * Facts section
 */
.product-container .facts-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.facts-section hr {
	color: #ffffff;
	opacity: 1;
    /*margin-left: 3.5vw;
    margin-right: 3.5vw;*/
	margin-top: 3rem;
    margin-bottom: 3rem;
}

/*
 * Circle facts
 */
.product-container .circle-facts {
	/*padding-bottom: 2rem;*/
}
.product-container .circle-facts .row > div > div {
	display: flex;
    flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	/*max-width: 244px;
	max-height: 244px;*/
}
.product-container .circle-facts .in-circle {
	position: relative;
    font-size: calc(2.1rem + 3.9vh);
	line-height: 1;
	height: 224px;
    width: 224px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	max-width: 100%;
}
.product-container .circle-facts .in-circle::before {
	content: '';
	width: 100%;
    height: 100%;
    position: absolute;
	background-image: url(../images/circle_white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition-duration: .4s;
}
.product-container .circle-facts .in-circle small {
	font-size: .575em;
	display: block;
	position: relative;
	    margin-top: -12px;
}
.product-container .circle-facts .under-circle {
    font-size: calc(1em + 1vh); /* 0.55vw */
    font-weight: 500;
    line-height: 1.2;
    padding-top: 1rem;
}

/*
 * Explanatory facts
 */
.product-container .left-col-uni-padding {
	padding: 0 3.5vw;
 }
 
/*
 *	Accordion sections
 */
.product-container .product-left-col .accordion-item,
.product-container .product-left-col .accordion-button,
.product-container .product-left-col .accordion-body {
	background: none;
	border: none;
	box-shadow: none;
	font-size: calc(0.85rem + 0.3vw);
	padding-left: 0;
    padding-right: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.product-container .product-left-col .accordion-item {
	margin-bottom: 1em;
}
.product-container .product-left-col .accordion-body {
	padding-top: 0;
    padding-bottom: 0;
}
.product-container .product-left-col .accordion-button {
	font-weight: 700;
}
.product-container .product-left-col.accordion-button::after {
	color: #ffffff;
}
.product-container .product-left-col .accordion-body p, 
.product-container .product-left-col .accordion-body a {
	font-size: calc(0.85rem + 0.3vw);
	color: #ffffff;
	font-weight: 500;
}
.product-container .product-left-col .accordion-body h4,
.product-container .product-left-col .accordion-body h5 {
	color: #ffffff;
}
.product-container .product-left-col .accordion-body h5 {
    font-size: calc(0.6em + 0.3vw);
    font-weight: 700;
    line-height: 1.5;
}
.product-container .product-left-col .accordion-body a {
	opacity: .75;
	transition-duration: .2s;
}
.product-container .product-left-col .accordion-body a:hover {
	opacity: 1;
}
.product-container .product-left-col .accordion-button::after {
    width: 1em;
	transform-box: view-box;
    background-position: center;
    background-size: 75%;
    filter: brightness(255);
	left: 4px;
    position: relative;
}
.explanatory-facts .accordion-button::after {
	width: 2em !important;
}

/*
 * Made of (Ingredients + Dosage)
 */
.product-container .madeof-section {
	padding-top: 3rem;
    padding-bottom: 3rem;
}
.madeof-section .accordion-header {
    border-bottom: 1px solid #fff;
}
.product-left-col .madeof-section .accordion-button {
	font-size: calc(0.9em + 0.4vw);
	font-weight: 300;
} 
.product-left-col .madeof-section .accordion-button::after {
	font-size: 1.65em;
}
.product-left-col .madeof-section td,
.product-left-col .madeof-section p,
.product-left-col .madeof-section div {
    color: #fff;
}
.madeof-section .accordion-body > table {
	border-bottom: 1px solid;
}
.madeof-section .accordion-body table > tbody > tr > td {
    /*border-bottom: 1px solid;
	padding-top: 0.9375em;
	padding-bottom: 0.9375em;*/
}
.madeof-section .accordion-body > table:first-child  > tbody > tr:first-child td {
	padding-top: 0;
}
.madeof-section .accordion-body table > tbody > tr:first-child td {
    padding-top: 0.9375em;
}
.madeof-section .accordion-body table > tbody > tr:last-child td {
    padding-bottom: 0.9375em;
}
.madeof-section .accordion-body table > tbody > tr > td ol {
    margin-bottom: 0.25em;
}

.madeof-section .columns-2 {
	columns: 2;
	column-gap: 3rem;
}

@media screen and (max-width: 580px) {
	.madeof-section .columns-2 {
		columns: auto;
	}
}

.media-after-explanatory img,
.media-after-instructions img {
	object-fit: cover;
	width: 100%;
}
.media-after-explanatory,
.media-after-instructions,
.media-after-explanatory.extra-video,
.media-after-instructions.extra-video {
	width: 100%;
}

/*
 * Freeof section
 */
.product-container .freeof-section {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.freeof-section .freeof-title {
	display: flex;
    justify-content: center;
    align-items: center;
	border-right: 1px solid #fff;
}
.freeof-section .freeof-title img {
	max-width: 130px;
	width: auto;
}
.freeof-section .freeof-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 1rem;
    justify-items: center;
}
.freeof-section .freeof-items > div {
    flex: 1 0 auto;
    display: flex;
    max-width: 133px;
    color: #fff;
    text-align: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
	margin: 0 calc(0.725em + 0.2vw);
    margin-bottom: calc(1em + 0.9vh);
}
.freeof-section .freeof-items > div img {
	max-width: 68px;
	width: 100%;
	height: auto;
}
.freeof-section .freeof-items > div span {
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0.45em;
    font-size: 0.95rem;
}


/*
 * Highlights
 */
 .highlight-container {
	position: relative;
}
.highlight-container img {
	max-width: 100%;
	width: 100%;
}
.highlight-image {
	position: relative;
	max-width: calc(var(--vh,1vh)*100);
	margin: 0 auto;
}
.highlight-item {
    position: absolute;
    top: 0;
    left: 0;
	max-width: 35%;
}
.highlight-container .highlight-item p {
    font-size: calc(0.625em + 0.25vw) !important;
    line-height: calc(1em + 0.2vw) !important;
    padding: 0 18px;
	margin-bottom: 0;
}
 /* Capsule text pos */
.highlight-item.high-tl {
	top: 0%;
	left: 5.7%;
}

.highlight-item.high-tr {
	top: 7%;
	right: 8%;
	left: auto;
}

.highlight-item.high-bl {
	bottom: 0%;
    top: auto;
    left: 8.5%;
}

.highlight-item.high-br {
	bottom: 16%;
	top: auto;
	right: 13%;
	left: auto;
}
/* Powder text pos */
.form-cat-78 .highlight-item.high-tl {
	top: 0%;
	left: 14%;
	max-width: 43%;
}

.form-cat-78 .highlight-item.high-tr {
	top: 0%;
    right: 4%;
    left: auto;
}

.form-cat-78 .highlight-item.high-bl {
	bottom: 0;
    top: auto;
    left: 13.5%;
    max-width: 40%;
}

.form-cat-78 .highlight-item.high-br {
	bottom: 45%;
    top: auto;
    right: 6.3%;
    left: auto;
    width: 27%;
}

.highlight-more-bt {
	position: absolute;
    bottom: 0%;
    right: 3.5vw;
    border: 1px solid #343434;
    padding: 0.5rem 1rem;
    font-weight: 500;
	transition-duration: .2s;
}
.highlight-more-bt:hover {
	color: inherit;
	opacity: .5;
}

.bundled-section {
	background-color: #e7e4dd;
}
.bundled-section hr {
	color: #8d8c88;
	opacity: 1;
    margin-left: 3.5vw;
    margin-right: 3.5vw;
	margin-top: 3rem;
    margin-bottom: 3rem;
}


/*
 * How to take
 */
.how-to-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.how-to-item img {
	max-width: 123px;
    max-height: 171px;
    height: auto;
    width: auto !important;
} 
.how-to-item > div {
	font-size: calc(0.925em + 0.25vw);
}
.size-guide img {
	max-width: 50%; /* only use if uploading 2x images */
	width: auto;
}
 
.product-container .logo-thingy {
	right: -12%;
    top: calc(50% - 185px);
	width: 19.5vw;
	max-width: 398px;
	height: 100%;
	max-height: 370px;
}

.footer-form .contact-form label > span {
	width: 95%; /*78*/
}

/* Posts */
.single-post .main-content {
	/*height: auto !important;
    margin-top: 152px;*/
	margin-top: 0;
}
.single-post .post-post.current-item  {
	/*font-weight: bold;*/
}
.article-cover {
	overflow: hidden;
}
.article-cover .article-row > .col{
	height: calc(calc(var(--vh,1vh)*100) - 152px);
}
.article-cover h1,
.article-left-col h1 {
	font-size: calc(0.525em + 2.66vw);
    line-height: 1.15;
}
.article-cover-bg {
	background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 85.53%;
    height: 100%;
    z-index: -1;
}
.article-cat {
    text-align: right;
    font-size: calc(1rem + 1.2vh);
    font-weight: 700;
    opacity: 0.3;
    color: #343434;
	position: absolute;
    top: 7%;
    right: 9%;
}
.article-cat span {
	display: inline-block;
	vertical-align: middle;
}
.article-cat svg {
    max-width: 59px;
	height: auto;
    opacity: 1;
    margin-left: 0.7em;
}
.article-cat img {
    /*max-width: 59px;*/
	max-width: 5vh;
    opacity: 1;
    margin-left: 0.7em;
}
.article-cover .logo-thingy {
	right: 4%;
    top: 32%;
}
.article-preface {
	font-size: calc(1em + 0.43vh);
}
.article-preface ul {
	margin-top: 1em;
}
.article-preface li {
    margin-bottom: calc(0.35em + 0.25vh);
}
.article-left-col {
	max-height: none !important;
}
.article-left-col > * {
    padding-left: 5rem;
    padding-right: 5rem;
}
.article-left-col ul li,
.article-left-col ol li {
	margin-left: 1.3em;
}
.article-right-col {
	/*position: sticky;*/
	/*top: 152px;*/
	height: calc(calc(var(--vh,1vh)*100) - 152px);
	overflow-x: clip;
	z-index: 1;
	pointer-events: none;
}
.article-right-col .sticky {
	position: fixed;
    height: calc(calc(var(--vh,1vh)*100) - 152px);
	z-index: -1;
	overflow: hidden;
}

.article-sliders {
	height: calc(100% - 13vh);
	max-width: 100%;
	display: flex;
    justify-content: space-between;
}
.article-slider {
	height: 100%;
	width: calc(100% - 240px);
}
.article-thumb-slider {
	height: 100%;
	width: 240px;
	max-width: 100%;
	background-color: #343434;
	padding: 3.3vh;
	pointer-events: auto;
}
.article-thumb-slider .swiper-slide {
	/*max-height: 175px;*/
}
.article-thumb-slider .swiper-slide-thumb-active img{
    opacity: .6;
	transition-duration: .3s;
}
.article-navigation > div {
    background-image: none;
    max-width: 27px;
}
.article-navigation > div svg {
	max-width: 100%;
	height: auto;
	max-height: 35px;
	width: auto;
}
.single-post .art-crumb-row {
	height: 6.50vh;
	/*position: fixed;*/
    z-index: 111111;
    /*top: 152px;*/
	top: 0;
    background: #f5f4f1;
    width: 100%;
    max-height: 65px;	
}

.single-post .art-crumb {
	position: relative;
    top: -4px;
	font-size: calc(0.6em + 0.25em) !important;
}

.single-post .art-crumb a span {
    color: #000 !important;
}
.single-post .art-crumb > span:last-child {
	color: #999999;
	font-size: calc(0.82em + 0.34vw) !important;
}
.nwslt-block {
	padding-left: 9rem;
	padding-right: 9rem;
}
.nwslt-block h3,
.nwslt-block h2,
.nwslt-block .h3,
.nwslt-block .h2 {
	font-weight: 500;
}
.nwslt-block label span {
	position: relative;
}

.single-post .art-social-tags {
	font-size: 1em;
	color: #343434;
}
.single-post .art-social-tags > a{
	font-size: 1.6em;
	color: #343434;
}
.social-share .h4 {
	font-size: 1.2625em;
	font-weight: 700;
}
a.slide-change-breakpoint {
    height: 10px;
}

.row.ms-33,
.w-ms-33 {
    width: calc(100% - 33px) !important;
}

/*.product-filters.active,
.blog-filters.active {
	height: calc(100% - 152px);
	margin-top: 152px;
}*/
.filters-close {
	cursor: pointer;
}

.archive.category .pagination {
    margin-left: 6rem;
}

.archive.category .pagination .page-numbers {
	display: inline-block;
	text-align: center;
	padding: 0 0.25em;
}

.video-consent-placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 480px;
	text-align: center;
	z-index: 11;
}
.video-consent-placeholder p {
	color: #f1f1f1;
	font-size: 0.95em;
}
.video-consent-placeholder button {
	font-size: 0.9em;
	padding: 2px 8px;
}

/*
 * Page sections
 */
body.presentation_page-template-default {
	overflow: hidden;
}
.presentation_page-template-default .section .fp-overflow {
	min-height: 100%;
}
.presentation_page-template-default .swiper-slide {
	overflow-x: hidden;
	overflow-y: hidden;
}
.presentation_page-template-default svg {
	max-width: calc(160px + 3vw);
    max-height: calc(160px + 3vw);
    display: inline-block;
    width: 100%;
    height: 100%;
}
.presentation_page-template-default blockquote {
	font-size: calc(1em + 1.75vh);
    font-weight: 700;
	position: relative;
	margin-left: 2em;
    margin-right: 2em;
	text-align: center;
	line-height: 1.18;
}
.presentation_page-template-default blockquote:before,
.presentation_page-template-default blockquote:after {
	color: #ffffff;
    font-size: calc(2em + 5.6vh);
    font-family: auto;
    position: absolute;
	line-height: 0.8;
}	
.presentation_page-template-default blockquote:before {
    content: '\201C';    
    top: 0;
    left: -0.7em;
}
.presentation_page-template-default blockquote:after {
    content: '\201E';
	bottom: 0;
    right: -0.7em;
}
.presentation_page-template-default .bg-is-light blockquote:before,
.presentation_page-template-default .bg-is-light blockquote:after {
	color: #000000;
}

.presentation_page-template-default .logo-thingy-light,
.presentation_page-template-default .logo-thingy {
	top: 30%;
	right: 2%;
}

.presentation_page-template-default table.circled {
	width: auto !important;
    display: inline-table !important;
	vertical-align: middle;
}
.presentation_page-template-default td.svg-circle,
.presentation_page-template-default td.svg-circle-green {
	max-width: 280px;
    max-height: 280px;
	width: 25vh!important;
    height: 25vh;
	display: inline-table;
    position: relative;
	vertical-align: middle;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0 13px;
}
.presentation_page-template-default td.svg-circle-green {
	background-color: #343434;
    border-radius: 100%;
	z-index: 1;
}
.presentation_page-template-default td.svg-circle-bigger {
	width: 30vh !important;
    height: 30vh;
}
.presentation_page-template-default td.svg-circle-medium {
	width: 26vh !important;
    height: 26vh;
}
.presentation_page-template-default .svg-circle-green h3,
.presentation_page-template-default .svg-circle-green .h3 {
    font-size: calc(1rem + 0.795vh);
    line-height: 1 !important;
}
.presentation_page-template-default .svg-circle-green h2,
.presentation_page-template-default .svg-circle-green .h2 {
    font-size: calc(1rem + 2vh);
	line-height: 1 !important;
}
.presentation_page-template-default .svg-circle-green p {
    line-height: 1.1;
}
.presentation_page-template-default td.svg-circle-bigger h2,
.presentation_page-template-default td.svg-circle-bigger .h2 {
	font-size: calc(1.2rem + 3vh);
}
.presentation_page-template-default td.svg-circle-medium h2,
.presentation_page-template-default td.svg-circle-medium .h2 {
	font-size: calc(1rem + 2vh);
	padding: 0 0.5em;
}
.presentation_page-template-default table td {
	vertical-align: middle;
}
.presentation_page-template-default td.svg-circle:before,
.presentation_page-template-default td.svg-circle-green:before {
    content: '';
	position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
    background-image: url(/wp-content/themes/olonea/images/circle_white.svg);
}

.presentation_page-template-default td.svg-circle-green:before {
	background-size: 94% 94%;
	background-image: url(/wp-content/themes/olonea/images/circle_green.svg);
}

.presentation_page-template-default .freeof-tables {
	flex-wrap: wrap;
    max-width: 90%;
	margin-top: 3rem;
}
.presentation_page-template-default .freeof-tables table {
    min-width: 140px;
	margin-right: 1em;
	margin-bottom: 1.1em;
}
.presentation_page-template-default .freeof-tables td {
    font-size: calc(0.7em + 0.2vw);
    font-weight: 700;
}
.presentation_page-template-default .logo-list img {
    max-height: 10vh;
    width: auto;
}

.presentation_page-template-default .section.swiper-slide p a {
	color: inherit;
}
.presentation_page-template-default .section.swiper-slide p a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	border-bottom: 1px solid;
	width: 100%;
}

/* Layout Intro */
.layout-intro img {
	height: 100%;
    object-fit: cover;
	width: 100%;
	max-width: 100%;
}
.layout-intro h2,
.layout-intro .h2 {
	font-size: calc(0.6em + 7.5vh); /* calc(1.77em + 3vw) */
    font-weight: 500;
    opacity: 0.50;
    line-height: 1.1;
	margin-top: 0.5em;
}
.layout-intro h1,
.layout-intro .h1 {
	font-size: calc(1.15em + 3.7vh);
    font-weight: 700;
	opacity: 0.50;
}
.layout-intro p {
	font-size: calc(0.82em + 0.5vw);
    font-weight: 400;
}

/* Layout 2 */
.layout-2 h1,
.layout-2 .h1 {
	margin-bottom: 0.5em;
}
.layout-2 .logo-thingy-light,
.layout-2 .logo-thingy {
	top: 30%;
	right: 2.3%;
}

/* Layout 3 */
.layout-3 .section-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 54.53%;
    height: 100%;
    z-index: -1;	
}
.layout-3 h1,
.layout-3 .h1 {
    font-weight: bold;
}
.layout-3 h3,
.layout-3 .h3 {
    font-size: calc(1em + 1.26vw);
}

.layout-3 table h2,
.layout-3 table .h2 {
	font-size: calc(1.2rem + 1vw);
	font-weight: bold;
}
.layout-3 table h3,
.layout-3 table .h3 {
    padding: 0 1em;
    line-height: 0.75;
}
.layout-3 table + h2,
.layout-3 table + .h2 {
	display: inline-block;
	font-size: calc(1em + 1vw);
    margin: 0 1em;
    vertical-align: top;
    line-height: 9;
}
.layout-3 p + h2,
.layout-3 p + .h2 {
	margin-top: 2rem;
}
.layout-3 h2 + p,
.layout-3 .h2 + p {
	margin-top: 2rem;
}
.layout-3 table h2 + p,
.layout-3 table p + h2,
.layout-3 table .h2 + p,
.layout-3 table p + .h2 {
	margin-top: inherit;
}
.layout-3 table img {
    /*width: 11.5vw;*/
}
.layout-3 .logo-thingy-light,
.layout-3 .logo-thingy {
	top: 18.5%;
	right: 4%;
}
.layout-3 .circle_interupt {
    max-width: 10.5vw !important;
    max-height: 10.5vw !important;
}
/*Layout 4 */
.layout-4 .layout-right-col {
	position: fixed;
	height: 100%;
    right: 0;
    z-index: -1;
	min-height: calc(calc(var(--vh,1vh)*100) - 152px);
	width: calc(44.47% + 0.95vh);
}
@media screen and (max-height: 900px) {
	.layout-4 .layout-right-col {
		min-height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
}
.layout-4 .layout-right-col .section-slider-container,
.layout-4 .layout-right-col .section-slider-nav {
	width: 98.5%;
    margin-left: 1.5%;
}
.layout-4 .logo-thingy-light,
.layout-4 .logo-thingy {
	top: 30%;
	right: 2%;
}

/* Layout 5 */
.layout-5 .section-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 85.5vw;
    height: 100%;
    z-index: -1;	
}

.layout-5 .logo-thingy-light,
.layout-5 .logo-thingy {
	right: 4%;
	top: 18%;
}

/* Layout 7 */

.layout-7 .swiper-slide img {
	width: 100%;
	object-fit: cover;
}
.layout-7 .section-slider-container {
	height: calc(calc(var(--vh,1vh)*100) - 152px - 17vh + 66px);
}
.layout-7 .side-text {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.layout-7 h1 + h3,
.layout-7 .h1 + .h3 {
	margin-top: 0.25em;
}
.layout-7 h3,
.layout-7 .h3 {
	line-height: 1.4;
}
.layout-7 .logo-thingy-light,
.layout-7 .logo-thingy {
	top: 30%;
	right: 2%;
}

/* Layout 8 */
.layout-8 .section-bg {
    background-size: cover;
	background-position: center right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
}
.layout-8 #olonea-anim {
	opacity: 1;
    pointer-events: none;
    width: 90vh;
    height: 57vh;
    position: fixed;
    top: 8vh;
    right: -2vw;
    z-index: 11111;
    display: block;
    overflow: hidden;
}

/* Layout 9 */
.layout-9 p {
    font-size: calc(0.82em + 0.5vw);
    font-weight: 400;
}
.layout-9 h6 {
    font-size: calc(0.725em + 0.45vh);
}
.layout-9 h6 a {
    margin-right: 8px;
}
.layout-9 .wp_mapit_multipin_map {
    height: 100%;
    width: 100%;
    position: absolute;
}

.layout-9 .wpgmp_map_container {
	height: 100%;
    width: 100%;
}
.layout-9 .wpgmp_map_parent {
	height: 100%;
	width: 100%;
	margin-bottom: 0;
	display: table;
}
.layout-9 .wpgmp_map {
	display: table-cell;
}

.layout-9 .logo-thingy-light,
.layout-9 .logo-thingy {
	top: 30%;
	right: 2%;
}

/* Layout 10 */
.layout-10 .sect-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.layout-10 input[type=checkbox] {
	position: relative;
	top: 7px;
}
.layout-10 .logo-thingy-light,
.layout-10 .logo-thingy {
	top: 30%;
	right: 2%;
}

/* Layout 11 */
.layout-11 {
	--plyr-color-main: #a5d91e;
}
.layout-11 .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.layout-11 .embed-container iframe, 
.layout-11 .embed-container object, 
.layout-11 .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.layout-11 .row.h-100 {
    max-height: calc(100% - 152px);
}
.layout-11 .col > div {
	height: 85%;
	width: 80%;
}

@media screen and (max-height: 900px) {
	.layout-11 .row.h-100 {
		max-height: calc(100% - 104px);
	}
}
/* Layout 12 */
.layout-12 h1,
.layout-12 .h1 {
    font-weight: bold;
}
.layout-12 p:not(.h1) {
    font-size: calc(0.94rem + 0.26vw);
}
.layout-12 .logo-thingy-light,
.layout-12 .logo-thingy {
	top: 32%;
	right: 4%;
}
.layout-12 .brand-logo + div {
	height: 87%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.layout-12 .article-preface li:last-child {
    margin-bottom: 0;
}

/* Layout 13 */
.layout-13 .section-bg {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 54.53%;
    height: 100%;
    z-index: -1;	
}
.layout-13 h3 {
    font-size: calc(1em + 1.26vw);
}

.layout-13 table h2,
.layout-13 table .h2 {
	font-size: calc(1.2rem + 1vw);
	font-weight: bold;
}
.layout-13 table + h2,
.layout-13 table + .h2 {
	display: inline-block;
	font-size: calc(1em + 1vw);
    margin: 0 1em;
    vertical-align: top;
    line-height: 9;
}
.layout-13 p + h2,
.layout-13 p + .h2 {
	margin-top: 2rem;
}
.layout-13 h2 + p,
.layout-13 .h2 + p {
	margin-top: 2rem;
}
.layout-13 table h2 + p,
.layout-13 table p + h2,
.layout-13 table .h2 + p,
.layout-13 table p + .h2 {
	margin-top: inherit;
}
.layout-3 table img {
    /*width: 11.5vw;*/
}
.layout-13 .logo-thingy-light,
.layout-13 .logo-thingy {
	top: 18.5%;
	right: 4%;
}

/* Layout 14 */
.layout-14 h1,
.layout-14 .h1 {
	font-weight: bold;
}
.layout-14 .logo-thingy-light,
.layout-14 .logo-thingy {
	right: 4.7%;
	top: 31%;
}

/* Layout timeline */
.layout-timeline h1,
.layout-timeline .h1 {
	margin-bottom: 1em;
	font-weight: bold;
}
.layout-timeline table {
	position: relative;
    margin-bottom: 1.3em;
}
.layout-timeline table > tbody > tr > td:first-child {
	/*border-left: 1px solid;*/
}
.layout-timeline table > tbody > tr:first-child > td:first-child {
	border: none;
}
.layout-timeline table td {
    padding-left: 1.85em;
	padding-bottom: 1.5em;
}
.layout-timeline table > tbody > tr:first-child > td {
	padding-bottom: 0;
}

.layout-timeline table > tbody > tr:nth-child(2) > td:first-child:before {
    content: '';
    /*background: url(/wp-content/themes/olonea/images/logo_thingy.svg);*/
    width: 34px;
    height: 34px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -2px;
    opacity: 1;
    left: -15px;
	z-index: 2;
	-webkit-mask-image: url(/wp-content/themes/olonea/images/logo_thingy_opaque.svg);
    background-color: #9b9895 !important;
    -webkit-mask-size: 83%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.layout-timeline table.active > tbody > tr:nth-child(2) > td:first-child:before {
    background-color: #a5d91e !important;
}
.layout-timeline table.active > tbody > tr:first-child > td:first-child:after {
    box-shadow: inset 0 0 0 6px #a5d91e;
}
.layout-timeline table > tbody > tr:last-child > td:first-child:after {
    content: '';
    box-shadow: 0 1px 1px #343434;
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 50%;
    height: 1px;
	z-index: 11;
}
.layout-timeline table > tbody > tr:first-child > td:first-child:before {
	content: '';
    position: absolute;
    background-color: #ece9e4;
    left: -3px;
    z-index: 11;
    top: 4px;
    width: 5px;
    height: calc(0.5rem + 4vh);
}
.layout-timeline table > tbody > tr:last-child:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 100%;
    left: -3px;
    bottom: -25px;
    background-color: #ece9e4;
    z-index: 1;
}
.layout-timeline table > tbody > tr:first-child > td:first-child:after {
    content: '';
    position: absolute;
    background-color: transparent;
    width: 25px;
    box-shadow: inset 0 0 0 6px #9b9895;
    height: 25px;
    left: -12px;
    border-radius: 100%;
    z-index: 11;
    top: 7px;
}

.layout-timeline table h2,
.layout-timeline table .h2 {
	font-weight: 700;
}
.layout-timeline table h3,
.layout-timeline table .h3,
.layout-timeline table p {
	width: 70%;
}
.layout-timeline table img {
    position: absolute;
    right: 0;
    top: -15px;
}
.time-line-wrapper {
    width: 2px;
    position: absolute;
    height: 100%;
    z-index: 1;
	overflow: hidden;
	margin-left: -1px;
	max-height: 100%;
}
.time-line-progress {
    background-color: #a5d91e;
	height: 0;
}

/*.layout-timeline h1 + table:before {
    content: '';
    position: absolute;
    top: 47px;
    height: 100px;
    display: inline-block;
    width: 2px;
    background: #a5d91e;
}*/
.layout-timeline .logo-thingy-light,
.layout-timeline .logo-thingy {
	top: 30%;
	right: 4.2%;
}

/* Layout jobs */
.layout-jobs h1,
.layout-jobs .h1 {
	font-weight: bold;
}
.layout-jobs p:not(.h1):not(.h2) {
	font-size: calc(0.82em + 0.4vw);
    font-weight: 400;
}
.layout-jobs .h3 {
	font-size: calc(1.1em + 0.4vw);
	font-weight: normal;
}
.layout-jobs .accordion {
	margin-top: 3.2rem;
	margin-bottom: 3.2rem;
}
.layout-jobs .accordion-item {
	background-color: transparent;
    border-radius: 0;
    border: none;
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
    margin-bottom: 1.8em;
	padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.layout-jobs .accordion-item:last-child {
	margin-bottom: 0;
}
.layout-jobs .accordion-button,
.layout-jobs .accordion-body {
	font-size: calc(1rem + 0.25vw);
}
.layout-jobs .accordion-body {
	padding-right: 15rem;
}
.layout-jobs .accordion-button {
	background-color: transparent;
    color: #343434;
    font-weight: 700;
	box-shadow: none;
}
.layout-jobs .accordion-button:focus {
	box-shadow: none;
	border: none;
}
.layout-jobs .accordion-button::after,
.layout-jobs .accordion-button:not(.collapsed)::after {
	background-image: none;
	content: attr(data-attr-details);
	position: relative;
	left: 20px;
	width: auto;
    padding: 6px 20px;
    height: auto;
	background-color: #ffffff;
	color: #343434 !important;
	transform: none;
	transition-duration: .2s;
}
.layout-jobs .accordion-button::after {
	background-color: #343434;
	color: #ffffff !important;
}
.layout-jobs .logo-thingy-light,
.layout-jobs .logo-thingy {
	top: 30%;
	right: 2.2%;
}

/* Layout team */
.layout-team .team-container {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    column-gap: 1em;
    row-gap: 12em;
	justify-items: center;
	padding-bottom: 12em;
}
.layout-team .team-card {
	width: 20vw;
    height: 25vw;
	max-width: 380px;
	max-height: 480px;
	perspective: 1000px;
}
.layout-team .content {
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	transition: transform 1s;
	transform-style: preserve-3d;
}
.layout-team .team-card.active .content {
	transform: rotateY( 180deg ) ;
	transition: transform 0.5s;
}
.layout-team .front,
.layout-team .back {
	position: absolute;
	height: 100%;
	width: 100%;
	background: white;
	color: #343434;
	text-align: center;
	border-radius: 5px;
	backface-visibility: hidden;
	overflow: hidden;
}
.layout-team .back {
	background: #343434;
	color: #ffffff;
	padding: 4vh 3vh;
	transform: rotateY( 180deg );
	overflow: auto;
	background-image: url(/wp-content/themes/olonea/images/logo_thingy_light.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 86% 94%;
}
.layout-team .back p {
    font-size: calc(0.72em + 0.3vh);
    color: #ffffff;
	text-align: left;
	margin-bottom: 0.5em;
}
.layout-team .captions {
    margin-top: 1em;
    border-top: 1px solid #343434;
    margin-bottom: 1em;
    border-bottom: 1px solid #343434;
    padding: 0.5em 0;
}
.layout-team .captions h4 {
	font-weight: 700;
	margin-bottom: 0;
}
.layout-team .captions div {
	font-size: calc(0.85em + 0.26vh);
}
.layout-team .captions div + div {
    font-weight: 500;
}

/* Layout newsletter */
.layout-nslt h1,
.layout-nslt .h1 {
	font-weight: bold;
}
.layout-nslt .logo-thingy {
	right: 3.7%;
}

/* Layout fsvideo */
.layout-fsvideo {
	--plyr-color-main: #a5d91e;
	
}
.layout-fsvideo .col {
    overflow: hidden;
}
.layout-fsvideo iframe {
	width: 100%;
    height: 100%;
}
.layout-fsvideo .plyr__controls {
	display: flex !important;
}

.plyr__poster {
	background-size: cover;
}
.plyr__control--overlaid {
    background: #343434;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#343434)));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
	background: #a5d91e;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#a5d91e)));
}
.swiper-slide .plyr__control svg {
    height: 18px;
    height: var(--plyr-control-icon-size,18px);
    width: 18px;
    width: var(--plyr-control-icon-size,18px);
    display: inherit;
}

.w-80 p img {
    max-height: 73vh;
    width: auto;
}
.bg-is-dark li::marker {
	color: #ffffff;
}

/* Online pharmacies */
.pharmSwiper > .facetwp-template {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 2.2vh;
    row-gap: 2.2vh;    
	/*height: 41vh;
    max-height: 372px;
	overflow: auto;*/
    padding-right: 16px;
	max-width: 95%;
    margin-left: 0;
}
.pharma-search-container > div {
    margin-right: 6em;
}
.pharma-search-container + div {
	margin-bottom: 1em;
}
.facetwp-facet-pharma_search {    
    margin-top: 3rem;
	margin-bottom: 3rem !important;
	width: 100%;
    max-width: 500px;
}
.facetwp-facet-pharma_search .facetwp-input-wrap {
	width: 100%;
}
.facetwp-facet-pharma_search .facetwp-icon {
	right: -50px;
	opacity: 0.7;
}
.facetwp-facet-pharma_search .facetwp-icon:before {
	/*content: '>';
    background: none !important;
    font-style: normal;
    font-size: 4rem;
    font-family: inherit;
    font-weight: 100;
    color: #343434;*/
    position: relative;
    top: 4px;
	background-size: 30px 30px;
	width: 40px;
}
.facetwp-facet-pharma_search .facetwp-search {
	border: none;
    background: none;
    border-bottom: 1px solid #343434;
    width: 100%;
	font-size: calc(1.1em + 0.4vw);
}
.facetwp-facet-pharma_search .facetwp-search::placeholder {
	color: #bbb9b5;
}
.pharma-search-container .facetwp-reset {
	background: none;
    border: none;
    font-size: calc(0.9em + 0.4vw);
    position: relative;
    top: 2px;
    border-bottom: 1px solid #343434;
}
.facetwp-facet-online_pharms_pager {
	margin-bottom: 0 !important;
	margin-top: 2em;
}
.facetwp-facet-online_pharms_pager button {
    padding: 0.5em 0.75em;
    background: #343434;
    color: #fff;
	font-size: calc(1em + 0.4vh);
    border: none;
	transition-duration: .2s;
}
.facetwp-facet-pharma_search .facetwp-icon:before {
	background-image: url("/wp-content/themes/olonea/images/next.svg");
}
.facetwp-facet-online_pharms_pager button:hover {
    opacity: 0.4;
}
.facetwp-facet-online_pharms_pager button {
}
.facetwp-facet-online_pharms_pager .facetwp-page {
    display: none;
}
.facetwp-facet-online_pharms_pager .facetwp-page.prev,
.facetwp-facet-online_pharms_pager .facetwp-page.next {
	display: inline-block;
}
.facetwp-facet-online_pharms_pager .facetwp-page.prev img,
.facetwp-facet-online_pharms_pager .facetwp-page.next img {
	max-width: 18px;
    height: auto;
}
/* Custom formats */
.bigcap {
    font-size: calc(1.9em + 0.65vh); /*3.2vw*/
    display: inline-block;
    vertical-align: baseline;
	margin-bottom: 0;
}
.bigcap + p {
	display: none;
}

h4.inline-header {
    display: inline;
    line-height: 1;
    font-weight: 400;
	font-size: calc(0.9em + 0.47vw);
	margin-bottom: 5px;
}

span.starred-item {
    font-size: 90%;
    display: list-item;
	padding-left: 4px;
	margin-left: 8px;
}
span.starred-item::marker {
  content: '*';
  font-weight: bold;
}
.blog-intro-paragraph {
	font-size: 1.5625em;
	font-weight: 400;
}

.blog-paragraph-heading {
	font-size: 1.875em;
    font-weight: 700;
    margin: 1em 0 0.65em;
}

.blog-biblio-paragraph {
	font-size: 1.05em;
	font-weight: 400;
	color: #555555;
}

.blog-biblio-heading {
	font-size: 1.2625em;
	font-weight: 700;
}
.olonea-green {
	color: #a5d91e;
}

ul.olonea-icon-list li {
	list-style: none;
    position: relative;
    margin-bottom: 3.5em;
	margin-left: 1.5em;
    font-size: calc(1em + 0.2vw);
}
ul.olonea-icon-list li::before {
    content: "";
    background-image: url(/wp-content/themes/olonea/images/logo_thingy.svg);
    position: absolute;
    width: 2em;
    height: 2em;
    z-index: 11;
    background-size: contain;
    left: -3em;
    top: -0.6em;
    background-repeat: no-repeat;
    -webkit-mask-image: url(/wp-content/themes/olonea/images/logo_thingy_opaque.svg);
    background-color: #9b9895 !important;
    -webkit-mask-size: 83%;
    -webkit-mask-repeat: no-repeat;
}
.table-series table {
    max-width: 18%;
    flex: 1 0 0%;
    min-width: 11vw;
    margin-bottom: 1.75em;
}

/* Blog */
.single-post .article-preface {
	font-size: calc(0.72em + 0.24vw);
}
.single-post .articles-slider {
	/*padding: 0 10%;*/
	width: 80%;
}
.single-post .articles-slider .swiper-wrapper {
	width: max-content;
    /* justify-content: center; */
    margin: 0 auto;
}
.single-post .articles-slider.slider-active .swiper-wrapper {
  /*justify-content: normal;*/
}
/*
.single-post .articles-slider .swiper-slide {
	max-width: inherit;
}
.single-post .articles-slider .swiper-slide:last-child {
    margin-right: 0 !important;
}
*/
.single-post .articles-slider .swiper-button-next {
	margin-right: 60px;
    position: fixed;
}
.single-post .articles-slider .swiper-button-prev {
	margin-left: 60px;
	position: fixed;
}

/* Blog category */
.blog-filters {
    position: sticky;
    top: 0px;
    overflow: auto;
    height: calc(calc(var(--vh,1vh)*100) - 152px);
}
.blog-filters a {
	position: relative;
	display: block;
	max-width: 100%;
	max-width: 120px;
    margin: 0 auto;
}
.blog-filters .category-icon {
	padding: 20px;
	margin-bottom: 0.5em;
}
.blog-filters .category-icon:before {
    content: '';
    background-image: url(/wp-content/themes/olonea/images/circle.svg);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.blog-filters svg,
.blog-filters img {
    width: 36px;
    height: auto;
    height: 36px;
}
.blog-filters .all-filter img {
    transform: scale(2);
}
.blog-filters a span {
    display: block;
}
.blog-filters > .row > div {
	transition-duration: .2s;
}
.blog-filters > .row > div:hover {
	opacity: .6;
}
.blog-filters .active {
	opacity: .6;
}
.blog-filters .category-icon.all-filter svg {
	transform: scale(2);
}
.blog-articles {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.blog-articles .article-item {
    flex: 1 0 25%;
    padding: 1em;
    width: 100%;
    max-width: 316px;
	min-width: 280px;
    display: inline-block;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    margin-left: 1.8em;
    margin-bottom: 2em;
    padding-right: 2em;
}
.blog-articles .article-item .article-title {
    flex: 1 0 0%;
}


/* FAQ */
.helpie-faq-col ul {
	padding-left: 0;
}
.helpie-faq.accordions .accordion {
	margin: 55px 0 40px;
}
.helpie-faq.accordions {
	width: 88%;
	margin-left: 0;
}
.helpie-faq.accordions .accordion__header:before, .helpie-faq.accordions .accordion__header:after {
	background: #343434;
}
.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {
	padding-right: 2rem;
}
.helpie-faq > .accordion > .accordion__item {
	margin: 2vh 0 !important;
}
.helpie-faq > .accordion .accordion__item:first-child {
    border-top: solid 1px #343434;
}
.helpie-faq.accordions > .accordion .accordion__item .accordion__header div.accordion__title {
	font-size: calc(1.72em + 0.25vw);
	line-height: 1.1;
}
.helpie-faq > .accordion .accordion .accordion__item {
	border-color: #b4b2af;
}
.helpie-faq.accordions > .accordion .accordion .accordion__item .accordion__header div.accordion__title {
	font-size: calc(1.52em + 0.25vw);
	font-weight: 400;
	padding-right: 1.5em;
}
.helpie-faq.accordions > .accordion .accordion .accordion__item .accordion__body {
	font-size: calc(0.82em + 0.35vw);
	line-height: 1.6;
	padding-bottom: 2em;
}
.helpie-faq.accordions .search__input {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #343434;
}
.helpie-faq.accordions .search__input:focus {
    border: inherit;
    transition: .35s ease;
    color: inherit;
}
.elementor-ovr {
	position: fixed;
    height: calc(var(--vh,1vh)*100);
    top: 0;
    right: 0;
}
.elementor-thingy {
	position: absolute;
	top: calc(50% + 54px);
	right: 4.5%;
	transform: translateY(-50%);
}
.elementor-page .main-content {
	height: 100% !important;
}

/*
 * Distributors map
 */
.asl-cont#asl-storelocator .row {
	margin-right: inherit !important;
	margin-left: inherit !important;
}
#asl-storelocator.asl-cont .sl-loading {
	left: auto !important;
	right: 7%;
	width: 33% !important;
	background-color: transparent !important;
}
#asl-storelocator.asl-cont.asl-template-3 .infoBox .infoWindow#style_0 h3 {
	background-color: transparent !important;
}
#asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .asl-clear-btn {
	background: transparent !important;
}
#asl-storelocator.asl-cont * {
	font-family: 'Manrope', sans-serif !important;
}
.page-id-881 #asl-panel {
	height: calc(calc(var(--vh,1vh)*100) - 152px - 13vh);
	background-color: #ece9e4 !important;
	order: 1;
	margin-top: 6.5vh;
	margin-bottom: 6.5vh;
	border: none !important;
	overflow: hidden;
	flex: 0 0 auto !important;
    width: 44.47%;
	max-width: none !important;
}
.asl-map {
	flex: 0 0 auto !important;
    width: 55.53% !important;
}
div#asl-panel .panel-title {
    font-size: calc(1em + 4.66vh) !important;
	font-weight: bold;
	font-family: inherit;
    position: relative;
    top: 0.8em;
    width: 88%;
    line-height: 1.15 !important;
    margin: 0 auto;
    padding-left: 15px;
	padding-right: 1vw;
}
.sl-main-cont {
	box-shadow: none !important;
	border-radius: none;
	background-color: #f5f4f1;
}
.asl-cont *::-webkit-scrollbar-thumb {
	background: #343434 !important;
}
.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box {
	max-height: 76% !important;
	margin-right: 15px;
	padding-right: 2rem;
}
.page-id-881 #asl-map-canv {
    height: calc(calc(var(--vh,1vh)*100) - 152px) !important;
}
@media screen and (max-height: 900px) {
	.page-id-881 #asl-map-canv {
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
	}
	.page-id-881 #asl-panel {
		height: calc(calc(var(--vh,1vh)*100) - 104px - 13vh);
	}
}
.page-id-881 .asl-panel-inner {
    position: relative !important;
	width: 80% !important;
    margin: 0 auto;
}
.page-id-881  input#sl-main-search {
    background: none;
    border: none !important;
	display: inline-block;
    font-size: calc(1rem + 0.5vw) !important;
	font-family: inherit !important;
	border-bottom: 1px solid #343434 !important;
    padding-left: 0 !important;
}
.asl-addr-search:before {
	content: initial !important;
}
.asl-cont.asl-bg-0 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn {
	position: relative !important;
	display: inline-block !important;
    width: 56px !important;
    vertical-align: middle !important;
}
.asl-cont.asl-bg-0 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn i {
	background: none !important;
	color: #000000 !important;
	padding: 0 !important;
	font-size: 18px !important;
	width: 30px !important;
}
.asl-cont.asl-bg-0 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-no-item {
	color: #000000 !important;
}
.infoBox > img {
	filter: invert(1);
}
.asl-cont .infoWindow {
    background-color: #343434 !important;
    color: #fff !important;
    padding: 1em !important;
    border-radius: 0 !important;
}
.asl-cont .infoWindow * {
    font-family: 'Manrope' !important;
}
.asl-cont .infoWindow h3 {
	background: none !important;
	font-size: 0.9rem !important;
    padding-right: 35px !important;
}
.asl-cont .infoWindow infowindowContent {
	font-size: 1.2em !important;
}
.asl-cont .infoWindow .asl-buttons {
	border-top: 1px solid #8f8f8f;
	margin-top: 1em !important;
	justify-content: space-between !important;
}
.asl-cont .infoWindow .asl-buttons a {
    background: none !important;
    color: #fff !important;
    text-decoration: underline;
	text-decoration-color: #8f8f8f;
    border: none !important;
	font-size: 1.1em !important;
	font-weight: 500 !important;
	padding: 8px 0px !important;
}
.asl-cont .infoWindow .arrow-down {
	border-top-color: #343434 !important;
}
.asl-cont .sl-main-cont .asl-panel-inner {
	height: 55vh !important;
	margin-top: calc(3rem + 1vh) !important;
}
.asl-cont .sl-filter-sec {
    margin-bottom: calc(1.5rem + 1vh);
}
.asl-cont .sl-main-cont .asl-panel-inner .asl-addr-search .form-control {
	width: calc(100% - 60px) !important
}
.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.sl-main-cont .asl-panel-inner .asl-addr-search {
	margin-right: calc(2rem + 15px);
}
.asl-cont .asl-panel-inner .sl-addr-sec * {
	color: #000000 !important;
	font-size: calc(0.8rem + 0.3vw) !important;
	font-family: 'Manrope' !important;
}
.asl-cont .sl-main-cont .sl-addr-sec a {
	position: relative;
    margin-top: -0.5em;
	background: none !important;
	color: #666666 !important;	
	font-size: calc(1rem + 0.2vw) !important;
	font-weight: 500;
}
.asl-cont .sl-main-cont .sl-act-btns a {
	margin-left: -12px;
	text-decoration: underline;	
}
.asl-cont .icon-search[class^="icon-"]:before {
    content: '\f054';
    font-weight: 900 !important;
    font-size: 2em;
    font-family: 'Font Awesome 6 Free' !important;
}
.asl-cont i[class*="icon-"] {
	display: none;
}
.asl-cont .infoWindow .info-box-cont i+* {
	padding-left: 0 !important;
}
.asl-cont .sl-list-wrapper {
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.asl-cont .sl-main-cont-box ul.sl-list li.sl-item {
	padding-left: 0 !important;
    padding-right: 0 !important;
	padding-top: 2em !important;
    padding-bottom: 2em !important;
	border-bottom: 1px solid #939598 !important;
	background-color: transparent !important;
	opacity: 1;
}
.asl-cont .sl-main-cont-box ul.sl-list li.sl-item:first-child {
	padding-top: 1.2em !important;
}
.asl-cont .sl-main-cont-box ul.sl-list li.sl-item:last-child {
	border-bottom: none !important;
}
.asl-cont .sl-main-cont-box ul.sl-list li.sl-item.highlighted {
	background-color: transparent !important;
	opacity: 0.6;
}

.asl-cont .agile-modal h4 {
	color: #343434 !important;
}
.asl-cont .agile-modal .form-group .btn-submit {
	background: #343434 none repeat scroll 0 0 !important;
    border-color: #343434 !important;
}
.agile-modal-content {
	background-color: #ece9e4;.page-id-881 #asl-map-canv
	background-color: #ece9e4;
}
.agile-modal-content .form-group {
    margin: 0.5rem auto 0 !important;
}
.asl-cont .infoBox .infoWindow .infowindowContent {
	width: auto !important;
}
.page-id-881 .asl-cont.asl-template-3.asl-bg-0 {
	--sl-infobox-bg: #343434 !important;
	--sl-primary: #ffffff !important;
	--sl-infobox-color: #ffffff !important;
	--sl-infobox-a: #ffffff !important;
}
.asl-cont .asl-cluster-1, body .asl-p-cont .asl-cluster-1 {--cluster-color: #95c52c;} 
.asl-cont .asl-cluster-2, body .asl-p-cont .asl-cluster-2 {--cluster-color: #95c52c;} 
.asl-cont .asl-cluster-3, body .asl-p-cont .asl-cluster-3 {--cluster-color: #95c52c;}
.asl-cluster {
    /*color: #000 !important;*/
}

.mpopupLink {
	cursor: pointer;
}
.mpopup {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 152px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.mpopup.alert-popup .modal-content{
	width: 80%;
    min-height: 35vh;
    min-width: 36vw;
    max-width: 600px;
    height: auto;
}
@media screen and (max-height: 900px) {
	.mpopup {
		padding-top: 104px;
	}
}
.mpopup .modal-content {
    position: relative;
    background-color: #ece9e4;
    margin: auto;
    padding: 0;
    width: 80vw;
	height: 85%;
    overflow: hidden;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    /*border-radius: 0.3rem;*/
}
.mpopup .modal-header {
    padding: 2px 12px;
    background-color: #ece9e4;
    color: #333;
	max-height: 4em;
    /*border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;*/
}
.mpopup .modal-header h2{
    font-size: 1.25rem;
    margin-top: 14px;
    margin-bottom: 14px;
	margin: 0;
}
.mpopup .modal-body {
    padding: 2px 12px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
}
.mpopup .modal-body .row:last-child {
	height: 80%;
}
.mpopup .modal-footer {
    padding: 1rem;
    background-color: #ece9e4;
    color: #333;
    /*border-top: 1px solid #e9ecef;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;*/
    text-align: right;
}
.mpopup .pp-prod-image img{
	height: 50vh;
    width: auto;
}
.mpopup .popup-pharms {
	height: 100%;
}
.mpopup  .pp-prod-var {
	overflow: auto;
    max-height: 98%;
}
.mpopup .pp-prod-variations {
	border-bottom: 1px solid #343434;
	margin-bottom: 1em;
	padding: 0.5em 0 0.5em;
}
.mpopup .pp-prod-variations:empty {
    border-bottom: none;
}
.mpopup .pp-prod-variations > div {
    display: inline-block;
}
.mpopup .pp-prod-variations input {
	width: 38px;
	height: 38px;
	background-color: transparent;
	border: 1px solid #343434;
	-webkit-appearance: none;
}
.mpopup .pp-prod-variations input[type=checkbox] + label:before { 
	font-family: 'Font Awesome 6 Free'; 
	font-weight: 900;
}
.mpopup .pp-prod-variations input[type=checkbox]:checked + label:before { 
	content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 1.75em;
    margin-left: -52px;
    margin-top: -5px;
    line-height: 1.45;
}
.mpopup .pp-prod-variations label {
	font-size: 1.25em;
    font-weight: bold;
	padding-left: 0.8em;
    padding-right: 1em;
    margin-right: 2em;
	line-height: 38px;
	vertical-align: top;
}
.mpopup .popup-variation-pharms {
	height: 85%;
}
.mpopup .popup-variation-pharms .pp-prod-var {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 1em;
    row-gap: 1em;
	padding-right: 0.75em;
}

.mpopup .close {
    font-size: 5em;
    font-weight: 100;
    line-height: 0.8;
    color: #000;
}
.mpopup .close img {
    width: 36px;
    height: 36px;
    margin-right: 9px;
}
.mpopup .close:hover, 
.mpopup .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.anim-ropey-ball.anim-visible {
    overflow: hidden;
}
.anim-ropey-ball:before {
	--anim-to-height: 13vh;
    position: absolute;
    top: 0;
    left: calc(50% - 5px);
    width: 1px;
    height: 0%; /* to 26% */
    content: '';
    background-color: #fff;
	opacity: 0;
	transform-origin: center bottom;
	animation-fill-mode: both;
	animation-duration: inherit;
	animation-delay: inherit;
	animation-timing-function: cubic-bezier(0, 0, 0.82, 1.09);
	animation-name: ropey-rope !important;
	z-index: 1;
}
.anim-ropey-ball.ropey-h-18:before {
	--anim-to-height: 18vh;
}
.exbg-is-light .anim-ropey-ball:before {
	background-color: #343434;
}

@keyframes ropey-rope {	
		0% {
			transform:translateY(0);
		}
		5% {
			opacity: 1;
		}
		24% {
			height: var(--anim-to-height);
		}
		25% {
			transform:translateY(0);
			height: var(--anim-to-height);
		}
		40% {
			transform:translateY(-24px);
		}
		55% {
			transform:translateY(0);
			height: var(--anim-to-height);
		}
		65% {
			transform:translateY(-12px);
		}
		75% {
			transform:translateY(0);
			height: var(--anim-to-height);
		}
		82% {
			transform:translateY(-6px);
		}
		87% {
			transform:translateY(0);
			height: var(--anim-to-height);
		}
		93% {
			transform:translateY(-4px);
		}
		100% {
			transform:translateY(0);
			height: var(--anim-to-height);
			opacity: 1;
		}
}
.anim-ropey-ball:after {
	--anim-to-height: 13vh;
    position: absolute;
    top: 0%; /* to 26% */
    left: calc(50% - 15px);
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #a4d91d;
	opacity: 0;
	transform-origin: center bottom;
	animation-fill-mode: both;
	animation-duration: inherit;
	animation-delay: inherit;
	animation-timing-function: cubic-bezier(0, 0, 0.82, 1.09);
	animation-name: ropey-ball !important;
	z-index: 1;
}
.anim-ropey-ball.ropey-h-18:after {
	--anim-to-height: 18vh;
}
@keyframes ropey-ball {
	0% {
			transform:translateY(0);
		}
		5% {
			opacity: 1;
		}
		24% {
			top: var(--anim-to-height);
		}
		25% {
			transform:translateY(0);
			top: var(--anim-to-height);
		}
		40% {
			transform:translateY(-24px);
		}
		55% {
			transform:translateY(0);
			top: var(--anim-to-height);
		}
		65% {
			transform:translateY(-12px);
		}
		75% {
			transform:translateY(0);
			top: var(--anim-to-height);
		}
		82% {
			transform:translateY(-6px);
		}
		87% {
			transform:translateY(0);
			top: var(--anim-to-height);
		}
		93% {
			transform:translateY(-4px);
		}
		100% {
			transform:translateY(0);
			top: var(--anim-to-height);
			opacity: 1;
		}
}

/* DOC CHECK */
.dc-login-wrapper iframe {
	display: block;
    margin: 0 auto;
}

/* QUIZ */
#quizModal {
	z-index: 11111111;
}
.wp-sjs-plugin {
	position: relative;
}
.page-id-1872 .header {
	background: linear-gradient(90deg, rgba(165,217,30,1) 0%, rgba(165,217,30,1) 33px, rgba(245,244,241,0) 33px, rgba(245,244,241,0) 100%);
}
.page-id-1872 .header:after {
	background-color: transparent;
}
.quiz-page-bg {
	background-image: url(/wp-content/uploads/2023/01/quiz_bg.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 0;
}
.sv-container-modern > .sv-title {
    display: none;
}
.wp-sjs-plugin .sv-title,
.wp-sjs-plugin .button,
.sv-btn {
	font-family: 'Manrope';
}
.wp-sjs-plugin, 
.wp-sjs-plugin #surveyElement-1,
.wp-sjs-plugin form {
    position: relative;
    display: flex;
    margin: 0;
    flex-direction: column;
	align-items: center;
}
.sv-container-modern {
    background-color: #ece9e4;
    width: 80vw;
    min-height: 75vh;
	max-height: 75vh;
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}
.sv-container-modern .sv-body {
	position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}
.sv-container-modern .sv-body > div:nth-child(1) {
	height: 81%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sv-question__required-text {
	display: none;
}
.sv-footer.sv-action-bar {
	padding: 0;
}
.sv-footer.sv-action-bar .sv-btn{
	padding: 0.5em 0.786em 0.6em;
	margin: 0;
}
.sv-container-modern .sv-row > div {
    min-width: 280px !important;
}
.sv-container-modern h5 {
	font-size: calc(1em + 3.66vh);
    font-weight: bold;
    line-height: 1.1;
	text-align: center;
}
.sv-container-modern .sv-question__content {
    /* margin-left: 0.55em; */
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    font-size: 2rem;
	font-family: 'Manrope';
}
.wp-sjs-plugin input[type="text"] {
	text-align: center;
	color: #777777;
	margin: 0 auto;
    display: block;
}
.sv-container-modern .sv-text {
	font-size: calc(1em + 1.26vh);
	border-bottom: 0.03em solid #343434 !important;
}
.sv-container-modern .sv-text:focus {
	border-color: inherit;
}
.sv-container-modern .sv-text::placeholder {
    color: #989898;
    text-align: center;
}
.sv-container-modern .sv-selectbase {
	text-align: center;
}
.sv-container-modern .sv-selectbase .sv-selectbase__item {
    display: inline-block;
    width: auto;
}
.sv-question__title--answer {
	background-color: transparent;
}
.sv-footer__next-btn,
.sv-footer__prev-btn {
    background-color: transparent;
    color: #343434 !important;
	font-size: calc(1em + 0.4vw);
    font-weight: normal;
}
.sv-selectbase__label {
    padding: 0.1em 0.49em;
    border: 1px solid #343434;
	margin-left: initial;
	margin: 0 7px;
	font-size: calc(1rem + 1.3vh);
}
.sv-selectbase__label .sv-radio__decorator,
.sv-selectbase__label .sv-checkbox__decorator {
    display: none;
}
.sv-selectbase__label .sv-item__control-label {
	margin-left: 0;
	display: block;
	top: 0;
}
.sv-checkbox label {
    margin-left: 0;
}
.sv-checkbox .sv-selectbase__label {
	font-size: calc(1rem + 1.13vh);
}
.sv-checkbox--checked {
    background-color: #343434;
}
.sv-checkbox--checked .sv-item__control-label {
    color: #fff !important;
}
.sv-selectbase__item.sv-radio--checked .sv-selectbase__label {
	background-color: #343434;
	color: #ffffff;
}
.sv-question__other{
    height: 50px;
    resize: none;
    overflow: hidden;
}
.sv-row:not(:last-child) {
    padding-bottom: 0.5em;
}
.sv-footer__complete-btn {
	color: #ffffff !important;
	font-size: calc(1em + 0.4vw);
    font-weight: normal;
	border-radius: 0;
	background-color: #343434;
	margin-bottom: 20px;
}
.sv-description {
    text-align: center;
    font-size: 1.3rem;
    padding: 0.8em 0 1em;
    color: #343434;
}
.sv-question__erbox {
	text-align: center;
}
h5 .sv-string-viewer + span {
	display: none;
}
.sv-body__timer {
	display: none;
}
.quiz-section-card {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
}
.quiz-section-card h1 {
    font-size: calc(1.4rem + 3vw);
    font-weight: 400;
    color: #000;
	margin-bottom: 0;
    line-height: 1;
	z-index: 1;
}
.quiz-section-card p {
    font-size: calc(1.2rem + 0.10vw);
    font-weight: 400;
    color: #000;
    margin-top: 2rem;
    margin-bottom: 2rem;
	padding-right: 15vw;
	z-index: 1;
}
.quiz-section-card a {
    font-size: calc(1rem + 0.4vw);
}
/*.quiz-section-card .back-bt:before {
    content: '';
    background-image: url(/wp-content/themes/olonea/images/prev.svg);
    width: 20px;
    height: 32px;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    top: 7px;
    margin-right: 12px;
}*/
.sv-footer.sv-action-bar .sv-footer__prev-btn:before {
	content: '';
    background-image: url(/wp-content/themes/olonea/images/prev.svg);
    width: 20px;
    height: 32px;
    position: absolute;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    top: 7px;
    margin-right: 12px;
}
.sv-completedpage {
	font-family: 'Manrope', sans-serif !important;
	background-color: transparent !important;
	margin: 0 auto !important;
	position: relative !important;
	max-width: none;
	padding-left: 10%;
    padding-right: 10%;
    margin: 0 auto !important;
}
.sv-completedpage:before {
	display: block;
    width: 60px;
    height: 60px;
    margin-left: calc(50% - 36px);
    margin-bottom: 2rem;
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNzAiIGhlaWdodD0iMjcwIj48cGF0aCBkPSJNIDMwLDE4MCA5MCwyNDAgMjQwLDMwIiBzdHlsZT0ic3Ryb2tlOiMwMDA7IHN0cm9rZS13aWR0aDozMDsgZmlsbDpub25lIi8+PC9zdmc+);
    background-size: contain;
	margin-bottom: 2rem;
}
.sv-completedpage:after {
	content: '';
    background-image: url(/wp-content/themes/olonea/images/circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 110px;
    height: 110px;
    top: 6.85rem;
    animation-name: svg-circle-rotate !important;
    animation-duration: 1400ms;
    animation-delay: 0s;
    animation-fill-mode: both;
    margin-left: -62px;
}
#surveyEnd {
	position: absolute;
    top: 6px;
    right: 16px;
	cursor: pointer;
}
.quiz-section-card .btn {
	font-size: calc(1.4rem + 0.12vw);
	z-index: 1;
}
.quiz-section-card .logo-thingy {
	right: 4%;
    top: 26%;
}
.quiz-page-bg.basics,
.quiz-section-card.basics {
	background-image: url('/wp-content/uploads/2023/01/basics_full_bg.jpg');
}
.quiz-page-bg.goals,
.quiz-section-card.goals {
	background-image: url('/wp-content/uploads/2023/01/goals_full_bg.jpg');
}
.quiz-page-bg.lifestyle,
.quiz-section-card.lifestyle {
	background-image: url('/wp-content/uploads/2023/01/lifestyle_full_bg.jpg');
}
.quiz-page-bg.calculating {
	background-image: url('/wp-content/uploads/2023/01/quiz_calculating_full_bg.jpg');
}
.quiz-page-bg.results {
	background-image: url('/wp-content/uploads/2023/01/quiz_results_full_bg.jpg');
}
.sv-container-modern h1 {
    font-size: calc(1rem + 2.2vw);
    text-align: center;
}
.quiz-results img {
    max-width: 100%;
    height: auto;
	max-height: 36vh;
}
.quiz-results a {
    border: 1px solid;
    padding: 0.15em 0.85em;
    font-size: calc(1rem + 0.2vh);
    font-weight: 300;
}
@media screen and (max-height: 768px) {
	.sv-container-modern .sv-question__content {
		max-width: 1200px;
	}
}
@media screen and (max-width: 768px) {
	.sv-container-modern .sv-question__content {
		max-width: 92%;
	}
	.sv-container-modern {
		max-height: none;
		min-height: auto;
	}
	.sv-container-modern .sv-body {
		position: relative;
	}
	.quiz-section-card {
		overflow: auto;
		top: 104px;
	}
	.quiz-section-card > .row > .col-12:first-child {
		max-height: 50vh;
	}
}
@media screen and (max-width: 640px) {
	.sv-container-modern .sv-selectbase .sv-selectbase__item {
		display: inline-block;
		width: 100%;
	}
}

/* More Media queries */
@media screen and (max-width: 1440px) {
	.product-container .w-80 {
		width: 100% !important;
	}
	.mt-xxl-5 {
		margin-top: 1rem!important;
	}
	.mt-xxl-4 {
		margin-top: 1rem!important;
	}
	.mb-xxl-4 {
		margin-bottom: 1rem!important;
	}
	.pe-xxl-5 {
		padding-right: 1.3rem!important;
	}
	.ps-xxl-5 {
		padding-left: 1.3rem!important;
	}
}
@media screen and (max-width: 1320px) {
	.header nav a {
		font-size: calc(13px + 0.25vw);
		/*padding-right: 1.18vw;*/
	}
}	
@media screen and (max-width: 1280px) {
	.pt-155 {
		padding-top: 7%;
	}
	.swiper.team-slider,
	.swiper.section-slider{
		width: 90%;
	}
	h1, .h1 {
		font-size: calc(1em + 2.65vh); /*1.96vw*/
	}
	.h1-half {
		font-size: calc(1em + 1.76vh);
	}
	.content-box h3,
	.content-box .h3 {
		font-size: calc(0.4em + 1.66vw) !important;
	}
	.content-box h4,
	.content-box .h4	{
		font-size: calc(0.3em + 2vh); /* calc(0.3em + 1.26vw) */
	}
	.btn {
		/*font-size: calc(0.75em + 0.24vw);*/
		transition-duration: .2s;
	}
	.team-slider-progress-container,
	.section-slider-progress-container	{
		max-width: 120px;
	}
	.team-slider-nav strong,
	.section-slider-nav strong {
		font-size: calc(11px + 0.25vw);
	}
	.team-slider-nav small,
	.section-slider-nav small {
		font-size: calc(10px + 0.1vw);
	}
	.products {
		grid-template-columns: repeat(3, minmax(var(--auto-grid-min-size), 1fr));
		width: 90%;
	}	
	.products .prd-card {
		max-width: none;
	}
	.footer-logo-thingy {
		width: 18vh;
		top: 9vh;
		z-index: 1111;
	}
	.footer-form .contact-form label span {
		width: 100%;
	}
	.home .content-box img {
		max-height: 15vh;
	}
	.article-slider {
		height: 100%;
		width: calc(100% - 20px);
	}
	.insta-slide .w-85h {
		width: 100% !important;
	}
	.logo-thingy,
	.logo-thingy-light {
		display: none;
	}	
	/*.layout-12 .logo-thingy,
	.layout-12 .logo-thingy-light {
		display: inherit;
	}*/
	.animate-ovr-right {
		display: none;
	}
	/*.layout-12 .animate-ovr-right {
		display: inherit;
	}*/
	.swiper.team-slider, .swiper.section-slider {
		width: 100%;
	}
	.layout-intro h1,
	.layout-intro .h1 {
		font-size: calc(0.6em + 6.5vh);
	}
	.layout-2 .content-box.w-60 {
		width: 85% !important;
	}
	.layout-2 .anim-ropey-ball:before {
		left: calc(50% - 5px) !important;
	}
	.layout-2 .anim-ropey-ball:after {
		left: calc(50% - 15px) !important;
	}
	.layout-3 .animate-ovr.w-74h {
		width: 89% !important;
	}
	
	.layout-12 .animate-ovr.w-30{
		width: 44.5% !important;
	}
	.layout-8 .animate-ovr > .w-65{
		width: 55% !important;
	}
	.layout-5 .section-bg {
		width: 100vw !important;
	}
	.layout-5 .animate-ovr.w-80{
		width: 90% !important;
	}
	.layout-14 .animate-ovr.w-85{
		width: 100% !important;
	}
	.quiz-slide .animate-ovr.w-74h,
	.newsletter-slide .animate-ovr.w-74h,
	.layout-nslt .animate-ovr.w-74h,
	.layout-13 .animate-ovr.w-74h,
	.layout-10 .animate-ovr.w-74h {
		width: 89% !important;
	}
	.quality-slide .content-box.w-60,
	.distributors-slide .content-box.w-60 {
		width: 85% !important;
	}
	
	.article-left-col > * {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.nwslt-block {
		padding-left: 4.5rem;
		padding-right: 4.5rem;
	}
	
	.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box {
		padding-right: 20px;
	}
	.page-id-881 #asl-panel {
		height: calc(calc(var(--vh,1vh)*100) - 104px - 13vh);
	}
	.layout-jobs .animate-ovr.w-80 {
		width: 90% !important;
	}
	.layout-jobs .w-75 {
		width: 97% !important;
	}
	.layout-8 #olonea-anim {
		right: -13vw;
	}
	
	.presentation_page-template-default .svg-circles-bigger-lg td.svg-circle, 
	.presentation_page-template-default .svg-circles-bigger-lg td.svg-circle-green {
		width: 30vh!important;
		height: 30vh;
	}
	
}

.layout-2 .anim-ropey-ball:before {
	left: calc(36% - 5px);
}
.layout-2 .anim-ropey-ball:after {
	left: calc(36% - 15px);
}

@media screen and (max-width: 1366px) and (max-height: 800px) {
	.prd-card {
		max-width: 52vh;
	}
	.prd-card img {
		max-width: 32vh !important;
	}
	.products-slide .row.w-75 {
		width: 95% !important;
	}
	.products-slide h1.mb-5.mt-5 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
}

@media screen and (max-height: 930px) {
	.pt-65 {
		padding-top: 4.9vh;
	}
	.pb-65 {
		padding-top: 4.9vh;
	}
}
@media screen and (max-height: 900px) {
	.mt-5 {
		margin-top: 5vh !important;
	}
	.mb-5 {
		margin-bottom: 5vh !important;
	}
	.pt-5 {
		padding-top: 4.8vh !important;
	}
	.pt-155 {
		padding-top: 6%;
	}
	.py-5 {
		padding-top: 4.8vh !important;
		padding-bottom: 4.8vh !important;
	}
	.header {
		height: 100px;
	}
	.header-right .pll-switcher-select {
		top: -6px;
	}
	.olonea-logo-anim {
		top: 16px;
		left: 111px;
		width: 100px;
		height: 100px;
	}
	.main-content.swiper,
	.page-template-default .main-content {
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
		margin-top: 104px;
	}
	.main-content:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 33px;
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
		margin-top: 104px;
	}
	.pageslide-content {
		height: calc(100% - 104px) !important;
	}
	img.fit-full {
		max-height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.hero-slider {
		max-width: 100vw;
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.prd-card p {
		line-height: 1.3;
	}
	.prd-card img {
		max-width: 30vh !important;
		margin: 0 auto;
	}
	.footer-slide h3 + p,
	.footer-slide .h3 + p {
		max-width: 100%;
		line-height: 1.3;
	}
	.footer-logo-thingy {
		width: 16vh;
		top: 7vh;
	}
	.product-right-col .sticky .pt-5 {
		padding-top: 2vh !important;
	}
	.product-right-col .sticky .content-box.w-88 {
		width: 95% !important;
	}
	.mobile-prod-desc .content-box.w-88 {
		width: 85% !important;
	}
	.swiper-slide svg,
	.product-container svg {
		width: 11vh;
		height: 11vh;
		max-width: 125px;
		max-height: 125px;
	}
	.product-sliders {
		height: calc(calc(var(--vh,1vh)*100) - 104px);
		max-width: 100%;
	}
	.product-container .main-content p {
		line-height: 1.3;
	}
	.footer-slide li {
		line-height: 1.3;
	}
	
	/*.product-filters.active,
	.blog-filters.active {
		height: calc(100% - 104px);
		margin-top: 104px;
	}*/

	.presentation_page-template-default svg {
		max-width: calc(160px + 3vmin);
		max-height: calc(160px + 3vmin);
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	
	.product-container .w-80 {
		width: 100% !important;
	}
	
	.fullpage-wrapper .section {
		padding-top: 104px;
	}
	.product-filters {
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.long-sidebar {
		top: 104px;
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.product-right-col {
		top: 152px;
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.product-right-col .sticky {
		position: fixed;
		top: 104px;
		margin-right: 17px;
	}
	.footer-slide {
		min-height: calc(calc(var(--vh,1vh)*100) - 104px); 
	}
	.brand-banner {
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.article-slide .row.h-100 {
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
	}
	.product-swiper .swiper-wrapper .swiper-slide {
		/*height:100%;*/
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.product-sliders {
		min-height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.product-container .product-card {
		height: calc(calc(var(--vh,1vh)*100) - 104px - 13vh);
	}
	.product-container .prd-crumb-row {
		top: 104px;
	}
	.article-cover .article-row > .col{
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.article-right-col {
		/*top: 104px;*/
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.article-right-col .sticky {
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.single-post .art-crumb-row {
		top: 104px;
	}
	.blog-filters {
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
	}	
	.mt-xxl-5 {
		margin-top: 1rem!important;
	}
	.mt-xxl-4 {
		margin-top: 1rem!important;
	}
	.mb-xxl-4 {
		margin-bottom: 1rem!important;
	}
	.pe-xxl-5 {
		padding-right: 1.3rem!important;
	}
	.ps-xxl-5 {
		padding-left: 1.3rem!important;
	}
	/*.pe-xxl-0 {
		padding-right: 1.3rem!important;
	}*/
}
@media screen and (max-width: 1200px) {
	.freeof-section .freeof-title {
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	.freeof-section .freeof-title img {
		max-width: 110px;
	}
	.highlight-container img {
		margin-bottom: 2em;
	}
	.highlight-container .highlight-item p {
		font-size: 1em !important;
		line-height: 1.25em !important;
	}
	.highlight-item {
		position: relative;
		top: auto !important;
		left: auto !important;
		max-width: none !important;
		width: 100% !important;
		right: auto !important;
		bottom: auto !important;
		text-align: left !important;
		padding-left: 1em;
		padding-right: 1em;
		margin-bottom: 1em;
	}
	.highlight-item:before {
		content: '\2022';
		position: relative;
		line-height: 0.75em;
		float: left;
		padding-left: 5px;
		font-size: 1.3em;
		color: var(--product-color);
	}
	.highlight-more-bt {
		position: relative;
		bottom: auto;
		right: auto;
		margin-right: 2em;
		float: right;
	}
	.layout-4 .layout-right-col .section-slider-container, 
	.layout-4 .layout-right-col .section-slider-nav {
		width: 96%;
		margin-left: 4%;
	}
	/*.products-listing {
		transform: translateZ(0);
	}*/
	.product-filters.d-none,
	.blog-filters.d-none {
		transform: translateX(-100%);
		display: block !important;
		position: absolute;
		z-index: 2;
		transition-duration: .2s;
		width: calc(100% - 33px);
		top: 0;
		left: 0;
		margin-top: 0;
		height: 100%;
		/*padding-left: 3rem !important;*/
	}
	.product-filters.active,
	.blog-filters.active {
		transform: initial;
	}
	.product-filters .facetwp-checkbox:before {
		margin-right: 1.3vh;
	}
	.facetwp-depth.visible .facetwp-display-value,
	.product-filters .facetwp-display-value, 
	.product-filters .facetwp-reset,
	.product-filters .all-products {
		font-size: calc(0.85em + 0.44vh) !important;
	}
	
	.pharmSwiper > .facetwp-template {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.filters-apply {
		border-radius: 0;
		margin-left: 0.75em;
		display: inline-block !important;
	}
	
}
/* This should match the fullpage responsive height */
@media screen and (max-width: 1023px) { /* and (max-height: 708px)*/
	.sws_superaction {
		left: 24px !important;
		bottom: 27px !important;
	}
	.sws_superaction > button {
		left: 0px !important;
		--width: 40px !important;
		max-width: var(--width);
	}
	#ac_tooolbar {
		left: 24px;
		bottom: 75px;
	}
	#ac_tooolbar img {
		max-width: 40px;
	}
	.fp-is-overflow>.fp-overflow {
		overflow-y: visible;
		max-height: none !important;
	}
	.header {
		height: 100px;
	}
	.header .ps-33 {
		padding-left: 4px !important;
	}
	.olonea-logo-anim {
		top: 9px;
	}
	.page-loader,
	.custom-modal-container {
		left: 16px;
		top: 104px;
		height: calc(100% - 104px);
	}
	.page-loader img, .page-loader svg {
		height: 15vw !important;
	}
	.home .swiper-pagination {
		display: none !important;
	}
	.main-content, .main-content.swiper, .page-template-default .main-content {
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important; /* calc(calc(var(--vh,1vh)*100) - 104px) */
		margin-top: 104px !important;
	}
	.single-post .main-content {
		overflow-x: hidden;
	}
	.article-cover > .article-row {
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.main-content:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 33px;
		height: calc(calc(var(--vh,1vh)*100) - 104px) !important;
		margin-top: 104px;
	}
	.main-content.swiper > .swiper-wrapper {
		height: auto;
	}
	.main-content.swiper > .swiper-wrapper > .swiper-slide {
		height: auto;
		min-height: 100%;
	}
	.main-content.fullpage-wrapper > .section {
	  scroll-margin-top: 104px;
	}
	.pageslide-content {
		height: calc(100% - 104px) !important;
	}
	img.fit-full {
		max-height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.col > img.fit-full-nomax {
		max-height: 50vh;
	}
	.hero-slider {
		max-width: 100vw;
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.hero-slider .col-md-55 {
		height: calc(42vh - 40px);
	}
	.hero-slider .col-md-45 {
		height: calc(58vh - 40px);
	}
	.hero-slider .px-8pc {
		padding-left: 5.46% !important;
		padding-right: 5.46% !important;
	}
	.hero-slider .content-box img {
		max-width: 36vh;
	}
	.hero-slider p {
		font-size: calc(1em + 1vh) !important;
	}
	.hero-slider h1,
	.hero-slider .h1 {
		font-size: calc(1.57em + 3.5vh) !important;
	}
	.hero-slider a.btn {
		font-size: calc(1em + 0.35vh) !important;
	}
	.hero-slider .content-box {
		padding-top: 2em;
	}
	.fp-scrollable .fp-section {
		min-height: auto !important;
	}
	.fullpage-wrapper .section {
		padding-top: 0 !important;
	}
	.header {
		background: linear-gradient(90deg, rgba(165,217,30,1) 0%, rgba(165,217,30,1) 16px, rgba(245,244,241,1) 16px, rgba(245,244,241,1) 100%);
	}
	.page-id-1872 .header {
		background: linear-gradient(90deg, rgba(165,217,30,1) 0%, rgba(165,217,30,1) 16px, rgba(245,244,241,0) 16px, rgba(245,244,241,0) 100%);
	}
	.long-sidebar {
		width: 16px;
		top: 104px;
		height: calc(calc(var(--vh,1vh)*100) - 104px);
	}
	.main-content:before {
		width: 16px;
	}
	.col.justify-content-center {
		justify-content: start !important;
	}
	.swiper.team-slider, .swiper.section-slider {
		width: 100%;
	}
	.choice-container:not(.prod-by-brand-container) a {
		line-height: 1.2;
	}
	.pt-65,
	.pb-65 {
		display: none;
	}
	.pt-155 {
		padding-top: 16%;
	}
	.ms-33,
	.ms33-on-mobile	{
		margin-left: 16px;
	}
	.row.ms-33,
	.row.ms33-on-mobile,
	.w-ms-33 {
		width: calc(100% - 16px) !important;
	}
	.ps-33,
	.prod-ps-33 {
		padding-left: 16px;
	}
	.mob-img-max-w {
		max-width: 31vh !important;
	}
	.logo-header img {
		max-width: 154px;
	}
	#sm_menu_ham {
		position: relative;
		top: -5px;
	}
	
	.logo-thingy {
		display: none;
	}
	.product-choice #olonea-prod-choice-anim {
		height: 27vh;
		top: calc(50% - 3.5vh);
		left: calc(50% + 1vw + 8px);
		position: absolute;
	}
	.product-filters.d-none,
	.blog-filters.d-none {
		width: calc(100% - 16px);
	}
	.spacing-helper {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}
	
	.distributors-slide .content-box.w-60 {
		width: 100% !important;
	}
	
	.brand-banner {
		height: auto !important;
	}
	.brand-slider p {
		font-size: calc(1em + 1vh) !important;
	}
	.brand-slider h1,
	.brand-slider .h1 {
		font-size: calc(1.57em + 3.5vh) !important;
	}
	.brand-slider a.btn {
		font-size: calc(1em + 0.35vh) !important;
	}
	.brand-slider .content-box {
		padding-top: 2em;
	}
	
	.col-md-55,
	.col-md-45,
	.product-right-col.col-md-45 {
		width: 100%;
	}
	
	.product-container .prd-crumb-row {
		height: auto;
		padding-bottom: 1vh;
	}
	.product-container .product-card {
		height: auto;
	}
	.product-right-col,
	.product-right-col .sticky {
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		pointer-events: auto;
		padding-right: 0;
		margin-right: 0;
	}
	.single-product .product-slider,
	.product-thumb-slider {
		height: auto;
	}
	.product-sliders {
		min-height: auto;
		height: auto !important;
	}
	.product-container .prd-title img {
		max-width: none;
		max-height: 70px;
	}
	/*.product-container .products-slide {
		background-color: transparent !important;
	}*/
	.product-container .main-content p,
	.product-container .product-left-col .accordion-body p,
	.product-container .product-left-col .accordion-body a	{
		font-size: 1.1em;
	}
	.product-container .product-left-col .accordion-body h5 {
		font-size: 0.9em;
	}
	.product-container .circle-facts .in-circle {
		width: 180px;
		height: 180px;		
	}
	.product-container .circle-facts .under-circle {
		margin-bottom: 1.25em;
	}
	.product-container .freeof-section {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.single-product .products-slide .w-75,
	.single-post .products-slide .w-75 {
		width: calc(95% - 16px) !important;
		/*padding-left: 3.5vw !important;
		padding-right: 3.5vw !important;*/
	}
	.how-to-item > div {
		font-size: calc(0.9em + 0.15vw);
		line-height: 1.25;
	}
	.prd-card {
		max-width: 24.8vw;
		position: relative;
		min-width: 240px;
		margin-bottom: 2em;
	}
	.product-container svg {
		width: 10.9vh;
		height: 10.9vh;
	}
	.product-container .article-slide img.fit-full {
		min-height: 50vh;
	}
	.size-guide img {
		max-width: 82%;
	}
	.content-box {
		width: 100% !important;
		/*padding-top: 1.5em;
		padding-bottom: 1.5em;*/
	}
	h2 > span, h2 > span > span,
	.h2 > span, .h2 > span > span {
		font-size: inherit !important;
	}
	.col {
		max-height: none;
	}
	
	.is-ajax-search-result .latest-blog-slider .swiper-slide {
		max-width: 25vw;
	}

	.section-slider-container {
		height: auto;
	}
	.logo-thingy {
		max-height: 35vh;
	}
	.content-box.px-8pc {
		padding-left: 0;
		padding-right: 0;
	}
	.anim-ropey-ball + div + div {
		padding-top: 23vh !important;
	}
	.anim-ropey-ball + div + div.content-box h3 {
		font-size: calc(0.4em + 2vh) !important;
	}
	.layout-2 .content-box.w-60 {
		width: 100% !important;
	}
	.layout-3 h2 + p,
	.layout-3 .h2 + p {
		line-height: 1.2;
	}
	.layout-3 .section-bg {
		position: relative;
		width: 100%;
		min-height: 50vh;
	}
	.layout-3 .animate-ovr.w-74h {
		width: 100% !important;
	}
	.layout-3 .w-85 {
		width: 100% !important;
	}
	.layout-4 .layout-right-col {
		position: relative;
		min-height: auto;
		height: auto;
	}
	.layout-4 .layout-right-col .section-slider-container, 
	.layout-4 .layout-right-col .section-slider-nav {
		margin-left: auto;
		width: 100%;
	}
	.layout-5 .w-50 {
		width: 70% !important;
	}
	.layout-8 animate-ovr.w-50 {
		width: 100% !important;
	}
	.layout-8 .animate-ovr.w-80 {
		width: 100% !important;
	}
	.layout-8 .section-bg + div.row {
		min-height: auto;
	}
	.layout-8 .section-bg {
		background-position: 67% center;
	}
	.layout-8 .on-mobile-bg {
		background-color: transparent !important;
	}
	.layout-14 .w-75 {
		width: 100% !important;
	}
	.article-slide .row.h-100 {
		height: auto !important;
	}
	
	.site-footer .px-40 {
		padding-right: 1.5rem!important;
		padding-left: 1.5rem!important;
	}
	
	.category_logo_anim {
		min-height: 35vh;
		/*padding-top: 1.2em;
		padding-bottom: 1.2em;*/
	}
	.choice-container  {
		align-items: end;
	}
	.choice-container a {
		line-height: 4.25vh;
		width: 90%;
		font-size: 1.12em;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.choice-container.prod-by-brand-container a {
		line-height: 6vh;
	}
	.choice-container a img {
		transform: scale(0.8);
		transform-origin: left center;
	}
	.quiz-slide .quiz-bg,
	.newsletter-slide .nslt-bg,
	.layout-nslt .nslt-bg, 
	.layout-13 .section-bg {
		width: 100%;
	}
	.quiz-slide .side-bar,
	.newsletter-slide .side-bar,
	.layout-nslt .side-bar,
	.layout-13 .side-bar {
		display: none;
	}
	.quiz-slide .w-74h
	.newsletter-slide .w-74h,
	.layout-nslt .w-74h,
	.layout-13 .w-74h {
		width: calc(95% - 33px) !important;
	}
	.newsletter-slide .w-74h .w-70,
	.layout-nslt .w-74h .w-70,
	.layout-13 .w-74h .w-70 {
		width: 85%;
	}
	.newsletter-slide .contact-form input[type=checkbox],
	.layout-nslt .contact-form input[type=checkbox],
	.layout-13 .contact-form input[type=checkbox]	{
		width: 26px;
		height: 26px;
	}
	.newsletter-slide .contact-form input[type=checkbox]:checked + span:before,
	.layout-nslt .contact-form input[type=checkbox]:checked + span:before,
	.layout-13 .contact-form input[type=checkbox]:checked + span:before {
		font-size: 1.45em;
		margin-left: -40px;
		margin-top: 3px;
	}
	.insta-hashes {
		flex-direction: column;
	}
	.text-over-marquee {
		margin-top: 16vh !important;
	}
	.text-over-marquee > div > div {
		height: auto !important;		
	}
	.text-over-slider > div {
		width: 100% !important;
		height: 100% !important;
		background-color: rgb(245, 244, 241, 0.9) !important;
	}
	.text-over-marquee + .roll-slider .swiper-slide img,
	.layout-11 .roll-slider .swiper-slide img,
	.layout-11 video {
		min-height: 72vh !important;
	}
	.series-slider .swiper-slide img {
		min-height: 56vh;
	}
	.series-slider-cards .swiper-slide img {
		max-width: 80%;
	}
	.latest-blog-slider .swiper-slide {
		/*max-width: 25vw;*/
	}
	.home .roll-slider + div > .marquee {
		font-size: calc(3.7em + 1.2vw);
	}
	.insta-layers > div:first-child {
		width: 100% !important;
		min-height: 50vh;
		position: absolute !important;
	}
	.insta-layers > div:last-child {
		position: relative !important;
		display: block;
	}
	.insta-slide .insta-bg {
		position: absolute;
	}
	.home .animate-ovr-right,
	.home .animate-ovr-right + .logo-thingy-light {
		display: none;
	}
	.single-post .art-crumb-row {
		/*height: 24px;*/
	}
	.postid-851 .section:nth-child(13) {
		margin-bottom: 16px;
	}
	.layout-team .team-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.layout-team .team-card {
		width: 30vw;
		height: 35vw;
		max-width: 380px;
		max-height: 480px;
		perspective: 1000px;
	}
	.layout-9 .wpgmp_map_container {
		min-height: 50vh;
	}
	.asl-panel.col-12,
	.asl-map.col-12 {
		width: 100% !important;
		height: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.asl-panel.col-12 {
		min-height: 50vh;
		padding-bottom: 2rem;
	}
	.page-id-881 .asl-panel-inner {
		width: 88% !important;
	}
	#asl-storelocator.asl-cont .sl-loading {
		top: 20% !important;
		left: 50% !important;
		transform: translateX(-50%);
		right: auto !important;
	}
	.asl-cont .sl-main-cont .asl-panel-inner {
		margin-top: 3rem !important;
	}
	.article-left-col .from-gallery {
		max-height: none !important;
	}
	.latest-blog-slider {
		margin-right: 16px;
	}
}
@media screen and (max-width: 900px) {
	.products {
		grid-template-columns: repeat(2, minmax(var(--auto-grid-min-size), 1fr));
	}
	.search-Container .search-Inner:before {
		width: calc(28px + 2vw);
		left: -60px;
		top: -27px;
	}
	.search-Container .search-Inner {
		max-width: 70vw;
	}
	.is-ajax-search-result ul.products li:nth-of-type(n + 4) {
		display: inherit !important;
	}
	.is-ajax-search-result ul.products li:nth-of-type(n + 5) {
		display: none !important;
	}
}
@media screen and (max-width: 768px) { /* and (max-height: 708px)*/	
	.search-Container .search-Inner {
		left: 12.8vw;
	}
	h1, .h1 {
		font-size: calc(1em + 1.8vh);
	}
	.h1-half {
		font-size: calc(1em + 1.8vh);
	}
	h2, .h2 {
		font-size: calc(1em + 1vh);
	}
	.olonea-logo-anim {
		left: 71px;
	}
	.main-content {
		overflow: auto;
	}
	.main-content.swiper > .swiper-wrapper > .swiper-slide {
		/*min-height: 50vh;*/
		height: auto;
	}
	.hero-slider .content-box img {
		max-height: 4vh;
		max-width: 30vh;
		width: auto !important;
	}
	.hero-slider .col-md-55 {
		    height: calc(55vh - 40px);
	}
	.hero-slider .content-box {
		padding-top: 1em;
	}
	.hero-slider p {
		font-size: calc(1em + 1vh) !important;
	}
	.hero-slider h1,
	.hero-slider .h1 {
		font-size: calc(1.57em + 1.1vh) !important;
	}
	.layout-intro img, 
	.layout-intro .content-box {
		min-height: calc(50vh);
	}
	.layout-intro .content-box {
		min-height: calc(50vh - 104px);
	}
	.brand-banner .col-md-55 {
		height: calc(45vh);
	}
	.brand-banner .col-md-45 {
		height: calc(55vh - 104px);
	}
	.brand-banner h1,
	.brand-banner .h1 {
		font-size: calc(1.57em + 1.1vh) !important;
	}
	.brand-banner h2,
	.brand-banner .h2 {
		font-size: calc(1em + 1vh) !important;
	}
	.brand-banner .content-box img {
		max-height: 4vh;
		max-width: 30vh;
		width: auto !important;
	}
	a, p, .footer-slide li, .content-box li {
		font-size: calc(0.94em + 0.34vw);
	}
	.hero-slider a.btn {
		font-size: 1em !important;
	}
	.hero-slider .px-8pc {
		padding-left: 5.46%;
		padding-right: 5.46%;
	}
	.hero-slider + .freeof-marquee {
		height: 5vh;
	}
	.product-choice .criteria.w-60 {
		width: 100% !important;
	}
	.product-choice .criteria svg,
	.product-choice .criteria img {
		width: calc(2rem + 13vh);
		height: calc(2rem + 13vh);
		max-width: none;
		max-height: none;
	}
	.choice-container.prod-by-brand-container a {
		line-height: 5vh;
	}
	.choice-container a img {
		transform: scale(0.7);
		transform-origin: left center;
	}	
	.spacing-helper {
		padding-top: 3rem !important;
		padding-bottom: 2rem !important;
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}
	.mpopup {
		z-index: 101;
		padding-top: initial;
	}
	.mpopup .modal-content {
		width: 100%;
		height: 100%;
	}
	.mpopup .modal-body {
		overflow: auto;
	}
	.mpopup .popup-variations-filter,
	.mpopup .popup-variation-pharms	{
		width: 100% !important;
	}
	.mpopup .pp-prod-variations {
		text-align: left;
	}
	.mpopup .pp-prod-variations label {
		margin-right: initial;
	}
	.pp-prod-image img {
		max-height: 45vh;
	}
	body.mpopup-open {
		overflow: hidden !important;
		padding-right: 17px;
	}
	
	.postid-1341 .layout-timeline .w-80 {
		width: 100% !important;
	}
	.postid-1341 .layout-timeline .row > div:last-child {
		display: none;
	}
	.postid-1341 .layout-timeline .row > div:first-child {
		width: 100% !important;
	}
	.postid-1341 .layout-timeline table h3, 
	.postid-1341 .layout-timeline table p {
		width: 90%;
	}
	.postid-1341 .layout-timeline table img {
		position: relative;
		right: auto;
		top: auto;
		float: none;
		margin-bottom: 0.75em;
	}
	.postid-1341 .layout-timeline table > tbody > tr:last-child > td:first-child:after {
		box-shadow: none;
	}
	.team-slider-caption,
	.section-slider-caption {
		flex-direction: column !important;
		align-items: start !important;
		justify-content: center !important;
	}
	.article-cat {
		text-align: left;
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
	.article-cover .article-row > .col {
		height: auto !important;
	}
	.article-cover h1, .article-left-col h1,
	.article-cover .h1, .article-left-col .h1 {
		font-size: calc(2.1rem);
	}
	.article-left-col h2,
	.article-left-col .h2 {
		font-size: calc(1.3em + 1vh);
	}
	.article-cat,
	.article-cat + div,
	.article-left-col > * {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.blog-articles .article-item {
		padding-right: inherit;
		margin-left: auto;
		margin-right: auto;
	}
	.category-blog .main-content {
		overflow-x: hidden !important;
	}
	/*.articles-slider .swiper-slide {
		width: 48vw !important;
	}*/
	.articles-slider .article-navigation {
		display: none;
	}
	.articles-slider .article-item > a > img {
		width: 100%;
		max-width: 100%;
		/*min-width: 280px;*/
		height: 404px;
		max-height: 43vh;
		object-fit: cover;
	}
	.blog-biblio-heading {
		font-size: 1.4625em !important;
	}
	.layout-intro h2,
	.layout-intro .h2 {
		font-size: 1.8rem;
	}
	.layout-intro h1,
	.layout-intro .h1 {
		font-size: 2.8rem;
	}
	.layout-intro h3,
	.layout-intro .h3 {
		font-size: 1.2rem !important;
	}
	.layout-3 .animate-ovr.w-74h {
		width: 100% !important;
	}
	.layout-3 table + h2,
	.layout-3 table + .h2 {
		line-height: 3;
	}
	.layout-4 .layout-right-col {
		width: 100%;
	}
	.layout-5 .w-50 {
		width: 100% !important;
	}
	.layout-5 .section-bg {
		background-position: right center;
		position: relative;
		height: auto;
		min-height: 50vh;
	}
	.layout-5 .animate-ovr.w-80 {
		width: 100% !important;
	}
	.layout-8 .section-bg {
		background-position: right center;
		position: relative;
		height: auto;
		min-height: 50vh;
	}
	.layout-8 .animate-ovr > .w-65 {
		width: 100% !important;
	}
	.layout-8 #olonea-anim {
		opacity: 1;
		pointer-events: none;
		width: 70vh;
		height: 46vh;
		position: absolute;
		top: 50%;
		right: -1%;
		z-index: 11111;
		display: block;
		overflow: hidden;
	}
	.layout-12 .article-cover-bg {
		position: relative;
		height: 100%;
		width: 100%;
		min-height: 60vh;
	}
	.layout-12 .animate-ovr.w-30 {
		width: 100% !important;
	}
	.layout-12 .w-80 {
		width: 100% !important;
	}
	.presentation_page-template-default .a, 
	.presentation_page-template-default p {
		font-size: calc(1em + 0.44vh);
	}
	.presentation_page-template-default blockquote {
		text-align: left;
		width: 78%;
		margin: 0 auto;
	}
	.presentation_page-template-default blockquote, .presentation_page-template-default blockquote p {
		font-size: calc(1em + 0.44vh);
	}
	.presentation_page-template-default blockquote:before {
		left: -0.55em;
	}
	.presentation_page-template-default blockquote:after {
		right: -0.55em;
	}
	.layout-jobs .accordion-button {
		padding-left: 0;
	}
	.layout-jobs .accordion-body {
		padding-right: 0;
		padding-left: 0;
	}
	.layout-3 .pharms-svg-btn {
		max-width: 13vh !important;
		max-height: 13vh !important;
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.pharmSwiper > .facetwp-template {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.product-container .prd-crumb > span:last-child span {
		font-size: calc(0.94em + 0.24vw);
	}
	
	.sv-container-modern h5 {
		font-size: calc(1rem + 1.4vh);
	}
	.sv-container-modern h2 {
		font-size: calc(1rem + 1.6vh);
	}
	.sv-container-modern .sv-text,
	.sv-selectbase__label .sv-item__control-label {
		font-size: calc(1rem + 1.1vh);
	}
	.sl-main-cont .asl-panel-inner .asl-addr-search {
		margin-right: auto;
		padding: 0 15px;
	}
}
@media screen and (max-width: 640px) {
	.hero-slider .col-md-55 {
		height: calc(42vh - 40px);
	}
	ul.products {
		grid-template-columns: repeat(1, minmax(var(--auto-grid-min-size), 1fr));
	}
	.layout-team .team-container {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.single-product .products > div {
		max-width: none;
	}
	.products .prd-card img {
		max-width: 44vw;
	}
	.product-thumb-slider {
		padding: 1.5vh;
		max-height: 100px;
	}
	.product-thumb-slider img{
		max-width: 25vw;
	}
	.site-footer .w-80 {
		width: 100% !important;
	}
	.accordion-body h4.inline-header {
		font-size: calc(0.9em + 0.66vw);
		font-weight: bold;
	}
	.latest-blog-slider .swiper-slide {
		max-width: none !important;
		margin-left: 0 !important;
	}
	
	.latest-blog-slider .swiper-wrapper {
		flex-direction: column;
	}
	.layout-team .team-card {
		width: 40vw;
		height: 45vw;
		max-width: 380px;
		max-height: 480px;
		perspective: 1000px;
	}	
	.pharmSwiper > .facetwp-template {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		max-width: 88%;
		margin: 0 auto;
	}
	.layout-timeline table > tbody > tr:last-child:after {
		bottom: -24px;
	}
	.presentation_page-template-default .freeof-tables {
		max-width: 100%;
	}
	ul.olonea-icon-list  {
		padding-left: 1.5rem;
	}
	ul.olonea-icon-list li {
		margin-bottom: 2.5em;
	}
	.footer-form .contact-form label span {
		width: 100%;
	}
}
@media screen and (max-width: 560px) {
	div.is-ajax-search-result {
		padding-left: 4.8vw !important;
	}
	.search-Container .search-Inner {
		left: 3.8vw;
		transition-duration: .3s;
	}
	.search-Container .search-Inner:before {
		opacity: 0;
	}
}
@media screen and (max-height: 768px) {
	.pt-155 {
		padding-top: 4%;
	}
	.site-footer .pt-155 {
		padding-top: 4em;
	}
	.pt-65 {
		padding-top: 4.1vh;
	}
	.pb-65 {
		padding-bottom: 4.1vh;
	}
	.ps-5 {
		padding-left: 2.85vw !important;
	}
	.pe-5 {
		padding-right: 2.85vw !important;
	}
	.mt-5 {
		margin-top: 3vh !important;
	}
	.mb-5 {
		margin-bottom: 3vh !important;
	}
	.site-footer .mb-5 {
		margin-bottom: 5vh !important;
	}
	.series-slider-cards .swiper-pagination {
		left: auto !important;
		right: 0 !important;
	}
}

@media (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5),
(min-width: 1280px) and (min-resolution: 1.5dppx) {
	.product-choice .criteria svg, .product-choice .criteria img {
		width: calc(2rem + 12vh);
		height: calc(2rem + 12vh);
	}
	.choice-container a img {
		margin-top: -4px;
		transform: scale(0.85);
		transform-origin: left;
	}
	.footer-form .contact-form label span {
		width: 100%;
	}
	.footer-form .contact-form .wpcf7-acceptance input {
		margin-bottom: 5.8vh !important;
	}
	.site-footer .pt-155 {
		padding-top: 6.25em;
	}
	.layout-8 #olonea-anim {
		right: -4vw;
	}
	.svg-circle-green h4 {
		font-size: calc(0.8em + 0.56vh);
	}
	.presentation_page-template-default .svg-circle-green h3 {
		font-size: calc(1rem + 0.505vh);
	}
	.presentation_page-template-default blockquote {
		font-size: calc(1em + 1.55vh);
	}
}

.fp-overflow {
	overflow-x: hidden;
}
.fp-watermark {
	display: none;
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**
 * .alignright
 */
.alignright {
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical);
}

.entry-content > .alignright {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignright {

		/*rtl:ignore*/
		float: right;

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);
	}

	.entry-content > .alignright {
		max-width: calc(50% - var(--responsive--alignright-margin));
	}
}

[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
	margin-top: 0;
}

/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}